@charset "utf-8";

.ck-editor__editable p i{font-style:italic}
.ck-editor__editable ul,.ck-editor__editable ol{padding:0 20px}
.ck-editor__editable li{list-style-type:inherit}

#wrap ::-webkit-scrollbar-track{background-color:#fff;border-radius:3px;overflow:hidden}
#wrap ::-webkit-scrollbar{width:5px;height:4px;background-color:#fff;border-radius:4px}
#wrap ::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}
#wrap .swiper-wrapper{height:auto}

.search-container{position:relative;display:inline-block}
.search-input{width:220px;padding:8px 32px 8px 15px;font-size:16px;border:1px solid #ccc;border-radius:20px}
.search-icon{width:65px;line-height:35px;font-size:16px;border:1px solid #ccc;text-align:center;border-radius:20px}
.search-icon svg{width:20px;height:20px;fill:#666}
.jewon_tl{font-size:24px;font-weight:600;color:#222;text-align:left;padding-bottom:20px;clear:both}

#wrap .wrap{margin:0 auto;width:1100px;max-width:100%}
#wrap .oilyang{line-height:50px;font-size:18px;float:left}
#wrap .update{font-size:14px;color:#555;float:right;line-height:55px;float:right}
#wrap .btn_01{background:#EB3F3D!important;border-color:#EB3F3D!important;color:#FFF!important}
#wrap .btn_02{background:#FFF!important;border-color:#EB3F3D!important;color:#EB3F3D!important}
#wrap .btn_03{background:#FFF!important;border-color:#707070!important;color:#707070!important}
#wrap .btn_04{background:#FFF!important;border-color:#ccc!important;color:#000!important}
#wrap .btn_05{background:#FFF!important;border-color:#ccc!important;color:#333!important}
#wrap .btn_06{background:#FFF!important;border-color:transparent!important;color:#707070!important;text-decoration:underline}
#wrap .btn_07{background:#333!important;border-color:#333!important;color:#fff!important}
#wrap .btn_08{background:#555!important;border-color:#555!important;color:#fff!important}
#wrap .btn_09{background:#707070!important;border-color:#707070!important;color:#fff!important}
#wrap .btn_10{background:#FFF!important;border-color:#ddd!important;color:#1c1c1c!important}
#wrap .btn_11{background:#FFF!important;border-color:transparent!important;color:#1c1c1c!important}
#wrap .btn_12{background:#FFF!important;border-color:#1c1c1c!important;color:#1c1c1c!important}
#wrap .btn_13{background:#FFF!important;border-color:#DDD!important;color:#ccc!important}
#wrap .btn_14{background:#FFF!important;border-color:#ccc!important;color:#666!important}
#wrap .btn_15{background:#ffea5e!important;border-color:#eebe6a!important;color:#666!important}
#wrap .btn_dis{background:#FFF!important;border-color:#CCC!important;color:#707070!important;pointer-events:none}
#wrap .btn_dis2{background:#EDEDED!important;border-color:#EDEDED!important;color:#CCC!important}

#wrap .paging{margin:15px 0;display:flex;align-items:center;justify-content:center}
#wrap .paging a{position:relative;display:flex;align-items:center;justify-content:center;width:25px;line-height:20px;font-size:12px;font-weight:500;color:#999;flex-shrink:0;gap:4px}
#wrap .paging a:hover{color:#000}
#wrap .paging a:before,#wrap .paging a:after{flex:0 0 auto;position:relative;top:1px}
#wrap .paging a.current{font-weight:500;color:#EB3F3D}
#wrap .paging a.start{margin-right:10px;padding:0;width:auto}
#wrap .paging a.start:before{content:'';width:12px;height:12px;background:url(../img/common/pg_start.png) no-repeat 50% 50% / contain}
#wrap .paging a.prev{margin-right:10px;padding:0;width:auto}
#wrap .paging a.prev:before{content:'';width:12px;height:12px;background:url(../img/common/pg_prev.png) no-repeat 50% 50% / contain}
#wrap .paging a.next{margin-left:10px;padding:0;width:auto}
#wrap .paging a.next:after{content:'';width:12px;height:12px;background:url(../img/common/pg_next.png) no-repeat 50% 50% / contain}
#wrap .paging a.end{margin-left:10px;padding:0;width:auto}
#wrap .paging a.end:after{content:'';width:12px;height:12px;background:url(../img/common/pg_end.png) no-repeat 50% 50% / contain}

#wrap .tab-btn{margin:0 0 32px}
#wrap .tab-btn ul{display:flex}
#wrap .tab-btn li a{position:relative;display:flex;align-items:center;justify-content:center;height:48px;font-size:16px;font-weight:500;color:#707070}
#wrap .tab-btn li.on a{color:#777}
#wrap .tab-box,#wrap .tab-sub-box{display:none!important}
#wrap .tab-box.on,
#wrap .tab-box.active,
#wrap .tab-sub-box.on,
#wrap .tab-sub-box.active{display:block!important}

#login .login .social .con .btn.btn_kakao{color:#222;background:#f7e111}
#login .login .social .con .btn.btn_kakao i{content:'';width:22px;height:22px;margin:0 8px 0 0;background:url(../img/common/social_kakao.png) no-repeat 50% 50% / contain}
#login .login .social .con .btn.btn_naver{color:#fff;background:#00bf18}
#login .login .social .con .btn.btn_naver i{content:'';width:20px;height:20px;margin:0 8px 0 0;background:url(../img/common/social_naver.png) no-repeat 50% 50% / contain}
#login .login .social .con .btn.btn_apple i{content:'';width:20px;height:20px;margin:0 8px 0 0;background:url(../img/common/apple-logow.svg) no-repeat 50% 50% / contain}
#login .login .social .con .btn.btn_apple{background:#000;color:#fff}
#wrap #popup_delete .captcha .capt_inp{width:calc(100% - 70px - 10px - 40px - 10px);height:40px;border:1px solid #ddd;border-radius:4px;text-align:center}

@media (min-width: 1100px) {

    #wrap .cmt_button_con{display:flex;gap:6px}
    #main .tabs-content{position:relative;width:900%;display:flex;align-items:flex-start;justify-content:flex-start;transition:all .55s}
    #main .tabs-section{position:relative;flex:9;overflow:hidden;width:100%;max-width:100vw}

    [data-tab-act=tab1]{display:block;left:0}
    [data-tab-act=tab2]{display:block;left:-100%}
    [data-tab-act=tab3]{display:block;left:-200%}
    [data-tab-act=tab4]{display:block;left:-300%}
    [data-tab-act=tab5]{display:block;left:-400%}
    [data-tab-act=tab6]{display:block;left:-500%}
    [data-tab-act=tab7]{display:block;left:-600%}
    [data-tab-act=tab8]{display:block;left:-700%}
    [data-tab-act=tab9]{display:block;left:-800%}

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

    #header{position:relative;top:0;left:0;width:100%;z-index:1011;background:#fff}
    #header .banner{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}
    #header .banner .wrap{position:relative}
    #header .banner a.goLink{display:flex;align-items:center;justify-content:center;height:35px;font-size:14px;color:#fff}
    #header .banner a.goLink strong{margin:0 10px 0 0;font-size:11px;font-weight:900;color:#F0D824}
    #header .banner a.delLink{position:absolute;top:25px;left:50%;margin-left:530px;width:12px;height:12px;background:url(../img/common/btn_x.webp) no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden;z-index:20}
    #header .banner a.todayLink{position:absolute;top:13px;left:50%;margin-left:430px;width:85px;text-align:right;height:12px;z-index:20;display:flex;align-items:center;font-size:13px;white-space:nowrap}
    #header .banner .swiper-slide{text-align:center}
    #header .banner .swiper-slide a{position:relative;display:flex;height:60px;flex-direction:column;align-items:center;justify-content:center;max-width:1920px;margin:0 auto}
    #header .banner .swiper-slide img{display:block;width:auto;margin:0 auto;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;max-width:1920px}
    #header .banner .swiper-pagination{position:absolute;bottom:10px;left:50%;width:1100px;max-width:100%;transform:translateX(-50%);display:flex;align-items:center;justify-content:flex-end;display:none}
    #header .banner .swiper-pagination span{width:12px;height:12px;background:#fff;text-indent:-9999em;overflow:hidden;opacity:1}
    #header .banner .swiper-pagination span.swiper-pagination-bullet-active{background:#c00}
    #header .tnb{background:#F8F8F8;border-bottom:1px solid #e7e7e7}
    #header .tnb .wrap{display:flex;align-items:center;height:40px}
    #header .tnb .item{display:flex;align-items:center;gap:20px;font-size:13px;color:#777;font-weight:500}
    #header .tnb .item:nth-child(1){margin:0 auto 0 0}
    #header .tnb .item:nth-child(2){margin:0 0 0 auto}
    #header .tnb .item > a > img{height:16px;object-fit:contain}
    #header .tnb .item > ul{display:flex;align-items:center;gap:24px}
    #header .tnb .item > ul > li{position:relative;display:flex;align-items:center;height:40px}
    #header .tnb .item > ul > li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);margin-left:-12px;width:1px;height:12px;background:#ddd}
    #header .tnb .item > ul > li > a{position:relative;font-size:13px;color:#777;font-weight:500;display:flex;align-items:center}
    #header .tnb .item > ul > li > a img{height:24px;margin:0 4px 0 0}
    #header .tnb .item > ul > li > a + a{margin-left:12px;padding-left:12px}
    #header .tnb .item > ul > li > a i{margin-left:6px;width:16px;height:16px;background:#000;background:url(../img/common/member_view.png) no-repeat 50% 50% / contain}
    #header .tnb .item > ul > li > a p{display:flex;padding:2px 8px;height:24px;border-radius:24px;border:1px solid #d9d9d9;background:#f4f4f4;margin:0 4px;font-size:12px;color:#1c1c1c}
    #header .tnb .item > ul > li > a strong{margin-left:6px}
    #header .tnb .item > ul > li > a:hover{color:#000}
    #header .tnb .item > ul > li > div{position:relative;font-size:14px;color:#1c1c1c;display:flex;align-items:center}
    #header .tnb .item > ul > li > div i{margin-left:6px;width:16px;height:16px;background:#000;background:url(../img/common/member_view.png) no-repeat 50% 50% / contain}
    #header .tnb .item > ul > li > div p{display:flex;padding:2px 8px;height:24px;border-radius:24px;border:1px solid #d9d9d9;background:#f4f4f4;margin:0 4px;font-size:12px;color:#1c1c1c}
    #header .tnb .item > ul > li > .new { background:#EB3F3D; border-radius:3px; color:white; font-size:12px; margin-left:3px; padding:0 2px; }
	#header .tnb .item .view{position:relative}
    #header .tnb .item .view.on a i{transform:rotate(180deg)}
    #header .tnb .item .view.on .layer{top:100%;opacity:1;visibility:visible}
    #header .tnb .item .view a{position:relative;font-size:13px;color:#1c1c1c;display:flex;align-items:center;justify-content:flex-start;text-align:left;width:100%;height:100%;background:#f8f8f8}
    #header .tnb .item .view a img{margin:0 10px 0 0}
    #header .tnb .item .view a p{display:flex;padding:2px 6px;height:22px;border-radius:24px;border:1px solid #d9d9d9;background:#fff;margin:0 4px;font-size:12px;color:#1c1c1c}
    #header .tnb .item .view .layer{position:absolute;z-index:12;top:80%;left:50%;transform:translateX(-50%);background:#ddd;border:1px solid #ddd;width:300px;display:flex;flex-wrap:wrap;gap:1px;opacity:0;visibility:hidden;transition:top 0.35s,opacity 0.35s,visibility .35s}
    #header .tnb .item .view .layer li{width:calc(50% - 0.5px);display:flex;align-items:center;justify-content:center;height:40px;background:#fff}
    #header .tnb .item .view .layer li a{padding:0 12px 0 28px}
    #header .tnb .item .view .layer li.strong{width:100%;background:#fff;font-size:14px}
    #header .tnb .item .view .layer li.strong span{margin-left:6px;font-weight:500;color:red}
    #header .tnb .item .view .layer li:hover a{background:#fafafa}
    #header .header{position:relative;border-bottom:1px solid #F4F4F4}
    #header .header .wrap{display:flex;align-items:center;height:96px}
    #header .header .wrap.v2{justify-content:space-between}
    #header .header .logo{display:flex;align-items:center;justify-content:center;margin:0 auto 0 0}
    #header .header .logo a{display:block}
    #header .header .logo .headerTag{margin-left:60px;padding-right:30px;width:580px;overflow:hidden;display:none}
    #header .header .logo .headerTag .swiper-scrollbar{display:none}
    #header .header .logo .cate{display:flex;gap:6px 8px}
    #header .header .logo .cate a{background:#f0f6fb;display:flex;align-items:center;justify-content:center;text-align:center;width:auto!important;height:36px;border-radius:36px;border:1px solid #ddd;font-size:13px;color:#707070;padding:6px 12px;cursor:default}
    #header .header .logo img{height:48px;width:auto;display:block}
    #header .header .wrap.v2 .menuV2{display:flex}
    #header .header .menuV2{display:none}
    #header .header .menuV2 ul{display:flex}
    #header .header .menuV2 ul li{font-size:18px;font-weight:500;line-height:18px;letter-spacing:-1px}
    #header .header .menuV2 ul li+li{margin-left:24px}
    #header .header .wrap.v2 .search{display:none}
    #header .header .search{margin:0 0 0 auto;display:flex;align-items:center;justify-content:center}
    #header .header .search .form{display:flex;background:#F4F4F4;height:48px;border-radius:48px}
    #header .header .search .form input{padding:0 20px;width:230px;height:48px;background:transparent;font-size:14px;color:#888}
    #header .header .search .form button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent}
    #header .header .search .form button img{width:20px;height:auto}
    #header .header .menu{display:none}
    #header .global.v2{display:none}
    #header .global{border-bottom:1px solid #F4F4F4}
    #header .global .wrap{display:flex;height:66px;align-items:center}
    #header .global .gnb{margin:0 auto 0 0}
    #header .global .gnb .dp1{display:flex;align-items:center}
    #header .global .gnb .dp1 .dl1{width:auto}
    #header .global .gnb .dp1 .dl1 .dl1:last-child .da1{margin:0}
    #header .global .gnb .dp1 .dl1 .da1{position:relative;margin:0 40px 0 0;line-height:1;font-size:18px;color:#333;display:flex;height:66px;align-items:center;justify-content:center}
    #header .global .gnb .dp1 .dl1 .da1:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#EB3F3D;display:none}
    #header .global .gnb .dp1 .dl1 .da1.act{color:#EB3F3D}
    #header .global .gnb .dp1 .dl1 .da1.on:before,#header .global .gnb .dp1 .dl1 .da1.act:before{display:block}
    #header .global .tool{margin:0 0 0 auto}
    #header .global .tool ul{display:flex;align-items:center;gap:16px}
    #header .global .tool li a{display:flex;align-items:center;justify-content:center;height:40px;line-height:1;font-size:18px;color:#1c1c1c;white-space:nowrap}
    #header .global .tool li a i{margin:0 6px 0 0;width:20px;height:20px}
    #header .global .tool li a i.ic-used{background:url(../img/common/icon_used.png) no-repeat 50% 50% / contain}
    #header .global .tool li a i.ic-cust{background:url(../img/common/icon_customer.png) no-repeat 50% 50% / contain}

    #siteMap{display:none}
    #container{position:relative}
    #title{position:relative}
    #title .inner{padding-bottom:32px;margin-bottom:32px;height:288px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}
    #title .title{position:relative;z-index:5;line-height:32px;font-size:32px;font-weight:700;color:#1c1c1c}
    #title .text{position:relative;z-index:5;line-height:20px;font-size:20px;font-weight:500;color:#707070;margin-top:16px}
    #title .image{position:absolute;top:0;left:0;pointer-events:none;overflow:hidden;width:100%;height:100%}
    #title .image img{width:100%;height:100%;object-fit:cover}

    #heading{display:none}

    #uptop{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#1c1c1c url(../img/common/uptop.png) no-repeat 50% 50%;box-shadow:0 2px 14px #0000000d;border-radius:50%;opacity:0;visibility:hidden;transition:all .35s}
    #uptop.fixed{opacity:1;visibility:visible}

    #footer .fnb{background:#F4F4F4;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
    #footer .fnb .wrap{display:flex;height:46px;align-items:center}
    #footer .fnb .link{display:flex;align-items:center;justify-content:space-between;width:90%}
    #footer .fnb .link a{display:block;font-size:15px;color:#666;font-weight:500}
    #footer .footer{position:relative;padding:48px 0;background:#EDEDED}
    #footer .footer .wrap{display:flex;flex-direction:column;align-items:flex-start;position:relative}
    #footer .footer .tele{display:flex;align-items:center;font-size:24px;font-weight:500;color:#000;margin:0 0 16px}
    #footer .footer .address{line-height:28px;font-size:14px;color:#707070}
    #footer .footer .address .dep{display:flex;align-items:center}
    #footer .footer .address dl{display:flex;position:relative}
    #footer .footer .address dl + dl{margin-left:10px;padding-left:10px}
    #footer .footer .address dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #footer .footer .address dt{display:flex;align-items:center}
    #footer .footer .address dt:after{content:':';margin:0 5px 0 4px}
    #footer .footer .social{position:absolute;top:50%;right:0;transform:translateY(-50%)}
    #footer .footer .social ul{display:flex;align-items:center}
    #footer .footer .social li + li{margin:0 0 0 10px}
    #footer .footer .social li a{width:48px;height:48px;display:block}
    #footer .footer .social li img{display:block;height:100%;width:auto}

    #main{overflow:hidden}
    #main .visual{position:relative;margin:0 auto 16px;overflow:hidden;max-width:1920px}
    #main .visual .swiper-slide{opacity:0;transition:all .35s}
    #main .visual .swiper-slide-active{opacity:1}
    #main .visual .swiper-fixed{position:absolute;z-index:6;bottom:5px;left:50%;transform:translateX(-50%);width:1100px;max-width:100%;display:flex;align-items:center;justify-content:flex-end}
    #main .visual .swiper-control{display:flex;align-items:center;border-radius:50px;height:40px;background:#00000080;z-index:6;padding:0 11px 0 18px}
    #main .visual .swiper-pagination{margin:0 6px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;bottom:unset}
    #main .visual .swiper-pagination span{text-indent:-9999em;width:10px;height:10px;background:#fff;opacity:.5;margin:0;border-radius:50px;transition:all .35s}
    #main .visual .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;width:28px}
    #main .visual .swiper-scroll{margin:0 22px 0 0;width:175px;height:1px;background:#ffffff80;position:relative;left:unset;bottom:unset;flex-shrink:0;display:none!important}
    #main .visual .swiper-scroll .swiper-scrollbar-drag{height:2px;background:#fff}
    #main .visual .swiper-count{display:flex;align-items:center;display:none}
    #main .visual .swiper-count p{font-size:11px;font-weight:100;color:#fff;margin:0 1.8px}
    #main .visual .swiper-count p.idx{font-weight:500}
    #main .visual .swiper-play{cursor:pointer}
    #main .visual .swiper-play i{display:block;width:20px;height:20px;background:url(../img/common/icon_stop.png) no-repeat 50% 50%}
    #main .visual .wrap{height:420px}
    #main .visual .inner{position:relative;z-index:2;padding:42px 0 0;display:none}
    #main .visual .inner .tit{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
    #main .visual .inner .tit small{line-height:60px;font-size:22px;color:#fff}
    #main .visual .inner .tit strong{line-height:60px;font-size:48px;font-weight:700;color:#fff}
    #main .visual .inner .txt{margin:30px 0;line-height:30px;font-size:18px;font-weight:300;color:#fff}
    #main .visual .inner .act{margin:50px 0 0;display:flex;align-items:center;justify-content:flex-start}
    #main .visual .inner .act a{display:flex;align-items:center;justify-content:center;padding:6px 18px;border-radius:6px;border:2px solid #fff;height:55px;font-size:20px;font-weight:500;color:#fff}
    #main .visual .thumb{position:absolute;top:0;left:0;z-index:1;pointer-events:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
    #main .visual .thumb img{display:block;width:100%;height:100%;max-height:100%;object-fit:cover}
    #main .latest{position:relative;margin:16px 0}
    #main .latest .box{display:flex;height:80px;padding:0 4px;align-items:center;border-bottom:1px solid #ddd}
    #main .latest .tit{margin:0 12px 0 0;padding:0 12px;display:flex;align-items:center;justify-content:center;height:30px;flex-shrink:0;font-size:14px;font-weight:500;color:#eb3f3d;background:#fff;border-radius:30px;border:1px solid #eb3f3d}
    #main .latest .act{display:flex;flex:1}
    #main .latest .act a{display:flex;align-items:center;width:100%;font-size:16px;color:#000}
    #main .latest .act p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;flex:1}
    #main .latest .act em{flex-shrink:0;color:#707070;font-size:14px}
    #main .quick{position:relative;margin:50px 0}
    #main .quick ul{display:flex}
    #main .quick li{position:relative}
    #main .quick li:nth-child(8){display:none}
    #main .quick li:before{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;padding:0 10px;border-radius:20px;min-width:64px;height:20px;text-transform:uppercase;font-size:12px;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}
    #main .quick li + li{margin-left:auto}
    #main .quick li.up:before{content:'update';background:#f77;color:#fff}
    #main .quick li.new:before{content:'new';background:#F70;color:#fff}
    #main .quick li .img{background:#fff;display:flex;align-items:center;justify-content:center}
    #main .quick li .img img{width:auto;max-width:100%;height:auto}
    #main .quick li .tit{margin:24px 0 0;line-height:18px;font-size:18px;color:#1c1c1c;text-align:center}
    #main .direct{position:relative;margin:0 0 40px}
    #main .direct .wrap{display:flex;gap:15px;margin:0 auto}
    #main .direct .sect{height:100%}
    #main .direct .sect1{width:40%;height:200px}
    #main .direct .sect1 ul{display:flex;gap:15px}
    #main .direct .sect1 li{flex:1}
    #main .direct .sect .box{display:flex;border-radius:10px}
    #main .direct .sect1 li .box{position:relative;flex-direction:column;padding:24px 22px;height:200px;border:1px solid #ddd;background:#f8f8f8}
    #main .direct .sect1 li .con{display:flex;flex-direction:column}
    #main .direct .sect1 li .tit{line-height:24px;font-size:20px;font-weight:700;color:#333}
    #main .direct .sect1 li .txt{margin-top:8px;line-height:22px;font-size:16px;font-weight:500;color:#818181}
    #main .direct .sect1 li .ico{position:absolute;bottom:0;right:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center}
    #main .direct .sect2{width:60%;height:200px}
    #main .direct .sect2 ul{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px}
    #main .direct .sect2 li .box{flex-direction:row;align-items:center;border:1px solid #ddd;background:#f8f8f8;gap:5px;height:95px;white-space:nowrap;justify-content:center}
    #main .direct .sect2 li .box.red{background:#ffeae9;border-color:#ffeae9;color:#ef3e48}
    #main .direct .sect2 li .ico{width:min(30%,60px);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}
    #main .direct .sect2 li .ico img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
    #main .direct .sect2 li .tit{line-height:24px;font-weight:700;font-size:max(2rem,min(1.5vw,1.7rem));color:#333}
    #main .appdown{position:relative;margin:50px 0}
    #main .appdown img{width:100%;height:auto}
    #main .appdown .wrap-banner{display:flex;gap:10px}
    #main .launch{position:relative;margin:80px 0}
    #main .launch .title{position:relative;margin:0 0 30px}
    #main .launch .title .tit{line-height:32px;font-size:32px;font-weight:500;color:#333}
    #main .launch .title .txt{margin:20px 0 0;line-height:18px;font-size:16px;color:#555;display:none}
    #main .launch .content{position:relative}
    #main .launch .list{overflow:hidden}
    #main .launch .list .img{border-radius:16px;overflow:hidden;height:204px;display:flex;align-items:center;justify-content:center}
    #main .launch .list .img img{display:block;width:100%;height:100%;object-fit:cover}
    #main .launch .list .con{margin:30px 0 0;display:flex;flex-direction:column;padding-left:8px}
    #main .launch .list .name{line-height:24px;font-size:20px;font-weight:500;color:#1c1c1c;display:flex;align-items:center}
    #main .launch .list .name > div{display:flex;width:100%;align-items:center}
    #main .launch .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .launch .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #main .launch .list .addr{line-height:24px;font-size:16px;font-weight:300;color:#555;margin:15px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .launch .swiper-prev{position:absolute;top:50%;left:0;margin-left:-60px;margin-top:-47px;width:60px;height:60px;overflow:hidden;background:#fff url(../img/common/swiper_prev.png) no-repeat 50% 50%;transform:translateY(-50%)}
    #main .launch .swiper-next{position:absolute;top:50%;left:100%;margin-left:0;margin-top:-47px;width:60px;height:60px;overflow:hidden;background:#fff url(../img/common/swiper_next.png) no-repeat 50% 50%;transform:translateY(-50%)}
    #main .banner{position:relative;margin:80px 0}
    #main .banner a{display:block}
    #main .banner img{display:block;width:auto;max-width:100%;height:auto}
    #main .mall{position:relative;margin:100px 0 30px}
    #main .mall .wrap{position:relative}
    #main .mall .title{position:relative;margin:0 0 30px}
    #main .mall .title .tit{line-height:32px;font-size:32px;font-weight:500;color:#333}
    #main .mall .list{overflow:hidden}
    #main .mall .list .img{border-radius:16px;overflow:hidden;padding:100% 0 0;position:relative;border:1px solid #ddd}
    #main .mall .list .img img{display:block;width:auto;max-width:100%;height:auto;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    #main .mall .list .con{margin:24px 0 0;display:flex;flex-direction:column}
    #main .mall .list .name{min-height:50px;line-height:25px;font-size:20px;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:keep-all}
    #main .mall .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .mall .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #main .mall .list .text{line-height:25px;font-size:20px;color:#1c1c1c;padding:0 20px 0 0;display:flex;align-items:center}
    #main .mall .list .info{display:flex;align-items:center;margin:24px 0 0}
    #main .mall .list .info .price{display:flex}
    #main .mall .list .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #main .mall .list .price{display:flex;align-items:center;display:none}
    #main .mall .list .rate{line-height:1;font-size:24px;color:#0066b3}
    #main .mall .list .origin{line-height:1;font-size:14px;margin:0 0 0 8px;color:#aaa;text-decoration:line-through}
    #main .mall .list .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #main .mall .list .tool .comment{display:flex;align-items:center}
    #main .mall .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #main .mall .list .tool .comment em{font-size:18px;color:#0066b3}
    #main .mall .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px}
    #main .mall .more a{display:block;line-height:18px;font-size:16px;color:#555;padding:0 20px 0 0;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #main .event{position:relative;margin:100px 0 80px}
    #main .event .wrap{position:relative}
    #main .event .title{position:relative;margin:0 0 30px;display:flex;align-items:center;gap:30px}
    #main .event .title .tit{line-height:32px;font-size:32px;font-weight:500;color:#333}
    #main .event .title .tab{margin:0;height:32px;display:flex;align-items:center}
    #main .event .title .tab ul{display:flex}
    #main .event .title .tab li{margin:0 8px 0 0}
    #main .event .title .tab li a{display:flex;padding:10px 15px;align-items:center;justify-content:center;height:34px;border:1px solid #ddd;border-radius:44px;font-size:16px;color:#707070;transition:all .35s}
    #main .event .title .tab li.on a{border-color:#EB3F3D;color:#EB3F3D}
    #main .event .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px}
    #main .event .more a{display:block;line-height:18px;font-size:16px;color:#555;padding:0 20px 0 0;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #main .event .list{overflow:hidden}
    #main .event .list .img{border-radius:16px;overflow:hidden;padding:207px 0 0;position:relative}
    #main .event .list .img img{border:solid .5px lightgray;border-radius:16px;display:block;width:100%;height:100%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    #main .event .list .con{margin:12px 0 0;display:flex;flex-direction:column;padding-left:8px}
    #main .event .list .name{line-height:25px;font-size:20px;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .event .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .event .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #main .event .list .text{line-height:25px;font-size:20px;color:#1c1c1c;padding:0 20px 0 0;display:flex;align-items:center}
    #main .event .list .info{display:flex;align-items:center;margin:24px 0 0}
    #main .event .list .price{display:flex;align-items:center}
    #main .event .list .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #main .event .list .price .origin{line-height:1;font-size:14px;margin:0 0 0 8px;color:#ccc;text-decoration:line-through}
    #main .event .list .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #main .event .list .tool .comment{display:flex;align-items:center}
    #main .event .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #main .event .list .tool .comment em{font-size:18px;color:#0066b3}
    #main .partner{position:relative;margin:100px 0 80px}
    #main .partner .title{position:relative;margin:0 0 30px}
    #main .partner .title .tit{line-height:32px;font-size:32px;font-weight:500;color:#333}
    #main .partner .title .txt{margin:20px 0 0;line-height:18px;font-size:16px;color:#555}
    #main .partner .title .act{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px}
    #main .partner .title .act a{display:block;line-height:18px;font-size:16px;color:#555;padding:0 20px 0 0;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #main .partner .content{position:relative;display:flex;width:1100px;max-width:100%}
    #main .partner .content .big{width:calc(100% - 280px);height:490px;overflow:hidden;border-radius:20px}
    #main .partner .content .big ul{height:100%!important}
    #main .partner .content .big li{opacity:0;border-radius:16px;overflow:hidden;position:relative;z-index:4;height:100%;width:100%}
    #main .partner .content .big li.swiper-slide-active{opacity:1;z-index:5;width:100%;height:100%}
    #main .partner .content .big li a{display:block;width:100%;height:100%}
    #main .partner .content .big li img{display:block;width:100%;height:100%;object-fit:cover}
    #main .partner .content .small{flex-shrink:0;width:250px;height:490px;margin:0 0 0 30px;overflow:hidden}
    #main .partner .content .small li{border-radius:16px;overflow:hidden;opacity:.5}
    #main .partner .content .small li.swiper-slide-thumb-active{opacity:1}
    #main .partner .content .small li a{display:block;width:100%;height:100%}
    #main .partner .content .small li img{display:block;width:100%;height:100%;object-fit:cover}
    #main .partner .content .control{position:absolute;bottom:100%;right:0;margin-bottom:50px;display:flex;align-items:center}
    #main .partner .content .control .swiper-prev{width:40px;height:40px;border-radius:40px;border:1px solid #555;overflow:hidden;background:#fff url(../img/common/swiper_prev.png) no-repeat 50% 50% / auto 14px;flex-shrink:0}
    #main .partner .content .control .swiper-next{width:40px;height:40px;border-radius:40px;border:1px solid #555;overflow:hidden;background:#fff url(../img/common/swiper_next.png) no-repeat 50% 50% / auto 14px;flex-shrink:0}
    #main .partner .content .control .swiper-count{display:flex;align-items:center;margin:0 20px;font-size:18px;color:#707070;gap:10px}
    #main .partner .content .control .swiper-count p{font-size:18px;color:#707070}
    #main .partner .content .control .swiper-count p.idx{font-weight:500;color:#1c1c1c}
    #main .partner .content .control .swiper-count p.hyp{margin:0 10px}
    #main .partner .more{display:none}
    #main .gallery{position:relative;margin:80px 0}
    #main .gallery .wrap{position:relative}
    #main .gallery .title{position:relative;margin:0 0 42px;display:flex;align-items:center;gap:30px}
    #main .gallery .title .tit{line-height:32px;font-size:32px;font-weight:500;color:#333}
    #main .gallery .title .tab{margin:0;height:32px;display:flex;align-items:center}
    #main .gallery .title .tab ul{display:flex}
    #main .gallery .title .tab li{margin:0 8px 0 0}
    #main .gallery .title .tab li a{display:flex;padding:10px 15px;align-items:center;justify-content:center;height:34px;border:1px solid #ddd;border-radius:44px;font-size:16px;color:#707070;transition:all .35s}
    #main .gallery .title .tab li.on a{border-color:#EB3F3D;color:#EB3F3D}
    #main .gallery .list{overflow:hidden}
    #main .gallery .list .img{border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;height:204px}
    #main .gallery .list .img img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid #ddd;border-radius:16px}
    #main .gallery .list .con{display:flex;flex-direction:column;padding-left:8px}
    #main .gallery .list .name{line-height:24px;font-size:20px;font-weight:500;color:#1c1c1c;display:flex;align-items:center;margin:24px 0 15px}
    #main .gallery .list .name > div{display:flex;width:100%;align-items:center;justify-content:flex-start}
    #main .gallery .list .name p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .gallery .list .name i{width:20px;height:20px;margin-left:auto;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain;display:none}
    #main .gallery .list .name em{margin-left:8px;display:flex;border-radius:30px;padding:0 12px;height:30px;background:#f4f4f4;line-height:1;font-size:14px;font-weight:400;color:#555;align-items:center;justify-content:center;display:none}
    #main .gallery .list .text{display:flex;align-items:flex-start;line-height:24px;font-size:16px;color:#555;height:48px}
    #main .gallery .list .text i{width:16px;height:24px;margin:0 4px 0 0;background:url(../img/common/icon_gear.png) no-repeat 50% 50% / contain;display:none}
    #main .gallery .list .text p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .gallery .list .info{margin:16px 0 0;display:flex;align-items:center;display:none}
    #main .gallery .list .info span{position:relative;font-size:12px;color:#707070}
    #main .gallery .list .info span + span{margin:0 0 0 10px;padding:0 0 0 10px}
    #main .gallery .list .info span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #main .gallery .list .info .comment{margin:0 0 0 auto;display:flex;align-items:center}
    #main .gallery .list .info .comment:before{display:none}
    #main .gallery .list .info .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #main .gallery .list .info .comment em{font-size:18px;color:#0066b3}
    #main .gallery .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px}
    #main .gallery .more a{display:block;line-height:18px;font-size:16px;color:#555;padding:0 20px 0 0;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #main .review{position:relative;margin:80px 0 40px}
    #main .review .wrap{position:relative}
    #main .review .title{position:relative;margin:0 0 13px;display:flex;align-items:center;gap:30px}
    #main .review .title .tit{line-height:32px;font-size:32px;font-weight:500;color:#333}
    #main .review .title .tab{margin:0;height:32px;display:flex;align-items:center}
    #main .review .title .tab ul{display:flex}
    #main .review .title .tab li{margin:0 8px 0 0}
    #main .review .title .tab li a{display:flex;padding:10px 15px;align-items:center;justify-content:center;height:34px;border:1px solid #ddd;border-radius:44px;font-size:16px;color:#707070;transition:all .35s}
    #main .review .title .tab li.on a{border-color:#EB3F3D;color:#EB3F3D}
    #main .review .title .act{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px}
    #main .review .title .act a{display:block;line-height:18px;font-size:16px;color:#555;padding:0 20px 0 0;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #main .review .content{position:relative}
    #main .review .list{overflow:hidden;padding:30px 0 0}
    #main .review .list ul{display:flex;flex-wrap:wrap}
    #main .review .list li{text-align:center;font-size:18px;background:#fff;width:calc(50% - 30px);margin:0 30px 30px 0}
    #main .review .list li:nth-child(3),#main .review .list li:nth-child(4){margin-bottom:0}
    #main .review .list .inner{position:relative;display:flex;flex-direction:column}
    #main .review .list .img{width:100%;aspect-ratio:1 / .6;border-radius:8px;flex-shrink:0;overflow:hidden}
    #main .review .list .img img{display:block;width:100%;height:100%;object-fit:cover}
    #main .review .list .con{flex:1;padding:24px 0 0 8px}
    #main .review .list .medal{position:absolute;top:0;left:5px;margin:-24px 0 0;width:65px;height:auto;display:flex;align-items:center;justify-content:center}
    #main .review .list .medal img{display:block;width:100%;height:100%;object-fit:contain}
    #main .review .list .num{width:68px;height:64px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 0 20px;display:none}
    #main .review .list .num.one{color:#FFC122;background:url(../img/common/icon_number_one.png) no-repeat 50% 50% / contain}
    #main .review .list .num.two{color:#848484;background:url(../img/common/icon_number_two.png) no-repeat 50% 50% / contain}
    #main .review .list .num.three{color:#AE8800;background:url(../img/common/icon_number_three.png) no-repeat 50% 50% / contain}
    #main .review .list .num.other{color:#1C1C1C;background:url(../img/common/icon_number_other.png) no-repeat 50% 50% / contain}
    #main .review .list .name{line-height:20px;font-size:20px;color:#1c1c1c;margin:0 0 18px;text-align:left}
    #main .review .list .addr{display:flex;align-items:center;line-height:1;font-size:16px;color:#555;margin:10px 0 0}
    #main .review .list .addr i{width:16px;height:16px;flex-shrink:0;background:url(../img/common/icon_place_b.png) no-repeat 50% 50% / contain;margin:0 8px 0 0;display:none}
    #main .review .list .addr p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .review .list .view{display:flex;align-items:center;line-height:1;font-size:16px;color:#555;margin:10px 0 0}
    #main .review .list .view i{width:16px;height:16px;flex-shrink:0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain;margin:0 8px 0 0}
    #main .review .list .view p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .review .list .view p span{color:#0066B3}
    #main .review .list .tele{display:flex;align-items:center;line-height:1;font-size:16px;color:#555;margin:10px 0 0;display:none}
    #main .review .list .tele i{width:16px;height:16px;flex-shrink:0;background:url(../img/common/icon_place_b.png) no-repeat 50% 50% / contain;margin:0 8px 0 0;display:none}
    #main .review .list .tele p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #main .review .control{position:absolute;top:0;right:0;margin-bottom:50px;display:flex;align-items:center;display:none}
    #main .review .control .swiper-prev{width:40px;height:40px;border-radius:40px;border:1px solid #555;overflow:hidden;background:#fff url(../img/common/swiper_prev.png) no-repeat 50% 50% / auto 14px}
    #main .review .control .swiper-next{width:40px;height:40px;border-radius:40px;border:1px solid #555;overflow:hidden;background:#fff url(../img/common/swiper_next.png) no-repeat 50% 50% / auto 14px}
    #main .review .control .swiper-count{display:flex;align-items:center;margin:0 20px}
    #main .review .control .swiper-count p{font-size:18px;color:#707070}
    #main .review .control .swiper-count p.idx{font-weight:500;color:#1c1c1c}
    #main .review .control .swiper-count p.hyp{margin:0 10px}
    #main .review .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px}
    #main .review .more a{display:block;line-height:18px;font-size:16px;color:#555;padding:0 20px 0 0;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #main .status{position:relative;margin:80px 0 70px}
    #main .status .wrap{display:flex}
    #main .status .desc{flex:1;padding:42px 28px;border-radius:16px;background:#FFF;box-shadow:0 0 4px 4px #0000000a}
    #main .status .desc + .desc{margin-left:30px}
    #main .status .desc .tit{position:relative;line-height:26px;font-size:26px;font-weight:500;color:#1c1c1c;margin:0 0 40px}
    #main .status .desc .tit:before{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:48px;height:48px}
    #main .status .desc .inf dl{display:flex;align-items:center;line-height:20px;font-size:16px}
    #main .status .desc .inf dl + dl{margin-top:22px;padding-top:22px;border-top:1px solid #ddd}
    #main .status .desc .inf dt{flex-shrink:0}
    #main .status .desc .inf dd{margin:0 0 0 auto;font-size:20px}
    #main .status .desc .inf dd span{color:#eb3f3d;font-weight:500}
    #main .status .desc.visitor .tit:before{background:url(../img/common/icon_visitor.png) no-repeat 50% 50% / contain}
    #main .status .desc.repair .tit:before{background:url(../img/common/icon_repair.png) no-repeat 50% 50% / contain}
    #main .status .desc.satisfy .tit:before{background:url(../img/common/icon_satisfy.png) no-repeat 50% 50% / contain}
    #main .company{position:relative;margin:80px 0 100px}
    #main .company .wrap{position:relative}
    #main .company .title{position:relative;margin:0 0 30px}
    #main .company .title .tit{line-height:32px;font-size:32px;font-weight:500;color:#333}
    #main .company .list{position:relative}
    #main .company .list .swiper-container{overflow:hidden}
    #main .company .list .slick-list{margin:0 -20px}
    #main .company .list .swiper-slide{width:calc(25% - 15px);max-width:260px}
    #main .company .list a{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:100%;background:#fafafa}
    #main .company .list img{display:block;width:100%;height:100%;object-fit:cover}
    #main .company .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px}
    #main .company .more a{display:block;line-height:18px;font-size:16px;color:#555;padding:0 20px 0 0;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #main .company .control{position:absolute;bottom:100%;right:0;margin-bottom:50px;display:flex;align-items:center;display:none}
    #main .company .control .swiper-prev{width:40px;height:40px;border-radius:40px;border:1px solid #555;overflow:hidden;background:#fff url(../img/common/swiper_prev.png) no-repeat 50% 50% / auto 14px}
    #main .company .control .swiper-next{width:40px;height:40px;border-radius:40px;border:1px solid #555;overflow:hidden;background:#fff url(../img/common/swiper_next.png) no-repeat 50% 50% / auto 14px}
    #main .company .control .swiper-count{display:flex;align-items:center;margin:0 20px}
    #main .company .control .swiper-count p{font-size:18px;color:#707070}
    #main .company .control .swiper-count p.idx{font-weight:500;color:#1c1c1c}
    #main .company .control .swiper-count p.hyp{margin:0 10px}

    #sitemap{padding:70px 0 170px}
    #sitemap .loca{margin:0 0 72px}
    #sitemap .sitemap{display:flex;flex-wrap:wrap;gap:30px}
    #sitemap .sitemap .desc{width:calc(25% - 22.5px);padding:0}
    #sitemap .sitemap .desc .tit{line-height:24px;font-size:20px;font-weight:600;color:#222;margin:0 0 24px}
    #sitemap .sitemap .desc .con{display:flex;flex-direction:column}
    #sitemap .sitemap .desc .con a{display:flex;align-items:center;justify-content:flex-start;height:24px;font-size:14px}

    #point{padding:70px 0}
    #point .h2{display:flex;align-items:center;justify-content:center;text-align:center;margin:0 0 30px;height:64px;font-size:24px;font-weight:500}
    #point .saving{display:flex;flex-direction:column;margin:0 0 100px}
    #point .guide{display:flex;flex-direction:column}
    #point .image{display:flex;align-items:center;justify-content:center}
    #point .image img{width:auto;height:auto;display:flex;align-items:center;justify-content:center;max-width:100%}
    #point .table td .level{display:flex;align-items:center;justify-content:center}
    #point .caution{padding:50px 0}
    #point .caution p{line-height:32px;font-size:16px;font-weight:400;color:#303030}

    #branch{position:relative;padding:20px 0}
    #branch .title{line-height:1;font-size:32px;font-weight:500;color:#1c1c1c;margin:0 0 34px;text-align:center}
    #branch .tabs{margin:0 auto 32px}
    #branch .tabs ul{display:flex}
    #branch .tabs li{flex:1;position:relative}
    #branch .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:20px;color:#707070}
    #branch .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ddd}
    #branch .tabs li.on a{color:#EB3F3D}
    #branch .tabs li.on a:after{height:2px;background:#EB3F3D}
    #branch .banner{margin-bottom:30px}
    #branch .banner a{display:block}
    #branch .banner a img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}
    #branch .content{margin:64px 0 0}
    #branch .sort{margin:32px auto 64px}
    #branch .sort ul{gap:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
    #branch .sort li{width:calc(33.33% - 6.66px)}
    #branch .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:56px;border-radius:56px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #branch .sort li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #branch .zido{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ccc}
    #branch .zido > img,#branch .zido > iframe{width:100%;height:auto;object-fit:contain}
    #branch .zido .zidoBtn{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding:0 24px;height:48px;border-radius:48px;box-shadow:0 0 4px #0006}
    #branch .zido .zidoBtn i{width:20px;height:20px;background:url(../img/common/return.png) no-repeat 50% 50% / contain;margin:0 4px 0 0}
    #branch .zido .nowPositionBtn{position:absolute;right:3px;bottom:212px;z-index:1;float:left;cursor:default;width:32px;height:32px;user-select:none;-webkit-user-drag:none;border-top:none;border-right:none;border-bottom:1px solid #e2e2e2;border-left:none;border-image:initial;background:url(../img/common/now_position.png) no-repeat #fff;background-position:center;border-radius:3px;background-size:50%;cursor:pointer}
    #branch .zido .nowPositionBtn.on{background:url(../img/common/now_position_on.png) no-repeat #fff;background-position:center;border-radius:3px 3px 0 0;background-size:50%}
    #branch .zido #map div{border:0!important}
    #branch .zido .pin{min-width:150px}
    #branch .zido .pin a{position:relative;z-index:2;display:block;padding:12px 20px;line-height:100%;font-size:13px;font-weight:700;color:#000;white-space:nowrap;text-align:center;border-radius:5px;border:1px solid #000;background:#fff;box-shadow:0 2px 2px #00000040}
    #branch .zido .pin:hover a{background-color:#fafafa!important;color:#eb3f3d!important}
    #branch .zido .pin:hover a:before{border-bottom-color:#fafafa;border-right-color:#fafafa!important}
    #branch .zido .pin:before{content:'';position:absolute;z-index:3;bottom:-4px;left:50%;margin-left:-6px;width:12px;height:12px;border-bottom:6px solid #fff!important;border-top:6px solid transparent!important;border-right:6px solid #fff!important;border-left:6px solid transparent!important;transform:rotate(45deg);box-sizing:border-box}
    #branch .zido .pin:after{content:'';position:absolute;z-index:1;bottom:-5px;left:50%;margin-left:-6px;width:12px;height:12px;border-bottom:6px solid #000!important;border-top:6px solid transparent!important;border-right:6px solid #000!important;border-left:6px solid transparent!important;transform:rotate(45deg);box-shadow:0 2px 2px #00000040;box-sizing:border-box}
    #branch img[alt='close']{position:absolute;top:5px!important;right:5px!important;margin:0!important;opacity:0;visibility:hidden}
    #branch .tools{display:flex;align-items:center;justify-content:space-between;margin:30px 0;padding:20px 0;border-bottom:1px solid #ededed}
    #branch .option ul{display:flex;flex-wrap:wrap}
    #branch .option li{margin:0 15px 0 0}
    #branch .option .checkbox{display:flex;align-items:center;cursor:pointer}
    #branch .option .checkbox input{display:none}
    #branch .option .checkbox input ~ i{margin:0 6px 0 0;width:15px;height:15px;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #branch .option .checkbox input ~ p{font-size:13px;color:#1c1c1c}
    #branch .option .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #branch .around .calendar{margin:120px auto 30px}
    #branch .around .calendar .head{position:relative;margin:0 0 20px}
    #branch .around .calendar .head .month{display:flex;align-items:center;justify-content:center;text-align:center}
    #branch .around .calendar .head .month .prev{margin:0 15px 0 0;width:30px;height:30px;background:url(../img/common/arrow_calendar_prev.png) no-repeat 50% 50% / contain}
    #branch .around .calendar .head .month .next{margin:0 0 0 15px;width:30px;height:30px;background:url(../img/common/arrow_calendar_next.png) no-repeat 50% 50% / contain}
    #branch .around .calendar .head .month .current{line-height:40px;font-size:24px;font-weight:700;color:#1c1c1c;background:transparent}
    #branch .around .calendar .head .unit{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:15px;color:#707070}
    #branch .around .calendar .head .unit span{color:#eb3f3d}
    #branch .around .calendar .list{overflow:hidden}
    #branch .around .calendar .list .week{display:flex;background:#f4f4f4;border-top:1px solid #ddd}
    #branch .around .calendar .list .week .day{flex:1;display:flex;height:56px;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:500}
    #branch .around .calendar .list .month{background:#fff}
    #branch .around .calendar .list .month .row{display:flex;border-bottom:1px solid #ddd}
    #branch .around .calendar .list .month .day{flex:1;display:flex;align-items:center;justify-content:flex-start;height:64px;padding:8px 16px;font-size:14px;font-weight:500;color:#000;cursor:pointer}
    #branch .around .calendar .list .month .day.disabled{color:#cfcfcf;pointer-events:none;font-weight:300}
    #branch .around .calendar .list .month .day.sun{background:#eb3f3d0f}
    #branch .around .calendar .list .month .day.today{background:#0066b314}
    #branch .around .calendar .list .month .day .text{margin:0 10px;font-size:14px;font-weight:400;color:#707070}
    #branch .around .calendar .list .month .day .unit{margin:0 0 0 auto;display:flex;height:30px;align-items:center;justify-content:center;padding:4px 10px;border-radius:4px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#707070;background:#fff}
    #branch .around .calendar .list .month .day .unit span{color:#EB3F3D;margin:0 4px 0 0}
    #branch .around .calendar .list .day + .day{border-left:1px solid #ddd}
    #branch .around .calendar .list .day.sun .num{color:#EB3F3D}
    #branch .around .calendar .list .day.sat .num{color:#0066B3}
    #branch .around .timer{position:relative;margin:80px 0 90px}
    #branch .around .timer .title{line-height:1;font-size:22px;font-weight:500;color:#1c1c1c;text-align:center;margin:0 0 32px}
    #branch .around .timer .list{padding:0 20px}
    #branch .around .timer .list > ul{padding:40px 0}
    #branch .around .timer .list > ul > li{margin:0 0 24px;padding:30px;background:#FFF;box-shadow:0 0 4px #0000001f;border-radius:16px}
    #branch .around .timer .list > ul > li + li{border-top:1px solid #ddd}
    #branch .around .timer .list > ul > li .area{display:flex}
    #branch .around .timer .list > ul > li .icon{width:110px;height:110px;border-radius:110px;overflow:hidden;flex-shrink:0}
    #branch .around .timer .list > ul > li .icon img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .around .timer .list > ul > li .cont{flex:1;padding:0 0 0 15px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
    #branch .around .timer .list > ul > li .head{display:flex;align-items:center}
    #branch .around .timer .list > ul > li .head .name{line-height:24px;font-size:20px;font-weight:700;color:#1c1c1c;max-width:80%}
    #branch .around .timer .list > ul > li .head .name .companyName{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #branch .around .timer .list > ul > li .head .del{margin:0 0 0 8px;flex-shrink:0;display:none}
    #branch .around .timer .list > ul > li .head .del a{display:block;width:24px;height:24px;background:url(../img/common/close.png) no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden}
    #branch .around .timer .list > ul > li .loca{margin:15px 0 0;line-height:20px;font-size:15px;color:#707070}
    #branch .around .timer .list > ul > li .info{margin:10px 0 0;display:flex;align-items:center;flex-wrap:wrap}
    #branch .around .timer .list > ul > li .info p{line-height:1;font-size:14px;color:#555;position:relative}
    #branch .around .timer .list > ul > li .info p + p{margin:0 0 0 8px;padding:0 0 0 8px}
    #branch .around .timer .list > ul > li .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #branch .around .timer .list > ul > li .booking{flex-shrink:0;margin-left:10px;display:flex;align-items:flex-start;justify-content:center;gap:10px}
    #branch .around .timer .list > ul > li .booking .btn{display:flex;align-items:center;justify-content:center;height:40px;min-width:88px;border-radius:40px;border:1px solid transparent;font-size:15px;font-weight:400;padding:0 16px;white-space:nowrap;pointer-events:initial}
    #branch .around .timer .list > ul > li .time{margin:24px 0 0}
    #branch .around .timer .list > ul > li .time ul{display:flex;gap:8px}
    #branch .around .timer .list > ul > li .time li{width:calc(20% - 8px)}
    #branch .around .timer .list > ul > li .time li.timeBtn{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:4px;border:1px solid #ddd;font-size:15px;color:#1c1c1c;cursor:pointer;overflow:hidden}
    #branch .around .timer .list > ul > li .time li.timeBtn:hover{background:#eb3f3d1a}
    #branch .around .timer .list > ul > li .time li.timeBtn.disabled{pointer-events:none;background:#fafafa;color:#ccc}
    #branch .around .timer .list > ul > li .time li.timeBtn.on{border-color:#EB3F3D;color:#EB3F3D}
    #branch .around .timer .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center}
    #branch .around .timer .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #branch .recommand .list ul{display:flex;flex-wrap:wrap;margin:0 -16px}
    #branch .recommand .list li{width:25%;padding:0 16px 48px}
    #branch .recommand .list li .upper{display:flex;margin:0 0 14px}
    #branch .recommand .list li .upper .name{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #branch .recommand .list li .upper .distance{line-height:22px;font-size:16px;font-weight:500;color:#0066B3;margin-left:6px}
    #branch .recommand .list li .upper .del{margin:0 0 0 auto}
    #branch .recommand .list li .upper .del a{display:block;width:24px;height:24px;text-indent:-9999em;background:url(../img/common/close.png) no-repeat 50% 50% / contain}
    #branch .recommand .list li .image{border-radius:16px;background:#d9d9d9;overflow:hidden;margin:0 0 12px;width:100%;aspect-ratio:1.53 / 1}
    #branch .recommand .list li .image img{display:block;width:100%;height:auto;object-fit:cover;height:100%}
    #branch .recommand .list li .info{border-top:1px solid #e0e0e0;display:flex;padding:20px 0;gap:10px;align-items:center;justify-content:space-between}
    #branch .recommand .list li .info .desc{position:relative;width:100%;padding:12px 0}
    #branch .recommand .list li .info .desc.w50p{width:calc(50% - 4px)}
    #branch .recommand .list li .info .desc.w50p + .desc.w50p{margin-left:8px;padding-left:8px}
    #branch .recommand .list li .info .desc.w50p + .desc.w50p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #branch .recommand .list li .info .desc.w100p{width:100%;border-top:1px solid #e0e0e0}
    #branch .recommand .list li .info dl{display:flex;align-items:center;justify-content:space-between;line-height:18px;font-size:13px;gap:6px}
    #branch .recommand .list li .info dt{display:flex;align-items:center;color:#555}
    #branch .recommand .list li .info dt img{width:16px;height:auto}
    #branch .recommand .list li .info dd{line-height:18px;font-size:14px;font-weight:500;color:#1c1c1c}
    #branch .recommand .list li .info dd a{display:block;color:#0066B3}
    #branch .recommand .list li .text{padding:18px 0}
    #branch .recommand .list li .text span{display:flex;line-height:16px;align-items:flex-start}
    #branch .recommand .list li .text span + span{margin-top:10px}
    #branch .recommand .list li .text span img{height:16px;width:auto;margin:0 4px 0 0;flex-shrink:0}
    #branch .recommand .list li .text span p{line-height:16px;font-size:14px;color:#555;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    #branch .recommand .list li .button{display:flex;flex-direction:column;margin:12px 0 0}
    #branch .recommand .list li .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border-radius:44px;border:1px solid transparent;font-size:14px;color:#1c1c1c}
    #branch .recommand .list li .button .btn + .btn{margin-top:4px}
    #branch .recommand .list li .button .btn:hover{color:#EB3F3D!important;border-color:#EB3F3D!important}
    #branch .event .list{margin:120px auto 64px}
    #branch .event .list ul{display:flex;flex-wrap:wrap;gap:48px 30px}
    #branch .event .list li{width:calc(25% - 22.5px)}
    #branch .event .list li a{position:relative}
    #branch .event .list li .date{display:flex;align-items:center;margin:0 0 12px;position:absolute;top:0;left:0;border-radius:24px;background:#fff;border:1px solid #eb3f3d}
    #branch .event .list li .date.end{border:1px solid #707070}
    #branch .event .list li .date .stat{display:flex;align-items:center;justify-content:center;min-width:54px;height:24px;border-radius:24px;background:#eb3f3d;color:#fff;padding:0 10px;font-size:12px}
    #branch .event .list li .date.end .stat{background:#707070}
    #branch .event .list li .date .period{flex:1;padding:0 8px;font-size:14px;color:#1c1c1c}
    #branch .event .list li .img{border-radius:16px;overflow:hidden;margin:0 0 12px;width:100%;aspect-ratio:1.53 / 1;width:252px;height:165px}
    #branch .event .list li .img img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid #ddd;border-radius:20px}
    #branch .event .list li .con{position:relative}
    #branch .event .list li .upper{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:0 0 8px}
    #branch .event .list li .upper .name{font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #branch .event .list li .upper .area{display:flex;align-items:center;justify-content:center;min-width:43px;height:24px;border-radius:24px;background:#333;color:#fff;font-size:12px}
    #branch .event .list li .text{min-height:48px;line-height:24px;font-size:18px;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #branch .event .list li .info{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 0 0}
    #branch .event .list li .price{display:flex;align-items:flex-start;flex-direction:column}
    #branch .event .list li .price .sale{line-height:20px;font-size:20px;color:#eb3f3d}
    #branch .event .list li .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #branch .event .list li .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #branch .event .list li .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #branch .event .list li .tool{display:flex;align-items:center}
    #branch .event .list li .tool .comment{display:flex;align-items:center}
    #branch .event .list li .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #branch .event .list li .tool .comment em{font-size:16px;color:#0066b3;line-height:20px}
    #branch .event .list li .side{display:flex;align-items:center}
    #branch .event .list li .side p{position:relative;font-size:12px;color:#707070;white-space:nowrap}
    #branch .event .list li .side p + p{margin-left:10px;padding-left:10px}
    #branch .event .list li .side p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ededed}
    #branch .event .detail{margin:64px 0 0}
    #branch .event .detail .tabs{margin:0 auto 32px}
    #branch .event .detail .tabs ul{display:flex}
    #branch .event .detail .tabs li{flex:1;position:relative}
    #branch .event .detail .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:16px;color:#707070}
    #branch .event .detail .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ddd}
    #branch .event .detail .tabs li.on a{color:#EB3F3D}
    #branch .event .detail .tabs li.on a:after{height:2px;background:#EB3F3D}
    #branch .event .detail .cate{display:flex;align-items:Center;justify-content:flex-start;flex-wrap:wrap;margin:0 0 24px;gap:8px}
    #branch .event .detail .cate p{display:flex;align-items:center;justify-content:center;border-radius:40px;height:40px;border:1px solid #ddd;padding:6px 12px;font-size:16px;color:#707070}
    #branch .event .detail .attach_area{position:relative;font-size:0;padding:0 20px 0 75px}
    #branch .event .detail .attach_area span{position:absolute;top:0;left:20px;display:inline-block;font-size:15px;font-weight:300;color:#444;line-height:50px}
    #branch .event .detail .attach_area a{display:inline-block;vertical-align:top;margin-left:20px;padding-left:24px;line-height:50px;background-repeat:no-repeat;background-position:left center;background-image:url(https://cdn.gongim.com/images/common/ico_photo.png);font-size:15px;font-weight:300;color:#444}
    #branch .event .detail .head{display:flex;align-items:center;padding:24px;background:#f2f2f2;border-top:1px solid #707070}
    #branch .event .detail .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #branch .event .detail .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #branch .event .detail .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #branch .event .detail .head .tool button{display:none}
    #branch .event .detail .head .tool ul{display:flex;align-items:center;gap:32px}
    #branch .event .detail .head .tool li{position:relative}
    #branch .event .detail .head .tool li + li:before{content:'';position:absolute;top:50%;left:-16px;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .event .detail .head .tool a{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;text-decoration:underline;gap:4px}
    #branch .event .detail .head .tool a + a{padding:0 0 0 16px;margin:0 0 0 16px}
    #branch .event .detail .head .tool a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .event .detail .head .tool a img{height:16px;width:auto}
    #branch .event .detail .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center;justify-content:space-between}
    #branch .event .detail .info > div{display:flex;align-items:center}
    #branch .event .detail .info dl{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;gap:8px}
    #branch .event .detail .info dl dt{font-weight:500;color:#707070}
    #branch .event .detail .info dl dd span{color:#eb3f3d}
    #branch .event .detail .info dl + dl{padding:0 0 0 16px;margin:0 0 0 16px}
    #branch .event .detail .info dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .event .detail .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #branch .event .detail .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #branch .event .detail .info .ongoing .period{font-size:14px;color:#707070}
    #branch .event .detail .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #branch .event .detail .cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #branch .event .detail .cont p{line-height:32px;font-size:15px}
    #branch .event .detail .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #branch .event .detail .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #branch .event .detail .button .btn img{height:16px}
    #branch .event .detail .bottom .tool{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid #ddd}
    #branch .event .detail .bottom .tool .toggBox .checkbox{display:flex;align-items:center;height:48px;cursor:pointer}
    #branch .event .detail .bottom .tool .toggBox .checkbox input{display:none}
    #branch .event .detail .bottom .tool .toggBox .checkbox input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #branch .event .detail .bottom .tool .toggBox .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #branch .event .detail .bottom .tool .toggBox .checkbox input ~ p span{font-weight:300;color:#707070}
    #branch .event .detail .bottom .tool .toggBox .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #branch .event .detail .bottom .tool .sortBox{position:relative}
    #branch .event .detail .bottom .tool .sortBox .sortBtn{display:flex;align-items:center;justify-content:flex-start;text-align:center;min-width:106px;height:40px;border-radius:8px;border:1px solid #ddd;color:#1c1c1c;background:#fff url(../img/common/dropdown.png) no-repeat right 12px center / 20px auto;padding:0 16px;font-size:13px}
    #branch .event .detail .bottom .tool .sortBox .sortList{position:absolute;top:100%;z-index:5;margin:4px 0;display:flex;flex-direction:column;width:100%;border-radius:8px;border:1px solid #ddd;background:#fff;display:none}
    #branch .event .detail .bottom .tool .sortBox .sortList.on{display:block}
    #branch .event .detail .bottom .tool .sortBox .sortList button{display:flex;padding:0 16px;width:100%;height:40px;align-items:center;justify-content:flex-start;background:transparent;font-size:13px}
    #branch .event .detail .bottom .tool .sortBox .sortList button:hover{background:#fafafa}
    #branch .event .detail .bottom .tool .sortBox .sortList button.on{background:#0066b30f;color:#0066B3}
    #branch .event .detail .bottom .total{display:flex}
    #branch .event .detail .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #branch .event .detail .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #branch .event .detail .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #branch .event .detail .bottom .total dt{font-size:14px;margin:0 4px 0 0}
    #branch .event .detail .bottom .total dd{font-size:14px;font-weight:500}
    #branch .event .detail .bottom .total dd span{color:#0066B3}
    #branch .event .detail .bottom .total dd strong{color:#EB3F3D}
    #branch .event .detail .bottom .share{position:relative;display:flex;align-items:center}
    #branch .event .detail .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #branch .event .detail .bottom .share > a img{height:20px}
    #branch .event .detail .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #branch .event .detail .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #branch .event .detail .bottom .share > ul li a img{width:64px;height:auto}
    #branch .event .detail .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #branch .event .detail .bottom .share.on > ul{opacity:1;visibility:visible}
    #branch .event .detail .counter{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;margin:0}
    #branch .event .detail .counter .total{display:flex}
    #branch .event .detail .counter .total dl{position:relative;display:flex;align-items:center;height:52px}
    #branch .event .detail .counter .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #branch .event .detail .counter .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .event .detail .counter .total dt{font-size:14px;margin:0 4px 0 0}
    #branch .event .detail .counter .total dd{font-size:14px;font-weight:500}
    #branch .event .detail .counter .total dd span{color:#0066B3}
    #branch .event .detail .counter .total dd strong{color:#EB3F3D}
    #branch .event .detail .counter .share{position:relative;display:flex;align-items:center}
    #branch .event .detail .counter .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #branch .event .detail .counter .share > a img{height:20px}
    #branch .event .detail .counter .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #branch .event .detail .counter .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #branch .event .detail .counter .share > ul li a img{width:64px;height:auto}
    #branch .event .detail .counter .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #branch .event .detail .counter .share.on > ul{opacity:1;visibility:visible}
    #branch .event .detail .comment .type{padding:80px 0 0;margin:0 0 32px}
    #branch .event .detail .comment .type ul{display:flex}
    #branch .event .detail .comment .type li{flex:1}
    #branch .event .detail .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #branch .event .detail .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #branch .event .detail .comment .con li{padding:20px 24px;position:relative;display:flex;justify-content:center;flex-direction:column}
    #branch .event .detail .comment .con li + li{border-top:1px solid #ddd}
    #branch .event .detail .comment .con li .cmt_top{display:flex;align-items:center}
    #branch .event .detail .comment .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #branch .event .detail .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .event .detail .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #branch .event .detail .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #branch .event .detail .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #branch .event .detail .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #branch .event .detail .comment .con li .cmt_name{min-width:86px;line-height:18px;font-size:13px;color:#707070}
    #branch .event .detail .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #branch .event .detail .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #branch .event .detail .comment .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #branch .event .detail .comment .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #branch .event .detail .comment .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #branch .event .detail .comment .con li .cmt_item dt{margin:0 6px 0 0}
    #branch .event .detail .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #branch .event .detail .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #branch .event .detail .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #branch .event .detail .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #branch .event .detail .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #branch .event .detail .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #branch .event .detail .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #branch .event .detail .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #branch .event .detail .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #branch .event .detail .comment .con li .cmt_comment{background:#F4F4F4;border-radius:8px;margin:16px 0 0;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative}
    #branch .event .detail .comment .con li .cmt_comment .cmt_comment_name{line-height:18px;font-size:13px;font-weight:500;color:#707070}
    #branch .event .detail .comment .con li .cmt_comment .cmt_comment_text{line-height:20px;font-size:14px;color:#1c1c1c}
    #branch .event .detail .comment .con li .cmt_comment .cmt_comment_img{position:absolute;height:calc(100% - 40px);right:20px;border-radius:8px;overflow:hidden}
    #branch .event .detail .comment .con li .cmt_comment .cmt_comment_img img{height:100%}
    #branch .event .detail .comment .con li.cmt_rep{background:#f4f4f4}
    #branch .event .detail .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #branch .event .detail .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #branch .event .detail .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #branch .event .detail .comment .frm .box .caution{display:none}
    #branch .event .detail .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #branch .event .detail .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #branch .event .detail .comment .frm .bot .file label{cursor:pointer}
    #branch .event .detail .comment .frm .bot .file label input{display:none}
    #branch .event .detail .comment .frm .bot .file label img{width:auto;height:24px}
    #branch .event .detail .comment .frm .bot .submit a,#branch .event .detail .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #branch .event .detail .comment .frm #fileList{display:flex;gap:0 10px}
    #branch .event .detail .comment .frm #fileList li{position:relative;margin:10px 0 0}
    #branch .event .detail .comment .frm #fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #branch .event .detail .comment .frm #fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .event .detail .comment .frm #fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #branch .event .detail .comment .frm #fileList li .del img{display:block;width:100%;height:auto}
    #branch .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #branch .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #branch .search .form{margin:0 0 0 auto}
    #branch .search .form + .option{margin-top:20px}
    #branch .search .order{display:flex;align-items:center;justify-content:flex-end}
    #branch .search .order a{position:relative;display:block;line-height:16px;font-size:15px;color:#ccc}
    #branch .search .order a + a{margin-left:10px;padding-left:10px}
    #branch .search .order a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #branch .search .order a.on{font-weight:500;color:#333}
    #branch .search .order a:hover{color:#999}
    #branch .search .form .flex{display:flex}
    #branch .search .form .flex .map{flex-shrink:0;width:347px;margin:0 30px 0 0;border-radius:8px;overflow:hidden;background:url(../img/common/map01.jpg) no-repeat 100% 100% / cover;background-position:center;position:relative}
    #branch .search .form .flex .map img{width:100%;height:100%;object-fit:cover}
    #branch .search .form .flex .map .tab_view li{position:absolute;font-size:12px}
    #branch .search .form .flex .map .tab_view li i{margin:0 auto;display:block;width:6px;height:6px;background-color:#999;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
    #branch .search .form .flex .map .tab_view li.on i{background-color:#c00}
    #branch .search .form .flex .con{flex:1;border-radius:8px;border:1px solid #ededed;padding:32px}
    #branch .search .form .flex .con .frm{display:flex;gap:10px;margin:0 0 24px}
    #branch .search .form .flex .con .sel{display:flex;border-radius:8px;border:1px solid #ddd;width:152px}
    #branch .search .form .flex .con .sel select{border:0;padding:12px 16px;width:100%;height:48px;background-color:transparent;font-size:14px;color:#1c1c1c}
    #branch .search .form .flex .con .inp{display:flex;border-radius:8px;border:1px solid #ddd;flex:1}
    #branch .search .form .flex .con .inp input[type="text"]{width:100%;height:48px;padding:12px 16px;background-color:transparent;font-size:14px;color:#1c1c1c}
    #branch .search .form .flex .con .inp button[type="submit"]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent}
    #branch .search .form .flex .con .inp button[type="submit"] img{width:20px;height:auto}
    #branch .search .form .flex .con .area .tit{margin:0 0 16px;line-height:22px;font-size:15px;color:#1c1cc}
    #branch .search .form .flex .con .area .lst ul{display:flex;flex-wrap:wrap;gap:8px}
    #branch .search .form .flex .con .area .lst li{width:calc(16.66% - 6.66px)}
    #branch .search .form .flex .con .area .lst li button{width:100%;height:36px;border-radius:8px;border:1px solid #ddd;background:#fff;font-size:16px;color:#555;font-weight:500}
    #branch .search .form .flex .con .area .lst li button.on{background:#1c1c1c;color:#fff;border-color:#1c1c1c}
    #branch .search .label{display:flex;align-items:center;justify-content:flex-end}
    #branch .search .label .companyTypeLabel{display:flex;gap:4px;align-items:center;gap:16px}
    #branch .search .label .companyTypeLabel > div{display:flex;align-items:center;gap:8px}
    #branch .search .label .companyTypeLabel p{border:1px solid #ededed;padding:5px;border-radius:4px;font-size:14px;line-height:14px}
    #branch .search .label .companyTypeLabel .ico1{color:#0066B3}
    #branch .search .label .companyTypeLabel .ico2{color:#06C270}
    #branch .search .label .companyTypeLabel .ico3{color:#EB3F3D}
    #branch .search .list{margin:60px 0 0}
    #branch .search .list ul{display:flex;flex-wrap:wrap;margin:0 -16px}
    #branch .search .list li{width:25%;padding:0 16px 48px}
    #branch .search .list li .upper{display:flex;margin:0 0 14px}
    #branch .search .list li .upper .name{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #branch .search .list li .upper .distance{line-height:22px;font-size:16px;font-weight:500;color:#0066B3;margin-left:6px}
    #branch .search .list li .upper .del{margin:0 0 0 auto}
    #branch .search .list li .upper .del a{display:block;width:24px;height:24px;text-indent:-9999em;background:url(../img/common/close.png) no-repeat 50% 50% / contain}
    #branch .search .list li .image{border-radius:16px;background:#d9d9d9;overflow:hidden;margin:0 0 12px;width:100%;aspect-ratio:1.53 / 1}
    #branch .search .list li .image img{display:block;width:100%;height:auto;object-fit:cover;height:100%}
    #branch .search .list li .info{border-top:1px solid #e0e0e0;display:flex;padding:20px 0;gap:10px;align-items:center;justify-content:space-between}
    #branch .search .list li .info dl{display:flex;align-items:center;justify-content:space-between;line-height:18px;font-size:13px;gap:6px}
    #branch .search .list li .info dt{display:flex;align-items:center;color:#555}
    #branch .search .list li .info dt img{width:16px;height:auto}
    #branch .search .list li .info dd{line-height:18px;font-size:14px;font-weight:500;color:#1c1c1c}
    #branch .search .list li .info dd a{display:block;color:#0066B3}
    #branch .search .list li .text{padding:18px 0}
    #branch .search .list li .text span{display:flex;line-height:16px;align-items:flex-start}
    #branch .search .list li .text span + span{margin-top:10px}
    #branch .search .list li .text span img{height:16px;width:auto;margin:0 4px 0 0;flex-shrink:0}
    #branch .search .list li .text span p{line-height:16px;font-size:14px;color:#555;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    #branch .search .list li .button{display:flex;flex-direction:column;margin:12px 0 0}
    #branch .search .list li .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border-radius:44px;border:1px solid transparent;font-size:14px;color:#1c1c1c}
    #branch .search .list li .button .btn + .btn{margin-top:4px}
    #branch .search .list li .button .btn:hover{color:#EB3F3D!important;border-color:#EB3F3D!important}
    #branch .detail .inner{border-radius:8px;overflow:hidden;display:flex;align-items:center;margin:0 0 15px}
    #branch .detail .title{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;text-align:center;margin:0;padding:0 6px 0 32px}
    #branch .detail .star{margin:0 7px;display:flex;align-items:center;justify-content:center;gap:6px}
    #branch .detail .star img{height:24px;width:auto;object-fit:contain}
    #branch .detail .stat{flex:1;display:flex;align-items:center}
    #branch .detail .stat dl{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height:56px}
    #branch .detail .stat dl + dl:before{content:'';position:Absolute;top:50%;left:0;width:1px;height:12px;background:#ddd;transform:translateY(-50%)}
    #branch .detail .stat dt{display:flex;align-items:center;font-size:14px;color:#555;margin:0 12px 0 0;flex-shrink:0}
    #branch .detail .stat dt .red{color:#555}
    #branch .detail .stat dt img{height:16px;width:auto;flex-shrink:0;margin:0 4px 0 0}
    #branch .detail .stat dd{font-size:15px}
    #branch .detail .stat dd p{font-weight:500;color:#0066b3}
    #branch .detail .stat dd span{font-weight:500;color:#0066b3}
    #branch .detail .thumb{position:relative;display:flex;width:1100px;max-width:100%;margin-bottom:0!important}
    #branch .detail .thumb .big{width:calc(100% - 220px);height:560px;overflow:hidden;border-radius:20px}
    #branch .detail .thumb .big ul{height:100%!important}
    #branch .detail .thumb .big li{opacity:0;border-radius:16px;overflow:hidden;position:relative;z-index:4;height:100%;width:100%}
    #branch .detail .thumb .big li.swiper-slide-active{opacity:1;z-index:5;width:100%;height:100%}
    #branch .detail .thumb .big li a{display:block;width:100%;height:100%}
    #branch .detail .thumb .big li img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .detail .thumb .small{flex-shrink:0;width:200px;height:560px;margin:0 0 0 20px;overflow:hidden}
    #branch .detail .thumb .small li{border-radius:16px;overflow:hidden;opacity:.5}
    #branch .detail .thumb .small li.swiper-slide-thumb-active{opacity:1}
    #branch .detail .thumb .small li a{display:block;width:100%;height:100%}
    #branch .detail .thumb .small li img{display:block;width:100%;height:100%}
    #branch .detail .thumb .control{position:absolute;bottom:100%;right:0;margin-bottom:50px;display:flex;align-items:center}
    #branch .detail .thumb .control .swiper-prev{width:40px;height:40px;border-radius:40px;border:1px solid #555;overflow:hidden;background:#fff url(../img/common/swiper_prev.png) no-repeat 50% 50% / auto 14px}
    #branch .detail .thumb .control .swiper-next{width:40px;height:40px;border-radius:40px;border:1px solid #555;overflow:hidden;background:#fff url(../img/common/swiper_next.png) no-repeat 50% 50% / auto 14px}
    #branch .detail .thumb .control .swiper-count{display:flex;align-items:center;margin:0 20px}
    #branch .detail .thumb .control .swiper-count p{font-size:18px;color:#707070}
    #branch .detail .thumb .control .swiper-count p.idx{font-weight:500;color:#1c1c1c}
    #branch .detail .thumb .control .swiper-count p.hyp{margin:0 10px}
    #branch .detail .notice{display:flex;height:80px;align-items:center;padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:30px}
    #branch .detail .notice .tit{flex:0 0 auto;margin-right:10px;display:flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border:1px solid #eb3f3d;border-radius:40px;color:#eb3f3d;font-size:16px}
    #branch .detail .notice .con{flex:1 1}
    #branch .detail .notice .con a{display:flex;align-items:center;justify-content:space-between}
    #branch .detail .notice .con a:hover .text{text-decoration:underline}
    #branch .detail .notice .con .text{flex:1 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:16px}
    #branch .detail .notice .con .date{flex:0 0 auto;font-size:14px;color:#555;margin-left:10px}
    #branch .detail .infor{position:relative;padding:0 0 80px;margin:30px 0 0;border-bottom:1px solid #ddd}
    #branch .detail .infor .head{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}
    #branch .detail .infor .title{line-height:48px;font-size:24px;padding:0;margin:0}
    #branch .detail .infor .tool{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px}
    #branch .detail .infor .tool a{display:flex;align-items:center;justify-content:center;padding:6px 12px;min-width:128px;height:48px;border-radius:48px;border:1px solid #eb3f3d}
    #branch .detail .infor .tool a i{margin:0 4px 0 0;width:20px;height:20px;flex-shrink:0}
    #branch .detail .infor .tool a p{font-size:15px;font-weight:500;color:#eb3f3d}
    #branch .detail .infor .tool a.likeBtn i{background:url(../img/common/good_r.png) no-repeat 50% 50% / contain}
    #branch .detail .infor .tool a.shopBtn i{background:url(../img/common/shop_r.png) no-repeat 50% 50% / contain}
    #branch .detail .infor .cont{border:1px solid #ddd}
    #branch .detail .infor .cont dl{display:flex}
    #branch .detail .infor .cont dl + dl{border-top:1px solid #ddd}
    #branch .detail .infor .cont dt{flex-shrink:0;width:160px;min-height:64px;background:#fafafa;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;color:#1c1c1c;padding:12px 24px}
    #branch .detail .infor .cont dd{flex:1;min-height:64px;background:#fff;padding:12px 24px;line-height:40px;display:flex;align-items:center;font-size:15px;color:#1c1c1c}
    #branch .detail .infor .cont dd .holiBtn{display:flex;margin:0 32px 0 0;align-items:center}
    #branch .detail .infor .cont dd .holiBtn i{width:16px;height:16px;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain;margin:0 10px 0 0}
    #branch .detail .infor .cont dd .holiBtn p{font-size:15px;color:#1c1c1c}
    #branch .detail .infor .cont dd .holiBtn.on i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #branch .detail .infor .cont dd ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:20px 40px;padding:12px 0;width:100%}
    #branch .detail .infor .cont dd li{width:calc(20% - 31.988px);display:flex;align-items:flex-start;line-height:1;font-size:15px}
    #branch .detail .infor .cont dd li:before{content:'';display:block;width:2px;height:2px;background:#1c1c1c;margin:6px 8px 0 0}
    #branch .detail .infor .button{display:flex;align-items:center;justify-content:center;margin:0;gap:10px}
    #branch .detail .infor .button .btn{display:flex;align-items:center;justify-content:center;min-width:104px;height:38px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500}
    #branch .detail .congestion{margin:30px 0 0;padding:80px 0 88px;border-bottom:1px solid #ddd;display:flex;flex-direction:column;align-items:center;text-align:center}
    #branch .detail .congestion .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 24px}
    #branch .detail .congestion .txt{line-height:22px;font-size:15px;color:#555;margin:0 0 36px}
    #branch .detail .congestion .chk{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 48px}
    #branch .detail .congestion .chk button{min-width:64px;height:40px;padding:6px 12px;border-radius:40px;border:1px solid #ddd;background:#fff;font-size:16px;color:#707070}
    #branch .detail .congestion .chk button.on{border-color:#EB3F3D;color:#EB3F3D}
    #branch .detail .congestion .con{width:100%}
    #branch .detail .congestion .con .icon{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 40px}
    #branch .detail .congestion .con .icon > div{display:flex;align-items:center}
    #branch .detail .congestion .con .icon > div i{width:15px;height:15px;border-radius:4px;background:#fafafa;margin:0 8px 0 0}
    #branch .detail .congestion .con .icon > div p{font-size:16px;color:#373737}
    #branch .detail .congestion .con .icon > div.icon01 i{background:#06C270}
    #branch .detail .congestion .con .icon > div.icon02 i{background:#FFCE00}
    #branch .detail .congestion .con .icon > div.icon03 i{background:#F70}
    #branch .detail .congestion .con .icon > div.icon04 i{background:#EB3F3D}
    #branch .detail .congestion .con .time{display:flex;align-items:center;width:100%;gap:1px;border-radius:40px;overflow:hidden}
    #branch .detail .congestion .con .time > p{flex:1;display:flex;align-items:center;justify-content:center;height:26px;background:#fafafa;font-size:16px;font-weight:500;color:#fff}
    #branch .detail .congestion .con .time > p.time01{background:#06C270}
    #branch .detail .congestion .con .time > p.time02{background:#FFCE00}
    #branch .detail .congestion .con .time > p.time03{background:#F70}
    #branch .detail .congestion .con .time > p.time04{background:#EB3F3D}
    #branch .detail .map{padding:80px 0 88px;border-bottom:1px solid #ddd;display:flex;flex-direction:column;align-items:center;text-align:center}
    #branch .detail .map .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 24px}
    #branch .detail .map .con{border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #branch .detail .caution{margin:0 0 65px;border:1px solid #ccc;border-radius:10px;padding:50px;position:relative}
    #branch .detail .caution .caution-slider{overflow:hidden}
    #branch .detail .caution .caution-slider .desc{border:0!important}
    #branch .detail .caution .pagination{position:absolute;z-index:2;top:50px;right:50px;left:unset;bottom:unset;transform:unset;margin:0;padding:0;width:auto!important;display:flex;align-items:center;justify-content:center}
    #branch .detail .caution .pagination .swiper-pagination-bullet{margin:0 7.5px!important;left:unset!important;flex:0 0 auto;width:15px;height:15px;border-radius:15px;opacity:1;background:#D9D9D9;transform:unset!important}
    #branch .detail .caution .pagination .swiper-pagination-bullet-active{background:#707070}
    #branch .detail .caution .desc{display:flex;border:0!important}
    #branch .detail .caution .desc + .desc{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0!important}
    #branch .detail .caution .desc .ico{width:347px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;order:2}
    #branch .detail .caution .desc .con{flex:1;order:1}
    #branch .detail .caution .desc .con .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 28px}
    #branch .detail .caution .desc .con .txt{width:100%;gap:24px;flex-wrap:wrap}
    #branch .detail .caution .desc .con .txt > div{position:relative;padding:0}
    #branch .detail .caution .desc .con .txt > div i{position:absolute;top:0;left:0;line-height:30px}
    #branch .detail .caution .desc .con .txt > div strong{line-height:20px;font-size:16px;font-weight:500;color:#1c1c1c}
    #branch .detail .caution .desc .con .txt > div strong + p{margin-top:4px}
    #branch .detail .caution .desc .con .txt > div p{line-height:20px;font-size:14px;min-height:40px}
    #branch .detail .caution .desc .con .txt.col{flex-direction:column;line-height:180%}
    #branch .detail .caution .desc .con .txt.col > div{line-height:180%}
    #branch .detail .caution .desc .con .txt.row{flex-direction:column;line-height:180%}
    #branch .detail .caution .desc + .desc{border-top:1px solid #ddd}
    #branch .detail .commList{padding:0 0 40px}
    #branch .detail .commList .tab{padding:0 0 25px;background:#fff;position:sticky;top:66px;z-index:3}
    #branch .detail .commList .tab li{flex:1}
    #branch .detail .commList .tab li a{height:56px;font-size:20px;font-weight:400;color:#555;display:flex;align-items:center;justify-content:center}
    #branch .detail .commList .tab li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#e0e0e0}
    #branch .detail .commList .tab li:hover a{color:#EB3F3D}
    #branch .detail .commList .tab li.active a{color:#EB3F3D}
    #branch .detail .commList .tab li.active a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#EB3F3D}
    #branch .detail .commList .tool{display:flex;align-items:center;justify-content:space-between;padding:0 0 25px;position:relative;z-index:4;background:#fff;position:sticky;top:147px}
    #branch .detail .commList .tool .lt{display:flex;align-items:center}
    #branch .detail .commList .tool .rt{display:flex;align-items:center}
    #branch .detail .commList .search{flex-shrink:0}
    #branch .detail .commList .search .form{display:flex;align-items:center;justify-content:flex-end}
    #branch .detail .commList .search .select{display:flex;width:120px;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #branch .detail .commList .search .select select{padding:0 16px;width:100%;border:0;height:40px}
    #branch .detail .commList .search .input{display:flex;margin:0 10px 0 0;width:252px;height:40px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #branch .detail .commList .search .input input{flex:1;height:20px}
    #branch .detail .commList .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #branch .detail .commList .search .input button img{display:block;width:100%;height:auto}
    #branch .detail .commList .sorted{flex-shrink:0;display:flex;gap:10px}
    #branch .detail .commList .sorted .select{display:flex;width:128px;height:40px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #branch .detail .commList .sorted .select select{padding:0 16px;width:100%;border:0;height:40px}
    #branch .detail .commList .category{margin-bottom:29px;display:flex;align-items:center;justify-content:center}
    #branch .detail .commList .category ul{display:inline-flex;align-items:center;justify-content:center;margin:0 auto;gap:20px 4px}
    #branch .detail .commList .category li{display:flex;align-items:center;justify-content:center;width:100px;height:36px;border-radius:36px;background:#F7F9FA;font-size:16px;font-weight:400;color:#2F3438;cursor:pointer}
    #branch .detail .commList .category li:hover{color:#333;background:#f2f2f2}
    #branch .detail .commList .category li.on{background:#2F3438;color:#fff}
    #branch .detail .commList .table table th{height:60px;font-weight:400}
    #branch .detail .commList .table table td{height:68px}
    #branch .detail .commList .table table td,#branch .detail .commList .table table th{padding:15px 10px;font-size:16px}
    #branch .detail .commList .table .td_thumb a{width:52.5px;height:34.5px;aspect-ratio:52.5 / 34.5;display:flex;margin:0 auto;border-radius:4px;overflow:hidden}
    #branch .detail .commList .table .td_thumb a img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .detail .commList .table .td_subject .flex{display:flex;align-items:center;gap:10px}
    #branch .detail .commList .table .td_subject .flex + .flex{margin-top:4px}
    #branch .detail .commList .table .td_subject a{display:flex;align-items:center}
    #branch .detail .commList .table .td_subject a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;height:22px}
    #branch .detail .commList .table .td_subject a .cmmt{color:#e60012!important;font-size:15px;margin-left:5px;height:16px;line-height:16px;display:inline-block;vertical-align:middle}
    #branch .detail .commList .table .td_star .star{display:inline-flex;align-items:center;position:relative;margin:0;width:24px;height:24px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #branch .detail .commList .table .td_star .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #branch .detail .commList .table .td_star p{display:inline-flex;align-items:center;line-height:24px;vertical-align:top;margin-left:4px}
    #branch .detail .commList .table .cateicon{display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid #ededed;width:22px;height:22px;text-align:center;font-size:14px}
    #branch .detail .commList .table .cateicon1{color:#0066B3}
    #branch .detail .commList .table .cateicon2{color:#06C270}
    #branch .detail .commList .table .cateicon3{color:#EB3F3D}
    #branch .detail .commList .table .status{display:flex;align-items:center;justify-content:center;border-radius:45px;border:1px solid #ededed;width:45px;height:22px;text-align:center;font-size:11px}
    #branch .detail .commList .table .status1{border-color:#bbb;background-color:#fff;color:#555}
    #branch .detail .commList .table .status2{border-color:#F2C1C1;background-color:#FFF8F8;color:#DD1B1B}
    #branch .detail .commList .table .status3{border-color:#555;background-color:#555;color:#fff}
    #branch .detail .commList .table .period{font-size:11px;color:#707070}
    #branch .detail .commList .bottom{margin-top:40px;position:relative;display:flex;align-items:center;justify-content:space-between}
    #branch .detail .commList .bottom .paging{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%)}
    #branch .detail .commList .bottom .button{display:flex;margin:0;margin-left:auto;align-items:center}
    #branch .detail .commList .bottom .button .btn{height:48px;min-width:110px}
    #branch .detail .commList .comm_review .tit{margin-bottom:25px;text-align:left;display:flex;align-items:center;justify-content:space-between;line-height:1;font-size:20px;font-weight:500;color:#1c1c1c;position:sticky;background:#fff;z-index:4;top:147px}
    #branch .detail .commList .comm_review .tit .left{display:flex;align-items:center}
    #branch .detail .commList .comm_review .tit .star{position:relative;width:28px;height:28px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #branch .detail .commList .comm_review .tit .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #branch .detail .commList .comm_review .tit .avgStar{display:flex;align-items:center}
    #branch .detail .commList .comm_review .tit .avgStar > div{display:flex;align-items:center}
    #branch .detail .commList .comm_review .tit .avgStar p{font-size:20px;color:#373737;display:flex;align-items:center}
    #branch .detail .commList .comm_review .tit .avgStar p span{color:#909090;font-size:20px;margin-left:5px;line-height:20px;font-weight:400}
    #branch .detail .commList .comm_review .tit .right .star{width:auto;height:18px;aspect-ratio:5/1;margin:0 0 0 8px}
    #branch .detail .commList .comm_review .tit .right .avgStar p span{font-size:14px;margin-left:4px}
    #branch .detail .commList .comm_review_type .type_box{display:flex;gap:20px}
    #branch .detail .commList .comm_review_type .type_box .type{flex:1}
    #branch .detail .commList .comm_review_type .type_box .txt{line-height:1;font-size:15px;color:#1c1c1c;margin-bottom:32px;text-align:center}
    #branch .detail .commList .comm_review_type .type_box .con ul{display:flex;flex-direction:column;gap:16px 25px}
    #branch .detail .commList .comm_review_type .type_box .con ul li{width:100%}
    #branch .detail .commList .comm_review_type .type_box .con ul li .box{display:flex;align-items:center;border-radius:8px;overflow:hidden;border:1px solid #ddd;padding:20px;height:64px}
    #branch .detail .commList .comm_review_type .type_box .con ul li .box input{display:none}
    #branch .detail .commList .comm_review_type .type_box .con ul li .box input ~ img{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0}
    #branch .detail .commList .comm_review_type .type_box .con ul li .box input ~ p{flex:1;line-height:20px;font-size:14px;color:#1c1c1c}
    #branch .detail .commList .comm_review_type .type_box .con ul li .box input ~ em{width:24px;line-height:20px;font-size:14px;color:#eb3f3d;text-align:center}
    #branch .detail .commList .comm_onestop .product{margin-bottom:40px;display:flex;align-items:center;justify-content:center}
    #branch .detail .commList .comm_onestop .product ul{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:50px;background:#eee;margin:0 auto}
    #branch .detail .commList .comm_onestop .product li{display:flex;align-items:center;justify-content:center;width:137px;height:42px;border-radius:42px;background:transparent;font-size:20px;font-weight:500;color:#777;cursor:pointer}
    #branch .detail .commList .comm_onestop .product li:hover{color:#333}
    #branch .detail .commList .comm_onestop .product li.on{background:#fff;color:#000}
    #branch .detail .commList .comm_onestop .list{overflow:hidden}
    #branch .detail .commList .comm_onestop .list ul{display:flex;flex-wrap:wrap;margin:0 -15px;width:auto}
    #branch .detail .commList .comm_onestop .list li{padding:0 15px 40px;width:25%;display:flex;flex-direction:column;cursor:pointer}
    #branch .detail .commList .comm_onestop .list .img{position:relative;width:100%;height:auto;aspect-ratio:285 / 165;position:relative}
    #branch .detail .commList .comm_onestop .list .img:before{content:'';pointer-events:none;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:6px;border:1px solid #ddd}
    #branch .detail .commList .comm_onestop .list .img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;overflow:hidden}
    #branch .detail .commList .comm_onestop .list .con{margin:16px 0 0;display:flex;flex-direction:column;justify-content:space-between;flex:1}
    #branch .detail .commList .comm_onestop .list .name{line-height:25px;font-size:20px;color:#1c1c1c;display:flex;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #branch .detail .commList .comm_onestop .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #branch .detail .commList .comm_onestop .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #branch .detail .commList .comm_onestop .list .text{line-height:25px;font-size:20px;color:#1c1c1c;display:flex;align-items:center}
    #branch .detail .commList .comm_onestop .list .info{display:flex;align-items:flex-end;margin:20px 0 0}
    #branch .detail .commList .comm_onestop .list .price{display:flex;align-items:flex-start;flex-direction:column}
    #branch .detail .commList .comm_onestop .list .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #branch .detail .commList .comm_onestop .list .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #branch .detail .commList .comm_onestop .list .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #branch .detail .commList .comm_onestop .list .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #branch .detail .commList .comm_onestop .list .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #branch .detail .commList .comm_onestop .list .tool .comment{display:flex;align-items:center}
    #branch .detail .commList .comm_onestop .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #branch .detail .commList .comm_onestop .list .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #branch .detail .commList .comm_pointmall .category{margin-bottom:29px;display:flex;align-items:center;justify-content:center}
    #branch .detail .commList .comm_pointmall .category ul{flex-wrap:wrap;width:980px}
    #branch .detail .commList .comm_pointmall .category li{width:calc(20% - 3.2px)}
    #branch .detail .commList .comm_pointmall .list{overflow:hidden}
    #branch .detail .commList .comm_pointmall .list ul{display:flex;flex-wrap:wrap;margin:0 -15px;width:auto}
    #branch .detail .commList .comm_pointmall .list li{padding:0 15px 40px;width:25%;display:flex;flex-direction:column;cursor:pointer}
    #branch .detail .commList .comm_pointmall .list .img{position:relative;width:100%;height:auto;aspect-ratio:285 / 165;position:relative}
    #branch .detail .commList .comm_pointmall .list .img:before{content:'';pointer-events:none;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:6px;border:1px solid #ddd}
    #branch .detail .commList .comm_pointmall .list .img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;overflow:hidden}
    #branch .detail .commList .comm_pointmall .list .con{margin:16px 0 0;display:flex;flex-direction:column;justify-content:space-between;flex:1}
    #branch .detail .commList .comm_pointmall .list .name{line-height:25px;font-size:20px;color:#1c1c1c;display:flex;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #branch .detail .commList .comm_pointmall .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #branch .detail .commList .comm_pointmall .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #branch .detail .commList .comm_pointmall .list .text{line-height:25px;font-size:20px;color:#1c1c1c;display:flex;align-items:center}
    #branch .detail .commList .comm_pointmall .list .info{display:flex;align-items:flex-end;margin:20px 0 0;position:relative;z-index:1}
    #branch .detail .commList .comm_pointmall .list .price{display:flex;align-items:flex-start;flex-direction:column}
    #branch .detail .commList .comm_pointmall .list .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #branch .detail .commList .comm_pointmall .list .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #branch .detail .commList .comm_pointmall .list .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #branch .detail .commList .comm_pointmall .list .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #branch .detail .commList .comm_pointmall .list .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #branch .detail .commList .comm_pointmall .list .tool .comment{display:flex;align-items:center}
    #branch .detail .commList .comm_pointmall .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #branch .detail .commList .comm_pointmall .list .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #branch .detail .review{padding:80px 0}
    #branch .detail .review .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 24px;text-align:center}
    #branch .detail .review .tab{margin:0 0 64px}
    #branch .detail .review .tab li{flex:1}
    #branch .detail .review .tab li a{height:56px;font-size:16px}
    #branch .detail .review .tab li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#e0e0e0}
    #branch .detail .review .tab li.on a{color:#EB3F3D}
    #branch .detail .review .tab li.on a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#EB3F3D}
    #branch .detail .review .txt{margin:0 0 48px;text-align:Center;line-height:1;font-size:14px;color:#1c1c1c}
    #branch .detail .review .con .view{display:block}
    #branch .detail .review .con .write{display:none}
    #branch .detail .review .con .view.on{display:none}
    #branch .detail .review .con .write.on{display:block}
    #branch .detail .review .con ul{display:flex;flex-wrap:wrap;gap:16px 25px}
    #branch .detail .review .con li{width:calc(33.33% - 16.66px)}
    #branch .detail .review .con li .box{display:flex;align-items:center;border-radius:8px;overflow:hidden;border:1px solid #ddd;padding:20px;height:64px}
    #branch .detail .review .con li .box img{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0}
    #branch .detail .review .con li .box p{flex:1;line-height:20px;font-size:14px;color:#1c1c1c}
    #branch .detail .review .con li .box em{width:24px;line-height:20px;font-size:14px;color:#eb3f3d;text-align:center}
    #branch .detail .review .con li .box em + i{margin-left:12px}
    #branch .detail .review .con li .box input{display:none}
    #branch .detail .review .con li .box i{display:none;width:24px;height:24px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain;cursor:pointer}
    #branch .detail .review .con li .box input:checked ~ i{background:url(../img/common/checkbox_on2.png) no-repeat 50% 50% / contain}
    #branch .detail .review .search{margin:24px 0}
    #branch .detail .review .search .form{display:flex;align-items:center;justify-content:flex-end}
    #branch .detail .review .search .select{display:flex;width:120px;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #branch .detail .review .search .select select{padding:0 16px;width:100%;border:0;height:48px}
    #branch .detail .review .search .input{display:flex;margin:0 10px 0 0;width:252px;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #branch .detail .review .search .input input{flex:1;height:20px}
    #branch .detail .review .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #branch .detail .review .search .input button img{display:block;width:100%;height:auto}
    #branch .detail .review .table th,#branch .detail .review .table td{padding:20px 4px;text-align:center}
    #branch .detail .review .table td [class^=ico]{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ededed;width:32px;height:32px;text-align:center;font-size:14px;margin:auto}
    #branch .detail .review .table td .ico1{color:#0066B3}
    #branch .detail .review .table td .ico2{color:#06C270}
    #branch .detail .review .table td .ico3{color:#EB3F3D}
    #branch .detail .review .table td .star{position:relative;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #branch .detail .review .table td .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #branch .detail .review .table td a{display:flex;align-items:center}
    #branch .detail .review .table td a em.flag{display:inline-flex;color:#EB3F3D;margin:0 4px 0 0;flex-shrink:0;line-height:22px}
    #branch .detail .review .table td a .anchor{margin:0 4px 0 0;line-height:22px}
    #branch .detail .review .table td a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;height:22px}
    #branch .detail .review .table td a .c_red{color:#e60012!important;font-size:15px;margin-left:5px;height:16px;line-height:16px;display:inline-block;vertical-align:middle}
    #branch .detail .review .table td.thm img{height:40px;width:60px;object-fit:contain}
    #branch .detail .review .table tr.end a em.flag{color:#707070}
    #branch .detail .review .table .empty{text-align:center;padding:100px 0;color:#999}
    #branch .detail .review .basic .button{display:flex;align-items:center;justify-content:Flex-end;margin:-68px 0 0}
    #branch .detail .review .basic .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px;font-size:14px}
    #branch .detail .review .bottom{position:relative;margin:24px 0;padding:0 160px;display:flex;height:40px;align-items:center;justify-content:center}
    #branch .detail .review .bottom .button{position:absolute;bottom:0;right:0}
    #branch .detail .review .bottom .button a{width:160px;height:40px;border-radius:40px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:14px}
    #branch .detail .review .write{margin:64px 0 0;display:none}
    #branch .detail .review .write .form{border-top:1px solid #ddd}
    #branch .detail .review .write .form dl{display:flex;border-bottom:1px solid #ddd}
    #branch .detail .review .write .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #branch .detail .review .write .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px}
    #branch .detail .review .write .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c;margin:0;padding:0}
    #branch .detail .review .write .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center}
    #branch .detail .review .write .form dd .inp.w300{width:300px}
    #branch .detail .review .write .form dd .inp.w320{width:320px}
    #branch .detail .review .write .form dd .inp input{padding:16px;width:100%;max-width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #branch .detail .review .write .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #branch .detail .review .write .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center}
    #branch .detail .review .write .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #branch .detail .review .write .form dd .chk label input{display:none}
    #branch .detail .review .write .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #branch .detail .review .write .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c;white-space:nowrap}
    #branch .detail .review .write .form dd .chk label input ~ img{height:18px;margin:0 4px 0 -4px}
    #branch .detail .review .write .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #branch .detail .review .write .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #branch .detail .review .write .form dd .chk.star{margin:0}
    #branch .detail .review .write .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;background:#fff;padding:2px 4px}
    #branch .detail .review .write .form dd .textarea{width:100%}
    #branch .detail .review .write .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #branch .detail .review .write .form dd .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    #branch .detail .review .write .form dd .file .fileBtn{display:flex}
    #branch .detail .review .write .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #branch .detail .review .write .form dd .file .fileBtn label input{display:none}
    #branch .detail .review .write .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #branch .detail .review .write .form dd .file .fileList ul{display:flex;gap:16px}
    #branch .detail .review .write .form dd .file .fileList li{position:relative;margin:20px 0 0}
    #branch .detail .review .write .form dd .file .fileList li .img{width:140px;height:88px;border-radius:8px;overflow:hidden}
    #branch .detail .review .write .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .detail .review .write .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #branch .detail .review .write .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #branch .detail .review .write .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:0}
    #branch .detail .review .write .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #branch .detail .review .write .button .btn + .btn{margin:0 0 0 30px}
    #branch .detail .review .view{margin:64px 0 0;display:none}
    #branch .detail .review .view .head{display:flex;align-items:center;justify-content:space-between;padding:24px;background:#f2f2f2;border-top:1px solid #707070}
    #branch .detail .review .view .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #branch .detail .review .view .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #branch .detail .review .view .head .star{position:relative;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #branch .detail .review .view .head .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #branch .detail .review .view .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #branch .detail .review .view .head .tool a{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;text-decoration:underline}
    #branch .detail .review .view .head .tool a + a{padding:0 0 0 16px;margin:0 0 0 16px}
    #branch .detail .review .view .head .tool a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .detail .review .view .head .tool button{display:none!important}
    #branch .detail .review .view .head .tool ul{position:relative;display:flex;align-items:center;justify-content:center;gap:0;flex-direction:row!important}
    #branch .detail .review .view .head .tool li{position:relative;width:auto}
    #branch .detail .review .view .head .tool li a{font-size:14px;color:#707070;text-decoration:underline;display:block;gap:4px;display:flex;align-items:center;justify-content:center}
    #branch .detail .review .view .head .tool li a img{height:16px;width:auto}
    #branch .detail .review .view .head .tool li + li{padding:0 0 0 16px;margin:0 0 0 16px}
    #branch .detail .review .view .head .tool li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #branch .detail .review .view .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center}
    #branch .detail .review .view .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #branch .detail .review .view .info p strong{font-weight:500;margin:0 8px 0 0}
    #branch .detail .review .view .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #branch .detail .review .view .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .detail .review .view .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #branch .detail .review .view .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #branch .detail .review .view .info .ongoing .period{font-size:14px;color:#707070}
    #branch .detail .review .view .info.useStar{justify-content:space-between}
    #branch .detail .review .view .info.useStar .infoLeft{display:flex}
    #branch .detail .review .view .info.useStar .star{position:relative;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #branch .detail .review .view .info.useStar .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #branch .detail .review .view .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #branch .detail .review .view .cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #branch .detail .review .view .cont p{line-height:32px;font-size:15px}
    #branch .detail .review .view .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #branch .detail .review .view .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #branch .detail .review .view .button .btn img{height:16px}
    #branch .detail .review .view .bottom{margin:0;padding:0;flex-direction:column;height:auto;align-items:stretch}
    #branch .detail .review .view .bottom .counter{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;padding:0;margin:0}
    #branch .detail .review .view .bottom .total{display:flex}
    #branch .detail .review .view .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #branch .detail .review .view .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #branch .detail .review .view .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .detail .review .view .bottom .total dt{font-size:14px;margin:0 4px 0 0}
    #branch .detail .review .view .bottom .total dd{font-size:14px;font-weight:500}
    #branch .detail .review .view .bottom .total dd span{color:#0066B3}
    #branch .detail .review .view .bottom .total dd strong{color:#EB3F3D}
    #branch .detail .review .view .bottom .share{position:relative;display:flex;align-items:center}
    #branch .detail .review .view .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #branch .detail .review .view .bottom .share > a img{height:20px}
    #branch .detail .review .view .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #branch .detail .review .view .bottom .share > ul li{width:auto}
    #branch .detail .review .view .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #branch .detail .review .view .bottom .share > ul li a img{width:64px;height:auto}
    #branch .detail .review .view .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #branch .detail .review .view .bottom .share.on > ul{opacity:1;visibility:visible}
    #branch .detail .review .view .comment .type{padding:80px 0 0;margin:0 0 32px}
    #branch .detail .review .view .comment .type ul{display:flex}
    #branch .detail .review .view .comment .type li{flex:1}
    #branch .detail .review .view .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #branch .detail .review .view .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #branch .detail .review .view .comment .con ul{gap:0}
    #branch .detail .review .view .comment .con li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column;width:100%}
    #branch .detail .review .view .comment .con li + li{border-top:1px solid #ddd}
    #branch .detail .review .view .comment .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #branch .detail .review .view .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .detail .review .view .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #branch .detail .review .view .comment .con li .cmt_name{margin:0 0 4px;line-height:18px;font-size:13px;color:#707070}
    #branch .detail .review .view .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c;white-space:pre-line}
    #branch .detail .review .view .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070}
    #branch .detail .review .view .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #branch .detail .review .view .comment .con li .cmt_top{display:flex;align-items:center}
    #branch .detail .review .view .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #branch .detail .review .view .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #branch .detail .review .view .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #branch .detail .review .view .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #branch .detail .review .view .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #branch .detail .review .view .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #branch .detail .review .view .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #branch .detail .review .view .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #branch .detail .review .view .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #branch .detail .review .view .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #branch .detail .review .view .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #branch .detail .review .view .comment .frm .fileList{display:flex;gap:0 10px}
    #branch .detail .review .view .comment .frm .fileList li{position:relative;margin:10px 0 0;width:auto}
    #branch .detail .review .view .comment .frm .fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #branch .detail .review .view .comment .frm .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .detail .review .view .comment .frm .fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #branch .detail .review .view .comment .frm .fileList li .del img{display:block;width:100%;height:auto}
    #branch .detail .review .view .comment .con li.cmt_rep{background:#f4f4f4}
    #branch .detail .review .view .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #branch .detail .review .view .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #branch .detail .review .view .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#fff;display:block;height:auto}
    #branch .detail .review .view .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #branch .detail .review .view .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #branch .detail .review .view .comment .frm .bot .file label{cursor:pointer}
    #branch .detail .review .view .comment .frm .bot .file label input{display:none}
    #branch .detail .review .view .comment .frm .bot .file label img{width:auto;height:24px}
    #branch .detail .review .view .comment .frm .bot .submit a,#branch .detail .review .view .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #branch .detail .review.edit .con li .box{cursor:pointer}
    #branch .detail .review.edit .con li .box em + i{margin-left:12px}
    #branch .detail .review.edit .con li .box i{display:block}
    #branch .detail .review.edit .button .reviewBtn{display:none}
    #branch .detail .review.edit .button .reviewSubmitBtn{display:flex}
    #branch .detail .review .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center}
    #branch .detail .review .button .btn{display:flex;align-items:center;justify-content:center;min-width:224px;height:48px;border-radius:48px;font-size:16px;border:1px solid transparent}
    #branch .detail .review .button .reviewSubmitBtn{display:none}
    #branch .detail .board{padding:40px 0 80px}
    #branch .detail .board .tab{margin:0 0 24px}
    #branch .detail .board .tab li{flex:1}
    #branch .detail .board .tab li a{height:56px;font-size:16px}
    #branch .detail .board .tab li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#e0e0e0}
    #branch .detail .board .tab li.on a{color:#EB3F3D}
    #branch .detail .board .tab li.on a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#EB3F3D}
    #branch .detail .board .cate{margin:0 0 32px}
    #branch .detail .board .cate ul{display:flex;flex-wrap:wrap;gap:8px}
    #branch .detail .board .cate li a{display:flex;width:auto;height:40px;padding:6px 16px;border-radius:40px;border:1px solid #ddd;align-items:center;justify-content:center;font-size:16px;color:#707070}
    #branch .detail .board .cate li a.on{color:#EB3F3D;border-color:#EB3F3D}
    #branch .detail .board .search{margin:24px 0;flex-shrink:0}
    #branch .detail .board .search .form{display:flex;align-items:center;justify-content:flex-end}
    #branch .detail .board .search .select{display:flex;width:120px;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #branch .detail .board .search .select select{padding:0 16px;width:100%;border:0;height:48px}
    #branch .detail .board .search .input{display:flex;margin:0 10px 0 0;width:252px;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #branch .detail .board .search .input input{flex:1;height:20px}
    #branch .detail .board .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #branch .detail .board .search .input button img{display:block;width:100%;height:auto}
    #branch .detail .board .table th{text-align:center!important}
    #branch .detail .board .table th,#branch .detail .board .table td{padding:10px 4px}
    #branch .detail .board .table td [class^=ico]{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ededed;width:32px;height:32px;text-align:center;font-size:14px}
    #branch .detail .board .table td .ico1{color:#0066B3}
    #branch .detail .board .table td .ico2{color:#06C270}
    #branch .detail .board .table td .ico3{color:#EB3F3D}
    #branch .detail .board .table td a{display:flex;align-items:center}
    #branch .detail .board .table td a em.flag{display:inline-flex;color:#EB3F3D;margin:0 4px 0 0;flex-shrink:0;line-height:22px}
    #branch .detail .board .table td a .anchor{margin:0 4px 0 0;line-height:22px}
    #branch .detail .board .table td a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;height:22px}
    #branch .detail .board .table td a .c_red{color:#e60012!important;font-size:15px;margin-left:5px;height:16px;line-height:16px;display:inline-block;vertical-align:middle}
    #branch .detail .board .table td.thm img{height:46px;width:70px;border-radius:6px}
    #branch .detail .board .table td > span.no{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#fff1f1;color:#eb3f3d;font-size:12px;height:22px;padding:0 6px;font-weight:500}
    #branch .detail .board .table tr.end a em.flag{color:#707070}
    #branch .detail .board .basic .tool{display:flex;align-items:center;justify-content:space-between;margin:24px 0;min-height:48px;float:right}
    #branch .detail .board .basic .tool .search{margin:0}
    #branch .detail .board .basic .tool .cate{margin:0}
    #branch .detail .board .basic .popular{display:none;width:calc(100% - 382px);padding:0 20px 0 0}
    #branch .detail .board .basic .popular dl{display:flex;overflow:hidden}
    #branch .detail .board .basic .popular dt{margin:0 10px 0 0;line-height:30px;font-size:16px;white-space:nowrap;background:#fff;position:relative;z-index:10}
    #branch .detail .board .basic .popular dd{display:flex;flex:1;width:100%}
    #branch .detail .board .basic .popular dd button{display:flex;align-items:center;justify-content:center;text-align:center;min-width:110px;width:auto;height:30px;border-radius:30px;border:1px solid #ddd;font-size:13px;color:#707070;background:#fff}
    #branch .detail .board .basic .button{display:flex;align-items:center;justify-content:Flex-end;margin:-68px 0 0}
    #branch .detail .board .basic .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px;font-size:14px}
    #branch .detail .board .basic .search .input{margin:0}
    #branch .detail .board .write{margin:64px 0 0;display:none}
    #branch .detail .board .write .form{border-top:1px solid #ddd}
    #branch .detail .board .write .form dl{display:flex;border-bottom:1px solid #ddd}
    #branch .detail .board .write .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #branch .detail .board .write .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px}
    #branch .detail .board .write .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #branch .detail .board .write .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center}
    #branch .detail .board .write .form dd .inp.w300{width:300px}
    #branch .detail .board .write .form dd .inp.w320{width:320px}
    #branch .detail .board .write .form dd .inp input{padding:16px;width:100%;max-width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #branch .detail .board .write .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #branch .detail .board .write .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center}
    #branch .detail .board .write .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #branch .detail .board .write .form dd .chk label input{display:none}
    #branch .detail .board .write .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #branch .detail .board .write .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c;white-space:nowrap}
    #branch .detail .board .write .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #branch .detail .board .write .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #branch .detail .board .write .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;background:#fff;padding:2px 4px}
    #branch .detail .board .write .form dd .textarea{width:100%}
    #branch .detail .board .write .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #branch .detail .board .write .form dd .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    #branch .detail .board .write .form dd .file .fileBtn{display:flex}
    #branch .detail .board .write .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #branch .detail .board .write .form dd .file .fileBtn label input{display:none}
    #branch .detail .board .write .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #branch .detail .board .write .form dd .file .fileList ul{display:flex;gap:16px}
    #branch .detail .board .write .form dd .file .fileList li{position:relative;margin:20px 0 0}
    #branch .detail .board .write .form dd .file .fileList li .img{width:140px;height:88px;border-radius:8px;overflow:hidden}
    #branch .detail .board .write .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .detail .board .write .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #branch .detail .board .write .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #branch .detail .board .write .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:0}
    #branch .detail .board .write .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #branch .detail .board .write .button .btn + .btn{margin:0 0 0 30px}
    #branch .detail .board .view{margin:64px 0 0;display:none}
    #branch .detail .board .view .head{display:flex;align-items:center;padding:24px;background:#f2f2f2;border-top:1px solid #707070}
    #branch .detail .board .view .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #branch .detail .board .view .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #branch .detail .board .view .head .tool button{display:none!important}
    #branch .detail .board .view .head .tool ul{position:relative;display:flex;align-items:center;justify-content:center}
    #branch .detail .board .view .head .tool li{position:relative}
    #branch .detail .board .view .head .tool li a{font-size:14px;color:#707070;text-decoration:underline;display:block;gap:4px;display:flex;align-items:center;justify-content:center}
    #branch .detail .board .view .head .tool li a img{height:16px;width:auto}
    #branch .detail .board .view .head .tool li + li{padding:0 0 0 16px;margin:0 0 0 16px}
    #branch .detail .board .view .head .tool li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #branch .detail .board .view .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #branch .detail .board .view .head .tool a{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;text-decoration:underline}
    #branch .detail .board .view .head .tool a + a{padding:0 0 0 16px;margin:0 0 0 16px}
    #branch .detail .board .view .head .tool a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .detail .board .view .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center}
    #branch .detail .board .view .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #branch .detail .board .view .info p strong{font-weight:500;margin:0 8px 0 0}
    #branch .detail .board .view .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #branch .detail .board .view .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .detail .board .view .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #branch .detail .board .view .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #branch .detail .board .view .info .ongoing .period{font-size:14px;color:#707070}
    #branch .detail .board .view .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #branch .detail .board .view .cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #branch .detail .board .view .cont p{line-height:32px;font-size:15px}
    #branch .detail .board .view .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #branch .detail .board .view .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #branch .detail .board .view .button .btn img{height:16px}
    #branch .detail .board .view .bottom{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd}
    #branch .detail .board .view .bottom .total{display:flex}
    #branch .detail .board .view .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #branch .detail .board .view .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #branch .detail .board .view .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #branch .detail .board .view .bottom .total dt{font-size:14px;margin:0 4px 0 0}
    #branch .detail .board .view .bottom .total dd{font-size:14px;font-weight:500}
    #branch .detail .board .view .bottom .total dd span{color:#0066B3}
    #branch .detail .board .view .bottom .total dd strong{color:#EB3F3D}
    #branch .detail .board .view .bottom .share{position:relative;display:flex;align-items:center}
    #branch .detail .board .view .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #branch .detail .board .view .bottom .share > a img{height:20px}
    #branch .detail .board .view .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #branch .detail .board .view .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #branch .detail .board .view .bottom .share > ul li a img{width:64px;height:auto}
    #branch .detail .board .view .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #branch .detail .board .view .bottom .share.on > ul{opacity:1;visibility:visible}
    #branch .detail .board .view .comment .type{padding:80px 0 0;margin:0 0 32px}
    #branch .detail .board .view .comment .type ul{display:flex}
    #branch .detail .board .view .comment .type li{flex:1}
    #branch .detail .board .view .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #branch .detail .board .view .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #branch .detail .board .view .comment .con li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column}
    #branch .detail .board .view .comment .con li + li{border-top:1px solid #ddd}
    #branch .detail .board .view .comment .con li .cmt_top{display:flex;align-items:center}
    #branch .detail .board .view .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #branch .detail .board .view .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #branch .detail .board .view .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #branch .detail .board .view .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #branch .detail .board .view .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #branch .detail .board .view .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #branch .detail .board .view .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #branch .detail .board .view .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #branch .detail .board .view .comment .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #branch .detail .board .view .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .detail .board .view .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #branch .detail .board .view .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #branch .detail .board .view .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #branch .detail .board .view .comment .con li .cmt_name{margin:0 0 4px;line-height:18px;font-size:13px;color:#707070}
    #branch .detail .board .view .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c;white-space:pre-line}
    #branch .detail .board .view .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070}
    #branch .detail .board .view .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #branch .detail .board .view .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #branch .detail .board .view .comment .con li.cmt_rep{background:#f4f4f4}
    #branch .detail .board .view .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #branch .detail .board .view .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #branch .detail .board .view .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #branch .detail .board .view .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #branch .detail .board .view .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #branch .detail .board .view .comment .frm .bot .file label{cursor:pointer}
    #branch .detail .board .view .comment .frm .bot .file label input{display:none}
    #branch .detail .board .view .comment .frm .bot .file label img{width:auto;height:24px}
    #branch .detail .board .view .comment .frm .bot .submit a,#branch .detail .board .view .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #branch .detail .board .view .comment .frm .fileList{display:flex;gap:0 10px}
    #branch .detail .board .view .comment .frm .fileList li{position:relative;margin:10px 0 0}
    #branch .detail .board .view .comment .frm .fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #branch .detail .board .view .comment .frm .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #branch .detail .board .view .comment .frm .fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #branch .detail .board .view .comment .frm .fileList li .del img{display:block;width:100%;height:auto}
    #branch .detail .view .comment .caution{display:none}
    #branch .detail .latest{padding:40px 0 80px}
    #branch .detail .latest .tab{margin:0 0 56px}
    #branch .detail .latest .tab li{flex:1}
    #branch .detail .latest .tab li a{height:56px;font-size:16px}
    #branch .detail .latest .tab li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#e0e0e0}
    #branch .detail .latest .tab li.on a{color:#EB3F3D}
    #branch .detail .latest .tab li.on a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#EB3F3D}
    #branch .detail .latest .cate{margin:0 0 32px}
    #branch .detail .latest .cate ul{display:flex;flex-wrap:wrap;gap:8px}
    #branch .detail .latest .cate li{flex:1}
    #branch .detail .latest .cate li a{display:flex;width:auto;height:40px;padding:6px 16px;border-radius:40px;border:1px solid #F4F4F4;align-items:center;justify-content:center;font-size:14px;color:#707070;background:#F4F4F4}
    #branch .detail .latest .cate li a.on{color:#fff;border-color:#EB3F3D;background:#EB3F3D}
    #branch .detail .latest .sort{display:flex;flex-wrap:wrap;margin:0 0 32px;gap:12px 8px}
    #branch .detail .latest .sort button{display:flex;align-items:center;justify-content:center;width:calc(20% - 6.66px);height:48px;border-radius:42px;border:1px solid #ddd;background:#fff;font-size:16px;color:#707070}
    #branch .detail .latest .sort button.on{color:#EB3F3D;border-color:#EB3F3D}
    #branch .detail .latest .list{overflow:hidden}
    #branch .detail .latest .list ul{display:flex;flex-wrap:wrap;margin:0 -15px;width:auto}
    #branch .detail .latest .list li{padding:0 15px 40px;width:25%;display:flex;flex-direction:column;cursor:pointer}
    #branch .detail .latest .list .img{border-radius:8px;overflow:hidden;padding:60% 0 0;position:relative;border:1px solid #ddd}
    #branch .detail .latest .list .img img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    #branch .detail .latest .list .con{margin:16px 0 0;display:flex;flex-direction:column;justify-content:space-between;flex:1}
    #branch .detail .latest .list .name{line-height:25px;font-size:20px;color:#1c1c1c;display:flex;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #branch .detail .latest .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #branch .detail .latest .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #branch .detail .latest .list .text{line-height:25px;font-size:20px;color:#1c1c1c;display:flex;align-items:center}
    #branch .detail .latest .list .info{display:flex;align-items:flex-end;margin:20px 0 0}
    #branch .detail .latest .list .price{display:flex;align-items:flex-start;flex-direction:column}
    #branch .detail .latest .list .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #branch .detail .latest .list .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #branch .detail .latest .list .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #branch .detail .latest .list .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #branch .detail .latest .list .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #branch .detail .latest .list .tool .comment{display:flex;align-items:center}
    #branch .detail .latest .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #branch .detail .latest .list .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #branch .detail .more{display:flex;align-items:center;justify-content:center}
    #branch .detail .more a{line-height:18px;font-size:14px;color:#555;min-width:224px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:48px;gap:12px}
    #branch .detail .more a img{height:18px}
    #branch .detail .advice{padding:80px 0}
    #branch .detail .advice .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 24px;text-align:center}
    #branch .detail .advice .tab{margin:0 0 64px}
    #branch .detail .advice .tab li{flex:1}
    #branch .detail .advice .tab li a{height:56px;font-size:16px}
    #branch .detail .advice .tab li.on a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#EB3F3D}

    #navigation{position:fixed;z-index:10001;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.35s,visibility .35s}
    #navigation.active{opacity:1;visibility:visible}
    #navigation .navigation{position:relative;z-index:2;max-width:100%;width:240px;height:auto;border-radius:5px;background:#fff;padding:20px;display:flex;flex-direction:column}
    #navigation .navigation .tit{line-height:22px;font-size:18px;font-weight:700;color:#1c1c1c;margin:0 0 24px}
    #navigation .navigation .con a{display:flex;align-items:center;justify-content:flex-start;padding:6px 12px;gap:10px;font-size:13px;height:42px}
    #navigation .navigation .con a img{border-radius:2px;aspect-ratio:1/1;width:24px;height:24px;border:1px solid #0000000d}
    #navigation .navigation .con a + a{border-top:1px solid #e0e0e0}
    #navigation .bg{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.85}

    #reservation{position:relative;padding:70px 0 160px}
    #reservation .calendar{margin:10px auto 80px}
    #reservation .calendar .head{position:relative;margin:0 0 20px}
    #reservation .calendar .head .month{display:flex;align-items:center;justify-content:center;text-align:center}
    #reservation .calendar .head .month .prev{margin:0 24px 0 0;width:40px;height:40px;background:url(../img/common/arrow_calendar_prev.png) no-repeat 50% 50% / contain}
    #reservation .calendar .head .month .next{margin:0 0 0 24px;width:40px;height:40px;background:url(../img/common/arrow_calendar_next.png) no-repeat 50% 50% / contain}
    #reservation .calendar .head .month .current{line-height:40px;font-size:24px;font-weight:700;color:#1c1c1c;background:transparent}
    #reservation .calendar .head .unit{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:15px;color:#707070}
    #reservation .calendar .head .unit span{color:#eb3f3d}
    #reservation .calendar .list{overflow:hidden}
    #reservation .calendar .list .week{display:flex;background:#f4f4f4;border-top:1px solid #ddd}
    #reservation .calendar .list .week .day{flex:1;display:flex;height:56px;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:500}
    #reservation .calendar .list .month{background:#fff}
    #reservation .calendar .list .month .row{display:flex;border-bottom:1px solid #ddd}
    #reservation .calendar .list .month .day{flex:1;display:flex;align-items:center;justify-content:flex-start;height:64px;padding:8px 16px;font-size:14px;font-weight:500;color:#000;cursor:pointer}
    #reservation .calendar .list .month .day.disabled{color:#cfcfcf;pointer-events:none;font-weight:300}
    #reservation .calendar .list .month .day.sun .num{display:flex;flex-direction:column}
    #reservation .calendar .list .month .day.today{background:#0066b314}
    #reservation .calendar .list .month .day .text{margin:0 10px;font-size:14px;font-weight:400;color:#707070}
    #reservation .calendar .list .month .day .unit{margin:0 0 0 auto;display:flex;height:30px;align-items:center;justify-content:center;padding:4px 10px;border-radius:4px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#707070;background:#fff}
    #reservation .calendar .list .month .day .unit span{color:#EB3F3D;margin:0 4px 0 0}
    #reservation .calendar .list .day + .day{border-left:1px solid #ddd}
    #reservation .calendar .list .day.sun .num{color:#EB3F3D}
    #reservation .calendar .list .day.sat .num{color:#0066B3}
    #reservation .timer{position:relative;margin:80px 0 160px}
    #reservation .timer .title{line-height:1;font-size:22px;font-weight:500;color:#1c1c1c;text-align:center;margin:0 0 32px}
    #reservation .timer .list{padding:0 20px}
    #reservation .timer .list > ul > li{margin:0 0 24px;padding:30px;background:#FFF;box-shadow:0 0 4px #0000001f;border-radius:16px}
    #reservation .timer .list > ul > li + li{border-top:1px solid #ddd}
    #reservation .timer .list > ul > li .area{display:flex}
    #reservation .timer .list > ul > li .icon{width:110px;height:110px;border-radius:110px;overflow:hidden;flex-shrink:0}
    #reservation .timer .list > ul > li .icon img{display:block;width:100%;height:100%;object-fit:cover}
    #reservation .timer .list > ul > li .cont{flex:1;padding:0 0 0 15px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
    #reservation .timer .list > ul > li .head{display:flex;align-items:center}
    #reservation .timer .list > ul > li .head .name{line-height:24px;font-size:20px;font-weight:700;color:#1c1c1c;white-space:nowrap;text-overflow:ellipsis}
    #reservation .timer .list > ul > li .head .del{margin:0 0 0 8px;flex-shrink:0;display:none}
    #reservation .timer .list > ul > li .head .del a{display:block;width:24px;height:24px;background:url(../img/common/close.png) no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden}
    #reservation .timer .list > ul > li .loca{margin:15px 0 0;line-height:20px;font-size:15px;color:#707070}
    #reservation .timer .list > ul > li .info{margin:10px 0 0;display:flex;align-items:center;flex-wrap:wrap}
    #reservation .timer .list > ul > li .info p{line-height:1;font-size:14px;color:#555;position:relative}
    #reservation .timer .list > ul > li .info p + p{margin:0 0 0 8px;padding:0 0 0 8px}
    #reservation .timer .list > ul > li .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #reservation .timer .list > ul > li .booking{flex-shrink:0;margin-left:10px;display:flex;align-items:flex-start;justify-content:center;gap:10px}
    #reservation .timer .list > ul > li .booking .btn{display:flex;align-items:center;justify-content:center;height:40px;min-width:88px;border-radius:40px;border:1px solid transparent;font-size:15px;font-weight:400;padding:0 16px;white-space:nowrap;pointer-events:initial}
    #reservation .timer .list > ul > li .booking .btn:hover{background:#fafafa!important}
    #reservation .timer .list > ul > li .time{margin:24px 0 0}
    #reservation .timer .list > ul > li .time ul{display:flex;gap:8px}
    #reservation .timer .list > ul > li .time li{width:calc(20% - 8px)}
    #reservation .timer .list > ul > li .time li.timeBtn{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:4px;border:1px solid #ddd;font-size:15px;color:#1c1c1c;cursor:pointer;overflow:hidden}
    #reservation .timer .list > ul > li .time li.timeBtn:hover{background:#eb3f3d1a}
    #reservation .timer .list > ul > li .time li.timeBtn.disabled{pointer-events:none;background:#fafafa;color:#ccc}
    #reservation .timer .list > ul > li .time li.timeBtn.disabled:before{content:'';position:absolute;top:50%;left:50%;width:100px;height:1px;transform:rotate(-21deg) translate(-50%,-50%);transform-origin:left}
    #reservation .timer .list > ul > li .time li.timeBtn.disabled:after{content:'';position:absolute;top:50%;left:50%;width:100px;height:1px;transform:rotate(21deg) translate(-50%,-50%);transform-origin:left}
    #reservation .timer .list > ul > li .time li.timeBtn.on{border-color:#EB3F3D;color:#EB3F3D}
    #reservation .timer .list > ul > li .navi{display:none}
    #reservation .timer .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center}
    #reservation .timer .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #reservation .timer .button .btn + .btn{margin:0 0 0 30px}
    #reservation .title{line-height:1;font-size:32px;font-weight:500;color:#1c1c1c;margin:0 0 34px;text-align:center}
    #reservation .form{border-top:1px solid #ddd}
    #reservation .form dl{display:flex;border-bottom:1px solid #ddd}
    #reservation .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #reservation .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #reservation .form dd{flex:1;min-height:80px;padding:16px 24px}
    #reservation .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #reservation .form dd .inp{width:100%}
    #reservation .form dd .inp input{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #reservation .form dd .sel{max-width:100%;min-width:314px}
    #reservation .form dd .sel select{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px}
    #reservation .form dd .chk{display:flex;flex-wrap:wrap;gap:16px;min-height:48px;align-items:center}
    #reservation .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #reservation .form dd .chk label input{display:none}
    #reservation .form dd .chk label input ~ i{width:18px;height:18px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #reservation .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #reservation .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #reservation .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #reservation .form dd .repair{display:flex;flex-wrap:Wrap;gap:32px 12px;padding:16px 0;width:100%}
    #reservation .form dd .repair label{display:flex;align-items:center;height:24px;cursor:pointer;width:calc(25% - 9px)}
    #reservation .form dd .repair label input{display:none}
    #reservation .form dd .repair label input ~ i{width:18px;height:18px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #reservation .form dd .repair label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #reservation .form dd .repair label input ~ p span{font-weight:300;color:#707070}
    #reservation .form dd .repair label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #reservation .form dd .textarea{width:100%}
    #reservation .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #reservation .form dd .file .fileBtn{display:flex}
    #reservation .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #reservation .form dd .file .fileBtn label input{display:none}
    #reservation .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #reservation .form dd .file .fileList ul{display:flex;gap:16px}
    #reservation .form dd .file .fileList li{position:relative;margin:20px 0 0}
    #reservation .form dd .file .fileList li .img{width:140px;height:88px;border-radius:8px;overflow:hidden}
    #reservation .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #reservation .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #reservation .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #reservation .onsite{margin-top:40px;padding:34px 0;background:#F4F4F4;display:flex;justify-content:center;gap:40px}
    #reservation .onsite label{display:flex;align-items:center;height:20px;cursor:pointer}
    #reservation .onsite label input{display:none}
    #reservation .onsite label input ~ i{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain #fff;border-radius:50%}
    #reservation .onsite label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c}
    #reservation .onsite label input ~ p span{font-weight:300;color:#707070}
    #reservation .onsite label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #reservation .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center}
    #reservation .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #reservation .reservation_check{position:fixed;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;z-index:1011;background:#000c;justify-content:center;align-items:center}
    #reservation .reservation_check.active{display:flex}
    #reservation .reservation_check .inner{position:relative;width:540px;max-width:calc(100% - 20px);background:#fff;border-radius:10px}
    #reservation .reservation_check .inner .box{display:flex;padding:26px 25px 18px;flex-direction:column;align-items:center}
    #reservation .reservation_check .inner .box .img{width:80px;flex:0 0 auto;margin-bottom:10px}
    #reservation .reservation_check .inner .box .con{flex:1;background:#f2f2f2;border-radius:10px;padding:20px;max-width:74%}
    #reservation .reservation_check .inner .box .tit{line-height:33px;font-size:22px;font-weight:700;color:#222;margin-bottom:6px}
    #reservation .reservation_check .inner .box .txt{line-height:24px;font-size:14px;color:#333;position:relative;padding-left:5px}
    #reservation .reservation_check .inner .box > .txt{margin:6px 0;padding:0;text-align:center}
    #reservation .reservation_check .inner .box .txt span{color:#eb3f3d;font-weight:600}
    #reservation .reservation_check .inner .box .txt:after{width:3px;height:3px;border-radius:100px;background:#333;content:'';position:absolute;left:-3px;top:12px;transform:translateY(-50%)}
    #reservation .reservation_check .inner .box .txt:has(span)::after{display:none}
    #reservation .reservation_check .button{border-top:1px solid #ccc;margin:0;padding:0;border-radius:0 0 10px 10px;overflow:hidden}
    #reservation .reservation_check .button button{display:flex;align-items:center;justify-content:center;width:100%;height:42px;font-size:14px;color:#000;text-align:center;background:#fff}
    #reservation .reservation_check .close{position:absolute;top:-42px;right:0;width:32px;height:32px;text-indent:-9999em;overflow:hidden;cursor:pointer}
    #reservation .reservation_check .close:before{content:'';position:absolute;top:50%;left:50%;transform:rotate(45deg);margin:0 0 0 -6px;width:16px;height:2px;background:#fff}
    #reservation .reservation_check .close:after{content:'';position:absolute;top:50%;left:50%;transform:rotate(135deg);margin:0 0 0 -6px;width:16px;height:2px;background:#fff}
    #reservation .payment .desc + .desc{margin-top:120px}
    #reservation .payment .head{padding:0 0 24px;line-height:30px;font-size:24px;font-weight:500;color:#1c1c1c;border-bottom:1px solid #707070}
    #reservation .payment .cont{margin:0 0 56px;padding:40px 0 0;display:flex;flex-direction:column;gap:32px 0}
    #reservation .payment .cont dl{display:flex;align-items:flex-start}
    #reservation .payment .cont dt{flex-shrink:0;width:188px;height:48px;display:flex;align-items:center;justify-content:flex-start;font-size:15px;font-weight:500;color:#1c1c1c}
    #reservation .payment .cont dd{flex:1;min-height:48px;display:flex;align-items:flex-start;justify-content:flex-start;font-size:15px;line-height:24px;flex-direction:column}
    #reservation .payment .cont dd .txt{border-bottom:1px solid #ddd;width:100%;min-height:48px;display:flex;align-items:center;padding:12px}
    #reservation .payment .cont dd .exp{width:100%;min-height:48px;display:flex;align-items:center;padding:12px 0;font-size:14px;color:#707070}
    #reservation .payment .cont dd .inp{width:100%}
    #reservation .payment .cont dd .inp input{padding:8px 16px;width:100%;height:48px;border:1px solid transparent;border-bottom-color:#ddd;font-size:14px}
    #reservation .payment .cont dd .inp input.total{color:#eb3f3d!important}
    #reservation .payment .cont dd .sel{width:254px;max-width:100%}
    #reservation .payment .cont dd .sel select{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px}
    #reservation .payment .cont dd .chk{display:flex;width:100%;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center;position:relative}
    #reservation .payment .cont dd .chk .have{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:14px;color:#eb3f3d}
    #reservation .payment .cont dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #reservation .payment .cont dd .chk label input{display:none}
    #reservation .payment .cont dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #reservation .payment .cont dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #reservation .payment .cont dd .chk label input ~ p span{font-weight:300;color:#707070}
    #reservation .payment .cont dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #reservation .payment .text{margin:0 0 48px;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;text-align:center}
    #reservation .inquiry{margin:64px 0 0}
    #reservation .inquiry .tabs{margin:0 auto 32px}
    #reservation .inquiry .tabs ul{display:flex}
    #reservation .inquiry .tabs li{flex:1;position:relative}
    #reservation .inquiry .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:16px;color:#707070}
    #reservation .inquiry .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ddd}
    #reservation .inquiry .tabs li.on a{color:#EB3F3D}
    #reservation .inquiry .tabs li.on a:after{height:2px;background:#EB3F3D}
    #reservation .inquiry .cate{display:flex;align-items:Center;justify-content:flex-start;flex-wrap:wrap;margin:0 0 24px;gap:8px}
    #reservation .inquiry .cate p{display:flex;align-items:center;justify-content:center;border-radius:40px;height:40px;border:1px solid #ddd;padding:6px 12px;font-size:16px;color:#707070}
    #reservation .inquiry .attach_area{position:relative;font-size:0;padding:0 20px 0 75px}
    #reservation .inquiry .attach_area span{position:absolute;top:0;left:20px;display:inline-block;font-size:15px;font-weight:300;color:#444;line-height:50px}
    #reservation .inquiry .attach_area a{display:inline-block;vertical-align:top;margin-left:20px;padding-left:24px;line-height:50px;background-repeat:no-repeat;background-position:left center;background-image:url(https://cdn.gongim.com/images/common/ico_photo.png);font-size:15px;font-weight:300;color:#444}
    #reservation .inquiry .head{display:flex;align-items:center;padding:24px;background:#f2f2f2;border-top:1px solid #707070}
    #reservation .inquiry .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #reservation .inquiry .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #reservation .inquiry .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #reservation .inquiry .head .tool button{display:none}
    #reservation .inquiry .head .tool ul{display:flex;align-items:center;gap:32px}
    #reservation .inquiry .head .tool li{position:relative}
    #reservation .inquiry .head .tool li + li:before{content:'';position:absolute;top:50%;left:-16px;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #reservation .inquiry .head .tool a{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;text-decoration:underline}
    #reservation .inquiry .head .tool a + a{padding:0 0 0 16px;margin:0 0 0 16px}
    #reservation .inquiry .head .tool a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #reservation .inquiry .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center;justify-content:space-between}
    #reservation .inquiry .info > div{display:flex;align-items:center}
    #reservation .inquiry .info dl{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;gap:8px}
    #reservation .inquiry .info dl dt{font-weight:500;color:#707070}
    #reservation .inquiry .info dl + dl{padding:0 0 0 16px;margin:0 0 0 16px}
    #reservation .inquiry .info dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #reservation .inquiry .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #reservation .inquiry .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #reservation .inquiry .info .ongoing .period{font-size:14px;color:#707070}
    #reservation .inquiry .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #reservation .inquiry .cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #reservation .inquiry .cont p{line-height:32px;font-size:15px}
    #reservation .inquiry .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #reservation .inquiry .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #reservation .inquiry .button .btn img{height:16px}
    #reservation .inquiry .counter{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;margin:0}
    #reservation .inquiry .counter .total{display:flex}
    #reservation .inquiry .counter .total dl{position:relative;display:flex;align-items:center;height:52px}
    #reservation .inquiry .counter .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #reservation .inquiry .counter .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #reservation .inquiry .counter .total dt{font-size:14px;margin:0 4px 0 0}
    #reservation .inquiry .counter .total dd{font-size:14px;font-weight:500}
    #reservation .inquiry .counter .total dd span{color:#0066B3}
    #reservation .inquiry .counter .total dd strong{color:#EB3F3D}
    #reservation .inquiry .counter .share{position:relative;display:flex;align-items:center}
    #reservation .inquiry .counter .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #reservation .inquiry .counter .share > a img{height:20px}
    #reservation .inquiry .counter .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #reservation .inquiry .counter .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #reservation .inquiry .counter .share > ul li a img{width:64px;height:auto}
    #reservation .inquiry .counter .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #reservation .inquiry .counter .share.on > ul{opacity:1;visibility:visible}
    #reservation .inquiry .comment .type{padding:80px 0 0;margin:0 0 32px}
    #reservation .inquiry .comment .type ul{display:flex}
    #reservation .inquiry .comment .type li{flex:1}
    #reservation .inquiry .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #reservation .inquiry .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #reservation .inquiry .comment .con li{padding:20px 24px;position:relative;display:flex;justify-content:center;flex-direction:column}
    #reservation .inquiry .comment .con li + li{border-top:1px solid #ddd}
    #reservation .inquiry .comment .con li .cmt_top{display:flex}
    #reservation .inquiry .comment .con li .cmt_ico{width:80px;height:80px;border-radius:80px;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}
    #reservation .inquiry .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #reservation .inquiry .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #reservation .inquiry .comment .con li .cmt_name{margin:0 0 4px;line-height:18px;font-size:13px;color:#707070}
    #reservation .inquiry .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #reservation .inquiry .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #reservation .inquiry .comment .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #reservation .inquiry .comment .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #reservation .inquiry .comment .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #reservation .inquiry .comment .con li .cmt_item dt{margin:0 6px 0 0}
    #reservation .inquiry .comment .con li .cmt_date{position:absolute;top:20px;right:24px;line-height:18px;font-size:12px;color:#707070}
    #reservation .inquiry .comment .con li .cmt_button{display:none;position:absolute;bottom:0;right:0;line-height:18px;font-size:12px;color:#707070}
    #reservation .inquiry .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:40px;padding:12px 24px;font-size:14px;font-weight:500;color:#707070;border-radius:40px;border:1px solid #707070}
    #reservation .inquiry .comment .con li.cmt_rep{background:#f4f4f4}
    #reservation .inquiry .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #reservation .inquiry .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #reservation .inquiry .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #reservation .inquiry .comment .frm .box .caution{display:none}
    #reservation .inquiry .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #reservation .inquiry .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #reservation .inquiry .comment .frm .bot .file label{cursor:pointer}
    #reservation .inquiry .comment .frm .bot .file label input{display:none}
    #reservation .inquiry .comment .frm .bot .file label img{width:auto;height:24px}
    #reservation .inquiry .comment .frm .bot .submit a,#reservation .inquiry .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #reservation .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #reservation .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}

    .maintenance .banner{margin:0 0 20px}
    .maintenance .banner a{display:block;margin:0 auto;width:1100px}
    .maintenance .banner img{height:auto}

    #repair{position:relative;padding:20px 0}
    #repair .standard .caution{margin:0 auto 40px;padding:32px;background:#f6f8fb;border-radius:10px}
    #repair .standard .caution li{list-style-type:decimal;margin:0 0 0 20px;line-height:22px;font-size:15px;color:#1c1c1c}
    #repair .standard .caution li + li{margin-top:12px}
    #repair .standard .tabs{margin:0 auto 32px}
    #repair .standard .tabs ul{display:flex;background:#eee;border-radius:40px}
    #repair .standard .tabs li{flex:1;position:relative}
    #repair .standard .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:16px;color:#707070;gap:4px}
    #repair .standard .tabs li a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px}
    #repair .standard .tabs li.on a{color:#222;background:#fff;border:1px solid #999;border-radius:40px}
    #repair .standard .sort{margin:0 auto 80px}
    #repair .standard .sort ul{gap:8px;display:flex;flex-wrap:wrap}
    #repair .standard .sort li{width:calc(20% - 6.66px)}
    #repair .standard .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:48px;border-radius:10px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #repair .standard .sort li button.on{color:#222;border-color:#999}
    #repair .standard .list{margin:0 0 40px}
    #repair .standard .head{display:flex;justify-content:space-between;margin:0 auto 40px}
    #repair .standard .head .title .tit{line-height:1;font-size:24px;font-weight:700;color:#1c1c1c}
    #repair .standard .head .title .txt{margin:16px 0 0;line-height:1;font-size:13px;color:#707070}
    #repair .standard .head .title .txt.red{color:#EB3F3D}
    #repair .standard .head .update{font-size:13px;color:#707070;display:flex;align-items:center;height:24px}
    #repair .standard .head .update button{margin:0 0 0 8px;text-indent:-9999em;width:16px;height:16px;background:url(../img/common/icon_update.png) no-repeat 50% 50% / contain}
    #repair .standard .table table{border:0!important;border-top:1px solid #1c1c1c!important}
    #repair .standard .table table tr{height:56px}
    #repair .standard .table table tr.div{z-index:10;position:relative}
    #repair .standard .table table tr.div td{position:relative}
    #repair .standard .table table tr.div td:before{content:"";position:absolute;z-index:5;top:-1px;left:0;width:100%;height:1px;background:#1c1c1c}
    #repair .standard .table table th,#repair .standard .table table td{padding:16px!important;border:1px solid #e0e0e0!important;text-align:left;line-height:1.5;font-size:15px;color:#333!important}
    #repair .standard .table table td:last-child{text-align:center}
    #repair .standard .table table th:last-child{text-align:center}
    #repair .standard .table table td strong{font-weight:500;color:#1c1c1c}
    #repair .standard .table table td .type{display:flex;align-items:flex-start}
    #repair .standard .table table td .type span{flex-shrink:0}
    #repair .standard .table table td .type span + p{padding-left:20px}
    #repair .standard .table table td .type span + p:before{content:'-';width:20px;position:absolute;top:0;left:0;text-align:Center}
    #repair .standard .table table td .type p{position:relative}
    #repair .standard .table thead th:nth-child(1){width:150px!important}
    #repair .standard .table thead th:nth-child(2){width:150px!important}
    #repair .standard .table thead th:nth-child(3){width:150px!important}
    #repair .standard .table thead th:nth-child(4){width:calc(100% - 150px - 150px - 180px)!important}
    #repair .standard .table thead th:nth-child(51){width:180px!important}
    #repair .standard .info{margin-top:40px;text-align:right}
    #repair .standard .info p{display:block;line-height:20px;font-size:13px;color:#707070}

    #price{position:relative;padding:40px 0}
    #price .standard .caution{margin:0 auto 40px;padding:40px 32px;background:#F4F4F4;border-radius:10px}
    #price .standard .caution li{line-height:22px;font-size:15px;color:#1c1c1c;display:flex}
    #price .standard .caution li + li{margin-top:24px}
    #price .standard .caution li .ico{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:80px;background:#fff;margin:0 24px 0 0}
    #price .standard .caution li .ico img{width:40px;height:auto}
    #price .standard .caution li .con{flex:1;display:flex;flex-direction:column;align-items:flex-start}
    #price .standard .caution li .con .tit{line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 12px}
    #price .standard .caution li .con .txt{line-height:22px;font-size:15px;color:#1c1c1c}
    #price .standard .tabs{margin:0 auto 32px}
    #price .standard .tabs ul{display:flex;background:#eee;border-radius:40px}
    #price .standard .tabs li{flex:1;position:relative}
    #price .standard .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:16px;color:#707070}
    #price .standard .tabs li a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px}
    #price .standard .tabs li.on a{color:#222;border-radius:40px;border:1px solid #999;background:#fff}
    #price .standard .cont{margin:0 auto 80px}
    #price .standard .maker{margin:56px auto 48px}
    #price .standard .maker .txt{margin:0 0 30px;text-align:center;line-height:1;font-size:15px;color:#555}
    #price .standard .maker .con ul{gap:8px;display:flex;flex-wrap:wrap}
    #price .standard .maker .con li{width:calc(20% - 6.66px)}
    #price .standard .maker .con li button{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;width:100%;height:104px;border-radius:8px;border:1px solid #ddd;background:#fff}
    #price .standard .maker .con li button img{width:48px;height:auto;filter:grayscale(1);opacity:.35}
    #price .standard .maker .con li button p{font-size:15px;color:#707070}
    #price .standard .maker .con li button.on{border-color:#EB3F3D;box-shadow:0 0 4px 0 #0003}
    #price .standard .maker .con li button.on p{font-weight:500;color:#1c1c1c}
    #price .standard .maker .con li button.on img{height:auto;filter:grayscale(0);opacity:1}
    #price .standard .list{margin:0 0 40px}
    #price .standard .head{display:flex;justify-content:space-between;margin:0 auto 40px;display:none}
    #price .standard .head .title .tit{line-height:1;font-size:24px;font-weight:700;color:#1c1c1c}
    #price .standard .head .title .txt{margin:16px 0 0;line-height:1;font-size:13px;color:#707070}
    #price .standard .head .title .txt.red{color:#EB3F3D}
    #price .standard .head .update{font-size:13px;color:#707070;display:flex;align-items:center;height:24px}
    #price .standard .head .update button{margin:0 0 0 8px;text-indent:-9999em;width:16px;height:16px;background:url(../img/common/icon_update.png) no-repeat 50% 50% / contain}
    #price .standard .info{margin-top:40px;text-align:right}
    #price .standard .info p{display:block;line-height:20px;font-size:13px;color:#707070}

    #specification{position:relative;padding:40px 0}
    #specification .standard .caution{margin:0 auto 40px;padding:30px 0 20px 32px;background:#f6f8fb;border-radius:10px}
    #specification .standard .caution li{line-height:22px;font-size:15px;color:#1c1c1c;display:flex}
    #specification .standard .caution li + li{margin-top:24px}
    #specification .standard .caution li .ico{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:80px;background:#fff;margin:0 24px 0 0}
    #specification .standard .caution li .ico img{width:40px;height:auto}
    #specification .standard .caution li .con{flex:1;display:flex;flex-direction:column;align-items:flex-start}
    #specification .standard .caution li .con .tit{line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 12px}
    #specification .standard .caution li .con .txt{line-height:22px;font-size:15px;color:#1c1c1c}
    #specification .standard .tabs{margin:0 auto 32px}
    #specification .standard .tabs ul{display:flex;background:#eee;border-radius:40px}
    #specification .standard .tabs li{flex:1;position:relative}
    #specification .standard .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:16px;color:#707070;gap:3px}
    #specification .standard .tabs li a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px}
    #specification .standard .tabs li.on a{color:#222;background:#fff;border:1px solid #999;border-radius:40px}
    #specification .standard .cont{margin:0 auto 80px}
    #specification .standard .maker{margin:56px auto 48px}
    #specification .standard .maker .txt{margin:0 0 48px;text-align:center;line-height:1;font-size:15px;color:#555}
    #specification .standard .maker .con ul{gap:8px;display:flex;flex-wrap:wrap}
    #specification .standard .maker .con li{width:calc(20% - 6.66px)}
    #specification .standard .maker .con li button{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;width:100%;height:104px;border-radius:8px;border:1px solid #ddd;background:#fff}
    #specification .standard .maker .con li button img{width:48px;height:auto;filter:grayscale(1);opacity:.35}
    #specification .standard .maker .con li button p{font-size:15px;color:#707070}
    #specification .standard .maker .con li button.on{border-color:#777;box-shadow:0 0 4px 0 #0003}
    #specification .standard .maker .con li button.on p{font-weight:500;color:#1c1c1c}
    #specification .standard .maker .con li button.on img{height:auto;filter:grayscale(0);opacity:1}
    #specification .standard .list{margin:0 0 40px}
    #specification .standard .head{display:flex;justify-content:space-between;margin:0 auto 40px}
    #specification .standard .head .title{width:100%}
    #specification .standard .head .title .tit{line-height:1;font-size:24px;font-weight:700;color:#1c1c1c}
    #specification .standard .head .title .tab{margin:32px 0 40px}
    #specification .standard .head .title .tab ul{display:flex;flex-wrap:wrap;gap:8px}
    #specification .standard .head .title .tab li a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:96px;height:40px;border-radius:40px;border:1px solid #ddd;font-size:14px;color:#707070}
    #specification .standard .head .title .tab li a.on{color:#333;border-color:#999}
    #specification .standard .head .title .txt{margin:16px 0 0;line-height:1;font-size:13px;color:#707070}
    #specification .standard .head .title .txt.red{color:#EB3F3D}
    #specification .standard .head .carlist ul{display:flex;flex-wrap:wrap;gap:10px 7px}
    #specification .standard .head .carlist li{width:calc(20% - 5.594px)}
    #specification .standard .head .carlist li button{display:flex;align-items:center;justify-content:flex-start;border-radius:8px;border:1px solid #ddd;width:100%;height:64px;padding:12px 16px;background:#fff}
    #specification .standard .head .carlist li button img{margin:0 12px 0 0;width:60px;height:auto}
    #specification .standard .head .carlist li button p{font-size:14px;color:#707070}
    #specification .standard .head .carlist li button.on{border-color:#777}
    #specification .standard .head .carlist li button.on p{font-weight:500;color:#1c1c1c}
    #specification .standard .desc + .desc{margin-top:80px}
    #specification .standard .desc .title{display:flex;align-items:center;margin:0 0 16px}
    #specification .standard .desc .title .name{font-size:20px;font-weight:500;color:#1c1c1c}
    #specification .standard .desc .title .text{margin:0 16px;font-size:14px;color:#0066b3}
    #specification .standard .desc .title .update{font-size:13px;color:#707070;display:flex;align-items:center;height:24px;margin:0 0 0 auto}
    #specification .standard .desc .title .update button{margin:0 0 0 8px;text-indent:-9999em;width:16px;height:16px;background:url(../img/common/icon_update.png) no-repeat 50% 50% / contain}
    #specification .standard .info{margin-top:40px;text-align:right}
    #specification .standard .info p{display:block;line-height:20px;font-size:13px;color:#707070}

    #event{position:relative;padding:40px 0 160px}
    #event.roulette-wrap{margin-top:0}
    #event.roulette-wrap .loca li a{color:#999;opacity:.5}
    #event.roulette-wrap .loca li.on a{color:#EB3F3D;opacity:1}
    #event .tabs{margin:0 auto 48px}
    #event .tabs ul{display:flex}
    #event .tabs li{flex:1;position:relative}
    #event .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:20px;color:#707070;border-bottom:1px solid #ddd}
    #event .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:transparent}
    #event .tabs li.on a{color:#EB3F3D}
    #event .tabs li.on a:after{height:2px;background:#EB3F3D}
    #event .banner{margin:0 0 20px}
    #event .banner a{display:block}
    #event .banner a img{margin:0 auto;width:auto;max-width:100%;height:auto}
    #event .product .sort{margin:0 auto 32px}
    #event .product .sort ul{gap:8px;display:flex;flex-wrap:wrap}
    #event .product .sort li{width:calc(20% - 6.66px);margin:0!important}
    #event .product .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:48px;border-radius:48px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #event .product .sort li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #event .product .list{margin:0 0 40px;overflow:hidden}
    #event .product .list ul{display:flex;flex-wrap:wrap;margin:0 -15px;width:auto}
    #event .product .list li{padding:0 15px 40px;width:25%}
    #event .product .list .box .img{border-radius:16px;overflow:hidden;position:relative;width:100%;aspect-ratio:1.53 / 1;width:252px;height:165px}
    #event .product .list .box .img img{border-radius:12px;display:block;width:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    #event .product .list .con{margin:16px 0 0;display:flex;flex-direction:column}
    #event .product .list .icon{display:flex;flex-wrap:wrap;margin:0 0 10px}
    #event .product .list .icon span{margin:0 4px 4px 0;display:flex;align-items:center;justify-content:center;padding:0 6px;height:24px;border-radius:4px;font-size:12px;font-weight:300}
    #event .product .list .icon span.icon_1{color:#fff;background:#EB3F3D}
    #event .product .list .icon span.icon_2{color:#fff;background:#F90}
    #event .product .list .icon span.icon_3{color:#fff;background:#8600BB}
    #event .product .list .icon span.icon_4{color:#fff;background:#0066B3}
    #event .product .list .name{line-height:25px;font-size:18px;color:#1c1c1c;padding:0 10px 0 0;display:flex;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #event .product .list .name a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #event .product .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #event .product .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #event .product .list .text{line-height:25px;font-size:20px;color:#1c1c1c;padding:0 20px 0 0;display:flex;align-items:center}
    #event .product .list .info{display:flex;align-items:flex-end;margin:24px 0 0}
    #event .product .list .price{display:flex;align-items:flex-start;flex-direction:column}
    #event .product .list .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #event .product .list .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #event .product .list .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #event .product .list .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #event .product .list .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #event .product .list .tool .comment{display:flex;align-items:center}
    #event .product .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #event .product .list .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #event .product .more{display:flex;align-items:center;justify-content:center}
    #event .product .more a{line-height:18px;font-size:14px;color:#555;min-width:224px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:48px}
    #event .detail{margin:64px 0 0}
    #event .detail .head{display:flex;align-items:center;padding:24px;background:#f2f2f2;border-top:1px solid #707070}
    #event .detail .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #event .detail .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #event .detail .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #event .detail .head .tool a{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;text-decoration:underline}
    #event .detail .head .tool a + a{padding:0 0 0 16px;margin:0 0 0 16px}
    #event .detail .head .tool a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #event .detail .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center;justify-content:space-between}
    #event .detail .info > div{display:flex;align-items:center}
    #event .detail .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #event .detail .info p strong{font-weight:500;margin:0 8px 0 0}
    #event .detail .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #event .detail .info p + p:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #event .detail .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #event .detail .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #event .detail .info .ongoing .period{font-size:14px;color:#707070}
    #event .detail .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #event .detail .cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #event .detail .cont p{line-height:32px;font-size:15px}
    #event .detail .branch{padding:60px 0 10px}
    #event .detail .branch .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;text-align:center;margin:0 0 30px}
    #event .detail .branch .con{display:flex;flex-direction:column}
    #event .detail .branch .con strong{line-height:24px;font-size:20px;font-weight:600;color:#1c1c1c;margin:0 0 20px}
    #event .detail .branch .con span{display:flex;flex-wrap:wrap;gap:10px 8px}
    #event .detail .branch .con span button{width:calc(11.11% - 7.09px);height:45px;border-radius:4px;border:1px solid #ddd;background:#fff;font-size:16px}
    #event .detail .branch .con span button.on{color:#eb3f3d;border-color:#eb3f3d}
    #event .detail .search{margin:20px 0}
    #event .detail .search .form{display:flex;align-items:center;border:0}
    #event .detail .search .select{display:flex;width:168px;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #event .detail .search .select select{padding:0 16px;width:100%;border:0;height:40px}
    #event .detail .search .input{flex:1;display:flex;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #event .detail .search .input:last-child{margin:0}
    #event .detail .search .input input{flex:1;height:20px}
    #event .detail .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #event .detail .search .input button img{display:block;width:100%;height:auto}
    #event .detail .table table tr.rep{background:#0066b30f}
    #event .detail .table table tr.cmt{display:none}
    #event .detail .table table tr.cmt.on{display:table-row}
    #event .detail .table table tr.cmt td{padding:0}
    #event .detail .table table tr.cmt .cmtfrm{margin:0;border-radius:0}
    #event .detail .table table th,#event .detail .table table td{padding:12px}
    #event .detail .table table th a,#event .detail .table table td a{display:flex;align-items:center}
    #event .detail .table table td .km{color:#0066B3;margin:0 0 4px;font-size:14px}
    #event .detail .table table td .btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;min-width:72px;height:32px;border-radius:4px;border:1px solid transparent;font-size:14px}
    #event .detail .table table td .flex{display:flex;align-items:flex-start;gap:8px;line-height:24px}
    #event .detail .table table td .badge{display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:24px;height:24px;background:#eb3f3d;color:#fff;font-size:13px;flex-shrink:0}
    #event .detail .table table td .cmt_img{width:60px;height:40px;border-radius:6px;overflow:hidden;max-width:100%;display:flex;margin:0 auto}
    #event .detail .table table td .cmt_img img{width:100%;height:100%;object-fit:cover}
    #event .detail .onestop{padding:60px 0}
    #event .detail .onestop .con li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column}
    #event .detail .onestop .con li + li{border-top:1px solid #ddd}
    #event .detail .onestop .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden;box-shadow:0 0 6px #0000000d}
    #event .detail .onestop .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #event .detail .onestop .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #event .detail .onestop .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #event .detail .onestop .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #event .detail .onestop .con li .cmt_head{margin:0 0 4px;display:flex;align-items:center;gap:10px}
    #event .detail .onestop .con li .cmt_name{line-height:18px;font-size:13px;color:#707070}
    #event .detail .onestop .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #event .detail .onestop .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #event .detail .onestop .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #event .detail .onestop .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #event .detail .onestop .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #event .detail .onestop .con li .cmt_item dt{margin:0 6px 0 0}
    #event .detail .onestop .con li .cmt_date{line-height:18px;font-size:13px;color:#707070}
    #event .detail .onestop .con li.cmt_rep{background:#f4f4f4}
    #event .detail .onestop .con li.cmt_rep .cmt_ico{background:#707070}
    #event .detail .onestop .con li .cmt_top{display:flex;align-items:center}
    #event .detail .onestop .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #event .detail .onestop .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #event .detail .onestop .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #event .detail .onestop .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #event .detail .onestop .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #event .detail .onestop .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #event .detail .onestop .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #event .detail .onestop .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #event .detail .onestop .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #event .detail .onestop .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #event .detail .onestop .tabs{margin:0 auto 32px}
    #event .detail .onestop .bottom{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;margin:0}
    #event .detail .onestop .bottom .total{display:flex}
    #event .detail .onestop .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #event .detail .onestop .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #event .detail .onestop .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #event .detail .onestop .bottom .total dt{font-size:14px;margin:0 4px 0 0}
    #event .detail .onestop .bottom .total dd{font-size:14px;font-weight:500}
    #event .detail .onestop .bottom .total dd span{color:#0066B3}
    #event .detail .onestop .bottom .total dd strong{color:#EB3F3D}
    #event .detail .onestop .bottom .share{position:relative;display:flex;align-items:center}
    #event .detail .onestop .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #event .detail .onestop .bottom .share > a img{height:20px}
    #event .detail .onestop .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #event .detail .onestop .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #event .detail .onestop .bottom .share > ul li a img{width:64px;height:auto}
    #event .detail .onestop .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #event .detail .onestop .bottom .share.on > ul{opacity:1;visibility:visible}
    #event .detail .onestop .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #event .detail .onestop .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #event .detail .onestop .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #event .detail .onestop .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #event .detail .onestop .frm .bot .file label{cursor:pointer}
    #event .detail .onestop .frm .bot .file label input{display:none}
    #event .detail .onestop .frm .bot .file label img{width:auto;height:24px}
    #event .detail .onestop .frm .bot .submit a,#event .detail .onestop .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #event .detail .onestop .frm .img ul{display:flex;gap:16px}
    #event .detail .onestop .frm .img li{position:relative;margin:10px 0 0}
    #event .detail .onestop .frm .img li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #event .detail .onestop .frm .img li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #event .detail .onestop .frm .img li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #event .detail .onestop .frm .img li .del img{display:block;width:100%;height:auto}
    #event .detail .onestop .tool{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
    #event .detail .onestop .tool .ltBox{display:flex;align-items:center;gap:24px}
    #event .detail .onestop .tool .rtBox{display:flex;align-items:center;gap:24px}
    #event .detail .onestop .tool .textBox{font-size:14px;color:#1c1c1c}
    #event .detail .onestop .tool .toggBox .checkbox{display:flex;align-items:center;height:48px;cursor:pointer}
    #event .detail .onestop .tool .toggBox .checkbox input{display:none}
    #event .detail .onestop .tool .toggBox .checkbox input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #event .detail .onestop .tool .toggBox .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #event .detail .onestop .tool .toggBox .checkbox input ~ p span{font-weight:300;color:#707070}
    #event .detail .onestop .tool .toggBox .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #event .detail .onestop .tool .sortBox{position:relative}
    #event .detail .onestop .tool .sortBox .sortBtn{display:flex;align-items:center;justify-content:flex-start;text-align:center;min-width:106px;height:40px;border-radius:8px;border:1px solid #ddd;color:#1c1c1c;background:#fff url(../img/common/dropdown.png) no-repeat right 12px center / 20px auto;padding:0 16px;font-size:13px}
    #event .detail .onestop .tool .sortBox .sortList{position:absolute;top:100%;z-index:5;margin:4px 0;display:flex;flex-direction:column;width:100%;border-radius:8px;border:1px solid #ddd;background:#fff;display:none}
    #event .detail .onestop .tool .sortBox .sortList.on{display:block}
    #event .detail .onestop .tool .sortBox .sortList button{display:flex;padding:0 16px;width:100%;height:40px;align-items:center;justify-content:flex-start;background:transparent;font-size:13px}
    #event .detail .onestop .tool .sortBox .sortList button:hover{background:#fafafa}
    #event .detail .onestop .tool .sortBox .sortList button.on{background:#0066b30f;color:#0066B3}
    #event .detail .button .btn img{height:16px}
    #event .detail .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #event .search{margin:32px 0}
    #event .search .form{display:flex;align-items:center;border:0}
    #event .search .select{display:flex;width:168px;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #event .search .select select{padding:0 16px;width:100%;border:0;height:48px}
    #event .search .input{flex:1;display:flex;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #event .search .input input{flex:1;height:20px}
    #event .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #event .search .input button img{display:block;width:100%;height:auto}
    #event .cate{margin:0 0 32px}
    #event .cate ul{display:flex;flex-wrap:wrap;gap:8px}
    #event .cate li a{display:flex;width:auto;height:40px;padding:6px 16px;border-radius:40px;border:1px solid #ddd;align-items:center;justify-content:center;font-size:16px;color:#707070}
    #event .cate li a.on{color:#EB3F3D;border-color:#EB3F3D}
    #event .table th,#event .table td{padding:20px 4px;word-break:keep-all}
    #event .table td [class^=ico]{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ededed;width:32px;height:32px;text-align:center;font-size:14px}
    #event .table td .ico1{color:#0066B3}
    #event .table td .ico2{color:#06C270}
    #event .table td .ico3{color:#EB3F3D}
    #event .table td a{display:flex}
    #event .table td a em.flag{display:inline-flex;color:#EB3F3D;margin:0 4px 0 0;flex-shrink:0;line-height:22px}
    #event .table td a .anchor{margin:0 4px 0 0;line-height:22px}
    #event .table td a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;height:22px}
    #event .table td.thm img{height:46px;width:70px;object-fit:cover;border-radius:6px;overflow:hidden;border:1px solid #ccc}
    #event .table tr.end a em.flag{color:#707070}
    #event .bottom{position:relative;display:flex;height:40px;align-items:center;margin:24px 0 80px;justify-content:center}
    #event .bottom .button{position:absolute;top:50%;right:0;display:flex;align-items:center;transform:translateY(-50%);margin:0}
    #event .bottom .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px}
    #event .form{border-top:1px solid #ddd}
    #event .form dl{display:flex;border-bottom:1px solid #ddd}
    #event .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #event .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #event .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px}
    #event .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #event .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center}
    #event .form dd .inp.w300{width:300px}
    #event .form dd .inp.w320{width:320px}
    #event .form dd .inp input{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #event .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #event .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;background:#fff;padding:2px 4px}
    #event .form dd .sel{width:314px;max-width:100%}
    #event .form dd .sel select{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px}
    #event .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center}
    #event .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #event .form dd .chk label input{display:none}
    #event .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #event .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #event .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #event .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #event .form dd .textarea{width:100%}
    #event .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #event .form dd .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    #event .form dd .file .fileBtn{display:flex}
    #event .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #event .form dd .file .fileBtn label input{display:none}
    #event .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #event .form dd .file .fileList ul{display:flex;gap:16px}
    #event .form dd .file .fileList li{position:relative;margin:20px 0 0}
    #event .form dd .file .fileList li .img{width:140px;height:88px;border-radius:8px;overflow:hidden}
    #event .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #event .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #event .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #event .branch .table td{padding:20px 4px}
    #event .branch .tool{display:flex;align-items:center;justify-content:space-between;margin:32px 0 24px}
    #event .branch .tool .lt,#event .branch .tool .rt{display:flex;align-items:center}
    #event .branch .tool .cate{margin:0}
    #event .branch .tool .search{margin:0}
    #event .branch .tool .viewBox{width:121px;height:48px;margin-left:10px}
    #event .branch .tool .viewBox select{padding:0 12px;display:flex;width:100%;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:13px;align-items:center}
    #event .cooperate .table td{padding:15px 4px}
    #event .cooperate .tool{display:flex;align-items:center;justify-content:space-between;margin:32px 0 24px}
    #event .cooperate .tool .lt,#event .cooperate .tool .rt{display:flex;align-items:center}
    #event .cooperate .tool .cate{margin:0}
    #event .cooperate .tool .search{margin:0}
    #event .cooperate .tool .viewBox{width:121px;height:48px;margin-left:10px}
    #event .cooperate .tool .viewBox select{padding:0 12px;display:flex;width:100%;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:13px;align-items:center}
    #event .roulette .content{margin:32px 0 80px;padding:284px 0 0;background-image:url(https://gongim.com/images/rulret_bg.jpg)}
    #event .roulette .chart{background:#d0daff;margin:0 0 32px;width:100%;height:1000px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;display:flex;align-items:center;flex-direction:column;position:relative;margin:0 auto 100px}
    #event .roulette .chart canvas{width:820px;height:820px;transition:2s;z-index:1;box-shadow:0 0 10px #0000004d;border-radius:50%}
    #event .roulette .chart button{width:250px;height:250px;font-size:50px;position:absolute;left:50%;top:50%;border:0;font-weight:700;border-radius:50%;transition:.5s;cursor:pointer;transform:translate(-50%,-50%);z-index:1;background:#EB3F3D;color:#fff}
    #event .roulette .chart button:hover{background:#fff;color:#EB3F3D}
    #event .roulette .chart::after{content:"";position:absolute;width:70px;height:70px;border-radius:50% 50% 0;top:-70px;left:50%;transform:translateX(-50%) rotate(45deg);z-index:22}
    #event .roulette .chart::before{content:"";width:115%;height:115%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 2s}
    #event .roulette .method{background:#fff}
    #event .roulette .method dl{display:flex}
    #event .roulette .method dt{display:flex;width:158px;min-height:120px;align-items:center;justify-content:center;text-align:center;background:#f4f4f4;font-size:18px;color:#000;margin:0 30px 0 0}
    #event .roulette .method dd{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:20px;border:1px solid #ddd}
    #event .roulette .method dd li{position:relative;line-height:24px;font-size:14px;color:#333;padding:0 0 0 10px}
    #event .roulette .method dd li:before{content:'';position:absolute;top:11px;left:0;width:5px;height:1px;background:#707070}
    #event .roulette .method dd li span{color:#eb3f3d}
    #event .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #event .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #event .add_title{text-align:center;line-height:1.5;font-size:30px;font-weight:700;color:#333;padding:20px 30px;background:#e7f2fa}
    #event .add_option{padding:0 30px 50px;background:#e7f2fa}
    #event .add_option ul{padding:0 30px;border-radius:5px;border:1px solid #333;background:#fff}
    #event .add_option li{display:flex;align-items:center;border-bottom:1px solid #e5e5e5;padding:20px 0}
    #event .add_option li .img{flex:0 0 auto;width:90px;height:90px;background:#f1f1f1;display:flex;align-items:center;justify-content:center}
    #event .add_option li .img img{object-fit:contain;max-width:100%;height:auto}
    #event .add_option li .con{flex:1 1;padding:0 10px}
    #event .add_option li .con .name{font-size:24px;font-weight:500;color:#333}
    #event .add_option li .con .description{margin-top:6px;font-size:16px;color:#666}
    #event .add_option li .num{flex:0 0 auto;display:flex;align-items:center}
    #event .add_option li .num .label{position:relative;display:flex;align-items:center;justify-content:center;padding:0 8px;height:20px;border-radius:4px;background:#333;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;margin-right:20px}
    #event .add_option li .num .label:after{content:'';position:absolute;left:calc(100% - 3px);bottom:0;width:8px;height:48x;border-left:0 solid transparent;border-bottom:8px solid #333;border-right:7px solid transparent;border-top:0 solid transparent;box-sizing:border-box}
    #event .add_option li .num .label.sale{background:#ff4801}
    #event .add_option li .num .label.sale:after{border-bottom-color:#ff4801}
    #event .add_option li .num .price{font-size:28px;line-height:1}
    #event .add_select{padding:0 30px 50px;background:#e7f2fa}
    #event .add_select .item{margin:0 0 20px;padding:20px;border-radius:5px;border:1px solid #333;background:#fff}
    #event .add_select .item:last-of-type{margin-bottom:0}
    #event .add_select .item .tit{display:flex;align-items:Center;border-bottom:1px solid #ccc;padding-bottom:20px}
    #event .add_select .item .tit .type{padding:0 12px;height:30px;font-size:16px;font-weight:500;color:#fff;background:#333;display:flex;align-items:center;justify-content:center}
    #event .add_select .item .tit .name{flex:1;padding:0 16px;font-size:26px;line-height:1;font-weight:700}
    #event .add_select .item .tit .number{display:flex;align-items:center}
    #event .add_select .item .tit .number .label{position:relative;display:flex;align-items:center;justify-content:center;padding:0 8px;height:20px;border-radius:4px;background:#333;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;margin-right:20px}
    #event .add_select .item .tit .number .label:after{content:'';position:absolute;left:calc(100% - 3px);bottom:0;width:8px;height:48x;border-left:0 solid transparent;border-bottom:8px solid #333;border-right:7px solid transparent;border-top:0 solid transparent;box-sizing:border-box}
    #event .add_select .item .tit .number .label.sale{background:#ff4801}
    #event .add_select .item .tit .number .label.sale:after{border-bottom-color:#ff4801}
    #event .add_select .item .tit .number .price{font-size:28px;line-height:1}
    #event .add_select .item .con li{display:flex;align-items:center;justify-content:flex-start;padding:10px 0;border-bottom:1px solid #e5e5e5}
    #event .add_select .item .con li:last-of-type{border-bottom:0}
    #event .add_select .item .con li .icon{flex:0 0 auto;width:60px;height:50px;background:#f1f1f1;display:flex;align-items:center;justify-content:center}
    #event .add_select .item .con li .icon img{object-fit:contain;max-width:100%;height:auto}
    #event .add_select .item .con li .text{padding:0 10px;line-height:1.1;font-size:20px;font-weight:500;color:#333}
    #event .add_cartype{padding:30px;background:#e7f2fa}
    #event .add_cartype .item{margin:0 0 20px;padding:20px;border-radius:5px;border:1px solid #333;background:#fff;display:flex;align-items:flex-start}
    #event .add_cartype .item .tit{flex:0 0 auto;width:140px;padding:10px 0}
    #event .add_cartype .item .tit .name{font-size:24px;font-weight:600;color:#333}
    #event .add_cartype .item .tit .text{font-size:14px;font-weight:500;color:#666;margin:6px 0 0}
    #event .add_cartype .item .con{flex:1}
    #event .add_cartype .item .con li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5;padding:10px 0}
    #event .add_cartype .item .con li:last-of-type{border-bottom:0}
    #event .add_cartype .item .con li .text{line-height:28px;font-size:20px;font-weight:400;word-break:keep-all}
    #event .add_cartype .item .con li .price{line-height:36px;font-size:24px;font-weight:600;flex:0 0 auto}
    #event .add_cartype .warning p{margin-bottom:5px}
    #event .add_cartype .warning p em{color:#EB3F3D}
    #event .add_onestop{padding:30px;background:#fff;display:flex;flex-direction:column;align-items:center}
    #event .add_onestop .tit{border-top:2px solid #333;border-bottom:2px solid #333;padding:10px 20px;font-size:36px;font-weight:700}
    #event .add_onestop .con{width:100%;padding:50px 0}
    #event .add_onestop .con ul{display:flex;justify-content:center}
    #event .add_onestop .con li{flex:1;display:flex;flex-direction:column;align-items:center}
    #event .add_onestop .con li .icon{width:100px;height:100px;background:#f1f1f1;border-radius:100px;margin-bottom:30px}
    #event .add_onestop .con li .title{line-height:1.5;font-size:24px;font-weight:700;color:#333}
    #event .add_onestop .con li .text{line-height:1.5;font-size:20px;color:#666}
    #event .add_checked{padding:30px;background:#333}
    #event .add_checked .title{background:#666;padding:30px;text-align:center;font-size:50px;font-weight:700;color:#fff;line-height:1}
    #event .add_checked .text{margin:30px 50px}
    #event .add_checked .text p{display:flex;align-items:flex-start;line-height:30px;font-size:20px;color:#fff;margin-bottom:10px}
    #event .add_checked .text p:before{content:'';width:30px;height:30px;flex:0 0 auto;margin-right:10px;background:#666}
    #event .add_checked .extra{margin:30px;border-top:1px solid #555}
    #event .add_checked .extra .tit{border-bottom:1px solid #555;font-size:20px;color:#fff;padding:20px 0}
    #event .add_checked .extra .con{font-size:16px;padding:20px 10px}
    #event .add_checked .extra .con li{margin-bottom:20px}
    #event .add_checked .extra .con li:last-of-type{margin-bottom:0}
    #event .add_checked .extra .con li .extra_name{font-size:20px;color:#4ce4ff}
    #event .add_checked .extra .con li .extra_name.green{color:#87fa8d}
    #event .add_checked .extra .con li .extra_type{font-size:18px}
    #event .add_checked .extra .con li .extra_type dl{padding:10px 0;line-height:1.5}
    #event .add_checked .extra .con li .extra_type dt{color:#fff;margin-bottom:5px;font-weight:500}
    #event .add_checked .extra .con li .extra_type dd{color:#aaa}

    .mainRoullete{width:820px;display:flex;align-items:center;flex-direction:column;position:relative;margin:0 auto 200px}
    .mainRoullete canvas{width:400px;height:400px;transition:2s;z-index:1;box-shadow:0 0 10px #0000004d;border-radius:50%}
    .mainRoullete button{width:160px;height:160px;font-size:32px;position:absolute;left:50%;top:50%;border:0;font-weight:700;border-radius:50%;transition:.5s;cursor:pointer;transform:translate(-50%,-50%);z-index:1}
    .mainRoullete button:hover{background:#fff;color:#febf00}
    .mainRoullete:after{content:"";position:absolute;width:70px;height:70px;border-radius:50% 50% 0;top:-40px;z-index:22}
    .mainRoullete:before{content:"";width:118%;height:118%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 2s;background:url(../img/sub/roul_back.png) no-repeat center / contain}
    .mainRoullete:after{background:url(../img/sub/roul_chim.png) no-repeat center / contain}
    .mainRoullete button{background:#e94c4b;color:#fff}

    .roullFooter{width:80%;margin:100px auto;background:#ffffffb5;border-radius:30px;padding:50px;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1}
    .rewardlist{position:relative;text-align:center;z-index:5;margin-bottom:50px}
    .rewardlist a{font-size:36px}

    .popup{display:none;position:fixed;padding:50px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;text-align:center;background:#fff;font-size:20px;color:#000}

    #popupGift{width:70%;max-width:800px;border-radius:50px}
    #popupGift .present{display:flex;flex-direction:column;align-items:center;text-align:center}
    #popupGift .present img{width:100%;max-width:300px;display:block;margin:0 auto 30px}
    #popupGift p{font-size:45px}
    #popupGift p strong{font-size:58px;font-weight:700;color:#febf00}

    #popupReward{width:100%;max-width:840px;height:90%;border-radius:50px}
    #popupReward .reward_list{height:100%;overflow-y:auto}
    #popupReward .reward_list .title{margin:0 0 20px;font-size:24px;font-weight:700}
    #popupReward .reward_list .info{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:0 10px}
    #popupReward .reward_list .info .tit{font-size:16px}
    #popupReward .reward_list .info .num dl{display:flex;align-items:center;gap:6px}
    #popupReward .reward_list .info .num dt{font-size:13px;color:#606060}
    #popupReward .reward_list .info .num dd strong{color:#EB3F3D}
    #popupReward .reward_list .table td.plus{color:#0066b3}
    #popupReward .reward_list .table td.minus{color:#EB3F3D}

    #modalInfo{height:100%}
    .popup .reward{font-size:35px;color:#666;margin:30px 0 0}
    .popup .close{display:inline-block;padding:20px 60px;line-height:50px;font-size:35px;color:#fff;background:#555;margin:50px 0 0;text-decoration:none;border-radius:30px}
    #popupBackground{display:none;width:100%;height:100%;overflow-y:auto;position:fixed;top:0;right:0;z-index:1012;background:#ffffff1f;backdrop-filter:blur(29px);-webkit-backdrop-filter:blur(29px)}

    #rewardList ul{margin:30px;padding:0}
    #rewardList ul li{position:relative;display:flex;flex-direction:column;justify-content:space-around;margin:20px 0;box-shadow:3px 1px 13px 0 #0000001f;border-radius:25px;font-size:26px;overflow:hidden}
    #rewardList .item_name{padding:20px 20px 5px;height:40px;line-height:40px;text-align:left;font-size:27px}
    #rewardList .item_addr{padding:5px 20px;height:40px;line-height:40px;text-align:left}
    #rewardList .item_hp{padding:5px 20px;height:40px;line-height:40px;text-align:left}
    #rewardList .addrform{width:100%;padding:15px 0;font-size:20px;color:#fff;background:#555;text-decoration:none}
    #rewardList .item_payment{padding:5px 20px 20px;height:40px;line-height:40px;text-align:left}
    #rewardList .item_date{padding:5px 20px;height:40px;line-height:40px;text-align:left}

    #product{position:relative;padding:20px 0}
    #product .product .search{margin:32px 0}
    #product .product .search .form{display:flex;align-items:center;border:0}
    #product .product .search .select{display:flex;width:168px;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #product .product .search .select select{padding:0 16px;width:100%;border:0;height:40px}
    #product .product .search .input{display:flex;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #product .product .search .input input{flex:1;height:20px}
    #product .product .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #product .product .search .input button img{display:block;width:100%;height:auto}
    #product .product .tool{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
    #product .product .tool .lt,#product .product .tool .rt{display:flex;align-items:center}
    #product .product .tool .toggBox .checkbox{display:flex;align-items:center;height:48px;cursor:pointer}
    #product .product .tool .toggBox .checkbox input{display:none}
    #product .product .tool .toggBox .checkbox input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #product .product .tool .toggBox .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #product .product .tool .toggBox .checkbox input ~ p span{font-weight:300;color:#707070}
    #product .product .tool .toggBox .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #product .product .tool .viewBox{width:121px;height:48px;margin-left:10px}
    #product .product .tool .viewBox select{padding:0 12px;display:flex;width:100%;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;font-size:13px;align-items:center}
    #product .product .tool .sortBox{display:flex;flex-wrap:wrap;gap:8px}
    #product .product .tool .sortBox button{display:flex;align-items:center;justify-content:center;text-align:center;min-width:110px;height:40px;border-radius:40px;border:1px solid #ddd;font-size:16px;color:#707070;background:#fff}
    #product .product .tool .sortBox button.on{color:#eb3f3d;border-color:#eb3f3d}
    #product .product .table table th,#product .product .table table td{padding:14px 2px}
    #product .product .table table th a,#product .product .table table td a{display:flex;align-items:center}
    #product .product .table table td.subject a:visited{color:#999!important}
    #product .product .table table th i,#product .product .table table td i{width:18px;height:18px;display:inline-flex;vertical-align:top;margin:0 0 0 4px}
    #product .product .table table td img{overflow:hidden;max-width:100%;display:flex}
    #product .product .table table td p{display:flex;width:100%;line-height:24px}
    #product .product .table table td .tit{max-width:calc(100% - 50px);display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #product .product .table table td .cmt{color:#eb3f3d;display:inline-flex;vertical-align:top;align-items:center;justify-content:center;margin-top:-1.8px;margin-left:8px}
    #product .product .table table td .c_red{color:#e60012!important;font-size:15px;margin-left:5px;height:16px;line-height:16px;display:inline-block;vertical-align:middle}
    #product .product .table table td.nick{min-width:120px}
    #product .product .table table td .imgC{width:60px;height:40px;border-radius:6px;overflow:hidden;margin:0 auto}
    #product .product .table table td .imgC img{width:100%;height:100%;object-fit:cover}
    #product .product .table table td .star{display:flex;align-items:Center;gap:4px}
    #product .product .table table td .star img{height:20px;width:auto;object-fit:contain}
    #product .product .table table td .star em{font-size:15px}
    #product .product .table table td .star{position:relative;display:flex;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #product .product .table table td .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%;margin:0}
    #product .product .table .label{display:flex;gap:4px;margin-right:8px}
    #product .product .table .label span{border:1px solid #ededed;padding:5px;border-radius:4px;font-size:14px;line-height:14px}
    #product .product .table .label .ico1{color:#0066b3}
    #product .product .table .label .ico2{color:#06c270}
    #product .product .table .label .ico3{color:#eb3f3d}
    #product .product .bottom{position:relative;display:flex;height:40px;align-items:center;margin:24px 0 80px;justify-content:center}
    #product .product .bottom .button{position:absolute;top:50%;right:0;display:flex;align-items:center;transform:translateY(-50%);margin:0!important;padding:0!important}
    #product .product .bottom .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px}
    #product .banner{margin:20px auto}
    #product .banner a{display:block}
    #product .banner img{display:block;width:100%;height:auto}
    #product .form{border-top:1px solid #ddd}
    #product .form dl{display:flex;border-bottom:1px solid #ddd}
    #product .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #product .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px}
    #product .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #product .form dd .inp{width:100%}
    #product .form dd .inp input{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #product .form dd .inp input.datepicker{background:url(../img/common/ico_caren.svg) no-repeat right 16px center / 22px auto;cursor:pointer}
    #product .form dd .inp.capt_input{display:flex;align-items:center}
    #product .form dd .inp.capt_input .cap_inp{border:0;border-radius:0;border-bottom:1px solid #eee}
    #product .form dd .inp #capt_img{border-radius:4px;margin:0 10px 0 0;flex:0 0 auto}
    #product .form dd .inp .capt_reset{margin:0 10px 0 0;width:48px;height:48px;border-radius:4px;border:1px solid #eee;background:#fff url(../img/capt_reset.png) no-repeat 50% 50% / 24px auto;text-indent:-9999em;overflow:hidden;flex:0 0 auto}
    #product .form dd .sel{width:152px;max-width:100%;margin:0 8px 0 0}
    #product .form dd .sel select{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #product .form dd .sel.storename{width:auto;min-width:152px}
    #product .form dd .sel.storename select{padding-right:40px}
    #product .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center}
    #product .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #product .form dd .chk label input{display:none}
    #product .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #product .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #product .form dd .chk label input ~ img{height:18px;margin:0 4px 0 -4px}
    #product .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #product .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #product .form dd .chk.star{margin:0}
    #product .form dd .repair{display:flex;flex-wrap:Wrap;gap:32px 12px;padding:16px 0}
    #product .form dd .repair label{display:flex;align-items:center;height:24px;cursor:pointer;width:calc(25% - 9px)}
    #product .form dd .repair label input{display:none}
    #product .form dd .repair label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #product .form dd .repair label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #product .form dd .repair label input ~ p span{font-weight:300;color:#707070}
    #product .form dd .repair label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #product .form dd .textarea{width:100%}
    #product .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #product .form dd .file .fileBtn{display:flex}
    #product .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #product .form dd .file .fileBtn label input{display:none}
    #product .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #product .form dd .file .fileList ul{display:flex;gap:0 16px;flex-wrap:wrap}
    #product .form dd .file .fileList li{position:relative;margin:20px 0 0}
    #product .form dd .file .fileList li .img{width:140px;height:88px;border-radius:8px;overflow:hidden}
    #product .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #product .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #product .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #product .detail{margin:64px 0 0}
    #product .detail .head{display:flex;align-items:center;padding:18px 24px;background:#f4f4f4;border-top:1px solid #ccc;min-height:60px}
    #product .detail .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #product .detail .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #product .detail .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 10px;position:relative;gap:0;z-index:10}
    #product .detail .head .tool button{display:none!important}
    #product .detail .head .tool ul{position:relative;display:flex;align-items:center;justify-content:center}
    #product .detail .head .tool li{position:relative}
    #product .detail .head .tool li a{font-size:14px;color:#707070;text-decoration:underline;display:block;gap:4px;display:flex;align-items:center;justify-content:center}
    #product .detail .head .tool li a img{height:16px;width:auto}
    #product .detail .head .tool li + li{padding:0 0 0 16px;margin:0 0 0 16px}
    #product .detail .head .tool li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #product .detail .info{border-bottom:1px solid #ddd;display:flex;height:55px;padding:18px;align-items:center;justify-content:space-between}
    #product .detail .info > div{display:flex;align-items:center;gap:20px}
    #product .detail .info dl{position:relative;display:flex;gap:8px;line-height:16px;font-size:14px;color:#707070}
    #product .detail .info dl + dl:before{content:'';position:absolute;top:50%;left:-10px;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #product .detail .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #product .detail .info p strong{font-weight:500;margin:0 8px 0 0}
    #product .detail .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #product .detail .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #product .detail .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #product .detail .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #product .detail .info .ongoing .period{font-size:14px;color:#707070}
    #product .detail .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #product .detail .cont img{display:flex;width:auto;max-width:100%;height:auto}
    #product .detail .cont p{line-height:32px;font-size:15px}
    #product .detail .cont i{font-style:italic}
    #product .detail .cont ul,#product .detail .cont ol{padding:0 20px}
    #product .detail .cont li{list-style-type:inherit}
    #product .detail .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #product .detail .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #product .detail .button .btn img{height:16px}
    #product .detail .counter{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd}
    #product .detail .counter .total{display:flex}
    #product .detail .counter .total dl{position:relative;display:flex;align-items:center;height:52px}
    #product .detail .counter .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #product .detail .counter .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #product .detail .counter .total dt{font-size:14px;margin:0 4px 0 0}
    #product .detail .counter .total dd{font-size:14px;font-weight:500}
    #product .detail .counter .total dd span{color:#0066B3}
    #product .detail .counter .total dd strong{color:#EB3F3D}
    #product .detail .counter .share{position:relative;display:flex;align-items:center}
    #product .detail .counter .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #product .detail .counter .share > a img{height:20px}
    #product .detail .counter .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #product .detail .counter .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #product .detail .counter .share > ul li a img{width:64px;height:auto}
    #product .detail .counter .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #product .detail .counter .share.on > ul{opacity:1;visibility:visible}
    #product .detail .comment .type{padding:80px 0 0;margin:0 0 32px}
    #product .detail .comment .type ul{display:flex}
    #product .detail .comment .type li{flex:1}
    #product .detail .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #product .detail .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #product .detail .comment .con li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column}
    #product .detail .comment .con li + li{border-top:1px solid #ededed}
    #product .detail .comment .con li .cmt_top{display:flex;align-items:center}
    #product .detail .comment .con li .cmt_ico{width:40px;height:40px;border-radius:40px;margin:0 12px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #product .detail .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #product .detail .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #product .detail .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #product .detail .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #product .detail .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #product .detail .comment .con li .cmt_name{min-width:86px;line-height:18px;font-size:13px;color:#707070}
    #product .detail .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #product .detail .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #product .detail .comment .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #product .detail .comment .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #product .detail .comment .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #product .detail .comment .con li .cmt_item dt{margin:0 6px 0 0}
    #product .detail .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #product .detail .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #product .detail .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #product .detail .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #product .detail .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #product .detail .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #product .detail .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #product .detail .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #product .detail .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #product .detail .comment .con li .cmt_comment{background:#F4F4F4;border-radius:8px;margin:16px 0 0;padding:20px;display:flex;flex-direction:column;gap:12px}
    #product .detail .comment .con li .cmt_comment .cmt_comment_name{line-height:18px;font-size:13px;font-weight:500;color:#707070}
    #product .detail .comment .con li .cmt_comment .cmt_comment_text{line-height:20px;font-size:14px;color:#1c1c1c}
    #product .detail .comment .con li.cmt_rep{background:#f4f4f4}
    #product .detail .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #product .detail .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #product .detail .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #product .detail .comment .frm .box .caution{display:none}
    #product .detail .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #product .detail .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #product .detail .comment .frm .bot .file label{cursor:pointer}
    #product .detail .comment .frm .bot .file label input{display:none}
    #product .detail .comment .frm .bot .file label img{width:auto;height:24px}
    #product .detail .comment .frm .fileList ul{display:flex;gap:16px}
    #product .detail .comment .frm .fileList li{position:relative;margin:20px 0 0}
    #product .detail .comment .frm .fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #product .detail .comment .frm .fileList li .img img{display:block;width:100%!important;height:100%!important;object-fit:cover}
    #product .detail .comment .frm .fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #product .detail .comment .frm .fileList li .del img{display:block;width:100%;height:auto}
    #product .detail .comment .frm .bot .submit a,#product .detail .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #product .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #product .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #product .area .sort{margin:32px auto 64px}
    #product .area .sort ul{gap:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
    #product .area .sort li{width:calc(33.33% - 6.66px)}
    #product .area .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:56px;border-radius:56px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #product .area .sort li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #product .search{margin:0 auto 65px}
    #product .search .form{display:flex;border:0}
    #product .search .form .map{flex-shrink:0;width:347px;margin:0 30px 0 0;border-radius:8px;overflow:hidden}
    #product .search .form .map img{width:100%;height:100%;object-fit:cover}
    #product .search .form .con{flex:1;border-radius:8px;border:1px solid #ededed;padding:32px}
    #product .search .form .con .frm{display:flex;gap:10px;margin:0 0 24px}
    #product .search .form .con .sel{display:flex;border-radius:8px;border:1px solid #ddd;width:152px}
    #product .search .form .con .sel select{border:0;padding:12px 16px;width:100%;height:48px;background-color:transparent;font-size:14px;color:#1c1c1c}
    #product .search .form .con .inp{display:flex;border-radius:8px;border:1px solid #ddd;flex:1}
    #product .search .form .con .inp input[type="text"]{width:100%;height:48px;padding:12px 16px;background-color:transparent;font-size:14px;color:#1c1c1c}
    #product .search .form .con .inp button[type="submit"]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent}
    #product .search .form .con .inp button[type="submit"] img{width:20px;height:auto}
    #product .search .form .con .area .tit{margin:0 0 16px;line-height:22px;font-size:15px;color:#1c1cc}
    #product .search .form .con .area .lst ul{display:flex;flex-wrap:wrap;gap:8px}
    #product .search .form .con .area .lst li{width:calc(16.66% - 6.66px)}
    #product .search .form .con .area .lst li button{width:100%;height:36px;border-radius:8px;border:1px solid #ddd;background:#fff;font-size:14px}
    #product .search .form .con .area .lst li button.on{background:#1c1c1c;color:#fff;border-color:#1c1c1c}
    #product .area .list ul{display:flex;flex-wrap:wrap;margin:0 -16px}
    #product .area .list li{width:25%;padding:0 16px 48px}
    #product .area .list li .upper{display:flex;margin:0 0 14px}
    #product .area .list li .upper .name{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #product .area .list li .upper .distance{line-height:22px;font-size:16px;font-weight:500;color:#0066B3;margin-left:6px}
    #product .area .list li .upper .del{margin:0 0 0 auto}
    #product .area .list li .upper .del a{display:block;width:24px;height:24px;text-indent:-9999em;background:url(../img/common/close.png) no-repeat 50% 50% / contain}
    #product .area .list li .image{border-radius:16px;background:#d9d9d9;overflow:hidden;margin:0 0 12px}
    #product .area .list li .image img{display:block;width:100%;height:auto;object-fit:cover}
    #product .area .list li .info{padding:2px 16px;display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f4f4}
    #product .area .list li .info .desc{position:relative;width:100%;padding:12px 0}
    #product .area .list li .info .desc.w50p{width:calc(50% - 4px)}
    #product .area .list li .info .desc.w50p + .desc.w50p{margin-left:8px;padding-left:8px}
    #product .area .list li .info .desc.w50p + .desc.w50p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #product .area .list li .info .desc.w100p{width:100%;border-top:1px solid #e0e0e0}
    #product .area .list li .info dl{display:flex;align-items:center;justify-content:space-between;line-height:18px;font-size:13px}
    #product .area .list li .info dt{display:flex;align-items:center;color:#555}
    #product .area .list li .info dt img{width:16px;height:auto;margin:0 4px 0 0}
    #product .area .list li .info dd{line-height:18px;font-size:14px;font-weight:500;color:#1c1c1c}
    #product .area .list li .info dd a{display:block;color:#0066B3}
    #product .area .list li .text{padding:18px 0}
    #product .area .list li .text span{display:flex;line-height:16px;align-items:flex-start}
    #product .area .list li .text span + span{margin-top:10px}
    #product .area .list li .text span img{height:16px;width:auto;margin:0 4px 0 0;flex-shrink:0}
    #product .area .list li .text span p{line-height:16px;font-size:14px;color:#555}
    #product .area .list li .button{display:flex;flex-direction:column;margin:0}
    #product .area .list li .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border-radius:44px;border:1px solid transparent;font-size:14px;color:#1c1c1c}
    #product .area .list li .button .btn + .btn{margin-top:4px}
    #product .area .list li .button .btn:hover{color:#EB3F3D!important;border-color:#EB3F3D!important}
    #product .review .company{margin:0 0 40px;padding:38px 48px;border-radius:12px;box-shadow:0 0 10px 0 #0000001A;display:flex}
    #product .review .company .img{width:246px;height:160px;border-radius:16px;background:#d9d9d9;overflow:hidden;margin:0 32px 0 0;flex-shrink:0}
    #product .review .company .img img{width:100%;height:100%;object-fit:cover}
    #product .review .company .con{flex:1;flex-direction:column;display:flex;justify-content:center}
    #product .review .company .con .name{line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 24px}
    #product .review .company .con .info{flex-direction:column;display:flex;gap:12px}
    #product .review .company .con .info dl{display:flex;gap:24px;line-height:20px;font-size:14px}
    #product .review .company .con .info dt{display:flex;align-items:center;gap:4px;min-width:72px;font-weight:500}
    #product .review .company .con .info dt img{height:16px}
    #product .review .company .con .info dd{color:#555}
    #product .review .company .act{flex-shrink:0;display:flex;align-items:center;justify-content:center}
    #product .review .company .act .btn{display:flex;align-items:center;justify-content:center;min-width:192px;height:44px;padding:12px 16px;border-radius:44px;border:1px solid transparent}
    #product .review .form{border:0}
    #product .review .form .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 24px;text-align:center}
    #product .review .form .tab{margin:0 0 64px}
    #product .review .form .tab li{flex:1}
    #product .review .form .tab li a{height:56px;font-size:16px}
    #product .review .form .tab li.on a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#EB3F3D}
    #product .review .form .txt{margin:64px 0 48px;text-align:center;line-height:1;font-size:14px;color:#1c1c1c}
    #product .review .form .con .view{display:block}
    #product .review .form .con .write{display:none}
    #product .review .form .con .view.on{display:none}
    #product .review .form .con .write.on{display:block}
    #product .review .form .con ul{display:flex;flex-wrap:wrap;gap:16px 20px}
    #product .review .form .con li{flex:unset;width:calc(50% - 16.66px)}
    #product .review .form .con li .box{display:flex;align-items:center;border-radius:8px;overflow:hidden;border:1px solid #ddd;padding:20px;height:64px}
    #product .review .form .con li .box img{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0}
    #product .review .form .con li .box p{flex:1;line-height:20px;font-size:14px;color:#1c1c1c}
    #product .review .form .con li .box em{width:24px;line-height:20px;font-size:14px;color:#eb3f3d;text-align:center;margin-left:10px}
    #product .review .form .con li .box input{display:none}
    #product .review .form .con li .box i{display:none;width:24px;height:24px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain;cursor:pointer;margin:0 0 0 10px}
    #product .review .form .con li .box input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #product .review .form .con .tool ul{position:relative;display:flex;align-items:center;justify-content:center;gap:0}
    #product .review .form .con .tool li{position:relative;width:auto}
    #product .review .form .con .tool li + li{padding:0 0 0 16px;margin:0 0 0 16px}
    #product .review .form .con .tool li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #product .review .form .con .tool li a{font-size:14px;color:#707070;text-decoration:underline;display:block;gap:4px;display:flex;align-items:center;justify-content:center}
    #product .review .form .con .tool li a img{height:16px;width:auto}
    #product .review .basic .search{margin:24px 0}
    #product .review .basic .search .form{display:flex;align-items:center;justify-content:flex-end}
    #product .review .basic .search .select{display:flex;width:120px;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #product .review .basic .search .select select{padding:0 16px;width:100%;border:0;height:48px}
    #product .review .basic .search .input{display:flex;margin:0 10px 0 0;width:252px;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #product .review .basic .search .input input{flex:1;height:20px}
    #product .review .basic .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #product .review .basic .search .input button img{display:block;width:100%;height:auto}
    #product .review .basic .table th,#product .review .basic .table td{padding:20px 4px;text-align:center}
    #product .review .basic .table td .empty{padding:100px 0;text-align:center}
    #product .review .basic .table td [class^=ico]{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ededed;width:32px;height:32px;text-align:center;font-size:14px}
    #product .review .basic .table td .ico1{color:#0066B3}
    #product .review .basic .table td .ico2{color:#06C270}
    #product .review .basic .table td .ico3{color:#EB3F3D}
    #product .review .basic .table td a{display:flex;align-items:center}
    #product .review .basic .table td a em.flag{display:inline-flex;color:#EB3F3D;margin:0 4px 0 0;flex-shrink:0;line-height:22px}
    #product .review .basic .table td a .anchor{margin:0 4px 0 0;line-height:22px}
    #product .review .basic .table td a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;height:22px}
    #product .review .basic .table td.thm img{height:40px;width:60px;object-fit:contain}
    #product .review .basic .table tr.end a em.flag{color:#707070}
    #product .review .basic .button{display:flex;align-items:center;justify-content:Flex-end;margin:-68px 0 0}
    #product .review .basic .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px;font-size:14px}
    #product .review .write{margin:64px 0 0;display:none}
    #product .review .write .form{border-top:1px solid #ddd}
    #product .review .write .form dl{display:flex;border-bottom:1px solid #ddd}
    #product .review .write .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #product .review .write .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px}
    #product .review .write .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c;margin:0;padding:0}
    #product .review .write .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center}
    #product .review .write .form dd .inp.w300{width:300px}
    #product .review .write .form dd .inp.w320{width:320px}
    #product .review .write .form dd .inp input{padding:16px;width:100%;max-width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #product .review .write .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #product .review .write .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center}
    #product .review .write .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #product .review .write .form dd .chk label input{display:none}
    #product .review .write .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #product .review .write .form dd .chk label input ~ img{height:18px;margin:0 4px 0 -4px}
    #product .review .write .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c;white-space:nowrap}
    #product .review .write .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #product .review .write .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #product .review .write .form dd .chk.star{margin:0}
    #product .review .write .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;background:#fff;padding:2px 4px}
    #product .review .write .form dd .textarea{width:100%}
    #product .review .write .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #product .review .write .form dd .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    #product .review .write .form dd .file .fileBtn{display:flex}
    #product .review .write .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #product .review .write .form dd .file .fileBtn label input{display:none}
    #product .review .write .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #product .review .write .form dd .file .fileList ul{display:flex;gap:16px}
    #product .review .write .form dd .file .fileList li{position:relative;margin:20px 0 0}
    #product .review .write .form dd .file .fileList li .img{width:140px;height:88px;border-radius:8px;overflow:hidden}
    #product .review .write .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #product .review .write .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #product .review .write .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #product .review .write .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:0}
    #product .review .write .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #product .review .write .button .btn + .btn{margin:0 0 0 30px}
    #product .review .view{margin:64px 0 0;display:none}
    #product .review .view .head{display:flex;align-items:center;justify-content:space-between;padding:24px;background:#f2f2f2;border-top:1px solid #707070}
    #product .review .view .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #product .review .view .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #product .review .view .head .star{position:relative;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #product .review .view .head .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #product .review .view .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #product .review .view .head .tool a{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;text-decoration:underline}
    #product .review .view .head .tool a + a{padding:0 0 0 16px;margin:0 0 0 16px}
    #product .review .view .head .tool a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #product .review .view .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center}
    #product .review .view .info.useStar{justify-content:space-between}
    #product .review .view .info.useStar .infoLeft{display:flex}
    #product .review .view .info.useStar .star{position:relative;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #product .review .view .info.useStar .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #product .review .view .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #product .review .view .info p strong{font-weight:500;margin:0 8px 0 0}
    #product .review .view .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #product .review .view .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #product .review .view .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #product .review .view .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #product .review .view .info .ongoing .period{font-size:14px;color:#707070}
    #product .review .view .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #product .review .view .cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #product .review .view .cont p{line-height:32px;font-size:15px}
    #product .review .view .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #product .review .view .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #product .review .view .button .btn img{height:16px}
    #product .review .view .bottom{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;padding:0;margin:0;margin:0;padding:0;flex-direction:column;height:auto;align-items:stretch}
    #product .review .view .bottom .counter{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;padding:0;margin:0}
    #product .review .view .bottom .total{display:flex}
    #product .review .view .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #product .review .view .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #product .review .view .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #product .review .view .bottom .total dt{font-size:14px;margin:0 4px 0 0;display:block;width:auto;height:auto;min-height:auto;text-align:unset;color:unset;background:unset;flex-shrink:unset}
    #product .review .view .bottom .total dd{font-size:14px;font-weight:500;display:block;min-height:auto;padding:initial}
    #product .review .view .bottom .total dd span{color:#0066B3}
    #product .review .view .bottom .total dd strong{color:#EB3F3D}
    #product .review .view .bottom .share{position:relative;display:flex;align-items:center}
    #product .review .view .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #product .review .view .bottom .share > a img{height:20px}
    #product .review .view .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #product .review .view .bottom .share > ul li{width:auto}
    #product .review .view .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #product .review .view .bottom .share > ul li a img{width:64px;height:auto}
    #product .review .view .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #product .review .view .bottom .share.on > ul{opacity:1;visibility:visible}
    #product .review .view .comment .caution{display:none}
    #product .review .view .comment .type{padding:80px 0 0;margin:0 0 32px}
    #product .review .view .comment .type ul{display:flex}
    #product .review .view .comment .type li{flex:1}
    #product .review .view .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #product .review .view .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #product .review .view .comment .con ul{gap:0}
    #product .review .view .comment .con li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column;width:100%}
    #product .review .view .comment .con li + li{border-top:1px solid #ddd}
    #product .review .view .comment .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #product .review .view .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #product .review .view .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #product .review .view .comment .con li .cmt_name{margin:0 0 4px;line-height:18px;font-size:13px;color:#707070}
    #product .review .view .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c;white-space:pre-line}
    #product .review .view .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070}
    #product .review .view .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #product .review .view .comment .con li .cmt_top{display:flex;align-items:center}
    #product .review .view .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #product .review .view .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #product .review .view .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #product .review .view .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #product .review .view .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #product .review .view .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #product .review .view .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #product .review .view .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #product .review .view .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #product .review .view .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #product .review .view .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #product .review .view .comment .frm .fileList{display:flex;gap:0 10px}
    #product .review .view .comment .frm .fileList li{position:relative;margin:10px 0 0;width:auto}
    #product .review .view .comment .frm .fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #product .review .view .comment .frm .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #product .review .view .comment .frm .fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #product .review .view .comment .frm .fileList li .del img{display:block;width:100%;height:auto}
    #product .review .view .comment .con li.cmt_rep{background:#f4f4f4}
    #product .review .view .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #product .review .view .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #product .review .view .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#fff;display:block;height:auto}
    #product .review .view .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #product .review .view .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #product .review .view .comment .frm .bot .file label{cursor:pointer}
    #product .review .view .comment .frm .bot .file label input{display:none}
    #product .review .view .comment .frm .bot .file label img{width:auto;height:24px}
    #product .review .view .comment .frm .bot .submit a,#product .review .view .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #product .review .button .reviewBtn{display:flex}
    #product .review .button .reviewSubmitBtn{display:none}
    #product .review.edit .con li .box{cursor:pointer}
    #product .review.edit .con li .box em{display:none}
    #product .review.edit .con li .box i{display:block}
    #product .review.edit .button .reviewBtn{display:none}
    #product .review.edit .button .reviewSubmitBtn{display:flex}
    #product .around .tabs{margin:0 auto 32px}
    #product .around .tabs ul{display:flex}
    #product .around .tabs li{flex:1;position:relative}
    #product .around .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:16px;color:#707070}
    #product .around .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ddd}
    #product .around .tabs li.on a{color:#EB3F3D}
    #product .around .tabs li.on a:after{height:2px;background:#EB3F3D}
    #product .around .content{margin:64px 0 0}
    #product .around .sort{margin:32px auto 64px}
    #product .around .sort ul{gap:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
    #product .around .sort li{width:calc(33.33% - 6.66px)}
    #product .around .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:56px;border-radius:56px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #product .around .sort li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #product .around .zido{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ccc}
    #product .around .zido > img,#product .around .zido > iframe{width:100%;height:auto;object-fit:contain}
    #product .around .zido .zidoBtn{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding:0 24px;height:48px;border-radius:48px;box-shadow:0 0 4px #0006}
    #product .around .zido .zidoBtn i{width:20px;height:20px;background:url(../img/common/return.png) no-repeat 50% 50% / contain;margin:0 4px 0 0}
    #product .around .option{margin:20px 0}
    #product .around .option ul{display:flex;flex-wrap:wrap}
    #product .around .option li{margin:0 20px 0 0}
    #product .around .option .checkbox{display:flex;align-items:center;cursor:pointer}
    #product .around .option .checkbox input{display:none}
    #product .around .option .checkbox input ~ i{margin:0 6px 0 0;width:24px;height:24px;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #product .around .option .checkbox input ~ p{font-size:15px;color:#1c1c1c}
    #product .around .option .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #product .around .calendar{margin:120px auto 30px}
    #product .around .calendar .head{position:relative;margin:0 0 20px}
    #product .around .calendar .head .month{display:flex;align-items:center;justify-content:center;text-align:center}
    #product .around .calendar .head .month .prev{margin:0 24px 0 0;width:40px;height:40px;background:url(../img/common/arrow_calendar_prev.png) no-repeat 50% 50% / contain}
    #product .around .calendar .head .month .next{margin:0 0 0 24px;width:40px;height:40px;background:url(../img/common/arrow_calendar_next.png) no-repeat 50% 50% / contain}
    #product .around .calendar .head .month .current{line-height:40px;font-size:24px;font-weight:700;color:#1c1c1c;background:transparent}
    #product .around .calendar .head .unit{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:15px;color:#707070}
    #product .around .calendar .head .unit span{color:#eb3f3d}
    #product .around .calendar .list{overflow:hidden}
    #product .around .calendar .list .week{display:flex;background:#f4f4f4;border-top:1px solid #ddd}
    #product .around .calendar .list .week .day{flex:1;display:flex;height:56px;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:500}
    #product .around .calendar .list .month{background:#fff}
    #product .around .calendar .list .month .row{display:flex;border-bottom:1px solid #ddd}
    #product .around .calendar .list .month .day{flex:1;display:flex;align-items:center;justify-content:flex-start;height:64px;padding:8px 16px;font-size:14px;font-weight:500;color:#000;cursor:pointer}
    #product .around .calendar .list .month .day.disabled{color:#cfcfcf;pointer-events:none;font-weight:300}
    #product .around .calendar .list .month .day.sun{background:#eb3f3d0f}
    #product .around .calendar .list .month .day.today{background:#0066b314}
    #product .around .calendar .list .month .day .text{margin:0 10px;font-size:14px;font-weight:400;color:#707070}
    #product .around .calendar .list .month .day .unit{margin:0 0 0 auto;display:flex;height:30px;align-items:center;justify-content:center;padding:4px 10px;border-radius:4px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#707070;background:#fff}
    #product .around .calendar .list .month .day .unit span{color:#EB3F3D;margin:0 4px 0 0}
    #product .around .calendar .list .day + .day{border-left:1px solid #ddd}
    #product .around .calendar .list .day.sun .num{color:#EB3F3D}
    #product .around .calendar .list .day.sat .num{color:#0066B3}
    #product .around .timer{position:relative;margin:80px 0 90px}
    #product .around .timer .title{line-height:1;font-size:22px;font-weight:500;color:#1c1c1c;text-align:center;margin:0 0 32px}
    #product .around .timer .list{padding:0 20px}
    #product .around .timer .list > ul > li{margin:0 0 24px;padding:30px;background:#FFF;box-shadow:0 0 4px #0000001f;border-radius:16px}
    #product .around .timer .list > ul > li + li{border-top:1px solid #ddd}
    #product .around .timer .list > ul > li .area{display:flex}
    #product .around .timer .list > ul > li .icon{width:110px;height:110px;border-radius:110px;overflow:hidden;flex-shrink:0}
    #product .around .timer .list > ul > li .icon img{display:block;width:100%;height:100%;object-fit:cover}
    #product .around .timer .list > ul > li .cont{flex:1;padding:0 0 0 15px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
    #product .around .timer .list > ul > li .head{display:flex;align-items:center}
    #product .around .timer .list > ul > li .head .name{line-height:24px;font-size:20px;font-weight:700;color:#1c1c1c;white-space:nowrap;text-overflow:ellipsis}
    #product .around .timer .list > ul > li .head .del{margin:0 0 0 8px;flex-shrink:0;display:none}
    #product .around .timer .list > ul > li .head .del a{display:block;width:24px;height:24px;background:url(../img/common/close.png) no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden}
    #product .around .timer .list > ul > li .loca{margin:15px 0 0;line-height:20px;font-size:15px;color:#707070}
    #product .around .timer .list > ul > li .info{margin:10px 0 0;display:flex;align-items:center;flex-wrap:wrap}
    #product .around .timer .list > ul > li .info p{line-height:1;font-size:14px;color:#555;position:relative}
    #product .around .timer .list > ul > li .info p + p{margin:0 0 0 8px;padding:0 0 0 8px}
    #product .around .timer .list > ul > li .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #product .around .timer .list > ul > li .booking{flex-shrink:0;margin-left:10px;display:flex;align-items:flex-start;justify-content:center}
    #product .around .timer .list > ul > li .booking .btn{display:flex;align-items:center;justify-content:center;height:40px;min-width:88px;border-radius:40px;border:1px solid transparent;font-size:15px;font-weight:400;padding:0 16px;white-space:nowrap}
    #product .around .timer .list > ul > li .booking .btn:hover{background:#fafafa!important}
    #product .around .timer .list > ul > li .time{margin:24px 0 0}
    #product .around .timer .list > ul > li .time ul{display:flex;gap:8px}
    #product .around .timer .list > ul > li .time li{width:calc(20% - 8px)}
    #product .around .timer .list > ul > li .time li.timeBtn{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:4px;border:1px solid #ddd;font-size:15px;color:#1c1c1c;cursor:pointer;overflow:hidden}
    #product .around .timer .list > ul > li .time li.timeBtn:hover{background:#eb3f3d1a}
    #product .around .timer .list > ul > li .time li.timeBtn.disabled{pointer-events:none;background:#fafafa;color:#ccc}
    #product .around .timer .list > ul > li .time li.timeBtn.disabled:before{content:'';position:absolute;top:50%;left:50%;width:100px;height:1px;background:#ddd;transform:rotate(-21deg) translate(-50%,-50%);transform-origin:left}
    #product .around .timer .list > ul > li .time li.timeBtn.disabled:after{content:'';position:absolute;top:50%;left:50%;width:100px;height:1px;background:#ddd;transform:rotate(21deg) translate(-50%,-50%);transform-origin:left}
    #product .around .timer .list > ul > li .time li.timeBtn.on{border-color:#EB3F3D;color:#EB3F3D}
    #product .around .timer .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center}
    #product .around .timer .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #product .around .timer .button .btn + .btn{margin:0 0 0 30px}
    #product .recommand .list ul{display:flex;flex-wrap:wrap;margin:0 -16px}
    #product .recommand .list li{width:25%;padding:0 16px 48px}
    #product .recommand .list li .upper{display:flex;margin:0 0 14px}
    #product .recommand .list li .upper .name{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #product .recommand .list li .upper .distance{line-height:22px;font-size:16px;font-weight:500;color:#0066B3;margin-left:6px}
    #product .recommand .list li .upper .del{margin:0 0 0 auto}
    #product .recommand .list li .upper .del a{display:block;width:24px;height:24px;text-indent:-9999em;background:url(../img/common/close.png) no-repeat 50% 50% / contain}
    #product .recommand .list li .image{border-radius:16px;background:#d9d9d9;overflow:hidden;margin:0 0 12px;width:100%;aspect-ratio:1.53 / 1}
    #product .recommand .list li .image img{display:block;width:100%;height:auto;object-fit:cover;height:100%}
    #product .recommand .list li .info{padding:2px 16px;display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f4f4}
    #product .recommand .list li .info .desc{position:relative;width:100%;padding:12px 0}
    #product .recommand .list li .info .desc.w50p{width:calc(50% - 4px)}
    #product .recommand .list li .info .desc.w50p + .desc.w50p{margin-left:8px;padding-left:8px}
    #product .recommand .list li .info .desc.w50p + .desc.w50p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #product .recommand .list li .info .desc.w100p{width:100%;border-top:1px solid #e0e0e0}
    #product .recommand .list li .info dl{display:flex;align-items:center;justify-content:space-between;line-height:18px;font-size:13px}
    #product .recommand .list li .info dt{display:flex;align-items:center;color:#555}
    #product .recommand .list li .info dt img{width:16px;height:auto;margin:0 4px 0 0}
    #product .recommand .list li .info dd{line-height:18px;font-size:14px;font-weight:500;color:#1c1c1c}
    #product .recommand .list li .info dd a{display:block;color:#0066B3}
    #product .recommand .list li .text{padding:18px 0}
    #product .recommand .list li .text span{display:flex;line-height:16px;align-items:flex-start}
    #product .recommand .list li .text span + span{margin-top:10px}
    #product .recommand .list li .text span img{height:16px;width:auto;margin:0 4px 0 0;flex-shrink:0}
    #product .recommand .list li .text span p{line-height:16px;font-size:14px;color:#555;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    #product .recommand .list li .button{display:flex;flex-direction:column}
    #product .recommand .list li .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border-radius:44px;border:1px solid transparent;font-size:14px;color:#1c1c1c}
    #product .recommand .list li .button .btn + .btn{margin-top:4px}
    #product .recommand .list li .button .btn:hover{color:#EB3F3D!important;border-color:#EB3F3D!important}

    #pointmall .visual{position:relative;margin:0 0 16px;overflow:hidden}
    #pointmall .visual .swiper-slide{transition:all .35s}
    #pointmall .visual .swiper-slide-active{opacity:1}
    #pointmall .visual .swiper-control{position:absolute;bottom:36px;left:50%;margin:0 0 0 277px;display:flex;align-items:center;border-radius:50px;height:40px;background:#00000080;z-index:6;padding:0 11px 0 18px}
    #pointmall .visual .swiper-scroll{margin:0 22px 0 0;width:175px;height:1px;background:#ffffff80;position:relative;left:unset;bottom:unset;flex-shrink:0;display:block!important}
    #pointmall .visual .swiper-scroll .swiper-scrollbar-drag{height:2px;background:#fff}
    #pointmall .visual .swiper-count{display:flex;align-items:center}
    #pointmall .visual .swiper-count p{font-size:11px;font-weight:100;color:#fff;margin:0 1.8px}
    #pointmall .visual .swiper-count p.idx{font-weight:500}
    #pointmall .visual .swiper-play{cursor:pointer}
    #pointmall .visual .swiper-play i{display:block;width:20px;height:20px;background:url(../img/common/icon_stop.png) no-repeat 50% 50%}
    #pointmall .visual .wrap{height:420px}
    #pointmall .visual .inner{position:relative;z-index:2;padding:42px 0 0;display:none}
    #pointmall .visual .inner .tit{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
    #pointmall .visual .inner .tit small{line-height:60px;font-size:22px;color:#fff}
    #pointmall .visual .inner .tit strong{line-height:60px;font-size:48px;font-weight:700;color:#fff}
    #pointmall .visual .inner .txt{margin:30px 0;line-height:30px;font-size:18px;font-weight:300;color:#fff}
    #pointmall .visual .inner .act{margin:50px 0 0;display:flex;align-items:center;justify-content:flex-start}
    #pointmall .visual .inner .act a{display:flex;align-items:center;justify-content:center;padding:6px 18px;border-radius:6px;border:2px solid #fff;height:55px;font-size:20px;font-weight:500;color:#fff}
    #pointmall .visual .thumb{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%}
    #pointmall .visual .thumb img{display:block;width:100%;height:100%;object-fit:cover}
    #pointmall .latest{position:relative;margin:16px 0 32px}
    #pointmall .latest .box{display:flex;height:80px;padding:0 4px;align-items:center;border-bottom:1px solid #ddd}
    #pointmall .latest .tit{padding:0 12px;margin:0 12px;display:flex;align-items:center;justify-content:center;height:30px;flex-shrink:0;font-size:14px;color:#fff;background:#00235C;border-radius:30px}
    #pointmall .latest .act{display:flex;flex:1}
    #pointmall .latest .act a{display:flex;align-items:center;width:100%;font-size:16px;color:#000}
    #pointmall .latest .act p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;flex:1}
    #pointmall .latest .act em{flex-shrink:0;color:#707070;font-size:14px}
    #pointmall .tool{margin:0 0 40px}
    #pointmall .tool .wrap{display:flex;align-items:center;justify-content:space-between}
    #pointmall .tool .select select{padding:0 16px;display:flex;width:240px;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #pointmall .tool .prod{display:flex;align-items:center}
    #pointmall .tool .link{margin:0 16px}
    #pointmall .tool .link ul{display:flex;align-items:center}
    #pointmall .tool .link li{position:relative}
    #pointmall .tool .link li a{font-size:15px;color:#707070}
    #pointmall .tool .link li.on a{font-weight:500;color:#333}
    #pointmall .tool .link li:hover a{color:#999}
    #pointmall .tool .link li + li{margin-left:10px;padding-left:10px}
    #pointmall .tool .link li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #pointmall .tool .search{flex:1;display:flex;margin:0 10px 0 0;width:252px;height:40px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #pointmall .tool .search form{display:flex;width:100%;height:100%;align-items:center}
    #pointmall .tool .search input{flex:1;height:20px}
    #pointmall .tool .search button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #pointmall .tool .search button img{display:block;width:100%;height:auto}
    #pointmall .tool .cart a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #ddd}
    #pointmall .tool .cart a i{width:20px;height:20px;text-indent:-9999em;background:url(../img/common/icon_cart.png) no-repeat 50% 50% / contain}
    #pointmall .product{margin:40px 0}
    #pointmall .product .wrap{position:relative}
    #pointmall .product .title{position:relative;margin:0 0 30px;display:flex;align-items:center;justify-content:space-between}
    #pointmall .product .title .tit{line-height:32px;font-size:32px;font-weight:500;color:#333}
    #pointmall .product .title .srt{display:flex;gap:20px}
    #pointmall .product .title .srt button{position:relative;display:flex;font-size:15px;color:#ccc;background:#fff}
    #pointmall .product .title .srt button + button:before{content:'';position:absolute;top:50%;left:-10px;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #pointmall .product .title .srt button.on{font-weight:500;color:#333}
    #pointmall .product .title .srt button:hover{color:#999}
    #pointmall .product .list{overflow:hidden}
    #pointmall .product .list ul{display:flex;flex-wrap:wrap;margin:0 -15px;width:auto}
    #pointmall .product .list li{padding:0 15px 40px;width:25%}
    #pointmall .product .list .img{border-radius:16px;overflow:hidden;padding:100% 0 0;position:relative;border:1px solid #ddd}
    #pointmall .product .list .img img{display:block;width:auto;max-width:100%;height:auto;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    #pointmall .product .list .con{margin:16px 0 0;display:flex;flex-direction:column}
    #pointmall .product .list .icon{display:flex;flex-wrap:wrap;margin:0 0 10px}
    #pointmall .product .list .icon span{margin:0 4px 4px 0;display:flex;align-items:center;justify-content:center;padding:0 6px;height:24px;border-radius:4px;font-size:12px;font-weight:300}
    #pointmall .product .list .icon span.icon_1{color:#fff;background:#EB3F3D}
    #pointmall .product .list .icon span.icon_2{color:#fff;background:#F90}
    #pointmall .product .list .icon span.icon_3{color:#fff;background:#8600BB}
    #pointmall .product .list .icon span.icon_4{color:#fff;background:#0066B3}
    #pointmall .product .list .name{line-height:25px;font-size:18px;color:#1c1c1c;padding:0 10px;display:flex;align-items:flex-start;height:40px}
    #pointmall .product .list .name a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:keep-all}
    #pointmall .product .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #pointmall .product .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #pointmall .product .list .text{line-height:25px;font-size:20px;color:#1c1c1c;padding:0 20px 0 0;display:flex;align-items:center}
    #pointmall .product .list .info{display:flex;align-items:flex-end;margin:20px 0 0;padding:0 10px}
    #pointmall .product .list .price{display:flex;align-items:flex-start;flex-direction:column}
    #pointmall .product .list .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #pointmall .product .list .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #pointmall .product .list .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #pointmall .product .list .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #pointmall .product .list .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #pointmall .product .list .tool .comment{display:flex;align-items:center}
    #pointmall .product .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #pointmall .product .list .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #pointmall .product .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px}
    #pointmall .product .more a{display:block;line-height:18px;font-size:16px;color:#555;padding:0 20px 0 0;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #pointmall .product .more a img{display:none}
    #pointmall .banner{margin:80px auto}
    #pointmall .banner a{display:block}
    #pointmall .banner img{display:block;width:100%;height:auto}
    #pointmall .category{position:relative;padding:64px 0 32px;overflow:hidden}
    #pointmall .category .tool{display:flex;align-items:center;justify-content:space-between}
    #pointmall .category .product .list li{padding:0 15px 40px;width:25%}
    #pointmall .category .product .more{display:none}
    #pointmall .category .item{margin:0 auto 48px}
    #pointmall .category .item ul{gap:8px;display:flex;flex-wrap:wrap}
    #pointmall .category .item li{width:calc(20% - 6.66px)}
    #pointmall .category .item li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:48px;border-radius:48px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #pointmall .category .item li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #pointmall .category .tabs{margin:0 auto 48px}
    #pointmall .category .tabs ul{display:flex}
    #pointmall .category .tabs li{flex:1;position:relative}
    #pointmall .category .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:16px;color:#707070;border-bottom:1px solid #ddd}
    #pointmall .category .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:transparent}
    #pointmall .category .tabs li.on a{color:#EB3F3D}
    #pointmall .category .tabs li.on a:after{height:2px;background:#EB3F3D}
    #pointmall .category .sort{margin:0 auto 32px}
    #pointmall .category .sort ul{gap:12px 8px;display:flex;flex-wrap:wrap}
    #pointmall .category .sort li{width:calc(16.66% - 6.66px)}
    #pointmall .category .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:48px;border-radius:48px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #pointmall .category .sort li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #pointmall .detail{padding:80px 0}
    #pointmall .detail .head{display:flex;margin:0 0 80px}
    #pointmall .detail .head .thumb{width:535px;height:535px;border-radius:8px;border:1px solid #ededed;display:flex;align-items:Center;justify-content:center;overflow:hidden}
    #pointmall .detail .head .thumb img{display:block;width:auto;max-width:100%;height:auto;cursor:pointer}
    #pointmall .detail .head .info{flex:1;display:flex;flex-direction:column;padding:0 0 0 30px}
    #pointmall .detail .head .name{line-height:30px;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 24px}
    #pointmall .detail .head .text{margin:0 0 24px}
    #pointmall .detail .head .text dl{display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:12px 0}
    #pointmall .detail .head .text dl + dl{border-top:1px solid #f4f4f4}
    #pointmall .detail .head .text dt{font-size:14px;color:#707070;width:120px}
    #pointmall .detail .head .text dd{font-size:16px;color:#1c1c1c}
    #pointmall .detail .head .text dd .select{min-width:158px}
    #pointmall .detail .head .text dd .select select{width:100%;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 46px 8px 16px}
    #pointmall .detail .head .text dd .count{display:flex;align-items:center;justify-content:center;width:158px;height:48px;border-radius:8px;border:1px solid #ddd;padding:0 14px}
    #pointmall .detail .head .text dd .count .plus{width:20px;height:20px;background:url(../img/common/plus.png) no-repeat 50% 50% / 12px auto;flex-shrink:0}
    #pointmall .detail .head .text dd .count .minus{width:20px;height:20px;background:url(../img/common/minus.png) no-repeat 50% 50% / 12px auto;flex-shrink:0}
    #pointmall .detail .head .text dd .count .num{display:flex;flex:1;width:100%;height:40px;background:transparent;text-align:center}
    #pointmall .detail .head .text dl.delivery{height:72px}
    #pointmall .detail .head .text dl.delivery dd{color:#707070}
    #pointmall .detail .head .text dl.total{margin:0;padding-top:24px;border-top:1px solid #f4f4f4}
    #pointmall .detail .head .text dl.total dd{color:#707070}
    #pointmall .detail .head .text dl.total dd .price{display:flex;align-items:flex-end;flex-direction:column}
    #pointmall .detail .head .text dl.total dd .price .sale{line-height:34px;font-size:28px;font-weight:500;color:#eb3f3d}
    #pointmall .detail .head .text dl.total dd .price .origin{line-height:26px;font-size:14px;margin:0 0 8px;display:flex}
    #pointmall .detail .head .text dl.total dd .price .origin .rate{font-size:20px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #pointmall .detail .head .text dl.total dd .price .origin .cost{text-decoration:line-through;font-size:15px;font-weight:300;color:#ccc}
    #pointmall .detail .head .button{display:flex;gap:8px}
    #pointmall .detail .head .button ul{display:flex;gap:8px;width:100%}
    #pointmall .detail .head .button li{flex:1;position:relative}
    #pointmall .detail .head .button .btn{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;border:1px solid transparent;font-size:16px}
    #pointmall .detail .head .button .tip{background:#fff;padding:28px 25px;position:absolute;bottom:100%;margin-bottom:17px;left:50%;transform:translateX(-50%);min-width:212px;box-shadow:0 0 4px #00000029;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transition:all .35s}
    #pointmall .detail .head .button .tip.on{opacity:1;visibility:visible}
    #pointmall .detail .head .button .tip strong{margin:0 0 16px;font-size:13px;font-weight:500;color:#1c1c1c;white-space:nowrap}
    #pointmall .detail .head .button .tip a{display:flex;align-items:center;justify-content:center;min-width:142px;height:32px;border-radius:32px;border:1px solid #eb3f3d;font-size:12px;color:#eb3f3d}
    #pointmall .detail .head .button .tip a i{margin-left:2px;width:16px;height:16px;background:url(../img/common/arrow_right_r.png) no-repeat 50% 50% / contain}
    #pointmall .detail .head .button .tip:before{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-top:9px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0 solid transparent;box-sizing:border-box;z-index:2}
    #pointmall .detail .head .button .tip:after{content:'';position:absolute;top:100%;left:50%;margin-top:1px;transform:translateX(-50%);border-top:9px solid #eee;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0 solid transparent;box-sizing:border-box;z-index:1}
    #pointmall .detail .tabmenu{position:sticky;top:0;background:#fff;z-index:55}
    #pointmall .detail .tabmenu ul{display:flex}
    #pointmall .detail .tabmenu li{flex:1}
    #pointmall .detail .tabmenu li a{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;height:56px;width:100%;border-bottom:1px solid #ddd}
    #pointmall .detail .tabmenu li.active a{color:#EB3F3D}
    #pointmall .detail .tabmenu li.active a:before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#EB3F3D}
    #pointmall .detail .tab_info{margin:30px 0 80px;border:1px solid #ddd;border-radius:10px}
    #pointmall .detail .tab_info .image{display:flex;flex-direction:column}
    #pointmall .detail .tab_info .image img{display:block;text-align:center;padding:50px 120px;margin:0 auto}
    #pointmall .detail .tab_area .branch{margin:0 0 48px}
    #pointmall .detail .tab_area .branch .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 32px;text-align:center}
    #pointmall .detail .tab_area .branch .con{display:flex;flex-wrap:wrap;gap:10px 8px}
    #pointmall .detail .tab_area .branch .con button{width:calc(11.11% - 7.09px);height:50px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:4px;border:1px solid #ddd;background:#fff;font-size:16px}
    #pointmall .detail .tab_area .branch .con button.on{color:#EB3F3D;border-color:#EB3F3D}
    #pointmall .detail .tab_area .search{margin:20px 0}
    #pointmall .detail .tab_area .search .form{display:flex;align-items:center;border:0}
    #pointmall .detail .tab_area .search .select{display:flex;width:168px;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #pointmall .detail .tab_area .search .select select{padding:0 16px;width:100%;border:0;height:40px}
    #pointmall .detail .tab_area .search .input{flex:1;display:flex;margin:0 10px 0 0;height:40px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #pointmall .detail .tab_area .search .input:last-child{margin:0}
    #pointmall .detail .tab_area .search .input input{flex:1;height:20px}
    #pointmall .detail .tab_area .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #pointmall .detail .tab_area .search .input button img{display:block;width:100%;height:auto}
    #pointmall .detail .tab_review .search{margin:32px 0}
    #pointmall .detail .tab_review .search .form{display:flex;align-items:center;border:0}
    #pointmall .detail .tab_review .search .select{display:flex;width:168px;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #pointmall .detail .tab_review .search .select select{padding:0 16px;width:100%;border:0;height:48px}
    #pointmall .detail .tab_review .search .input{flex:1;display:flex;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #pointmall .detail .tab_review .search .input:last-child{margin:0}
    #pointmall .detail .tab_review .search .input input{flex:1;height:20px}
    #pointmall .detail .tab_review .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #pointmall .detail .tab_review .search .input button img{display:block;width:100%;height:auto}
    #pointmall .detail .tab_review .table table tr.rep{background:#0066b30f}
    #pointmall .detail .tab_review .table table tr.cmt{display:none}
    #pointmall .detail .tab_review .table table tr.cmt.on{display:table-row}
    #pointmall .detail .tab_review .table table tr.cmt td{padding:0}
    #pointmall .detail .tab_review .table table tr.cmt .cmtfrm{margin:0;border-radius:0}
    #pointmall .detail .tab_review .table table tr.cmt .cmtfrm #repFileList{display:flex;gap:0 10px;width:100%;height:auto}
    #pointmall .detail .tab_review .table table tr.cmt .cmtfrm #repFileList li{position:relative;margin:10px 0 0}
    #pointmall .detail .tab_review .table table tr.cmt .cmtfrm #repFileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #pointmall .detail .tab_review .table table tr.cmt .cmtfrm #repFileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #pointmall .detail .tab_review .table table tr.cmt .cmtfrm #repFileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #pointmall .detail .tab_review .table table tr.cmt .cmtfrm #repFileList li .del img{display:block;width:100%;height:auto}
    #pointmall .detail .tab_review .table table th,#pointmall .detail .tab_review .table table td{padding:12px}
    #pointmall .detail .tab_review .table table th a,#pointmall .detail .tab_review .table table td a{display:flex;align-items:center}
    #pointmall .detail .tab_review .table table td .km{color:#0066B3;margin:0 0 4px;font-size:14px}
    #pointmall .detail .tab_review .table table td .btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;min-width:72px;height:32px;border-radius:4px;border:1px solid transparent;font-size:14px}
    #pointmall .detail .tab_review .table table td .flex{display:flex;align-items:flex-start;gap:8px;line-height:24px}
    #pointmall .detail .tab_review .table table td .badge{display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:24px;height:24px;background:#eb3f3d;color:#fff;font-size:13px;flex-shrink:0}
    #pointmall .detail .tab_review .table table td .img{width:60px;height:40px;border-radius:6px;overflow:hidden;max-width:100%;display:flex;margin:0 auto}
    #pointmall .detail .tab_review .table table td .img img{width:100%;height:100%;object-fit:cover}
    #pointmall .detail .onestop{margin:0 0 120px}
    #pointmall .detail .onestop .tabs{margin:0 auto 48px}
    #pointmall .detail .onestop .tabs ul{display:flex}
    #pointmall .detail .onestop .tabs li{flex:1;position:relative}
    #pointmall .detail .onestop .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-align:center;line-height:1;font-size:16px;color:#707070;border-bottom:1px solid #ddd}
    #pointmall .detail .onestop .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:transparent}
    #pointmall .detail .onestop .tabs li.on a{color:#EB3F3D}
    #pointmall .detail .onestop .tabs li.on a:after{height:2px;background:#EB3F3D}
    #pointmall .detail .onestop .con li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column}
    #pointmall .detail .onestop .con li .cmt_top{display:flex;align-items:center}
    #pointmall .detail .onestop .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #pointmall .detail .onestop .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #pointmall .detail .onestop .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #pointmall .detail .onestop .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #pointmall .detail .onestop .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #pointmall .detail .onestop .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #pointmall .detail .onestop .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #pointmall .detail .onestop .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #pointmall .detail .onestop .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #pointmall .detail .onestop .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #pointmall .detail .onestop .con li + li{border-top:1px solid #ddd}
    #pointmall .detail .onestop .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #pointmall .detail .onestop .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #pointmall .detail .onestop .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #pointmall .detail .onestop .con li .cmt_img{border-radius:8px;overflow:hidden;width:140px;height:80px;display:flex;align-items:center;justify-content:center;margin-right:120px}
    #pointmall .detail .onestop .con li .cmt_img img{width:100%;height:100%;max-height:100%!important;object-fit:cover}
    #pointmall .detail .onestop .con li .cmt_head{margin:0 0 4px;display:flex;align-items:center;gap:10px}
    #pointmall .detail .onestop .con li .cmt_name{line-height:18px;font-size:13px;color:#707070}
    #pointmall .detail .onestop .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #pointmall .detail .onestop .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #pointmall .detail .onestop .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #pointmall .detail .onestop .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #pointmall .detail .onestop .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #pointmall .detail .onestop .con li .cmt_item dt{margin:0 6px 0 0}
    #pointmall .detail .onestop .con li.cmt_rep{background:#f4f4f4}
    #pointmall .detail .onestop .con li.cmt_rep .cmt_ico{background:#707070}
    #pointmall .detail .onestop .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #pointmall .detail .onestop .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #pointmall .detail .onestop .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #pointmall .detail .onestop .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #pointmall .detail .onestop .frm .bot .file label{cursor:pointer}
    #pointmall .detail .onestop .frm .bot .file label input{display:none}
    #pointmall .detail .onestop .frm .bot .file label img{width:auto;height:24px}
    #pointmall .detail .onestop .frm .fileList{display:flex;gap:0 10px}
    #pointmall .detail .onestop .frm .fileList ul{display:flex;gap:10px}
    #pointmall .detail .onestop .frm .fileList li{position:relative;margin:10px 0 0}
    #pointmall .detail .onestop .frm .fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #pointmall .detail .onestop .frm .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #pointmall .detail .onestop .frm .fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #pointmall .detail .onestop .frm .fileList li .del img{display:block;width:100%;height:auto}
    #pointmall .detail .onestop .frm .bot .submit a,#pointmall .detail .onestop .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #pointmall .detail .onestop .frm .img ul{display:flex;gap:16px}
    #pointmall .detail .onestop .frm .img li{position:relative;margin:20px 0 0}
    #pointmall .detail .onestop .frm .img li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #pointmall .detail .onestop .frm .img li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #pointmall .detail .onestop .frm .img li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #pointmall .detail .onestop .frm .img li .del img{display:block;width:100%;height:auto}
    #pointmall .detail .onestop .tool{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
    #pointmall .detail .onestop .tool .ltBox{display:flex;align-items:center;gap:24px}
    #pointmall .detail .onestop .tool .rtBox{display:flex;align-items:center;gap:24px}
    #pointmall .detail .onestop .tool .textBox{font-size:14px;color:#1c1c1c}
    #pointmall .detail .onestop .tool .toggBox .checkbox{display:flex;align-items:center;height:48px;cursor:pointer}
    #pointmall .detail .onestop .tool .toggBox .checkbox input{display:none}
    #pointmall .detail .onestop .tool .toggBox .checkbox input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #pointmall .detail .onestop .tool .toggBox .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #pointmall .detail .onestop .tool .toggBox .checkbox input ~ p span{font-weight:300;color:#707070}
    #pointmall .detail .onestop .tool .toggBox .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #pointmall .detail .onestop .tool .sortBox{position:relative}
    #pointmall .detail .onestop .tool .sortBox .sortBtn{display:flex;align-items:center;justify-content:flex-start;text-align:center;min-width:106px;height:40px;border-radius:8px;border:1px solid #ddd;color:#1c1c1c;background:#fff url(../img/common/dropdown.png) no-repeat right 12px center / 20px auto;padding:0 16px;font-size:13px}
    #pointmall .detail .onestop .tool .sortBox .sortList{position:absolute;top:100%;z-index:5;margin:4px 0;display:flex;flex-direction:column;width:100%;border-radius:8px;border:1px solid #ddd;background:#fff;display:none}
    #pointmall .detail .onestop .tool .sortBox .sortList.on{display:block}
    #pointmall .detail .onestop .tool .sortBox .sortList button{display:flex;padding:0 16px;width:100%;height:40px;align-items:center;justify-content:flex-start;background:transparent;font-size:13px}
    #pointmall .detail .onestop .tool .sortBox .sortList button:hover{background:#fafafa}
    #pointmall .detail .onestop .tool .sortBox .sortList button.on{background:#0066b30f;color:#0066B3}
    #pointmall .detail .tab_delivery .delivery{margin:0 0 120px}
    #pointmall .detail .tab_delivery .delivery .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 32px;text-align:center}
    #pointmall .detail .tab_delivery .delivery .txt{line-height:22px;font-size:15px;color:#1c1c1c}
    #pointmall .detail .tab_delivery .delivery .con{border-top:1px solid #ddd;margin:0 0 24px}
    #pointmall .detail .tab_delivery .delivery .con dl{display:flex;border-bottom:1px solid #ddd}
    #pointmall .detail .tab_delivery .delivery .con dt{width:188px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f4f4f4}
    #pointmall .detail .tab_delivery .delivery .con dd{flex:1;padding:24px;display:flex;flex-direction:column;gap:8px;line-height:22px;font-size:15px;color:#1c1c1c;align-items:flex-start;justify-content:flex-start}
    #pointmall .detail .tab_delivery .delivery .con dd a{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:48px;height:48px;border:1px solid transparent;margin:8px 0}
    #pointmall .detail .tab_change .exchange{margin:0 0 120px}
    #pointmall .detail .tab_change .exchange .tit{line-height:1;font-size:24px;font-weight:500;color:#1c1c1c;margin:0 0 32px;text-align:center}
    #pointmall .detail .tab_change .exchange .txt{line-height:22px;font-size:15px;color:#1c1c1c;text-align:center;margin:0 0 24px}
    #pointmall .detail .tab_change .exchange .txt span{color:#707070}
    #pointmall .detail .tab_change .exchange .con{padding:32px;background:#f4f4f4}
    #pointmall .detail .tab_change .exchange .con ul{gap:8px;display:flex;flex-direction:column}
    #pointmall .detail .tab_change .exchange .con li{list-style-type:decimal;margin:0 0 0 18px;line-height:22px;font-size:15px;color:#1c1c1c}
    #pointmall .detail .tab_change .exchange .con li span{display:block;margin:8px 0}
    #pointmall .detail .tab_change .exchange .con li span.red{color:#EB3F3D}
    #pointmall .payment{padding:80px 0}
    #pointmall .payment .desc + .desc{margin-top:80px}
    #pointmall .payment .desc .title{gap:16px;display:flex;align-items:center;margin:0 0 25px}
    #pointmall .payment .desc .title .tit{line-height:30px;font-size:24px;font-weight:500;color:#1c1c1c}
    #pointmall .payment .desc .title .num{font-size:15px;color:#1c1c1c}
    #pointmall .payment .desc .title .act a{display:flex;align-items:center;justify-content:center;padding:4px 12px;min-width:87px;height:36px;border-radius:36px;border:1px solid transparent;font-size:13px}
    #pointmall .payment .desc .table table th,#pointmall .payment .desc .table table td{text-align:center}
    #pointmall .payment .desc .table table .count{display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #ddd;width:145px;max-width:100%;margin:0 auto}
    #pointmall .payment .desc .table table .count .plus{width:48px;height:48px;background:url(../img/common/plus.png) no-repeat 50% 50% / 12px auto;flex-shrink:0}
    #pointmall .payment .desc .table table .count .minus{width:48px;height:48px;background:url(../img/common/minus.png) no-repeat 50% 50% / 12px auto;flex-shrink:0}
    #pointmall .payment .desc .table table .count .num{display:flex;width:100%;height:48px;background:transparent;text-align:center}
    #pointmall .payment .desc .table table .delBtn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent}
    #pointmall .payment .desc .table table .delBtn img{display:block;width:20px;height:auto}
    #pointmall .payment .desc .form{border-top:1px solid #707070;padding:40px 90px 40px 0;border-bottom:0 solid #ddd}
    #pointmall .payment .desc .form dl{display:flex;align-items:flex-start}
    #pointmall .payment .desc .form dl + dl{margin-top:32px}
    #pointmall .payment .desc .form dt{width:188px;height:48px;display:flex;align-items:center;justify-content:flex-start}
    #pointmall .payment .desc .form dd{flex:1;display:flex;flex-direction:column}
    #pointmall .payment .desc .form dd .chk{display:flex;gap:10px 40px;flex-wrap:wrap}
    #pointmall .payment .desc .form dd .chk label{display:flex;align-items:center;height:48px;cursor:pointer}
    #pointmall .payment .desc .form dd .chk label input{display:none}
    #pointmall .payment .desc .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #pointmall .payment .desc .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #pointmall .payment .desc .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #pointmall .payment .desc .form dd .inp{border-bottom:1px solid #ddd;display:flex}
    #pointmall .payment .desc .form dd .inp + .inp,#pointmall .payment .desc .form dd .inp + .use{margin-top:16px}
    #pointmall .payment .desc .form dd .inp input{padding:6px 12px;height:48px;flex:1;font-size:14px}
    #pointmall .payment .desc .form dd .sel{display:flex}
    #pointmall .payment .desc .form dd .sel select{padding:6px 16px;height:48px;width:253px;max-width:100%;font-size:14px;border:1px solid #ddd;border-radius:8px}
    #pointmall .payment .desc .form dd .use{display:flex;align-items:center;justify-content:space-between;height:48px}
    #pointmall .payment .desc .form dd .use label{display:flex;align-items:center;height:48px;cursor:pointer}
    #pointmall .payment .desc .form dd .use label input{display:none}
    #pointmall .payment .desc .form dd .use label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #pointmall .payment .desc .form dd .use label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #pointmall .payment .desc .form dd .use label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #pointmall .payment .desc .form dd .use span{font-size:14px;color:#eb2f3d}
    #pointmall .payment .desc .form dd .txt{line-height:16px;font-size:14px;color:#707070;margin:16px 0 0}
    #pointmall .payment .desc .form dd #layerSearch{display:none;border:2px solid #000}
    #pointmall .payment .desc .total{margin:25px 0;display:flex;align-items:center;justify-content:flex-end;gap:20px}
    #pointmall .payment .desc .total dl{position:relative;display:flex;align-items:center;gap:6px}
    #pointmall .payment .desc .total dl + dl:before{content:'+';position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}
    #pointmall .payment .desc .total dl + .minus:before{content:'-';position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}
    #pointmall .payment .desc .total dl + .sum:before{content:'='}
    #pointmall .payment .desc .total dt{font-size:13px;color:#707070}
    #pointmall .payment .desc .total dd{display:flex;align-items:center;font-size:13px;color:#707070;gap:3px}
    #pointmall .payment .desc .total dd strong{font-size:20px;font-weight:500;color:#1c1c1c}
    #pointmall .payment .desc .total dl.sum dd strong{font-size:24px;color:#eb2f3d}
    #pointmall .payment .desc .info{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:0 0 40px}
    #pointmall .payment .desc .info dl{display:flex}
    #pointmall .payment .desc .info dl + dl{border-top:1px solid #ddd}
    #pointmall .payment .desc .info dt{width:188px;min-height:64px;display:flex;align-items:center;justify-content:center;background:#f4f4f4}
    #pointmall .payment .desc .info dd{flex:1;display:flex;flex-direction:column}
    #pointmall .payment .desc .info dd .payinfo{display:flex;min-height:64px;line-height:40px;font-size:15px}
    #pointmall .payment .desc .info dd .payinfo p{display:flex;align-items:center;justify-content:flex-start;padding:12px 24px;line-height:40px;font-size:15px}
    #pointmall .payment .desc .info dd .payinfo p:nth-child(1){min-width:200px;border-right:1px solid #ddd}
    #pointmall .payment .desc .info dd .payinfo small{padding:12px 24px;line-height:1.4;display:flex;align-items:center;justify-content:flex-start}
    #pointmall .payment .desc .info dd .txt{display:flex;min-height:64px;align-items:center;line-height:40px;font-size:15px;padding:12px 24px}
    #pointmall .payment .desc .info dd .txt p{display:flex;align-items:center;justify-content:flex-start;line-height:40px;font-size:15px}
    #pointmall .payment .desc .info dd .txt textarea{display:block;width:100%;height:120px;border:1px solid #e0e0e0;padding:15px}
    #pointmall .payment .button{margin:16px 0 0;display:flex;align-items:center;justify-content:center;gap:8px}
    #pointmall .payment .button .btn{display:flex;align-items:center;justify-content:center;min-width:224px;max-width:100%;height:44px;border-radius:44px;border:1px solid transparent;font-size:14px;color:#1c1c1c}
    #pointmall .payment .button .btn + .btn{margin-top:4px}

    #community{position:relative;padding:32px 0 140px}
    #community .search{display:flex;flex-direction:column;align-items:flex-start;flex:1}
    #community .tool{display:flex;align-items:center;justify-content:space-between}
    #community .tool .viewBox{display:flex}
    #community .tool .viewBox select{display:flex;min-width:121px;margin:0 0 0 8px;padding:0 40px 0 12px;height:40px;border-radius:8px;border:1px solid #ddd;font-size:13px;align-items:center}
    #community .table table th{white-space:nowrap}
    #community .table table td{height:auto}
    #community .table table th,#community .table table td{color:#303038}
    #community .table table td a{display:block}
    #community .table table td a:visited{color:#999!important}
    #community .table .subject .ntc{display:none!important}
    #community .table .subject a{display:block}
    #community .table .subject a p{display:inline}
    #community .table .subject a p.pc-view{display:inline!important}
    #community .table .subject a p.mo-view{display:none!important}
    #community .table .banner{margin:0!important;padding:0!important}
    #community .table .banner td{margin:0!important;padding:0!important}
    #community .table .banner a{margin:0;padding:0;display:block}
    #community .table .banner a img{display:block;width:100%;height:auto}
    #community .new_i{position:relative;display:inline-block!important;vertical-align:middle;margin-left:5px;text-align:center;width:12px;height:12px;font-size:0;line-height:10px}
    #community .new_i:after{content:'N';position:absolute;top:0;left:0;width:9px;height:12px;font-size:10px;color:#ea4d4d;font-weight:500;border:1px solid #ea4d4d;background-color:#fff;width:12px;height:12px;display:flex;align-items:center;justify-content:center;text-align:center}
    #community em{margin-left:5px;height:36px;line-height:36px;display:inline-block;vertical-align:middle}
    #community .c_red{color:#e60012!important;font-size:14px;margin-top:-2px}
    #community .tools{margin:0 0 16px;display:flex;align-items:flex-end;justify-content:space-between}
    #community .tools .toggBox{margin:0 50px 0 0}
    #community .tools .toggBox .checkbox{display:flex;align-items:center;height:48px;cursor:pointer}
    #community .tools .toggBox .checkbox input{display:none}
    #community .tools .toggBox .checkbox input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #community .tools .toggBox .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #community .tools .toggBox .checkbox input ~ p span{font-weight:300;color:#707070}
    #community .tools .toggBox .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #community .catemenu{margin:0 20px 0 0}
    #community .catemenu ul{display:flex}
    #community .catemenu li{flex:1;position:relative}
    #community .catemenu li a{display:flex;align-items:center;justify-content:center;width:100%;height:48px;text-align:center;line-height:1;font-size:15px;color:#707070;gap:4px;white-space:nowrap;min-width:150px;padding:0 16px}
    #community .catemenu li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ddd}
    #community .catemenu li.on a{color:#EB3F3D}
    #community .catemenu li.on a:after{height:2px;background:#EB3F3D}
    #community .search form{display:flex;align-items:center;justify-content:center;max-width:100%;order:2}
    #community .search .flex-wrap{display:flex;width:100%}
    #community .search .flex-wrap + .flex-wrap{margin-top:20px}
    #community .search .search-wrap{display:flex;align-items:center;order:2}
    #community .search .select{margin:0 8px 0 0}
    #community .search .select select{width:120px;height:40px;border-radius:8px;background-color:#fff;border:1px solid #ddd;padding:0 16px;font-size:13px}
    #community .search .input{position:relative}
    #community .search .input input{padding:0 16px;width:300px;max-width:100%;height:40px;border-radius:8px;border:1px solid #ddd;font-size:13px}
    #community .search .input button{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:20px;height:20px;background:url(../img/common/search_g.png) no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden}
    #community .search .pencil{margin:0 0 0 8px;order:10}
    #community .search .pencil .btn{min-width:94px;height:48px;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent}
    #community .search .button{margin:0 0 0 8px}
    #community .search .button .btn{min-width:76px;height:48px;border-radius:48px;border:1px solid transparent}
    #community .search .popular{max-width:100%;display:flex;align-items:center;justify-content:flex-start;margin:12px 0 0;order:1;margin:0 0 32px 0;width:100%}
    #community .search .popular dl{display:flex;display:flex}
    #community .search .popular dt{display:flex;align-items:center;height:36px;justify-content:flex-start;width:54px}
    #community .search .popular dd{display:flex;flex-wrap:wrap;gap:4px 8px}
    #community .search .popular dd a{display:flex;align-items:center;justify-content:center;text-align:center;width:auto;height:36px;border-radius:36px;border:1px solid #ddd;background:#fff;font-size:13px;color:#707070;padding:6px 12px}
    #community .search .popular dd a:hover{background:#fafafa}
    #community .bottom{position:relative;display:flex;height:40px;align-items:center;margin:24px 0 80px;justify-content:center}
    #community .bottom .button{position:absolute;top:50%;right:0;display:flex;align-items:center;transform:translateY(-50%);margin:0}
    #community .bottom .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px}
    #community .form{border-top:1px solid #ddd}
    #community .form dl{display:flex;border-bottom:1px solid #ddd}
    #community .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #community .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #community .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px}
    #community .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #community .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center}
    #community .form dd .inp.w300{width:300px}
    #community .form dd .inp.w320{width:320px}
    #community .form dd .inp input{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #community .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #community .form dd .inp #capt_img{border-radius:4px;margin:0 10px 0 0;flex:0 0 auto}
    #community .form dd .inp .capt_reset{margin:0 10px 0 0;width:48px;height:48px;border-radius:4px;border:1px solid #eee;background:#fff url(../img/capt_reset.png) no-repeat 50% 50% / 24px auto;text-indent:-9999em;overflow:hidden;flex:0 0 auto}
    #community .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;background:#fff;padding:2px 4px}
    #community .form dd .sel{width:314px;max-width:100%}
    #community .form dd .sel select{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px}
    #community .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center}
    #community .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #community .form dd .chk label input{display:none}
    #community .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #community .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #community .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #community .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #community .form dd .textarea{width:100%}
    #community .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #community .form dd .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    #community .form dd .file .fileBtn{display:flex}
    #community .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #community .form dd .file .fileBtn label input{display:none}
    #community .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #community .form dd .file .fileList ul{display:flex;gap:0 10px;flex-wrap:wrap}
    #community .form dd .file .fileList li{position:relative;margin:10px 0 0}
    #community .form dd .file .fileList li .img{width:100px;height:auto;border-radius:8px;overflow:hidden;aspect-ratio:1 / 1}
    #community .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:fill}
    #community .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #community .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #community .explain{line-height:1.4;font-size:16px;font-weight:300;color:#707070;padding:20px 0;text-align:center}
    #community .detail{margin-top:18px}
    #community .detail .cate{display:flex;align-items:Center;justify-content:flex-start;flex-wrap:wrap;margin:0 0 24px;gap:8px}
    #community .detail .cate p{display:flex;align-items:center;justify-content:center;border-radius:40px;height:40px;border:1px solid #ddd;padding:6px 12px;font-size:16px;color:#707070}
    #community .attach_area{position:relative;font-size:0;padding:0 20px 0 75px}
    #community .attach_area span{position:absolute;top:0;left:20px;display:inline-block;font-size:15px;font-weight:300;color:#444;line-height:50px}
    #community .attach_area a{display:inline-block;vertical-align:top;margin-left:20px;padding-left:24px;line-height:50px;background-repeat:no-repeat;background-position:left center;background-image:url(https://cdn.gongim.com/images/common/ico_photo.png);font-size:15px;font-weight:300;color:#444}
    #community .detail .head{display:flex;align-items:center;padding:15px 24px;background:#f2f2f2;border-top:1px solid #707070}
    #community .detail .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #community .detail .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #community .detail .head .subject .companyTag{height:24px;line-height:1;font-size:13px;background:#fff;padding:3px 6px;border:1px solid #3a67ea;border-radius:4px;color:#3a67ea;display:inline-flex;font-weight:500;vertical-align:top}
    #community .detail .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #community .detail .head .tool > a{display:flex;align-items:center;font-size:14px;color:#666}
    #community .detail .head .tool > a:after{content:'';width:1px;height:8px;margin:0 15px;background:#d0d0d0}
    #community .detail .head .tool > a:last-child:after{display:none}
    #community .detail .head .tool button{display:none!important}
    #community .detail .head .tool ul{position:relative;display:flex;align-items:center;justify-content:center}
    #community .detail .head .tool li{position:relative}
    #community .detail .head .tool li a{font-size:14px;color:#707070;text-decoration:underline;display:block;gap:4px;display:flex;align-items:center;justify-content:center}
    #community .detail .head .tool li a img{height:16px;width:auto}
    #community .detail .head .tool li + li{padding:0 0 0 16px;margin:0 0 0 16px}
    #community .detail .head .tool li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #community .detail .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center;justify-content:space-between}
    #community .detail .info > div{display:flex;align-items:center}
    #community .detail .info dl{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;gap:8px}
    #community .detail .info dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #community .detail .info dl + dl{padding:0 0 0 16px;margin:0 0 0 16px}
    #community .detail .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #community .detail .info p strong{font-weight:500;margin:0 8px 0 0}
    #community .detail .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #community .detail .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #community .detail .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #community .detail .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #community .detail .info .ongoing .period{font-size:14px;color:#707070}
    #community .detail .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #community .detail .cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #community .detail .cont p{line-height:32px;font-size:16px}
    #community .detail .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #community .detail .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #community .detail .button .btn img{height:16px}
    #community .detail .bottom{display:unset;height:auto;margin:0;padding:0}
    #community .detail .counter{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;margin:0}
    #community .detail .bottom .total{display:flex}
    #community .detail .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #community .detail .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #community .detail .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #community .detail .bottom .total dt{font-size:14px;margin:0 4px 0 0}
    #community .detail .bottom .total dd{font-size:14px;font-weight:500}
    #community .detail .bottom .total dd span{color:#0066B3}
    #community .detail .bottom .total dd strong{color:#EB3F3D}
    #community .detail .bottom .share{position:relative;display:flex;align-items:center}
    #community .detail .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #community .detail .bottom .share > a img{height:20px}
    #community .detail .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #community .detail .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #community .detail .bottom .share > ul li a img{width:64px;height:auto}
    #community .detail .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #community .detail .bottom .share.on > ul{opacity:1;visibility:visible}
    #community .detail .comment .type{padding:80px 0 0;margin:0 0 32px}
    #community .detail .comment .type ul{display:flex}
    #community .detail .comment .type li{flex:1}
    #community .detail .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #community .detail .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #community .detail .comment .con li{padding:20px 24px;position:relative;display:flex;justify-content:center;flex-direction:column}
    #community .detail .comment .con li + li{border-top:1px solid #eaeaea}
    #community .detail .comment .con li .cmt_top{display:flex;align-items:center}
    #community .detail .comment .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden;box-shadow:0 0 6px #0000000d}
    #community .detail .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #community .detail .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #community .detail .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #community .detail .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #community .detail .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #community .detail .comment .con li .cmt_name{line-height:18px;font-size:13px;color:#707070}
    #community .detail .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #community .detail .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #community .detail .comment .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #community .detail .comment .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #community .detail .comment .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #community .detail .comment .con li .cmt_item dt{margin:0 6px 0 0}
    #community .detail .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #community .detail .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #community .detail .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #community .detail .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #community .detail .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #community .detail .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #community .detail .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #community .detail .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #community .detail .comment .con li .cmt_button .cmt_button_con{display:flex;align-items:center;gap:6px}
    #community .detail .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:2px 10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0;background:#fff}
    #community .detail .comment .con li.cmt_rep{background:#f4f4f4}
    #community .detail .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #community .detail .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #community .detail .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #community .detail .comment .frm .caution{display:none}
    #community .detail .comment .frm .input{position:relative}
    #community .detail .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #community .detail .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #community .detail .comment .frm .bot .file label{cursor:pointer}
    #community .detail .comment .frm .bot .file label input{display:none}
    #community .detail .comment .frm .bot .file label img{width:auto;height:24px}
    #community .detail .comment .frm #fileList{display:flex;gap:0 10px}
    #community .detail .comment .frm #fileList ul{display:flex;flex-wrap:wrap;gap:0 10px}
    #community .detail .comment .frm #fileList li{position:relative;margin:10px 0 0;border:0}
    #community .detail .comment .frm #fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #community .detail .comment .frm #fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #community .detail .comment .frm #fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #community .detail .comment .frm #fileList li .del img{display:block;width:100%;height:auto}
    #community .detail .comment .frm .bot .submit a,#community .detail .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #community .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #community .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent}
    #community .warning{margin:0 auto 40px;padding:24px 32px;background:#F4F4F4;border-radius:10px;line-height:22px;font-size:15px;color:#1c1c1c}
    #community .warning p{display:block;line-height:22px;font-size:14px;color:#555}
    #community .warning p img{height:22px}
    #community .warning p strong{font-weight:500;color:#222}

    #customer{position:relative;padding:32px 0 140px}
    #customer .loca{margin:0 0 72px}
    #customer .tool{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
    #customer .tool .viewBox{display:flex}
    #customer .tool .viewBox select{display:flex;min-width:121px;margin:0 0 0 8px;padding:0 40px 0 12px;height:40px;border-radius:8px;border:1px solid #ddd;font-size:13px;align-items:center}
    #customer .tool .cateBox{display:flex}
    #customer .tool .cateBox .swiper-wrapper{gap:8px}
    #customer .tool .cateBox a{display:flex;padding:6px 12px;width:auto;height:40px;border-radius:40px;border:1px solid #ddd;font-size:15px;align-items:center;color:#707070;text-align:center}
    #customer .tool .cateBox a.on{color:#eb3f3d;border-color:#eb3f3d}
    #customer .tool .searchBox form{display:flex;align-items:center;justify-content:center;max-width:100%}
    #customer .tool .searchBox .select{margin:0 8px 0 0}
    #customer .tool .searchBox .select select{width:120px;height:40px;border-radius:8px;background-color:#fff;border:1px solid #ddd;padding:0 16px;font-size:14px}
    #customer .tool .searchBox .input{position:relative}
    #customer .tool .searchBox .input input{padding:0 16px;width:300px;height:40px;border-radius:8px;border:1px solid #ddd;font-size:14px}
    #customer .tool .searchBox .input button{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:20px;height:20px;background:url(../img/common/search_g.png) no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden}
    #customer .tool .searchBox .button{margin:0 0 0 8px}
    #customer .tool .searchBox .button .btn{min-width:76px;height:40px;border-radius:48px;border:1px solid transparent;font-size:15px}
    #customer .table table td.subject em.c_red{color:#e60012!important;font-size:15px;margin-left:5px;height:16px;line-height:16px;display:inline-block;vertical-align:middle;margin-top:-2px}
    #customer .table table td.subject a:visited{color:#999!important}
    #customer .table table td img{width:60px;height:40px;display:flex;margin:0 auto;object-fit:cover}
    #customer .table table .subject .ntc{display:none!important}
    #customer .table table .subject a{display:block}
    #customer .table table .subject a p{display:inline}
    #customer .table table .subject a p.pc-view{display:inline!important}
    #customer .table table .subject a p.mo-view{display:none!important}
    #customer .search form{display:flex;align-items:center;justify-content:center}
    #customer .search .select{margin:0 8px 0 0}
    #customer .search .select select{width:120px;height:48px;border-radius:8px;background-color:#fff;border:1px solid #ddd;padding:0 16px;font-size:13px}
    #customer .search .input{position:relative}
    #customer .search .input input{padding:0 16px;width:512px;height:48px;border-radius:8px;border:1px solid #ddd;font-size:13px}
    #customer .search .input i{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:20px;height:20px;background:url(../img/common/search_g.png) no-repeat 50% 50% / contain}
    #customer .search .button{margin:0 0 0 8px}
    #customer .search .button .btn{min-width:76px;height:48px;border-radius:48px;border:1px solid transparent}
    #customer .caution{margin:0 auto 40px;padding:40px 32px;background:#F4F4F4;border-radius:10px;line-height:22px;font-size:15px;color:#1c1c1c}
    #customer .caution li{line-height:22px;font-size:15px;color:#1c1c1c;display:flex}
    #customer .caution li + li{margin-top:24px}
    #customer .caution li .ico{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:80px;background:#fff;margin:0 24px 0 0}
    #customer .caution li .ico img{width:40px;height:auto}
    #customer .caution li .con{flex:1;display:flex;flex-direction:column;align-items:flex-start}
    #customer .caution li .con .caution-info-wrap{width:100%;display:flex;gap:15px}
    #customer .caution li .con .tit{line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 12px}
    #customer .caution li .con .txt{line-height:22px;font-size:15px;color:#1c1c1c;border-left:2px solid #ccc;padding-left:7px}
    #customer .form{border-top:1px solid #ddd}
    #customer .form dl{display:flex;border-bottom:1px solid #ddd}
    #customer .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #customer .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #customer .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px;flex-direction:column}
    #customer .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #customer .form dd .exp{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:13px;color:#707070}
    #customer .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center}
    #customer .form dd .inp input{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #customer .form dd .textarea{width:100%}
    #customer .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #customer .form dd .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    #customer .form dd .file .fileBtn{display:flex}
    #customer .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #customer .form dd .file .fileBtn label input{display:none}
    #customer .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #customer .form dd .file .fileList ul{display:flex;gap:0 10px}
    #customer .form dd .file .fileList li{position:relative;margin:10px 0 0}
    #customer .form dd .file .fileList li .img{width:100px;height:auto;aspect-ratio:1/1;border-radius:8px;overflow:hidden}
    #customer .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #customer .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #customer .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #customer .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #customer .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #customer .notice .tools{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 16px}
    #customer .faq .list ul{border-top:1px solid #707070}
    #customer .faq .list li{border-bottom:1px solid #ddd}
    #customer .faq .list li .flex{display:flex;gap:6px}
    #customer .faq .list li .faqa{display:block;padding:20px 24px;line-height:24px;font-size:15px;color:#1c1c1c;width:100%;min-height:64px;background:#fff}
    #customer .faq .list li .faqa strong{font-size:16px;font-weight:500;flex-shrink:0}
    #customer .faq .list li .faqa span{flex:1;text-align:left;line-height:24px}
    #customer .faq .list li .faqb{padding:20px 24px;line-height:24px;font-size:15px;color:#1c1c1c;width:100%;min-height:64px;background:#f0f6fb;border-top:1px solid #ddd;display:none}
    #customer .faq .list li .faqb.on{display:block}
    #customer .faq .list li .faqb strong{font-size:16px;font-weight:500;flex-shrink:0}
    #customer .faq .list li .faqb span{flex:1;text-align:left;line-height:24px}

    #introduce{position:relative;padding:30px 0 80px}
    #introduce .loca{margin:0 0 72px}
    #introduce .company .slogan{padding:50px 155px;background:#F4F4F4;border-radius:16px}
    #introduce .company .slogan dl{display:flex;gap:90px}
    #introduce .company .slogan dt{flex-shrink:0}
    #introduce .company .slogan dt img{display:block;width:auto}
    #introduce .company .slogan dd{flex:1;line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c}
    #introduce .company .intro{padding:60px 0;border-bottom:1px solid #ddd}
    #introduce .company .intro dl{display:flex;gap:72px}
    #introduce .company .intro dt{flex-shrink:0}
    #introduce .company .intro dt img{display:block;width:auto}
    #introduce .company .intro dd{flex:1;line-height:22px;font-size:15px;color:#1c1c1c}
    #introduce .company .info{padding:0;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid #ddd}
    #introduce .company .info .tit{line-height:30px;font-size:20px;font-weight:500;color:#1c1c1c;position:relative;margin:0 0 40px}
    #introduce .company .info .tit:before{content:'';position:absolute;top:50%;right:100%;margin-right:40px;width:24px;height:16px;background:url(../img/common/quote1.png) no-repeat 50% 50% / contain;transform:translateY(-50%)}
    #introduce .company .info .tit:after{content:'';position:absolute;top:50%;left:100%;margin-left:40px;width:24px;height:16px;background:url(../img/common/quote2.png) no-repeat 50% 50% / contain;transform:translateY(-50%)}
    #introduce .company .info .con{display:flex;align-items:center;justify-content:center;gap:20px;margin:40px 0 56px}
    #introduce .company .info .con p{border-radius:16px;overflow:hidden;width:253px;max-width:100%}
    #introduce .company .info .con p img{display:block;width:100%;height:100%;object-fit:cover}
    #introduce .company .info .desc{min-width:465px;max-width:100%;gap:16px;display:flex;flex-direction:column;line-height:22px;font-size:15px;color:#1c1c1c}
    #introduce .company .info .desc dl{display:flex;text-align:left}
    #introduce .company .info .desc dt{width:158px;flex-shrink:0}
    #introduce .company .info .desc dd{flex:1;color:#707070}
    #introduce .company .ci{padding:80px 0;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid #ddd}
    #introduce .company .ci .tit{line-height:30px;font-size:20px;font-weight:500;color:#1c1c1c;position:relative;margin:0 0 24px}
    #introduce .company .ci .txt{line-height:22px;font-size:15px;color:#707070;margin:0 0 24px}
    #introduce .company .ci .con{margin:0 0 16px}
    #introduce .company .ci .con img{display:block;width:auto;max-width:100%;height:auto}
    #introduce .company .ci .cau{line-height:18px;font-size:13px;color:#eb3f3d}
    #introduce .company .system{padding:80px 0 20px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}
    #introduce .company .system .tit{line-height:30px;font-size:20px;font-weight:500;color:#1c1c1c;position:relative;margin:0 0 24px}
    #introduce .company .system .txt{line-height:22px;font-size:15px;color:#707070;margin:0 0 24px}
    #introduce .company .system .con{display:flex;border:1px solid #ddd;width:100%;padding:46px 60px;min-height:168px}
    #introduce .company .system .con dl{flex:1;display:flex;align-items:center;gap:16px}
    #introduce .company .system .con dt{flex-shrink:0}
    #introduce .company .system .con dt i{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:72px;overflow:hidden;background:#fafafa}
    #introduce .company .system .con dt i.red{background:#c00f}
    #introduce .company .system .con dt i.gray{background:#e7e7e7ff}
    #introduce .company .system .con dt i.dark{background:#4b4848ff}
    #introduce .company .system .con dt i.blue{background:#05a4bcff}
    #introduce .company .system .con dd{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
    #introduce .company .system .con dd strong{margin:0 0 12px;line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #introduce .company .system .con dd span{display:flex;flex-wrap:wrap;gap:4px 8px;line-height:18px;font-size:13px;color:#707070}
    #introduce .service{padding:0 0 20px}
    #introduce .service .title{width:724px;padding:0 10px;max-width:100%;height:80px;border-radius:80px;border:1px solid #ddd;margin:0 auto 80px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:24px;font-weight:700;color:#1c1c1c}
    #introduce .service .title span{color:#EB3F3D}
    #introduce .service .cont ul{position:relative;width:740px;max-width:100%;height:590px;margin:0 auto}
    #introduce .service .cont li .box{position:absolute;width:192px;height:192px;border-radius:192px;box-shadow:0 0 12px #00000014;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
    #introduce .service .cont li .box .tit{display:flex;align-items:center;justify-content:center;margin:8px 0 0;line-height:24px;font-size:16px;font-weight:500;color:#1c1c1c;gap:5px}
    #introduce .service .cont li .box .tit i{position:relative;display:flex;width:16px;height:16px;border-radius:4px;box-shadow:0 0 2px #0000004d;background:url(../img/common/boxplus.png) no-repeat 50% 50% / 12px auto;cursor:pointer}
    #introduce .service .cont li .box .tit i p{position:absolute;top:0;left:100%;margin:0 0 0 8px;width:94px;height:auto;padding:12px;border-radius:8px;border:1px solid #ebebeb;background:#fff;line-height:22px;font-size:13px;font-weight:400;color:#44adc9;white-space:nowrap;text-align:left;display:none}
    #introduce .service .cont li .box .tit i.on{background:url(../img/common/boxminus.png) no-repeat 50% 50% / 12px auto}
    #introduce .service .cont li .box .tit i.on p{display:block}
    #introduce .service .cont li .box .txt{margin:2px 0 0;line-height:20px;font-size:14px;color:#1c1c1c}
    #introduce .service .cont li .con{position:absolute;display:flex;flex-direction:column;gap:43px;align-items:center;justify-content:center;text-align:center;min-height:192px}
    #introduce .service .cont li .con p{position:relative;width:100%;line-height:20px;font-size:14px;color:#707070}
    #introduce .service .cont li .con p:nth-child(1):before{content:'';position:absolute;top:100%;left:0;margin:10px 0 0;width:100%;height:1px;background:#ddd}
    #introduce .service .cont li .con p:nth-child(1):after{content:'';position:absolute;top:100%;left:100%;width:6px;height:6px;margin:7px 0 0 -7px;border:1px solid #e0e0e0;border-bottom:0;border-left:0;transform:rotate(45deg)}
    #introduce .service .cont li .con p:nth-child(2):before{content:'';position:absolute;bottom:100%;left:0;margin:0 0 10px;width:100%;height:1px;background:#ddd}
    #introduce .service .cont li .con p:nth-child(2):after{content:'';position:absolute;top:0;left:0;width:6px;height:6px;margin:-14px 0 0 1px;border:1px solid #e0e0e0;border-right:0;border-top:0;transform:rotate(45deg)}
    #introduce .service .cont li:nth-child(1) .box{top:0;left:50%;transform:translateX(-50%)}
    #introduce .service .cont li:nth-child(1) .con{top:50%;left:0;transform:translateY(-50%) rotate(-45deg);margin:-20px 0 0 110px;min-width:180px}
    #introduce .service .cont li:nth-child(2) .box{bottom:0;left:0}
    #introduce .service .cont li:nth-child(2) .con{bottom:0;left:50%;transform:translateX(-50%);min-width:292px}
    #introduce .service .cont li:nth-child(3) .box{bottom:0;right:0}
    #introduce .service .cont li:nth-child(3) .con{top:50%;left:50%;transform:translateY(-50%) rotate(45deg);margin:-20px 0 0 70px;min-width:180px}
    #introduce .application{padding:0 0 20px}
    #introduce .application .title{width:724px;padding:0 10px;max-width:100%;height:80px;border-radius:80px;border:1px solid #ddd;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:24px;font-weight:700;color:#1c1c1c}
    #introduce .application .title span{color:#EB3F3D}
    #introduce .application .text{line-height:24px;font-size:18px;font-weight:500;color:#333;text-align:center;padding:0 0 40px;position:relative}
    #introduce .application .problem{position:relative;padding:46px 0 0;margin:0 0 64px;border-top:1px solid #ddd}
    #introduce .application .problem:before{content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;border:1px solid #e0e0e0;border-top:0;border-left:0;background:#fff}
    #introduce .application .problem ul{display:flex;flex-wrap:wrap;gap:20px 31px}
    #introduce .application .problem li{width:calc(33.33% - 20.65px);padding:20px 10px 20px 20px;display:flex;align-items:center;justify-content:flex-start;text-align:left;border-radius:8px;box-shadow:0 0 4px #0000001a;gap:4px}
    #introduce .application .problem li i{width:28px;height:28px;background:url(../img/common/listcheck.png) no-repeat 50% 50% / contain}
    #introduce .application .problem li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:28px;font-size:15px;color:#1c1c1c}
    #introduce .application .image img{width:auto;max-width:100%;height:auto;display:block}
    #introduce .application .image p{margin:56px 0 30px;text-align:center;line-height:28px;font-size:22px;font-weight:500;color:#1c1c1c}
    #introduce .application .image p span{color:#eb3f3d}
    #introduce .application .support{position:relative;padding:54px 0 80px;border-top:1px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #introduce .application .support:before{content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;border:1px solid #e0e0e0;border-top:0;border-left:0;background:#fff}
    #introduce .application .support .tit{display:flex;align-items:center;justify-content:center;padding:12px 16px;height:48px;border-radius:48px;background:#f4f4f4;margin:0 0 40px}
    #introduce .application .support .con{width:912px;max-width:100%;margin:0 auto;display:flex;gap:28px}
    #introduce .application .support .con ul{display:flex;gap:28px;margin:0 0 64px}
    #introduce .application .support .con li{flex:1}
    #introduce .application .support .con li .box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;height:160px;border-radius:100%;border:1px solid #ebebeb;text-align:center;margin:0 auto}
    #introduce .application .support .con li strong{position:relative;line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;padding:0 0 28px}
    #introduce .application .support .con li strong:after{content:'';position:absolute;bottom:14px;left:50%;width:18px;height:2px;background:#eb3f3d;transform:translateX(-50%)}
    #introduce .application .support .con li span{line-height:20px;font-size:14px;color:#707070}
    #introduce .application .support .con dl{flex:1;display:flex;flex-direction:column}
    #introduce .application .support .con dt{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:4px;background:#333;color:#fff;font-size:16px;font-weight:500;margin:0 0 8px}
    #introduce .application .support .con dd{padding:8px;display:flex;flex-direction:column;gap:8px}
    #introduce .application .support .con dd p{line-height:20px;font-size:14px;color:#}
    #introduce .application .standard{position:relative;padding:80px 0;border-top:1px solid #ddd}
    #introduce .application .standard .tit{line-height:26px;font-size:20px;font-weight:700;color:#1c1c1c;text-align:center;margin:0 0 16px}
    #introduce .application .standard .txt{line-height:22px;font-size:15px;color:#707070;text-align:center}
    #introduce .application .standard .con{margin:40px 0 0}
    #introduce .application .standard .con ul{display:flex;gap:30px;width:804px;max-width:100%;margin:0 auto}
    #introduce .application .standard .con li{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 4px #00000029;min-height:276px;border-radius:8px;padding:50px}
    #introduce .application .standard .con li img{display:block;margin:0 auto 8px}
    #introduce .application .standard .con li strong{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #introduce .application .standard .con li p{width:100%;text-align:left;line-height:20px;font-size:14px;color:#707070;font-weight:300}
    #introduce .application .standard .exp{margin:32px 0 0;line-height:18px;font-size:13px;color:#707070;text-align:center}
    #introduce .application .process{position:relative;padding:80px 0 56px;border-top:1px solid #ddd}
    #introduce .application .process .tit{line-height:26px;font-size:20px;font-weight:700;color:#1c1c1c;text-align:center;margin:0 0 16px}
    #introduce .application .process .txt{line-height:22px;font-size:15px;color:#707070;text-align:center}
    #introduce .application .process .con{margin:40px 0 0}
    #introduce .application .process .con ul{display:flex;gap:30px}
    #introduce .application .process .con li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #introduce .application .process .con li i{position:relative;display:flex;width:158px;height:158px;flex-direction:column;align-items:center;justify-content:center;border-radius:100%;background:#0066B3}
    #introduce .application .process .con li i:before{content:'';position:absolute;top:50%;left:100%;width:24px;height:24px;background:url(../img/common/arrowright.png) no-repeat 50% 50% / contain;transform:translateY(-50%);margin:0 3px}
    #introduce .application .process .con li:last-child i:before{display:none}
    #introduce .application .process .con li i em{line-height:22px;font-size:16px;font-weight:500;color:#fff;opacity:.4;margin:0 0 8px}
    #introduce .application .process .con li i p{line-height:22px;font-size:20px;font-weight:500;color:#fff}
    #introduce .application .process .con li span{margin:16px 0 0;text-align:center;line-height:20px;font-size:14px;color:#707070}
    #introduce .application .button{display:flex;align-items:center;justify-content:center}
    #introduce .application .button .btn{display:flex;align-items:center;justify-content:center;min-width:224px;height:48px;padding:12px 16px;border-radius:48px;border:1px solid transparent;font-size:16px;font-weight:500}
    #introduce .application .form{border-top:1px solid #ddd}
    #introduce .application .form dl{display:flex;border-bottom:1px solid #ddd}
    #introduce .application .form dt{width:188px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #introduce .application .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #introduce .application .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px;flex-direction:column;gap:10px}
    #introduce .application .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #introduce .application .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center;gap:8px}
    #introduce .application .form dd .inp input{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #introduce .application .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #introduce .application .form dd .inp button{width:100px;height:48px;border-radius:48px;border:1px solid #333;background:#fff;color:#333;font-size:13px;white-space:nowrap;flex-shrink:0}
    #introduce .application .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;background:#fff;padding:2px 4px}
    #introduce .application .form dd .sel{width:314px;max-width:100%;display:flex;align-items:center;justify-content:center;gap:6px}
    #introduce .application .form dd .sel select{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px}
    #introduce .application .form dd .sel p{white-space:nowrap;font-size:14px;color:#707070}
    #introduce .application .form dd .sel.timer select{background:url(../img/common/dropdown.png) no-repeat right 6px center / auto 16px;padding:8px 12px}
    #introduce .application .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;align-items:center;margin:12px 0}
    #introduce .application .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #introduce .application .form dd .chk label input{display:none}
    #introduce .application .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #introduce .application .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #introduce .application .form dd .chk label input ~ p span{color:#EB3F3D}
    #introduce .application .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #introduce .application .form dd .chk04 label{width:calc(25% - 24px)}
    #introduce .application .form dd .w550{width:550px}
    #introduce .application .form dd .w320{width:320px}
    #introduce .application .button{margin:56px 0 0;gap:30px}
    #introduce .application .result .complete{background:#F4F4F4;margin:0 0 56px;padding:40px;text-align:center;border-radius:16px}
    #introduce .application .result .complete .tit{margin:0 0 16px;line-height:30px;font-size:24px;font-weight:700;color:#1c1c1c}
    #introduce .application .result .complete .txt{line-height:22px;font-size:15px;color:#707070;margin:0 0 8px}
    #introduce .application .result .complete .cau{line-height:22px;font-size:15px;color:#eb3f3d}
    #introduce .application .result .caution{position:relative;padding:0 0 80px}
    #introduce .application .result .caution .tit{line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c;text-align:center;margin:0 0 16px}
    #introduce .application .result .caution .con{border-radius:8px;border:1px solid #ddd;padding:37px 32px;display:flex;flex-direction:column;gap:16px}
    #introduce .application .result .caution .con p{line-height:20px;font-size:14px;color:#707070}
    #introduce .application .result .caution .txt{margin:20px 0 0;line-height:18px;font-size:13px;font-weight:500;color:#0066b3;text-align:center}
    #introduce .application .result .tax{border-top:1px solid #ddd;padding:80px 0 0;text-align:center}
    #introduce .application .result .tax .tit{line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #introduce .application .result .tax .cau{line-height:18px;font-size:13px;color:#eb3f3d;margin:0 0 24px}
    #introduce .application .result .tax .con{border-radius:8px;border:1px solid #ddd;padding:40px 20px;display:flex;flex-direction:column}
    #introduce .application .result .tax .con strong{line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 20px}
    #introduce .application .result .tax .con p{display:flex;align-items:center;justify-content:center;text-align:center;margin:4px 0;line-height:22px;font-size:15px;color:#707070;gap:24px}
    #introduce .application .result .tax .con p i{margin-right:-20px}
    #introduce .application .result .tax .con p i:after{content:':';margin:0 2px 0 6px}
    #introduce .application .result .tax .con p span em{font-weight:500}
    #introduce .instruct .guide{padding:0 0 80px;border-bottom:1px solid #ddd;text-align:center}
    #introduce .instruct .guide .title{line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #introduce .instruct .guide .text{line-height:20px;font-size:14px;color:#707070}
    #introduce .instruct .guide .cont{margin:40px 0 0}
    #introduce .instruct .guide .cont ul{gap:64px;display:flex;align-items:center;justify-content:center}
    #introduce .instruct .guide .cont li .img{width:176px;height:176px;border-radius:176px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 24px}
    #introduce .instruct .guide .cont li .img img{display:block;width:auto;max-width:100%;height:auto}
    #introduce .instruct .guide .cont li .tit{line-height:22px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 12px}
    #introduce .instruct .guide .cont li .txt{line-height:20px;font-size:14px;color:#707070}
    #introduce .instruct .point{padding:80px 0;border-bottom:1px solid #ddd;text-align:center}
    #introduce .instruct .point .title{line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #introduce .instruct .point .text{line-height:20px;font-size:14px;color:#707070}
    #introduce .instruct .point .cont{margin:40px 0 0}
    #introduce .instruct .point .cont ul{gap:64px;display:flex;align-items:center;justify-content:center}
    #introduce .instruct .point .cont li .img{width:176px;height:176px;border-radius:176px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 24px}
    #introduce .instruct .point .cont li .img img{display:block;width:auto;max-width:100%;height:auto}
    #introduce .instruct .point .cont li .tit{line-height:22px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 12px}
    #introduce .instruct .point .cont li .txt{line-height:20px;font-size:14px;color:#707070}
    #introduce .instruct .point .caut{margin:56px auto 0;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;line-height:20px;font-size:13px;color:#555;background:#f4f4f4}
    #introduce .instruct .caution{padding:80px 0;text-align:center}
    #introduce .instruct .caution .title{line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 48px}
    #introduce .instruct .caution .cont{position:relative;padding:48px;border:1px solid #ddd;border-radius:8px}
    #introduce .instruct .caution .cont .tit{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:8px 16px;background:#fff;line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #introduce .instruct .caution .cont .txt{margin:0 0 32px;line-height:20px;font-size:14px;color:#1c1c1c}
    #introduce .instruct .caution .cont .con{display:flex}
    #introduce .instruct .caution .cont .img{width:50%;display:flex;align-items:center;justify-content:center;padding:20px}
    #introduce .instruct .caution .cont .lst{width:50%;text-align:left;display:flex;flex-direction:column;gap:12px}
    #introduce .instruct .caution .cont .lst p{line-height:18px;font-size:13px;color:#707070;position:relative;padding:0 0 0 12px}
    #introduce .instruct .caution .cont .lst p:before{content:'';position:absolute;top:9px;left:0;width:4px;height:1px;background:#707070}

    #office{position:relative;padding:70px 0 120px}
    #office > .wrap{display:flex;align-items:flex-start}
    #office .aside{width:252px;margin:0 56px 0 0;flex-shrink:0;background:#fff;box-shadow:0 0 10px #0000001a;border-radius:12px}
    #office .aside .title{padding:40px 0 34px 24px;height:96px;display:flex;align-items:center;justify-content:flex-start;line-height:1;font-size:22px;font-weight:700;color:#00235c}
    #office .aside .title:before{content:'';width:2px;height:18px;background:#eb3f3d;margin:0 12px 0 0;flex-shrink:0}
    #office .aside .cont ul{padding:0 24px}
    #office .aside .cont ul + ul{border-top:8px solid #f4f4f4}
    #office .aside .cont li + li{border-top:1px solid #ededed}
    #office .aside .cont li a{display:flex;height:56px;align-items:center;line-height:1;font-size:15px;color:#707070}
    #office .aside .cont li a p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #office .aside .cont li a em{margin-left:auto;display:flex;align-items:center;justify-content:center;width:35px;height:20px;border-radius:24px;border:1px solid #eb3f3d;background:#fff;line-height:normal;color:#eb3f3d;font-size:13px}
    #office .aside .cont li a .new{margin-left:2px;width:14px;height:13px;background:#fff;color:#eb3f3d;font-size:8px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:malgun gothic,dotum,sans-serif;vertical-align:top;background:url(../img/sub/ico_new.png) no-repeat;text-indent:-9999em;overflow:hidden}
    #office .aside .cont li a .box{margin-left:2px;border-radius:5px;border:1px solid #e0e0e0;padding:5px 10px;line-height:16px;font-size:13px;font-weight:400;color:#333;background:#fafafa}
    #office .aside .cont li a:after{content:'';width:20px;height:20px;background:url(../img/common/arrow_right_b.png) no-repeat right center / auto 14px}
    #office .aside .cont li.on a p{color:#eb3f3d;font-weight:500}
    #office .aside .cont li.tel a:after{display:none}
    #office .aside .cont li:hover a{color:#1c1c1c}
    #office .section{flex:1;display:flex;flex-direction:column}
    #office .section .header{display:flex;align-items:center;justify-content:space-between;margin:25px 0 35px;min-height:50px}
    #office .section .header .title{line-height:1;font-size:24px;font-weight:700;color:#1c1c1c}
    #office .section .header .tool{display:flex;align-items:center;margin:0}
    #office .section .header .tool a{display:flex;padding:12px 16px;width:auto;height:40px;border-radius:40px;border:1px solid #ccc;align-items:center;justify-content:center;gap:4px}
    #office .section .header .tool a i{width:16px;height:16px}
    #office .section .header .tool a p{line-height:1;font-size:15px;color:#707070}
    #office .section .header .tool a.bookBtn i{background:url(../img/common/cog.png) no-repeat 50% 50% / contain}
    #office .section .header .search{display:flex}
    #office .section .header .search form{display:flex;gap:8px}
    #office .section .header .search .sel{width:120px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:8px}
    #office .section .header .search .sel select{width:100%;height:48px;border:0;padding:8px 16px;font-size:13px}
    #office .section .header .search .inp{width:380px;display:flex;align-items:center;border:1px solid #ddd;border-radius:8px}
    #office .section .header .search .inp input{flex:1;width:100%;height:48px;background:transparent;padding:8px 16px;font-size:13px}
    #office .section .header .search .inp button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent}
    #office .section .header .search .inp button img{height:20px}
    #office .section .header .viewBox{margin-left:10px}
    #office .section .reservation .tabs{display:flex;margin:0 0 48px}
    #office .section .reservation .tabs .tab{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:56px;text-align:center;line-height:1;font-size:16px;color:#707070;background:#fff}
    #office .section .reservation .tabs .tab:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ddd}
    #office .section .reservation .tabs .tab.selected{color:#eb3f3d}
    #office .section .reservation .tabs .tab.selected:after{height:2px;background:#eb3f3d}
    #office .section .reservation .tabs_cont{display:none}
    #office .section .reservation .tabs_cont.selected{display:block}
    #office .section .reservation .month{display:flex;align-items:center;justify-content:flex-start;margin:0 0 16px}
    #office .section .reservation .month .current{margin:0 24px;height:40px;font-size:24px;font-weight:700;background:transparent}
    #office .section .reservation .month .prev{width:40px;height:40px;background:transparent}
    #office .section .reservation .month .prev img{width:100%;height:100%;object-fit:contain}
    #office .section .reservation .month .next{width:40px;height:40px;background:transparent}
    #office .section .reservation .month .next img{width:100%;height:100%;object-fit:contain}
    #office .section .reservation .view{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
    #office .section .reservation .view .badge{display:flex;align-items:center;gap:10px}
    #office .section .reservation .view .badge p{padding:2px 10px;border-radius:4px;border:1px solid #ebebeb;min-width:56px;height:32px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1}
    #office .section .reservation .view .badge p.badge1{color:#0066B3}
    #office .section .reservation .view .badge p.badge2{color:#00b85f}
    #office .section .reservation .view .badge p.badge3{color:#EB3F3D}
    #office .section .reservation .view .stat{display:flex;align-items:center;justify-content:center;gap:25px}
    #office .section .reservation .view .stat p{position:relative;line-height:1;font-size:14px;color:#1c1c1c}
    #office .section .reservation .view .stat p + p:before{content:'';position:absolute;top:50%;left:0;margin-left:-12px;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #office .section .reservation .view .stat p.stat1 span{color:#aaa}
    #office .section .reservation .view .stat p.stat2 span{color:#1c1c1c}
    #office .section .reservation .view .stat p.stat3 span{color:#707070;text-decoration:line-through}
    #office .section .reservation .calendar .week ul{display:flex;gap:1.2px;background:#ddd;border-top:1px solid #ccc}
    #office .section .reservation .calendar .week li{flex:1;display:flex;align-items:center;justify-content:center;height:40px;border-bottom:1px solid #ddd;background:#f4f4f4;flex-shrink:0;font-size:15px}
    #office .section .reservation .calendar .week li.sun{color:#EB3F3D}
    #office .section .reservation .calendar .week li.sat{color:#0066B3}
    #office .section .reservation .calendar .days ul{display:flex;gap:1.2px;background:#ddd;border-bottom:1px solid #ddd}
    #office .section .reservation .calendar .days li{background:#fff;display:flex;flex-direction:column;flex:1}
    #office .section .reservation .calendar .days li .head{display:flex;align-items:center;justify-content:space-between;height:40px;border-bottom:1px solid #ddd;background:#fff;padding:2px 8px}
    #office .section .reservation .calendar .days li .head .num{font-size:15px;font-weight:500;color:#1c1c1c}
    #office .section .reservation .calendar .days li .head .act{display:flex;align-items:center;gap:8px}
    #office .section .reservation .calendar .days li .head .act a{display:flex;align-items:center;justify-content:center}
    #office .section .reservation .calendar .days li .head .act a i{display:block;width:16px;height:16px;background:#f4f4f4}
    #office .section .reservation .calendar .days li .head .act a.barBtn i{background:url(../img/common/bar.png) no-repeat 50% 50% / contain}
    #office .section .reservation .calendar .days li .head .act a.cogBtn i{background:url(../img/common/cog.png) no-repeat 50% 50% / contain}
    #office .section .reservation .calendar .days li .cont{min-height:77px;display:flex;flex-direction:column;flex:1}
    #office .section .reservation .calendar .days li .cont.holidayBack{background:#fef4f4}
    #office .section .reservation .calendar .days li .cont p{padding:4px 8px;display:flex;align-items:center;gap:4px}
    #office .section .reservation .calendar .days li .cont p:nth-child(1){padding-top:8px}
    #office .section .reservation .calendar .days li .cont p span{line-height:16px;font-size:12px;flex-shrink:0}
    #office .section .reservation .calendar .days li .cont p .number{font-size:11px}
    #office .section .reservation .calendar .days li .cont p .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;max-width:34px}
    #office .section .reservation .calendar .days li .cont p .time{margin-left:auto;font-size:10px}
    #office .section .reservation .calendar .days li .cont p.holiday{display:flex;align-items:center;justify-content:center;flex:1;background:#fef4f4;font-size:12px;padding:0!important}
    #office .section .reservation .calendar .days li .cont p.holiday.holidayPlus{padding:10px 0!important}
    #office .section .reservation .calendar .days li .cont p.holiday_s{display:flex;align-items:center;justify-content:center;flex:1;background:#f7f7f7;font-size:12px;padding:0!important}
    #office .section .reservation .calendar .days li .cont p.step1 span,#office .section .reservation .calendar .days li .cont p.step1 span a{color:#aaa}
    #office .section .reservation .calendar .days li .cont p.step2 span,#office .section .reservation .calendar .days li .cont p.step2 span a{color:#1c1c1c}
    #office .section .reservation .calendar .days li .cont p.step3 span,#office .section .reservation .calendar .days li .cont p.step3 span a{text-decoration:line-through;color:#1c1c1c}
    #office .section .reservation .calendar .days li.sun .head .num{color:#EB3F3D}
    #office .section .reservation .calendar .days li.sat .head .num{color:#0066B3}
    #office .section .reservation .schedule{margin:48px 0 0}
    #office .section .reservation .schedule ul{display:flex;gap:1px}
    #office .section .reservation .schedule li{flex:1;height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;flex-shrink:0}
    #office .section .reservation .schedule .head{background:#F4F4F4;border-top:1px solid #707070;border-bottom:1px solid #ddd}
    #office .section .reservation .schedule .head li{background:#F4F4F4}
    #office .section .reservation .schedule .body{display:flex;gap:1px;background:#ddd}
    #office .section .reservation .schedule .body ul{border-bottom:1px solid #ddd;flex-direction:column;flex:1}
    #office .section .reservation .schedule .body ul li{background:#fff;flex:unset}
    #office .section .reservation .schedule .body ul.disabled li:not(:nth-child(1)){background:#f4f4f4;pointer-events:none}
    #office .section .reservation .schedule .body ul.disabled li:not(:nth-child(1)) label input ~ p{color:#ccc}
    #office .section .reservation .schedule .body ul.disabled li:not(:nth-child(1)) label input:checked ~ i{background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #office .section .reservation .schedule .body label{display:flex;align-items:center;height:24px;cursor:pointer;min-width:64px}
    #office .section .reservation .schedule .body label input{display:none}
    #office .section .reservation .schedule .body label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #office .section .reservation .schedule .body label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #office .section .reservation .schedule .body label input ~ p span{color:#EB3F3D}
    #office .section .reservation .schedule .body label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #office .section .reservation .detail{margin:0 0 64px;border-top:1px solid #ddd}
    #office .section .reservation .detail dl{display:flex;border-bottom:1px solid #ddd}
    #office .section .reservation .detail dt{width:130px;min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #office .section .reservation .detail dt img{height:18px;width:auto;margin:0 6px 0 0}
    #office .section .reservation .detail dd{width:100%;display:flex;min-height:64px;padding:20px;flex-direction:column;gap:10px}
    #office .section .reservation .detail dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:16px;font-size:15px;color:#1c1c1c;line-height:24px}
    #office .section .reservation .detail dd .txt.red{color:#eb3f3d}
    #office .section .reservation .detail dd .txt.red small{margin-left:20px;font-size:12px}
    #office .section .reservation .detail dd .box{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ebebeb;border-radius:4px;padding:4px 10px;font-size:14px;color:#999}
    #office .section .reservation .detail dd .box1{color:#0066b3}
    #office .section .reservation .detail dd .con img{margin:0 0 16px;border-radius:10px;overflow:hidden;object-fit:contain;max-width:100%}
    #office .section .reservation .detail dd:nth-last-of-type(3),#office .section .reservation .detail dd:nth-last-child(3){width:240px;flex:0 0 auto}
    #office .section .reservation .detail dd:nth-last-of-type(1),#office .section .reservation .detail dd:nth-last-child(1){width:100%}
    #office .section .reservation .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center;gap:8px}
    #office .section .reservation .button .btn{display:flex;align-items:center;justify-content:center;min-width:224px;height:48px;border-radius:48px;font-size:14px;border:1px solid transparent}
    #office .section .review .cont{display:flex;gap:16px}
    #office .section .review .cont dl{flex:1}
    #office .section .review .cont dt{margin:0 0 8px;display:flex;align-items:center;justify-content:center;min-height:56px;padding:20px 24px;font-size:15px;font-weight:500;gap:4px}
    #office .section .review .cont dt span{color:#eb3f3d}
    #office .section .review .cont ul{display:flex;gap:16px 25px;flex-wrap:wrap}
    #office .section .review .cont li{width:calc(50% - 12.5px)}
    #office .section .review .cont li .box{position:relative;display:flex;align-items:center;border-radius:8px;border:1px solid #ddd;padding:20px;height:64px;cursor:pointer}
    #office .section .review .cont li .box img{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0;order:1}
    #office .section .review .cont li .box p{flex:1;line-height:20px;font-size:14px;color:#1c1c1c;order:2}
    #office .section .review .cont li .box em{width:24px;line-height:20px;font-size:14px;color:#eb3f3d;text-align:center;order:3}
    #office .section .review .cont li .box input{display:none}
    #office .section .review .cont li .box i{width:20px;height:20px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain;order:4;margin-left:20px}
    #office .section .review .cont li .box input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #office .section .review .cont li .box input:checked ~ p:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:8px;border:1px solid #eb3f3d;pointer-events:none}
    #office .section .review .search{margin:24px 0}
    #office .section .review .search .form{display:flex;align-items:center;justify-content:flex-end;border:0;margin:0;padding:0}
    #office .section .review .search .select{display:flex;width:120px;margin:0 10px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #office .section .review .search .select select{padding:0 16px;width:100%;border:0;height:48px}
    #office .section .review .search .input{display:flex;margin:0 10px 0 0;width:252px;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #office .section .review .search .input input{flex:1;height:20px}
    #office .section .review .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #office .section .review .search .input button img{display:block;width:100%;height:auto}
    #office .section .review .table th,#office .section .review .table td{padding:10px 4px;text-align:center;height:56px}
    #office .section .review .table td [class^=ico]{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ededed;width:32px;height:32px;text-align:center;font-size:14px;margin:auto}
    #office .section .review .table td .ico1{color:#0066B3}
    #office .section .review .table td .ico2{color:#06C270}
    #office .section .review .table td .ico3{color:#EB3F3D}
    #office .section .review .table td .star{position:relative;display:flex;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #office .section .review .table td .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #office .section .review .table td a{display:flex;align-items:center}
    #office .section .review .table td a em.cmmt{color:#eb3f3d}
    #office .section .review .table td a em.flag{display:inline-flex;color:#EB3F3D;margin:0 4px 0 0;flex-shrink:0;line-height:22px}
    #office .section .review .table td a .anchor{margin:0 4px 0 0;line-height:22px}
    #office .section .review .table td a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;height:22px}
    #office .section .review .table td.thm img{height:40px;width:60px;object-fit:contain}
    #office .section .review .table tr.end a em.flag{color:#707070}
    #office .section .review .table .empty{text-align:center;padding:100px 0;color:#999}
    #office .section .review .view .head{display:flex;align-items:center;justify-content:space-between;padding:24px;background:#f2f2f2;border-top:1px solid #707070}
    #office .section .review .view .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #office .section .review .view .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #office .section .review .view .head .star{position:relative;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #office .section .review .view .head .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #office .section .review .view .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #office .section .review .view .head .tool a{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;text-decoration:underline}
    #office .section .review .view .head .tool a + a{padding:0 0 0 16px;margin:0 0 0 16px}
    #office .section .review .view .head .tool a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #office .section .review .view .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center}
    #office .section .review .view .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #office .section .review .view .info p strong{font-weight:500;margin:0 8px 0 0}
    #office .section .review .view .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #office .section .review .view .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #office .section .review .view .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #office .section .review .view .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #office .section .review .view .info .ongoing .period{font-size:14px;color:#707070}
    #office .section .review .view .review_cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #office .section .review .view .review_cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #office .section .review .view .review_cont p{line-height:32px;font-size:15px}
    #office .section .review .view .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #office .section .review .view .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #office .section .review .view .button .btn img{height:16px}
    #office .section .review .view .bottom{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;padding:0;margin:0}
    #office .section .review .view .bottom .total{display:flex}
    #office .section .review .view .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #office .section .review .view .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #office .section .review .view .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #office .section .review .view .bottom .total dt{font-size:14px;margin:0 4px 0 0;padding:0;text-wrap:nowrap}
    #office .section .review .view .bottom .total dd{font-size:14px;font-weight:500}
    #office .section .review .view .bottom .total dd span{color:#0066B3}
    #office .section .review .view .bottom .total dd strong{color:#EB3F3D}
    #office .section .review .view .bottom .share{position:relative;display:flex;align-items:center}
    #office .section .review .view .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #office .section .review .view .bottom .share > a img{height:20px}
    #office .section .review .view .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #office .section .review .view .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #office .section .review .view .bottom .share > ul li a img{width:64px;height:auto}
    #office .section .review .view .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #office .section .review .view .bottom .share.on > ul{opacity:1;visibility:visible}
    #office .section .review .view .comment .type{padding:80px 0 0;margin:0 0 32px}
    #office .section .review .view .comment .type ul{display:flex}
    #office .section .review .view .comment .type li{flex:1}
    #office .section .review .view .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #office .section .review .view .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #office .section .review .view .comment .con ul{gap:0}
    #office .section .review .view .comment .con li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column;width:100%}
    #office .section .review .view .comment .con li + li{border-top:1px solid #ddd}
    #office .section .review .view .comment .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #office .section .review .view .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #office .section .review .view .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #office .section .review .view .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #office .section .review .view .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #office .section .review .view .comment .con li .cmt_head{margin:0 0 4px;display:flex;align-items:center;gap:10px}
    #office .section .review .view .comment .con li .cmt_name{line-height:18px;font-size:13px;color:#707070}
    #office .section .review .view .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #office .section .review .view .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #office .section .review .view .comment .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #office .section .review .view .comment .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #office .section .review .view .comment .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #office .section .review .view .comment .con li .cmt_item dt{margin:0 6px 0 0}
    #office .section .review .view .comment .con li .cmt_date{line-height:18px;font-size:13px;color:#707070}
    #office .section .review .view .comment .con li.cmt_rep{background:#f4f4f4}
    #office .section .review .view .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #office .section .review .view .comment .con li .cmt_top{display:flex;align-items:center}
    #office .section .review .view .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #office .section .review .view .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #office .section .review .view .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #office .section .review .view .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #office .section .review .view .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #office .section .review .view .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #office .section .review .view .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #office .section .review .view .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #office .section .review .view .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #office .section .review .view .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #office .section .review .view .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #office .section .review .view .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#fff;height:auto;display:block;cursor:unset}
    #office .section .review .view .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #office .section .review .view .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #office .section .review .view .comment .frm .bot .file label{cursor:pointer}
    #office .section .review .view .comment .frm .bot .file label input{display:none}
    #office .section .review .view .comment .frm .bot .file label img{width:auto;height:24px}
    #office .section .review .view .comment .frm .bot .submit a,#office .section .review .view .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #office .section .coupon .couponlist{margin:0 0 40px}
    #office .section .coupon .couponlist ul{display:flex;flex-wrap:wrap;gap:50px 10px}
    #office .section .coupon .couponlist li{display:flex;flex-direction:column;gap:16px;width:256px}
    #office .section .coupon .couponlist li .inner{display:flex;background:url(../img/sub/couponbg.png) no-repeat top left;padding:4px;flex-direction:column}
    #office .section .coupon .couponlist li .function{display:flex;align-items:center;justify-content:center}
    #office .section .coupon .couponlist li .box{padding:16px 51px 16px 16px;max-height:136px;display:flex;flex-direction:column}
    #office .section .coupon .couponlist li .head{display:flex;align-items:center;justify-content:space-between;margin:0;flex-shrink:0}
    #office .section .coupon .couponlist li .head .logo img{height:14px;width:auto;display:block}
    #office .section .coupon .couponlist li .head .number{line-height:1;font-size:8px;font-weight:500;color:#1c1c1c}
    #office .section .coupon .couponlist li .body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:6px 0}
    #office .section .coupon .couponlist li .body .name{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:18px;height:18px;background:#eb3f3d;color:#fff;font-size:10px;margin:0 0 4px}
    #office .section .coupon .couponlist li .body .cost{font-size:14px;color:#1c1c1c}
    #office .section .coupon .couponlist li .body .cost strong{font-size:24px;font-weight:700;color:#eb2f3d}
    #office .section .coupon .couponlist li .explain{padding-top:8px;border-top:1px dotted #dddd;line-height:10px;font-size:8px;font-weight:300;color:#707070;margin:auto 0 0;flex-shrink:0}
    #office .section .coupon .couponlist li .btn{display:flex;align-items:center;justify-content:center;min-width:88px;height:32px;border-radius:32px;font-size:13px}
    #office .section .coupon .couponlist li .side{width:35px;background:#eb3f3d;display:flex;flex-direction:column;align-items:center;justify-content:center;word-break:break-word;flex-shrink:0;line-height:20px;font-size:12px;color:#fff;border-radius:0 8px 8px 0;opacity:0}
    #office .section .onestop .cont{display:none}
    #office .section .onestop .cont.on{display:block}
    #office .section .onestop .list ul{display:flex;flex-wrap:wrap;gap:32px 24px}
    #office .section .onestop .list li{position:relative;width:calc(25% - 18px)}
    #office .section .onestop .list li .date{display:flex;align-items:center;margin:0 0 12px;gap:8px}
    #office .section .onestop .list li .date .stat{display:flex;align-items:center;justify-content:center;min-width:54px;height:24px;border-radius:24px;background:#eb3f3d;color:#fff;padding:0 10px;font-size:12px}
    #office .section .onestop .list li .date .period{flex:1;font-size:14px;color:#1c1c1c}
    #office .section .onestop .list li .img{position:relative;border-radius:16px;overflow:hidden;margin:0 0 12px;height:116px}
    #office .section .onestop .list li .img:before{content:'';width:40px;height:40px;background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;visibility:hidden}
    #office .section .onestop .list li .img:after{content:'';width:100%;height:100%;background:#000;opacity:.7;z-index:1;display:flex;position:absolute;top:0;left:0;opacity:0;visibility:hidden}
    #office .section .onestop .list li .img img{display:block;width:100%;height:100%}
    #office .section .onestop .list li .upper{display:flex;align-items:flex-start;gap:4px;margin:0 0 10px}
    #office .section .onestop .list li .upper .check{flex:0 0 auto}
    #office .section .onestop .list li .upper .check label{display:flex;align-items:center;cursor:pointer}
    #office .section .onestop .list li .upper .check label input{display:none}
    #office .section .onestop .list li .upper .check label input ~ i{width:24px;height:24px;border-radius:24px;flex-shrink:0;margin:0 8px 0 0;background:#fff url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #office .section .onestop .list li .upper .check label input:checked ~ i{background:#fff url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #office .section .onestop .list li .upper .text{min-height:48px;line-height:24px;font-size:15px;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #office .section .onestop .list li .info{display:flex;align-items:flex-end;margin:12px 0 0;padding:16px 0 0;border-top:1px solid #ededed}
    #office .section .onestop .list li .price{display:flex;align-items:flex-start;flex-direction:column}
    #office .section .onestop .list li .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #office .section .onestop .list li .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #office .section .onestop .list li .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #office .section .onestop .list li .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #office .section .onestop .list li .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #office .section .onestop .list li .tool .comment{display:flex;align-items:center}
    #office .section .onestop .list li .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #office .section .onestop .list li .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #office .section .onestop .list li .side{display:flex;align-items:center;margin-top:20px}
    #office .section .onestop .list li .side p{position:relative;font-size:15px;color:#707070}
    #office .section .onestop .list li .side p + p{margin-left:10px;padding-left:10px}
    #office .section .onestop .list li .side p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #office .section .onestop .list li.checked .img:before{opacity:1;visibility:visible}
    #office .section .onestop .list li.checked .img:after{opacity:.7;visibility:visible}
    #office .section .onestop .more{display:flex;margin:56px 0;align-items:center;justify-content:center}
    #office .section .onestop .more a{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid #ddd;gap:8px}
    #office .section .onestop .button{margin:56px 0 0;padding:56px 0 0;border-top:1px solid #ddd;gap:8px}
    #office .section .pointmall .sorting{margin:0 auto 32px}
    #office .section .pointmall .sorting ul{gap:12px 8px;display:flex;flex-wrap:wrap}
    #office .section .pointmall .sorting li{width:calc(25% - 6.66px)}
    #office .section .pointmall .sorting li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:48px;border-radius:48px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #office .section .pointmall .sorting li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #office .section .pointmall .list ul{display:flex;flex-wrap:wrap;gap:32px 24px}
    #office .section .pointmall .list li{width:calc(25% - 18px)}
    #office .section .pointmall .list li .date{display:flex;align-items:center;margin:0 0 12px;gap:8px}
    #office .section .pointmall .list li .date .stat{display:flex;align-items:center;justify-content:center;min-width:54px;height:24px;border-radius:24px;background:#eb3f3d;color:#fff;padding:0 10px;font-size:12px}
    #office .section .pointmall .list li .date .period{flex:1;font-size:14px;color:#1c1c1c}
    #office .section .pointmall .list li .img{position:relative;border-radius:16px;overflow:hidden;margin:0 0 12px}
    #office .section .pointmall .list li .img:before{content:'';width:40px;height:40px;background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;visibility:hidden}
    #office .section .pointmall .list li .img:after{content:'';width:100%;height:100%;background:#000;opacity:.7;z-index:1;display:flex;position:absolute;top:0;left:0;opacity:0;visibility:hidden}
    #office .section .pointmall .list li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #office .section .pointmall .list.mall_list li .img{border-radius:8px;padding:100% 0 0;position:relative;border:1px solid #ddd}
    #office .section .pointmall .list.mall_list li .img img{display:block;width:100%;height:auto;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    #office .section .pointmall .list li .con{position:relative}
    #office .section .pointmall .list li .upper{display:flex;align-items:flex-start;gap:4px;margin:0 0 10px}
    #office .section .pointmall .list li .upper .check{flex-shrink:0}
    #office .section .pointmall .list li .upper .check label{display:flex;align-items:center;cursor:pointer}
    #office .section .pointmall .list li .upper .check label input{display:none}
    #office .section .pointmall .list li .upper .check label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #office .section .pointmall .list li .upper .check label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #office .section .pointmall .list li .upper .text{min-height:48px;line-height:24px;font-size:18px;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #office .section .pointmall .list li .info{display:flex;align-items:flex-end;margin:12px 0 0;padding:16px 0 0;border-top:1px solid #ededed}
    #office .section .pointmall .list li .price{display:flex;align-items:flex-start;flex-direction:column}
    #office .section .pointmall .list li .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #office .section .pointmall .list li .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #office .section .pointmall .list li .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #office .section .pointmall .list li .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #office .section .pointmall .list li .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #office .section .pointmall .list li .tool .comment{display:flex;align-items:center}
    #office .section .pointmall .list li .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #office .section .pointmall .list li .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #office .section .pointmall .list li .side{display:flex;align-items:center;margin-top:20px}
    #office .section .pointmall .list li .side p{position:relative;font-size:15px;color:#707070}
    #office .section .pointmall .list li .side p + p{margin-left:10px;padding-left:10px}
    #office .section .pointmall .list li .side p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #office .section .pointmall .list li.checked .img:before{opacity:1;visibility:visible}
    #office .section .pointmall .list li.checked .img:after{opacity:.7;visibility:visible}
    #office .section .pointmall .more{display:flex;margin:56px 0;align-items:center;justify-content:center}
    #office .section .pointmall .more a{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid #ddd;gap:8px}
    #office .section .pointmall .button{margin:56px 0 0;padding:56px 0 0;border-top:1px solid #ddd;gap:8px}
    #office .section .store .applicate .complete{margin:0 0 56px;padding:40px;text-align:center;background:#f4f4f4}
    #office .section .store .applicate .complete .tit{line-height:30px;font-size:24px;font-weight:700;color:#1c1c1c;margin:0 0 8px}
    #office .section .store .applicate .complete .txt{line-height:20px;font-size:14px;font-weight:300;color:#707070}
    #office .section .store .applicate .complete .step{line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #office .section .store .applicate .contract{margin:0 0 80px}
    #office .section .store .applicate .contract .tit{line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c;text-align:center;margin:0 0 16px}
    #office .section .store .applicate .contract .txt{padding:24px 8px 24px 24px;border:1px solid #ddd;border-radius:8px}
    #office .section .store .applicate .contract .txt .scroll{height:220px;padding:0 16px 0 0;overflow-y:auto;line-height:22px;font-size:14px;font-weight:300;color:#707070}
    #office .section .store .applicate .contract .txt p{min-height:22px;line-height:22px}
    #office .section .store .applicate .contract .txt strong{font-weight:400}
    #office .section .store .applicate .contract .chk{display:flex;align-items:center;justify-content:flex-end;margin:16px 0 0}
    #office .section .store .applicate .contract .chk label{display:flex;align-items:center;cursor:pointer}
    #office .section .store .applicate .contract .chk label input{display:none}
    #office .section .store .applicate .contract .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / 20px 20px}
    #office .section .store .applicate .contract .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #office .section .store .applicate .contract .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / 20px 20px}
    #office .section .store .applicate .info{border-top:1px solid #ddd;padding:80px 0 0;display:flex;flex-direction:column;gap:32px}
    #office .section .store .applicate .info dl{display:flex;align-items:flex-start}
    #office .section .store .applicate .info dt{min-width:188px;min-height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;font-size:15px;font-weight:500}
    #office .section .store .applicate .info dd{flex:1;min-height:48px;display:flex;flex-direction:column;gap:16px}
    #office .section .store .applicate .info dd .txt{line-height:16px;font-size:14px;color:#707070}
    #office .section .store .applicate .info dd .inp{border-bottom:1px solid #ddd}
    #office .section .store .applicate .info dd .inp input{width:100%;height:48px;padding:12px;line-height:24px;font-size:14px;color:#1c1c1c}
    #office .section .store .applicate .info dd .sel select{width:253px;height:48px;padding:12px;line-height:24px;font-size:14px;color:#1c1c1c;border-radius:8px}
    #office .section .store .applicate .info dd .chk{display:flex;flex-wrap:wrap;gap:10px 40px;min-height:48px;align-items:center}
    #office .section .store .applicate .info dd .chk label{display:flex;align-items:center;cursor:pointer}
    #office .section .store .applicate .info dd .chk label input{display:none}
    #office .section .store .applicate .info dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / 20px 20px}
    #office .section .store .applicate .info dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #office .section .store .applicate .info dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / 20px 20px}
    #office .section .store .applicate .info dd .point{display:flex;align-items:center;justify-content:space-between}
    #office .section .store .applicate .info dd .point .full{display:flex}
    #office .section .store .applicate .info dd .point .full label{display:flex;align-items:center;cursor:pointer}
    #office .section .store .applicate .info dd .point .full label input{display:none}
    #office .section .store .applicate .info dd .point .full label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / 20px 20px}
    #office .section .store .applicate .info dd .point .full label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #office .section .store .applicate .info dd .point .full label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / 20px 20px}
    #office .section .store .applicate .info dd .point .hold{font-size:14px;color:#eb3f3d}
    #office .section .store .result .complete{background:#F4F4F4;margin:0 0 92px;padding:40px;text-align:center;border-radius:16px}
    #office .section .store .result .complete .tit{margin:0 0 16px;line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d}
    #office .section .store .result .complete .txt{line-height:22px;font-size:14px;font-weight:300;color:#707070}
    #office .section .store .result .complete .cau{line-height:22px;font-size:15px;color:#eb3f3d}
    #office .section .store .result .caution{position:relative;padding:0 0 80px;margin:0;background:transparent;border-radius:unset}
    #office .section .store .result .caution .tit{line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c;text-align:center;margin:0 0 16px}
    #office .section .store .result .caution .con{border-radius:8px;border:1px solid #ddd;padding:37px 32px;display:flex;flex-direction:column;gap:16px}
    #office .section .store .result .caution .con p{line-height:20px;font-size:14px;color:#707070}
    #office .section .store .result .caution .txt{margin:20px 0 0;line-height:18px;font-size:13px;font-weight:500;color:#0066b3;text-align:center}
    #office .section .store .result .tax{border-top:1px solid #ddd;padding:80px 0 0;text-align:center}
    #office .section .store .result .tax .tit{line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #office .section .store .result .tax .cau{line-height:18px;font-size:13px;color:#eb3f3d;margin:0 0 24px}
    #office .section .store .result .tax .con{border-radius:8px;border:1px solid #ddd;padding:40px 20px;display:flex;flex-direction:column}
    #office .section .store .result .tax .con strong{line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 20px}
    #office .section .store .result .tax .con p{display:flex;align-items:center;justify-content:center;text-align:center;margin:4px 0;line-height:22px;font-size:15px;color:#707070;gap:24px}
    #office .section .store .result .tax .con p span em{font-weight:500}
    #office .section .store .appform .applicate .title{margin:0 0 16px;display:flex;line-height:26px;align-items:center;font-size:20px;font-weight:500;color:#1c1c1c;gap:12px}
    #office .section .store .appform .applicate .title span{font-size:16px;font-weight:400;color:#eb3f3d}
    #office .section .store .appform .applicate .info{border-top:1px solid #707070;padding:40px 0 0}
    #office .section .store .payment{border-top:0}
    #office .section .store .history{padding:80px 0 0;border-top:1px solid #ddd;background:transparent;border-radius:0;color:#000}
    #office .section .store .history .tit{line-height:26px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #office .section .store .history .tbl{margin:0 0 24px}
    #office .section .store .history .tbl table th,#office .section .store .history .tbl table td{font-size:14px}
    #office .section .store .history .tbl table td a{display:flex;gap:6px;align-items:center}
    #office .section .store .history .tbl table td a p{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #office .section .store .history .tbl table td a em{flex-shrink:0;font-size:13px}
    #office .section .store .history .exp{padding:24px 16px;background:#f4f4f4}
    #office .section .store .history .exp p{line-height:20px;font-size:14px;color:#707070}
    #office .section .store .history .exp p span{color:#eb3f3d}
    #office .section .faq .cate{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 21px}
    #office .section .faq .cate a{display:flex;align-items:center;justify-content:center;min-width:110px;height:40px;border-radius:40px;border:1px solid #ddd;background:#f0f6fb;font-size:15px;color:#1c1c1c}
    #office .section .faq .list ul{border-top:1px solid #707070}
    #office .section .faq .list li.on .faqb{display:flex}
    #office .section .faq .list li .faqa{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:64px;padding:12px 24px;border-bottom:1px solid #ddd;background:#fff;gap:10px;line-height:22px;font-size:15px}
    #office .section .faq .list li .faqa span{flex-shrink:0}
    #office .section .faq .list li .faqa p{display:flex;flex:1}
    #office .section .faq .list li .faqb{display:none;align-items:flex-start;justify-content:flex-start;width:100%;min-height:64px;padding:22px 24px;border-bottom:1px solid #ddd;background:#fff;gap:10px;line-height:22px;font-size:15px;background:#f0f6fb}
    #office .section .caution{margin:0 auto 40px;padding:24px;background:#F4F4F4;border-radius:10px}
    #office .section .caution li{line-height:20px;font-size:14px;color:#1c1c1c}
    #office .section .tabs{margin:0 auto 48px}
    #office .section .tabs ul{display:flex;background:transparent;border-radius:0}
    #office .section .tabs li{flex:1;position:relative}
    #office .section .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:56px;text-align:center;line-height:1;font-size:16px;color:#707070}
    #office .section .tabs li a > span{margin-left:6px;font-size:14px;font-weight:400;color:#EB3F3D}
    #office .section .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ddd}
    #office .section .tabs li.on a{color:#EB3F3D}
    #office .section .tabs li.on a:after{height:2px;background:#EB3F3D}
    #office .section .sort{margin:0 auto 32px}
    #office .section .sort ul{gap:12px 8px;display:flex;flex-wrap:wrap}
    #office .section .sort li{width:calc(16.66% - 6.66px)}
    #office .section .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:48px;border-radius:48px;border:1px solid #ddd;background:#fff;font-size:15px;color:#707070}
    #office .section .sort li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #office .section .order{margin:0 auto 24px;display:flex;align-items:center;justify-content:flex-end;gap:20px}
    #office .section .order a{position:relative;display:flex;line-height:1;font-size:15px;color:#ccc}
    #office .section .order a.on{color:#eb3f3d}
    #office .section .order a + a:before{content:'';position:absolute;top:50%;left:-10px;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #office .section .form{border-top:1px solid #ddd}
    #office .section .form dl{display:flex;border-bottom:1px solid #ddd}
    #office .section .form dt{width:128px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #office .section .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #office .section .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px;flex-direction:column}
    #office .section .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #office .section .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center}
    #office .section .form dd .inp input{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #office .section .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #office .section .form dd .act{flex-direction:column;display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:48px;font-size:15px;color:#1c1c1c;gap:16px}
    #office .section .form dd .act a{font-size:15px;text-decoration:underline;color:#1c1c1c;gap:10px;display:flex;align-items:center}
    #office .section .form dd .act a img{height:16px}
    #office .section .form dd .map{display:block}
    #office .section .form dd .map img,#office .section .form dd .map iframe{width:100%;height:auto}
    #office .section .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;background:#fff;padding:2px 4px}
    #office .section .form dd .sel{display:flex;max-width:100%;align-items:center}
    #office .section .form dd .sel select{padding:8px 16px;width:100%;max-width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px}
    #office .section .form dd .sel span{white-space:nowrap;font-size:14px;color:#707070;margin-left:16px}
    #office .section .form dd .sel .space{width:24px;display:flex;align-items:center;justify-content:center;text-align:center}
    #office .section .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center}
    #office .section .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #office .section .form dd .chk label input{display:none}
    #office .section .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #office .section .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #office .section .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #office .section .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #office .section .form dd .hash{display:flex;gap:6px;align-items:center;flex-wrap:Wrap}
    #office .section .form dd .hash label{cursor:pointer;display:flex}
    #office .section .form dd .hash label input{display:none}
    #office .section .form dd .hash label input ~ p{padding:4px 16px;border-radius:40px;min-width:78px;height:40px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:15px;color:#1c1c1c}
    #office .section .form dd .hash label input:checked ~ p{background:#f00000}
    #office .section .form dd .textarea{width:100%}
    #office .section .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #office .section .form dd .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    #office .section .form dd .repair{display:flex;flex-wrap:Wrap;gap:32px 2px;padding:16px 0}
    #office .section .form dd .repair label{display:flex;align-items:flex-start;min-height:24px;padding:2px 0;cursor:pointer;width:calc(25% - 1.5px)}
    #office .section .form dd .repair label input{display:none}
    #office .section .form dd .repair label input ~ i{width:20px;height:20px;flex-shrink:0;margin:0 4px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #office .section .form dd .repair label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c;line-height:20px}
    #office .section .form dd .repair label input ~ p span{font-weight:300;color:#707070}
    #office .section .form dd .repair label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #office .section .form dd .file .fileBtn{display:flex}
    #office .section .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #office .section .form dd .file .fileBtn label input{display:none}
    #office .section .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;min-width:116px;height:40px;border-radius:40px;background:#1c1c1c;color:#fff;font-size:14px;text-align:center}
    #office .section .form dd .file .fileList ul{display:flex;gap:0 10px}
    #office .section .form dd .file .fileList li{position:relative;margin:10px 0 0}
    #office .section .form dd .file .fileList li .img{width:100px;height:auto;aspect-ratio:1/1;border-radius:8px;overflow:hidden}
    #office .section .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #office .section .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #office .section .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #office .section .bottom{position:relative;display:flex;height:40px;align-items:center;margin:24px 0 80px;justify-content:center}
    #office .section .bottom .button{position:absolute;top:50%;right:0;display:flex;align-items:center;transform:translateY(-50%);margin:0}
    #office .section .bottom .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px}
    #office .section .count{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd}
    #office .section .counter{display:flex;align-items:center;justify-content:space-between}
    #office .section .counter .total{display:flex}
    #office .section .counter .total dl{position:relative;display:flex;align-items:center;height:52px}
    #office .section .counter .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #office .section .counter .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #office .section .counter .total dt{font-size:14px;margin:0 4px 0 0}
    #office .section .counter .total dd{font-size:14px;font-weight:500}
    #office .section .counter .total dd span{color:#0066B3}
    #office .section .counter .total dd strong{color:#EB3F3D}
    #office .section .counter .share{position:relative;display:flex;align-items:center}
    #office .section .counter .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #office .section .counter .share > a img{height:20px}
    #office .section .counter .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #office .section .counter .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #office .section .counter .share > ul li a img{width:64px;height:auto}
    #office .section .counter .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #office .section .counter .share.on > ul{opacity:1;visibility:visible}
    #office .section .comment .type{padding:80px 0 0;margin:0 0 32px}
    #office .section .comment .type ul{display:flex}
    #office .section .comment .type li{flex:1}
    #office .section .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #office .section .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #office .section .comment .con li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column}
    #office .section .comment .con li + li{border-top:1px solid #ddd}
    #office .section .comment .con li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #office .section .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #office .section .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #office .section .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #office .section .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #office .section .comment .con li .cmt_head{margin:0 0 4px;display:flex;align-items:center;gap:10px}
    #office .section .comment .con li .cmt_name{line-height:18px;font-size:13px;color:#707070}
    #office .section .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c;white-space:pre-line}
    #office .section .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #office .section .comment .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #office .section .comment .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #office .section .comment .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #office .section .comment .con li .cmt_item dt{margin:0 6px 0 0}
    #office .section .comment .con li .cmt_date{line-height:18px;font-size:13px;color:#707070}
    #office .section .comment .con li.cmt_rep{background:#f4f4f4}
    #office .section .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #office .section .comment .con li .cmt_top{display:flex;align-items:center}
    #office .section .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #office .section .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #office .section .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #office .section .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #office .section .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #office .section .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #office .section .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #office .section .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #office .section .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #office .section .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #office .section .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #office .section .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #office .section .comment .frm .fileList{display:flex;gap:0 10px}
    #office .section .comment .frm .fileList li{position:relative;margin:10px 0 0;width:100%}
    #office .section .comment .frm .fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #office .section .comment .frm .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #office .section .comment .frm .fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #office .section .comment .frm .fileList li .del img{display:block;width:100%;height:auto}
    #office .section .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #office .section .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #office .section .comment .frm .bot .file{border-bottom:0;padding:0}
    #office .section .comment .frm .bot .file label{cursor:pointer}
    #office .section .comment .frm .bot .file label input{display:none}
    #office .section .comment .frm .bot .file label img{width:auto;height:24px}
    #office .section .comment .frm .bot .submit a,
    #office .section .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #office .detail .head{display:flex;align-items:center;padding:15px 24px;background:#f2f2f2;border-top:1px solid #707070}
    #office .detail .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #office .detail .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #office .detail .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 10px;position:relative;gap:0;z-index:10}
    #office .detail .head .tool button{display:none!important}
    #office .detail .head .tool ul{position:relative;display:flex;align-items:center;justify-content:center}
    #office .detail .head .tool li{position:relative}
    #office .detail .head .tool li a{font-size:14px;color:#707070;text-decoration:underline;display:block;gap:4px;display:flex;align-items:center;justify-content:center}
    #office .detail .head .tool li a img{height:16px;width:auto}
    #office .detail .head .tool li + li{padding:0 0 0 16px;margin:0 0 0 16px}
    #office .detail .head .tool li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #office .detail .info{border-bottom:1px solid #ddd;display:flex;min-height:64px;padding:16px 24px;align-items:center;flex-wrap:wrap;justify-content:flex-start}
    #office .detail .info > div{display:flex;align-items:center}
    #office .detail .info > .rt{margin-left:auto}
    #office .detail .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:300;color:#707070}
    #office .detail .info p strong{font-weight:400;margin:0 8px 0 0}
    #office .detail .info p img{height:16px}
    #office .detail .info p + p{padding:0 0 0 12px;margin:0 0 0 12px}
    #office .detail .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #office .detail .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #office .detail .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #office .detail .info .ongoing .period{font-size:14px;color:#707070}
    #office .detail .cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #office .detail .cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #office .detail .cont p{line-height:32px;font-size:15px}
    #office .detail .cont table{max-width:100%;height:auto}
    #office .detail .file{display:flex;border-bottom:1px solid #ddd;padding:24px 0;flex-direction:column;align-items:flex-start}
    #office .detail .file a{display:inline-flex;align-items:center;height:32px;justify-content:flex-start}
    #office .detail .file a:hover{color:#000;text-decoration:underline}
    #office .detail .file a img{margin:0 4px 0 0}
    #office .detail .bottom{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd}
    #office .detail .bottom .total{display:flex}
    #office .detail .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #office .detail .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #office .detail .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #office .detail .bottom .total dt{font-size:14px;margin:0 4px 0 0}
    #office .detail .bottom .total dd{font-size:14px;font-weight:500}
    #office .detail .bottom .total dd span{color:#0066B3}
    #office .detail .bottom .total dd strong{color:#EB3F3D}
    #office .detail .bottom .share{position:relative;display:flex;align-items:center}
    #office .detail .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #office .detail .bottom .share > a img{height:20px}
    #office .detail .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #office .detail .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #office .detail .bottom .share > ul li a img{width:64px;height:auto}
    #office .detail .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #office .detail .bottom .share.on > ul{opacity:1;visibility:visible}
    #office .tool{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
    #office .tool .cateBox{display:flex;flex-wrap:wrap;gap:6px 8px}
    #office .tool .cateBox a{display:flex;align-items:center;justify-content:center;min-width:115px;height:40px;border-radius:40px;padding:12px 16px;line-height:1;font-size:16px;color:#707070;border:1px solid #ddd}
    #office .tool .cateBox a.on{color:#eb3f3d;border-color:#eb3f3d}
    #office .tool .dateBox{display:flex;align-items:center;gap:8px}
    #office .tool .dateBox form{display:flex;align-items:center;gap:8px}
    #office .tool .dateBox input[type="text"]{width:148px;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:13px}
    #office .tool .dateBox input[type="text"].datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #office .tool .dateBox button{width:48px;height:48px;border-radius:8px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;background:#fff}
    #office .tool .dateBox button img{width:24px;height:auto}
    #office .tool .viewBox{min-width:121px;height:48px}
    #office .tool .viewBox select{padding:0 12px;display:flex;width:100%;margin:0 25px 0 0;height:48px;border-radius:8px;border:1px solid #ddd;font-size:13px;align-items:center}
    #office .tool .sortBox{display:flex;flex-wrap:wrap;gap:8px}
    #office .tool .sortBox button{display:flex;align-items:center;justify-content:center;text-align:center;min-width:110px;height:40px;border-radius:40px;border:1px solid #ddd;font-size:16px;color:#707070;background:#fff}
    #office .tool .sortBox button.on{color:#eb3f3d;border-color:#eb3f3d}
    #office .tool .inputBox{display:flex}
    #office .tool .inputBox form{display:flex;gap:8px}
    #office .tool .inputBox .sel{width:120px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:8px}
    #office .tool .inputBox .sel select{width:100%;height:48px;border:0;padding:8px 16px;font-size:13px}
    #office .tool .inputBox .inp{width:252px;display:flex;align-items:center;border:1px solid #ddd;border-radius:8px}
    #office .tool .inputBox .inp input{flex:1;width:100%;height:48px;background:transparent;padding:8px 16px;font-size:13px}
    #office .tool .inputBox .inp button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent}
    #office .tool .inputBox .inp button img{height:20px}
    #office .table table th{white-space:nowrap}
    #office .table table th,#office .table table td{font-size:14px;text-align:center}
    #office .table table td a{display:flex;gap:6px;align-items:center}
    #office .table table td a p{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #office .table table td a.readCheck{color:#999}
    #office .table table td a.readCheck p{color:#999}
    #office .table table td a em{flex-shrink:0;font-size:13px}
    #office .table table td a em.cmmt{color:#eb3f3d}
    #office .table table td a:visited{color:#999!important}
    #office .table table td img{flex-shrink:0;height:16px}
    #office .table table td [class^=ico]{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ededed;width:32px;height:32px;text-align:center;font-size:14px}
    #office .table table td .ico1{color:#0066B3}
    #office .table table td .ico2{color:#06C270}
    #office .table table td .ico3{color:#EB3F3D}
    #office .table table td .ntc{margin:0 auto;border-radius:4px;border:1px solid #eb3f3d;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#eb3f3d;white-space:nowrap}
    #office .table table td .act{margin:0 auto;border-radius:4px;border:1px solid #eee;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#333;white-space:nowrap}
    #office .table table td .act:hover{background:#eb3f3d;border-color:#eb3f3d;color:#fff}
    #office .table table td .viewBtn{display:flex;align-items:center;gap:4px}
    #office .table table td .viewCol{display:flex;flex-direction:column;align-items:stretch;gap:4px}
    #office .table table td .viewThm{display:flex;width:70px;height:46px;border-radius:6px;border:1px solid #ccc}
    #office .table table td .viewThm img{display:block;width:100%;height:100%;object-fit:cover}
    #office .table table td .eye{display:flex;align-items:center;gap:4px}
    #office .table table td .eventDday em.flag{display:inline-flex;align-items:center;justify-content:center;width:40px;height:18px;font-size:11px;background:#fff8f8;color:#dd1b1b;border-radius:20px;border:1px solid #f2c1c1;line-height:18px;font-weight:500}
    #office .table table td .eventDday em.flag.end{background:#909090;color:#fff;border-color:#909090}
    #office .table table td .eventDday span.period{font-size:12px}
    #office .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #office .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #office .button .btn img{height:16px}
    #office .mypayment .list ul{display:flex;flex-direction:column;gap:20px}
    #office .mypayment .list li{display:flex;flex-wrap:wrap;padding:10px;border-radius:5px;border:1px solid #e0e0e0;gap:5px 20px}
    #office .mypayment .list li dl{width:calc((100% / 2) - 10px);display:flex;justify-content:space-between;line-height:24px}
    #office .mypayment .list li dt{color:#777;font-size:12px;font-weight:300}
    #office .mypayment .list li dd{color:#000;font-size:14px;font-weight:400}

    #login{padding:50px 0}
    #login .wrap{display:flex}
    #login .login{flex:1;padding:62px 94px;background:#FFF;box-shadow:0 0 10px #0000001a;border-radius:16px}
    #login .login .form li + li{margin-top:4px}
    #login .login .form li input{display:block;padding:12px;width:100%;height:48px;border:1px solid transparent;border-bottom-color:#ddd;font-size:14px;color:#707070}
    #login .login .button{margin-top:32px}
    #login .login .button .btn{width:100%;height:48px;border-radius:48px;font-size:14px;display:flex;align-items:center;justify-content:center}
    #login .login .tool{margin:16px 0 0}
    #login .login .tool ul{display:flex;align-items:center;justify-content:center;text-align:center}
    #login .login .tool li{padding:0 12px;position:relative}
    #login .login .tool li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #login .login .tool li a{display:block;line-height:13px;font-size:13px;color:#1c1c1c}
    #login .login .social{margin-top:40px}
    #login .login .social .tit{display:flex;align-items:Center;justify-content:center;text-align:center;line-height:16px;font-size:16px;font-weight:500;color:#333}
    #login .login .social .tit:before{content:'';margin-right:16px;flex:1;height:1px;background:#ddd}
    #login .login .social .tit:after{content:'';margin-left:16px;flex:1;height:1px;background:#ddd}
    #login .login .social .con{display:flex;flex-direction:column;margin-top:32px}
    #login .login .social .con .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;background:#fafafa;font-size:14px;font-weight:500}
    #login .login .social .con .btn + .btn{margin-top:12px}
    #login .banner{flex:0 0 auto;margin-left:30px;width:530px;height:530px}
    #login .banner a{display:block;border-radius:16px;overflow:hidden}
    #login .banner a img{display:block;width:100%;height:100%;object-fit:cover}

    #find{padding:80px 0 160px}
    #find .find .title{line-height:24px;font-size:24px;font-weight:500;text-align:center;margin:0 0 40px}
    #find .find .text{margin:-20px 0 40px;line-height:20px;font-size:15px;color:#1c1c1c;text-align:center}
    #find .find .text br{display:none}
    #find .find .form{padding:64px 0 0;width:720px;margin:0 auto;border-top:1px solid #333}
    #find .find .form dl{display:flex}
    #find .find .form dl + dl{margin:32px 0 0}
    #find .find .form dt{width:160px;display:flex;align-items:center;justify-content:flex-start;text-align:left;height:48px;font-size:15px;font-weight:700;color:#1c1c1c}
    #find .find .form dt em{color:#EB3F3D}
    #find .find .form dd{position:relative;width:calc(100% - 160px);flex:1;display:flex;align-items:center;justify-content:flex-start;text-align:left;height:48px;border-bottom:1px solid #ddd;padding:17px 12px;line-height:14px;font-size:14px;color:#1c1c1c}
    #find .find .form dd input{flex:1;width:100%;height:48px;background:transparent;padding:6px 12px;font-size:14px;color:#707070}
    #find .find .form dd button{flex-shrink:0;margin:0 0 0 10px;display:flex;align-items:center;justify-content:center;border-radius:36px;height:36px;padding:8px 16px;border:1px solid transparent;font-size:13px;font-weight:500}
    #find .find .form dd .pwBtn{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:20px;height:20px;background:url(../img/common/eye.png) no-repeat 50% 50% / contain;text-indent:-9999em;opacity:.5}
    #find .find .form dd .pwBtn:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:20px;background:#707070;display:block}
    #find .find .form dd .pwBtn.on{opacity:1}
    #find .find .form dd .pwBtn.on:before{display:none}
    #find .find .menu{width:360px;margin:0 auto}
    #find .find .menu li + li{margin-top:10px}
    #find .find .menu li a{display:flex;align-items:center;height:56px;padding:20px;border-radius:8px;border:1px solid #ddd;background:#fff}
    #find .find .menu li a:hover{background:#fafafa}
    #find .find .menu li a img{width:24px;height:24px;margin:0 8px 0 0}
    #find .find .menu li a p{font-size:13px;color:#1c1c1c}
    #find .find .caution{margin:16px auto 0;width:360px;display:flex;align-items:flex-start}
    #find .find .caution i{width:16px;height:16px;margin:1px 4px 0 0;background:url(../img/common/caution.png) no-repeat 50% 50% / contain}
    #find .find .caution p{line-height:18px;font-size:13px;color:#707070}
    #find .find .button{margin:40px auto 0;width:720px;display:flex;justify-content:center;align-items:center}
    #find .find .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;min-width:320px;height:48px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500}
    #find .find .button .btn + .btn{margin-left:8px}
    #find .result .title{line-height:24px;font-size:24px;font-weight:500;text-align:center;margin:0 0 40px}
    #find .result .form{padding:64px 0 0;width:720px;margin:0 auto;border-top:1px solid #333}
    #find .result .form dl{display:flex}
    #find .result .form dl + dl{margin:32px 0 0}
    #find .result .form dt{width:160px;display:flex;align-items:center;justify-content:flex-start;text-align:left;height:48px;font-size:15px;font-weight:700;color:#1c1c1c}
    #find .result .form dd{width:calc(100% - 160px);flex:1;display:flex;align-items:center;justify-content:flex-start;text-align:left;height:48px;border-bottom:1px solid #ddd;padding:17px 12px;line-height:14px;font-size:14px;color:#1c1c1c}
    #find .result .menu{width:360px;margin:0 auto}
    #find .result .menu li + li{margin-top:10px}
    #find .result .menu li a{display:flex;align-items:center;height:56px;padding:20px;border-radius:8px;border:1px solid #ddd;background:#fff}
    #find .result .menu li a:hover{background:#fafafa}
    #find .result .menu li a img{width:24px;height:24px;margin:0 8px 0 0}
    #find .result .menu li a p{font-size:13px;color:#1c1c1c}
    #find .result .button{margin:40px auto 0;width:720px;display:flex;justify-content:center;align-items:center}
    #find .result .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;min-width:226px;height:48px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500}
    #find .result .button .btn + .btn{margin-left:8px}

    #join{padding:80px 0 160px}
    #join .step{margin:0 0 80px}
    #join .step ul{display:flex}
    #join .step li{position:relative;flex:1;display:flex;height:56px;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#707070;border:1px solid transparent;border-bottom-color:#ddd}
    #join .step li.on{color:#EB3F3D}
    #join .step li.on:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#EB3F3D}
    #join .join{margin:0 auto;width:724px;max-width:100%}
    #join .join .title{line-height:24px;font-size:24px;font-weight:500;text-align:center;margin:0 0 40px}
    #join .join .text{margin:-20px 0 40px;line-height:20px;font-size:15px;color:#1c1c1c;text-align:center}
    #join .join .text br{display:none}
    #join .join .type{margin:0 0 64px;padding:0 0 64px;border-bottom:1px solid #ddd}
    #join .join .type ul{display:flex}
    #join .join .type li{flex:1}
    #join .join .type li + li{margin-left:30px}
    #join .join .type li .checkbox{cursor:pointer;display:block}
    #join .join .type li .checkbox input{display:none}
    #join .join .type li .checkbox input ~ p{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border-radius:56px;border:1px solid #ddd;font-size:15px;color:#707070}
    #join .join .type li .checkbox input:checked ~ p{border:1px solid #eb3f3d;color:#eb3f3d}
    #join .join .agree{border:1px solid #DDD;border-radius:12px;background:#fff}
    #join .join .agree ul{padding:26px 32px}
    #join .join .agree li{position:relative;border-bottom:1px solid #ebebeb}
    #join .join .agree li:nth-child(1),#join .join .agree li:last-child{border-bottom:0}
    #join .join .agree li:nth-child(1) .checkbox input ~ p{font-weight:500}
    #join .join .agree li .checkbox{display:flex;align-items:center;height:56px;cursor:pointer}
    #join .join .agree li .checkbox input{display:none}
    #join .join .agree li .checkbox input ~ i{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox_thin.png) no-repeat 50% 50% / contain}
    #join .join .agree li .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #join .join .agree li .checkbox input ~ p span{font-weight:300;color:#707070}
    #join .join .agree li .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #join .join .agree li .checkBtn{position:absolute;top:17px;right:8px;font-size:13px;color:#707070;text-decoration:underline}
    #join .join .agree li .checkBtn:hover{color:#1c1c1c}
    #join .join .agree li .checkCont{display:none}
    #join .join .agree li .checkCont.on{display:block}
    #join .join .agree li .checkCont{margin:0 0 10px;padding:10px;border-radius:6px;background:#fafafa;line-height:1.4;font-size:13px}
    #join .join .warn{margin:0 0 24px;line-height:12px;font-size:12px;color:#eb3f3d;text-align:right}
    #join .join .group{display:none}
    #join .join .form{margin:0 0 40px}
    #join .join .form dl{display:flex}
    #join .join .form dl + dl{margin-top:32px}
    #join .join .form dt{width:160px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;font-size:15px;font-weight:700;color:#1c1c1c}
    #join .join .form dt em{color:#eb3f3d}
    #join .join .form dd{flex:1}
    #join .join .form dd .inp{position:relative;display:flex}
    #join .join .form dd .inp + .inp{margin-top:16px}
    #join .join .form dd .inp input[type="text"],#join .join .form dd .inp input[type="password"]{flex:1;width:100%;height:48px;background:transparent;padding:6px 12px;font-size:14px;color:#707070;border:1px solid transparent;border-bottom:1px solid #ddd}
    #join .join .form dd .inp input[type="text"] + select,#join .join .form dd .inp input[type="password"] + select{margin-left:10px}
    #join .join .form dd .inp select{min-width:160px;height:48px;background:transparent url(../img/common/dropdown.png) no-repeat right 14px center / auto 20px;padding:6px 12px;font-size:14px;color:#707070;border:1px solid transparent;border-bottom:1px solid #ddd}
    #join .join .form dd .inp .checkbox{display:flex;align-items:center;height:56px;cursor:pointer;margin:0 43px 0 0}
    #join .join .form dd .inp .checkbox input{display:none}
    #join .join .form dd .inp .checkbox input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #join .join .form dd .inp .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #join .join .form dd .inp .checkbox input ~ p span{font-weight:300;color:#707070}
    #join .join .form dd .inp .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #join .join .form dd .inp .checklist{cursor:pointer;display:block;flex:1}
    #join .join .form dd .inp .checklist + .checklist{margin-left:16px}
    #join .join .form dd .inp .checklist input{display:none}
    #join .join .form dd .inp .checklist input ~ p{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;border:1px solid #ddd;font-size:14px;color:#707070}
    #join .join .form dd .inp .checklist input:checked ~ p{border:1px solid #eb3f3d;color:#eb3f3d}
    #join .join .form dd .inp > .btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}
    #join .join .form dd .error{line-height:24px;font-size:11px;color:#EB3F3D}
    #join .join .form dd .act{position:absolute;top:50%;right:0;transform:translateY(-50%);height:36px;border-radius:36px;border:1px solid transparent;font-size:13px;display:flex;align-items:center}
    #join .join .form dd .act .btn + .btn{margin-left:8px}
    #join .join .form dd .add{position:relative;display:flex;align-items:center;justify-content:flex-end;height:48px}
    #join .join .form dd .btn{min-width:72px;height:36px;border-radius:36px;border:1px solid transparent;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 24px}
    #join .join .form dd .space{min-width:30px;height:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#707070;flex-shrink:0}
    #join .join .form dd .pwBtn{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:20px;height:20px;background:url(../img/common/eye.png) no-repeat 50% 50% / contain;text-indent:-9999em;opacity:.5}
    #join .join .form dd .pwBtn:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:20px;background:#707070;display:block}
    #join .join .form dd .pwBtn.on{opacity:1}
    #join .join .form dd .pwBtn.on:before{display:none}
    #join .join .form dd .resetBtn{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:20px;height:20px;background:url(../img/common/reset.png) no-repeat 50% 50% / contain;text-indent:-9999em;opacity:.5}
    #join .join .form dd .capt_input{display:flex;align-items:Center}
    #join .join .form dd .capt_input #capt_img{border-radius:4px;margin:0 10px 0 0;flex:0 0 auto}
    #join .join .form dd .capt_input .capt_reset{width:40px;height:40px;border-radius:4px;border:1px solid #eee;background:#fff url(../img/capt_reset.png) no-repeat 50% 50%/24px auto;text-indent:-9999em;overflow:hidden;flex:0 0 auto}
    #join .join .form dd .capt_input .capt_inp{padding:0 10px;min-width:220px;margin-left:10px;height:40px;border:1px solid #eee;border-radius:4px;text-align:left}
    #join .join .receive{margin:0 0 80px}
    #join .join .receive dl{display:flex;align-items:center}
    #join .join .receive dt{flex:1;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;font-size:14px;color:#565656;height:48px}
    #join .join .receive dt strong{font-weight:700;color:#1c1c1c}
    #join .join .receive dd{flex-shrink:0}
    #join .join .receive dd .inp .checkbox{display:flex;align-items:center;height:48px;cursor:pointer}
    #join .join .receive dd .inp .checkbox input{display:none}
    #join .join .receive dd .inp .checkbox input ~ i{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #join .join .receive dd .inp .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #join .join .receive dd .inp .checkbox input ~ p span{font-weight:300;color:#707070}
    #join .join .receive dd .inp .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #join .join .receive dd .capt_input{display:flex;align-items:Center}
    #join .join .receive dd .capt_input #capt_img{border-radius:4px;margin:0 10px 0 0;flex:0 0 auto}
    #join .join .receive dd .capt_input .capt_reset{width:40px;height:40px;border-radius:4px;border:1px solid #eee;background:#fff url(../img/capt_reset.png) no-repeat 50% 50%/24px auto;text-indent:-9999em;overflow:hidden;flex:0 0 auto}
    #join .join .receive dd .capt_input .capt_inp{padding:0 10px;min-width:220px;margin-left:10px;height:40px;border:1px solid #eee;border-radius:4px;text-align:center}
    #join .join .button{margin:40px auto 0;width:720px;display:flex;justify-content:center;align-items:center}
    #join .join .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;min-width:226px;height:48px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500}
    #join .join .button .btn + .btn{margin-left:8px}
    #join .joinTimer{color:#EB3F3D;font-size:12px;position:absolute;right:120px;top:50%;transform:translate(0px,-50%)}

    #mypage{padding:80px 0}
    #mypage .wrap{display:flex;align-items:flex-start}
    #mypage .mypage{display:none}
    #mypage .aside{width:252px;margin:0 56px 0 0;flex-shrink:0;background:#FFF;box-shadow:0 0 10px #0000001a;border-radius:12px}
    #mypage .aside .tit{display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:24px;height:90px;line-height:22px;font-size:22px;font-weight:700;color:#00235c}
    #mypage .aside .tit:before{content:'';width:2px;height:18px;margin:0 12px 0 0;background:#EB3F3D;flex-shrink:0}
    #mypage .aside .con ul{padding:6px 0}
    #mypage .aside .con li{position:relative;padding:0 24px}
    #mypage .aside .con li:last-child a{border-bottom:0}
    #mypage .aside .con li a{display:flex;align-items:center;line-height:56px;font-size:15px;color:#707070;border-bottom:1px solid #ddd}
    #mypage .aside .con li.on{background:#f4f4f4}
    #mypage .aside .con li.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#DDD;z-index:2}
    #mypage .aside .con li.on a{font-weight:700;color:#222}
    #mypage .aside .con li:hover{background:#f4f4f4}
    #mypage .section{flex:1}
    #mypage .section > .title{line-height:24px;font-size:24px;font-weight:700;color:#1c1c1c;margin:8px 0 24px}
    #mypage .period{display:flex;align-items:center;justify-content:flex-start;margin:0 0 25px}
    #mypage .period .frm{position:relative;border-radius:8px;border:1px solid #ddd;display:flex;background:#fff}
    #mypage .period .frm input{min-width:204px;height:48px;border:0;padding:0 16px;background:transparent;font-size:13px}
    #mypage .period .frm input.datepicker{padding-right:42px;background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #mypage .period .frm .ui-datepicker-trigger{position:absolute;top:50%;right:12px;transform:translateY(-50%)}
    #mypage .period .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px}
    #mypage .period .reset{margin-left:10px;width:48px;height:48px;border-radius:8px;background:#fff;border:1px solid #ddd}
    #mypage .period .reset img{width:24px;height:auto;transition:all .35s}
    #mypage .period .reset:hover img{transform:rotate(360deg)}
    #mypage .search{display:flex;align-items:center;justify-content:flex-end;margin:0 0 25px}
    #mypage .search form{display:flex;align-items:center;justify-content:flex-end}
    #mypage .search .sel{margin:0 8px 0 0;border-radius:8px;border:1px solid #ddd;display:flex;background:#fff}
    #mypage .search .sel select{height:48px;border:0;padding:0 16px;min-width:120px;font-size:13px}
    #mypage .search .frm{border-radius:8px;border:1px solid #ddd;display:flex;background:#fff}
    #mypage .search .frm input{min-width:220px;height:48px;border:0;padding:0 16px;background:transparent;font-size:13px}
    #mypage .search .frm button{width:48px;height:48px;flex-shrink:0;font-size:13px;background:transparent url(../img/common/search_g.png) no-repeat 50% 50% / 20px auto;text-indent:-9999em}
    #mypage .table td a{display:flex}
    #mypage .table td p{flex:1;max-width:300px;width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
    #mypage .table td p .srhTxt{color:#EB3F3D}
    #mypage .table td em{flex-shrink:0;color:#EB3F3D}
    #mypage .mycar .information{position:relative;display:flex;padding:32px;border-radius:12px;background:#FFF;box-shadow:0 0 10px #0000001a;margin:0 0 48px}
    #mypage .mycar .information .info{flex:1}
    #mypage .mycar .information .name{display:flex;align-items:center;margin:10px 0 32px;line-height:18px;font-size:18px;font-weight:500;color:#1c1c1c}
    #mypage .mycar .information .name i{width:16px;height:16px;margin:0 0 0 6px;background:url(../img/common/bang_bk.png) no-repeat 50% 50% / contain}
    #mypage .mycar .information .text{margin:0 0 8px}
    #mypage .mycar .information .text dl{display:flex;line-height:14px;font-size:14px;color:#1c1c1c}
    #mypage .mycar .information .text dl + dl{margin:16px 0 0}
    #mypage .mycar .information .text dt{width:76px;padding:0 12px 0 0;flex-shrink:0;font-weight:500}
    #mypage .mycar .information .text dd{flex:1}
    #mypage .mycar .information .text dd a{font-size:14px;color:#0066b3}
    #mypage .mycar .information .image{flex:1;display:flex;align-items:center;justify-content:flex-end}
    #mypage .mycar .information .image img{display:block;width:auto;height:auto;max-height:130px}
    #mypage .mycar .information .noitem{flex:1;text-align:center;padding:16px}
    #mypage .mycar .information .noitem .ico{margin:0 auto 16px;width:56px;height:56px;background:url(../img/common/bang.png) no-repeat 50% 50% / contain}
    #mypage .mycar .information .noitem .tit{margin:0 0 24px;line-height:20px;font-size:16px;font-weight:700;color:#1c1c1c}
    #mypage .mycar .information .noitem .act{margin:0 auto;width:280px;max-width:100%}
    #mypage .mycar .information .noitem .act .btn{display:flex;align-items:center;justify-content:center;height:40px;border-radius:40px;border:1px solid transparent;font-size:13px}
    #mypage .mycar .information .edit{position:absolute;top:32px;right:32px;z-index:6}
    #mypage .mycar .information .edit a{display:flex;align-items:center;justify-content:center;height:30px;padding:0 10px;font-size:13px;color:#303030;border:1px solid #e3e2e7;border-radius:8px}
    #mypage .mycar .information .edit a:hover{background:#fafafa}
    #mypage .mycar .wages .tabs ul{display:flex}
    #mypage .mycar .wages .tabs li{flex:1;position:relative}
    #mypage .mycar .wages .tabs li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;font-weight:500;color:#555;border-bottom:2px solid #ddd}
    #mypage .mycar .wages .tabs li a img{filter:grayscale(1);margin-right:4px}
    #mypage .mycar .wages .tabs li.on a{color:#EB3F3D}
    #mypage .mycar .wages .tabs li.on a img{filter:grayscale(0)}
    #mypage .mycar .wages .tabs li.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;z-index:2;background:#EB3F3D;pointer-events:none}
    #mypage .mycar .wages .cons{display:none;padding:32px 0}
    #mypage .mycar .wages .cons.active{display:block}
    #mypage .mycar .wages .cons .tool{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}
    #mypage .mycar .wages .cons .tool .text{font-size:13px;color:#1c1c1c}
    #mypage .mycar .wages .cons .tool .search{display:flex}
    #mypage .mycar .wages .cons .tool .search .sel{margin:0 8px 0 0}
    #mypage .mycar .wages .cons .tool .search .sel select{padding:0 16px;width:120px;height:48px;border:0}
    #mypage .mycar .wages .cons .tool .search .inp{padding:0 16px;display:flex;height:48px;border:1px solid #ddd;border-radius:8px}
    #mypage .mycar .wages .cons .tool .search .inp input[type="text"]{width:200px;font-size:13px;color:#1c1c1c;background:transparent;border:0}
    #mypage .mycar .wages .cons .tool .search .inp button{width:20px;height:20px;background:transparent;border:0;text-indent:-9999em;background:transparent url(../img/common/search_thin.png) no-repeat 50% 50% / contain;margin:auto 0}
    #mypage .mycar .wages .cons .sort{margin:32px 0 48px;padding:32px 0 0;border-top:1px solid #ededed}
    #mypage .mycar .wages .cons .sort ul{display:flex;flex-wrap:wrap;margin:-8px -12px}
    #mypage .mycar .wages .cons .sort li{width:20%;padding:8px 12px}
    #mypage .mycar .wages .cons .sort li button{display:flex;width:100%;height:40px;border-radius:40px;border:1px solid #ddd;align-items:center;justify-content:center;text-align:center;background:#fff;font-size:16px;color:#707070}
    #mypage .mycar .wages .cons .sort li button.on{border-color:#EB3F3D;color:#EB3F3D;font-weight:500}
    #mypage .mycar .wages .cons .list + .list{margin:48px 0 0}
    #mypage .mycar .wages .cons .list .tit{margin:0 0 16px;line-height:18px;font-size:18px;font-weight:700;color:#1c1c1c}
    #mypage .mycar .wages .cons .list .con ul{border-top:1px dashed #1C1C1C}
    #mypage .mycar .wages .cons .list .con li{display:flex;height:56px;align-items:center;border-bottom:1px solid #ddd}
    #mypage .mycar .wages .cons .list .con li .name{line-height:14px;font-size:14px;color:#1c1c1c}
    #mypage .mycar .wages .cons .list .con li .time{margin:0 4px;line-height:14px;font-size:14px;color:#1c1c1c}
    #mypage .mycar .wages .cons .list .con li .price{margin:0 0 0 auto;line-height:16px;font-size:16px;font-weight:500;color:#1c1c1c}
    #mypage .mycar .wages .cons .product .prod{line-height:18px;font-size:18px;font-weight:700;color:#1c1c1c;margin:0 0 16px}
    #mypage .mycar .wages .cons .product .cont{border-top:1px solid #1c1c1c;flex:1}
    #mypage .mycar .wages .cons .product .cont ul{padding:32px 0;display:flex;flex-wrap:wrap;gap:0 20px}
    #mypage .mycar .wages .cons .product .cont li{display:flex;width:calc(50% - 10px);padding:20px 0}
    #mypage .mycar .wages .cons .product .cont li a{display:flex}
    #mypage .mycar .wages .cons .product .cont li + li{margin-top:24px}
    #mypage .mycar .wages .cons .product .cont li .img{margin:0 24px 0 0;width:112px;height:112px;flex-shrink:0;border:1px solid #ededed;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
    #mypage .mycar .wages .cons .product .cont li .img a{display:block;width:100%;height:100%}
    #mypage .mycar .wages .cons .product .cont li .img img{display:block;width:auto;height:100%;max-width:100%;max-height:100%}
    #mypage .mycar .wages .cons .product .cont li .con{padding:0 0 0 20px;display:flex;flex-direction:column;flex:1}
    #mypage .mycar .wages .cons .product .cont li .con .name{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #mypage .mycar .wages .cons .product .cont li .con .name a{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #mypage .mycar .wages .cons .product .cont li .con .option{width:100%;margin-top:auto;line-height:20px;font-size:14px;color:#707070;display:flex;align-items:center;gap:4px;justify-content:flex-start;margin-bottom:5px!important}
    #mypage .mycar .wages .cons .product .cont li .con .option select{height:30px;width:100%;border-radius:6px;border:1px solid #e0e0e0;background-size:auto 14px;background-position:right 6px center;padding:0 20px 0 5px;margin-left:auto;font-size:12px}
    #mypage .mycar .wages .cons .product .cont li .con .price{margin-top:5px!important;width:100%;text-align:right}
    #mypage .mycar .wages .cons .product .cont li .pri{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:20px;font-size:20px;font-weight:500;color:#EB3F3D}
    #mypage .mycar .wages .cons .product .more{margin:40px 0 0;display:flex;align-items:center;justify-content:center}
    #mypage .mycar .wages .cons .product .more a{display:flex;align-items:Center;justify-content:center;text-align:center;min-width:224px;height:48px;border-radius:48px;border:1px solid transparent}
    #mypage .mycar .ready{padding:48px 16px;border-radius:8px;background:#f4f4f4;display:flex;flex-direction:column;align-items:center;text-align:center}
    #mypage .mycar .ready .ico{margin:0 auto;width:96px;height:96px;border-radius:96px;background:#fff;display:flex;align-items:center;justify-content:center}
    #mypage .mycar .ready .ico img{display:block;width:56px;height:auto}
    #mypage .mycar .ready .txt{margin:20px 0 0;line-height:20px;font-size:14px;color:#707070}
    #mypage .mypatron .delete{border-bottom:1px solid #ececec;margin-bottom:30px;padding-bottom:16px}
    #mypage .mypatron .delete button{display:flex;background:transparent;align-items:center;font-size:16px;font-weight:500;color:#707070}
    #mypage .mypatron .delete button img{width:18px;height:18px;margin-right:8px}
    #mypage .mypatron .list ul{display:flex;flex-wrap:wrap;margin:0 -16px}
    #mypage .mypatron .list li{width:33.33%;padding:0 16px 48px}
    #mypage .mypatron .list li .upper{display:flex;margin:0 0 14px;align-items:center}
    #mypage .mypatron .list li .upper .name{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #mypage .mypatron .list li .upper .name span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #mypage .mypatron .list li .upper .distance{line-height:22px;font-size:16px;font-weight:500;color:#0066B3;margin-left:6px;margin-right:auto}
    #mypage .mypatron .list li .upper .del{margin:0 0 0 10px}
    #mypage .mypatron .list li .upper .del a{display:block;width:24px;height:24px;text-indent:-9999em;background:url(../img/common/close.png) no-repeat 50% 50% / 16px}
    #mypage .mypatron .list li .upper .checkbox{display:flex;align-items:center;cursor:pointer}
    #mypage .mypatron .list li .upper .checkbox input{display:none}
    #mypage .mypatron .list li .upper .checkbox input ~ i{width:18px;height:18px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .mypatron .list li .upper .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .mypatron .list li .image{border-radius:16px;background:#d9d9d9;overflow:hidden;margin:0 0 12px}
    #mypage .mypatron .list li .image img{display:block;width:100%;height:100%;object-fit:cover}
    #mypage .mypatron .list li .info{padding:2px 10px 10px;display:flex;justify-content:space-between;border-radius:8px;align-items:center}
    #mypage .mypatron .list li .info .lt{display:flex;gap:10px;align-items:center}
    #mypage .mypatron .list li .info .label{display:flex;gap:4px;margin-left:8px}
    #mypage .mypatron .list li .info .label p,#mypage .mypatron .list li .info .label span{border:1px solid #ededed;padding:4px;border-radius:4px;font-size:12px;line-height:14px}
    #mypage .mypatron .list li .info .label .ico1{color:#0066b3}
    #mypage .mypatron .list li .info .label .ico2{color:#06c270}
    #mypage .mypatron .list li .info .label .ico3{color:#eb3f3d}
    #mypage .mypatron .list li .info .desc{position:relative;width:auto!important}
    #mypage .mypatron .list li .info dl{display:flex;align-items:center;justify-content:space-between;line-height:18px;font-size:13px;gap:6px}
    #mypage .mypatron .list li .info dt{display:flex;align-items:center;color:#555}
    #mypage .mypatron .list li .info dt img{width:16px;height:auto;margin:0 4px 0 0}
    #mypage .mypatron .list li .info dd{line-height:18px;font-size:14px;font-weight:500;color:#1c1c1c}
    #mypage .mypatron .list li .info dd a{display:block;color:#0066B3}
    #mypage .mypatron .list li .text{padding:10px 10px 20px;border-top:1px solid #ededed}
    #mypage .mypatron .list li .text span{display:flex;line-height:16px;align-items:flex-start}
    #mypage .mypatron .list li .text span + span{margin-top:10px}
    #mypage .mypatron .list li .text span img{height:16px;width:auto;margin:0 4px 0 0;flex-shrink:0}
    #mypage .mypatron .list li .text span p{line-height:16px;font-size:14px;color:#555}
    #mypage .mypatron .list li .button{display:flex;flex-direction:column}
    #mypage .mypatron .list li .button .btn{display:flex;align-items:center;justify-content:center;width:98%;height:44px;border-radius:44px;border:1px solid transparent;font-size:14px;color:#1c1c1c}
    #mypage .mypatron .list li .button .btn + .btn{margin-top:4px}
    #mypage .mypatron .list li .button .btn:hover{color:#EB3F3D!important;border-color:#EB3F3D!important}
    #mypage .myinfo .warn{margin:0 0 12px;line-height:12px;font-size:12px;color:#eb3f3d;text-align:right}
    #mypage .myinfo .form{margin:0 0 80px;padding:40px 0 0;border-top:1px solid #707070}
    #mypage .myinfo .form dl{display:flex}
    #mypage .myinfo .form dl + dl{margin-top:32px}
    #mypage .myinfo .form dt{width:160px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;font-size:15px;font-weight:700;color:#1c1c1c}
    #mypage .myinfo .form dt em{color:#eb3f3d}
    #mypage .myinfo .form dd{flex:1}
    #mypage .myinfo .form dd .inp{position:relative;display:flex}
    #mypage .myinfo .form dd .inp + .inp{margin-top:16px}
    #mypage .myinfo .form dd .inp input[type="text"],#mypage .myinfo .form dd .inp input[type="password"]{flex:1;width:100%;height:48px;background:transparent;padding:6px 12px;font-size:14px;color:#1c1c1c;border:1px solid transparent;border-bottom:1px solid #ddd}
    #mypage .myinfo .form dd .inp select{min-width:160px;height:48px;background:transparent url(../img/common/dropdown.png) no-repeat right 14px center / auto 20px;padding:6px 12px;font-size:14px;color:#707070;border:1px solid transparent;border-bottom:1px solid #ddd}
    #mypage .myinfo .form dd .inp .checkbox{display:flex;align-items:center;height:48px;cursor:pointer;margin:0 43px 0 0}
    #mypage .myinfo .form dd .inp .checkbox input{display:none}
    #mypage .myinfo .form dd .inp .checkbox input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .myinfo .form dd .inp .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #mypage .myinfo .form dd .inp .checkbox input ~ p span{font-weight:300;color:#707070}
    #mypage .myinfo .form dd .inp .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .myinfo .form dd .inp .checklist{cursor:pointer;display:block;flex:1}
    #mypage .myinfo .form dd .inp .checklist + .checklist{margin-left:16px}
    #mypage .myinfo .form dd .inp .checklist input{display:none}
    #mypage .myinfo .form dd .inp .checklist input ~ p{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;border:1px solid #ddd;font-size:14px;color:#707070}
    #mypage .myinfo .form dd .inp .checklist input:checked ~ p{border:1px solid #eb3f3d;color:#eb3f3d}
    #mypage .myinfo .form dd .inp .ml10{margin-left:10px}
    #mypage .myinfo .form dd .inp > .btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}
    #mypage .myinfo .form dd .inp > .btn_flex{position:relative;top:unset;right:0;transform:unset;margin:0 0 0 8px}
    #mypage .myinfo .form dd .inp > .flexBtn{position:absolute;right:0;top:5px;display:flex;gap:6px;align-items:center}
    #mypage .myinfo .form dd .error{line-height:24px;font-size:11px;color:#EB3F3D}
    #mypage .myinfo .form dd .act{position:absolute;top:50%;right:0;transform:translateY(-50%);height:36px;border-radius:36px;border:1px solid transparent;font-size:13px;display:flex;align-items:center}
    #mypage .myinfo .form dd .act .btn + .btn{margin-left:8px}
    #mypage .myinfo .form dd .add{position:relative;display:flex;align-items:center;justify-content:flex-end;height:48px}
    #mypage .myinfo .form dd .btn{min-width:72px;height:36px;border-radius:36px;border:1px solid transparent;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 16px}
    #mypage .myinfo .form dd .space{min-width:30px;height:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#707070;flex-shrink:0}
    #mypage .myinfo .form dd .pwBtn{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:20px;height:20px;background:url(../img/common/eye.png) no-repeat 50% 50% / contain;text-indent:-9999em;opacity:.5}
    #mypage .myinfo .form dd .pwBtn:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:20px;background:#707070;display:block}
    #mypage .myinfo .form dd .pwBtn.on{opacity:1}
    #mypage .myinfo .form dd .pwBtn.on:before{display:none}
    #mypage .myinfo .form dd .resetBtn{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:20px;height:20px;background:url(../img/common/reset.png) no-repeat 50% 50% / contain;text-indent:-9999em;opacity:.5}
    #mypage .myinfo .form dd .flex{display:flex;gap:10px}
    #mypage .myinfo .button{margin:40px auto 0;display:flex;justify-content:center;align-items:center}
    #mypage .myinfo .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;min-width:226px;height:48px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500}
    #mypage .myinfo .button .btn + .btn{margin-left:8px}
    #mypage .myinfo .myIcon{border-bottom:8px solid #f4f4f4;display:flex;align-items:center;justify-content:center;padding:32px 0}
    #mypage .myinfo .myIcon .icon{position:relative}
    #mypage .myinfo .myIcon .icon .img{width:72px;height:72px;border-radius:72px;overflow:hidden}
    #mypage .myinfo .myIcon .icon .img img{width:100%;height:100%;object-fit:cover}
    #mypage .myinfo .myIcon .icon .cog{position:absolute;bottom:0;right:0}
    #mypage .myinfo .myIcon .icon .cog label{display:flex;align-items:center;justify-content:center}
    #mypage .myinfo .myIcon .icon .cog label i{position:relative;display:flex;width:24px;height:24px;border-radius:24px;overflow:hidden;text-indent:-9999em;background:#fff;box-shadow:0 2px 4px #00000026}
    #mypage .myinfo .myIcon .icon .cog label i:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:url(../img/common/cog.png) no-repeat 50% 50% / contain}
    #mypage .myinfo .myIcon .icon .cog label input{display:none}
    #mypage .myinfo .myIcon .cont{padding-left:25px;display:flex;flex-direction:column}
    #mypage .myinfo .myIcon .cont .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;font-size:16px;font-weight:700;color:#1c1c1c}
    #mypage .myinfo .myIcon .cont .point{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start}
    #mypage .myinfo .myIcon .cont .point span{line-height:1;font-size:12px;color:#333;margin:0 0 4px}
    #mypage .myinfo .myIcon .cont .point strong{line-height:1.4;font-size:18px;font-weight:500;color:#EB3F3D}
    #mypage .myinfo .myForm dl{display:flex;border-bottom:1px solid #ebebeb;padding:20px 0}
    #mypage .myinfo .myForm dt{display:flex;align-items:flex-start;justify-content:flex-start;flex-shrink:0;min-width:168px;line-height:48px;font-size:16px;font-weight:500;color:#333}
    #mypage .myinfo .myForm dt em{color:#eb3f3d;margin-left:4px}
    #mypage .myinfo .myForm dd{display:flex;flex-direction:column;flex:1}
    #mypage .myinfo .myForm dd .flex{display:flex;align-items:stretch;margin-bottom:15px}
    #mypage .myinfo .myForm dd .flex:last-child{margin-bottom:0}
    #mypage .myinfo .myForm dd .input{position:relative;display:flex;justify-content:flex-start;margin-right:10px}
    #mypage .myinfo .myForm dd .input input{width:200px;max-width:100%;height:48px;border-radius:8px;border:1px solid #ddd;padding:10px;font-size:13px;color:#333;margin-right:10px}
    #mypage .myinfo .myForm dd .input input:last-child{margin-right:0}
    #mypage .myinfo .myForm dd .input input:read-only{color:#999!important;background:#f1f1f1!important}
    #mypage .myinfo .myForm dd .input input.mininput{width:140px}
    #mypage .myinfo .myForm dd .input input::placeholder{color:#999}
    #mypage .myinfo .myForm dd .input.w100p input{width:100%}
    #mypage .myinfo .myForm dd .input .btn_view{position:absolute;top:50%;right:26px;transform:translateY(-50%);background:transparent}
    #mypage .myinfo .myForm dd .input .btn_view i{position:relative;display:flex;width:16px;height:16px;background:url(../img/common/eye.png) no-repeat 50% 50% / contain;opacity:.5}
    #mypage .myinfo .myForm dd .input .btn_view i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:18px;background:#888;z-index:11}
    #mypage .myinfo .myForm dd .input .btn_view.active i{opacity:1}
    #mypage .myinfo .myForm dd .input .btn_view.active i:before{display:none}
    #mypage .myinfo .myForm dd .input select{width:180px;height:48px;border-radius:8px;border:1px solid #ddd;padding:10px;font-size:13px;color:#333}
    #mypage .myinfo .myForm dd .input span{margin-right:10px;display:flex;align-items:center;justify-content:center;height:48px;font-size:13px;color:#999}
    #mypage .myinfo .myForm dd .action{display:flex}
    #mypage .myinfo .myForm dd .action .btn{display:flex;align-items:center;justify-content:center;min-width:120px;height:48px;border-radius:489px;border:1px solid #ccc;font-size:14px;color:#666;margin-right:20px}
    #mypage .myinfo .myForm dd .action .btn_small{min-width:80px;margin-right:10px}
    #mypage .myinfo .myAgree{padding:30px 0}
    #mypage .myinfo .myAgree dl{display:flex;line-height:36px;font-size:16px;font-weight:500;color:#333}
    #mypage .myinfo .myAgree dt{width:50%;font-size:16px;font-weight:500;color:#333}
    #mypage .myinfo .myAgree dd{width:50%}
    #mypage .myinfo .myAgree dd .checkbox{display:inline-flex;align-items:center;cursor:pointer}
    #mypage .myinfo .myAgree dd .checkbox input{display:none}
    #mypage .myinfo .myAgree dd .checkbox input ~ i{width:20px;height:20px;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain;margin-right:10px}
    #mypage .myinfo .myAgree dd .checkbox input ~ span{font-size:16px;color:#666}
    #mypage .myinfo .myAgree dd .checkbox input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .myreservation .tool{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
    #mypage .myreservation .tool .search{margin:0}
    #mypage .myreservation .delete .btn{display:flex;align-items:center;justify-content:center;min-width:80px;height:48px;border-radius:8px;border:1px solid #ccc;font-size:14px;color:#666}
    #mypage .myreservation .list .table td a{display:flex}
    #mypage .myreservation .list .table td img{width:auto;max-height:24px}
    #mypage .myreservation .list .table td [class^="status"]{min-width:60px;white-space:nowrap}
    #mypage .myreservation .list .table td .status01{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .list .table td .status02{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .list .table td .status03{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .list .table td .status04{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .list .table td .status05{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .detail .cont{margin:0 0 48px;border-top:1px solid #707070}
    #mypage .myreservation .detail .cont dl{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd}
    #mypage .myreservation .detail .cont dt{width:152px;min-height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 24px;background:#fafafa;font-size:15px;font-weight:500}
    #mypage .myreservation .detail .cont dd{flex:1;flex-shrink:0;min-height:56px;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:12px 24px;background:#fff;font-size:15px;font-weight:400}
    #mypage .myreservation .detail .cont dd .status01{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .detail .cont dd .status02{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .detail .cont dd .status03{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .detail .cont dd .status04{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .detail .cont dd .status05{padding:2px 4px;border-radius:4px;font-size:12px;cursor:default}
    #mypage .myreservation .detail .cont dd label{display:flex;align-items:center;cursor:pointer;gap:2px;pointer-events:none;margin-right:6px}
    #mypage .myreservation .detail .cont dd label input{display:none}
    #mypage .myreservation .detail .cont dd label input ~ i{margin:0 6px 0 0;width:18px;height:18px;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .myreservation .detail .cont dd label input ~ p{font-size:15px;color:#1c1c1c}
    #mypage .myreservation .detail .cont dd label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .myreservation .detail .comment .info{display:flex;flex-wrap:wrap;margin:0 0 20px}
    #mypage .myreservation .detail .comment .info dl{position:relative;display:flex;align-items:center;line-height:14px;font-size:14px}
    #mypage .myreservation .detail .comment .info dl + dl{margin-left:12px;padding-left:12px}
    #mypage .myreservation .detail .comment .info dl + dl:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #mypage .myreservation .detail .comment .info dt{margin:0 2px 0 0}
    #mypage .myreservation .detail .comment .info dd strong{font-weight:500;color:#0066B3}
    #mypage .myreservation .detail .comment .comt{margin:0 0 20px}
    #mypage .myreservation .detail .comment .comt li{border-top:1px solid #ddd;display:flex;align-items:center;padding:20px 0;position:relative;padding-right:20px}
    #mypage .myreservation .banner img{width:100%;height:auto}
    #mypage .myreservation .banner img.mo{display:none}
    #mypage .myreservation .detail .comment .comt li{position:relative;padding:20px 24px;display:flex;justify-content:flex-start;flex-direction:column}
    #mypage .myreservation .detail .comment .comt li + li{border-top:1px solid #ddd}
    #mypage .myreservation .detail .comment .comt li .cmt_ico{width:40px;height:40px;border-radius:50%;margin:0 20px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #mypage .myreservation .detail .comment .comt li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #mypage .myreservation .detail .comment .comt li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #mypage .myreservation .detail .comment .comt li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #mypage .myreservation .detail .comment .comt li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #mypage .myreservation .detail .comment .comt li .cmt_head{margin:0 0 4px;display:flex;align-items:center;gap:10px}
    #mypage .myreservation .detail .comment .comt li .cmt_name{line-height:18px;font-size:13px;color:#707070}
    #mypage .myreservation .detail .comment .comt li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #mypage .myreservation .detail .comment .comt li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #mypage .myreservation .detail .comment .comt li .cmt_item dl{position:relative;display:flex;align-items:center}
    #mypage .myreservation .detail .comment .comt li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #mypage .myreservation .detail .comment .comt li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #mypage .myreservation .detail .comment .comt li .cmt_item dt{margin:0 6px 0 0}
    #mypage .myreservation .detail .comment .comt li .cmt_date{line-height:18px;font-size:13px;color:#707070}
    #mypage .myreservation .detail .comment .comt li.cmt_rep{background:#f4f4f4}
    #mypage .myreservation .detail .comment .comt li.cmt_rep .cmt_ico{background:#707070}
    #mypage .myreservation .detail .comment .comt li .cmt_top{display:flex;align-items:center;width:100%}
    #mypage .myreservation .detail .comment .comt li .cmt_like{display:flex;align-items:center;gap:4px}
    #mypage .myreservation .detail .comment .comt li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #mypage .myreservation .detail .comment .comt li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #mypage .myreservation .detail .comment .comt li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #mypage .myreservation .detail .comment .comt li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #mypage .myreservation .detail .comment .comt li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #mypage .myreservation .detail .comment .comt li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #mypage .myreservation .detail .comment .comt li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #mypage .myreservation .detail .comment .comt li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #mypage .myreservation .detail .comment .comt li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #mypage .myreservation .detail .comment .form{padding:24px;border-radius:8px;background:#f4f4f4}
    #mypage .myreservation .detail .comment .form .inr{border-radius:8px;border:1px solid #ddd;background:#fff;overflow:hidden}
    #mypage .myreservation .detail .comment .form .inr .inp{padding:16px}
    #mypage .myreservation .detail .comment .form .inr .inp textarea{width:100%;height:80px;line-height:18px;font-size:13px;background:transparent}
    #mypage .myreservation .detail .comment .form .inr .inf{display:flex;align-items:center;padding:16px;height:54px;justify-content:space-between}
    #mypage .myreservation .detail .comment .form .inr .inf .file label{position:relative;overflow:hidden;cursor:pointer}
    #mypage .myreservation .detail .comment .form .inr .inf .file label img{height:21px;width:auto}
    #mypage .myreservation .detail .comment .form .inr .inf .file label input{position:absolute;top:0;left:0;opacity:0;width:1px;height:1px}
    #mypage .myreservation .detail .comment .form .inr .inf .submit{margin:0 0 0 auto;display:flex}
    #mypage .myreservation .detail .comment .form .inr .inf .submit button{display:flex;min-width:50px;height:32px;border-radius:32px;padding:8px 12px;border:1px solid transparent;line-height:1;font-size:14px}
    #mypage .myreservation .detail .comment .form .photo ul{display:flex;flex-wrap:wrap;gap:0 12px}
    #mypage .myreservation .detail .comment .form .photo li{position:relative;width:auto;margin:16px 0 0;border:none;padding:0}
    #mypage .myreservation .detail .comment .form .photo li .img{position:relative;border-radius:8px;overflow:hidden;width:116px;height:72px;border:1px solid #ddd}
    #mypage .myreservation .detail .comment .form .photo li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #mypage .myreservation .detail .comment .form .photo li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #mypage .myreservation .detail .comment .form .photo li .del img{display:block;width:100%;height:auto}
    #mypage .myreservation .detail .comment .button{margin:56px 0 0;display:flex;align-items:center;justify-content:center}
    #mypage .myreservation .detail .comment .button .btn{display:flex;align-items:center;justify-content:center;text-align:center;min-width:224px;height:48px;border-radius:48px;border:1px solid transparent;font-size:14px}
    #mypage .myreservation .detail .comment .button .btn + .btn{margin:0 0 0 8px}
    #mypage .myhistory .caution{margin:38px 0 18px;line-height:20px;font-size:14px;color:#1c1c1c}
    #mypage .myhistory .mycar{display:flex;overflow-x:auto;margin-bottom:20px}
    #mypage .myhistory .mycar a{position:relative;margin:0 10px 0 0;padding:0 10px 0 0;display:flex;align-items:center;font-size:20px;color:#909090;gap:10px;font-weight:600}
    #mypage .myhistory .mycar a:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:18px;background:#e0e0e0}
    #mypage .myhistory .mycar a:last-child:after{display:none}
    #mypage .myhistory .mycar a em{border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:2px 10px;border:1px solid #0066b3;color:#0066b3}
    #mypage .myhistory .mycar a.default{color:#eb3f3d}
    #mypage .myhistory .table td .ico{display:inline-flex;align-items:center;justify-content:center;height:22px;border-radius:22px;padding:6px;border:1px solid #0066b3;color:#0066b3;font-size:12px;margin:0 0 0 6px}
    #mypage .myhistory .table td .btn{display:inline-flex;align-items:center;justify-content:center;width:86px;height:32px;border-radius:4px;font-size:14px}
    #mypage .myhistory .table .top{display:flex;align-items:center;justify-content:flex-start;font-size:15px;color:#909090;gap:10px}
    #mypage .myhistory .table .con{display:flex;align-items:center;justify-content:flex-start;gap:10px}
    #mypage .myhistory .table .txt{font-size:16px;font-weight:500;color:#303030;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #mypage .myhistory .table .act a img{width:16px;height:16px;object-fit:contain}
    #mypage .mycart .guide{margin:0 0 48px;padding:24px 32px;border-radius:8px;background:#F4F4F4;display:flex;align-items:center}
    #mypage .mycart .guide .ico{width:104px;height:104px;border-radius:104px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;margin:0 24px 0 0}
    #mypage .mycart .guide .ico img{width:auto;max-width:100%;height:auto}
    #mypage .mycart .guide .con p{position:relative;line-height:20px;font-size:13px;max-width:458px;word-break:break-word;padding:0 0 0 10px}
    #mypage .mycart .guide .con p + p{margin-top:4px}
    #mypage .mycart .guide .con p:before{content:'';position:absolute;top:9px;left:0;width:2px;height:2px;background:#1c1c1c}
    #mypage .mycart .table td .img{border-radius:8px;border:1px solid #ededed;width:94px;height:64px;display:flex;align-items:center;justify-content:center;overflow:hidden}
    #mypage .mycart .table td .img img{width:auto;max-width:100%;height:auto;object-fit:contain}
    #mypage .mycart .table td .tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #mypage .mycart .table td .pri{white-space:nowrap}
    #mypage .mycart .table td .del{cursor:pointer}
    #mypage .mycart .table td .del img{height:16px;width:auto}
    #mypage .mycart .table td .count{display:flex;align-items:center;justify-content:center;width:100px;height:40px;border-radius:8px;border:1px solid #ddd}
    #mypage .mycart .table td .count .plus{width:24px;height:24px;background:url(../img/common/plus.png) no-repeat 50% 50% / 12px auto}
    #mypage .mycart .table td .count .minus{width:24px;height:24px;background:url(../img/common/minus.png) no-repeat 50% 50% / 12px auto}
    #mypage .mycart .table td .count .num{display:flex;width:40px;height:40px;background:transparent;text-align:center}
    #mypage .mycart .table label{display:inline-flex;align-items:center;cursor:pointer;vertical-align:top}
    #mypage .mycart .table label input{display:none}
    #mypage .mycart .table label input ~ i{width:24px;height:24px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .mycart .table label input ~ p{font-size:13px;font-weight:400;color:#1c1c1c}
    #mypage .mycart .table label input ~ p span{font-weight:300;color:#707070}
    #mypage .mycart .table label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .mycart .payment{display:flex;align-items:center;justify-content:flex-end;margin:24px 0}
    #mypage .mycart .payment dl{display:flex;align-items:center;line-height:24px}
    #mypage .mycart .payment dl + dl:before{content:'+';width:24px;display:flex;align-items:center;justify-content:center}
    #mypage .mycart .payment dl + dl.total:before{content:'=';margin:0 4px}
    #mypage .mycart .payment dl dt{margin:0 4px 0 0;line-height:24px;font-size:13px;color:#707070}
    #mypage .mycart .payment dl dd{display:flex;align-items:center}
    #mypage .mycart .payment dl dd strong{line-height:24px;font-size:20px;font-weight:500;color:#1c1c1c}
    #mypage .mycart .payment dl dd em{margin-left:4px;line-height:24px;font-size:14px;color:#707070}
    #mypage .mycart .payment dl.total dt{font-size:15px}
    #mypage .mycart .payment dl.total dd strong{font-size:24px;color:#EB3F3D}
    #mypage .mycart .button{margin:40px 0 0;display:flex;align-items:center;justify-content:center}
    #mypage .mycart .button .btn{display:flex;min-width:224px;height:48px;align-items:center;justify-content:center;text-align:center;border-radius:48px;font-size:14px;border:1px solid transparent}
    #mypage .mycart .button .btn + .btn{margin-left:8px}
    #mypage .mytracking .tool{display:flex;align-items:center;justify-content:space-between;gap:10px}
    #mypage .mytracking .table td a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:center}
    #mypage .mytracking .table .view{display:flex;align-items:center;justify-content:center;width:72px;height:32px;border-radius:32px;border:1px solid #0066b3;color:#0066b3;font-size:13px;margin:0 auto}
    #mypage .myaddress .tabs{width:100%}
    #mypage .myaddress .tabs ul{width:100%}
    #mypage .myaddress .tabs li{flex:1}
    #mypage .myaddress .tabs li a{font-size:16px}
    #mypage .myaddress .caution{margin:0 0 32px;line-height:16px;display:flex;flex-wrap:wrap}
    #mypage .myaddress .caution i{width:16px;height:16px;margin:0 8px 0 0;background:url(../img/common/bang_bk.png) no-repeat 50% 50% / contain}
    #mypage .myaddress .caution p{line-height:16px;font-size:14px;color:#707070}
    #mypage .tabs li a{border-bottom:1px solid #e3e2e7}
    #mypage .tabs li.on a{border-bottom:2px solid #EB3F3D}
    #mypage .myaddress .list li{margin:0 0 16px;border-radius:16px;overflow:hidden;border:1px solid #ddd}
    #mypage .myaddress .list li .upper{padding:16px 24px;background:#f4f4f4;display:flex;align-items:center;justify-content:space-between}
    #mypage .myaddress .list li .cont{padding:32px 24px;background:#fff}
    #mypage .myaddress .list li .title{display:flex;align-items:center;height:28px}
    #mypage .myaddress .list li .name{display:flex;align-items:center;font-size:16px;font-weight:500;color:#1c1c1c}
    #mypage .myaddress .list li .basic{margin:0 0 0 8px;display:flex;align-items:center;justify-content:center;padding:7px 10px;line-height:1;font-size:12px;color:#eb3f3d;border-radius:38px;border:1px solid #eb3f3d}
    #mypage .myaddress .list li .tool{display:flex;align-items:center}
    #mypage .myaddress .list li .tool a{position:relative;font-size:14px;color:#707070;text-decoration:underline}
    #mypage .myaddress .list li .tool a + a{margin-left:10px;padding-left:10px}
    #mypage .myaddress .list li .tool a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #mypage .myaddress .list li .addr{margin:0 0 16px;line-height:16px;font-size:15px;color:#1c1c1c}
    #mypage .myaddress .list li .info{display:flex;align-items:center;margin:16px 0 0}
    #mypage .myaddress .list li .info p{position:relative;font-size:15px;color:#1c1c1c}
    #mypage .myaddress .list li .info p + p{margin-left:10px;padding-left:10px}
    #mypage .myaddress .list li .info p + p:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #mypage .myaddress .form{border-top:1px solid #707070;padding:40px 0 0}
    #mypage .myaddress .form dl{display:flex;margin:0 0 24px}
    #mypage .myaddress .form dt{flex-shrink:0;width:163px;height:48px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font-size:15px;font-weight:700}
    #mypage .myaddress .form dt em{margin:0 0 0 2px;font-size:15px;color:#eb3f3d}
    #mypage .myaddress .form dd{flex:1}
    #mypage .myaddress .form dd .inp{position:relative;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #ddd;height:48px;margin:0 0 16px}
    #mypage .myaddress .form dd .inp input[type="text"]{width:100%;height:48px;background:transparent;padding:12px;font-size:14px}
    #mypage .myaddress .form dd .inp .btn_fix{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:36px;min-width:102px;padding:0 12px;border-radius:36px;border:1px solid transparent}
    #mypage .myaddress .form dd .check{display:flex;align-items:center;justify-content:flex-start}
    #mypage .myaddress .form dd .check label{display:flex;align-items:center;cursor:pointer}
    #mypage .myaddress .form dd .check label input{display:none}
    #mypage .myaddress .form dd .check label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .myaddress .form dd .check label input ~ p{font-size:13px;font-weight:400;color:#1c1c1c}
    #mypage .myaddress .form dd .check label input ~ p span{font-weight:300;color:#707070}
    #mypage .myaddress .form dd .check label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .myaddress .button{margin:40px 0 0;display:flex;align-items:center;justify-content:center}
    #mypage .myaddress .button .btn{display:flex;align-items:center;justify-content:center;min-width:224px;height:48px;border-radius:48px;font-size:14px}
    #mypage .myreview .table td .star{position:relative;display:flex;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #mypage .myreview .table td .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #mypage .myreview .table td a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:center;text-decoration:none!important}
    #mypage .myreview .table td a:hover{color:#1c1c1c}
    #mypage .myreview .detail{margin:48px 0 0}
    #mypage .myreview .detail .title{display:flex;align-items:center;justify-content:space-between;height:56px;background:#f2f2f2;margin:0 0 24px;padding:12px 20px;border-top:1px solid #707070}
    #mypage .myreview .detail .title .name{display:flex;align-items:center;font-size:16px;font-weight:500;color:#1c1c1c}
    #mypage .myreview .detail .title .tool{display:flex;align-items:center}
    #mypage .myreview .detail .title .tool a{position:relative;font-size:14px;color:#707070;text-decoration:underline}
    #mypage .myreview .detail .title .tool a + a{margin-left:16px;padding-left:16px}
    #mypage .myreview .detail .title .tool a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #mypage .myreview .detail .cont{display:flex}
    #mypage .myreview .detail .cont dl{flex:1}
    #mypage .myreview .detail .cont dl + dl dd{border-left:1px solid #ededed}
    #mypage .myreview .detail .cont dt{display:flex;align-items:center;justify-content:center;text-align:center;height:56px;margin:0 0 10px}
    #mypage .myreview .detail .cont dd{padding:0 37px}
    #mypage .myreview .detail .cont li + li{margin-top:10px}
    #mypage .myreview .detail .cont li label{display:block;cursor:pointer}
    #mypage .myreview .detail .cont li label input{display:none}
    #mypage .myreview .detail .cont li label input ~ .box{display:flex;height:56px;align-items:center;padding:16px;border-radius:8px;border:1px solid #ddd}
    #mypage .myreview .detail .cont li label input ~ .box img{width:20px;height:20px;margin:0 9px 0 0;flex-shrink:0}
    #mypage .myreview .detail .cont li label input ~ .box p{flex:1;line-height:20px;font-size:14px;font-weight:400;color:#1c1c1c}
    #mypage .myreview .detail .cont li label input ~ .box i{width:20px;height:20px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .myreview .detail .cont li label input:checked ~ .box{border-color:#eb3f3d;box-shadow:0 0 8px 0 #0000001F}
    #mypage .myreview .detail .cont li label input:checked ~ .box i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .myreview .button{margin:48px 0 0;display:flex;align-items:center;justify-content:center}
    #mypage .myreview .button .btn{display:flex;align-items:center;justify-content:center;min-width:224px;height:48px;border-radius:48px;font-size:14px;border:1px solid transparent}
    #mypage .myreview .view .head{display:flex;align-items:center;justify-content:space-between;padding:24px;background:#f2f2f2;border-top:1px solid #707070}
    #mypage .myreview .view .head .area{line-height:24px;font-size:18px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #mypage .myreview .view .head .subject{flex:1;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #mypage .myreview .view .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 10px;position:relative;gap:0;z-index:10}
    #mypage .myreview .view .head .tool ul{position:relative;display:flex;align-items:center;justify-content:center}
    #mypage .myreview .view .head .tool li{position:relative}
    #mypage .myreview .view .head .tool li a{font-size:14px;color:#707070;text-decoration:underline;display:block;gap:4px;display:flex;align-items:center;justify-content:center}
    #mypage .myreview .view .head .tool li a img{height:16px;width:auto}
    #mypage .myreview .view .head .tool li + li{padding:0 0 0 16px;margin:0 0 0 16px}
    #mypage .myreview .view .head .tool li + li:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #mypage .myreview .view .head .star{position:relative;width:100px;height:20px;background:url(../img/common/star_g.png) repeat-x left center / auto 100%}
    #mypage .myreview .view .head .star i{position:absolute;top:0;left:0;height:100%;background:url(../img/common/star.png) repeat-x left center / auto 100%}
    #mypage .myreview .view .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 20px}
    #mypage .myreview .view .head .tool a{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070;text-decoration:underline}
    #mypage .myreview .view .head .tool a + a{padding:0 0 0 16px;margin:0 0 0 16px}
    #mypage .myreview .view .head .tool a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #mypage .myreview .view .info{border-bottom:1px solid #ddd;display:flex;height:64px;padding:24px;align-items:center}
    #mypage .myreview .view .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #mypage .myreview .view .info p strong{font-weight:500;margin:0 8px 0 0}
    #mypage .myreview .view .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #mypage .myreview .view .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #mypage .myreview .view .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #mypage .myreview .view .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #mypage .myreview .view .info .ongoing .period{font-size:14px;color:#707070}
    #mypage .myreview .view .review_cont{padding:64px 0 80px;border-bottom:1px solid #ddd}
    #mypage .myreview .view .review_cont img{display:inline-flex;width:auto;max-width:100%;height:auto}
    #mypage .myreview .view .review_cont p{line-height:32px;font-size:15px}
    #mypage .myreview .view .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #mypage .myreview .view .button .btn{min-width:188px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #mypage .myreview .view .button .btn img{height:16px}
    #mypage .myreview .view .bottom{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #ddd;padding:0;margin:0}
    #mypage .myreview .view .bottom .total{display:flex}
    #mypage .myreview .view .bottom .total dl{position:relative;display:flex;align-items:center;height:52px}
    #mypage .myreview .view .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #mypage .myreview .view .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #mypage .myreview .view .bottom .total dt{font-size:14px;margin:0 4px 0 0;padding:0;text-wrap:nowrap}
    #mypage .myreview .view .bottom .total dd{font-size:14px;font-weight:500}
    #mypage .myreview .view .bottom .total dd span{color:#0066B3}
    #mypage .myreview .view .bottom .total dd strong{color:#EB3F3D}
    #mypage .myreview .view .bottom .share{position:relative;display:flex;align-items:center}
    #mypage .myreview .view .bottom .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #mypage .myreview .view .bottom .share > a img{height:20px}
    #mypage .myreview .view .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #mypage .myreview .view .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #mypage .myreview .view .bottom .share > ul li a img{width:64px;height:auto}
    #mypage .myreview .view .bottom .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #mypage .myreview .view .bottom .share.on > ul{opacity:1;visibility:visible}
    #mypage .myreview .view .comment .type{padding:80px 0 0;margin:0 0 32px}
    #mypage .myreview .view .comment .type ul{display:flex}
    #mypage .myreview .view .comment .type li{flex:1}
    #mypage .myreview .view .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #mypage .myreview .view .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #mypage .myreview .view .comment .con li{padding:20px 24px;display:flex;justify-content:center;width:100%;align-items:center;position:relative}
    #mypage .myreview .view .comment .con li + li{border-top:1px solid #ddd}
    #mypage .myreview .view .comment .con li .cmt_top{display:flex;align-items:center;width:100%}
    #mypage .myreview .view .comment .con li .cmt_ico{width:40px;height:40px;border-radius:40px;margin:0 12px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden}
    #mypage .myreview .view .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #mypage .myreview .view .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}
    #mypage .myreview .view .comment .con li .cmt_img{border-radius:8px;overflow:hidden;width:130px;height:80px;margin-right:120px}
    #mypage .myreview .view .comment .con li .cmt_img img{width:100%;height:100%;object-fit:cover}
    #mypage .myreview .view .comment .con li .cmt_upper{display:flex;align-items:center;gap:10px;margin:0 0 4px}
    #mypage .myreview .view .comment .con li .cmt_name{min-width:86px;line-height:18px;font-size:13px;color:#707070}
    #mypage .myreview .view .comment .con li .cmt_text{line-height:22px;font-size:15px;color:#1c1c1c}
    #mypage .myreview .view .comment .con li .cmt_item{margin:12px 0 0;line-height:18px;font-size:13px;color:#707070;display:flex;align-items:center}
    #mypage .myreview .view .comment .con li .cmt_item dl{position:relative;display:flex;align-items:center}
    #mypage .myreview .view .comment .con li .cmt_item dl + dl{margin-left:12px;padding-left:12px}
    #mypage .myreview .view .comment .con li .cmt_item dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #mypage .myreview .view .comment .con li .cmt_item dt{margin:0 6px 0 0}
    #mypage .myreview .view .comment .con li .cmt_info{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:10px}
    #mypage .myreview .view .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #mypage .myreview .view .comment .con li .cmt_like{display:flex;align-items:center;gap:4px}
    #mypage .myreview .view .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070}
    #mypage .myreview .view .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #mypage .myreview .view .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #mypage .myreview .view .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #mypage .myreview .view .comment .con li .cmt_button{line-height:18px;font-size:12px;color:#707070;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
    #mypage .myreview .view .comment .con li .cmt_button a{display:flex;align-items:center;justify-content:center;text-align:center;height:24px;padding:10px;font-size:13px;color:#707070;border-radius:6px;border:1px solid #e0e0e0}
    #mypage .myreview .view .comment .con li .cmt_comment{background:#F4F4F4;border-radius:8px;margin:16px 0 0;padding:20px;display:flex;flex-direction:column;gap:12px}
    #mypage .myreview .view .comment .con li .cmt_comment .cmt_comment_name{line-height:18px;font-size:13px;font-weight:500;color:#707070}
    #mypage .myreview .view .comment .con li .cmt_comment .cmt_comment_text{line-height:20px;font-size:14px;color:#1c1c1c}
    #mypage .myreview .view .comment .con li.cmt_rep{background:#f4f4f4}
    #mypage .myreview .view .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #mypage .myreview .view .comment .frm{margin:20px 0 0;border-radius:8px;background:#F4F4F4;padding:24px}
    #mypage .myreview .view .comment .frm .fileList{display:flex;gap:0 10px}
    #mypage .myreview .view .comment .frm .fileList li{position:relative;margin:10px 0 0}
    #mypage .myreview .view .comment .frm .fileList li .img{width:116px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #ddd}
    #mypage .myreview .view .comment .frm .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #mypage .myreview .view .comment .frm .fileList li .del{position:absolute;top:8px;right:8px;width:16px;height:16px;cursor:pointer}
    #mypage .myreview .view .comment .frm .fileList li .del img{display:block;width:100%;height:auto}
    #mypage .myreview .view .comment .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #mypage .myreview .view .comment .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px}
    #mypage .myreview .view .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0}
    #mypage .myreview .view .comment .frm .bot .file label{cursor:pointer}
    #mypage .myreview .view .comment .frm .bot .file label input{display:none}
    #mypage .myreview .view .comment .frm .bot .file label img{width:auto;height:24px}
    #mypage .myreview .view .comment .frm .bot .submit a,#mypage .myreview .view .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:50px;height:32px;padding:6px 12px;border-radius:32px;background:#555;font-size:14px;color:#fff}
    #mypage .mywrite .form{border-top:1px solid #ddd}
    #mypage .mywrite .form dl{display:flex;border-bottom:1px solid #ddd}
    #mypage .mywrite .form dt{width:128px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;background:#f4f4f4;font-size:15px;color:#1c1c1c}
    #mypage .mywrite .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #mypage .mywrite .form dd{flex:1;display:flex;min-height:80px;padding:16px 24px;flex-direction:column}
    #mypage .mywrite .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:15px;color:#1c1c1c}
    #mypage .mywrite .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center}
    #mypage .mywrite .form dd .inp input{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd}
    #mypage .mywrite .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #mypage .mywrite .form dd .act{flex-direction:column;display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:48px;font-size:15px;color:#1c1c1c;gap:16px}
    #mypage .mywrite .form dd .act a{font-size:15px;text-decoration:underline;color:#1c1c1c;gap:10px;display:flex;align-items:center}
    #mypage .mywrite .form dd .act a img{height:16px}
    #mypage .mywrite .form dd .map{display:block}
    #mypage .mywrite .form dd .map img,#mypage .mywrite .form dd .map iframe{width:100%;height:auto}
    #mypage .mywrite .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;background:#fff;padding:2px 4px}
    #mypage .mywrite .form dd .sel{display:flex;max-width:100%;align-items:center}
    #mypage .mywrite .form dd .sel select{padding:8px 16px;width:100%;max-width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px}
    #mypage .mywrite .form dd .sel span{white-space:nowrap;font-size:14px;color:#707070;margin-left:16px}
    #mypage .mywrite .form dd .sel .space{width:24px;display:flex;align-items:center;justify-content:center;text-align:center}
    #mypage .mywrite .form dd .chk{display:flex;flex-wrap:wrap;gap:32px;min-height:48px;align-items:center}
    #mypage .mywrite .form dd .chk label{display:flex;align-items:center;height:24px;cursor:pointer}
    #mypage .mywrite .form dd .chk label input{display:none}
    #mypage .mywrite .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .mywrite .form dd .chk label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #mypage .mywrite .form dd .chk label input ~ p span{font-weight:300;color:#707070}
    #mypage .mywrite .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .mywrite .form dd .textarea{width:100%}
    #mypage .mywrite .form dd .textarea textarea{padding:16px;width:100%;height:460px;border-radius:8px;border:1px solid #ddd}
    #mypage .mywrite .form dd .space{width:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    #mypage .mywrite .form dd .repair{display:flex;flex-wrap:Wrap;gap:32px 2px;padding:16px 0}
    #mypage .mywrite .form dd .repair label{display:flex;align-items:flex-start;min-height:24px;padding:2px 0;cursor:pointer;width:calc(25% - 1.5px)}
    #mypage .mywrite .form dd .repair label input{display:none}
    #mypage .mywrite .form dd .repair label input ~ i{width:20px;height:20px;flex-shrink:0;margin:0 4px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .mywrite .form dd .repair label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c;line-height:20px}
    #mypage .mywrite .form dd .repair label input ~ p span{font-weight:300;color:#707070}
    #mypage .mywrite .form dd .repair label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .mywrite .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap:30px}
    #mypage .mywrite .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #mypage .mywrite .button .btn img{height:16px}
    #mypage .myinterest .list{margin:0 0 56px;overflow:hidden}
    #mypage .myinterest .list ul{display:flex;flex-wrap:wrap;width:auto;gap:40px 30px}
    #mypage .myinterest .list li{width:calc(33.33% - 19.96px)}
    #mypage .myinterest .list .img{border-radius:16px;overflow:hidden;padding:100% 0 0;position:relative;border:1px solid #ddd}
    #mypage .myinterest .list .img img{display:block;width:auto;max-width:100%;height:auto;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    #mypage .myinterest .list .con{margin:16px 0 0;display:flex;flex-direction:column}
    #mypage .myinterest .list .del{position:absolute;top:16px;right:16px}
    #mypage .myinterest .list .del a{display:flex;align-items:center;justify-content:center;width:24px;height:24px}
    #mypage .myinterest .list .del a img{display:block;width:100%;height:auto}
    #mypage .myinterest .list .name{line-height:25px;font-size:20px;color:#1c1c1c;display:flex;align-items:center}
    #mypage .myinterest .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #mypage .myinterest .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #mypage .myinterest .list .text{line-height:25px;font-size:20px;color:#1c1c1c;display:flex;align-items:center}
    #mypage .myinterest .list .info{display:flex;align-items:flex-end;margin:24px 0 0}
    #mypage .myinterest .list .price{display:flex;align-items:flex-start;flex-direction:column}
    #mypage .myinterest .list .price .sale{line-height:1;font-size:22px;color:#eb3f3d}
    #mypage .myinterest .list .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #mypage .myinterest .list .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #mypage .myinterest .list .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #mypage .myinterest .list .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #mypage .myinterest .list .tool .comment{display:flex;align-items:center}
    #mypage .myinterest .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #mypage .myinterest .list .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #mypage .mypoint .info{display:flex;align-items:center;justify-content:space-between;margin:48px 0 12px}
    #mypage .mypoint .info .tit{line-height:18px;font-size:18px;font-weight:500;color:#1c1c1c}
    #mypage .mypoint .info .num dl{display:flex;align-items:center}
    #mypage .mypoint .info .num dt{margin:0 8px 0 0;font-size:13px;color:#707070}
    #mypage .mypoint .info .num dd{display:flex;align-items:center;justify-content:center}
    #mypage .mypoint .info .num strong{line-height:1;font-size:18px;color:#eb3f3d}
    #mypage .mypoint .info .num em{margin:0 0 0 2px;line-height:1;font-size:18px;color:#1c1c1c}
    #mypage .mypoint .table td.plus{color:#0066b3}
    #mypage .mypoint .table td.minus{color:#EB3F3D}
    #mypage .mycoupon .table td{padding:16px 8px}
    #mypage .mycoupon .table tr.disabled{font-weight:300;color:#ccc!important}
    #mypage .mycoupon .detail .upper{display:flex;align-items:center;justify-content:space-between;background:#f4f4f4;border-top:1px solid #707070}
    #mypage .mycoupon .detail .upper > div{display:flex;align-items:center;height:55px;padding:12px 24px}
    #mypage .mycoupon .detail .upper dl{position:relative;display:flex;align-items:center;justify-content:flex-start;margin:0 10px 0 0;padding:0 10px 0 0;gap:10px;font-size:15px}
    #mypage .mycoupon .detail .upper dl:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #mypage .mycoupon .detail .upper dl:last-child{margin:0;padding:0}
    #mypage .mycoupon .detail .upper dl:last-child:after{display:none}
    #mypage .mycoupon .detail .photo{display:flex;flex-direction:column;gap:16px;width:656px;margin:55px auto}
    #mypage .mycoupon .detail .photo .inner{position:relative;display:flex;background:url(../img/common/couponbg.svg) no-repeat top left / cover;padding:4%;flex-direction:column;min-height:336px}
    #mypage .mycoupon .detail .photo .inner:after{content:'COUPON';position:absolute;top:4%;right:4%;bottom:4%;left:calc(100% - 8%);width:0;word-break:break-all;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}
    #mypage .mycoupon .detail .photo .function{display:flex;align-items:center;justify-content:center}
    #mypage .mycoupon .detail .photo .box{padding:14px 18% 14px 14px;display:flex;flex-direction:column;flex:1}
    #mypage .mycoupon .detail .photo .head{display:flex;align-items:center;justify-content:flex-start;margin:0 0 9px;flex-shrink:0;gap:12px}
    #mypage .mycoupon .detail .photo .head .logo img{height:32px;width:auto;display:block}
    #mypage .mycoupon .detail .photo .head .number{line-height:1;font-size:14px;font-weight:500;color:#1c1c1c}
    #mypage .mycoupon .detail .photo .body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;flex:1;position:relative;margin:auto 0 5%;padding:10% 0 0}
    #mypage .mycoupon .detail .photo .body .name{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:22px;height:32px;background:#eb3f3d;color:#fff;font-size:14px;margin:0 0 4px;padding:0 20px}
    #mypage .mycoupon .detail .photo .body .cost{font-size:18px;color:#1c1c1c}
    #mypage .mycoupon .detail .photo .body .cost strong{font-size:36px;font-weight:700;color:#eb2f3d;margin:0 8px 0 0}
    #mypage .mycoupon .detail .photo .body .code{position:absolute;bottom:5%;right:0;width:80px;height:81px}
    #mypage .mycoupon .detail .photo .body .code img{width:100%;height:100%;object-fit:contain}
    #mypage .mycoupon .detail .photo .explain{padding-top:8px;border-top:1px dotted #dddd;line-height:16px;font-size:12px;font-weight:300;color:#707070;margin:auto 0 0;flex-shrink:0}
    #mypage .mycoupon .detail .photo .btn{display:flex;align-items:center;justify-content:center;min-width:88px;height:32px;border-radius:32px;font-size:13px}
    #mypage .mycoupon .detail .photo .side{width:35px;background:#eb3f3d;display:flex;flex-direction:column;align-items:center;justify-content:center;word-break:break-word;flex-shrink:0;line-height:20px;font-size:12px;color:#fff;border-radius:0 8px 8px 0;opacity:0}
    #mypage .mycoupon .detail .text dl{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #mypage .mycoupon .detail .text dt{margin:0 auto 24px;display:flex;align-items:center;justify-content:center;min-width:100px;height:28px;background:#EB3F3D;border-radius:5px;padding:0 12px;gap:4px;font-size:14px;font-weight:500;color:#fff}
    #mypage .mycoupon .detail .text dd{line-height:20px;font-size:14px;color:#707070}
    #mypage .mycoupon .detail .text dd p{display:flex;align-items:flex-start}
    #mypage .mycoupon .detail .text dd p:before{content:'';margin:8px 10px 0 0;width:3px;height:3px;border-radius:6px;background:#707070;flex-shrink:0}
    #mypage .mycoupon .detail .call{margin:32px 0 0;text-align:center;font-size:13px;font-weight:500;color:#000}
    #mypage .mycoupon .detail .call span{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}
    #mypage .mycoupon .detail .button{border-top:1px solid #707070;margin-top:36px;padding-top:26px;display:flex;align-items:center;justify-content:center}
    #mypage .mycoupon .detail .button .btn{display:flex;align-items:center;justify-content:center;min-width:158px;height:48px;padding:12px 24px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500}
    #mypage .mywithdraw .text{margin:0 0 40px}
    #mypage .mywithdraw .text .tit{line-height:18px;font-size:18px;color:#1c1c1c;margin:0 0 32px}
    #mypage .mywithdraw .text .txt strong{display:block;line-height:1;font-size:15px;font-weight:500;color:#1c1c1c}
    #mypage .mywithdraw .text .txt strong + p{margin-top:16px}
    #mypage .mywithdraw .text .txt p{display:block;line-height:20px;font-size:14px;color:#707070}
    #mypage .mywithdraw .text .txt p + p{margin-top:12px}
    #mypage .mywithdraw .text .txt p + strong{margin:32px 0 0}
    #mypage .mywithdraw .form{background:#f4f4f4;padding:24px;border-radius:8px}
    #mypage .mywithdraw .form .tit{margin:0 0 24px;line-height:1;font-size:16px;font-weight:500;color:#1c1c1c}
    #mypage .mywithdraw .form .chk{display:flex;align-items:center;justify-content:flex-start;gap:12px 32px;margin:0 0 24px}
    #mypage .mywithdraw .form .chk label{display:flex;align-items:center;cursor:pointer}
    #mypage .mywithdraw .form .chk label input{display:none}
    #mypage .mywithdraw .form .chk label input ~ i{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #mypage .mywithdraw .form .chk label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c}
    #mypage .mywithdraw .form .chk label input ~ p span{font-weight:300;color:#707070}
    #mypage .mywithdraw .form .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #mypage .mywithdraw .form .inp textarea{display:block;padding:16px;width:100%;height:136px;border-radius:8px;border:1px solid #ddd}
    #mypage .mywithdraw .button{margin:40px 0 0;display:flex;align-items:center;justify-content:center}
    #mypage .mywithdraw .button .btn{display:flex;align-items:center;justify-content:center;min-width:224px;height:48px;border-radius:48px;font-size:14px;border:1px solid transparent}
    #mypage .mywithdraw .button .btn + .btn{margin-left:8px}
    #mypage .myalarm .myalarmbox .tool{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:20px;gap:40px}
    #mypage .myalarm .myalarmbox .tool .lt{display:flex;align-items:center}
    #mypage .myalarm .myalarmbox .tool .rt{display:flex;align-items:center;flex:0 0 auto}
    #mypage .myalarm .myalarmbox .tool .search{margin:0}
    #mypage .myalarm .myalarmbox .tabs{position:relative;overflow:hidden;max-width:450px}
    #mypage .myalarm .myalarmbox .tabs:after{content:'';position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,#fff0 0%,#ffff 100%);z-index:2}
    #mypage .myalarm .myalarmbox .tabs li{width:auto}
    #mypage .myalarm .myalarmbox .tabs li button{display:flex;align-items:center;justify-content:center;height:40px;border-radius:40px;border:1px solid #e0e0e0;background:#fff;min-width:110px;padding:0 10px;font-size:14px;font-weight:400;color:#909090}
    #mypage .myalarm .myalarmbox .tabs li button.on{color:#00BCD4;border-color:#00BCD4}

    #franchise .bd{width:100%;height:8px;background:#F4F4F4}
    #franchise .information{padding:32px 20px;display:flex;align-items:center}
    #franchise .information .icon{position:relative;margin:0 14px 0 0}
    #franchise .information .icon .img{width:72px;height:72px;border-radius:72px;overflow:hidden}
    #franchise .information .icon .img img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .information .icon .cog{position:absolute;bottom:0;right:0}
    #franchise .information .icon .cog a{position:relative;display:flex;width:24px;height:24px;border-radius:24px;overflow:hidden;text-indent:-9999em;background:#fff}
    #franchise .information .icon .cog a:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:url(../img/common/cog.png) no-repeat 50% 50% / contain}
    #franchise .information .name{display:-webkit-box;webkit-box-orient:vertical;webkit-line-clamp:1;overflow:hidden;line-height:22px;font-size:16px;font-weight:700;color:#1c1c1c}
    #franchise .information .point{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}
    #franchise .information .point p{line-height:18px;font-size:12px;color:#333;margin:0 0 4px}
    #franchise .information .point strong{line-height:28px;font-size:22px;font-weight:500;color:#EB3F3D}
    #franchise .category{position:relative;padding:32px 20px}
    #franchise .category .tit{line-height:22px;font-size:16px;font-weight:700;color:#1c1c1c;margin:0 0 20px;text-align:left}
    #franchise .category .con ul{display:flex;flex-direction:column;gap:12px}
    #franchise .category .con li a{position:relative;display:flex;align-items:center;justify-content:flex-start;height:56px;padding:16px;border-radius:8px;box-shadow:0 0 4px #0003;gap:8px;border:1px solid transparent}
    #franchise .category .con li a:hover,#franchise .category .con li a:focus,#franchise .category .con li a:active{border-color:#eb3f3d}
    #franchise .category .con li img{display:block;width:auto;max-height:24px}
    #franchise .category .con li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:24px;font-size:16px;font-weight:500;color:#1c1c1c;flex:1}
    #franchise .category .con li em{display:flex;align-items:center;justify-content:center;text-align:center;min-width:38px;height:28px;border-radius:28px;background:#eb3f3d;font-size:14px;font-weight:700;color:#fff}
    #franchise .category .con li i{width:24px;height:24px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / 14px auto}
    #franchise .category .act{position:absolute;top:32px;right:20px;display:flex}
    #franchise .category .act a{display:flex;line-height:22px;align-items:center;font-size:13px}
    #franchise .category .act i{width:24px;height:24px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / 14px auto}
    #franchise .mystore{margin:32px 0 24px;padding:0 20px;display:flex;align-items:center;gap:16px}
    #franchise .mystore .icon{position:relative}
    #franchise .mystore .icon .img{width:72px;height:72px;border-radius:72px;overflow:hidden}
    #franchise .mystore .icon .img img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover}
    #franchise .mystore .cont{flex:1;display:flex;flex-direction:column;gap:4px}
    #franchise .mystore .cont .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:24px;font-size:18px;font-weight:700;color:#1c1c1c}
    #franchise .mystore .cont .date{display:flex;align-items:center;justify-content:flex-start;gap:8px}
    #franchise .mystore .cont .date span{font-size:13px;color:#707070}
    #franchise .mystore .cont .date a{display:flex;align-items:center;justify-content:center;min-width:58px;height:26px;border-radius:26px;border:1px solid #ddd;padding:4px 8px;line-height:1;font-size:11px;color:#707070}
    #franchise .myrank{margin:32px 20px;padding:20px;display:flex;flex-direction:column;gap:16px;border-radius:8px;border:1px solid #ededed}
    #franchise .myrank .rank{display:flex;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid #ededed;align-items:flex-end}
    #franchise .myrank .rank .txt{line-height:20px;font-size:14px;color:#1c1c1c}
    #franchise .myrank .rank .txt strong{line-height:28px;font-size:22px;font-weight:700;color:#eb3f3d}
    #franchise .myrank .item ul{display:flex;flex-direction:column;gap:8px}
    #franchise .myrank .item li{line-height:18px;font-size:13px;color:#707070}
    #franchise .board{padding:24px 0 58px}
    #franchise .board .tabs{overflow:hidden;margin:0 0 8px}
    #franchise .board .tabs li{width:auto}
    #franchise .board .tabs li a{position:relative;display:flex;align-items:center;justify-content:center;min-width:110px;padding:0 10px;gap:6px}
    #franchise .board .tabs li p{font-weight:400;color:#707070}
    #franchise .board .tabs li em{display:flex;align-items:center;justify-content:center;padding:2px 5px;border-radius:20px;height:20px;color:#fff;background:#EB3F3D;font-size:12px}
    #franchise .board .tabs li.on:before{content:'';position:absolute;bottom:1px;left:0;width:100%;height:2px;background:#eb3f3d}
    #franchise .board .tabs li.on p{color:#EB3F3D}
    #franchise .board .hash{padding:16px 20px 8px}
    #franchise .board .hash ul{gap:8px}
    #franchise .board .hash li{width:auto;min-width:92px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:36px;border:1px solid #ddd;background:#0066b30f;font-size:13px;color:#707070}
    #franchise .board .list{padding:0 20px 20px}
    #franchise .board .list li{border-bottom:1px solid #ededed;padding:16px 0}
    #franchise .board .list li a{display:flex;align-items:flex-end}
    #franchise .board .list li a .lt{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:calc(100% - 108px)}
    #franchise .board .list li a .rt{flex-shrink:0}
    #franchise .board .list li a .img{display:flex;align-items:center;justify-content:center;max-width:108px;border-radius:5px;overflow:hidden;aspect-ratio:1.5539 / 1}
    #franchise .board .list li a .img img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .board .list li a .cate{display:flex;align-items:center;justify-content:center;min-width:42px;height:28px;border-radius:4px;border:1px solid #ddd;font-size:12px;color:#707070;padding:0 5px}
    #franchise .board .list li a .name{line-height:1;font-size:12px;color:#707070}
    #franchise .board .list li a .title{line-height:22px;font-size:15px;color:#1c1c1c}
    #franchise .board .list li a .title p{display:inline}
    #franchise .board .list li a .title em{display:inline;line-height:22px;font-size:15px;color:#0066B3}
    #franchise .board .list li a .info{display:flex;flex-wrap:wrap;gap:4px 12px;line-height:14px;font-size:11px}
    #franchise .board .list li a .info span{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;color:#707070}
    #franchise .board .list li a .info span:after{content:'';position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:1px;height:10px;background:#ebebeb}
    #franchise .board .list li a .info span img{display:block;width:auto;height:12px}
    #franchise .board .list li.ntc a{display:flex;align-items:center;gap:12px}
    #franchise .board .list li.ntc a span{display:flex;align-items:center;justify-content:center;min-width:42px;height:28px;border-radius:4px;border:1px solid #eb3f3d;font-size:12px;color:#eb3f3d}
    #franchise .board .list li.ntc a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:28px;font-size:15px;color:#1c1c1c}
    #franchise .board .list li.ntc a em{flex-shrink:0;line-height:28px;font-size:15px;color:#0066b3}
    #franchise .board .more{position:relative}
    #franchise .board .more a{display:flex;align-items:center;justify-content:center;height:47px;line-height:18px;font-size:12px;font-weight:500;color:#555}
    #franchise .board .more a:after{content:'';width:16px;height:16px;margin:0 0 0 4px;background:url(../img/common/more_arrow.png) no-repeat center center / auto 14px}
    #franchise .board .button{position:relative;display:flex;align-items:center;margin:0;padding:12px 20px}
    #franchise .board .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px}
    #franchise .qrcode{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11111;background:#000000b3;display:flex;flex-direction:column;justify-content:center;padding:20px}
    #franchise .qrcode .area{width:90%;aspect-ratio:1/1;background:url(../img/common/qrcode_line.png) no-repeat 50% 50% / cover;margin:0 auto}
    #franchise .qrcode .button{display:flex;margin:45px 0 0;align-items:center;justify-content:center}
    #franchise .qrcode .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;font-size:14px}
    #franchise .coupon{padding:32px 20px}
    #franchise .coupon .search{margin:0;padding:0;margin:0 0 32px 0}
    #franchise .coupon .search .form{display:flex;flex-direction:row;align-items:center;border:0;flex-wrap:wrap;gap:12px 16px;padding:0}
    #franchise .coupon .search .select{display:flex;width:calc(50% - 8px);height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #franchise .coupon .search .select.w100p{width:100%}
    #franchise .coupon .search .select:nth-child(3){width:100%}
    #franchise .coupon .search .select select{padding:0 16px;width:100%;border:0;height:48px}
    #franchise .coupon .search .input{flex:1;display:flex;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #franchise .coupon .search .input input{flex:1;height:20px}
    #franchise .coupon .search .input span{width:24px;text-align:center}
    #franchise .coupon .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #franchise .coupon .search .input button img{display:block;width:100%;height:auto}
    #franchise .coupon .search .date{display:flex;align-items:center;gap:8px}
    #franchise .coupon .search .date input{display:flex;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;font-size:13px;align-items:center;padding:0 12px}
    #franchise .coupon .search .date input.datepicker{background:url(../img/common/calendar.png) no-repeat right 14px center / 18px auto;padding:0 36px 0 12px}
    #franchise .coupon .search .date button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;border:1px solid #ddd;background:#fff}
    #franchise .coupon .search .date button img{width:24px;height:auto}
    #franchise .coupon .table{overflow-x:auto}
    #franchise .coupon .table table th,#franchise .coupon .table table td{white-space:nowrap}
    #franchise .coupon .result ul{display:flex;flex-direction:column;gap:24px}
    #franchise .coupon .result li{display:flex;flex-direction:column;gap:18px;width:100%}
    #franchise .coupon .result li .inner{display:flex;background:url(../img/sub/couponbg_mo.png) no-repeat top left / 100% auto;padding:4px;flex-direction:column;aspect-ratio:1 / .56}
    #franchise .coupon .result li .function{display:flex;align-items:center;justify-content:center}
    #franchise .coupon .result li .box{padding:4vw 18vw 4vw 4vw;display:flex;flex-direction:column;flex:1}
    #franchise .coupon .result li .head{display:flex;align-items:center;justify-content:space-between;margin:0;flex-shrink:0}
    #franchise .coupon .result li .head .logo img{height:18px;width:auto;display:block}
    #franchise .coupon .result li .head .number{line-height:1;font-size:8px;font-weight:500;color:#1c1c1c}
    #franchise .coupon .result li .body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;padding:6px 0}
    #franchise .coupon .result li .body .name{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:24px;height:24px;background:#eb3f3d;color:#fff;font-size:12px;margin:0 0 11px}
    #franchise .coupon .result li .body .cost{font-size:16px;color:#1c1c1c}
    #franchise .coupon .result li .body .cost strong{line-height:1;font-size:32px;font-weight:700;color:#eb2f3d}
    #franchise .coupon .result li .explain{padding-top:8px;border-top:1px dotted #dddd;line-height:1;font-size:12px;font-weight:300;color:#707070;margin:auto 0 0;flex-shrink:0}
    #franchise .coupon .result li .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;font-size:13px}
    #franchise .coupon .result li .side{width:35px;background:#eb3f3d;display:flex;flex-direction:column;align-items:center;justify-content:center;word-break:break-word;flex-shrink:0;line-height:20px;font-size:12px;color:#fff;border-radius:0 8px 8px 0;opacity:0}
    #franchise .reservation .dates{position:relative;padding:40px 20px 60px;border-bottom:8px solid #f4f4f4}
    #franchise .reservation .dates .box{position:relative;padding:20px 30px;border-radius:12px;background:#FFF;box-shadow:0 0 10px #0000001a;overflow:hidden}
    #franchise .reservation .dates .month{display:flex;align-items:center;justify-content:center}
    #franchise .reservation .dates .month a.prev{width:24px;height:24px;background:url(../img/common/arrow_calendar_prev.png) no-repeat 50% 50% / contain;margin:0 12px 0 0;text-indent:-9999em}
    #franchise .reservation .dates .month a.next{width:24px;height:24px;background:url(../img/common/arrow_calendar_next.png) no-repeat 50% 50% / contain;margin:0 0 0 12px;text-indent:-9999em}
    #franchise .reservation .dates .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:700}
    #franchise .reservation .dates .day{margin:20px 0 0}
    #franchise .reservation .dates .day li.dayBtn{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}
    #franchise .reservation .dates .day li.dayBtn span{line-height:17px;font-size:14px;color:#707070;margin:0 0 24px}
    #franchise .reservation .dates .day li.dayBtn p{width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:24px;font-size:16px;color:#555;border-radius:40px}
    #franchise .reservation .dates .day li.dayBtn em{display:flex;align-items:center;justify-content:center;font-size:10px;color:#707070;gap:1px}
    #franchise .reservation .dates .day li.dayBtn em b{font-weight:400;color:#eb3f3d}
    #franchise .reservation .dates .day li.today span{color:#0066b3}
    #franchise .reservation .dates .day li.on p{color:#fff;background:#EB3F3D}
    #franchise .reservation .dates .day li.on em{position:relative;margin-top:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ddd;padding:5px 8px}
    #franchise .reservation .dates .day li.on em:before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:1px;height:20px;border-left:1px dotted #ddd}
    #franchise .reservation .dates .day .stand{position:absolute;bottom:-29px;right:0;line-height:1;font-size:13px;color:#707070}
    #franchise .reservation .dates .day .stand span{color:#EB3F3D}
    #franchise .reservation .list{padding:20px 20px 32px}
    #franchise .reservation .list > ul{gap:40px;display:flex;flex-direction:column}
    #franchise .reservation .list > ul > li .area{display:flex;box-shadow:0 0 10px #0000001a;border-radius:8px;padding:20px 16px;flex-wrap:wrap;gap:0 9px}
    #franchise .reservation .list > ul > li .icon{width:68px;height:68px;border-radius:68px;overflow:hidden;flex-shrink:0;border:1px solid #ddd}
    #franchise .reservation .list > ul > li .icon img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .reservation .list > ul > li .cont{width:calc(100% - 68px - 9px);display:flex;flex-direction:column;gap:8px}
    #franchise .reservation .list > ul > li .head{display:flex;align-items:center;gap:10px}
    #franchise .reservation .list > ul > li .time{line-height:22px;font-size:16px;font-weight:700;color:#0066b3;padding:0;min-width:35px}
    #franchise .reservation .list > ul > li .item{line-height:22px;font-size:13px;color:#707070}
    #franchise .reservation .list > ul > li .info{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
    #franchise .reservation .list > ul > li .info span{line-height:13px;font-size:13px;color:#555;position:relative}
    #franchise .reservation .list > ul > li .info span + span{padding:0 0 0 8px}
    #franchise .reservation .list > ul > li .info span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd}
    #franchise .reservation .list > ul > li .tele{display:flex;align-items:center;gap:4px;line-height:20px;font-size:14px}
    #franchise .reservation .list > ul > li .tele i{width:20px;height:20px;background:url(../img/common/call.png) no-repeat 50% 50% / contain}
    #franchise .reservation .list > ul > li .text{margin-top:18px;line-height:22px;font-size:15px;color:#1c1c1c}
    #franchise .reservation .list > ul > li .button{margin:24px 0 0;display:flex;align-items:center;gap:10px}
    #franchise .reservation .list > ul > li .button .btn{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;border:1px solid transparent;font-size:15px;gap:8px}
    #franchise .reservation .form{position:relative;padding:0 0 56px}
    #franchise .reservation .form .item{display:flex;flex-direction:column;gap:32px;padding:40px 20px}
    #franchise .reservation .form .item dl{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}
    #franchise .reservation .form .item dt{margin:0 0 10px;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;line-height:1;width:100%;font-size:14px;color:#1c1c1c;text-align:left;font-weight:500}
    #franchise .reservation .form .item dt img{height:18px;width:auto;margin:0 6px 0 0}
    #franchise .reservation .form .item dd{width:100%;display:flex;flex-direction:column;gap:8px}
    #franchise .reservation .form .item dd + dt{padding-top:32px}
    #franchise .reservation .form .item dd .txt{display:flex;align-items:center;justify-content:flex-start;padding:8px;width:100%;min-height:48px;line-height:20px;font-size:14px;color:#1c1c1c;border-bottom:1px solid #ddd}
    #franchise .reservation .form .item dd .txt2{border-bottom:0;padding:8px 0}
    #franchise .reservation .form .item dd .txt.red{color:#eb3f3d}
    #franchise .reservation .form .item dd .cau{line-height:16px;font-size:12px;color:#eb3f3d}
    #franchise .reservation .form .detail{padding:16px 20px}
    #franchise .reservation .form .detail .title{padding:16px 0;border-bottom:1px solid #ebebeb;line-height:19px;font-size:16px;font-weight:500;color:#1c1c1c}
    #franchise .reservation .detail .button{position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:10;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:row;box-shadow:0 0 4px #0000001a;gap:0;margin:0}
    #franchise .reservation .form .detail .cont{padding:40px 0 80px;line-height:22px;font-size:15px;color:#1c1c1c}
    #franchise .reservation .form .detail .cont p{line-height:22px;font-size:15px;color:#1c1c1c}
    #franchise .reservation .form .detail .cont img{margin:0 0 32px}
    #franchise .reservation .form .button{position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:10;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:row;box-shadow:0 0 4px #0000001a;gap:0;margin:0}
    #franchise .reservation .form .button .btn{min-width:auto;width:100%;height:56px;border-radius:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:20px;font-size:15px;border:1px solid transparent;gap:8px}
    #franchise .reservation .form .button .btn img{height:20px}
    #franchise .reservation .form .button .btn{font-weight:500}
    #franchise .reservation .bottom{padding:16px 20px 32px;background:#f4f4f4}
    #franchise .reservation .bottom .counter{display:flex;align-items:center;justify-content:space-between;height:52px;width:100%}
    #franchise .reservation .bottom .counter .total{display:flex}
    #franchise .reservation .bottom .counter .total dl{position:relative;display:flex;align-items:center;height:52px}
    #franchise .reservation .bottom .counter .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #franchise .reservation .bottom .counter .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #franchise .reservation .bottom .counter .total dt{font-size:14px;margin:0 4px 0 0}
    #franchise .reservation .bottom .counter .total dd{font-size:14px;font-weight:500}
    #franchise .reservation .bottom .counter .total dd span{color:#0066B3}
    #franchise .reservation .bottom .counter .total dd strong{color:#EB3F3D}
    #franchise .reservation .bottom .comment{width:100%}
    #franchise .reservation .bottom .comment .type{padding:80px 0 0;margin:0 0 32px}
    #franchise .reservation .bottom .comment .type ul{display:flex}
    #franchise .reservation .bottom .comment .type li{flex:1}
    #franchise .reservation .bottom .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #franchise .reservation .bottom .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #franchise .reservation .bottom .comment .con ul{display:flex;flex-direction:column;gap:16px}
    #franchise .reservation .bottom .comment .con li{position:relative;padding:20px 16px;display:flex;background:#fff;border:1px solid #ebebeb;border-radius:8px;flex-direction:column}
    #franchise .reservation .bottom .comment .con li .cmt_top{display:flex;align-items:center}
    #franchise .reservation .bottom .comment .con li .cmt_ico{width:40px;height:40px;border-radius:24px;margin:0 12px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;overflow:hidden;box-shadow:0 0 6px #0000000d;flex-shrink:0}
    #franchise .reservation .bottom .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .reservation .bottom .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}
    #franchise .reservation .bottom .comment .con li .cmt_img{display:none}
    #franchise .reservation .bottom .comment .con li .cmt_upper{display:flex;align-items:center}
    #franchise .reservation .bottom .comment .con li .cmt_name{line-height:24px;font-size:14px;font-weight:500;color:#1c1c1c}
    #franchise .reservation .bottom .comment .con li .cmt_thumb{margin:12px 0;padding:0;border:0!important;min-height:auto}
    #franchise .reservation .bottom .comment .con li .cmt_thumb img{width:auto;max-width:100%;height:auto}
    #franchise .reservation .bottom .comment .con li .cmt_text{margin:12px 0 0;padding:12px 0 0;border-top:1px solid #ebebeb;line-height:20px;min-height:52px;font-size:14px;color:#1c1c1c}
    #franchise .reservation .bottom .comment .con li .cmt_item{margin:4px 0 0;line-height:12px;font-size:11px;color:#707070}
    #franchise .reservation .bottom .comment .con li .cmt_date{line-height:18px;font-size:12px;color:#707070}
    #franchise .reservation .bottom .comment .con li .cmt_cmmt .btn{display:flex;align-items:center;justify-content:center;border-radius:32px;height:32px;padding:6px 12px;border:1px solid #707070;font-size:13px;font-weight:500;color:#707070}
    #franchise .reservation .bottom .comment .con li .cmt_info{margin:4px 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
    #franchise .reservation .bottom .comment .con li .cmt_like{display:flex;align-items:center;gap:4px;order:1;display:none}
    #franchise .reservation .bottom .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070;white-space:nowrap}
    #franchise .reservation .bottom .comment .con li .cmt_like .likeBtn{width:18px;height:18px;background:url(../img/common/like_s.png) no-repeat 50% 50% / contain}
    #franchise .reservation .bottom .comment .con li .cmt_like .likeBtn.on{width:18px;height:18px;background:url(../img/common/like_f.png) no-repeat 50% 50% / contain}
    #franchise .reservation .bottom .comment .con li .cmt_like .likeNum{font-size:13px;color:#eb3f3d}
    #franchise .reservation .bottom .comment .con li .cmt_button{display:flex;align-items:center;justify-content:flex-end;gap:6px;order:3;margin:0 0 0 auto;position:relative}
    #franchise .reservation .bottom .comment .con li .cmt_button .cmt_button_toggle{position:relative;width:18px;height:18px;background:transparent;display:flex;align-items:center;justify-content:center}
    #franchise .reservation .bottom .comment .con li .cmt_button .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #franchise .reservation .bottom .comment .con li .cmt_button .cmt_button_con{position:absolute;top:100%;right:-5px;border-radius:10px;box-shadow:0 2px 6px #0003;background:#fff;z-index:2;padding:16px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px}
    #franchise .reservation .bottom .comment .con li .cmt_button.on .cmt_button_con{display:flex}
    #franchise .reservation .bottom .comment .con li .cmt_button .btn{display:flex;align-items:center;justify-content:center;text-align:center;height:20px;line-height:20px;font-size:13px;color:#707070;border-radius:6px;white-space:nowrap}
    #franchise .reservation .bottom .comment .con li .cmt_button .btn:last-child{margin:0}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt{margin:16px 0 0;padding:16px;border-radius:8px;background:#f4f4f4}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt .recmt_tit{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt .recmt_tit .name{line-height:18px;font-size:13px;font-weight:500;color:#707070}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt .recmt_tit .bttn{position:relative;width:18px;height:18px;display:flex;align-items:center;justify-content:center}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_toggle{position:relative;width:18px;height:18px;background:transparent;display:flex;align-items:center;justify-content:center}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_con{position:absolute;top:100%;right:0;border-radius:10px;box-shadow:0 2px 6px #0003;background:#fff;z-index:2;padding:16px;display:none}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt .recmt_tit .bttn.on .cmt_button_con{display:block}
    #franchise .reservation .bottom .comment .con li .cmt_reCmt .recmt_txt{line-height:20px;font-size:14px;color:#1c1c1c}
    #franchise .reservation .bottom .comment .con li.replyCmtLi{background:#fff;border-top:0;margin-top:-30px;padding:20px!important;border-radius:0 0 10px 10px}
    #franchise .reservation .bottom .comment .con li.replyCmtLi:before{display:none!important}
    #franchise .reservation .bottom .comment .con li.replyCmtLi .cmt_inner{padding:16px;border-radius:8px;background:#f4f4f4}
    #franchise .reservation .bottom .comment .con li.replyCmtLi .cmt_ico.no{display:none}
    #franchise .reservation .bottom .comment .con li.replyCmtLi .cmt_name{line-height:18px;font-size:13px;font-weight:500;color:#707070}
    #franchise .reservation .bottom .comment .con li.replyCmtLi .cmt_text{margin:12px 0 0;padding:0;border:0!important;min-height:auto}
    #franchise .reservation .bottom .comment .con li.replyCmtLi .cmt_date{display:none}
    #franchise .reservation .bottom .comment .con li.replyCmtWrap .frm{display:flex!important}
    #franchise .reservation .bottom .comment .con li .cmt_comment{background:#F4F4F4;border-radius:8px;margin:16px 0 0;padding:20px;display:flex;flex-direction:column;gap:12px}
    #franchise .reservation .bottom .comment .con li .cmt_comment .cmt_comment_name{line-height:18px;font-size:13px;font-weight:500;color:#707070}
    #franchise .reservation .bottom .comment .con li .cmt_comment .cmt_comment_text{line-height:20px;font-size:14px;color:#1c1c1c}
    #franchise .reservation .bottom .comment .con li .cmt_comment .cmt_comment_img img{display:block;width:auto;max-width:100%;height:auto}
    #franchise .reservation .bottom .comment .con li.cmt_rep{background:#f4f4f4}
    #franchise .reservation .bottom .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #franchise .reservation .bottom .comment .frm{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1012;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
    #franchise .reservation .bottom .comment .frm .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}
    #franchise .reservation .bottom .comment .frm .box{padding:40px 20px;border-radius:16px 16px 0 0;border:1px solid #ddd;background:#ffff;position:relative;z-index:2}
    #franchise .reservation .bottom .comment .frm .caution{padding:16px;border-radius:8px;background:#f4f4f4;line-height:16px;font-size:12px;color:#555;margin:0 0 16px}
    #franchise .reservation .bottom .comment .frm .input{display:flex;align-items:center;border-bottom:1px solid #ddd;height:42px}
    #franchise .reservation .bottom .comment .frm .inp{flex:1;display:flex}
    #franchise .reservation .bottom .comment .frm .inp textarea{width:100%;height:42px;line-height:16px;font-size:14px;padding:13px 8px;background:transparent}
    #franchise .reservation .bottom .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px}
    #franchise .reservation .bottom .comment .frm .bot .file label{cursor:pointer}
    #franchise .reservation .bottom .comment .frm .bot .file label input{display:none}
    #franchise .reservation .bottom .comment .frm .bot .file label img{width:auto;height:24px}
    #franchise .reservation .bottom .comment .frm .bot .submit a,#franchise .reservation .bottom .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:60px;height:32px;padding:6px 12px;border-radius:32px;background:#333;font-size:14px;color:#fff}
    #franchise .reservation .bottom .comment.on .frm{display:flex}
    #franchise .reservation .bottom .function{margin:16px 0 0}
    #franchise .reservation .bottom .function .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:50px;border:1px solid transparent;text-align:center;font-size:14px}
    #franchise .reservation .bd{display:flex;height:8px;width:100%;background:#f4f4f4}
    #franchise .reservation .basic{padding:32px 20px}
    #franchise .reservation .basic .item{display:flex;flex-direction:column;gap:32px}
    #franchise .reservation .basic .item dl{display:flex;flex-direction:column;gap:10px}
    #franchise .reservation .basic .item dt{line-height:20px;font-size:14px;font-weight:700;color:#1c1c1c;display:flex;justify-content:space-between;align-items:center}
    #franchise .reservation .basic .item dt em{font-size:12px;font-weight:300;color:#707070}
    #franchise .reservation .basic .item dd .inp{display:flex;gap:6px;align-items:center}
    #franchise .reservation .basic .item dd .inp select{width:100%;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px}
    #franchise .reservation .basic .scroll{width:auto;overflow-x:scroll}
    #franchise .reservation .basic .schedule{margin:48px 0 0;width:auto}
    #franchise .reservation .basic .schedule ul{display:flex;gap:1px}
    #franchise .reservation .basic .schedule li{flex:1;height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;flex-shrink:0;min-width:96px}
    #franchise .reservation .basic .schedule .head{background:#F4F4F4;border-top:1px solid #707070;border-bottom:1px solid #ddd}
    #franchise .reservation .basic .schedule .head li{background:#F4F4F4}
    #franchise .reservation .basic .schedule .body{display:flex;gap:1px;background:#ddd}
    #franchise .reservation .basic .schedule .body ul{border-bottom:1px solid #ddd;flex-direction:column;flex:1}
    #franchise .reservation .basic .schedule .body ul li{background:#fff;flex:unset}
    #franchise .reservation .basic .schedule .body ul.disabled li:not(:nth-child(1)){background:#f4f4f4;pointer-events:none}
    #franchise .reservation .basic .schedule .body ul.disabled li:not(:nth-child(1)) label input ~ p{color:#ccc}
    #franchise .reservation .basic .schedule .body ul.disabled li:not(:nth-child(1)) label input:checked ~ i{background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .reservation .basic .schedule .body label{display:flex;align-items:center;height:24px;cursor:pointer;min-width:64px}
    #franchise .reservation .basic .schedule .body label input{display:none}
    #franchise .reservation .basic .schedule .body label input ~ i{width:18px;height:18px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .reservation .basic .schedule .body label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c}
    #franchise .reservation .basic .schedule .body label input ~ p span{color:#EB3F3D}
    #franchise .reservation .basic .schedule .body label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #franchise .reservation .basic .button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0;margin:32px 0 0}
    #franchise .reservation .basic .button .btn{min-width:auto;width:100%;height:56px;border-radius:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:20px;font-size:15px;border:1px solid transparent;gap:8px}
    #franchise .reservation .basic .button .btn img{height:20px}
    #franchise .reservation .basic .button .btn{font-weight:500;border-radius:48px}
    #franchise .reservation .time{padding:32px 20px}
    #franchise .reservation .time .calendar{margin:0 0 24px;padding:32px 20px;border-radius:16px;background:#fff;box-shadow:0 0 10px #0000001a}
    #franchise .reservation .time .month{display:flex;align-items:center;justify-content:center;margin:0 0 22px}
    #franchise .reservation .time .month a.prev{width:24px;height:24px;background:url(../img/common/arrow_calendar_prev.png) no-repeat 50% 50% / contain;margin:0 12px 0 0;text-indent:-9999em}
    #franchise .reservation .time .month a.next{width:24px;height:24px;background:url(../img/common/arrow_calendar_next.png) no-repeat 50% 50% / contain;margin:0 0 0 12px;text-indent:-9999em}
    #franchise .reservation .time .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:700}
    #franchise .reservation .time .calendar .week{margin:0 0 16px}
    #franchise .reservation .time .calendar .week ul{display:flex;gap:1px}
    #franchise .reservation .time .calendar .week li{flex:1;display:flex;align-items:center;justify-content:center;height:17px;flex-shrink:0;font-size:14px;color:#707070}
    #franchise .reservation .time .calendar .days ul{display:flex}
    #franchise .reservation .time .calendar .days li{background:#fff;display:flex;flex:1;justify-content:center}
    #franchise .reservation .time .calendar .days li .dayBtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:24px;font-size:16px;color:#555;border-radius:40px;background:transparent}
    #franchise .reservation .time .calendar .days li .dayBtn.on{color:#fff;background:#EB3F3D}
    #franchise .reservation .time .closed{margin:0 0 16px;display:flex;align-items:center;justify-content:flex-end}
    #franchise .reservation .time .closed label{display:flex;align-items:center;height:24px;cursor:pointer;min-width:64px}
    #franchise .reservation .time .closed label input{display:none}
    #franchise .reservation .time .closed label input ~ i{width:18px;height:18px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .reservation .time .closed label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c}
    #franchise .reservation .time .closed label input ~ p span{color:#EB3F3D}
    #franchise .reservation .time .closed label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #franchise .reservation .time .info .head{border-top:1px solid #707070;background:#f4f4f4}
    #franchise .reservation .time .info .head li{background:#f4f4f4}
    #franchise .reservation .time .info ul{display:flex;width:100%}
    #franchise .reservation .time .info li{display:flex;align-items:center;justify-content:center;height:48px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#fff;font-size:14px;padding:0!important}
    #franchise .reservation .time .info li label{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer}
    #franchise .reservation .time .info li label input{display:none}
    #franchise .reservation .time .info li label input ~ i{width:24px;height:24px;flex-shrink:0;background:url(../img/common/day_check.png) no-repeat 50% 50% / contain}
    #franchise .reservation .time .info li label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #franchise .reservation .time .info li label input ~ p span{color:#EB3F3D}
    #franchise .reservation .time .info li label input:checked ~ i{background:url(../img/common/day_check_on.png) no-repeat 50% 50% / contain}
    #franchise .reservation .time .info li img{width:20px;height:auto}
    #franchise .reservation .time .info li:nth-child(1){width:25%;flex-shrink:0}
    #franchise .reservation .time .info li:nth-child(2){width:50%}
    #franchise .reservation .time .info li:nth-child(3){width:25%;flex-shrink:0;border-right:0}
    #franchise .reservation .time .info ul.book2 li.stat{color:#EB3F3D}
    #franchise .reservation .time .info ul.book3 li{color:#ccc}
    #franchise .reservation .time .info ul.book4 li{background:#f4f4f4;color:#ccc;pointer-events:none}
    #franchise .reservation .time .button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0;margin:32px 0 0}
    #franchise .reservation .time .button .btn{min-width:auto;width:100%;height:56px;border-radius:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:20px;font-size:15px;border:1px solid transparent;gap:8px}
    #franchise .reservation .time .button .btn img{height:20px}
    #franchise .reservation .time .button .btn{font-weight:500;border-radius:48px}
    #franchise .reservation .basic .button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0;margin:32px 0 0}
    #franchise .inquiry{padding:24px 20px}
    #franchise .inquiry .list{padding-bottom:20px}
    #franchise .inquiry .list li{padding:16px 0;border-bottom:1px solid #ddd}
    #franchise .inquiry .list li a{flex-direction:column;display:flex;gap:10px}
    #franchise .inquiry .list li .flex{display:flex;align-items:center;justify-content:space-between;gap:16px}
    #franchise .inquiry .list li .name{line-height:14px;font-size:12px;color:#707070}
    #franchise .inquiry .list li .tool{display:flex;align-items:center;gap:8px}
    #franchise .inquiry .list li .cate{margin:0}
    #franchise .inquiry .list li .cate span{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ebebeb;text-align:center;width:auto;height:32px;font-size:13px;padding:0 10px}
    #franchise .inquiry .list li .cate .cate1{color:#EB3F3D}
    #franchise .inquiry .list li .cate .cate2{color:#707070}
    #franchise .inquiry .list li .time{font-size:13px;color:#1c1c1c}
    #franchise .inquiry .list li .con .badge{margin:0}
    #franchise .inquiry .list li .con .badge span{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ebebeb;text-align:center;width:24px;height:24px;font-size:12px;padding:0 10px}
    #franchise .inquiry .list li .con .badge .badge1{color:#0066B3}
    #franchise .inquiry .list li .con .badge .badge2{color:#06C270}
    #franchise .inquiry .list li .con .badge .badge3{color:#EB3F3D}
    #franchise .inquiry .list li .con .flex{align-items:flex-start;gap:6px}
    #franchise .inquiry .list li .con .subj{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    #franchise .inquiry .list li .con .subj p{display:inline;line-height:22px;font-size:15px;color:#1c1c1c}
    #franchise .inquiry .list li .con .subj em{display:inline-flex;line-height:22px;color:#0066b3;vertical-align:top;font-size:14px}
    #franchise .inquiry .list li .con .subj img{display:inline;height:16px;vertical-align:top;margin:3px 0}
    #franchise .inquiry .list li .con .desc{margin:10px 0 0;display:flex;gap:12px}
    #franchise .inquiry .list li .con .desc p{position:relative;line-height:14px;font-size:11px;color:#707070}
    #franchise .inquiry .list li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px}
    #franchise .inquiry .list li .img{width:104px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0}
    #franchise .inquiry .list li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .inquiry .more{position:relative}
    #franchise .inquiry .more a{display:flex;align-items:center;justify-content:center;height:47px;line-height:18px;font-size:12px;font-weight:500;color:#555}
    #franchise .inquiry .more a:after{content:'';width:16px;height:16px;margin:0 0 0 4px;background:url(../img/common/more_arrow.png) no-repeat center center / auto 14px}
    #franchise .inquiry .detail{padding:0 0 34px}
    #franchise .inquiry .detail .head{display:flex;align-items:center;border-bottom:1px solid #ededed;padding:0 0 16px}
    #franchise .inquiry .detail .head .area{line-height:22px;font-size:16px;font-weight:500;color:#eb3f3d;margin:0 8px 0 0;flex-shrink:0}
    #franchise .inquiry .detail .head .subject{flex:1;line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #franchise .inquiry .detail .head .tool{flex-shrink:0;display:flex;align-items:center;margin:0 0 0 10px;position:relative}
    #franchise .inquiry .detail .head .tool button{width:22px;height:22px;background:transparent}
    #franchise .inquiry .detail .head .tool button img{display:block;width:100%;height:auto}
    #franchise .inquiry .detail .head .tool ul{position:absolute;top:100%;right:0;width:84px;height:auto;margin:6px 0 0;border-radius:8px;background:#fff;box-shadow:0 0 4px #0000001a;padding:16px;gap:16px;display:flex;flex-direction:column;display:none}
    #franchise .inquiry .detail .head .tool li{position:relative}
    #franchise .inquiry .detail .head .tool li a{position:relative;display:flex;align-items:center;justify-content:flex-end;font-size:14px;color:#707070}
    #franchise .inquiry .detail .head .tool li a img{display:none}
    #franchise .inquiry .detail .head .tool.on ul{display:flex}
    #franchise .inquiry .detail .profile{padding:16px 0;display:flex;gap:12px}
    #franchise .inquiry .detail .profile .ico{width:56px;height:56px;border-radius:56px;overflow:hidden}
    #franchise .inquiry .detail .profile .ico img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .inquiry .detail .profile .con{flex:1;display:flex;flex-direction:column;padding:6px 0;gap:10px}
    #franchise .inquiry .detail .profile .con .upper{display:flex;align-items:center;justify-content:space-between}
    #franchise .inquiry .detail .profile .con .name{line-height:18px;font-size:15px;font-weight:500;color:#373737}
    #franchise .inquiry .detail .profile .con .date{line-height:18px;font-size:12px;font-weight:400;color:#707070}
    #franchise .inquiry .detail .profile .con .inner{display:flex;flex-wrap:wrap;gap:20px}
    #franchise .inquiry .detail .profile .con .inner dl{display:flex;position:relative;align-items:center;justify-content:center;gap:4px;line-height:16px;font-size:13px;color:#707070}
    #franchise .inquiry .detail .profile .con .inner dd span{color:#0066b3}
    #franchise .inquiry .detail .info{display:flex;padding:16px;align-items:center;background:#f4f4f4;border-radius:8px;flex-direction:column}
    #franchise .inquiry .detail .info > div{width:100%;display:flex;flex-direction:column;gap:10px}
    #franchise .inquiry .detail .info dl{display:flex;align-items:center;justify-content:space-between;width:100%;line-height:16px;font-size:13px;color:#707070}
    #franchise .inquiry .detail .info p{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#707070}
    #franchise .inquiry .detail .info p strong{font-weight:500;margin:0 8px 0 0}
    #franchise .inquiry .detail .info p + p{padding:0 0 0 16px;margin:0 0 0 16px}
    #franchise .inquiry .detail .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #franchise .inquiry .detail .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #franchise .inquiry .detail .info .ongoing .going{display:flex;align-items:Center;justify-content:Center;padding:4px 10px;border-radius:40px;height:28px;border:1px solid #eb3f3d;font-size:13px;color:#eb3f3d;margin:0 8px 0 0}
    #franchise .inquiry .detail .info .ongoing .period{font-size:14px;color:#707070}
    #franchise .inquiry .detail .cont{padding:40px 0 96px}
    #franchise .inquiry .detail .cont img{display:inline-flex;width:auto;max-width:100%;height:auto;border-radius:8px;margin:0 0 32px}
    #franchise .inquiry .detail .cont p{line-height:22px;font-size:15px}
    #franchise .inquiry .detail .button{position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:10;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:row;box-shadow:0 0 4px #0000001a;gap:0;margin:0;padding:0}
    #franchise .inquiry .detail .button .btn{width:100%;height:56px;border-radius:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;border:1px solid transparent;gap:8px}
    #franchise .inquiry .detail .button .btn img{height:20px}
    #franchise .inquiry .detail .button .btn{font-weight:500}
    #franchise .inquiry .detail .button .btn em{font-weight:500}
    #franchise .inquiry .detail .button .goodBtn em{color:#eb3f3d}
    #franchise .inquiry .detail .button .commentBtn em{color:#fff}
    #franchise .inquiry .detail .bottom{padding:16px 20px 32px;background:#f4f4f4;margin:0 -20px}
    #franchise .inquiry .detail .counter{display:flex;align-items:center;justify-content:space-between;height:52px}
    #franchise .inquiry .detail .counter .total{display:flex}
    #franchise .inquiry .detail .counter .total dl{position:relative;display:flex;align-items:center;height:52px}
    #franchise .inquiry .detail .counter .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px}
    #franchise .inquiry .detail .counter .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #franchise .inquiry .detail .counter .total dt{font-size:14px;margin:0 4px 0 0}
    #franchise .inquiry .detail .counter .total dd{font-size:14px;font-weight:500}
    #franchise .inquiry .detail .counter .total dd span{color:#0066B3}
    #franchise .inquiry .detail .counter .total dd strong{color:#EB3F3D}
    #franchise .inquiry .detail .counter .share{position:relative;display:flex;align-items:center}
    #franchise .inquiry .detail .counter .share > a{display:flex;height:52px;font-size:14px;align-items:center;justify-content:center}
    #franchise .inquiry .detail .counter .share > a img{height:20px}
    #franchise .inquiry .detail .counter .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow:0 0 4px 0 #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:all .35s;background:#fff}
    #franchise .inquiry .detail .counter .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center}
    #franchise .inquiry .detail .counter .share > ul li a img{width:64px;height:auto}
    #franchise .inquiry .detail .counter .share > ul li a p{margin:12px 0 0;line-height:20px;font-size:14px;color:#333}
    #franchise .inquiry .detail .counter .share.on > ul{opacity:1;visibility:visible}
    #franchise .inquiry .detail .comment .type{padding:80px 0 0;margin:0 0 32px}
    #franchise .inquiry .detail .comment .type ul{display:flex}
    #franchise .inquiry .detail .comment .type li{flex:1}
    #franchise .inquiry .detail .comment .type li a{display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;border:1px solid transparent;border-bottom:1px solid #eb3f3d}
    #franchise .inquiry .detail .comment .type li.on a{color:#eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff}
    #franchise .inquiry .detail .comment .con ul{display:flex;flex-direction:column;gap:16px}
    #franchise .inquiry .detail .comment .con li{padding:20px;display:flex;background:#fff;border:1px solid #ebebeb;border-radius:8px;flex-direction:column}
    #franchise .inquiry .detail .comment .con li .cmt_top{display:flex}
    #franchise .inquiry .detail .comment .con li .cmt_ico{width:64px;height:64px;border-radius:64px;margin:0 12px 0 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}
    #franchise .inquiry .detail .comment .con li .cmt_ico img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .inquiry .detail .comment .con li .cmt_con{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:64px}
    #franchise .inquiry .detail .comment .con li .cmt_name{line-height:16px;font-size:13px;color:#1c1c1c}
    #franchise .inquiry .detail .comment .con li .cmt_text{margin:12px 0 0;padding:12px 0 0;border-top:1px solid #ebebeb;line-height:20px;min-height:52px;font-size:14px;color:#1c1c1c}
    #franchise .inquiry .detail .comment .con li .cmt_item{margin:8px 0 0;line-height:20px;font-size:12px;color:#707070}
    #franchise .inquiry .detail .comment .con li .cmt_date{top:0;right:0;line-height:18px;font-size:12px;color:#707070}
    #franchise .inquiry .detail .comment .con li .cmt_info{margin:4px 0 0;display:flex;align-items:center;justify-content:space-between}
    #franchise .inquiry .detail .comment .con li .cmt_button{display:flex;align-items:center}
    #franchise .inquiry .detail .comment .con li .cmt_button .btn{display:flex;align-items:center;justify-content:center;text-align:center;min-width:60px;height:32px;padding:6px 12px;line-height:1;font-size:14px;font-weight:500;color:#707070;border-radius:40px;border:1px solid transparent}
    #franchise .inquiry .detail .comment .con li.cmt_rep{background:#f4f4f4}
    #franchise .inquiry .detail .comment .con li.cmt_rep .cmt_ico{background:#707070}
    #franchise .inquiry .detail .comment .frm{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1012;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
    #franchise .inquiry .detail .comment .frm .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}
    #franchise .inquiry .detail .comment .frm .box{padding:40px 20px;border-radius:16px 16px 0 0;border:1px solid #ddd;background:#ffff;position:relative;z-index:2}
    #franchise .inquiry .detail .comment .frm .caution{padding:16px;border-radius:8px;background:#f4f4f4;line-height:16px;font-size:12px;color:#555;margin:0 0 16px}
    #franchise .inquiry .detail .comment .frm .input{display:flex;align-items:center;border-bottom:1px solid #ddd;height:42px}
    #franchise .inquiry .detail .comment .frm .inp{flex:1;display:flex}
    #franchise .inquiry .detail .comment .frm .inp textarea{width:100%;height:42px;line-height:16px;font-size:14px;padding:13px 8px;background:transparent}
    #franchise .inquiry .detail .comment .frm .bot{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px}
    #franchise .inquiry .detail .comment .frm .bot .file label{cursor:pointer}
    #franchise .inquiry .detail .comment .frm .bot .file label input{display:none}
    #franchise .inquiry .detail .comment .frm .bot .file label img{width:auto;height:24px}
    #franchise .inquiry .detail .comment .frm .bot .submit a,#franchise .inquiry .detail .comment .frm .bot .submit button{display:flex;align-items:center;justify-content:center;min-width:60px;height:32px;padding:6px 12px;border-radius:32px;background:#333;font-size:14px;color:#fff}
    #franchise .inquiry .detail .comment.on .frm{display:flex}
    #franchise .inquiry .form{padding:8px 0 32px;display:flex;flex-direction:column;gap:32px}
    #franchise .inquiry .form dl{position:relative;display:flex;flex-direction:column;gap:10px}
    #franchise .inquiry .form dt{line-height:1;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:flex-start;text-align:left;flex-shrink:0;color:#1c1c1c}
    #franchise .inquiry .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #franchise .inquiry .form dd{flex:1;display:flex}
    #franchise .inquiry .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center;border-bottom:1px solid #ddd;min-height:48px}
    #franchise .inquiry .form dd .inp input{padding:8px;width:100%;height:48px;display:block;font-size:14px}
    #franchise .inquiry .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #franchise .inquiry .form dd .textarea{width:100%}
    #franchise .inquiry .form dd .textarea textarea{padding:16px;width:100%;height:152px;border-radius:8px;border:1px solid #ddd}
    #franchise .inquiry .form dd .file .fileBtn{display:flex;position:absolute;top:-13px;right:0}
    #franchise .inquiry .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #franchise .inquiry .form dd .file .fileBtn label input{display:none}
    #franchise .inquiry .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;padding:0 12px;min-width:84px;height:40px;border-radius:40px;background:#fff;color:#EB3F3D;font-size:13px;text-align:center;border:1px solid #EB3F3D}
    #franchise .inquiry .form dd .file .fileList ul{display:flex;gap:10px;flex-wrap:wrap}
    #franchise .inquiry .form dd .file .fileList li{position:relative;margin:20px 0 0}
    #franchise .inquiry .form dd .file .fileList li .img{width:72px;height:72px;border-radius:8px;overflow:hidden;position:relative}
    #franchise .inquiry .form dd .file .fileList li .img:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;border:1px solid #ddd;pointer-events:none}
    #franchise .inquiry .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:contain}
    #franchise .inquiry .form dd .file .fileList li .del{position:absolute;top:4px;right:4px;width:20px;height:20px;cursor:pointer}
    #franchise .inquiry .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #franchise .inquiry .button{display:flex;align-items:center;margin:0}
    #franchise .inquiry .button .btn{flex:1;display:flex;align-items:center;justify-content:center;min-width:160px;height:48px;border-radius:48px}
    #franchise .review{padding:40px 20px}
    #franchise .review .title{line-height:22px;font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}
    #franchise .review .tabs li{position:relative;flex:1}
    #franchise .review .tabs li.on a{color:#eb3f3d}
    #franchise .review .tabs li.on a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#eb3f3d}
    #franchise .review .list .total{display:flex;align-items:center;justify-content:flex-end;gap:4px;line-height:1;font-size:13px;margin:0 0 16px}
    #franchise .review .list .total p{color:#eb3f3d}
    #franchise .review .list ul{display:flex;flex-direction:column;gap:10px}
    #franchise .review .list li{width:100%}
    #franchise .review .list li .box{display:flex;align-items:center;border-radius:8px;overflow:hidden;border:1px solid #ddd;padding:20px;height:56px}
    #franchise .review .list li .box img{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0}
    #franchise .review .list li .box p{flex:1;line-height:20px;font-size:14px;color:#1c1c1c}
    #franchise .review .list li .box em{width:24px;line-height:20px;font-size:14px;color:#eb3f3d;text-align:center}
    #franchise .review .list li .box input{display:none}
    #franchise .review .list li .box i{display:none;width:24px;height:24px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .review .list li .box input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #franchise .event{padding:40px 20px}
    #franchise .event .list{padding-bottom:20px}
    #franchise .event .more{position:relative}
    #franchise .event .more a{display:flex;align-items:center;justify-content:center;height:47px;line-height:18px;font-size:12px;font-weight:500;color:#555}
    #franchise .event .more a:after{content:'';width:16px;height:16px;margin:0 0 0 4px;background:url(../img/common/more_arrow.png) no-repeat center center / auto 14px}
    #franchise .event .list ul{display:flex;flex-wrap:wrap;gap:32px 16px}
    #franchise .event .list li{width:calc(50% - 8px)}
    #franchise .event .list li .date{display:flex;align-items:flex-start;margin:0 0 10px;gap:10px;flex-direction:column}
    #franchise .event .list li .date .stat{display:flex;align-items:center;justify-content:center;min-width:54px;height:24px;border-radius:24px;background:#eb3f3d;color:#fff;padding:0 10px;font-size:12px}
    #franchise .event .list li .date .period{flex:1;font-size:13px;color:#1c1c1c}
    #franchise .event .list li .img{border-radius:6px;overflow:hidden;margin:0 0 12px;width:100%;aspect-ratio:1.53 / 1;border:1px solid #0000000d}
    #franchise .event .list li .img img{display:block;width:100%;object-fit:cover;height:100%}
    #franchise .event .list li .con{position:relative}
    #franchise .event .list li .upper{display:flex;align-items:center;gap:4px;margin:0 0 10px}
    #franchise .event .list li .upper .name{font-size:16px;font-weight:500;color:#1c1c1c}
    #franchise .event .list li .upper .area{display:flex;align-items:center;justify-content:center;color:#1c1c1c;font-size:16px}
    #franchise .event .list li .upper .area:before{content:'['}
    #franchise .event .list li .upper .area:after{content:']'}
    #franchise .event .list li .text{min-height:44px;line-height:22px;font-size:16px;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #franchise .event .list li .info{display:flex;align-items:flex-end;margin:12px 0 0;padding:16px 0 0;border-top:1px solid #ededed}
    #franchise .event .list li .price{display:flex;align-items:flex-start;flex-direction:column}
    #franchise .event .list li .price .sale{line-height:22px;font-size:16px;color:#eb3f3d}
    #franchise .event .list li .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #franchise .event .list li .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #franchise .event .list li .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #franchise .event .list li .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #franchise .event .list li .tool .comment{display:flex;align-items:center}
    #franchise .event .list li .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #franchise .event .list li .tool .comment em{font-size:16px;color:#0066b3;line-height:22px}
    #franchise .event .list li .side{display:flex;align-items:center;margin-top:16px}
    #franchise .event .list li .side p{position:relative;font-size:11px;color:#707070}
    #franchise .event .list li .side p + p{margin-left:8px;padding-left:8px}
    #franchise .event .list li .side p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #franchise .event .form{display:flex;flex-direction:column;gap:32px;padding:0 0 32px}
    #franchise .event .form .bd{margin:0 -20px;display:flex;height:8px;background:#f4f4f4}
    #franchise .event .form dl{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}
    #franchise .event .form dt{margin:0 0 10px;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;line-height:1;width:100%;font-size:14px;color:#1c1c1c;text-align:left;font-weight:500}
    #franchise .event .form dd{width:100%;display:flex}
    #franchise .event .form dd + dt{padding-top:32px}
    #franchise .event .form dd .inp{width:100%;border-bottom:1px solid #ddd;display:flex;align-items:center}
    #franchise .event .form dd .inp input{padding:8px 16px;width:100%;height:48px;border:0}
    #franchise .event .form dd .inp em{font-size:14px;color:#707070}
    #franchise .event .form dd .date{width:100%;display:flex;align-items:Center}
    #franchise .event .form dd .date input{padding:8px 16px;width:100%;height:48px;border:1px solid #ddd;border-radius:8px}
    #franchise .event .form dd .date input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #franchise .event .form dd .date span{width:24px;flex-shrink:0;text-align:center}
    #franchise .event .form dd .textarea{width:100%}
    #franchise .event .form dd .textarea textarea{padding:16px;width:100%;height:123px;border-radius:8px;border:1px solid #ddd}
    #franchise .event .form dd .file{overflow:hidden}
    #franchise .event .form dd .file .fileBtn{display:flex;position:absolute;top:-12px;right:0}
    #franchise .event .form dd .file .fileBtn label{display:flex;cursor:pointer}
    #franchise .event .form dd .file .fileBtn label input{display:none}
    #franchise .event .form dd .file .fileBtn label p{display:flex;align-items:center;justify-content:center;padding:0 12px;height:36px;border-radius:36px;background:#fff;color:#eb3f3d;font-size:13px;text-align:center;border:1px solid #eb3f3d}
    #franchise .event .form dd .file .fileList{margin:24px 0 0}
    #franchise .event .form dd .file .fileList ul{display:flex;flex-wrap:wrap;gap:8px;overflow:hidden}
    #franchise .event .form dd .file .fileList li{position:relative}
    #franchise .event .form dd .file .fileList li .img{width:72px;height:72px;border-radius:8px;overflow:hidden;aspect-ratio:1 / 1}
    #franchise .event .form dd .file .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .event .form dd .file .fileList li .del{position:absolute;top:8px;right:8px;width:20px;height:20px;cursor:pointer}
    #franchise .event .form dd .file .fileList li .del img{display:block;width:100%;height:auto}
    #franchise .event .onsite{padding:32px 20px 0;margin:0 -20px 32px;display:flex;flex-wrap:wrap;gap:24px;border-top:8px solid #f4f4f4}
    #franchise .event .onsite label{display:flex;align-items:center;height:20px;cursor:pointer}
    #franchise .event .onsite label input{display:none}
    #franchise .event .onsite label input ~ i{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .event .onsite label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c}
    #franchise .event .onsite label input ~ p span{font-weight:300;color:#707070}
    #franchise .event .onsite label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #franchise .event .button{margin:32px 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}
    #franchise .event .button .btn{width:100%;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;border:1px solid transparent;gap:30px}
    #franchise .gallery{padding:24px 20px}
    #franchise .gallery .list li{padding:16px 0;border-bottom:1px solid #ddd}
    #franchise .gallery .list li a{flex-direction:column;display:flex;gap:10px}
    #franchise .gallery .list li .flex{display:flex;align-items:center;justify-content:space-between;gap:16px}
    #franchise .gallery .list li .name{line-height:14px;font-size:12px;color:#707070}
    #franchise .gallery .list li .tool{display:flex;align-items:center;gap:8px}
    #franchise .gallery .list li .cate{margin:0}
    #franchise .gallery .list li .cate span{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ebebeb;text-align:center;width:auto;height:32px;font-size:13px;padding:0 10px}
    #franchise .gallery .list li .cate .cate1{color:#EB3F3D}
    #franchise .gallery .list li .cate .cate2{color:#707070}
    #franchise .gallery .list li .time{font-size:13px;color:#1c1c1c}
    #franchise .gallery .list li .con .badge{margin:0}
    #franchise .gallery .list li .con .badge span{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ebebeb;text-align:center;width:24px;height:24px;font-size:12px;padding:0 10px}
    #franchise .gallery .list li .con .badge .badge1{color:#0066B3}
    #franchise .gallery .list li .con .badge .badge2{color:#06C270}
    #franchise .gallery .list li .con .badge .badge3{color:#EB3F3D}
    #franchise .gallery .list li .con .flex{align-items:flex-start;gap:6px}
    #franchise .gallery .list li .con .subj{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    #franchise .gallery .list li .con .subj p{display:inline;line-height:22px;font-size:15px;color:#1c1c1c}
    #franchise .gallery .list li .con .subj em{display:inline-flex;line-height:22px;color:#0066b3;vertical-align:top;font-size:14px}
    #franchise .gallery .list li .con .subj img{display:inline;height:16px;vertical-align:top;margin:3px 0}
    #franchise .gallery .list li .con .desc{margin:10px 0 0;display:flex;gap:12px}
    #franchise .gallery .list li .con .desc p{position:relative;line-height:14px;font-size:11px;color:#707070}
    #franchise .gallery .list li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px}
    #franchise .gallery .list li .img{width:104px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #eee}
    #franchise .gallery .list li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .gallery .button{position:relative;display:flex;align-items:center;margin:0;margin-top:32px}
    #franchise .gallery .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px}
    #franchise .onestop .search{padding:32px 20px}
    #franchise .onestop .search .input{flex:1;display:flex;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center}
    #franchise .onestop .search .input input{flex:1;height:20px}
    #franchise .onestop .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #franchise .onestop .search .input button img{display:block;width:16px;height:auto}
    #franchise .onestop .enroll{padding:32px 20px}
    #franchise .onestop .explain{margin:0 0 24px;border-radius:8px;background:#f4f4f4;padding:20px;text-align:center;line-height:20px;font-size:14px;color:#1c1c1c}
    #franchise .onestop .tabs{margin:0 0 20px}
    #franchise .onestop .tabs ul{display:flex;flex-wrap:wrap;gap:8px}
    #franchise .onestop .tabs li{flex:1}
    #franchise .onestop .tabs li a{display:flex;width:auto;height:40px;padding:6px 16px;border-radius:40px;border:1px solid #F4F4F4;align-items:center;justify-content:center;font-size:14px;color:#707070;background:#F4F4F4}
    #franchise .onestop .tabs li a.on{color:#fff;border-color:#EB3F3D;background:#EB3F3D}
    #franchise .onestop .sort{padding:14px 20px;background:#f4f4f4;overflow:hidden;margin:0 -20px}
    #franchise .onestop .sort ul{display:flex}
    #franchise .onestop .sort li{width:auto}
    #franchise .onestop .sort li button{display:flex;padding:0 12px;align-items:center;justify-content:center;text-align:center;width:100%;height:36px;border-radius:36px;border:1px solid #ddd;background:#fff;font-size:13px;color:#707070;white-space:nowrap}
    #franchise .onestop .sort li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #franchise .onestop .list{overflow:hidden;padding:32px 0}
    #franchise .onestop .list .tit{margin:0 0 16px;line-height:22px;font-size:16px;font-weight:700;color:#1c1c1c}
    #franchise .onestop .list ul{display:flex;flex-wrap:wrap;width:auto;gap:16px}
    #franchise .onestop .list li{width:calc(50% - 8px)}
    #franchise .onestop .list .img{border-radius:8px;overflow:hidden;position:relative;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;height:auto;width:100%;aspect-ratio:1 / .55}
    #franchise .onestop .list li .img a{width:100%;height:100%}
    #franchise .onestop .list li .img:before{content:'';width:40px;height:40px;background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;visibility:hidden}
    #franchise .onestop .list li .img:after{content:'';width:100%;height:100%;background:#000;opacity:.7;z-index:1;display:flex;position:absolute;top:0;left:0;opacity:0;visibility:hidden}
    #franchise .onestop .list li.checked .img:before{opacity:1;visibility:visible}
    #franchise .onestop .list li.checked .img:after{opacity:.7;visibility:visible}
    #franchise .onestop .list .img img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .onestop .list .con{margin:16px 0 0;display:flex;flex-direction:column}
    #franchise .onestop .list .rate{margin:0 0 12px;line-height:1;font-size:16px;color:#0066b3}
    #franchise .onestop .list .icon{display:flex;flex-wrap:wrap;margin:0 0 10px}
    #franchise .onestop .list .icon span{margin:0 4px 4px 0;display:flex;align-items:center;justify-content:center;padding:0 6px;height:24px;border-radius:4px;font-size:12px;font-weight:300}
    #franchise .onestop .list .icon span.icon_1{color:#fff;background:#EB3F3D}
    #franchise .onestop .list .icon span.icon_2{color:#fff;background:#F90}
    #franchise .onestop .list .icon span.icon_3{color:#fff;background:#8600BB}
    #franchise .onestop .list .icon span.icon_4{color:#fff;background:#0066B3}
    #franchise .onestop .list .name{height:36px;line-height:18px;font-size:14px;color:#1c1c1c;display:flex;align-items:center}
    #franchise .onestop .list .name p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #franchise .onestop .list .name a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    #franchise .onestop .list .name i{width:20px;height:20px;margin-left:20px;background:url(../img/common/arrow_right_b.png) no-repeat 50% 50% / contain}
    #franchise .onestop .list .name .check{flex-shrink:0}
    #franchise .onestop .list .name .check label{display:flex;align-items:center;cursor:pointer}
    #franchise .onestop .list .name .check label input{display:none}
    #franchise .onestop .list .name .check label input ~ i{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .onestop .list .name .check label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #franchise .onestop .list .text{margin:8px 0 0;line-height:1;font-size:12px;color:#555;display:flex;align-items:center}
    #franchise .onestop .list .info{display:flex;align-items:flex-end;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #ededed}
    #franchise .onestop .list .price{display:flex;align-items:flex-start;flex-direction:column}
    #franchise .onestop .list .price .sale{line-height:1;font-size:16px;font-weight:500;color:#eb3f3d}
    #franchise .onestop .list .price .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #franchise .onestop .list .price .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #franchise .onestop .list .price .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #franchise .onestop .list .tool{margin:0 0 0 auto;display:flex;align-items:center;display:none}
    #franchise .onestop .list .tool .comment{display:flex;align-items:center}
    #franchise .onestop .list .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #franchise .onestop .list .tool .comment em{font-size:18px;color:#0066b3;line-height:22px}
    #franchise .onestop .more{position:relative}
    #franchise .onestop .more a{display:flex;align-items:center;justify-content:center;height:47px;line-height:18px;font-size:12px;font-weight:500;color:#555}
    #franchise .onestop .more a:after{content:'';width:16px;height:16px;margin:0 0 0 4px;background:url(../img/common/more_arrow.png) no-repeat center center / auto 14px}
    #franchise .onestop .button{position:relative;display:flex;align-items:center;margin:0;flex-direction:column;gap:10px}
    #franchise .onestop .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;border:1px solid transparent}
    #franchise .product .search{padding:32px 20px 0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}
    #franchise .product .search .select{display:flex;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;align-items:center}
    #franchise .product .search .select select{padding:0 16px;width:100%;border:0;height:48px}
    #franchise .product .search .input{display:flex;height:48px;border-radius:8px;border:1px solid #ddd;padding:8px 16px;font-size:14px;align-items:center;flex-shrink:0}
    #franchise .product .search .input input{flex:1;height:20px}
    #franchise .product .search .input button{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
    #franchise .product .search .input button img{display:block;width:16px;height:auto}
    #franchise .product .tab-area{margin:24px 0;padding:0 20px}
    #franchise .product .tabs{margin:0 auto 48px}
    #franchise .product .tabs ul{display:flex}
    #franchise .product .tabs li{flex:1;position:relative}
    #franchise .product .tabs li a{display:flex;align-items:center;justify-content:center;width:100%;height:48px;text-align:center;line-height:1;font-size:14px;color:#707070}
    #franchise .product .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ddd}
    #franchise .product .tabs li.on a{color:#EB3F3D}
    #franchise .product .tabs li.on a:after{height:2px;background:#EB3F3D}
    #franchise .product .sort{margin:0 auto 32px}
    #franchise .product .sort ul{gap:8px;display:flex;flex-wrap:wrap}
    #franchise .product .sort li{width:calc(50% - 4px)}
    #franchise .product .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:40px;border-radius:40px;border:1px solid #ddd;background:#fff;font-size:13px;color:#707070}
    #franchise .product .sort li button.on{color:#EB3F3D;border-color:#EB3F3D}
    #franchise .product .list ul{display:flex;flex-wrap:wrap;gap:30px 15px}
    #franchise .product .list li{width:calc(50% - 7.5px)}
    #franchise .product .list li .date{display:flex;align-items:center;margin:0 0 12px;gap:8px}
    #franchise .product .list li .date .stat{display:flex;align-items:center;justify-content:center;min-width:54px;height:24px;border-radius:24px;background:#eb3f3d;color:#fff;padding:0 10px;font-size:12px}
    #franchise .product .list li .date .period{flex:1;font-size:14px;color:#1c1c1c}
    #franchise .product .list li .img{position:relative;border-radius:16px;overflow:hidden;margin:0 0 12px;aspect-ratio:1 / 1}
    #franchise .product .list li .img:before{content:'';width:40px;height:40px;background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;visibility:hidden}
    #franchise .product .list li .img:after{content:'';width:100%;height:100%;background:#000;opacity:.7;z-index:1;display:flex;position:absolute;top:0;left:0;opacity:0;visibility:hidden}
    #franchise .product .list li .img img{display:block;width:100%;height:100%;object-fit:cover}
    #franchise .product .list li .con{position:relative}
    #franchise .product .list li .upper{display:flex;align-items:flex-start;gap:4px;margin:0 0 10px}
    #franchise .product .list li .upper .check{flex-shrink:0}
    #franchise .product .list li .upper .check label{display:flex;align-items:center;cursor:pointer;width:24px;height:24px;justify-content:center}
    #franchise .product .list li .upper .check label input{display:none}
    #franchise .product .list li .upper .check label input ~ i{width:20px;height:20px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .product .list li .upper .check label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #franchise .product .list li .upper .name{line-height:22px;font-size:15px;color:#1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #franchise .product .list li .text{line-height:16px;font-size:12px;color:#555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #franchise .product .list li .info{display:flex;align-items:flex-end;margin:12px 0 0;padding:16px 0 0;border-top:1px solid #ededed}
    #franchise .product .list li .price{display:flex;align-items:flex-start;flex-direction:column}
    #franchise .product .list li .price .sale{line-height:1;font-size:16px;color:#eb3f3d}
    #franchise .product .list li .origin{line-height:18px;font-size:14px;margin:0 0 12px;display:flex}
    #franchise .product .list li .origin .rate{font-size:18px;font-weight:500;color:#0066b3;margin:0 8px 0 0}
    #franchise .product .list li .origin .cost{text-decoration:line-through;font-size:14px;font-weight:300;color:#ccc}
    #franchise .product .list li .tool{margin:0 0 0 auto;display:flex;align-items:center}
    #franchise .product .list li .tool .comment{display:flex;align-items:center}
    #franchise .product .list li .tool .comment i{width:16px;height:16px;margin:0 4px 0 0;background:url(../img/common/icon_comment.svg) no-repeat 50% 50% / contain}
    #franchise .product .list li .tool .comment em{font-size:14px;color:#0066b3;line-height:22px}
    #franchise .product .list li .side{display:flex;align-items:center;margin-top:20px}
    #franchise .product .list li .side p{position:relative;font-size:15px;color:#707070}
    #franchise .product .list li .side p + p{margin-left:10px;padding-left:10px}
    #franchise .product .list li .side p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd}
    #franchise .product .list li.checked .img:before{opacity:1;visibility:visible}
    #franchise .product .list li.checked .img:after{opacity:.7;visibility:visible}
    #franchise .product .more{margin:24px 0}
    #franchise .product .more a{display:flex;align-items:center;justify-content:center;line-height:32px;font-size:12px}
    #franchise .product .more a img{height:16px;margin-left:2px;flex-shrink:0}
    #franchise .edit{padding:32px 0 0}
    #franchise .edit .form{display:flex;flex-direction:column;border-bottom:8px solid #f4f4f4;gap:32px}
    #franchise .edit .form dl{display:flex;flex-direction:column;gap:10px;padding:0 20px 20px}
    #franchise .edit .form dt{display:flex;align-items:center;justify-content:flex-start;text-align:center;flex-shrink:0;line-height:1;font-size:14px;font-weight:500;color:#1c1c1c}
    #franchise .edit .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #franchise .edit .form dd{flex:1;display:flex;min-height:48px;flex-direction:column;gap:10px}
    #franchise .edit .form dd + dt{margin-top:32px}
    #franchise .edit .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:14px;color:#1c1c1c;border-bottom:1px solid #ddd}
    #franchise .edit .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center;gap:8px;border-bottom:1px solid #ddd}
    #franchise .edit .form dd .inp input{padding:8px;width:100%;height:48px}
    #franchise .edit .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #franchise .edit .form dd .inp button{width:auto;height:36px;border-radius:36px;border:1px solid #333;background:#fff;color:#333;font-size:13px;white-space:nowrap;flex-shrink:0;padding:0 12px}
    #franchise .edit .form dd .sel{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}
    #franchise .edit .form dd .sel select{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px;font-size:14px}
    #franchise .edit .form dd .sel p{white-space:nowrap;font-size:14px;color:#707070;text-align:left;width:100%}
    #franchise .edit .form dd .sel.wrap{flex-wrap:wrap}
    #franchise .edit .form dd .sel.timer select{background:url(../img/common/dropdown.png) no-repeat right 6px center / auto 16px;padding:8px}
    #franchise .edit .form dd .chk{display:flex;gap:16px;align-items:flex-start;margin:12px 0;flex-wrap:Wrap}
    #franchise .edit .form dd .chk.chk3 label{width:calc(33.33% - 10.66px)!important}
    #franchise .edit .form dd .chk label{display:flex;align-items:flex-start;min-height:24px;cursor:pointer;gap:8px;width:calc(50% - 8px)}
    #franchise .edit .form dd .chk label input{display:none}
    #franchise .edit .form dd .chk label input ~ i{width:20px;height:20px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .edit .form dd .chk label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c;display:flex;gap:8px;align-items:center;word-break:keep-all}
    #franchise .edit .form dd .chk label input ~ p span{color:#EB3F3D;flex-shrink:0}
    #franchise .edit .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #franchise .edit .form dd .col01 label{width:100%}
    #franchise .edit .form .bd8{display:flex;margin:0;border-bottom:8px solid #f4f4f4}
    #franchise .edit .caution{padding:32px 20px;border-bottom:8px solid #f4f4f4;display:flex;flex-direction:column}
    #franchise .edit .caution > .tit{text-align:center;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #franchise .edit .caution > .txt{margin:0 0 48px;line-height:20px;font-size:14px;color:#707070;text-align:center}
    #franchise .edit .caution > .desc{position:relative;border-radius:8px;border:1px solid #ddd;padding:36px 20px}
    #franchise .edit .caution > .desc + .desc{margin-top:48px}
    #franchise .edit .caution > .desc .tit{background:#fff;padding:0 10px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c}
    #franchise .edit .caution > .desc .ico{margin:0 auto 24px;width:220px;max-width:100%}
    #franchise .edit .caution > .desc .ico img{display:block;width:100%;height:auto}
    #franchise .edit .caution > .desc .txt{display:flex;flex-direction:column;gap:16px}
    #franchise .edit .caution > .desc .txt > div{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:0 0 0 20px;line-height:18px;gap:4px}
    #franchise .edit .caution > .desc .txt > div.red,#franchise .edit .caution > .desc .txt > div.red i,#franchise .edit .caution > .desc .txt > div.red strong,#franchise .edit .caution > .desc .txt > div.red p{color:#EB3F3D}
    #franchise .edit .caution > .desc .txt i{position:absolute;top:0;left:0;width:16px;height:18px;display:flex;align-items:center;justify-content:center}
    #franchise .edit .caution > .desc .txt strong{line-height:18px;font-size:13px;font-weight:500;color:#555}
    #franchise .edit .caution > .desc .txt p{font-size:13px;color:#707070}
    #franchise .edit .photo{margin:32px 0;padding:0 20px 32px;border-bottom:8px solid #f4f4f4;display:flex;flex-direction:column}
    #franchise .edit .photo .tit{text-align:center;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #franchise .edit .photo .txt{margin:0 0 20px;line-height:20px;font-size:14px;color:#707070;text-align:center}
    #franchise .edit .photo .con ul{display:flex;flex-wrap:wrap;gap:16px}
    #franchise .edit .photo .con li{width:calc(50% - 8px)}
    #franchise .edit .photo .con li img{width:100%;height:auto;display:block}
    #franchise .edit .zido{margin:32px 0;padding:0 20px;display:flex;flex-direction:column}
    #franchise .edit .zido .tit{text-align:center;line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #franchise .edit .zido .txt{margin:0 0 20px;line-height:20px;font-size:14px;color:#707070;text-align:center}
    #franchise .edit .zido .con{background:#fafafa}
    #franchise .edit .zido .con > a img{width:100%;height:auto}
    #franchise .edit .button{display:flex;align-items:center;margin:32px 0;padding:0 20px;flex-direction:column;gap:10px}
    #franchise .edit .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;border:1px solid transparent}
    #franchise .manage{padding:32px 20px}
    #franchise .manage .intro{background:#F4F4F4;padding:32px 20px;text-align:center;border-radius:16px;margin:0 0 40px}
    #franchise .manage .intro .tit{margin:0 0 8px;line-height:28px;font-size:20px;font-weight:500;color:#1c1c1c}
    #franchise .manage .intro .sub{margin:0 0 16px;line-height:22px;font-size:15px;color:#707070}
    #franchise .manage .intro .txt{line-height:20px;font-size:14px;font-weight:300;color:#707070}
    #franchise .manage .caution{position:relative;margin:40px 0 0;padding:0 0 32px;background:transparent;border-radius:unset}
    #franchise .manage .caution .tit{line-height:24px;font-size:18px;font-weight:500;color:#1c1c1c;text-align:center;margin:0 0 16px}
    #franchise .manage .caution .con{border-radius:8px;border:1px solid #ddd;padding:37px 32px;display:flex;flex-direction:column;gap:16px}
    #franchise .manage .caution .con p{line-height:20px;font-size:14px;color:#707070}
    #franchise .manage .caution .txt{margin:20px 0 0;line-height:18px;font-size:13px;font-weight:500;color:#0066b3;text-align:center;border-radius:8px;padding:20px;border:1px solid #ddd}
    #franchise .manage .tax{border-top:8px solid #f4f4f4;margin:0 -20px 32px;padding:32px 20px 0;text-align:center}
    #franchise .manage .tax .tit{line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c;margin:0 0 16px}
    #franchise .manage .tax .cau{line-height:18px;font-size:13px;color:#eb3f3d;margin:0 0 24px}
    #franchise .manage .tax .con{border-radius:8px;border:1px solid #ddd;padding:32px 20px;display:flex;flex-direction:column}
    #franchise .manage .tax .con strong{line-height:20px;font-size:15px;font-weight:500;color:#1c1c1c;margin:0 0 24px}
    #franchise .manage .tax .con p{display:flex;align-items:center;justify-content:center;text-align:center;margin:4px 0;line-height:22px;font-size:15px;color:#707070;flex-direction:column;gap:8px}
    #franchise .manage .tax .con p + p{margin-top:24px}
    #franchise .manage .tax .con p em.badge{margin:0;display:flex;align-items:center;justify-content:center;padding:0 10px;height:32px;border-radius:32px;border:1px solid #ddd;font-size:13px;color:#707070}
    #franchise .manage .tax .con p span em{font-weight:500}
    #franchise .manage .button{display:flex;align-items:center;margin:32px 0;flex-direction:column;gap:10px}
    #franchise .manage .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:48px;border:1px solid transparent}
    #franchise .manage .period{margin:0 0 24px}
    #franchise .manage .period dl{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f4f4f4;border-radius:8px;line-height:24px;font-size:15px;font-weight:500}
    #franchise .manage .period dd{font-weight:700}
    #franchise .manage .form{display:flex;flex-direction:column;gap:10px;padding:0 0 32px}
    #franchise .manage .form dl{display:flex;gap:10px;align-items:flex-start}
    #franchise .manage .form dl.row{flex-direction:row}
    #franchise .manage .form dl.row dt{width:112px;flex-shrink:0}
    #franchise .manage .form dl.row dd{flex:1}
    #franchise .manage .form dl.row dd *,#franchise .manage .form dl.row dd input{text-align:right}
    #franchise .manage .form dl.col{flex-direction:column;gap:20px;margin:14px 0 0}
    #franchise .manage .form dl.col dt{width:100%}
    #franchise .manage .form dl.col dd{width:100%}
    #franchise .manage .form dt{display:flex;align-items:center;justify-content:ce;text-align:center;flex-shrink:0;min-height:42px;font-size:14px;font-weight:500;color:#1c1c1c}
    #franchise .manage .form dt img{height:18px;width:auto;margin:0 6px 0 0}
    #franchise .manage .form dd{flex:1;display:flex;min-height:42px;flex-direction:column;gap:10px}
    #franchise .manage .form dd + dt{margin-top:32px}
    #franchise .manage .form dd .txt{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;font-size:14px;color:#1c1c1c;border-bottom:1px solid #ddd}
    #franchise .manage .form dd .bank{display:flex;align-items:center;justify-content:flex-end;width:100%;height:14px;line-height:1;font-size:14px;color:#1c1c1c;margin:6px 0 0}
    #franchise .manage .form dd .inp{position:relative;width:100%;max-width:100%;display:flex;align-items:center;gap:8px;border-bottom:1px solid #ddd}
    #franchise .manage .form dd .inp input{padding:8px;width:100%;height:42px}
    #franchise .manage .form dd .inp input.datepicker{background:url(../img/common/calendar.png) no-repeat right 16px center / 24px auto}
    #franchise .manage .form dd .inp button{width:auto;height:36px;border-radius:36px;border:1px solid #333;background:#fff;color:#333;font-size:13px;white-space:nowrap;flex-shrink:0;padding:0 12px}
    #franchise .manage .form dd .sel{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}
    #franchise .manage .form dd .sel select{padding:8px 16px;width:100%;height:48px;border-radius:8px;border:1px solid #ddd;background:url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px;font-size:14px}
    #franchise .manage .form dd .sel p{white-space:nowrap;font-size:14px;color:#707070;text-align:left;width:100%}
    #franchise .manage .form dd .sel.wrap{flex-wrap:wrap}
    #franchise .manage .form dd .sel.timer select{background:url(../img/common/dropdown.png) no-repeat right 6px center / auto 16px;padding:8px}
    #franchise .manage .form dd .chk{display:flex;gap:16px;align-items:flex-start;margin:12px 0;flex-wrap:Wrap}
    #franchise .manage .form dd .chk.chk3 label{width:calc(33.33% - 10.66px)!important}
    #franchise .manage .form dd .chk label{display:flex;align-items:flex-start;min-height:24px;cursor:pointer;gap:8px;width:calc(50% - 8px)}
    #franchise .manage .form dd .chk label input{display:none}
    #franchise .manage .form dd .chk label input ~ i{width:20px;height:20px;flex-shrink:0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / contain}
    #franchise .manage .form dd .chk label input ~ p{font-size:14px;font-weight:400;color:#1c1c1c;display:flex;gap:8px;align-items:center;word-break:keep-all}
    #franchise .manage .form dd .chk label input ~ p span{color:#EB3F3D;flex-shrink:0}
    #franchise .manage .form dd .chk label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / contain}
    #franchise .manage .form dd .point{gap:10px;display:flex;align-items:flex-end;justify-content:space-between;flex-direction:column}
    #franchise .manage .form dd .point .full{display:flex}
    #franchise .manage .form dd .point .full label{display:flex;align-items:center;cursor:pointer}
    #franchise .manage .form dd .point .full label input{display:none}
    #franchise .manage .form dd .point .full label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url(../img/common/checkbox.png) no-repeat 50% 50% / 20px 20px}
    #franchise .manage .form dd .point .full label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #franchise .manage .form dd .point .full label input:checked ~ i{background:url(../img/common/checkbox_on.png) no-repeat 50% 50% / 20px 20px}
    #franchise .manage .form dd .point .hold{font-size:14px;color:#eb3f3d}
    #franchise .manage .total{border-top:1px solid #ddd;padding:32px 0}
    #franchise .manage .total dl{display:flex;align-items:center;justify-content:space-between;line-height:24px;font-size:16px}
    #franchise .manage .total dt{font-weight:700}
    #franchise .manage .total dd{font-size:24px;font-weight:500;color:#eb3f3d}
    #franchise .manage .total span{margin:20px 0 0;line-height:16px;font-size:12px;color:#707070;display:block}
    #franchise .history{padding:32px 20px;border-top:8px solid #f4f4f4}
    #franchise .history .tit{line-height:22px;font-size:18px;font-weight:700;color:#1c1c1c;margin:0 0 16px}
    #franchise .history .tbl{margin:0 0 24px;overflow-x:auto}
    #franchise .history .tbl table{width:auto}
    #franchise .history .tbl table th,#franchise .history .tbl table td{font-size:14px;white-space:nowrap}
    #franchise .history .tbl table td a{display:flex;gap:6px;align-items:center}
    #franchise .history .tbl table td a p{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #franchise .history .tbl table td a em{flex-shrink:0;font-size:13px}
    #franchise .history .exp{padding:24px 16px;background:#f4f4f4}
    #franchise .history .exp p{line-height:18px;font-size:13px;color:#707070;text-indent:-10px;padding:0 0 0 10px}
    #franchise .history .exp p + p{margin-top:8px}
    #franchise .history .exp p span{color:#eb3f3d}
    #franchise .faq .search{display:flex;margin:24px 0;padding:0 20px;flex-direction:column}
    #franchise .faq .search form{display:flex;gap:8px;flex-direction:column}
    #franchise .faq .search .sel{width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:8px}
    #franchise .faq .search .sel select{width:100%;height:48px;border:0;padding:8px 16px;font-size:13px}
    #franchise .faq .search .inp{width:100%;display:flex;align-items:center;border:1px solid #ddd;border-radius:8px}
    #franchise .faq .search .inp input{flex:1;width:100%;height:48px;background:transparent;padding:8px 16px;font-size:13px}
    #franchise .faq .search .inp button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent}
    #franchise .faq .search .inp button img{height:20px}
    #franchise .faq .cate{display:flex;flex-wrap:wrap;gap:2px 4px;margin:24px 0;padding:0 20px}
    #franchise .faq .cate a{display:flex;align-items:center;justify-content:center;min-width:92px;height:36px;border-radius:36px;border:1px solid #ddd;background:#fff;font-size:13px;color:#1c1c1c}
    #franchise .faq .list{padding:16px 20px 32px;border-top:8px solid #f4f4f4}
    #franchise .faq .list li.on .faqb{display:flex}
    #franchise .faq .list li.on .faqb img{max-width:100%}
    #franchise .faq .list li.on .faqa i{transform:rotate(180deg)}
    #franchise .faq .list li .faqa{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:64px;padding:12px;border-bottom:1px solid #ddd;background:#fff;gap:8px;line-height:22px;font-size:15px}
    #franchise .faq .list li .faqa span{flex-shrink:0}
    #franchise .faq .list li .faqa p{display:flex;flex:1}
    #franchise .faq .list li .faqa i{width:22px;height:22px;flex-shrink:0;background:url(../img/common/more_arrow.png) no-repeat 50% 50% / contain}
    #franchise .faq .list li .faqb{display:none;align-items:flex-start;justify-content:flex-start;width:100%;min-height:64px;padding:22px 12px;border-bottom:1px solid #ddd;background:#fff;gap:8px;line-height:22px;font-size:15px;background:#f0f6fb}

    #mobile{position:fixed;z-index:11111!important;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;gap:25px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
    #mobile .title{line-height:1.4;font-size:36px;font-weight:700;color:#fff}
    #mobile .text{line-height:32px;font-size:24px;color:#fff;opacity:.9}
    #mobile .button{display:flex}
    #mobile .button .btn{display:flex;align-items:center;justify-content:center;width:220px;height:60px;padding:20px;border-radius:60px;font-size:18px;margin:40px 0 0}

    #wrap .table table{border-collapse:collapse;width:100%;border-top:1px solid #707070}
    #wrap .table th,#wrap .table td{padding:16px 8px;height:50px;line-height:16px;font-size:15px;border-bottom:1px solid #ebebeb}
    #wrap .table th{background:#F4F4F4;font-weight:500}
    #wrap .table td{line-height:150%}
    #wrap .table td.pc-view,#wrap .table th.pc-view{display:table-cell!important}
    #wrap .table td i.ic-lock{background:url(../img/common/icon_lock.png) no-repeat 50% 50% / contain}
    #wrap .table table td .ntc{margin:0 auto;border-radius:4px;border:1px solid #eb3f3d;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#eb3f3d}
    #wrap .table table .thumb a{border-radius:6px;overflow:hidden;display:inline-block}
    #wrap .table table .thumb a img{width:70px;height:46px;display:flex;margin:0 auto;object-fit:cover}
    #wrap .table table .subject a{display:flex;align-items:center}
    #wrap .table table .subject p{display:flex!important;width:100%;line-height:24px}
    #wrap .table table .subject p .tit{max-width:calc(100% - 50px);display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;letter-spacing:-1px;margin-right:8px}
    #wrap .table table .subject .cmt{color:#eb3f3d}

    .table2 table{border-collapse:collapse;width:100%;border-top:1px solid #707070}
    .table2 th,.table2 td{text-align:left;padding:16px 8px;height:56px;line-height:16px;font-size:15px;border:1px solid #DDD}
    .table2 th{background:#F4F4F4;font-weight:500}
    .table2 td{line-height:150%}
    .table2 td i.ic-lock{background:url(../img/common/icon_lock.png) no-repeat 50% 50% / contain}

    #wrap .modal_container .bottomPopupInner{background:#fff;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}
    #wrap .modal_container .bottomPopupInner .title{font-size:20px;color:#fff;text-align:center;font-weight:500;position:relative;background-color:#c00;height:60px;line-height:60px;margin:0}
    #wrap .modal_container .bottomPopupInner .text{margin:20px;border:1px solid #e0e0e0;height:250px;overflow-y:auto;font-size:14px;text-align:left;padding:20px}
    #wrap .modal_container .bottomPopupInner .button{border-top:1px solid #ddd;text-align:center;padding:18px 0;margin:0}
    #wrap .modal_container .bottomPopupInner .button button{display:flex;align-items:center;justify-content:center;text-align:center;width:150px;height:50px;line-height:50px;color:#fff;background-color:#999}
    #wrap .modal_container .bottomPopupInner .point{padding:20px}
    #wrap .modal_container .bottomPopupInner .point .h2{margin:0 0 20px}
    #wrap .modal_container .bottomPopupInner .saving{display:flex;flex-direction:column;margin:0 0 100px}
    #wrap .modal_container .bottomPopupInner .guide{display:flex;flex-direction:column}
    #wrap .modal_container .bottomPopupInner .image{display:flex;align-items:center;justify-content:center}
    #wrap .modal_container .bottomPopupInner .image img{width:auto;height:auto;display:flex;align-items:center;justify-content:center;max-width:100%}
    #wrap .modal_container .bottomPopupInner .table td .level{display:flex;align-items:center;justify-content:center}
    #wrap .modal_container .bottomPopupInner .caution{padding:50px 0}
    #wrap .modal_container .bottomPopupInner .caution p{line-height:32px;font-size:16px;font-weight:400;color:#303030}
    #wrap .modal_container{display:none!important;position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;overflow:hidden;align-items:center;justify-content:center;background:#000000e6}
    #wrap .modal_container.show{display:flex!important;align-items:center;justify-content:center}
    #wrap .modal_container .modal_wrapper{position:relative}
    #wrap .modal_container .inner{padding:40px 20px 32px;width:344px;max-width:100%;max-height:90vh;box-shadow:0 3px 6px #00000029;background:#fff;position:relative;display:flex;flex-direction:column;border-radius:16px}
    #wrap .modal_container .title{margin:0 0 20px;line-height:20px;font-size:16px;font-weight:700;color:#1c1c1c;text-align:center}
    #wrap .modal_container .text{line-height:20px;font-size:16px;font-weight:500;color:#333;text-align:center}
    #wrap .modal_container .button{margin:24px 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:40px;border-radius:40px;border:1px solid transparent;font-size:14px;font-weight:500}
    #wrap .modal_container .button .btn + .btn{margin-left:8px}
    #wrap #popup_delete .icon{margin:0 auto 24px;width:82px;height:82px;display:none}
    #wrap #popup_delete .icon img{display:block;width:100%;height:100%;object-fit:contain}
    #wrap #popup_delete .captcha{margin-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
    #wrap #popup_delete .captcha #capt_img{border-radius:4px;margin:0 10px 0 0;flex:0 0 auto}
    #wrap #popup_delete .captcha .capt_reset{width:40px;height:40px;border-radius:4px;border:1px solid #eee;background:#fff url(../img/capt_reset.png) no-repeat 50% 50%/24px auto;text-indent:-9999em;overflow:hidden;flex:0 0 auto}
    #wrap #popup_view .inner{padding:40px 32px 32px}
    #wrap #popup_view .title{margin:0 0 24px}
    #wrap #popup_view .text{border-radius:8px;background:#f4f4f4;padding:24px;line-height:20px;font-size:14px;background:transparent;padding:0}
    #wrap #popup_view .button{flex-direction:column;margin:32px 0 0}
    #wrap #popup_view .button .btn + .btn{margin-top:10px}
    #wrap #popup_complete2 .modal_wrapper{padding:60px 32px 70px;border-radius:10px;background:#fff;width:1100px;max-width:95%}
    #wrap #popup_complete2 .icon{margin:0 auto 24px;width:82px;height:82px}
    #wrap #popup_complete2 .icon img{display:block;width:100%;height:100%;object-fit:contain}
    #wrap #popup_complete2 .title{margin:0 0 24px;line-height:46px;font-size:30px;font-weight:500}
    #wrap #popup_complete2 .text{line-height:24px;font-size:16px;color:#666}
    #wrap #popup_complete2 .button{flex-direction:row;margin:70px 0 0;display:flex}
    #wrap #popup_complete2 .button .btn{width:auto;min-width:128px;height:56px;border-radius:6px;border-width:2px;font-size:18px}
    #wrap #popup_complete2 .button .btn + .btn{margin-left:10px}
    #wrap #popup_eliminate .icon{display:flex;margin:0 0 32px;align-items:center;justify-content:center}
    #wrap #popup_eliminate .icon i{display:block;width:68px;height:68px;background:url(../img/common/check.png) no-repeat 50% 50% / contain}
    #wrap #popup_eliminate .button{flex-direction:column;margin:32px 0 0}
    #wrap #popup_eliminate .button .btn + .btn{margin-top:10px}
    #wrap #popup_check .icon{display:flex;margin:0 0 16px;align-items:center;justify-content:center}
    #wrap #popup_check .icon i{display:block;width:48px;height:48px;background:url(../img/common/check.png) no-repeat 50% 50% / contain}
    #wrap #popup_check .button{flex-direction:column;margin:24px 0 0}
    #wrap #popup_check .button .btn + .btn{margin-top:10px}
    #wrap #popup_error .icon{display:flex;margin:0 0 16px;align-items:center;justify-content:center}
    #wrap #popup_error .icon i{display:block;width:56px;height:56px;background:url(../img/common/bang.png) no-repeat 50% 50% / contain}
    #wrap #popup_error .button{flex-direction:column;margin:24px 0 0}
    #wrap #popup_error .button .btn + .btn{margin-top:10px}
    #wrap #popup_day .inner{width:800px;padding:32px 20px 59px}
    #wrap #popup_day .upper{display:flex;align-items:center;justify-content:center;gap:16px}
    #wrap #popup_day .upper .prev{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:url(../img/common/arrow_calendar_prev.png) no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden}
    #wrap #popup_day .upper .next{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:url(../img/common/arrow_calendar_next.png) no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden}
    #wrap #popup_day .upper .date{line-height:35px;font-size:24px;font-weight:500;color:#1c1c1c}
    #wrap #popup_day .close{position:absolute;top:20px;right:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:flex-end}
    #wrap #popup_day .close a{display:flex;align-items:center;justify-content:center;width:24px;height:24px}
    #wrap #popup_day .close a img{display:block;width:100%;height:auto}
    #wrap #popup_day .check{display:flex;align-items:center;justify-content:flex-end;margin:0 0 16px;gap:8px}
    #wrap #popup_day .check img{width:24px;height:24px}
    #wrap #popup_day .check label{display:flex;justify-content:center;align-items:center;height:24px;gap:8px;cursor:pointer}
    #wrap #popup_day .check label input{display:none}
    #wrap #popup_day .check label input ~ i{width:24px;height:24px;flex-shrink:0;background:url(../img/common/day_check.png) no-repeat 50% 50% / contain}
    #wrap #popup_day .check label input:checked ~ i{background:url(../img/common/day_check_on.png) no-repeat 50% 50% / contain}
    #wrap #popup_day .check p{line-height:20px;font-size:14px;font-weight:400;color:#1c1c1c}
    #wrap #popup_day .info{max-height:calc(90vh - 253px);overflow:hidden;overflow-y:auto}
    #wrap #popup_day .info .head{border-top:1px solid #707070;background:#d2d2d2;position:sticky;top:0}
    #wrap #popup_day .info .head li{background:#f4f4f4}
    #wrap #popup_day .info .body{background:#ddd}
    #wrap #popup_day .info ul{display:flex;width:100%;gap:1px}
    #wrap #popup_day .info li{display:flex;align-items:center;justify-content:center;height:56px;border-bottom:1px solid #ddd;background:#fff;font-size:15px}
    #wrap #popup_day .info li img{width:24px;height:auto}
    #wrap #popup_day .info li label{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer}
    #wrap #popup_day .info li label input{display:none}
    #wrap #popup_day .info li label input ~ i{width:24px;height:24px;flex-shrink:0;background:url(../img/common/day_check.png) no-repeat 50% 50% / contain}
    #wrap #popup_day .info li label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #wrap #popup_day .info li label input ~ p span{color:#EB3F3D}
    #wrap #popup_day .info li label input:checked ~ i{background:url(../img/common/day_check_on.png) no-repeat 50% 50% / contain}
    #wrap #popup_day .info li:nth-child(1){width:113px;flex-shrink:0}
    #wrap #popup_day .info li:nth-child(2){flex:1}
    #wrap #popup_day .info li:nth-child(3){width:113px;flex-shrink:0}
    #wrap #popup_day .info ul.book2 li.stat{color:#EB3F3D}
    #wrap #popup_day .info ul.book3 li{color:#ccc}
    #wrap #popup_day .info ul.book4 li{background:#f4f4f4;color:#ccc;pointer-events:none}
    #wrap #popup_day .button{margin:26px 0 0;display:flex;align-items:center;justify-content:center}
    #wrap #popup_day .button .btn{min-width:224px;width:auto;height:48px}
    #wrap #popup_view_check .modal_wrapper{width:1100px;max-width:100%}
    #wrap #popup_view_check .close{width:100%;display:flex;align-items:center;justify-content:flex-end;margin:0 0 35px;padding:0 20px}
    #wrap #popup_view_check .close a{display:flex;width:42px;height:42px}
    #wrap #popup_view_check .close a img{width:100%;height:100%;object-fit:contain}
    #wrap #popup_view_check .inner{padding:32px 20px;width:100%;max-height:calc(90vh - 42px - 35px)}
    #wrap #popup_view_check .tabs ul{display:flex}
    #wrap #popup_view_check .tabs li{flex:1}
    #wrap #popup_view_check .tabs li a{position:relative;display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;font-weight:400;color:#707070;border-bottom:1px solid #ddd}
    #wrap #popup_view_check .tabs li.on a{font-weight:500;color:#EB3F3D}
    #wrap #popup_view_check .tabs li.on a:before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#eb3f3d}
    #wrap #popup_view_check .cont{display:none;overflow-y:auto;padding:0 10px 0 0}
    #wrap #popup_view_check .cont.on{display:block}
    #wrap #popup_view_check .cont .tool{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
    #wrap #popup_view_check .cont .tool .searchBox{display:flex}
    #wrap #popup_view_check .cont .tool .searchBox form{display:flex;gap:8px}
    #wrap #popup_view_check .cont .tool .searchBox .sel{width:120px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:8px}
    #wrap #popup_view_check .cont .tool .searchBox .sel select{width:100%;height:48px;border:0;padding:8px 16px;font-size:13px}
    #wrap #popup_view_check .cont .tool .searchBox .inp{width:252px;display:flex;align-items:center;border:1px solid #ddd;border-radius:8px}
    #wrap #popup_view_check .cont .tool .searchBox .inp input{flex:1;width:100%;height:48px;background:transparent;padding:8px 16px;font-size:13px}
    #wrap #popup_view_check .cont .tool .searchBox .inp button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent}
    #wrap #popup_view_check .cont .tool .searchBox .inp button img{height:20px}
    #wrap #popup_view_check .cont .table table th,#wrap #popup_view_check .cont .table table td{font-size:14px}
    #wrap #popup_view_check .cont .table table td a{display:flex;gap:6px;align-items:center}
    #wrap #popup_view_check .cont .table table td a p{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    #wrap #popup_view_check .cont .table table td a em{flex-shrink:0;font-size:13px}
    #wrap #popup_view_check .cont .table table td a img{flex-shrink:0;height:16px}
    #wrap #popup_view_check .cont .table table td [class^=ico]{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ededed;width:32px;height:32px;text-align:center;font-size:14px}
    #wrap #popup_view_check .cont .table table td .ico1{color:#0066B3}
    #wrap #popup_view_check .cont .table table td .ico2{color:#06C270}
    #wrap #popup_view_check .cont .table table td .ico3{color:#EB3F3D}
    #wrap #popup_view_check .cont .table table td .ntc{margin:0 auto;border-radius:4px;border:1px solid #eb3f3d;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#eb3f3d}
    #wrap #popup_view_check .cont .table table td .viewBtn{display:flex;align-items:center}
    #wrap #popup_view_check .cont .table table .bd1{border-left:1px solid #e0e0e0}
    #wrap #popup_share .inner{margin:0 auto;max-width:calc(100% - 40px)}
    #wrap #popup_share .inner ul{display:flex}
    #wrap #popup_share .inner li{flex:1}
    #wrap #popup_share .inner li a{width:56px;display:flex;flex-direction:column;align-items:center;margin:0 auto;text-align:center}
    #wrap #popup_share .inner li a img{width:auto;max-width:100%;height:auto}
    #wrap #popup_share .inner li a p{margin:16px 0 0;line-height:20px;font-size:14px;color:#333}
    #wrap #popup_gift .box{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #wrap #popup_gift .box .img{display:flex;align-items:center;justify-content:center;margin:0 0 40px}
    #wrap #popup_gift .box .img img{width:auto;height:auto;max-height:126px;object-fit:contain}
    #wrap #popup_gift .box .tit{line-height:1;font-size:48px;font-weight:500;color:#fff}
    #wrap #popup_gift .box .txt{margin:24px 0 0;line-height:1;font-size:20px;color:#fff}
    #wrap #popup_gift .box.success .tit{color:#FC0}

    #vehicle{position:fixed;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;z-index:1011;background:#000c;justify-content:center;align-items:center}
    #vehicle.active{display:flex}
    #vehicle .vehicle{position:relative;padding:50px 36px;width:1100px;max-width:100%;height:auto;max-height:690px;background:#fff;transition:all .3s;display:flex;flex-direction:column;overflow:hidden}
    #vehicle .vehicle .close{position:absolute;top:0;right:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}
    #vehicle .vehicle .close img{display:block;width:20px;height:20px;object-fit:contain}
    #vehicle .vehicle .head{display:flex;height:50px;align-items:center;margin:0 0 12px}
    #vehicle .vehicle .title{line-height:1.5;font-size:24px;font-weight:700;color:#333}
    #vehicle .vehicle .text{margin:0 20px;display:flex;align-items:center;gap:5px}
    #vehicle .vehicle .text i{position:relative;width:20px;height:20px;border-radius:20px;background:#06C}
    #vehicle .vehicle .text i:before{content:'';position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-1px;width:2px;height:6px;background:#fff}
    #vehicle .vehicle .text i:after{content:'';position:absolute;top:50%;left:50%;margin-top:3px;margin-left:-1px;width:2px;height:2px;background:#fff}
    #vehicle .vehicle .text span{font-size:14px;color:#707070}
    #vehicle .vehicle .text span > strong{font-weight:700;color:#000}
    #vehicle .vehicle .count{margin:0 20px;display:flex;gap:20px;display:none}
    #vehicle .vehicle .count span{font-size:16px;color:#333}
    #vehicle .vehicle .count span strong{font-weight:400;color:#e53d3b}
    #vehicle .vehicle .search{margin:0;position:relative;display:flex;border-radius:6px;border:1px solid #ddd;margin-left:auto}
    #vehicle .vehicle .search input{padding:0 20px;width:290px;max-width:100%;min-width:50px;height:50px;background:transparent;font-size:16px}
    #vehicle .vehicle .search button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:transparent}
    #vehicle .vehicle .search button img{width:20px;object-fit:contain;height:auto}
    #vehicle .vehicle .search .matches{position:absolute;top:60px;left:0;width:100%;border-radius:6px;border:1px solid #ddd;display:flex;flex-direction:column;background:#fff;z-index:10;padding:10px}
    #vehicle .vehicle .search .matches li{display:flex;align-items:center;height:30px;font-size:13px;cursor:pointer}
    #vehicle .vehicle .search .matches li .highlight,#vehicle .vehicle .search .matches li strong{background-color:#70CDFF;border-radius:.2em;color:#fff;padding:0 1px}
    #vehicle .vehicle .tabs{margin:0 0 56px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;flex-shrink:0}
    #vehicle .vehicle .tabs li{position:relative;width:auto;padding:0 20px;height:46px;line-height:46px;font-size:14px;color:#999;cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:flex-start}
    #vehicle .vehicle .tabs li > span{position:relative;white-space:nowrap;font-size:14px;pointer-events:none}
    #vehicle .vehicle .tabs li:active{background:#fafafa}
    #vehicle .vehicle .tabs li.active{color:#333}
    #vehicle .vehicle .tabs li.active:before{content:'';position:absolute;width:auto;bottom:-1px;left:0;width:100%;height:2px;background:#e83d44;z-index:2}
    #vehicle .vehicle .cont{display:flex;overflow:hidden;overflow-y:auto}
    #vehicle .vehicle .cont.scroll0 .section{transform:translateX(0%)}
    #vehicle .vehicle .cont.scroll0 .section01{height:auto}
    #vehicle .vehicle .cont.scroll1 .section{transform:translateX(-100%)}
    #vehicle .vehicle .cont.scroll1 .section02{height:auto}
    #vehicle .vehicle .cont.scroll2 .section{transform:translateX(-200%)}
    #vehicle .vehicle .cont.scroll2 .section03{height:auto}
    #vehicle .vehicle .cont.scroll3 .section{transform:translateX(-300%)}
    #vehicle .vehicle .cont.scroll3 .section04{height:auto}
    #vehicle .vehicle .cont.scroll4 .section{transform:translateX(-400%)}
    #vehicle .vehicle .cont.scroll4 .section05{height:auto}
    #vehicle .vehicle .cont.scroll5 .section{transform:translateX(-500%)}
    #vehicle .vehicle .cont.scroll5 .section06{height:auto}
    #vehicle .vehicle .cont.scroll6 .section{transform:translateX(-600%)}
    #vehicle .vehicle .cont.scroll6 .section07{height:auto}
    #vehicle .vehicle .section{width:100%;flex-shrink:0;transition:all .3s;height:0;flex:unset;flex-shrink:0}
    #vehicle .vehicle .section.active{display:block;height:100%}
    #vehicle .vehicle .section .top{margin:0 0 18px;line-height:42px;font-size:18px;font-weight:700;color:#333}
    #vehicle .vehicle .section .tit{margin:0 0 12px;line-height:24px;font-size:16px;font-weight:700;color:#333}
    #vehicle .vehicle .section .con{margin:0 0 48px}
    #vehicle .vehicle .section .con ul{display:flex;flex-wrap:wrap;gap:17px 15px}
    #vehicle .vehicle .section .con li{display:flex;align-items:center;justify-content:center;width:auto;height:40px;border-radius:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;border:1px solid #dcdcdc;cursor:pointer;font-size:15px;color:#666;background:#fff}
    #vehicle .vehicle .section .con li.active{background:#fff3f3;color:#e53d3b;border-color:#e53d3b}
    #vehicle .vehicle .section .con li:hover{background:#fff3f3;color:#e53d3b;border-color:#e53d3b}
    #vehicle .vehicle .section .con li.carBtn01{width:calc(20% - 12px)}
    #vehicle .vehicle .section .con li.carBtn02{width:calc(20% - 12px)}
    #vehicle .vehicle .section .con li.carBtn03{width:calc(33.33% - 12px)}
    #vehicle .vehicle .section .con li.carBtn04{width:calc(20% - 12px)}
    #vehicle .vehicle .section .con li.carBtn05{width:calc(20% - 12px)}
    #vehicle .vehicle .section .con li.carBtn06{width:calc(20% - 12px)}
    #vehicle .vehicle .section .con li.carBtn07{width:auto;padding:0 40px}
    #vehicle .vehicle .button{display:flex;align-items:center;justify-content:center}
    #vehicle .vehicle .button .btn{display:flex;align-items:center;justify-content:center;height:45px;min-width:174px;border-radius:45px;font-size:15px}
    #vehicle .vehicle .button .btn[disabled]{background:#eee!important;color:#666!important}

    #loading{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;overflow:hidden;background:#000000e6;align-items:center;justify-content:center;flex-direction:column}
    #loading.active{display:flex}
    #loading .img{width:152px;height:152px;display:flex;align-items:center;justify-content:center}
    #loading .img img{display:block;width:100%;height:auto}
    #loading .tit{margin:48px 0 0;line-height:22px;font-size:16px;color:#fff}

    #appbar{display:none}

    #imgPopup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1005;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .35s}
    #imgPopup.active{opacity:1;visibility:visible}
    #imgPopup .imgPopup{position:relative;z-index:2;background:#fff;padding:52px 74px;width:1100px;max-width:100%;height:auto;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #imgPopup .imgPopup .slider{width:100%;display:flex;flex-direction:column;gap:40px}
    #imgPopup .imgPopup .slider .big{width:100%;overflow:hidden}
    #imgPopup .imgPopup .slider .big .swiper-slide{height:480px;border-radius:8px;overflow:hidden}
    #imgPopup .imgPopup .slider .big .swiper-slide img{width:100%;height:100%;object-fit:contain}
    #imgPopup .imgPopup .slider .small{width:100%;overflow:hidden}
    #imgPopup .imgPopup .slider .small .swiper-slide{height:160px;border-radius:8px;overflow:hidden;opacity:.5;cursor:pointer}
    #imgPopup .imgPopup .slider .small .swiper-slide-thumb-active{opacity:1}
    #imgPopup .imgPopup .slider .small .swiper-slide img{width:100%;height:100%;object-fit:contain}
    #imgPopup .imgPopup .close{position:absolute;top:-62px;right:10px;width:42px;height:42px;cursor:pointer;display:flex;align-items:Center;justify-content:center}
    #imgPopup .imgPopup .close img{display:block;width:auto;max-width:100%;height:auto}
    #imgPopup .imgPopbg{position:absolute;top:0;left:0;z-index:1;background:#000;opacity:.9;width:100%;height:100%}
}

.ui-front{z-index:9999999}
.ui-menu{max-width:342px;width:100%;border-radius:6px;border:1px solid #ddd;display:flex;flex-direction:column;background:#fff;padding:10px}
.ui-menu .ui-menu-item{display:flex;align-items:center;height:30px;font-size:13px;cursor:pointer}
@media (max-width: 1099px) {
    .ui-menu{max-width:calc(100vw - 38px - 38px)}
}
.ui-state-default,.ui-widget-content .ui-state-default{border:0;text-align:center}
.ui-state-highlight,.ui-widget-content .ui-state-highlight{color:#eb3f3d}
@media (min-width: 768px) {
    .banner-container{display:flex;width:1100px;margin:0 auto;justify-content:space-between}
    .left-banners,.right-banners{display:flex;flex-direction:column;justify-content:space-between}
    .pc_banner{max-width:100%}
    .mwrap{display:flex;margin:0 auto;display:none}
}
@media (max-width: 767px) {
    .mbanner-container{display:flex;margin:0 auto}
    .mright_banner{display:right}
    .mcenter-banner{width:100%;height:200px;background-color:#b0b0b0;line-height:200px;color:#333;font-size:24px}
    .mleft-banner{display:flex;flex-direction:column;justify-content:space-between}
    .banner-container{display:flex;width:1100px;margin:0 auto;display:none}
    .mwrap{width:100%;box-sizing:border-box;padding:0 20px}
    .mleft,.mright,.mcenter{width:100%;box-sizing:border-box}
    .mleft img,.mright img,.mcenter img{width:100%;height:auto;margin-bottom:10px}
    .mleft,.mright{width:50%;float:left}
    .mright{margin-right:0}
    .mcenter{width:100%}
}

#mobile_photo{position:relative;margin:0 auto;max-width:100%;width:500px;min-height:100dvh;display:flex;flex-direction:column;background:#fff}
#mobile_photo:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-left:1px solid #ddd;border-right:1px solid #ddd}
#mobile_photo .header{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:56px;border-bottom:.54px solid #ddd}
#mobile_photo .header .logo img{width:auto;height:22.5px}
#mobile_photo .content{flex:1;padding:20px}
#mobile_photo .content .title{margin-bottom:16px;line-height:30px;font-size:24px;font-weight:700}
#mobile_photo .content .text{margin-bottom:28px;line-height:17px;font-size:14px;font-weight:400;color:#777}
#mobile_photo .content .example{margin-bottom:20px;padding:17px;border-radius:6px;border:1px solid #ddd}
#mobile_photo .content .example h3{margin-bottom:11px;line-height:22px;font-size:15px;font-weight:700;text-align:center}
#mobile_photo .content .example .img ul{display:flex;flex-wrap:wrap;gap:8px}
#mobile_photo .content .example .img li{width:calc((100% / 3) - 5.4px)}
#mobile_photo .content .example .img li img{width:100%;height:auto;aspect-ratio:95/80;border-radius:5px;overflow:hidden;margin-bottom:3px}
#mobile_photo .content .example .img li p{line-height:22px;font-size:12px;font-weight:700;color:#9f9f9f;text-align:center}
#mobile_photo .content .form dl{margin-bottom:20px}
#mobile_photo .content .form dl:last-of-type{margin-bottom:0}
#mobile_photo .content .form dt{margin-bottom:8px;line-height:22px;font-size:16px;font-weight:700}
#mobile_photo .content .form dt span{margin-left:3px;font-size:14px;font-weight:500;color:#b1b1b1}
#mobile_photo .content .form dd .img{border-radius:4px;border:2px dashed #d9d9d9;width:85px;height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}
#mobile_photo .content .form dd .img input{display:none}
#mobile_photo .content .form dd .img p{line-height:22px;font-size:12px;font-weight:600;color:#636363}
#mobile_photo .button{flex:0 0 auto;position:sticky;bottom:0;z-index:10;background:#fff;display:flex;gap:8px}
#mobile_photo .button .btn{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:46px;font-size:16px;font-weight:700}