@charset "utf-8";

/* 기본 공통 */
.captcha {
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    gap: 6px;
    width: 100%;
}

.captcha-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
}

/* 이미지 */
.capt_img {
    width: 100px;
    height: auto;
    flex-shrink: 0;
    border: 1px solid #ccc;
}

/* 새로고침 버튼 */
.capt_reset {
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff url('/front/resources/img/capt_reset.png') no-repeat center center;
    background-size: 20px 20px;
    text-indent: -9999px;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}

/* 입력창 */
.capt_input {
    width: 100%;
    max-width: 300px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
}






@media (max-width: 1099px) {

    .ck-editor__editable{height:260px !important}

    .pc-view{display:none !important}
    .mo-view{display: block;/*text-align:center;*/} /*공통코드입니다. text-align:center 들어가면 다 깨집니다.*/
    .mo-view img { /*width:100%;*/}
    .mo-hide{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;padding: 0;border: 0;clip: rect(0,0,0,0)}

    #wrap{}
    #wrap .wrap{/*min-width:330px;*/}

    #wrap.main #header{display:block;}
    #wrap.main #header .global{display:block;}
    #wrap.main #header .header .menu li{}
    #wrap.main #header .header .menu li.m_search{display:block;flex-shrink: 0;}
    #wrap.main #header .header .menu li.m_search input{margin-left:10px;width:129px;max-width: 100%;display: block;}
    #wrap.main #header .header .menu li.m_alarm{display:none}
    #wrap.main #footer{display:block;}
    #wrap.login #header{display:block;}
    #wrap.pointmall #header{display:block;}
    #wrap.pointmall #header .global{display:block;}
    #wrap.pointmall #container{padding: 114px 0 0 0;}
    #wrap.pointmall #footer{display:block;}
    #wrap.branchsearchevent #footer{display:block;}

    #header{position: fixed;top:0;left: 0;width:100%;z-index: 1011;background: #ffffff;display:none;}
    #header.on{display:block;z-index: 1012;}
    #header.on .banner,
    #header.on .header,
    #header.on .global{display:none;}
    #header.fixed{box-shadow:0 0 4px rgba(0,0,0,0.06)}
    #header .banner{display: none;justify-content:center;align-items:center;background: #1c1c1c;}
    #header .banner .wrap{position:relative;}
    #header .banner a.goLink{display:flex;align-items:center;justify-content: center;height:35px;font-size: 14px;color: #ffffff;}
    #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: 10px;left: 50%;margin-left: 530px;width: 16px;height: 16px;background: url("../img/common/close.png") no-repeat 50% 50% / contain;text-indent: -9999em;overflow: hidden;z-index: 20;}
    #header .banner .swiper-wrapper{}
    #header .banner .swiper-slide{}
    #header .banner .swiper-slide a{display:block}
    #header .banner .swiper-slide img{width:100%;height:100%;object-fit:contain}
    #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;}
    #header .banner .swiper-pagination span{width:12px;height:12px;background:#ffffff;text-indent:-9999em;overflow:hidden;opacity:1;}
    #header .banner .swiper-pagination span.swiper-pagination-bullet-active{background:#cc0000}
    #header .tnb{display: none;background: #F4F4F4;}
    #header .tnb .wrap{display: flex;align-items: center;height: 46px;}
    #header .tnb .item{display: flex;align-items: center;}
    #header .tnb .item:nth-child(1){margin:0 auto 0 0;}
    #header .tnb .item:nth-child(1) a{}
    #header .tnb .item:nth-child(2){margin:0 0 0 auto;}
    #header .tnb .item a{position:relative;font-size:14px;color: #1c1c1c;display: flex;align-items: center;}
    #header .tnb .item a + a{margin-left: 12px;padding-left: 12px;}
    #header .tnb .item a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height: 12px;background: #ddd;}
    #header .tnb .item 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 a strong{margin-left:6px;}
    #header .header{position:relative;border-bottom: 1px solid #F4F4F4;}
    #header .header .wrap{display: flex;align-items: center;height: 56px;padding: 0 20px;}
    #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 {display: none}
    #header .header .logo img{height: 25px;width: auto;display: block;}
    #header .header .wrap.v2 .menuV2 {display: none}
    #header .header .menuV2 {display: none}
    #header .header .search{margin: 0 0 0 auto;display: none;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: #1c1c1c;}
    #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{margin: 0 0 0 auto;display: flex;justify-content: flex-end;align-items: center;}
    #header .header .menu ul{display: flex;align-items: center;justify-content: center;}
    #header .header .menu li{}
    #header .header .menu li.m_search{display:none;}
    #header .header .menu li.m_alarm{}
    #header .header .menu li.m_menu{flex-shrink: 0;}
    #header .header .menu li + li{margin-left: 12px;}
    #header .header .menu li a{display:block;}
    #header .header .menu li a img{display:block;width: auto;height: 24px;}
    #header .header .app{position:absolute;top:50%;right:56px;transform:translateY(-50%);}
    #header .header .app a{display:flex;align-items:center;justify-content:center;height:26px;border-radius:26px;border:1px solid #cccccc;padding:0 7px;gap:7px;}
    #header .header .app a img{width:15px;height:15px;border-radius:15px;overflow:hidden;box-shadow:2px 2px 3px rgb(0 0 0 / 24%);}
    #header .header .app a span{display:flex;font-size:13px;color:#1b1b1b;align-items:center;gap:5px;}
    #header .header .app a span:after{content:'';width:11px;height:12px;background:url("../img/gongim_down.png") no-repeat 50% 50% / contain;}
    #header .global{border-bottom: 1px solid #F4F4F4;overflow: hidden;display: none;}
    #header .global .wrap{display: flex;height: 56px;align-items: center;padding: 0 20px;}
    #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:last-child .da1{margin:0;padding-right:40px;}
    #header .global .gnb .dp1 .dl1 .da1{margin: 0 22px 0 0;letter-spacing:-1px;line-height: 18px;font-size: 17px;color: #1c1c1c;display: flex;align-items: center;justify-content: center;height: 56px;text-align: center;position: relative;font-weight:500;}
    #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.swiper-slide-thumb-active .da1{color:#EB3F3D}
    #header .global .gnb .dp1 .dl1.swiper-slide-thumb-active .da1:before{display:block}
    #header .global .tool{display:none;margin: 0 0 0 auto;}
    #header .global .tool ul{display:flex;align-items:center;}
    #header .global .tool li{}
    #header .global .tool li + li{margin:0 0 0 10px;}
    #header .global .tool li a{display:flex;align-items:center;justify-content:center;padding:0 10px;min-width:100px;height: 40px;border-radius: 40px;border: 1px solid #dddddd;font-size: 14px;font-weight:500;color: #1c1c1c;}
    #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}
    #header .myloca{position: absolute;top: 50%;right: 52px;transform: translateY(-50%);display: flex;align-items: center;justify-content: flex-end;font-size: 12px;text-align:right;gap:6px;}
    #header .myloca img{height:16px;object-fit:contain}

    #siteMap{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;opacity:0;visibility:hidden;z-index: 1050;}
    #siteMap .inner{position: relative;z-index: 2;width: calc(100% - 50px);height: 100%;background: #fff;margin: 0 0 0 auto;transform: translateX(100%);overflow-y:auto}
    #siteMap .head{display:flex;align-items:center;justify-content: space-between;height: 56px;border-bottom: 1px solid #ddd;padding: 0 20px;}
    #siteMap .head .title{font-size: 15px;font-weight: bold;}
    #siteMap .head .close{display:flex;}
    #siteMap .head .close button{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;background: url("../img/common/close.png") no-repeat 50% 50% / contain;}
    #siteMap .quick{padding: 8px 20px;background: #f4f4f4;height: 58px;}
    #siteMap .quick ul{display:flex;flex-wrap:wrap;gap:10px;height: 100%;align-items: center;}
    #siteMap .quick li{width: calc(33.33% - 5px);}
    #siteMap .quick li a{display:flex;align-items:center;justify-content:center;border-radius: 32px;height: 32px;border: 1px solid #ddd;font-size: 14px;background: #fff;color: #000;}
    #siteMap .quick li a i{margin:0 6px 0 0;width:20px;height:20px;}
    #siteMap .quick li a i.ic-used{background:url("../img/common/icon_used.png") no-repeat 50% 50% / contain}
    #siteMap .quick li a i.ic-cust{background:url("../img/common/icon_customer.png") no-repeat 50% 50% / contain}
    #siteMap .list{}
    #siteMap .list ul{}
    #siteMap .list li{border-bottom:1px solid #ddd;}
    #siteMap .list li button{font-size:14px;display:flex;width:100%;height:50px;align-items:center;justify-content:flex-start;text-align:left;padding:8px 16px;background:#fff;background: url("../img/common/arrow_right_b.png") no-repeat right 16px center / auto 14px;}
    #siteMap .bg{position: absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;visibility:hidden;z-index: 1;}
    #siteMap.on{opacity: 1;visibility: visible;}
    #siteMap.on .inner{transform:translateX(0)}
    #siteMap.on .bg{opacity:0.7;visibility:visible}

    #heading{position: fixed;top: 0;left: 0;width:100%;z-index: 1011;background: #ffffff;display: flex;align-items: center;height: 56px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);padding: 0 12px;}
    #heading .back{margin:0 4px 0 0;flex-shrink:0;}
    #heading .back a{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;text-indent: -9999em;overflow: hidden;background: url("../img/common/back.png") no-repeat 50% 50% / contain;}
    #heading .bttn{position: absolute;top: 0;left: 0;height: 100%;display: flex;align-items: center;padding: 0 12px;}
    #heading .bttn a{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;text-indent: -9999em;overflow: hidden;background: url("../img/common/bars.png") no-repeat 50% 50% / contain;}
    #heading .title{flex:1;display:flex;align-items:center;justify-content:flex-start;text-align:left;line-height:24px;font-size:16px;font-weight:500;color:#16171d;}
    #heading .title.tac{justify-content:center;gap: 8px;}
    #heading .title img{width:auto;height:auto;max-height:24px;}
    #heading .menu{margin: 0 0 0 auto;position: absolute;top: 0;right: 0;height: 100%;display: flex;align-items: center;padding: 0 12px;}
    #heading .menu ul{display: flex;align-items: center;justify-content: center;}
    #heading .menu li{position: relative;}
    #heading .menu li.m_search{display:none;}
    #heading .menu li.m_setting{}
    #heading .menu li.m_setting .layer{position:absolute;top:100%;right:0;margin: 8px 0 0;padding: 16px;border-radius: 10px;background: #fff;min-width: 128px;box-shadow: 0 0 4px rgba(0,0,0,0.2);text-align: right;display: flex;flex-direction: column;gap: 8px;display:none;}
    #heading .menu li.m_setting .layer.on{display: flex;}
    #heading .menu li.m_setting .layer a{display: block;line-height: 20px;font-size: 14px;color: #707070;white-space: nowrap;}
    #heading .menu li.m_alarm{}
    #heading .menu li.m_menu{}
    #heading .menu li + li{margin-left: 12px;}
    #heading .menu li a{position:relative;display:block;}
    #heading .menu li a img{display:block;width: auto;height: 24px;}
    #heading .menu li a p{line-height:16px;font-size:12px;color:#555;}
    #heading .menu li a em{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:12px;background:#EB3F3D;color:#ffffff;font-size:8px;font-weight:500;display:flex;align-items:center;justify-content:center;line-height:14px;}
    #heading .month{display:flex;align-items:center;}
    #heading .month .prev{display:block;width:32px;height:32px;background:transparent;}
    #heading .month .next{display:block;width:32px;height:32px;background:transparent;}
    #heading .month .current{font-size:20px;font-weight:bold;color:#222;background:transparent;pointer-events:none;}
    #heading .month-area{position:relative;}
    #heading .month .select{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;margin-left:10px;}
    #heading .month .select img{display:block;width:100%;height:auto;}
    #heading .month .layer{position:absolute;top:100%;right:0;background:#fff;margin:8px 0;border:1px solid #e0e0e0;display:flex;flex-direction:column;width:280px;padding:4px;border-radius:4px;box-shadow:1px 1px 0px rgba(0,0,0,0.05);opacity:0;visibility:hidden;}
    #heading .month .layer.active{opacity:1;visibility:visible;}
    #heading .month .layer .head{position:relative;background:#f1f1f1;border-radius:4px;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;height:40px;margin-bottom:4px;}
    #heading .month .layer .head .ly_prev{position:absolute;top:50%;left:10px;transform:translateY(-50%);width: 16px;height: 16px;border-radius:4px;background:#666;display: flex;align-items: center;justify-content: center;}
    #heading .month .layer .head .ly_prev:before{content:'';width:5px;height:8px;margin-left:-1px;border-right:5px solid #eee;border-left:0px solid transparent;border-top:4px solid transparent;border-bottom:4px solid transparent;display:flex;box-sizing: border-box;}
    #heading .month .layer .head .ly_next{position:absolute;top:50%;right:10px;transform:translateY(-50%);width: 16px;height: 16px;border-radius:4px;background:#666;display: flex;align-items: center;justify-content: center;}
    #heading .month .layer .head .ly_next:before{content:'';width:5px;height:8px;margin-left:1px;border-left:5px solid #eee;border-right:0px solid transparent;border-top:4px solid transparent;border-bottom:4px solid transparent;display:flex;box-sizing: border-box;}
    #heading .month .layer .head .ly_current{font-size:16px;font-weight:bold;color:#333;}
    #heading .month .layer .cont{}
    #heading .month .layer .cont ul{display:flex;flex-wrap:wrap;background:#ddd;gap:1px;padding:1px;}
    #heading .month .layer .cont li{width:calc(50% - 0.66px);}
    #heading .month .layer .cont li button{display:block;width:100%;height:36px;font-size:12px;background:#fafafa;font-size:14px;color:#999;}
    #heading .month .layer .cont li button:hover{color:#000;}
    #heading .month .layer .cont li button.on{background:#05A4BC;color:#fff;}

    #container{}
    #container .loca{margin: 0 auto 16px;}
    #container .loca ul{display: flex;overflow: hidden;overflow-x: auto;padding: 0 0 1px;}
    #container .loca ul{-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
    #container .loca ul::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
    #container .loca li{flex: 1;position:relative;}
    #container .loca li:after{content:'';position:absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background:#ddd;}
    #container .loca li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;text-align: center;line-height: 1;font-size: 16px;color: #555;white-space: nowrap;padding: 0 10px;}
    #container .loca li.on a{color:#EB3F3D}
    #container .loca li.on:after{background:#EB3F3D;height: 2px;}
    #wrap #container{position: relative;padding: 56px 0 0 0;min-height: calc(var(--vh, 1vh) * 100);display: flex;flex-direction: column;}
    #wrap.main #container{padding-top:114px}

    #title{position:relative;display:none;}
    #title .wrap{}
    #title .inner{height:240px;display:flex;flex-direction:column;align-items: flex-start;justify-content: center;text-align: left;margin: 0 0 36px 0;}
    #title .title{position:relative;z-index:5;line-height:32px;font-size:32px;font-weight:bold;color:#1c1c1c}
    #title .text{position:relative;z-index:5;line-height:14px;font-size:14px;font-weight:400;color:#1c1c1c;margin-top:20px;}
    #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}
    #title .breadcrumb{position: absolute;z-index: 5;width:100%;max-width:1100px;bottom: 0;left: 50%;transform: translate(-50%,50%);}
    #title .breadcrumb ul{display:flex;align-items:center;justify-content:flex-start;padding:0 30px;height:72px;border-radius:8px;background:#fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
    #title .breadcrumb li{display: flex;align-items: center;justify-content: center;}
    #title .breadcrumb li + li:before{content:'';margin:0 4px;width: 16px;height: 16px;background: url("../img/common/breadcrumb_arrow.png") no-repeat 50% 50% / contain;}
    #title .breadcrumb li a{display:flex;align-items:center;justify-content:center;line-height:20px;font-size:14px;color:#555;}
    #title .breadcrumb li a img{width:20px;height:20px;margin:0 8px 0 0;}

    #uptop{position:fixed;z-index:20;/*bottom: 90px;*/bottom: 80px; right: 15px;width: 40px;height: 40px;background: #1c1c1c url("../img/common/uptop.png") no-repeat 50% 50% / auto 20px;box-shadow:0 2px 14px rgba(0,0,0,0.05);border-radius:50%;opacity:0;visibility:hidden;transition:all 0.35s}
    #uptop.fixed{opacity:1;visibility:visible;display:none;}

    #footer{display:none;}
    #footer .fnb{background: #F4F4F4;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 15px;}
    #footer .fnb .wrap{display: flex;align-items: center;overflow: hidden;}
    #footer .fnb .link{display: flex;flex-wrap:wrap;align-items: center;justify-content:flex-start;margin: -1px;}
    #footer .fnb .link a{position: relative;display: block;padding: 4px 6px;font-size: 13px;color: #707070;letter-spacing:-1px;}
    #footer .fnb .link a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;}
    #footer .footer{position:relative;padding: 22px 20px;background: #EDEDED;}
    #footer .footer .wrap{display:flex;flex-direction: column;position: relative;text-align: left;}
    #footer .footer .tele{display: flex;align-items: center;font-size: 20px;font-weight:bold;color: #000;margin: 0 0 16px 0;}
    #footer .footer .address{line-height:20px;font-size: 12px;color:#707070}
    #footer .footer .address .dep{}
    #footer .footer .address dl{display:flex;align-items:center;}
    #footer .footer .address dt{font-weight:500}
    #footer .footer .address dt:after{content:':';margin:0 5px 0 4px;}
    #footer .footer .social{position: relative;margin:15px 0;padding-bottom:50px;}
    #footer .footer .social ul{display:flex;align-items:center;/*justify-content:center;*/}
    #footer .footer .social li{}
    #footer .footer .social li + li{margin:0 0 0 10px;}
    #footer .footer .social li a{width: 40px;height: 40px;display: block;}
    #footer .footer .social li img{display:block;height:100%;width:auto;}

    #main{position:relative;overflow: hidden;}
    #main #heading{position: relative;top:0;left:0;width:100%;z-index:10;max-width: 100vw;}
    #main > .swiper-wrapper{
    }
    #main > .swiper-wrapper > .swiper-slide{min-height: calc((var(--vh, 1vh) * 100) - 64px - 114px) !important;height: 0px !important;}
    #main > .swiper-wrapper > .swiper-slide-active{height:auto !Important}
    #main > .swiper-wrapper > .swiper-slide:nth-child(1),
    #main > .swiper-wrapper > .swiper-slide:nth-child(8){padding:0;}
    #main .visual{position: relative;overflow: hidden;}
    #main .visual .swiper-container{}
    #main .visual .swiper-wrapper{}
    #main .visual .swiper-slide{opacity: 0;transition: all 0.35s;}
    #main .visual .swiper-slide-active{opacity:1;}
    #main .visual .swiper-fixed{display:none;}
    #main .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: rgba(0,0,0,0.5);z-index: 6;padding: 0 11px 0 18px;}
    #main .visual .swiper-scroll{margin: 0 22px 0 0;width: 175px;height:1px;background:rgba(255,255,255,0.5);position: relative;left: unset;bottom: unset;flex-shrink: 0;display: block !important;}
    #main .visual .swiper-scroll .swiper-scrollbar-drag{height:2px;background:#ffffff}
    #main .visual .swiper-count{display:flex;align-items:center;}
    #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: 200px;width: 100%;position: relative;height: auto;aspect-ratio: 550 / 274;}
    #main .visual .inner{position: relative;z-index: 2;padding: 42px 0 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: bold;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 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%;}
    #main .visual .thumb img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .latest{position: relative;}
    #main .latest .box{display:flex;height: 60px;padding: 0 20px;align-items: center;}
    #main .latest .tit{margin: 0 8px 0 0;padding: 0 6px;display: flex;align-items: center;justify-content: center;height: 24px;flex-shrink:0;font-size: 12px;color: #EB3F3D;background:#fff;border-radius: 30px;border:1px solid #EB3F3D;line-height:20px;font-weight:500;}
    #main .latest .act{display:flex;flex:1;}
    #main .latest .act a{display: flex;align-items: center;width: 100%;font-size: 14px;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;display: none;}
    #main .latest .notice{}
    #main .latest .notice ul{}
    #main .latest .notice li{overflow:hidden;}
    #main .latest .notice li a{line-height: 24px;font-size: 15px;display: flex;height: 50px;align-items: center;}
    #main .latest .notice li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #main .quick{position:relative;padding:0 20px 24px 20px;border-bottom: 8px solid #F4F4F4;}
    #main .quick ul{display:flex;flex-wrap: wrap;gap: 16px 10px;}
    #main .quick li{width: calc(25% - 7.5px);}
    #main .quick li a{position:relative;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;flex-direction: column;gap: 8px;}
    #main .quick li a:after{position:absolute;top:50%;right:16px;transform:translateY(-50%);width: 24px;height: 24px;background: url("../img/common/link_arrow_right.png") no-repeat 50% 50% / contain;}
    #main .quick li .tit:after{margin: 0 32px 0 0;padding: 0 6px;border-radius:25px;height:25px;text-transform: uppercase;font-size: 12px;display: flex;align-items: center;justify-content: center;letter-spacing: 0.5px;}
    #main .quick li.up .tit:after{content:'update';background: #EB3F3D;color:#ffffff}
    #main .quick li.new .tit:after{content:'new';background: #FF7700;color:#ffffff}
    #main .quick li.new{}
    #main .quick li .img{display:flex;align-items:center;justify-content:center;width: 100%;aspect-ratio: 1 / 1;border-radius: 8px;background: #f4f5f7;}
    #main .quick li .img img{width:auto;max-width: 60%;height:auto}
    #main .quick li .tit{line-height: 1.2;font-size: 15px;color: #333;text-align: left;display: flex;align-items: center;justify-content: space-between;font-weight:400}

    #main .direct { position: relative;margin: 0 0 40px 0; }
    #main .direct .wrap { display: flex;gap: 15px; margin: 0 auto; padding:0 15px;}
    #main .direct .sect { height:100%; }
    #main .direct .sect1 { width: 45%;}
    #main .direct .sect1 ul {display: flex;gap: 15px;flex-direction:column;}
    #main .direct .sect1 li { flex:1; }
    #main .direct .sect .box { display: flex;}
    #main .direct .sect1 li .box { position: relative;flex-direction: column;padding: 15px 5px 15px 15px;border: 1px solid #dddddd;background: #f8f8f8; border-radius:10px;}
    #main .direct .sect1 li .con {display: flex;flex-direction: column;}
    #main .direct .sect1 li .tit {line-height: 18px;font-size: 15px;font-weight: 700;color: #333333;}
    #main .direct .sect1 li .txt {margin-top: 3px;line-height: 16px;font-size: 12px;font-weight: 500;color: #818181;}
    #main .direct .sect1 li .ico {position: absolute;bottom: 0;right: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
    #main .direct .sect2 { width:55%; }
    #main .direct .sect2 ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap:15px;grid-auto-flow: column; overflow-x: auto;overflow-y: hidden;box-sizing:border-box;  grid-auto-columns: minmax(55px, auto);}
    #main .direct .sect2 ul::-webkit-scrollbar {display: none;}
    #main .direct .sect2 ul li.box { flex: 0 0 auto; }
    #main .direct .sect2 li .box { flex-direction: row;align-items: center;border: 1px solid #ddd;background: #f8f8f8;gap: 5px;white-space: nowrap;justify-content: center; border-radius:10px;width:100%; height:85px;}
    #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 { width:48px; height:48px;object-fit: contain; }
    #main .direct .sect2 li .tit { line-height: 18px;font-weight: 700;font-size: 15px;color: #333333; }
    #main .direct .sect2 .box { align-items:center; justify-content:center; gap:5px; flex-direction:column;}

    #main .appdown{margin-top:-8px;position:relative;padding:0 20px;background:#ffffff;}
    #main .appdown img{width:100%;height:auto;}
    #main .appdown .wrap-banner { display:flex; gap:10px; }
    #main .appdown .wrap-banner > a { flex-grow:1; }
    #main .launch{position:relative;padding: 40px 0 10px 20px;overflow:hidden;}
    #main .launch .title{position:relative;margin: 0 0 24px 0;text-align: center;display: flex;align-items: center;gap: 12px;}
    #main .launch .title .tit{line-height: 22px;font-size: 18px;font-weight: bold;color:#333333;}
    #main .launch .title .txt{line-height: 16px;font-size: 12px;color:#555555;text-align: left;}
    #main .launch .list{padding: 0 35% 0 0;}
    #main .launch .list ul{}
    #main .launch .list li{}
    #main .launch .list a{display: block;}

    #main .launch .list .box{border-radius: 12px;overflow:hidden;position: relative;/* border: 1px solid transparent; *//* box-shadow: 0px 4px 20px rgba(84, 85, 90, 0.12); */}
    #main .launch .list .img{position: relative;padding: 68% 0 0 0;}
    #main .launch .list .img img{display:block;width: 100%;height:100%;/*object-fit:cover*/;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

    /*#main .launch .list .img{aspect-ratio: 1 / 0.625;border-radius: 4px;overflow: hidden;}*/
    /*#main .launch .list .img img{display:block;width:100%;height:100%;object-fit:cover;}*/
    #main .launch .list .con{padding: 16px 0;display: flex;flex-direction: column;}
    #main .launch .list .name{line-height: 16px;font-size: 16px;font-weight: 500;color: #1c1c1c;display: flex;align-items: center;justify-content:flex-start;}
    #main .launch .list .name > div{display:flex;width:100%;align-items:center;justify-content:flex-start;}
    #main .launch .list .name p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height:17px;}
    #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 .name em{margin-left:8px;display:flex;border-radius:24px;padding: 0 6px;height:24px;background:#f4f4f4;line-height:1;font-size:11px;color:#555555;align-items:center;justify-content:center;display: none;}
    #main .launch .list .addr{line-height: 16px;font-size: 13px;font-weight: 400;color: #777;margin: 8px 0 0 0;/* padding: 0 0 0 20px; *//* background: url("../img/common/icon_place_b.png") no-repeat left top / auto 16px; */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: left;}

    #main .banner{position:relative;border-bottom: 8px solid #F4F4F4;}
    #main .banner a{display:block;}
    #main .banner img{display:block;width: 100%;height:auto;}
    #main .mall{position:relative;/*padding: 40px 20px;*/overflow:hidden;}
    #main .mall .title{position:relative;margin: 0 0 24px 0;text-align:center;display: flex;align-items: center;justify-content: flex-start;}
    #main .mall .title .tit{line-height: 22px;font-size: 18px;font-weight:bold;color:#333333;}
    #main .mall .list{overflow: hidden;}
    #main .mall .list ul{}
    #main .mall .list li{}
    #main .mall .list .box{position: relative;}
    #main .mall .list .img{position: relative;aspect-ratio: 1 / 1;border: 1px solid #F4F5F7;border-radius: 4px;overflow: hidden;}
    #main .mall .list .img img{display:block;width: auto;height: auto;max-height: 90%;object-fit:cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    #main .mall .list .con{padding: 12px 0 0;display: flex;flex-direction: column;}
    #main .mall .list .name{line-height: 22px;font-size: 15px;color: #1c1c1c;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #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: 12px;font-size: 12px;color: #1c1c1c;margin: 10px 0 0 0;display: flex;align-items: center;}
    #main .mall .list .info{display:flex;align-items:center;margin: 12px 0 0 0;}
    #main .mall .list .info .price{margin:0;}
    #main .mall .list .price{display: flex;align-items:center;margin: 0 0 12px;}
    #main .mall .list .price .rate{line-height:1;font-size: 14px;color: #0066B3;}
    #main .mall .list .price .origin{line-height:1;font-size:11px;margin:0 0 0 8px;color:#ccc;text-decoration: line-through;white-space:nowrap}
    #main .mall .list .sale{line-height:1;font-size:16px;color: #eb3f3d;white-space:nowrap;font-weight:500;}
    #main .mall .list .tool{margin:0 0 0 auto;display:flex;align-items:center;display: none;}
    #main .mall .list .tool .comment{display: flex;align-items: center;}
    #main .mall .list .tool .comment i{width:12px;height:12px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #main .mall .list .tool .comment em{font-size:12px;color:#0066b3;}
    #main .mall .more{position: absolute;top: 40px;right: 20px;}
    #main .mall .more a{display:flex;align-items:center;justify-content:center;height: 22px;line-height: 18px;font-size: 12px;font-weight:500;color:#555555;}
    #main .mall .more a:after{content:'';width:16px;height:16px;margin:0 0 0 4px;background: url("../img/common/arrow_right_b.png") no-repeat center center / auto 14px;}
    #main .event{position:relative;padding: 40px 20px;overflow: hidden;}
    #main .event .title{position:relative;margin: 0 0 24px 0;display: flex;align-items: center;gap: 10px;}
    #main .event .title .tit{line-height: 22px;font-size: 18px;font-weight:bold;color:#333333;text-align:center;}
    #main .event .title .tab{margin: 0;height: 22px;display: flex;align-items: center;}
    #main .event .title .tab ul{display:flex;align-items: center;justify-content: center;}
    #main .event .title .tab li{margin: 0 8px 0 0;}
    #main .event .title .tab li:last-child{margin:0}
    #main .event .title .tab li a{display: flex;padding: 8px;align-items: center;justify-content: center;height: 30px;border: 1px solid #ddd;border-radius: 20px;font-size: 12px;color: #707070;transition: all 0.35s;}
    #main .event .title .tab li.on a{border-color: #EB3F3D;color: #EB3F3D;}
    #main .event .list{padding: 0 35% 0 0;}
    #main .event .list ul{}
    #main .event .list li{}
    #main .event .list .box{border-radius: 12px;overflow:hidden;position: relative;border:1px solid #ddd/* border: 1px solid transparent; *//* box-shadow: 0px 4px 20px rgba(84, 85, 90, 0.12); */}
    #main .event .list .img{position: relative;padding: 68% 0 0 0;}
    #main .event .list .img img{display:block;width: 100%;height:100%;object-fit:cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    #main .event .list .con{padding:20px;display: flex;flex-direction: column;display: none;}
    #main .event .list .name{line-height: 16px;font-size: 16px;color: #1c1c1c;display: flex;align-items: center;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: 12px;font-size: 12px;color: #1c1c1c;margin: 10px 0 0 0;display: flex;align-items: center;}
    #main .event .list .info{display:flex;align-items:center;margin: 12px 0 4px 0;padding:12px 0 0 0;border-top:1px solid #ededed;}
    #main .event .list .price{display: flex;align-items:center;}
    #main .event .list .price .sale{line-height:1;font-size:16px;color: #eb3f3d;white-space:nowrap}
    #main .event .list .price .origin{line-height:1;font-size:11px;margin:0 0 0 8px;color:#ccc;text-decoration: line-through;white-space:nowrap}
    #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:12px;height:12px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #main .event .list .tool .comment em{font-size:12px;color:#0066b3;}
    #main .event .more{position: absolute;top: 40px;right: 20px;}
    #main .event .more a{display:flex;align-items:center;justify-content:center;height: 22px;line-height: 18px;font-size: 12px;font-weight:500;color:#555555;}
    #main .event .more a:after{content:'';width:12px;height:16px;margin:0 0 0 0px;background: url("../img/common/arrow_right_b.png") no-repeat center center / auto 14px;}
    #main .partner{position:relative;padding: 40px 20px;border-bottom: 8px solid #F4F4F4;overflow: hidden;}
    #main .partner .wrap{position:relative;}
    #main .partner .title{position:relative;margin: 0 0 24px 0;display: flex;align-items: center;justify-content: flex-start;}
    #main .partner .title .tit{line-height: 22px;font-size: 18px;font-weight:bold;color:#333333;text-align:center;}
    #main .partner .title .txt{margin: 20px 0 0 0;line-height: 15px;font-size: 12px;color: #555555;text-align:center;}
    #main .partner .content{}
    #main .partner .content .big{width: calc(100% - 280px);height: 490px;display: none;}
    #main .partner .content .big ul{}
    #main .partner .content .big li{opcity:0;border-radius: 16px;overflow: hidden;position: relative;z-index:4;}
    #main .partner .content .big li.swiper-slide-active{opacity:1;z-index:5;}
    #main .partner .content .big li a{display: block;width: 100%;height: 100%;}
    #main .partner .content .big li img{display:block;width:100%;height:100%;}
    #main .partner .content .small{flex-shrink:0;}
    #main .partner .content .small ul{}
    #main .partner .content .small li{border-radius: 8px;overflow: hidden;height: auto;aspect-ratio: 1 / 0.6;}
    #main .partner .content .small li a{display: block;width: 100%;height: 100%;aspect-ratio: 1 / 0.82;}
    #main .partner .content .small li img{display:block;width:100%;height: 100%;object-fit: cover;}
    #main .partner .content .control{position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center;}
    #main .partner .content .control .swiper-prev{width: 22px;height: 22px;border-radius: 22px;border: 1px solid #555;overflow: hidden;background: #fff url("../img/common/swiper_prev.png") no-repeat 50% 50% / auto 10px;flex-shrink: 0;}
    #main .partner .content .control .swiper-next{width: 22px;height: 22px;border-radius: 22px;border: 1px solid #555;overflow: hidden;background: #fff url("../img/common/swiper_next.png") no-repeat 50% 50% / auto 10px;flex-shrink: 0;}
    #main .partner .content .control .swiper-count{display:flex;align-items:center;margin: 0 10px;gap: 6px;font-size: 14px;color:#707070}
    #main .partner .content .control .swiper-count p{font-size: 14px;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 3px;}
    #main .partner .more{position:relative;margin: 40px -20px 0;border-top:1px solid #ededed;display: none;}
    #main .partner .more a{display:flex;align-items:center;justify-content:center;height:47px;line-height: 18px;font-size: 12px;font-weight:500;color:#555555;}
    #main .partner .more a:after{content:'';width:16px;height:16px;margin:0 0 0 4px;background: url("../img/common/arrow_right_b.png") no-repeat center center / auto 14px;}
    #main .gallery{position:relative;padding: 40px 20px;border-bottom: 8px solid #F4F4F4;}
    #main .gallery .title{position:relative;margin: 0 0 24px 0;display: flex;align-items: center;justify-content: flex-start;gap: 10px;}
    #main .gallery .title .tit{line-height: 22px;font-size: 18px;font-weight:bold;color:#333333;text-align:center;}
    #main .gallery .title .tab{margin: 0;height: 22px;display: flex;align-items: center;/*display: none;*/}
    #main .gallery .title .tab ul{display:flex;align-items: center;justify-content: center;}
    #main .gallery .title .tab li{margin: 0 5px 0 0;}
    #main .gallery .title .tab li:last-child{margin:0}
    #main .gallery .title .tab li a{display: flex;padding:8px;align-items: center;justify-content: center;height: 25px;border-radius:20px;border: 1px solid #ddd;font-size: 12px;color: #707070;transition: all 0.35s;}
    #main .gallery .title .tab li.on a{border:1px solid #EB3F3D;color: #EB3F3D;border-radius:20px;}
    #main .gallery .list{padding: 0 35% 0 0;}
    #main .gallery .list a{display:block;/* border-radius: 16px; *//* overflow: hidden; *//* position: relative; *//* border: 1px solid transparent; *//* box-shadow: 0px 4px 20px rgba(84, 85, 90, 0.12); */}
    #main .gallery .list .img{border-radius:8px;overflow:hidden;aspect-ratio: 1 / 0.625;border: 1px solid #f4f5f7;}
    #main .gallery .list .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .gallery .list .con{display: flex;flex-direction: column;padding: 16px 0 0;}
    #main .gallery .list .name{line-height: 16px;font-size:16px;font-weight: 500;color: #1c1c1c;display: flex;align-items: center;}
    #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:20px;background:url("../img/common/arrow_right_b.png") no-repeat 50% 50% / contain}
    #main .gallery .list .name em{margin-left:8px;display:flex;border-radius:24px;padding: 0 6px;height:24px;background:#f4f4f4;line-height:1;font-size:11px;color:#555555;align-items:center;justify-content:center;display: none;}
    #main .gallery .list .text{margin: 8px 0 0 0;display: flex;align-items: flex-start;line-height:15px;font-size: 14px;color: #555555;}
    #main .gallery .list .text i{width:16px;height:16px;margin: 2px 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: 2;overflow: hidden;min-height: 30px;}
    #main .gallery .list .info{margin: 16px 0 0;display: flex;align-items: center;display: none;}
    #main .gallery .list .info span{position: relative;font-size: 11px;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 .date{}
    #main .gallery .list .info .view{}
    #main .gallery .more{position: absolute;top: 40px;right: 20px;}
    #main .gallery .more a{display:flex;align-items:center;justify-content:center;height: 22px;line-height: 18px;font-size: 12px;font-weight:500;color:#555555;}
    #main .gallery .more a:after{content:'';width:12px;height:16px;margin:0 0 0 0px;background: url("../img/common/arrow_right_b.png") no-repeat center center / auto 14px;}
    #main .review{position:relative;padding:40px 20px 0;border-bottom: 8px solid #F4F4F4;overflow: hidden;}
    #main .review .wrap{position:relative;}
    #main .review .title{position:relative;margin: 0 0 24px 0;display: flex;align-items: center;gap: 10px;}
    #main .review .title .tit{line-height: 22px;font-size: 18px;font-weight:bold;color:#333333;text-align:center;white-space: nowrap;}
    #main .review .title .txt{margin: 20px 0 0 0;line-height: 15px;font-size: 12px;color: #555555;text-align:center;}
    #main .review .title .tab{margin: 0;display: flex;align-items: center;height: 22px;}
    #main .review .title .tab ul{display:flex;align-items: center;justify-content: center;}
    #main .review .title .tab li{margin: 0 8px 0 0;}
    #main .review .title .tab li:last-child{margin:0}
    #main .review .title .tab li a{display: flex;padding: 8px;align-items: center;justify-content: center;height: 30px;border:1px solid #ddd;border-radius: 20px;font-size: 12px;color: #707070;transition: all 0.35s;text-align: center;white-space: nowrap;}
    #main .review .title .tab li.on a{border:1px solid #EB3F3D;color: #EB3F3D;border-radius:20px;}
    #main .review .content{position:relative;}
    #main .review .list{/* padding:30px 24px; *//* border-radius:8px; *//* box-shadow:0 4px 20px rgba(84,85,90,0.12); */}
    #main .review .list ul{display: flex;flex-wrap: wrap;/* margin: 0 -10px; */gap: 10px;}
    #main .review .list li{position: relative;text-align: center;font-size: 18px;background: #fff;width: calc(50% - 5px);/* padding: 0 10px; */}
    #main .review .list li:nth-child(1){width: 100%;}
    #main .review .list li:nth-child(1) .inner{overflow: hidden;border-radius: 8px;}
    #main .review .list li:nth-child(1) .con{position: absolute;bottom: 0;left: 0;display: flex;flex-direction: column;padding: 16px;width: 100%;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
    #main .review .list li:nth-child(1) .name p{color:#ffffff}
    #main .review .list li:nth-child(1) .addr p{color:#ffffff}
    #main .review .list li:nth-child(1) .view p{color:#ffffff}
    #main .review .list li:nth-child(1) .tele{color:#ffffff}
    #main .review .list .inner{position:relative;display:flex;flex-direction:column;}
    #main .review .list .img{position:relative;width:100%;padding:70% 0 0 0;border-radius:8px;flex-shrink:0;overflow: hidden;}
    #main .review .list .img img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
    #main .review .list .con{flex:1;padding: 12px 0;}
    #main .review .list .medal{position:absolute;top: 8px;left: 8px;width: 50px;height: auto;display: flex;align-items: center;justify-content: center;text-align: center;font-size:14px;z-index: 6;}
    #main .review .list .medal img{display: block;width: 100%;height: 100%;object-fit: contain;}
    #main .review .list .name{line-height: 16px;font-size:16px;font-weight: 500;color: #1c1c1c;display: flex;align-items: center;}
    #main .review .list .name > div{display:flex;width:100%;align-items:center;justify-content: flex-start;}
    #main .review .list .name p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #main .review .list .name i{width:20px;height:20px;margin-left:20px;background:url("../img/common/arrow_right_b.png") no-repeat 50% 50% / contain}
    #main .review .list .name em{margin-left:8px;display:flex;border-radius:24px;padding: 0 6px;height:24px;background:#f4f4f4;line-height:1;font-size:11px;color:#555555;align-items:center;justify-content:center;}
    #main .review .list .addr{display: flex;align-items: flex-start;line-height: 15px;font-size: 14px;color: #555;margin: 6px 0 0 0;}
    #main .review .list .addr i{width: 12px;height: 12px;flex-shrink: 0;background: url("../img/common/icon_place_b.png") no-repeat 50% 50% / contain;margin: 2px 4px 0 0;display: none;}
    #main .review .list .addr p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: left;word-break: keep-all;}
    #main .review .list .view{display: flex;align-items: center;line-height: 15px;font-size: 14px;color: #555;margin: 6px 0 0 0;}
    #main .review .list .view i{width: 12px;height: 12px;flex-shrink: 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;margin: 0 4px 0 0;display: none;}
    #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: flex-start;line-height: 15px;font-size: 14px;color: #555;margin: 6px 0 0 0;}
    #main .review .list .tele i{width: 12px;height: 12px;flex-shrink: 0;background: url("../img/common/icon_place_b.png") no-repeat 50% 50% / contain;margin: 2px 4px 0 0;display: none;}
    #main .review .list .tele p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: left;word-break: keep-all;}
    #main .review .control{position:relative;margin-top:30px;display: flex;align-items: center;justify-content: center;}
    #main .review .control .swiper-prev{width: 24px;height: 24px;border-radius: 24px;border: 1px solid #555;overflow: hidden;background: #fff url("../img/common/swiper_prev.png") no-repeat 50% 50% / auto 10px;}
    #main .review .control .swiper-next{width: 24px;height: 24px;border-radius: 24px;border: 1px solid #555;overflow: hidden;background: #fff url("../img/common/swiper_next.png") no-repeat 50% 50% / auto 10px;}
    #main .review .control .swiper-count{display:flex;align-items:center;margin: 0 20px;}
    #main .review .control .swiper-count p{font-size:14px;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:relative;margin: 40px -20px 0;border-top:1px solid #ededed;}
    #main .review .more a{display:flex;align-items:center;justify-content:center;height:47px;line-height: 18px;font-size: 12px;font-weight:500;color:#555555;}
    #main .review .more a:after{content:'';width:16px;height:16px;margin:0 0 0 4px;background: url("../img/common/arrow_right_b.png") no-repeat center center / auto 14px;}
    #main .status{position:relative;padding:40px 20px;}
    #main .status .wrap{display:flex;flex-direction:column;padding: 30px 20px;border-radius: 16px;background: #FFFFFF;box-shadow: 0 4px 10px rgba(84,85,90,0.12);}
    #main .status .desc{flex:1;/* padding: 30px 20px; *//* border-radius: 16px; *//* background: #FFFFFF; *//* box-shadow: 0 4px 20px rgba(84,85,90,0.12); */margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #f4f5f7;}
    #main .status .desc.satisfy{order:1}
    #main .status .desc.repair{order:2}
    #main .status .desc.visitor{order:3;border: 0;margin: 0;padding: 0;}
    #main .status .desc .tit{position:relative;line-height: 32px;font-size: 18px;font-weight: 500;color: #1c1c1c;margin: 0 0 8px 0;}
    #main .status .desc .tit:before{content:'';position:absolute;top:100%;right:0;transform:translateY(-50%);width: 45px;height:45px;}
    #main .status .desc .inf{display:flex;flex-wrap:wrap;gap: 12px;}
    #main .status .desc .inf dl{display: flex;align-items: center;line-height: 13px;font-size: 13px;min-width: 25%;}
    #main .status .desc .inf dt{flex-shrink: 0;margin-right: 8px;font-size: 11px;}
    #main .status .desc .inf dd{line-height:16px;font-size: 16px;font-weight: 400;text-align:left;}
    #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 .customer{/*padding:12px 20px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);*/}
    #main .customer ul{display:flex;align-items:center;}
    #main .customer li{flex:1;}
    #main .customer li + li{margin:0 0 0 0px;}
    #main .customer li a{display:flex;align-items:center;justify-content:center;min-width:100px;height: 48px;border-top: 1px solid #dddddd;font-size: 16px;font-weight:500;color: #1c1c1c;}
    #main .customer li a i{margin:0 6px 0 0;width:20px;height:20px;}
    #main .customer li a i.ic-used{background:url("../img/common/icon_used.png") no-repeat 50% 50% / contain}
    #main .customer li a i.ic-cust{background:url("../img/common/icon_customer.png") no-repeat 50% 50% / contain}
    #main .company{position:relative;padding:40px 20px 0;overflow: hidden;margin-bottom:40px;}
    #main .company .title{position:relative;margin: 0 0 24px 0;display: flex;align-items: center;justify-content: flex-start;}
    #main .company .title .tit{line-height: 22px;font-size: 18px;font-weight:bold;color:#333333;text-align:center;}
    #main .company .list{position:relative;padding: 0 20% 0 0;}
    #main .company .list .swiper-container{}
    #main .company .list .swiper-slide{}
    #main .company .list .swiper-slide.add_temp {display: none}
    #main .company .list a{width: 100%;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 100%;background: #f4f5f7;}
    #main .company .list img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #main .company .control{position:relative;margin-top:30px;display: none;align-items: center;justify-content: center;}
    #main .company .control .swiper-prev{width: 24px;height: 24px;border-radius: 24px;border: 1px solid #555;overflow: hidden;background: #fff url("../img/common/swiper_prev.png") no-repeat 50% 50% / auto 10px;}
    #main .company .control .swiper-next{width: 24px;height: 24px;border-radius: 24px;border: 1px solid #555;overflow: hidden;background: #fff url("../img/common/swiper_next.png") no-repeat 50% 50% / auto 10px;}
    #main .company .control .swiper-count{display:flex;align-items:center;margin: 0 20px;}
    #main .company .control .swiper-count p{font-size:14px;color:#707070}
    #main .company .control .swiper-count p.idx{font-weight:500;color:#1c1c1c;}
    #main .company .control .swiper-count p.hyp{margin:0 10px}
    #main .company .more{position: absolute;top: 40px;right: 20px;}
    #main .company .more a{display:flex;align-items:center;justify-content:center;height: 22px;line-height: 18px;font-size: 12px;font-weight:500;color:#555555;}
    #main .company .more a:after{content:'';width:16px;height:16px;margin:0 0 0 4px;background: url("../img/common/arrow_right_b.png") no-repeat center center / auto 14px;}

    #sitemap{/*padding: 24px 0 0;*/ padding: 0}
    #sitemap .loca{margin: 0;}
    #sitemap .wrap{}
    #sitemap .sitemap{display:flex;flex-wrap:wrap;gap:30px;padding: 32px 20px 38px;}
    #sitemap .sitemap .desc{width: calc(50% - 22.5px);padding: 12px 0 0 0;}
    #sitemap .sitemap .desc .tit{line-height: 24px;font-size: 16px;font-weight: 600;color: #222;margin: 0 0 12px;}
    #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: 35px 20px}
    #point .wrap{}
    #point .h2{display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 0 30px;height: 50px;font-size: 20px;font-weight: 500;}
    #point .saving{display:flex;flex-direction:column;margin: 0 0 100px 0;}
    #point .guide{display:flex;flex-direction:column;}
    #point .image{display: flex;align-items: center;justify-content: center;margin: 30px 0;}
    #point .image img{width: auto;height: auto;display: flex;align-items: center;justify-content: center;max-width: 100%;}
    #point .table{display: flex;overflow-x: auto;flex-direction: column;}
    #point .table > p{font-size:13px;}
    #point .table table{width:auto}
    #point .table tr{}
    #point .table th{white-space: nowrap;}
    #point .table td{white-space: nowrap;font-size: 13px !important;text-align:center;}
    #point .table td.align_l{text-align:left}
    #point .table td img{}
    #point .table td .level{display:flex;align-items:center;justify-content:center;}
    #point .caution{padding: 50px 0;}
    #point .caution p{line-height: 1.4;font-size: 14px;font-weight: 400;color: #303030;}

    #branch{position: relative;padding: 24px 20px;}
    #branch .loca{margin: 0 -20px 8px;}
    #branch .loca ul{}
    #branch .loca li{flex:auto;}
    #branch .loca li:after{display:none}
    #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: 48px;text-align: center;line-height: 1;font-size: 14px;font-weight: 400;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: 0 -20px;overflow: hidden;}
    #branch .banner a{display:block;}
    #branch .banner a img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}
    #branch .content{margin: 32px 0 0 0;}
    #branch .sort{margin: 32px auto 40px;}
    #branch .sort ul{gap: 10px;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}
    #branch .sort li{flex: 1;}
    #branch .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width: 100%;height: 40px;border-radius: 40px;border: 1px solid #F4F4F4;background: #F4F4F4;font-size:15px;color:#707070}
    #branch .sort li button.on{color: #fff;border-color:#EB3F3D;background: #EB3F3D;}
    #branch .named{margin:0 0 16px;line-height:26px;font-size:20px;font-weight:bold;color:#1c1c1c;text-align:center}
    #branch .zido{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ccc;aspect-ratio: 1 / 0.94;}
    #branch .zido #map{aspect-ratio: 1 / 1 !important;}
    #branch .zido > img,
    #branch .zido > iframe{width:100%;height: 100%;object-fit: cover;}
    #branch .zido .zidoBtn{position:absolute;bottom: 16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding: 0 16px;height: 32px;border-radius: 32px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);font-size: 13px;white-space: nowrap;}
    #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: 192px;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 rgb(226, 226, 226);border-left: none;border-image: initial;background: url(../img/common/now_position.png) no-repeat rgb(255, 255, 255);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 rgb(255, 255, 255);background-position: center;border-radius: 3px 3px 0px 0px;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:500;color:#222;white-space:nowrap;text-align:center;border-radius:5px;border:1px solid #555;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.25);}
    #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 rgba(0,0,0,0.25);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;flex-direction:column;gap: 30px 0;margin: 20px 0;}
    #branch .order{display:flex;align-items:center;justify-content:flex-end;order: 2;}
    #branch .order a{position:relative;display:block;line-height: 1;font-size: 14px;color:#999}
    #branch .order a + a{margin-left:10px;padding-left:10px;}
    #branch .order a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background:#ddd;transform:translateY(-50%)}
    #branch .order a.on{font-weight:500;color:#222;}
    #branch .option{}
    #branch .option ul{display:flex;flex-wrap:wrap;gap:6px;justify-content: space;}
    #branch .option li{margin:0 20px 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 4px 0 0;width: 18px;height: 18px;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{}
    #branch .around .calendar{margin: 24px auto 30px;padding: 20px 10px;border-radius:12px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
    #branch .around .calendar .head{position:relative;margin: 0 0 20px 0;}
    #branch .around .calendar .head .month{display:flex;align-items:center;justify-content:center;text-align:center;}
    #branch .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;}
    #branch .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}
    #branch .around .calendar .head .month .current{line-height: 40px;font-size:24px;font-weight:bold;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{}
    #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: #ffffff;}
    #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;}
    #branch .around .calendar .list .month .day.disabled{color: #cfcfcf;pointer-events: none;font-weight: 300;}
    #branch .around .calendar .list .month .day.sun{background: rgba(235, 63, 61, 0.06);}
    #branch .around .calendar .list .month .day.sat{}
    #branch .around .calendar .list .month .day.today{background: rgba(0, 102, 179, 0.08);}
    #branch .around .calendar .list .month .day .num{}
    #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 .calendar .month{display:flex;align-items:center;justify-content:center;}
    #branch .around .calendar .month a{}
    #branch .around .calendar .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;}
    #branch .around .calendar .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;}
    #branch .around .calendar .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:bold;}
    #branch .around .calendar .day{margin:20px 0 0 0;verflow: hidden;}
    #branch .around .calendar .day ul{display:flex;align-items:center;}
    #branch .around .calendar .day li.dayBtn{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events: all;}
    #branch .around .calendar .day li.dayBtn.past {pointer-events: none}
    #branch .around .calendar .day li.dayBtn.past p {color: #ccc}
    #branch .around .calendar .day li.dayBtn span{line-height:17px;font-size:14px;color:#707070;margin:0 0 24px 0;pointer-events: all;}
    #branch .around .calendar .day li.dayBtn p{width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:24px;font-size:16px;color:#555555;border-radius:40px;pointer-events: all;}
    #branch .around .calendar .day li.today{}
    #branch .around .calendar .day li.today span{color:#0066b3}
    #branch .around .calendar .day li.today p{}
    #branch .around .calendar .day li.on{}
    #branch .around .calendar .day li.on span{}
    #branch .around .calendar .day li.on p{color:#ffffff;background:#EB3F3D}
    #branch .around .timer{position:relative;margin: 32px 0;}
    #branch .around .timer .title{line-height:1;font-size:22px;font-weight:500;color:#1c1c1c;text-align:center;margin: 0 0 32px 0;display: none;}
    #branch .around .timer .list{}
    #branch .around .timer .list > ul{display: flex;flex-direction: column;}
    #branch .around .timer .list > ul{}
    #branch .around .timer .list > ul > li{padding:32px 0;}
    #branch .around .timer .list > ul > li + li{border-top:1px solid #dddddd}
    #branch .around .timer .list > ul > li .area{display: flex;}
    #branch .around .timer .list > ul > li .icon{width: 64px;height: 64px;border-radius: 64px;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;}
    #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: 16px;font-weight:bold;color:#1c1c1c;white-space:nowrap;text-overflow:ellipsis;}
    #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:16px;height:16px;background:url("../img/common/close.png") no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden;}
    #branch .around .timer .list > ul > li .loca{margin:4px 0 0 0;line-height:20px;font-size: 13px;color:#707070;}
    #branch .around .timer .list > ul > li .info{margin: 8px 0 0 0;display:flex;align-items:center;flex-wrap:wrap;gap: 6px 0;}
    #branch .around .timer .list > ul > li .info p{line-height:13px;font-size: 12px;color:#555555;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:#dddddd;}
    #branch .around .timer .list > ul > li .booking{flex-shrink:0;margin-left:10px;display:flex;align-items:center;justify-content:center;flex-direction: column;gap: 6px 0;}
    #branch .around .timer .list > ul > li .booking .btn{display:flex;align-items:center;justify-content:center;height: 32px;width: 66px;border-radius:40px;border:1px solid transparent;font-size: 12px;font-weight:500;}
    #branch .around .timer .list > ul > li .time{margin:24px 0 0 0;}
    #branch .around .timer .list > ul > li .time ul{display:flex;flex-wrap:wrap;gap: 10px;}
    #branch .around .timer .list > ul > li .time li{width: calc(20% - 8px);}
    #branch .around .timer .list > ul > li .time li.timeBtn{display:flex;align-items:center;justify-content:center;height:32px;border-radius:4px;border:1px solid #dddddd;font-size:14px;color:#1c1c1c;}
    #branch .around .timer .list > ul > li .time li.timeBtn.disabled{pointer-events:none;background:#ededed;color:#cccccc;}
    #branch .around .timer .list > ul > li .time li.timeBtn.on{border-color:#EB3F3D;color:#EB3F3D;}
    #branch .around .timer .button{margin:56px 0 0 0;display:flex;align-items:center;justify-content:center;display: none;}
    #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 .around .timer .button .btn + .btn{margin:0 0 0 30px;}
    #branch .recommand{}
    #branch .recommand .list{}
    #branch .recommand .list ul{display: flex;flex-wrap: wrap;margin: 0 -8px;}
    #branch .recommand .list li{width: 50%;padding: 0 8px 32px;display: flex;flex-direction: column;}
    #branch .recommand .list li:nth-last-child(1),
    #branch .recommand .list li:nth-last-child(2){padding-bottom:0;}
    #branch .recommand .list li .upper{display: flex;margin: 0 0 14px 0;}
    #branch .recommand .list li .upper .name {line-height: 22px;font-size: 16px;font-weight: 500;color: #1c1c1c;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #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: 8px;background: #d9d9d9;overflow: hidden;/* 이미지 크기에 따라 사이즈가 자꾸 바껴서 추가함*/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 {margin: 12px 0;display: flex;flex-wrap: wrap;gap: 6px;justify-content: space-between;}
    #branch .recommand .list li .info .desc{position: relative;width: 100%;padding: 10px 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: #dddddd}
    #branch .recommand .list li .info .desc.w100p{width: 100%;border-top: 1px solid #e0e0e0;}
    #branch .recommand .list li .info .desc:nth-child(3) dl{}
    #branch .recommand .list li .info .desc:nth-child(3) dl dt{font-size:11px}
    #branch .recommand .list li .info .desc:nth-child(3) dl dd{}
    #branch .recommand .list li .info dl{display: flex;align-items: center;justify-content: space-between;line-height:18px;font-size: 11px;gap: 3px;}
    #branch .recommand .list li .info dl:nth-child(1){width:100%;}
    #branch .recommand .list li .info dt{display:flex;align-items:center;color:#555555;}
    #branch .recommand .list li .info dt img {width: 16px;height: auto;}
    #branch .recommand .list li .info dd{line-height:18px;font-size: 12px;font-weight:500;color:#1c1c1c;}
    #branch .recommand .list li .info dd a{display:block;color:#0066B3}
    #branch .recommand .list li .text{margin: 12px 0;flex: 1;}
    #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: 12px;color:#555;/* 추가 */width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;}
    #branch .recommand .list li .button{display:flex;flex-direction:column;}
    #branch .recommand .list li .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height: 40px;border-radius: 40px;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{padding: 0 0 80px 0;}
    #branch .event .list{margin: 24px auto 64px;}
    #branch .event .list ul{display: flex;flex-wrap: wrap;gap: 32px 16px;}
    #branch .event .list li{width: calc(50% - 8px);position:relative;}
    #branch .event .list li > a{}
    #branch .event .list li .date{display: flex;align-items: center;margin: 0 0 10px 0;flex-direction: row;position: absolute;top: 0;left: 0;background: #fff;border: 1px solid #eb3f3d;border-radius: 50px;}
    #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: 44px;height: 24px;border-radius: 24px;background: #eb3f3d;color: #fff;padding: 0 8px;font-size: 11px;}
    #branch .event .list li .date.end .stat {background: #555}
    #branch .event .list li .date .period{font-size: 11px;color: #1c1c1c;padding: 0 12px 0 6px;}
    #branch .event .list li .img{border-radius: 12px;overflow: hidden;margin: 0 0 12px 0;width: 100%;aspect-ratio: 1.53 / 1;border: 1px solid #ddd;}
    #branch .event .list li .img img{display: block;width: 100%;object-fit: cover;height: 100%;}
    #branch .event .list li .con{position:relative;padding: 0 0 26px 0;}
    #branch .event .list li .upper{display: flex;align-items: center;gap: 4px;margin: 0 0 5px;}
    #branch .event .list li .upper .name{font-size: 16px;font-weight: 500;color: #1c1c1c;}
    #branch .event .list li .upper .area{display: flex;align-items: center;justify-content: center;color: #1c1c1c;font-size: 16px;}
    #branch .event .list li .upper .area:before{content:'['}
    #branch .event .list li .upper .area:after{content:']'}
    #branch .event .list li .text{min-height: 44px;line-height: 22px;font-size: 14px;color: #555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #branch .event .list li .info{}
    #branch .event .list li .info{display:flex;align-items: flex-end;margin: 8px 0 0 0;padding: 0 0 0 0;}
    #branch .event .list li .price{display: flex;align-items: flex-start;flex-direction: column;}
    #branch .event .list li .price .sale{line-height: 22px;font-size: 16px;color: #eb3f3d;font-weight:500;}
    #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{margin:0 0 0 auto;display:flex;align-items:center;}
    #branch .event .list li .tool .comment{display: flex;align-items: center;}
    #branch .event .list li .tool .comment i{width:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #branch .event .list li .tool .comment em{font-size: 16px;color:#0066b3;line-height: 22px;}
    #branch .event .list li .side{display: flex;align-items: center;margin-top: 16px;position: absolute;bottom: 0;left: 0;width: 100%;}
    #branch .event .list li .side p{position:relative;font-size: 13px;color:#999}
    #branch .event .list li .side p + p{margin-left: 8px;padding-left: 8px;}
    #branch .event .list li .side p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd;}
    #branch .event .form{border:0;margin: 0;padding: 0;}
    #branch .event .button{flex-direction:column;gap:10px;}
    #branch .event .detail{}
    #branch .event .detail .content{padding:20px;}
    #branch .event .detail .tabs {margin: 0 auto;}
    #branch .event .detail .mplr20{padding: 0 20px}
    #branch .event .detail .head{display: flex;align-items: center;border-bottom: 1px solid #ededed;padding: 0 0 16px;}
    #branch .event .detail .head .area{line-height: 22px;font-size: 16px;font-weight: 500;color: #eb3f3d;margin: 0 8px 0 0;flex-shrink: 0;}
    #branch .event .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;}
    #branch .event .detail .head .tool{flex-shrink: 0;display: flex;align-items: center;margin: 0 0 0 10px;position: relative;}
    #branch .event .detail .head .tool button{width:22px;height:22px;background:transparent;}
    #branch .event .detail .head .tool button img{display:block;width: 100%;height:auto;}
    #branch .event .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 rgba(0,0,0,0.1);padding: 16px;gap: 16px;display: flex;flex-direction: column;align-items:center;display: none;}
    #branch .event .detail .head .tool li{position:relative;}
    #branch .event .detail .head .tool li a{position:relative;display: flex;align-items: center;justify-content: flex-end;height: 16px;line-height: 16px;font-size:14px;color:#707070;text-align: right;white-space: nowrap;}
    #branch .event .detail .head .tool li a img {display: none}
    #branch .event .detail .head .tool.on ul{display: flex;z-index: 1}
    #branch .event .detail .profile{padding:16px 0;display:flex;gap:12px;}
    #branch .event .detail .profile .ico{width: 50px;height: 50px;border-radius: 50px;overflow: hidden;border: 1px solid #ddd;}
    #branch .event .detail .profile .ico img{display:block;width:100%;height:100%;object-fit:cover;}
    #branch .event .detail .profile .con{flex:1;display:flex;flex-direction:column;padding: 6px 0;gap: 10px;}
    #branch .event .detail .profile .con .upper{display: flex;align-items: center;justify-content: space-between;}
    #branch .event .detail .profile .con .name{line-height:18px;font-size:15px;font-weight:500;color:#373737;display: flex;align-items: flex-start;flex-wrap: wrap;gap: 6px;}
    #branch .event .detail .profile .con .name .badge{margin: -2px 0;height:22px;min-width:80px;border-radius:22px;background:#f4f4f4;padding: 0 8px;font-size: 11px;display: flex;align-items: center;justify-content: center;color: #707070;}
    #branch .event .detail .profile .con .date{line-height:18px;font-size:12px;font-weight:400;color:#707070}
    #branch .event .detail .profile .con .inner{display: flex;flex-wrap: wrap;gap: 20px;padding: 0; justify-content: start}
    #branch .event .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;}
    #branch .event .detail .profile .con .inner dd span{color:#0066b3;}
    #branch .event .detail .info{display: flex;background: #fff;padding: 8px 0;border-bottom: 1px solid #ddd;}
    #branch .event .detail .info > div{width:100%;display:flex;flex-direction:row;gap:10px;}
    #branch .event .detail .info dl{position: relative;display:flex;align-items:center;justify-content:start;width:auto;line-height: 16px;font-size: 13px;color: #707070;}
    #branch .event .detail .info dl + dl{padding-left: 10px;}
    #branch .event .detail .info dl + dl:before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1px;height: 10px;background: #ddd}
    #branch .event .detail .info dt{font-weight:500;}
    #branch .event .detail .info dd{}
    #branch .event .detail .info dd span{color:#eb3f3d}
    #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: 40px 0 0px;}
    #branch .event .detail .cont *{line-height: 26px !important;font-size: 14px !important;color:#555;}
    #branch .event .detail .cont img{display: inline-flex;width:auto;max-width:100%;height:auto;border-radius: 8px;margin: 0 0 32px;}
    #branch .event .detail .cont p{line-height: 22px;font-size:15px;}
    #branch .event .detail .button {padding: 56px 0;display: flex;align-items: center;justify-content: center;gap: 10px;flex-direction: row}
    #branch .event .detail .button .btn {width: auto;min-width: 150px;height: 42px;border-radius: 42px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 14px;border: 1px solid transparent;gap: 8px}
    #branch .event .detail .button .btn img {height: 16px}
    #branch .event .detail .button .btn {font-weight:500;}
    #branch .event .detail .button .btn em{font-weight:500;}
    #branch .event .detail .button .goodBtn em{color:#eb3f3d;}
    #branch .event .detail .button .commentBtn em{color: #fff;}
    #branch .event .detail .bottom{padding: 16px 20px 32px;background: #f4f4f4;margin: 0 -20px;}
    #branch .event .detail .bottom .tool{display: flex;justify-content: space-between;margin: 0 0 16px 0;align-items: center;}
    #branch .event .detail .bottom .tool .ltBox{display:flex;align-items:center;gap:24px;}
    #branch .event .detail .bottom .tool .rtBox{display:flex;align-items:center;gap:24px;}
    #branch .event .detail .bottom .tool .textBox{font-size: 12px;color:#1c1c1c}
    #branch .event .detail .bottom .tool .textBox span{color:#0066b3}
    #branch .event .detail .bottom .tool .toggBox{}
    #branch .event .detail .bottom .tool .toggBox .checkbox{display:flex;align-items:center;height: 40px;cursor:pointer}
    #branch .event .detail .bottom .tool .toggBox .checkbox input{display:none;}
    #branch .event .detail .bottom .tool .toggBox .checkbox input ~ i{display:none;width: 20px;height: 20px;flex-shrink:0;margin:0 8px 0 0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;background-color: #fff;border-radius: 100%;}
    #branch .event .detail .bottom .tool .toggBox .checkbox input ~ p{font-size: 13px;font-weight:400;color:#1c1c1c;display: flex;align-items: center;justify-content: center;padding: 0 12px;background: #555;height: 40px;border-radius: 40px;color: #fff;}
    #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 .toggBox .checkbox input:checked ~ p{background: #000;}
    #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: rgb(0 102 179 / 6%);color: #0066B3;}

    #branch .event .detail .counter{
        /*display:flex;align-items:center;justify-content:space-between;height:52px;*/
        padding: 20px 20px 0;
        background: #F4F4F4;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #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: 0px 0px 4px 0px #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity: 0;visibility: hidden;transition: all 0.35s;background: #fff;}
    #branch .event .detail .counter .share > ul li{}
    #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 0;line-height:20px;font-size:14px;color:#333;}
    #branch .event .detail .counter .share.on > ul{opacity:1;visibility:visible;}
    #branch .event .detail .comment{}
    #branch .event .detail .comment .type{padding: 80px 0 0 0;margin: 0 0 32px 0;}
    #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{padding: 12px 20px 20px;background: #F4F4F4;}

    #branch .event .detail .comment .con ul{display: flex;flex-direction: column;gap: 16px;}
    #branch .event .detail .comment .con li{position: relative;padding: 20px 16px;display: flex;background: #fff;border: 1px solid #ebebeb;border-radius: 8px;flex-direction: column;}
    #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: 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 rgba(0,0,0,0.05);flex-shrink: 0;}
    #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: 64px; */}
    #branch .event .detail .comment .con li .cmt_img{display:none;}
    #branch .event .detail .comment .con li .cmt_upper{display:flex;align-items:center;}
    #branch .event .detail .comment .con li .cmt_name{line-height: 24px;font-size: 14px;font-weight: 500;color: #1c1c1c;}
    #branch .event .detail .comment .con li .cmt_thumb{margin:12px 0;padding:0;border:0 !important;min-height: auto;}
    #branch .event .detail .comment .con li .cmt_thumb img{width:auto;max-width:100%;height:auto;}
    #branch .event .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;}
    #branch .event .detail .comment .con li .cmt_item{margin: 4px 0 0 0;line-height: 12px;font-size: 11px;color: #707070;}
    #branch .event .detail .comment .con li .cmt_date{line-height: 18px;font-size: 12px;color: #707070;}
    #branch .event .detail .comment .con li .cmt_cmmt{}
    #branch .event .detail .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;}
    #branch .event .detail .comment .con li .cmt_info{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
    #branch .event .detail .comment .con li .cmt_like{display:flex;align-items:center;gap: 4px;order: 1;display: none;}
    #branch .event .detail .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070;white-space: nowrap;}
    #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{display: flex;align-items: center;justify-content: flex-end;gap: 6px;order: 3;margin: 0 0 0 auto;position: relative;}
    #branch .event .detail .comment .con li .cmt_button .cmt_button_toggle{position:relative;width: 18px;height: 18px;background: transparent;display: flex;align-items: center;justify-content: center;}
    #branch .event .detail .comment .con li .cmt_button .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #branch .event .detail .comment .con li .cmt_button .cmt_button_con{position:absolute;top:100%;right: -5px;border-radius:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 16px;}
    #branch .event .detail .comment .con li .cmt_button.on .cmt_button_con{display: flex;}
    #branch .event .detail .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;}
    #branch .event .detail .comment .con li .cmt_button .btn:last-child{margin:0;}
    #branch .event .detail .comment .con li .cmt_reCmt{margin: 16px 0 0 0;padding:16px;border-radius:8px;background:#f4f4f4}
    #branch .event .detail .comment .con li .cmt_reCmt .recmt_tit{display:flex;align-items:center;justify-content:space-between;margin: 0 0 12px;}
    #branch .event .detail .comment .con li .cmt_reCmt .recmt_tit .name{line-height: 18px;font-size: 13px;font-weight: 500;color: #707070;}
    #branch .event .detail .comment .con li .cmt_reCmt .recmt_tit .bttn{position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;}
    #branch .event .detail .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;}
    #branch .event .detail .comment .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #branch .event .detail .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 rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;}
    #branch .event .detail .comment .con li .cmt_reCmt .recmt_tit .bttn.on .cmt_button_con{display:block}
    #branch .event .detail .comment .con li .cmt_reCmt .recmt_txt{line-height:20px;font-size:14px;color:#1c1c1c}
    #branch .event .detail .comment .con li.replyCmtLi{background:#ffffff;border-top:0;margin-top: -30px;padding: 20px !important;border-radius:0 0 10px 10px;}
    #branch .event .detail .comment .con li.replyCmtLi:before{display:none !important}
    #branch .event .detail .comment .con li.replyCmtLi .cmt_inner{padding:16px;border-radius:8px;background:#f4f4f4}
    #branch .event .detail .comment .con li.replyCmtLi .cmt_ico{/*display:none;*/}
    #branch .event .detail .comment .con li.replyCmtLi .cmt_ico.no{display: none}
    #branch .event .detail .comment .con li.replyCmtLi .cmt_name{line-height:18px;font-size:13px;font-weight:500;color:#707070;}
    #branch .event .detail .comment .con li.replyCmtLi .cmt_text{margin:12px 0 0 0;padding:0;border:0 !important;min-height: auto;}
    #branch .event .detail .comment .con li.replyCmtLi .cmt_date{display:none;}
    #branch .event .detail .comment .con li.replyCmtWrap .frm{display: flex !important;}
    #branch .event .detail .comment .con li .cmt_comment{background: #F4F4F4;border-radius: 8px;margin: 16px 0 0 0;padding: 20px;display: flex;flex-direction: column;gap: 12px;}
    #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{}
    #branch .event .detail .comment .con li .cmt_comment .cmt_comment_img img{display:block;width:auto;max-width:100%;height:auto;}
    #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{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}
    #branch .event .detail .comment .frm .bg{position:absolute;top:0;left: 0;width:100%;height:100%;background:#000;opacity: 0.5;}
    #branch .event .detail .comment .frm .box{padding: 40px 20px;border-radius: 16px 16px 0 0;border:1px solid #ddd;background:#ffff;position: relative;z-index: 2;}
    #branch .event .detail .comment .frm .caution{padding:16px;border-radius:8px;background:#f4f4f4;line-height:16px;font-size:12px;color:#555;margin: 0 0 16px;display: block;border: none}
    #branch .event .detail .comment .frm .input{display: flex;align-items: center;border-bottom: 1px solid #ddd;height: 42px;}
    #branch .event .detail .comment .frm .inp{flex: 1;display: flex;}
    #branch .event .detail .comment .frm .inp textarea{width:100%;height: 42px;line-height:16px;font-size: 14px;padding: 13px 8px;background: transparent;}
    #branch .event .detail .comment .frm .bot{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 16px;}
    #branch .event .detail .comment .frm .bot .file{}
    #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{}
    #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: 60px;height: 32px;padding: 6px 12px;border-radius: 32px;background: #333333;font-size: 14px;color: #fff;}
    #branch .event .detail .comment.on .frm{display: flex;}
    #branch .event .detail .uppr{padding: 20px;display: flex;align-items: center;justify-content: space-between;}
    #branch .event .detail .uppr .link{}
    #branch .event .detail .uppr .link a{display: flex;align-items: center;justify-content: center;padding: 0 16px;height: 40px;border-radius: 40px;background: #555;color: #fff;font-size: 13px;}
    #branch .event .detail .uppr .select{position: relative;}
    #branch .event .detail .uppr .select button{width: 100%;height: 48px;border-radius: 8px;border: 1px solid #ddd;background: #fff;text-align: left;padding: 10px 42px 10px 16px;background: #fff url("../img/common/dropdown.png") no-repeat right 12px center / auto 20px;}
    #branch .event .detail .uppr .select ul{display: flex;flex-direction: column;position: absolute;top: 53px;left: 0;width: 100%;border-radius: 8px;border: 1px solid #ddd;background: #ffffff;z-index: 5;display: none;}
    #branch .event .detail .uppr .select ul.on{display:block;}
    #branch .event .detail .uppr .select li{flex: 1;position:relative;}
    #branch .event .detail .uppr .select li a{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 40px;line-height: 1;font-size: 13px;font-weight: 400;color: #707070;padding: 10px 16px;text-align: left;}
    #branch .event .detail .uppr .select li.on a{color:#0066B3;background: #0066B30F;}
    #branch .search{}
    #branch .search .form{margin: 0 0 0 auto;display: flex;flex-direction: column;}
    #branch .search .form + .option{margin: 20px 0 0 0;}
    #branch .search .form .flex{display:flex;order: 1;}
    #branch .search .form .flex .map{flex-shrink:0;width:347px;margin:0 30px 0 0;border-radius: 8px;overflow: hidden;display: none;}
    #branch .search .form .flex .map img{width:100%;height:100%;object-fit:cover;}
    #branch .search .form .flex .con{flex:1;display: flex;flex-direction: column;}
    #branch .search .form .flex .con .frm{display:flex;gap: 10px;flex-wrap: wrap;}
    #branch .search .form .flex .con .sel{display:flex;border-radius:8px;border:1px solid #ddd;width: calc(50% - 5px);}
    #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 #F4F4F4;flex: 1;}
    #branch .search .form .flex .con .inp input[type="text"]{width: 100%;height: 48px;padding: 12px 16px;background-color: #F4F4F4;font-size: 14px;color: #1c1c1c;}
    #branch .search .form .flex .con .inp button[type="submit"]{flex-shrink: 0;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: #F4F4F4;}
    #branch .search .form .flex .con .inp button[type="submit"] img{width:20px;height:auto;}
    #branch .search .form .flex .con .area{display: none;}
    #branch .search .form .flex .con .area .tit{margin: 0 0 16px 0;line-height: 22px;font-size: 15px;color: #1c1cc;}
    #branch .search .form .flex .con .area .lst{}
    #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: 14px;}
    #branch .search .form .flex .con .area .lst li button.on{background: #1c1c1c;color: #fff;border-color: #1c1c1c;}
    #branch .search .list{margin: 32px 0 0 0;}
    #branch .search .list ul{display: flex;flex-wrap: wrap;margin: 0 -8px;}
    #branch .search .list li{width: 50%;padding: 0 8px 32px;}
    #branch .search .list li:nth-last-child(1),
    #branch .search .list li:nth-last-child(2){padding-bottom:0;}
    #branch .search .list li .upper{display: flex;margin: 0 0 14px 0;}
    #branch .search .list li .upper .name {line-height: 22px;font-size: 16px;font-weight: 500;color: #1c1c1c;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #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: 8px;background: #d9d9d9;overflow: hidden;/* 이미지 크기에 따라 사이즈가 자꾸 바껴서 추가함*/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 {margin: 12px 0;display: flex;flex-wrap: wrap;gap: 6px;justify-content: space-between;}
    #branch .search .list li .info .desc{position: relative;width: 100%;padding: 10px 0;}
    #branch .search .list li .info .desc.w50p {width: calc(50% - 4px);}
    #branch .search .list li .info .desc.w50p + .desc.w50p{margin-left:8px;padding-left:8px;}
    #branch .search .list li .info .desc.w50p + .desc.w50p:before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1px;height: 12px;background: #dddddd}
    #branch .search .list li .info .desc.w100p{width: 100%;border-top: 1px solid #e0e0e0;}
    #branch .search .list li .info .desc:nth-child(3) dl{}
    #branch .search .list li .info .desc:nth-child(3) dl dt{font-size:11px}
    #branch .search .list li .info .desc:nth-child(3) dl dd{}
    #branch .search .list li .info dl{display: flex;align-items: center;justify-content: space-between;line-height:18px;font-size: 11px;gap: 3px;}
    #branch .search .list li .info dl:nth-child(1){width:100%;}
    #branch .search .list li .info dt{display:flex;align-items:center;color:#555555;}
    #branch .search .list li .info dt img {width: 16px;height: auto;}
    #branch .search .list li .info dd{line-height:18px;font-size: 12px;font-weight:500;color:#1c1c1c;}
    #branch .search .list li .info dd a{display:block;color:#0066B3}
    #branch .search .list li .text{margin: 12px 0;flex: 1;}
    #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: 12px;color:#555;/* 추가 */width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;}
    #branch .search .list li .button{display:flex;flex-direction:column;}
    #branch .search .list li .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height: 40px;border-radius: 40px;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{}
    #branch .detail .inner{display:flex;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;gap: 24px 12px;padding: 24px 0;}
    #branch .detail .title{line-height: 24px;font-size: 20px;font-weight: bold;color: #1c1c1c;text-align: center;margin: 0;display: inline-flex;}
    #branch .detail .star{display: inline-flex;align-items: flex-start !important;justify-content: flex-start;gap: 6px;/* flex-direction: column; */}
    #branch .detail .star img{height: 20px;width:auto;object-fit:contain}
    #branch .detail .stat{border: 1px solid #ededed;border-radius: 8px;overflow: hidden;margin: 0;padding: 0 16px;width: 100%;}
    #branch .detail .stat dl{position: relative;display: flex;align-items: center;justify-content: space-between;height: 52px;}
    #branch .detail .stat dl:nth-child(3),
    #branch .detail .stat dl:nth-child(4){display:none;}
    #branch .detail .stat dl + dl:before{content:'';position:Absolute;top: 0;left:0;width: 100%;height: 1px;background: #ededed;}
    #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 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:#1c1c1c}
    #branch .detail .stat dd span{font-weight:500;color:#0066b3}
    #branch .detail .tool{margin: 0 0 32px;}
    #branch .detail .tool ul{display:flex;gap:10px;height: auto !important;}
    #branch .detail .tool li{flex:1;display:flex;flex-direction:column;}
    #branch .detail .tool li > a{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:40px;border:1px solid transparent;font-size:13px;gap:4px;}
    #branch .detail .tool li > a img{height:16px;width:auto;}
    #branch .detail .tool li > p{margin:12px 0 0;line-height:18px;font-size:13px;color:#555;text-align: center;}
    #branch .detail .tool li > p span{color:#EB3F3D}
    #branch .detail .thumb{position: relative;display:flex;width: 1100px;max-width: 100%;margin: 0 0 40px 0;}
    #branch .detail .thumb .big{width: calc(100% - 220px);height: 560px;overflow: hidden;border-radius: 20px;display: none;}
    #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: 100%;padding: 0 20px;}
    #branch .detail .thumb .small ul{}
    #branch .detail .thumb .small li{border-radius: 16px;overflow: hidden;opacity:0.5;aspect-ratio: 1.75 / 1;}
    #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%;object-fit: cover;}
    #branch .detail .thumb .small .swiper-dots{margin:24px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;}
    #branch .detail .thumb .small .swiper-dots span{background: #cccccc;width:8px;height:8px;border-radius:8px;overflow:Hidden;margin: 0;text-indent:-9999em}
    #branch .detail .thumb .small .swiper-dots .swiper-pagination-bullet-active{background:#EB3F3D}
    #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 .infor{position: relative;}
    #branch .detail .infor .title{display: none;margin: 0 0 20px 0;line-height: 48px;font-size: 24px;}
    #branch .detail .infor .tool{position:absolute;top:0;right:0;display: flex;align-items: center;gap: 8px;display: none;}
    #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;display: none;}
    #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:196px;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:#ffffff;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:20px;height:20px;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;}
    #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{margin: 40px -20px 0;padding: 16px 20px;display:flex;align-items:center;justify-content:center;box-shadow: 0 0 4px rgba(0,0,0,0.05);gap: 10px;}
    #branch .detail .infor .button .btn{display:flex;align-items:center;justify-content:center;flex: 1;height: 48px;border-radius: 48px;border: 1px solid transparent;font-size: 16px;font-weight: 500;}
    #branch .detail .notice{display:flex;height:60px;align-items:center;padding:10px 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:30px;padding:0 6px;border:1px solid #eb3f3d;border-radius:40px;color:#eb3f3d;font-size:12px;}
    #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:14px;}
    #branch .detail .notice .con .date{flex:0 0 auto;font-size:12px;color:#555;margin-left:10px;}
    #branch .detail .congestion{position:relative;margin: 0 -20px;padding: 40px 20px;border-bottom: 8px solid #f4f4f4;display: flex;flex-direction: column;align-items: center;text-align: center;}
    #branch .detail .congestion .tit{line-height: 22px;font-size: 18px;font-weight: bold;color: #1c1c1c;margin: 0 0 24px 0;}
    #branch .detail .congestion .txt{line-height: 22px;font-size: 15px;color: #555;margin: 0 0 36px 0;display: none;}
    #branch .detail .congestion .chk{display: flex;align-items: center;justify-content: center;gap: 4px;margin: 0 0 24px 0;}
    #branch .detail .congestion .chk button{height: 34px;padding: 6px 15px;border-radius: 40px;border: 1px solid #ddd;background: #fff;font-size: 13px;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: flex-end;gap: 12px;margin: 0 0 20px 0;}
    #branch .detail .congestion .con .icon > div{display: flex;align-items: center;}
    #branch .detail .congestion .con .icon > div i{width: 6px;height: 6px;background: #fafafa;margin: 0 4px 0 0;border-radius:2px;}
    #branch .detail .congestion .con .icon > div p{font-size: 13px;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:#FF7700}
    #branch .detail .congestion .con .icon > div.icon04 i{background:#EB3F3D}
    #branch .detail .congestion .con .time{display:flex;align-items:center;width:100%;border-radius: 8px;overflow:hidden;}
    #branch .detail .congestion .con .time > p{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height: 32px;background: #fafafa;font-size: 12px;font-weight:500;color:#fff;}
    #branch .detail .congestion .con .time > p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#fff;opacity:0.5}
    #branch .detail .congestion .con .time > p.time01{background:#06C270}
    #branch .detail .congestion .con .time > p.time02{background:#FFCE00}
    #branch .detail .congestion .con .time > p.time02:before{display:none;}
    #branch .detail .congestion .con .time > p.time03{background:#FF7700}
    #branch .detail .congestion .con .time > p.time03:before{display:none;}
    #branch .detail .congestion .con .time > p.time04{background:#EB3F3D}
    #branch .detail .congestion .con .time > p.time04:before{display:none;}
    #branch .detail .congestion .con .comment{margin:16px 0 0;text-align:left;line-height:14px;font-size:12px;color:#EB3F3D;}
    #branch .detail .congestion .con .information{display:flex;flex-direction:column;gap:16px;margin: 14px 0 0 0;padding: 14px 0 0 0;border-top: 1px solid #ededed;}
    #branch .detail .congestion .con .information dl{display:flex;font-size:14px;justify-content: flex-start;align-items:flex-start;line-height:14px;gap: 32px;border-bottom:1px solid #eee;padding-bottom:10px;}
    #branch .detail .congestion .con .information dt{text-align: left;display: flex;align-items: center;gap: 8px;color:#1c1c1c;font-weight: 500;}
    #branch .detail .congestion .con .information dt img{height:16px;width:auto;}
    #branch .detail .congestion .con .information dd{display:flex;flex-direction:column;gap: 8px;text-align: left;line-height: 16px;color: #555;flex: 1;}
    #branch .detail .equipment{margin: 0 -20px;padding: 40px 20px 0;border-bottom: 8px solid #f4f4f4;text-align: center;display: flex;flex-direction: column;}
    #branch .detail .equipment .tit{line-height: 22px;font-size: 18px;font-weight: bold;color: #1c1c1c;margin: 0 0 24px 0;}
    #branch .detail .equipment .ownedList {display: none; padding: 24px 12px}
    #branch .detail .equipment .ownedList.on {display: block}
    #branch .detail .equipment .ownedList ul {display: flex;flex-wrap: wrap;gap: 24px}
    #branch .detail .equipment .ownedList li{width: calc(50% - 12px);display:flex;align-items:flex-start;line-height:1;font-size:15px;white-space: nowrap;}
    #branch .detail .equipment .ownedList li:before{content:'';display:block;width:2px;height:2px;background:#1c1c1c;margin: 6px 8px 0 0;}
    #branch .detail .equipment .more{margin: 0 -20px;}
    #branch .detail .equipment .more a{display:flex;width:100%;height:48px;border-top:1px solid #ebebeb;}
    #branch .detail .map{margin: 0 -20px;padding: 40px 20px;border-bottom: 8px solid #f4f4f4;display: flex;flex-direction: column;align-items: center;text-align: center;}
    #branch .detail .map .tit{line-height: 22px;font-size: 18px;font-weight: bold;color: #1c1c1c;margin: 0 0 24px 0;}
    #branch .detail .map .con{border-radius:8px;overflow:hidden;border:1px solid #ddd;aspect-ratio: 1/0.85715;display: flex;align-items: center;justify-content: center;}
    /*#branch .detail .map .con img{width:100%;height:100%;!* object-fit:cover; *!display: block;}*/
    #branch .detail .map .act{margin:25px 0 0 0;width:100%;}
    #branch .detail .map .act a{display:flex;align-items:center;justify-content:center;border: 1px solid #2b77db;background: #238cfa;width:100%;height: 42px;border-radius:5px;font-size:13px;color: #ffffff;}
    #branch .detail .caution{position:relative;border-bottom: 0 !important;padding:20px 0;}
    #branch .detail .caution .caution-slider{overflow:hidden;border:1px solid #d0d0d0;border-radius:10px;}
    #branch .detail .caution .pagination{position:absolute;z-index:2;top:46px;right:20px;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 4px !important;left:unset !important;flex:0 0 auto;width:8px;height:8px;border-radius:15px;opacity:1;background:#D9D9D9;transform:unset !important;}
    #branch .detail .caution .pagination .swiper-pagination-bullet-active{background:#707070}
    #branch .detail .caution .desc{padding: 20px !important;display:flex;flex-direction:column;}
    #branch .detail .caution .desc .ico{width:100%;flex-shrink:0;margin:0 !important;display: flex;align-items: center;justify-content: center !important;}
    #branch .detail .caution .desc .con{flex: 1;}
    #branch .detail .caution .desc .con .tit{line-height: 1;font-size: 18px !important;font-weight: 500;color: #1c1c1c;margin: 0 0 12px 0 !important;}
    #branch .detail .caution .desc .con .txt{width: 100%;display: flex;gap: 6px !important;flex-wrap: wrap;flex-direction:column;height:100% !important;line-height:1.4 !important;}
    #branch .detail .caution .desc .con .txt > div{position: relative;padding: 0 0 0 0 !important;width:100% !important;font-size:13px;}
    #branch .detail .caution .desc .con .txt > div i{position: absolute;top: 0;left: 0;line-height: 20px;}
    #branch .detail .caution .desc .con .txt > div strong{line-height: 20px;font-size: 13px;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: 13px;}
    #branch .detail .caution .desc .con .txt.col{flex-direction:column}
    #branch .detail .caution .desc .con .txt.col > div{}
    #branch .detail .caution .desc .con .txt.row{flex-direction: column;height: 229px;}
    #branch .detail .caution .desc .con .txt.row > div{width: calc(50% - 12px);}
    #branch .detail .caution .desc + .desc{border-top:1px solid #ddd;}

    #branch .detail .commList{padding:0 0 40px 0;}
    #branch .detail .commList .tab{position:sticky;top:90px;z-index:10;margin: 0 0 20px;background:#ffffff;}
    #branch .detail .commList .tab ul{}
    #branch .detail .commList .tab li{width:auto;}
    #branch .detail .commList .tab li a{display:flex;align-items:center;justify-content:center;padding:0 12px;height: 50px;font-size: 15px;font-weight:400;color:#555;white-space:nowrap;}
    #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.active{}
    #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;margin: 0 0 20px !important;padding:0 !important;}
    #branch .detail .commList .tool .lt{flex:1;display:flex;align-items:center;}
    #branch .detail .commList .tool .rt{flex:0 0 auto;display:flex;align-items:center;}
    #branch .detail .commList .tool .write{margin:0;padding:0;display:flex;}
    #branch .detail .commList .tool .write .btn{position:relative;width:40px;height:40px;border-radius:8px;border:1px solid #ccc;text-indent:-9999em;background:#fff;}
    #branch .detail .commList .tool .write .btn:before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url("../img/common/pencil_w.png") no-repeat 50% 50% / contain}
    #branch .detail .commList .search{flex-shrink: 0;width:100%;}
    #branch .detail .commList .search .form{display: flex;align-items: center;justify-content: flex-end;}
    #branch .detail .commList .search .flexBox{display:flex;width:100%;}
    #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;display:none;}
    #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: 100%;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;display:none;}
    #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:flex;align-items:center;justify-content:flex-start;margin:0 auto;gap:20px 4px;overflow-x:auto;}
    #branch .detail .commList .category ul{-ms-overflow-style: none;scrollbar-width: none;}
    #branch .detail .commList .category ul::-webkit-scrollbar {display: none;}
    #branch .detail .commList .category li{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:72px;height:36px;border-radius:36px;background:#F7F9FA;font-size:14px;font-weight:400;color:#2F3438;cursor:pointer;white-space:nowrap;padding:0 12px;}
    #branch .detail .commList .category li:hover{color:#333;background:#f2f2f2;}
    #branch .detail .commList .category li.on{background:#2F3438;color:#fff;}
    #branch .detail .commList .list{}
    #branch .detail .commList .list{overflow: hidden;}
    #branch .detail .commList .list ul{display: flex;flex-wrap: wrap;margin: 0 -8px;width: auto;}
    #branch .detail .commList .list li{padding: 0 8px 24px;width: 50%;    display: flex;flex-direction: column;}
    #branch .detail .commList .list .box{position:relative;}
    #branch .detail .commList .list .link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
    #branch .detail .commList .list .img{border-radius: 8px;overflow:hidden;padding: 60% 0 0 0;position: relative;}
    #branch .detail .commList .list .img img{display:block;width: auto;max-width: 100%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    #branch .detail .commList .list .con{margin: 14px 0 0 0;display: flex;flex-direction: column;justify-content: space-between}
    #branch .detail .commList .list .rate{margin:0 0 12px;line-height:1;font-size:16px;color:#0066b3;font-weight:500;}
    #branch .detail .commList .list .icon{display:flex;flex-wrap:wrap;margin:0 0 10px 0;}
    #branch .detail .commList .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;}
    #branch .detail .commList .list .icon span.icon_1{color:#ffffff;background:#EB3F3D}
    #branch .detail .commList .list .icon span.icon_2{color:#ffffff;background:#FF9900}
    #branch .detail .commList .list .icon span.icon_3{color:#ffffff;background:#8600BB}
    #branch .detail .commList .list .icon span.icon_4{color:#ffffff;background:#0066B3}
    #branch .detail .commList .list .name{line-height: 130%;font-size: 14px;color: #1c1c1c;display: flex;align-items: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: left;word-break: keep-all;}
    #branch .detail .commList .list .name p{flex: 1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #branch .detail .commList .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 .list .text{line-height: 12px;font-size: 12px;color: #555;display: flex;align-items: center;margin: 8px 0 0;}
    #branch .detail .commList .list .info{display:flex;align-items: center;margin: 0px 0 0 0;padding: 4px 0 0 0;min-height:32px;}
    #branch .detail .commList .list .price{display: flex;align-items: flex-start;flex-direction: column;}
    #branch .detail .commList .list .price .sale{line-height:1;font-size: 16px;color: #eb3f3d;}
    #branch .detail .commList .list .price .origin{line-height: 18px;font-size:14px;margin: 0 0 12px;display: flex;}
    #branch .detail .commList .list .price .origin .rate{font-size: 18px;font-weight: 500;color: #0066b3;margin: 0 8px 0 0;}
    #branch .detail .commList .list .price .origin .cost{text-decoration: line-through;font-size: 14px;font-weight: 300;color: #ccc;}
    #branch .detail .commList .list .tool{margin:0 0 0 auto !important;display:flex;align-items:center;}
    #branch .detail .commList .list .tool .comment{position:relative;z-index:2;display: flex;align-items: center;}
    #branch .detail .commList .list .tool .comment i{width:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #branch .detail .commList .list .tool .comment em{font-size: 16px;color:#0066b3;line-height: 1;}
    #branch .detail .commList .item{}
    #branch .detail .commList .item ul{padding:10px 0;}
    #branch .detail .commList .item li{padding:15px 0;border-bottom: 1px solid #ddd;}
    #branch .detail .commList .item li a{flex-direction: column;display:flex;gap: 10px;}
    #branch .detail .commList .item li .flex{display:flex;align-items:center;justify-content:space-between;gap: 16px;}
    #branch .detail .commList .item li .name{line-height: 14px;font-size: 12px;color: #707070;}
    #branch .detail .commList .item li .cate{margin: 0;}
    #branch .detail .commList .item li .cate span{display: flex;align-items: center;justify-content: center;border-radius: 4px;border: 1px solid #ebebeb;text-align: center;width: 32px;height: 32px;font-size: 13px;}
    #branch .detail .commList .item li .cate .cate1{color:#0066B3}
    #branch .detail .commList .item li .cate .cate2{color:#06C270}
    #branch .detail .commList .item li .cate .cate3{color:#EB3F3D}
    #branch .detail .commList .item li .con{}
    #branch .detail .commList .item li .con .subj{display:flex;align-items:center;}
    #branch .detail .commList .item li .con .subj .icon{flex:0 0 auto;}
    #branch .detail .commList .item li .con .subj .icon .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: 12px;margin-right:6px;}
    #branch .detail .commList .item li .con .subj .icon .cateicon1{color:#0066B3}
    #branch .detail .commList .item li .con .subj .icon .cateicon2{color:#06C270}
    #branch .detail .commList .item li .con .subj .icon .cateicon3{color:#EB3F3D}
    #branch .detail .commList .item li .con .subj .star{position: relative;display:flex;margin-right:6px;gap:1px;}
    #branch .detail .commList .item li .con .subj .star i{height:18px;aspect-ratio:1/1;background: url("../img/common/star.png") repeat-x left center / auto 100%;margin: 0}
    #branch .detail .commList .item li .con .subj .star em{font-size:13px;font-weight:500;}
    #branch .detail .commList .item li .con .subj .noti{flex:0 0 auto;display: inline-flex;line-height: 20px;font-size: 12px;color: #eb3f3d;border-radius:4px;border:1px solid #eb3f3d;padding:0 3px;align-items:center;justify-content:center;margin-right:6px;white-space:nowrap;}
    #branch .detail .commList .item li .con .subj .text{display: -webkit-box;line-height: 22px;font-size: 15px;color: #1c1c1c;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
    #branch .detail .commList .item li .con .subj .text-2{height:44px;-webkit-line-clamp: 2;}
    #branch .detail .commList .item li .con .subj .cmmt{flex:0 0 auto;display: inline-flex;line-height: 24px;color: #eb3f3d;vertical-align: top;font-size: 14px;margin-left:6px;font-style:normal;}
    #branch .detail .commList .item li .con .desc{margin: 10px 0 0;display: flex;gap: 12px;}
    #branch .detail .commList .item li .con .desc p{position:relative;line-height: 14px;font-size: 11px;color: #707070;}
    #branch .detail .commList .item li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px;}
    #branch .detail .commList .item li .img{width: 104px;height: 64px;border-radius: 8px;overflow: hidden;flex-shrink: 0;}
    #branch .detail .commList .item li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #branch .detail .commList .event{}
    #branch .detail .commList .event ul{padding:10px 0;}
    #branch .detail .commList .event li{padding:15px 0;border-bottom: 1px solid #ddd;}
    #branch .detail .commList .event li a{flex-direction: column;display:flex;gap: 6px;}
    #branch .detail .commList .event li .flex{display:flex;align-items:center;justify-content:flex-start;gap:6px;}
    #branch .detail .commList .event li .name{line-height: 14px;font-size: 12px;color: #707070;}
    #branch .detail .commList .event li .icon{margin: 0;}
    #branch .detail .commList .event li .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: 12px;}
    #branch .detail .commList .event li .cateicon1{color:#0066B3}
    #branch .detail .commList .event li .cateicon2{color:#06C270}
    #branch .detail .commList .event li .cateicon3{color:#EB3F3D}
    #branch .detail .commList .event li .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 .event li .status1{border-color:#bbbbbb;background-color:#ffffff;color:#555555}
    #branch .detail .commList .event li .status2{border-color:#F2C1C1;background-color:#FFF8F8;color:#DD1B1B}
    #branch .detail .commList .event li .status3{border-color:#555555;background-color:#555555;color:#ffffff}
    #branch .detail .commList .event li .period{font-size:12px;color:#707070;}
    #branch .detail .commList .event li .con{flex:1 1;}
    #branch .detail .commList .event li .con .subj{display:flex;align-items:center;}
    #branch .detail .commList .event li .con .subj .icon{flex:0 0 auto;}
    #branch .detail .commList .event li .con .subj .icon .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: 12px;margin-right:6px;}
    #branch .detail .commList .event li .con .subj .icon .cateicon1{color:#0066B3}
    #branch .detail .commList .event li .con .subj .icon .cateicon2{color:#06C270}
    #branch .detail .commList .event li .con .subj .icon .cateicon3{color:#EB3F3D}
    #branch .detail .commList .event li .con .subj .star{position: relative;display:flex;margin-right:6px;gap:1px;}
    #branch .detail .commList .event li .con .subj .star i{height:18px;aspect-ratio:1/1;background: url("../img/common/star.png") repeat-x left center / auto 100%;margin: 0}
    #branch .detail .commList .event li .con .subj .star em{font-size:13px;font-weight:500;}
    #branch .detail .commList .event li .con .subj .noti{flex:0 0 auto;display: inline-flex;line-height: 20px;font-size: 12px;color: #eb3f3d;border-radius:4px;border:1px solid #eb3f3d;padding:0 3px;align-items:center;justify-content:center;margin-right:6px;white-space:nowrap;}
    #branch .detail .commList .event li .con .subj .text{display: -webkit-box;line-height: 22px;font-size: 15px;color: #1c1c1c;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
    #branch .detail .commList .event li .con .subj .cmmt{flex:0 0 auto;display: inline-flex;line-height: 24px;color: #eb3f3d;vertical-align: top;font-size: 14px;margin-left:6px;font-style:normal;}
    #branch .detail .commList .event li .con .price{display:flex;align-items:center;gap:6px;margin-top:6px;}
    #branch .detail .commList .event li .con .price .sale{font-size:16px;font-weight:400;color:#eb3f3d;}
    #branch .detail .commList .event li .con .price .origin{font-size:15px;font-weight:400;color:#bbbbbb;text-decoration:line-through;}
    #branch .detail .commList .event li .con .desc{margin: 10px 0 0;display: flex;gap: 12px;}
    #branch .detail .commList .event li .con .desc p{position:relative;line-height: 14px;font-size: 11px;color: #707070;}
    #branch .detail .commList .event li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px;}
    #branch .detail .commList .event li .img{flex:0 0 auto;width: 104px;height: 64px;border-radius: 8px;overflow: hidden;}
    #branch .detail .commList .event li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #branch .detail .commList .comm_notice{}
    #branch .detail .commList .comm_review{}
    #branch .detail .commList .comm_review .tit {margin-bottom:15px;text-align: left;display: flex;align-items: center;justify-content: flex-start;line-height: 1;font-size: 15px;font-weight: 500;color: #1c1c1c;}
    #branch .detail .commList .comm_review .tit .left {display: flex;align-items: center;}
    #branch .detail .commList .comm_review .tit .star{position: relative;width:20px;height:20px;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 .avgFlex{position:relative;margin-left:10px;}
    #branch .detail .commList .comm_review .tit .avgFlex .avgBtn{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center;}
    #branch .detail .commList .comm_review .tit .avgFlex .avgBtn img{width:18px;height:18px;}
    #branch .detail .commList .comm_review .tit .avgFlex .avgStar{position:absolute;top:0;left:100%;margin-left:10px;border:1px solid #e0e0e0;background:#ffffff;display:flex;flex-direction:column;padding:6px;align-items:flex-start;border-radius:4px;display:none;}
    #branch .detail .commList .comm_review .tit .avgFlex .avgStar > div{white-space:nowrap}
    #branch .detail .commList .comm_review .tit .avgFlex .avgStar > div p{}
    #branch .detail .commList .comm_review .tit .avgFlex .avgStar > div p span{font-size:12px;}
    #branch .detail .commList .comm_review .tit .avgFlex.show .avgStar{display:block;}
    #branch .detail .commList .comm_review .tit .avgStar {display: flex;align-items: center;margin-left:8px;}
    #branch .detail .commList .comm_review .tit .avgStar > div {display: flex;align-items: center}
    #branch .detail .commList .comm_review .tit .avgStar p {font-size:15px;color: #373737;display: flex;align-items: center;}
    #branch .detail .commList .comm_review .tit .avgStar p span {color: #909090; font-size: 15px;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;}
    #branch .detail .commList .comm_review .tit .right .avgStar p span {font-size: 14px;margin-left: 4px}
    #branch .detail .commList .comm_review .item{border-top:1px solid #e0e0e0;}
    #branch .detail .commList .comm_review .item ul{padding:0;}
    #branch .detail .commList .comm_review_type{}
    #branch .detail .commList .comm_review_type .type_box{display:flex;gap:10px;}
    #branch .detail .commList .comm_review_type .type_box .type{width:calc(50% - 10px);}
    #branch .detail .commList .comm_review_type .type_box .txt{line-height: 1;font-size: 14px;color: #1c1c1c;margin-bottom: 16px;text-align:center;}
    #branch .detail .commList .comm_review_type .type_box .con{}
    #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: 6px 4px;height: 32px;width:100%;}
    #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{flex:0 0 auto;width: 20px;height: 20px;flex-shrink: 0;margin: 0 4px 0 0;}
    #branch .detail .commList .comm_review_type .type_box .con ul li .box input ~ p{flex:0 0 auto;width:calc(100% - 20px - 20px - 4px);line-height: 20px;font-size: 11px;color: #1c1c1c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    #branch .detail .commList .comm_review_type .type_box .con ul li .box input ~ em{flex:0 0 auto;width: 20px;line-height: 20px;font-size: 12px;color: #eb3f3d;text-align: center;}
    #branch .detail .commList .comm_review_type .type_box .con ul li .box input ~ i{}
    #branch .detail .commList .comm_counsel .item{border-top:1px solid #e0e0e0;}
    #branch .detail .commList .comm_counsel .item ul{padding:0;}
    #branch .detail .commList .comm_onestop{}
    #branch .detail .commList .comm_onestop .product{margin-bottom:20px;display:flex;align-items:center;justify-content:center;}
    #branch .detail .commList .comm_onestop .product ul{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50px;background:#eee;margin:0 auto;width:100%;}
    #branch .detail .commList .comm_onestop .product li{display:flex;align-items:center;justify-content:center;flex:1;width:33.33%;height:32px;border-radius:32px;background:transparent;font-size:16px;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 .review{padding: 40px 20px 32px;margin: 0 -20px;border-bottom: 8px solid #f4f4f4;}
    #branch .detail .review .tit{line-height: 22px;font-size: 18px;font-weight: bold;color: #1c1c1c;margin: 0 0 16px 0;text-align: center;}
    #branch .detail .review .tab{margin: 0 0 24px 0;}
    #branch .detail .review .tab ul{}
    #branch .detail .review .tab li{flex:1;}
    #branch .detail .review .tab li a{height: 48px;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{}
    #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 16px 0;line-height:1;font-size:14px;color:#1c1c1c;text-align: right;}
    #branch .detail .review .txt span{display:flex;align-items:center;justify-content:flex-end;}
    #branch .detail .review .txt p{color:#EB3F3D}
    #branch .detail .review .con{}
    #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 .guide{text-align:center;margin: 0 0 32px 0;line-height: 17px;font-size: 13px;color: #1c1c1c;display: none;}
    #branch .detail .review .con ul{display: flex;flex-direction: column;gap: 10px;height: 402px;overflow: hidden;}
    #branch .detail .review .con ul.on{height:auto}
    #branch .detail .review .con ul.on + .more{display:none;}
    #branch .detail .review .con li{}
    #branch .detail .review .con li .box{display:flex;align-items:center;border-radius:8px;overflow:hidden;border:1px solid #ddd;padding: 16px;height: 56px;}
    #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 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}
    #branch .detail .review .con li .box input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #branch .detail .review .con .more{margin: 24px 0;}
    #branch .detail .review .con .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #branch .detail .review .con .more a img{height:16px;margin-left:2px;flex-shrink:0;}
    #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;display: none;}
    #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: 100%;height: 48px;border-radius: 8px;border: 1px solid #F4F4F4;padding: 8px 16px;font-size: 14px;align-items:center;background: #F4F4F4;}
    #branch .detail .review .search .input input{flex:1;height: 20px;background: transparent;}
    #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 .item{}
    #branch .detail .review .item ul{border-top: 1px solid #ddd;}
    #branch .detail .review .item li{padding: 10px 0;border-bottom: 1px solid #ddd;}
    #branch .detail .review .item li a{flex-direction: column;display:flex;gap: 10px;}
    #branch .detail .review .item li .flex{display:flex;align-items:center;justify-content:space-between;gap: 16px;}
    #branch .detail .review .item li .name{line-height: 14px;font-size: 12px;color: #707070;}
    #branch .detail .review .item li .cate{margin: 0;}
    #branch .detail .review .item li .cate span{display: flex;align-items: center;justify-content: center;border-radius: 4px;border: 1px solid #ebebeb;text-align: center;width: 32px;height: 32px;font-size: 13px;}
    #branch .detail .review .item li .cate .cate1{color:#0066B3}
    #branch .detail .review .item li .cate .cate2{color:#06C270}
    #branch .detail .review .item li .cate .cate3{color:#EB3F3D}
    #branch .detail .review .item li .con{height: 70px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
    #branch .detail .review .item li .con .subj{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    #branch .detail .review .item li .con .subj p{display: inline;line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #branch .detail .review .item li .con .subj em{display: inline-flex;line-height: 24px;color: #0066b3;vertical-align: top;font-size: 14px;}
    #branch .detail .review .item li .con .subj img{display: inline;height: 22px;vertical-align: top;}
    #branch .detail .review .item li .con .desc{margin: 10px 0 0;display: flex;gap: 12px;}
    #branch .detail .review .item li .con .desc p{position:relative;line-height: 14px;font-size: 11px;color: #707070;}
    #branch .detail .review .item li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px;}
    #branch .detail .review .item li .img{width: 104px;height: 64px;border-radius: 8px;overflow: hidden;flex-shrink: 0;}
    #branch .detail .review .item li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #branch .detail .review .item li .empty{padding:60px 0;text-align:center;font-size:12px;color:#999999}
    #branch .detail .review .write{margin: 24px 0 0 0;display: none;}
    #branch .detail .review .write .form{display: flex;flex-direction: column;gap: 32px;}
    #branch .detail .review .write .form form{display: flex;flex-direction: column;gap: 6px;}
    #branch .detail .review .write .form dl{position: relative;display: flex;align-items: flex-start;flex-direction:row;flex-wrap: wrap;gap: 6px 0;}
    #branch .detail .review .write .form dd + dt{}
    #branch .detail .review .write .form dt{margin: 0 0 10px;display: flex;align-items: center;justify-content: flex-start;flex-shrink: 0;line-height: 1;width: 120px;font-size: 14px;color: #1c1c1c;text-align: left;font-weight: 500;height: 48px;margin: 0;}    #branch .detail .review .write .form dd{flex: unset;width: calc(100% - 120px);display: flex;}
    #branch .detail .review .write .form dd .txt{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;font-size: 14px;color: #1c1c1c;margin: 0;}
    #branch .detail .review .write .form dd .inp{width: 100%;border: 1px solid #dddddd;border-radius: 6px;}
    #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: 8px 16px;width: 100%;height: 48px;border: 0;font-size: 14px;background: transparent;}
    #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;gap: 12px 16px;flex-wrap: wrap;min-height: 48px;align-items: center;padding: 12px 0;}
    #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: 20px;height: 20px;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: 14px;font-weight:400;color:#1c1c1c}
    #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 .chk.star label{gap:6px;}
    #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: 160px;border-radius: 8px;border: 1px solid #dddddd;}
    #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{overflow: hidden;}
    #branch .detail .review .write .form dd .file .fileBtn{display: flex;position: absolute;top: -12px;right: 0;}
    #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;padding: 0 12px;height: 36px;border-radius: 36px;background: #fff;color: #eb3f3d;font-size: 13px;text-align: center;border: 1px solid #eb3f3d;}
    #branch .detail .review .write .form dd .file .fileList{margin: 24px 0 0;}
    #branch .detail .review .write .form dd .file .fileList ul{display: flex;flex-wrap: wrap;gap: 8px;overflow: hidden;height: auto;}
    #branch .detail .review .write .form dd .file .fileList li{position:relative;}
    #branch .detail .review .write .form dd .file .fileList li .img{width: 72px;height: auto;aspect-ratio:1/1;border-radius: 8px;overflow: hidden;aspect-ratio: 1 / 1;}
    #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 .form dl.full dt{width:100%}
    #branch .detail .review .write .form dl.full dd{width:100%}
    #branch .detail .review .write .button{margin:56px 0 0 0;display:flex;align-items:center;justify-content:center;flex-direction: column;gap: 10px;}
    #branch .detail .review .write .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;flex: unset;}
    #branch .detail .review .write .button .btn + .btn{}
    #branch .detail .review.edit{}
    #branch .detail .review.edit .txt{display:none;}
    #branch .detail .review.edit .con{}
    #branch .detail .review.edit .con .guide{display:block;}
    #branch .detail .review.edit .con li .box{cursor:pointer}
    #branch .detail .review.edit .con li .box em{display:none}
    #branch .detail .review.edit .con li .box i{display:block}
    #branch .detail .review.edit .button{}
    #branch .detail .review.edit .button .reviewBtn{display:none}
    #branch .detail .review.edit .button .reviewSubmitBtn{display:flex;}
    #branch .detail .review .button{margin: 24px 0 0;display:flex;align-items:center;justify-content:center;}
    #branch .detail .review .button .btn{display:flex;align-items:center;justify-content:center;flex: 1;height:48px;border-radius:48px;font-size: 14px;border:1px solid transparent;}
    #branch .detail .review .button .reviewSubmitBtn{display:none}
    #branch .detail .board{padding: 40px 20px;margin: 0 -20px;border-bottom: 8px solid #f4f4f4;}
    #branch .detail .board .tab{margin: 0 0 24px 0;}
    #branch .detail .board .tab ul{}
    #branch .detail .board .tab li{flex:1;}
    #branch .detail .board .tab li a{height: 48px;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{}
    #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 0}
    #branch .detail .board .cate ul{display:flex;flex-wrap:wrap;gap:8px;}
    #branch .detail .board .cate li{}
    #branch .detail .board .cate li a{display:flex;width:auto;height:40px;padding:6px 16px;border-radius:40px;border:1px solid #dddddd;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;}
    #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;display: none;}
    #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: 100%;height: 48px;border-radius: 8px;border: 1px solid #F4F4F4;padding: 8px 16px;font-size: 14px;align-items:center;background: #F4F4F4;}
    #branch .detail .board .search .input input{flex:1;height: 20px;background: transparent;}
    #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{}
    #branch .detail .board .table tr{}
    #branch .detail .board .table th,
    #branch .detail .board .table td{padding: 20px 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;}
    #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.thm img{height:40px;width:60px;object-fit:contain}
    #branch .detail .board .table tr.end a em.flag{color:#707070}
    #branch .detail .board .item{}
    #branch .detail .board .item ul{border-top: 1px solid #ddd;}
    #branch .detail .board .item li{padding: 10px 0;border-bottom: 1px solid #ddd;}
    #branch .detail .board .item li a{flex-direction: column;display:flex;gap: 10px;}
    #branch .detail .board .item li .flex{display:flex;align-items:center;justify-content:space-between;gap: 16px;}
    #branch .detail .board .item li .name{line-height: 14px;font-size: 12px;color: #707070;}
    #branch .detail .board .item li .cate{margin: 0;}
    #branch .detail .board .item li .cate span{display: flex;align-items: center;justify-content: center;border-radius: 4px;border: 1px solid #ebebeb;text-align: center;width: 32px;height: 32px;font-size: 13px;}
    #branch .detail .board .item li .cate .cate1{color:#0066B3}
    #branch .detail .board .item li .cate .cate2{color:#06C270}
    #branch .detail .board .item li .cate .cate3{color:#EB3F3D}
    #branch .detail .board .item li .con{}
    #branch .detail .board .item li .con .subj{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    #branch .detail .board .item li .con .subj p{display: inline;line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #branch .detail .board .item li .con .subj em{display: inline-flex;line-height: 24px;color: #eb3f3d;vertical-align: top;font-size: 14px;}
    #branch .detail .board .item li .con .subj img{display: inline;width:16px;height: 16px;vertical-align: top;margin-top:4px;}
    #branch .detail .board .item li .con .desc{margin: 10px 0 0;display: flex;gap: 12px;}
    #branch .detail .board .item li .con .desc p{position:relative;line-height: 14px;font-size: 11px;color: #707070;}
    #branch .detail .board .item li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px;}
    #branch .detail .board .item li .img{width: 104px;height: 64px;border-radius: 8px;overflow: hidden;flex-shrink: 0;}
    #branch .detail .board .item li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #branch .detail .board .list{margin: 24px auto 32px;}
    #branch .detail .board .list ul{display: flex;flex-wrap: wrap;gap: 32px 16px;}
    #branch .detail .board .list ul.on li{display:block;}
    #branch .detail .board .list ul.on ~ .more{display:none;}
    #branch .detail .board .list li{width: calc(50% - 8px);display: none;position: relative}
    #branch .detail .board .list li:nth-child(1),
    #branch .detail .board .list li:nth-child(2),
    #branch .detail .board .list li:nth-child(3),
    #branch .detail .board .list li:nth-child(4),
    #branch .detail .board .list li:nth-child(5),
    #branch .detail .board .list li:nth-child(6){display:block}
    /*#branch .detail .board .list li .date{display: flex;align-items: flex-start;margin: 0 0 10px 0;gap: 10px;flex-direction: column;}*/
    /*#branch .detail .board .list li .date .stat{display: inline-flex;align-items: center;justify-content: center;min-width: 54px;height: 24px;border-radius: 24px;background: #eb3f3d;color: #fff;margin: 0;padding: 0 10px;font-size: 12px;border: 0;width: auto}*/
    /*#branch .detail .board .list li .date .stat.end {background: #707070;}*/
    /*#branch .detail .board .list li .date .period{flex: 1;font-size: 13px;color: #1c1c1c;}*/

    #branch .detail .board .list li .date{display: flex;align-items: center;margin: 0 0 12px 0;position: absolute;top: 0;left: 0;border-radius: 24px;background: #fff;border: 1px solid #eb3f3d;}
    #branch .detail .board .list li .date.end {border: 1px solid #707070}
    #branch .detail .board .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;width: auto;border: none}
    #branch .detail .board .list li .date.end .stat {background: #707070; color: #fff}
    #branch .detail .board .list li .date .period{flex: 1;padding: 0 8px;font-size: 14px;color: #1c1c1c;}
    #branch .detail .board .list li .img{border-radius: 6px;overflow: hidden;margin: 0 0 12px 0;width: 100%;aspect-ratio: 1.53 / 1;border: 1px solid rgba(0,0,0,0.05);}
    #branch .detail .board .list li .img img{display: block;width: 100%;object-fit: cover;height: 100%;}
    #branch .detail .board .list li .con{position:relative;}
    #branch .detail .board .list li .upper{display: flex;align-items: center;gap: 4px;margin: 0 0 10px;}
    #branch .detail .board .list li .upper .name{font-size: 16px;font-weight: 500;color: #1c1c1c;}
    #branch .detail .board .list li .upper .area{display: flex;align-items: center;justify-content: center;color: #1c1c1c;font-size: 16px;}
    #branch .detail .board .list li .upper .area:before{content:'['}
    #branch .detail .board .list li .upper .area:after{content:']'}
    #branch .detail .board .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;}
    #branch .detail .board .list li .info{}
    #branch .detail .board .list li .info{display:flex;align-items: flex-end;margin: 12px 0 0 0;padding: 16px 0 0 0;border-top: 1px solid #ededed;}
    #branch .detail .board .list li .price{display: flex;align-items: flex-start;flex-direction: column;}
    #branch .detail .board .list li .price .sale{line-height: 22px;font-size: 16px;color: #eb3f3d;}
    #branch .detail .board .list li .price .origin{line-height: 18px;font-size:14px;margin: 0 0 12px;display: flex;}
    #branch .detail .board .list li .price .origin .rate{font-size: 18px;font-weight: 500;color: #0066b3;margin: 0 8px 0 0;}
    #branch .detail .board .list li .price .origin .cost{text-decoration: line-through;font-size: 14px;font-weight: 300;color: #ccc;}
    #branch .detail .board .list li .tool{margin:0 0 0 auto;display:flex;align-items:center;min-height: auto}
    #branch .detail .board .list li .tool .comment{display: flex;align-items: center;}
    #branch .detail .board .list li .tool .comment i{width:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #branch .detail .board .list li .tool .comment em{font-size: 16px;color:#0066b3;line-height: 22px;}
    #branch .detail .board .list li .side{display: flex;align-items: center;margin-top: 16px;}
    #branch .detail .board .list li .side p{position:relative;font-size: 11px;color:#707070}
    #branch .detail .board .list li .side p + p{margin-left: 8px;padding-left: 8px;}
    #branch .detail .board .list li .side p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd;}
    #branch .detail .board .paging{display:none;}
    #branch .detail .basic{}
    #branch .detail .board .basic .tool{display:flex;justify-content:space-between;margin: 0 0 24px;min-height: 48px;flex-direction: column;gap: 12px;overflow: hidden;}
    #branch .detail .board .basic .tool .search{margin:0;}
    #branch .detail .board .basic .tool .search .input{margin:0;}
    #branch .detail .board .basic .tool .cate{margin:0;}
    #branch .detail .board .basic .popular{width: 100%;overflow: hidden;}
    #branch .detail .board .basic .popular dl{display:flex;}
    #branch .detail .board .basic .popular dt{padding: 0 10px 0 0;line-height: 30px;font-size: 14px;white-space: nowrap;background: #fff;position: relative;z-index: 10;flex-shrink: 0;}
    #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;padding: 0 10px;width: auto;height: 30px;border-radius: 30px;border: 1px solid #ddd;font-size: 12px;color: #707070;background: #fff;}
    #branch .detail .basic .button{display:flex;align-items:center;justify-content: center;margin: 24px 0 0 0;}
    #branch .detail .basic .button .btn{display:flex;align-items:center;justify-content:center;flex: 1;height: 48px;border-radius:40px;font-size:14px}
    #branch .detail .write{margin: 32px 0 0 0;display: none;}
    #branch .detail .write .form{display: flex;flex-direction: column;gap: 32px;}
    #branch .detail .write .form dl{display: flex;position: relative;flex-direction: row;flex-wrap:wrap;}
    #branch .detail .write .form dl.col{flex-direction:column;}
    #branch .detail .write .form dl.col dt{width:100%;}
    #branch .detail .write .form dl.col dd{width:100%;margin-bottom:20px;}
    #branch .detail .write .form dt{margin-bottom:10px;width:30%;display: flex;align-items: center;justify-content: flex-start;text-align: center;flex-shrink: 0;font-size: 14px;font-weight: 500;color: #1c1c1c;}
    #branch .detail .write .form dd{margin-bottom:10px;width:70%;display: flex;flex-direction: column;}
    #branch .detail .write .form dd .txt{padding: 8px;width: 100%;max-width:100%;line-height:30px;height: 48px;border-radius:8px;border: 1px solid #dddddd;font-size: 14px;color: #1c1c1c;background:#fafafa;}
    #branch .detail .write .form dd .inp{position:relative;width: 100%;max-width:100%;display: flex;align-items: center;border:0;}
    #branch .detail .write .form dd .inp.datepick{border:0;}
    #branch .detail .write .form dd .inp.datepick input{border:1px solid #ddd;border-radius:8px;}
    #branch .detail .write .form dd .inp input{padding: 8px;width: 100%;max-width:100%;height: 48px;border-radius:8px;border: 1px solid #dddddd;font-size: 14px;color: #1c1c1c;}
    #branch .detail .write .form dd .inp input.datepicker{background: url("../img/common/calendar.png") no-repeat right 16px center / 24px auto;}
    #branch .detail .write .form dd .chk{display: flex;flex-wrap: wrap;gap: 32px;min-height: 48px;align-items: center;}
    #branch .detail .write .form dd .chk label{display:flex;align-items:center;height: 24px;cursor:pointer}
    #branch .detail .write .form dd .chk label input{display:none;}
    #branch .detail .write .form dd .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}
    #branch .detail .write .form dd .chk label input ~ p{font-size: 13px;font-weight:400;color:#1c1c1c;white-space: nowrap;}
    #branch .detail .write .form dd .chk label input ~ p span{font-weight:300;color:#707070;}
    #branch .detail .write .form dd .chk label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #branch .detail .write .form dd .fix{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size: 14px;background: #fff;padding: 2px 4px;}
    #branch .detail .write .form dd .textarea{width: 100%;}
    #branch .detail .write .form dd .textarea textarea{padding: 16px;width: 100%;height: 128px;border-radius: 8px;border: 1px solid #dddddd;}
    #branch .detail .write .form dd .space{width:24px;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0;}
    #branch .detail .write .form dd .file{margin: 12px 0 0 0;}
    #branch .detail .write .form dd .file .fileBtn{display: flex;position: absolute;top: -7px;right: 0;}
    #branch .detail .write .form dd .file .fileBtn label{display: flex;cursor: pointer;}
    #branch .detail .write .form dd .file .fileBtn label input{display: none;}
    #branch .detail .write .form dd .file .fileBtn label p{display: flex;align-items: center;justify-content: center;min-width: 84px;height: 36px;border-radius: 36px;background: #fff;color: #EB3F3D;border: 1px solid #EB3F3D;font-size: 13px;text-align: center;}
    #branch .detail .write .form dd .file .fileList{}
    #branch .detail .write .form dd .file .fileList ul{display: flex;gap: 8px;flex-wrap: wrap;}
    #branch .detail .write .form dd .file .fileList li{position:relative;}
    #branch .detail .write .form dd .file .fileList li .img{width: 72px;height:auto;aspect-ratio:1/1;border-radius: 8px;overflow: hidden;}
    #branch .detail .write .form dd .file .fileList li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #branch .detail .write .form dd .file .fileList li .del{position: absolute;top: 8px;right: 8px;width: 20px;height: 20px;cursor: pointer;}
    #branch .detail .write .form dd .file .fileList li .del img{display: block;width: 100%;height: auto;}
    #branch .detail .write .onsite{padding: 32px 20px 0;margin: 0 -20px 32px;border-top: 10px solid #f4f4f4;}
    #branch .detail .write .onsite.md0{border:0;margin:0;padding:0;margin-bottom:20px;}
    #branch .detail .write .onsite label{display:flex;align-items:center;height: 20px;cursor:pointer}
    #branch .detail .write .onsite label input{display:none;}
    #branch .detail .write .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}
    #branch .detail .write .onsite label input ~ p{font-size: 14px;font-weight:400;color:#1c1c1c}
    #branch .detail .write .onsite label input ~ p span{font-weight:300;color:#707070;}
    #branch .detail .write .onsite label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #branch .detail .write .button{margin: 10px 0 0 0;display:flex;align-items:center;justify-content:center;gap: 8px;}
    #branch .detail .write .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}
    #branch .detail .view{margin: 24px 0 0 0;display:none;}
    #branch .detail .view .head{display: flex;align-items: center;padding: 12px;background: #f2f2f2;border-top: 1px solid #707070;}
    #branch .detail .view .head .area{line-height: 24px;font-size: 18px;font-weight: 500;color: #eb3f3d;margin: 0 8px 0 0;flex-shrink: 0;}
    #branch .detail .view .head .subject{flex: 1;line-height: 24px;font-size: 14px;font-weight: 500;color: #1c1c1c;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #branch .detail .view .head .star{position: relative;width:100px;height:20px;background: url("../img/common/star_g.png") repeat-x left center / auto 100%;}
    #branch .detail .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 .view .head .tool{flex-shrink: 0;display: flex;align-items: center;margin: 0 0 0 20px;}
    #branch .detail .view .head .tool a{position:relative;display: flex;align-items: center;justify-content: center;font-size:14px;color:#707070;text-decoration:underline}
    #branch .detail .view .head .tool a + a{padding: 0 0 0 16px;margin: 0 0 0 16px;}
    #branch .detail .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 .view .info{border-bottom:1px solid #dddddd;display:flex;height: auto;padding: 12px;align-items: center;flex-wrap: wrap;gap: 6px 0;}
    #branch .detail .view .info .infoLeft{display:flex;}
    #branch .detail .view .info p{position:relative;display: flex;align-items: center;justify-content: center;font-size: 12px;color:#707070}
    #branch .detail .view .info p strong{font-weight:500;margin:0 8px 0 0;}
    #branch .detail .view .info p + p{padding: 0 0 0 8px;margin: 0 0 0 8px;}
    #branch .detail .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 .view .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #branch .detail .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 .view .info .ongoing .period{font-size:14px;color:#707070}
    #branch .detail .view .cont{padding: 12px 0;border-bottom: 1px solid #ddd;min-height: 175px;}
    #branch .detail .view .cont img{display: inline-flex;width:auto;max-width:100%;height:auto;}
    #branch .detail .view .cont p{line-height: 1.4;font-size: 13px;}
    #branch .detail .view .button{padding:56px 0;display:flex;align-items:center;justify-content:center;gap: 10px;}
    #branch .detail .view .button .btn{min-width: 88px;height: 40px;border-radius: 40px;display:flex;align-items:center;justify-content:center;text-align:center;font-size: 13px;border:1px solid transparent;gap: 8px;}
    #branch .detail .view .button .btn img{height: 16px;}
    #branch .detail .view .bottom{margin: 0 -20px -32px;padding: 16px 20px 32px;background:#fafafa;}
    #branch .detail .view .bottom .counter{display:flex;align-items:center;justify-content:space-between;height:52px;}
    #branch .detail .view .bottom .total{display:flex}
    #branch .detail .view .bottom .total dl{position:relative;display: flex;align-items: center;height: 52px;}
    #branch .detail .view .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px;}
    #branch .detail .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 .view .bottom .total dt{font-size: 14px;margin: 0 4px 0 0;}
    #branch .detail .view .bottom .total dd{font-size: 14px;font-weight: 500;}
    #branch .detail .view .bottom .total dd span{color: #0066B3;}
    #branch .detail .view .bottom .total dd strong{color: #EB3F3D;}
    #branch .detail .view .bottom .share{position:relative;display:flex;align-items:center;}
    #branch .detail .view .bottom .share > a{display:flex;height: 52px;font-size: 14px;align-items: center;justify-content: center;}
    #branch .detail .view .bottom .share > a img{height:20px;}
    #branch .detail .view .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow: 0px 0px 4px 0px #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity: 0;visibility: hidden;transition: all 0.35s;background: #fff;}
    #branch .detail .view .bottom .share > ul li{}
    #branch .detail .view .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center;}
    #branch .detail .view .bottom .share > ul li a img{width:64px;height:auto;}
    #branch .detail .view .bottom .share > ul li a p{margin:12px 0 0 0;line-height:20px;font-size:14px;color:#333;}
    #branch .detail .view .bottom .share.on > ul{opacity:1;visibility:visible;}
    #branch .detail .view .comment{
    }
    #branch .detail .view .comment .type{padding: 80px 0 0 0;margin: 0 0 32px 0;}
    #branch .detail .view .comment .type ul{display:flex;}
    #branch .detail .view .comment .type li{flex:1;}
    #branch .detail .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 .view .comment .type li.on a{color: #eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff;}
    #branch .detail .view .comment .con{}
    #branch .detail .view .comment .con ul{height: auto;}

    #branch .detail .view .comment .con ul{display: flex;flex-direction: column;gap: 16px;}
    #branch .detail .view .comment .con li{position: relative;padding: 20px 16px;display: flex;background: #fff;border: 1px solid #ebebeb;border-radius: 8px;flex-direction: column;}
    #branch .detail .view .comment .con li .cmt_top{display:flex;align-items: center;}
    #branch .detail .view .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 rgba(0,0,0,0.05);flex-shrink: 0;}
    #branch .detail .view .comment .con li .cmt_ico img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #branch .detail .view .comment .con li .cmt_con{position: relative;flex: 1;display: flex;flex-direction: column;justify-content: center;/* min-height: 64px; */}
    #branch .detail .view .comment .con li .cmt_img{display:none;}
    #branch .detail .view .comment .con li .cmt_upper{display:flex;align-items:center;}
    #branch .detail .view .comment .con li .cmt_name{line-height: 24px;font-size: 14px;font-weight: 500;color: #1c1c1c;}
    #branch .detail .view .comment .con li .cmt_thumb{margin:12px 0 0 0;padding:0;border:0 !important;min-height: auto;}
    #branch .detail .view .comment .con li .cmt_thumb img{width:auto;max-width:100%;height:auto;}
    #branch .detail .view .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;}
    #branch .detail .view .comment .con li .cmt_item{margin: 8px 0 0 0;line-height: 20px;font-size: 12px;color: #707070;}
    #branch .detail .view .comment .con li .cmt_date{line-height: 18px;font-size: 12px;color: #707070;}
    #branch .detail .view .comment .con li .cmt_cmmt{}
    #branch .detail .view .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;}
    #branch .detail .view .comment .con li .cmt_info{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
    #branch .detail .view .comment .con li .cmt_like{display:flex;align-items:center;gap: 4px;order: 1;display: none;}
    #branch .detail .view .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070;white-space: nowrap;}
    #branch .detail .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 .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 .view .comment .con li .cmt_like .likeNum{font-size: 13px;color:#eb3f3d;}
    #branch .detail .view .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;}
    #branch .detail .view .comment .con li .cmt_button .cmt_button_toggle{position:relative;width: 18px;height: 18px;background: transparent;display: flex;align-items: center;justify-content: center;}
    #branch .detail .view .comment .con li .cmt_button .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #branch .detail .view .comment .con li .cmt_button .cmt_button_con{position:absolute;top:100%;right: -5px;border-radius:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 16px;}
    #branch .detail .view .comment .con li .cmt_button.on .cmt_button_con{display: flex;}
    #branch .detail .view .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;}
    #branch .detail .view .comment .con li .cmt_button .btn:last-child{margin:0;}
    #branch .detail .view .comment .con li .cmt_reCmt{margin: 16px 0 0 0;padding:16px;border-radius:8px;background:#f4f4f4}
    #branch .detail .view .comment .con li .cmt_reCmt .recmt_tit{display:flex;align-items:center;justify-content:space-between;margin: 0 0 12px;}
    #branch .detail .view .comment .con li .cmt_reCmt .recmt_tit .name{line-height: 18px;font-size: 13px;font-weight: 500;color: #707070;}
    #branch .detail .view .comment .con li .cmt_reCmt .recmt_tit .bttn{position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;}
    #branch .detail .view .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;}
    #branch .detail .view .comment .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #branch .detail .view .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 rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;}
    #branch .detail .view .comment .con li .cmt_reCmt .recmt_tit .bttn.on .cmt_button_con{display:block}
    #branch .detail .view .comment .con li .cmt_reCmt .recmt_txt{line-height:20px;font-size:14px;color:#1c1c1c}
    #branch .detail .view .comment .con li.replyCmtLi{background:#ffffff;border-top:0;margin-top: -30px;padding: 20px !important;border-radius:0 0 10px 10px;}
    #branch .detail .view .comment .con li.replyCmtLi:before{display:none !important}
    #branch .detail .view .comment .con li.replyCmtLi .cmt_inner{padding:16px;border-radius:8px;background:#f4f4f4}
    #branch .detail .view .comment .con li.replyCmtLi .cmt_ico{display:none;}
    #branch .detail .view .comment .con li.replyCmtLi .cmt_name{line-height:18px;font-size:13px;font-weight:500;color:#707070;}
    #branch .detail .view .comment .con li.replyCmtLi .cmt_text{margin:12px 0 0 0;padding:0;border:0 !important;min-height: auto;}
    #branch .detail .view .comment .con li.replyCmtLi .cmt_date{display:none;}
    #branch .detail .view .comment .con li.replyCmtWrap .frm{display: flex !important;}
    #branch .detail .view .comment .con li.cmt_rep{background:#f4f4f4}
    #branch .detail .view .comment .con li.cmt_rep .cmt_ico{background:#707070;}

    #branch .detail .view .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}
    #branch .detail .view .comment .frm > p{position:absolute;top:12px;left:12px;z-index:10;}
    #branch .detail .view .comment .frm .bg{position:absolute;top:0;left: 0;width:100%;height:100%;background:#000;opacity: 0.5;}
    #branch .detail .view .comment .frm .box{padding: 40px 20px;border-radius: 16px 16px 0 0;border:1px solid #ddd;background:#ffff;position: relative;z-index: 2;flex-direction: column;height: auto;align-items: stretch;}
    #branch .detail .view .comment .frm .caution{display: block !important;padding:16px;border-radius:8px;background:#f4f4f4;line-height:16px;font-size:12px;color:#555;margin: 0 0 16px;border: 0;}
    #branch .detail .view .comment .frm .input{display: flex;align-items: center;border-bottom: 1px solid #ddd;height: 42px;}
    #branch .detail .view .comment .frm .inp{flex: 1;display: flex;}
    #branch .detail .view .comment .frm .inp textarea{width:100%;height: 42px;line-height:16px;font-size: 14px;padding: 13px 8px;background: transparent;}
    #branch .detail .view .comment .frm .bot{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 16px;}
    #branch .detail .view .comment .frm .bot .file{}
    #branch .detail .view .comment .frm .bot .file label{cursor:pointer}
    #branch .detail .view .comment .frm .bot .file label input{display:none;}
    #branch .detail .view .comment .frm .bot .file label img{width:auto;height:24px;}
    #branch .detail .view .comment .frm .bot .submit{}
    #branch .detail .view .comment .frm .bot .submit a,
    #branch .detail .view .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: #333333;font-size: 14px;color: #fff;}
    #branch .detail .view .comment .frm .fileList{display:flex;}
    #branch .detail .view .comment .frm .fileList ul{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0 8px;width: 100%;height: auto}
    #branch .detail .view .comment .frm .fileList li{position: relative;width: calc(25% - 6px);height: auto;aspect-ratio: 1 / 1;margin: 10px 0 0 0;}
    #branch .detail .view .comment .frm .fileList li .img{width: 100%;height: 100%;border-radius: 6px;overflow: hidden;}
    #branch .detail .view .comment .frm .fileList li .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #branch .detail .view .comment .frm .fileList li .del{position:absolute;top:3px;right:3px;width: 20px;height: 20px;}
    #branch .detail .view .comment .frm .fileList li .del img{display:block;width:100%;height:100%;object-fit:contain}
    #branch .detail .view .comment.on .frm{display: flex;}
    #branch .detail .latest{padding: 40px 0 32px;}
    #branch .detail .latest .tab{margin: 0 0 20px 0;}
    #branch .detail .latest .tab ul{}
    #branch .detail .latest .tab li{flex:1;}
    #branch .detail .latest .tab li a{height: 48px;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{}
    #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 20px 0;}
    #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;gap: 4px;padding: 14px 20px;margin: 0 -20px 32px;background: #f4f4f4;white-space: nowrap;overflow-x: auto;}
    #branch .detail .latest .sort button{display:flex;align-items: center;justify-content: center;padding: 0 12px;height: 36px;border-radius: 36px;border: 1px solid #ddd;background: #fff;font-size: 13px;color: #707070;}
    #branch .detail .latest .sort button.on{color: #EB3F3D;border-color: #EB3F3D;}
    #branch .detail .latest .list{}
    #branch .detail .latest .list{overflow: hidden;}
    #branch .detail .latest .list ul{display: flex;flex-wrap: wrap;margin: 0 -8px;width: auto;}
    #branch .detail .latest .list li{padding: 0 8px 24px;width: 50%;    display: flex;flex-direction: column;}
    /*#branch .detail .latest .list li:nth-last-child(1),*/
    /*#branch .detail .latest .list li:nth-last-child(2){padding-bottom:0}*/
    #branch .detail .latest .list .img{border-radius: 8px;overflow:hidden;padding: 60% 0 0 0;position: relative;}
    #branch .detail .latest .list .img img{display:block;width: auto;max-width: 100%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    #branch .detail .latest .list .con{margin: 14px 0 0 0;display: flex;flex-direction: column;height: 100%; justify-content: space-between}
    #branch .detail .latest .list .rate{margin:0 0 12px;line-height:1;font-size:16px;color:#0066b3;font-weight:500;}
    #branch .detail .latest .list .name{line-height: 130%px;font-size: 14px;color: #1c1c1c;display: flex;align-items: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-align: left;
        word-break: keep-all;
    }
    #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: 12px;font-size: 12px;color: #555;display: flex;align-items: center;margin: 8px 0 0;}
    #branch .detail .latest .list .info{display:flex;align-items: center;margin: 0px 0 0 0;padding: 4px 0 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: 16px;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:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #branch .detail .latest .list .tool .comment em{font-size: 16px;color:#0066b3;line-height: 1;}
    #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 0;text-align: center;}
    #branch .detail .advice .tab{margin: 0 0 64px 0;}
    #branch .detail .advice .tab ul{}
    #branch .detail .advice .tab li{flex:1;}
    #branch .detail .advice .tab li a{height: 56px;font-size: 16px;}
    #branch .detail .advice .tab li.on{}
    #branch .detail .advice .tab li.on a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background: #EB3F3D;}
    #branch .detail .advice .antc{}
    #branch .detail .advice .aadv{}
    #branch .detail .advice .aeve{}
    #branch .detail .advice .agal{}
    #branch .detail .more{margin: 24px 0;}
    #branch .detail .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #branch .detail .more a img{height:16px;margin-left:2px;flex-shrink:0;}

    #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 0.35s}
    #navigation.active{opacity:1;visibility:visible;}
    #navigation .navigation{position: relative;z-index: 2;width: calc(100% - 40px);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: bold;color: #1c1c1c;margin: 0 0 24px 0;}
    #navigation .navigation .con{}
    #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 rgba(0,0,0,0.05);}
    #navigation .navigation .con a p{}
    #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: 0.85;}

    #reservation{}
    #reservation .calendar{position: relative;padding: 40px 20px 60px;border-bottom: 8px solid #f4f4f4;}
    #reservation .calendar .box{position: relative;padding: 20px 30px;border-radius: 12px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
    #reservation .calendar .month{display:flex;align-items:center;justify-content:center;}
    #reservation .calendar .month a{}
    #reservation .calendar .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;}
    #reservation .calendar .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;}
    #reservation .calendar .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:bold;}
    #reservation .calendar .day{margin:20px 0 0 0;overflow: hidden}
    #reservation .calendar .day ul{display:flex;align-items: center/*align-items: flex-start;justify-content: center;*/}
    #reservation .calendar .day li.dayBtn{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
    #reservation .calendar .day li.dayBtn span{line-height:17px;font-size:14px;color:#707070;margin:0 0 24px 0;}
    #reservation .calendar .day li.dayBtn p{width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:24px;font-size:16px;color:#555555;border-radius:40px;}
    #reservation .calendar .day li.dayBtn.past p{color: #ccc}
    #reservation .calendar .day li.dayBtn em{display: flex;align-items: center;justify-content: center;font-size: 10px;color: #707070;gap: 1px;}
    #reservation .calendar .day li.dayBtn em b{font-weight: 400;color: #eb3f3d;}
    #reservation .calendar .day li.today{}
    #reservation .calendar .day li.today span{color:#0066b3}
    #reservation .calendar .day li.today p{}
    #reservation .calendar .day li.on{}
    #reservation .calendar .day li.on span{}
    #reservation .calendar .day li.on p{color:#ffffff;background:#EB3F3D}
    #reservation .calendar .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;}
    #reservation .calendar .day li.on em:before{content:"";position:absolute;top: -20px;left:50%;transform:translateX(-50%);width:1px;height:20px;border-left:1px dotted #ddd;}
    #reservation .calendar .day li.on em b{}
    #reservation .calendar .day .stand{position:absolute;bottom: -29px;right:0;line-height: 1;font-size: 13px;color: #707070;}
    #reservation .calendar .day .stand span{color:#EB3F3D;}
    #reservation .timer{}
    #reservation .timer .title{display:none;}
    #reservation .timer .list{padding: 20px 20px 32px;}
    #reservation .timer .list > ul{}
    #reservation .timer .list > ul > li{padding:32px 0;}
    #reservation .timer .list > ul > li + li{border-top:1px solid #dddddd}
    #reservation .timer .list > ul > li .area{display: flex;}
    #reservation .timer .list > ul > li .icon{width: 64px;height: 64px;border-radius: 64px;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;}
    #reservation .timer .list > ul > li .head{display:flex;align-items:center;}
    #reservation .timer .list > ul > li .head .name{line-height:24px;font-size: 16px;font-weight:bold;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:16px;height:16px;background:url("../img/common/close.png") no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden;}
    #reservation .timer .list > ul > li .loca{margin:4px 0 0 0;line-height:20px;font-size:14px;color:#707070;}
    #reservation .timer .list > ul > li .info{margin: 8px 0 0 0;display:flex;align-items:center;flex-wrap:wrap;gap: 6px 0;}
    #reservation .timer .list > ul > li .info p{line-height:13px;font-size: 12px;color:#555555;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:#dddddd;}
    #reservation .timer .list > ul > li .booking{flex-shrink:0;margin-left:10px;display:flex;align-items:center;justify-content:center;flex-direction: column;gap: 10px;}
    #reservation .timer .list > ul > li .booking .btn{display:flex;align-items:center;justify-content:center;height: 32px;width: 66px;border-radius:40px;border:1px solid transparent;font-size: 12px;font-weight:500;}
    #reservation .timer .list > ul > li .time{margin:24px 0 0 0;}
    #reservation .timer .list > ul > li .time ul{display:flex;flex-wrap:wrap;gap: 10px;}
    #reservation .timer .list > ul > li .time li{width: calc(20% - 8px);}
    #reservation .timer .list > ul > li .time li.timeBtn{display:flex;align-items:center;justify-content:center;height:32px;border-radius:4px;border:1px solid #dddddd;font-size:14px;color:#1c1c1c;}
    #reservation .timer .list > ul > li .time li.timeBtn.disabled{pointer-events:none;background:#ededed;color:#cccccc;}
    #reservation .timer .list > ul > li .time li.timeBtn.on{border-color:#EB3F3D;color:#EB3F3D;}
    #reservation .timer .button{margin:56px 0 0 0;display:flex;align-items:center;justify-content:center;display: none;}
    #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;display: none;}
    #reservation .form{display: flex;flex-direction: column;gap: 32px;padding: 40px 20px;}
    #reservation .form .bd{margin:0 -20px;display:flex;height:8px;background:#f4f4f4;}
    #reservation .form dl{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;position: relative;}
    #reservation .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;}
    #reservation .form dt img{height: 18px;width:auto;margin: 0 6px 0 0;}
    #reservation .form dd{width: 100%;display: flex;}
    #reservation .form dd + dt{padding-top: 32px;}
    #reservation .form dd .txt{display: flex;align-items: center;justify-content: flex-start;padding: 8px 16px;width: 100%;height: 48px;font-size: 14px;color: #1c1c1c;border-bottom: 1px solid #dddddd;}
    #reservation .form dd .inp{width: 100%;border-bottom: 1px solid #dddddd;}
    #reservation .form dd .inp input{padding: 8px 16px;width: 100%;height: 48px;border: 0;font-size: 14px;}
    #reservation .form dd .sel{width: 100%;}
    #reservation .form dd .sel select{padding: 8px 16px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #dddddd;background:url("../img/common/dropdown.png") no-repeat right 12px center / auto 24px;}
    #reservation .form dd .chk{display: flex;gap: 12px 12px;flex-wrap: wrap;min-height: 42px;align-items: center;}
    #reservation .form dd .chk label{display:flex;align-items:center;height: 20px;cursor:pointer}
    #reservation .form dd .chk label input{display:none;}
    #reservation .form dd .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}
    #reservation .form dd .chk label input ~ p{font-size: 14px;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: 8px;padding: 16px 0;}
    #reservation .form dd .repair label{display:flex;align-items:center;cursor:pointer;width: calc(50% - 4px);}
    #reservation .form dd .repair label input{display:none;}
    #reservation .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;display: none;}
    #reservation .form dd .repair label input ~ p{font-size: 14px;font-weight:400;color: #707070;display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;border-radius: 40px;border: 1px solid #ddd;}
    #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 .repair label input:checked ~ p{border-color:#EB3F3D;color:#EB3F3D;}
    #reservation .form dd .textarea{width: 100%;}
    #reservation .form dd .textarea .ck-editor__editable{height:200px !important;}
    #reservation .form dd .textarea textarea{padding: 16px;width: 100%;height: 123px;border-radius: 8px;border: 1px solid #dddddd;}
    #reservation .form dd .bank{margin-top:16px;line-height:16px;font-size:14px;text-align:right;color:#1c1c1c;}
    #reservation .form dd .file{overflow: hidden;}
    #reservation .form dd .file .fileBtn{display: flex;position: absolute;top: -12px;right: 0;}
    #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;padding: 0 12px;height: 36px;border-radius: 36px;background: #fff;color: #eb3f3d;font-size: 13px;text-align: center;border: 1px solid #eb3f3d;}
    #reservation .form dd .file .fileList{margin: 24px 0 0;}
    #reservation .form dd .file .fileList ul{display: flex;flex-wrap: wrap;gap: 8px;overflow: hidden;}
    #reservation .form dd .file .fileList li{position:relative;}
    #reservation .form dd .file .fileList li .img{width: 72px;height: 72px;border-radius: 8px;overflow: hidden;aspect-ratio: 1 / 1;}
    #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 .reservation_check{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;flex-direction: column;z-index: 1011;background: rgba(0, 0, 0, .8);justify-content: center;align-items: center;}
    #reservation .reservation_check.active{display:flex;}
    #reservation .reservation_check .inner{position:relative;width:540px;max-width:calc(100% - 30px);background:#fff;border-radius:10px;}
    #reservation .reservation_check .inner .box{display:flex;flex-direction:column;padding:20px;align-items:center;text-align:center;}
    #reservation .reservation_check .inner .box .img{width:80px;flex:0 0 auto;margin-bottom:25px;}
    #reservation .reservation_check .inner .box .con{flex:1;text-align:left;background:#f2f2f2; border-radius:10px; padding:10px;width:auto;}
    #reservation .reservation_check .inner .box .tit{line-height:33px;font-size:20px;font-weight:600;color:#222;margin-bottom:5px;}
    #reservation .reservation_check .inner .box .txt{line-height:24px;font-size:14px;color:#333;padding-left:10px;position:relative;line-height:18px;margin:6px 0;}
    #reservation .reservation_check .inner .box > .txt { padding:0; }
    #reservation .reservation_check .inner .box .con .txt:after { width:3px; height:3px; border-radius:100px; background:#333; content:''; position:absolute; left:2px; top:9px; transform:translateY(-50%);}
    #reservation .reservation_check .inner .box .txt br{/*display:none;*/}
    #reservation .reservation_check .inner .box .txt span{color:#eb3f3d;font-weight:600;}
    #reservation .reservation_check .inner .box .txt br.mo { display:block; }
    #reservation .reservation_check .button{border-top:1px solid #cccccc;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 .onsite{padding: 32px 20px 0;margin: 0 0 32px;display: flex;flex-wrap: wrap;gap: 24px;border-top: 8px solid #f4f4f4;}
    #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}
    #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 .inquiry{padding: 40px 20px 56px;}
    #reservation .inquiry .tabs{margin: -16px 0 0;}
    #reservation .inquiry .tabs ul{display:flex}
    #reservation .inquiry .tabs li{flex:1;}
    #reservation .inquiry .tabs li a{position:relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;font-size: 14px;color: #707070;}
    #reservation .inquiry .tabs li a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ddd}
    #reservation .inquiry .tabs li a.on{color: #eb3f3d;}
    #reservation .inquiry .tabs li a.on:after{background:#eb3f3d;height:2px;}
    #reservation .inquiry .form{border:0;/*padding: 40px 0;*/padding: 0}
    #reservation .inquiry .button{flex-direction:column;gap:10px;padding: 0;}
    #reservation .inquiry .detail{}
    #reservation .inquiry .detail .head{display: flex;align-items: center;border-bottom: 1px solid #ededed;padding: 0 0 16px;}
    #reservation .inquiry .detail .head .area{line-height: 22px;font-size: 16px;font-weight: 500;color: #eb3f3d;margin: 0 8px 0 0;flex-shrink: 0;}
    #reservation .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;}
    #reservation .inquiry .detail .head .tool{flex-shrink: 0;display: flex;align-items: center;margin: 0 0 0 10px;position: relative;}
    #reservation .inquiry .detail .head .tool button{width:22px;height:22px;background:transparent;}
    #reservation .inquiry .detail .head .tool button img{display:block;width: 100%;height:auto;}
    #reservation .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 rgba(0,0,0,0.1);padding: 16px;gap: 16px;display: flex;flex-direction: column;display: none;}
    #reservation .inquiry .detail .head .tool li{position:relative;}
    #reservation .inquiry .detail .head .tool li a{position:relative;display: flex;align-items: center;justify-content: flex-end;font-size:14px;color:#707070;}
    #reservation .inquiry .detail .head .tool li a img {display: none}
    #reservation .inquiry .detail .head .tool.on ul{display: flex;}
    #reservation .inquiry .detail .profile{padding:16px 0;display:flex;gap:12px;}
    #reservation .inquiry .detail .profile .ico{width:56px;height:56px;border-radius:56px;overflow:hidden}
    #reservation .inquiry .detail .profile .ico img{display:block;width:100%;height:100%;object-fit:cover;}
    #reservation .inquiry .detail .profile .con{flex:1;display:flex;flex-direction:column;padding: 6px 0;gap: 10px;}
    #reservation .inquiry .detail .profile .con .upper{display: flex;align-items: center;justify-content: space-between;}
    #reservation .inquiry .detail .profile .con .name{line-height:18px;font-size:15px;font-weight:500;color:#373737;}
    #reservation .inquiry .detail .profile .con .date{line-height:18px;font-size:12px;font-weight:400;color:#707070}
    #reservation .inquiry .detail .profile .con .inner{display: flex;flex-wrap: wrap;gap: 20px;}
    #reservation .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;}
    #reservation .inquiry .detail .profile .con .inner dd span{color:#0066b3;}
    #reservation .inquiry .detail .info{display:flex;padding: 16px;align-items: center;background: #f4f4f4;border-radius: 8px;flex-direction: column;}
    #reservation .inquiry .detail .info > div{width:100%;display:flex;flex-direction:column;gap:10px;}
    #reservation .inquiry .detail .info dl{display:flex;align-items:center;justify-content:space-between;width: 100%;line-height: 16px;font-size: 13px;color: #707070;}
    #reservation .inquiry .detail .info p{position:relative;display: flex;align-items: center;justify-content: center;font-size:14px;color:#707070}
    #reservation .inquiry .detail .info p strong{font-weight:500;margin:0 8px 0 0;}
    #reservation .inquiry .detail .info p + p{padding: 0 0 0 16px;margin: 0 0 0 16px;}
    #reservation .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%;)}
    #reservation .inquiry .detail .info .ongoing{margin:0 0 0 auto;display:flex;align-items:center}
    #reservation .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}
    #reservation .inquiry .detail .info .ongoing .period{font-size:14px;color:#707070}
    #reservation .inquiry .detail .cont{padding: 40px 0 96px;}
    #reservation .inquiry .detail .cont img{display: inline-flex;width:auto;max-width:100%;height:auto;border-radius: 8px;margin: 0 0 32px;}
    #reservation .inquiry .detail .cont p{line-height: 22px;font-size:15px;}
    #reservation .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 rgba(0,0,0,0.1);gap: 0;margin: 0;padding: 0;}
    #reservation .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;}
    #reservation .inquiry .detail .button .btn img{height: 20px;}
    #reservation .inquiry .detail .button .btn {font-weight:500;}
    #reservation .inquiry .detail .button .btn em{font-weight:500;}
    #reservation .inquiry .detail .button .goodBtn em{color:#eb3f3d;}
    #reservation .inquiry .detail .button .commentBtn em{color:#ffffff;}
    #reservation .inquiry .detail .bottom{padding: 16px 20px 32px;background: #f4f4f4;margin: 0 -20px;}
    #reservation .inquiry .detail .counter{display:flex;align-items:center;justify-content:space-between;height:52px;}
    #reservation .inquiry .detail .counter .total{display:flex}
    #reservation .inquiry .detail .counter .total dl{position:relative;display: flex;align-items: center;height: 52px;}
    #reservation .inquiry .detail .counter .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px;}
    #reservation .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%;)}
    #reservation .inquiry .detail .counter .total dt{font-size: 14px;margin: 0 4px 0 0;}
    #reservation .inquiry .detail .counter .total dd{font-size: 14px;font-weight: 500;}
    #reservation .inquiry .detail .counter .total dd span{color: #0066B3;}
    #reservation .inquiry .detail .counter .total dd strong{color: #EB3F3D;}
    #reservation .inquiry .detail .counter .share{position:relative;display:flex;align-items:center;}
    #reservation .inquiry .detail .counter .share > a{display:flex;height: 52px;font-size: 14px;align-items: center;justify-content: center;}
    #reservation .inquiry .detail .counter .share > a img{height:20px;}
    #reservation .inquiry .detail .counter .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow: 0px 0px 4px 0px #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity: 0;visibility: hidden;transition: all 0.35s;background: #fff;}
    #reservation .inquiry .detail .counter .share > ul li{}
    #reservation .inquiry .detail .counter .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center;}
    #reservation .inquiry .detail .counter .share > ul li a img{width:64px;height:auto;}
    #reservation .inquiry .detail .counter .share > ul li a p{margin:12px 0 0 0;line-height:20px;font-size:14px;color:#333;}
    #reservation .inquiry .detail .counter .share.on > ul{opacity:1;visibility:visible;}
    #reservation .inquiry .detail .comment{}
    #reservation .inquiry .detail .comment .type{padding: 80px 0 0 0;margin: 0 0 32px 0;}
    #reservation .inquiry .detail .comment .type ul{display:flex;}
    #reservation .inquiry .detail .comment .type li{flex:1;}
    #reservation .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;}
    #reservation .inquiry .detail .comment .type li.on a{color: #eb3f3d;border:1px solid #eb3f3d;border-bottom-color:#fff;}
    #reservation .inquiry .detail .comment .con{}
    #reservation .inquiry .detail .comment .con ul{display: flex;flex-direction: column;gap: 16px;}
    #reservation .inquiry .detail .comment .con li{padding: 20px;display: flex;background: #fff;border: 1px solid #ebebeb;border-radius: 8px;flex-direction: column;}
    #reservation .inquiry .detail .comment .con li .cmt_top{display:flex;}
    #reservation .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;}
    #reservation .inquiry .detail .comment .con li .cmt_ico img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #reservation .inquiry .detail .comment .con li .cmt_con{position: relative;flex: 1;display: flex;flex-direction: column;justify-content: center;min-height: 64px;}
    #reservation .inquiry .detail .comment .con li .cmt_name{line-height: 16px;font-size: 13px;color: #1c1c1c;}
    #reservation .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;}
    #reservation .inquiry .detail .comment .con li .cmt_item{margin: 8px 0 0 0;line-height: 20px;font-size: 12px;color: #707070;}
    #reservation .inquiry .detail .comment .con li .cmt_date{top: 0;right: 0;line-height: 18px;font-size: 12px;color: #707070;}
    #reservation .inquiry .detail .comment .con li .cmt_info{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between}
    #reservation .inquiry .detail .comment .con li .cmt_button{display: flex;align-items: center;}
    #reservation .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;}
    #reservation .inquiry .detail .comment .con li .cmt_button a{}
    #reservation .inquiry .detail .comment .con li.cmt_rep{background:#f4f4f4}
    #reservation .inquiry .detail .comment .con li.cmt_rep .cmt_ico{background:#707070;}
    #reservation .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}
    #reservation .inquiry .detail .comment .frm .bg{position:absolute;top:0;left: 0;width:100%;height:100%;background:#000;opacity: 0.5;}
    #reservation .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;}
    #reservation .inquiry .detail .comment .frm .caution{padding:16px;border-radius:8px;background:#f4f4f4;line-height:16px;font-size:12px;color:#555;margin: 0 0 16px;}
    #reservation .inquiry .detail .comment .frm .input{display: flex;align-items: center;border-bottom: 1px solid #ddd;height: 42px;}
    #reservation .inquiry .detail .comment .frm .inp{flex: 1;display: flex;}
    #reservation .inquiry .detail .comment .frm .inp textarea{width:100%;height: 42px;line-height:16px;font-size: 14px;padding: 13px 8px;background: transparent;}
    #reservation .inquiry .detail .comment .frm .bot{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 16px;}
    #reservation .inquiry .detail .comment .frm .bot .file{}
    #reservation .inquiry .detail .comment .frm .bot .file label{cursor:pointer}
    #reservation .inquiry .detail .comment .frm .bot .file label input{display:none;}
    #reservation .inquiry .detail .comment .frm .bot .file label img{width:auto;height:24px;}
    #reservation .inquiry .detail .comment .frm .bot .submit{}
    #reservation .inquiry .detail .comment .frm .bot .submit a,
    #reservation .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: #333333;font-size: 14px;color: #fff;}
    #reservation .inquiry .detail .comment.on .frm{display: flex;}
    #reservation .button{margin: 32px 0 0 0;padding: 0 20px 32px;display:flex;align-items:center;justify-content:center;flex-direction: column;gap: 10px;}
    #reservation .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;}
    #reservation .payment{margin: 0;padding: 00;}
    #reservation .payment .desc{padding: 32px 20px;}
    #reservation .payment .desc + .desc{border-top: 8px solid #f4f4f4;}
    #reservation .payment .head{margin: 0 0 16px;line-height: 1;font-size: 18px;font-weight:500;color:#1c1c1c;}
    #reservation .payment .cont{display: flex;flex-direction: column;gap: 32px 0;}
    #reservation .payment .cont.col dl{flex-direction: row;align-items: flex-start;}
    #reservation .payment .cont.col dt{width:112px;min-height: 48px;font-size: 14px;font-weight: 500;margin: 0;color: #707070;}
    #reservation .payment .cont.col dd{flex:1;text-align:right;align-items: flex-end;}
    #reservation .payment .cont.col dd .inp{}
    #reservation .payment .cont.col dd .inp input{text-align:right;}
    #reservation .payment .cont dl{display:flex;align-items: flex-start;flex-direction: column;}
    #reservation .payment .cont dt{flex-shrink:0;line-height: 1;display:flex;align-items:center;justify-content:flex-start;font-size: 14px;font-weight:500;color:#1c1c1c;margin: 0 0 10px;}
    #reservation .payment .cont dd{width: 100%;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;font-size: 14px;}
    #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 + .inp,
    #reservation .payment .cont dd .inp + .use{margin-top: 8px;}
    #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: 100%;}
    #reservation .payment .cont dd .sel select{padding: 8px 16px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #dddddd;background: url("../img/common/dropdown.png") no-repeat right 12px center / auto 20px;}
    #reservation .payment .cont dd .use{display:flex;align-items: flex-end;justify-content:space-between;flex-direction: column-reverse;gap: 10px;}
    #reservation .payment .cont dd .use label{display:flex;align-items:center;height: 24px;cursor:pointer;}
    #reservation .payment .cont dd .use label input{display:none;}
    #reservation .payment .cont dd .use 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}
    #reservation .payment .cont dd .use label input ~ p{font-size: 14px;font-weight:400;color:#1c1c1c}
    #reservation .payment .cont dd .use label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #reservation .payment .cont dd .use span{line-height: 16px;font-size: 12px;color:#eb2f3d;}
    #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 32px 0;padding: 32px 0 0 0;line-height: 20px;font-size: 14px;font-weight:500;color:#1c1c1c;text-align: center;border-top: 8px solid #f4f4f4;}
    #reservation .payment .bottom{margin-top:32px;padding-top: 32px;border-top: 1px solid #ddd;}
    #reservation .payment .bottom .price{margin: 0 0 32px;}
    #reservation .payment .bottom .price dl{display:flex;align-items:center;justify-content:space-between;line-height: 24px;}
    #reservation .payment .bottom .price dt{display:flex;font-size: 16px;font-weight: bold;}
    #reservation .payment .bottom .price dd{font-size: 24px;font-weight: 500;color: #eb3f3d;}
    #reservation .payment .bottom .form{margin: 0;padding: 0;}
    #reservation .payment .bottom .form dl{}
    #reservation .payment .bottom .form dt{color:#707070;}
    #reservation .payment .bottom .form dd{flex: 1;display: flex;flex-direction: column;width: 100%}
    #reservation .payment .bottom .form dd .chk{}
    #reservation .payment .bottom .form dd .chk label{width: calc(50% - 8px);}

    .maintenance .loca{}
    .maintenance .loca ul{border:1px solid #e0e0e0;}
    .maintenance .loca li{}
    .maintenance .loca li a{}
    .maintenance .loca li.on a{color: #ffffff !important;background: #EB3F3D !important;}
    .maintenance .loca li:after{display:none;}
    .maintenance .price{}
    .maintenance .specification{}
    .maintenance .banner{margin: 0 -20px 15px -20px}
    .maintenance .banner a{display:block}
    .maintenance .banner img{display:block;width:100%;height:auto}

    #repair{position: relative;padding: 0px 20px;}
    #repair .standard{}
    #repair .standard .caution{margin: 0 auto 16px;padding: 16px;background: #F4F4F4;border-radius: 10px;display: none;}
    #repair .standard .caution ul{}
    #repair .standard .caution li{list-style-type: decimal;margin: 0 0 0 20px;line-height: 18px;font-size: 12px;color:#1c1c1c}
    #repair .standard .caution li + li{margin-top:12px;}
    #repair .standard .caution li::marker{}
    #repair .standard .tabs {margin: 0 auto 32px}
    #repair .standard .tabs ul {display: flex;border-radius: 30px;overflow: hidden;background: #eee;}
    #repair .standard .tabs li {flex: 1;position: relative}
    #repair .standard .tabs li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 38px;text-align: center;line-height: 1;font-size: 14px;font-weight: 400;color: #707070;border-radius: 30px;}
    #repair .standard .tabs li.on a {color: #222;background: #fff;border:1px solid #999}
    #repair .standard .cont{}
    #repair .standard .sort{margin: 0 auto 40px;}
    #repair .standard .sort ul{gap:8px;display:flex;flex-wrap:wrap;}
    #repair .standard .sort li{width: calc(33.33% - 5.33px);}
    #repair .standard .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height: 40px;border-radius: 10px;border:1px solid #ddd;background:#fff;font-size: 12px;color:#707070;word-break: keep-all;}
    #repair .standard .sort li button.on{color:#333;border-color:#999;}
    #repair .standard .list{margin: 0 0 40px 0;}
    #repair .standard .head{display:flex;justify-content:space-between;margin: 0 auto 16px;flex-direction: column;}
    #repair .standard .head .title{}
    #repair .standard .head .title .tit{line-height:1;font-size:24px;font-weight:bold;color:#1c1c1c;}
    #repair .standard .head .title .txt{margin:16px 0 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;justify-content: flex-end;margin: 10px 0 0 0;}
    #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 .image{/* overflow-x:auto; */}
    #repair .standard .image img{width:auto;max-width: 100%}
    #repair .standard .table{}
    #repair .standard .table table{width: 100%;}
    #repair .standard .table table tr{height: 50px;}
    #repair .standard .table table th,
    #repair .standard .table table td{padding: 12px !important;border: 1px solid #e0e0e0 !important;text-align:left;line-height: 1.5;font-size: 13px !important;color: #333 !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: 0px 20px;}
    #price .standard{}
    #price .standard .caution{margin: 0 auto 40px;padding: 18px;background: #F4F4F4;border-radius: 10px;/* display: none; */}
    #price .standard .caution ul{}
    #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: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50px;background: #ffffff;margin: 0 24px 0 0;}
    #price .standard .caution li .ico img{width: 30px;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: 1.2;font-size: 15px;font-weight: 500;color: #1c1c1c;margin: 0 0 12px 0;}
    #price .standard .caution li .con .txt{line-height: 1.3;font-size: 13px;color: #1c1c1c;}
    #price .standard .tabs{position: relative;margin: 0 auto 16px;}
    #price .standard .tabs button{width: 100%;height: 48px;border-radius: 8px;border: 1px solid #ddd;background: #fff;text-align: left;padding: 10px 16px;background: #fff url("../img/common/dropdown.png") no-repeat right 12px center / auto 24px;display: none;}
    #price .standard .tabs ul{/* display: flex; *//* flex-direction: column; *//* position: absolute; *//* top: 56px; *//* left: 0; */width: 100%;/* border-radius: 8px; *//* border: 1px solid #ddd; *//* background: #ffffff; */z-index: 5;display: flex;background:#eee;border-radius:40px;}
    #price .standard .tabs ul.on{}
    #price .standard .tabs li{flex: 1;position:relative;}
    #price .standard .tabs li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 38px;text-align: center;line-height: 1.2;font-size: 14px;font-weight: 500;color: #707070;padding: 10px 16px;word-break: keep-all;}
    #price .standard .tabs li.on a{color: #222;/* background: #0066B30F; */border-radius:40px;border:1px solid #999;background:#fff;}
    #price .standard .tabs li.on a:after{content:'';position:absolute;bottom: -1px;left:0;width:100%;height: 2px;}
    #price .standard .cont{margin: 0 auto 80px;}
    #price .standard .maker{margin: 16px auto 10px;padding-bottom:15px;border-bottom:1px solid #ddd;}
    #price .standard .maker .txt{margin: 0 0 16px 0;line-height: 18px;font-size: 14px;font-weight: 400;color: #707070;text-align: left;}
    #price .standard .maker .con{}
    #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%;border-bottom: 1px solid transparent;background:#fff;padding: 10px 0;}
    #price .standard .maker .con li button img{width: 28px;height:auto;filter:grayscale(1);opacity: 0.35;}
    #price .standard .maker .con li button p{margin: 4px 0 0 0;font-size: 15px;color:#707070}
    #price .standard .maker .con li button.on{/* border-bottom-color: #EB3F3D; */}
    #price .standard .maker .con li button.on p{font-weight:700;color:#1c1c1c}
    #price .standard .maker .con li button.on img{height:auto;filter:grayscale(0);opacity:1;}
    #price .standard .list{margin: 0 0 40px 0;}
    #price .standard .head{display:flex;justify-content:space-between;margin: 0 auto 16px;}
    #price .standard .head .title{}
    #price .standard .head .title .tit{line-height:1;font-size: 18px;font-weight:bold;color:#1c1c1c;display:none;}
    #price .standard .head .title .txt{margin:16px 0 0 0;line-height:1;font-size:13px;color:#707070;display: none;}
    #price .standard .head .title .txt.red{color:#EB3F3D}
    #price .standard .head .update{font-size: 13px;color: #707070;display: flex;align-items: center;height: 24px;display: none;}
    #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 .image{overflow-x:auto}
    #price .standard .image img{width:auto;}
    #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: 0 20px 0 20px;}
    #specification .standard{}
    #specification .standard .caution{margin: 0 auto 40px;padding: 40px 32px;background: #F4F4F4;border-radius: 10px;display: none;}
    #specification .standard .caution ul{}
    #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: #ffffff;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 0;}
    #specification .standard .caution li .con .txt{line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #specification .standard .tabs{margin: 0 auto 8px;}
    #specification .standard .tabs ul{display: flex;background:#eee;border-radius:40px;margin-bottom:20px;}
    #specification .standard .tabs li{flex: 1;position:relative;}
    #specification .standard .tabs li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 38px;text-align: center;line-height: 1;font-size: 14px;font-weight: 400;color: #707070;border-radius:40px;}
    #specification .standard .tabs li a:after{content:'';position:absolute;bottom: -1px;left:0;width:100%;height:1px;}
    #specification .standard .tabs li.on a{color:#222;background:#fff}
    #specification .standard .tabs li.on a:after{height:2px;background:#fff}
    #specification .standard .cont{margin: 0 auto 80px;}
    #specification .standard .maker{margin: 16px auto 24px;}
    #specification .standard .maker .txt{margin: 0 0 16px 0;line-height: 18px;font-size: 14px;font-weight: 400;color: #707070;text-align: left;}
    #specification .standard .maker .con{}
    #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%;border-bottom: 1px solid transparent;background:#fff;padding: 10px 0;}
    #specification .standard .maker .con li button img{width: 28px;height:auto;filter:grayscale(1);opacity: 0.35;}
    #specification .standard .maker .con li button p{margin: 4px 0 0 0;font-size: 15px;color:#707070}
    #specification .standard .maker .con li button.on{}
    #specification .standard .maker .con li button.on p{font-weight:700;color:#1c1c1c}
    #specification .standard .maker .con li button.on img{height:auto;filter:grayscale(0);opacity:1;}
    #specification .standard .list{margin: 0 0 40px 0;}
    #specification .standard .head{display:flex;justify-content:space-between;margin: 0 0 40px;}
    #specification .standard .head .title{width: 100%;}
    #specification .standard .head .title .tit{line-height:1;font-size:24px;font-weight:bold;color:#1c1c1c;display: none;}
    #specification .standard .head .title .tab{margin: 0 0 24px 0;}
    #specification .standard .head .title .tab ul{display:flex;flex-wrap:wrap;/* gap:8px; */}
    #specification .standard .head .title .tab li{flex: 1;}
    #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;border-bottom: 1px solid #ededed;}
    #specification .standard .head .title .tab li a.on{color:#333;border-color:#333;font-weight:600}
    #specification .standard .head .title .txt{margin:16px 0 0 0;line-height:1;font-size:13px;color:#707070;}
    #specification .standard .head .title .txt.red{color:#EB3F3D}
    #specification .standard .head .carlist{width:100%;}
    #specification .standard .head .carlist ul{display:flex;flex-wrap:wrap;gap: 10px 4px;}
    #specification .standard .head .carlist li{width: calc(33.33% - 2.8px);}
    #specification .standard .head .carlist li button{display: flex;align-items: center;justify-content: center;border-radius: 10px;border: 1px solid #ddd;width: 100%;height: 40px;background: #ffffff;}
    #specification .standard .head .carlist li button img{margin: 0 12px 0 0;width: 60px;height: auto;display: none;}
    #specification .standard .head .carlist li button p{font-size: 13px;color: #707070;}
    #specification .standard .head .carlist li button.on{border:1px solid #999;}
    #specification .standard .head .carlist li button.on p{font-weight:600;color: #333;}
    #specification .standard .desc{display:flex;flex-direction:column;justify-content:space-between;}
    #specification .standard .desc + .desc{margin-top:80px;}
    #specification .standard .desc .title{display: flex;align-items: center;margin: 0 0 16px 0;}
    #specification .standard .desc .title .name{line-height: 22px;font-size: 16px;font-weight: 500;color: #1c1c1c;}
    #specification .standard .desc .title .text{margin: 0 12px;font-size: 13px;color: #0066b3;}
    #specification .standard .desc .title .update{font-size: 13px;color: #707070;display: flex;align-items: center;height: 24px;margin: 0 0 0 auto;display: none;}
    #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 .desc .image{overflow-x:auto}
    #specification .standard .desc .image img{width:auto;}
    #specification .standard .desc img {max-width: 100%}
    #specification .standard .info{margin-top:40px;text-align:right;}
    #specification .standard .info p{display:block;line-height:20px;font-size:13px;color:#707070;}
    #specification p{font-size:13px;color:#777;line-height:160%;font-weight:400}

    #event{position: relative;padding: 24px 0 0 0;}
    #event .loca{margin:0;}
    #event .tabs{margin: 0 auto 48px;/*display: none;*/ margin-bottom: 0}
    #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: 48px;text-align: center;line-height: 1;font-size: 14px;color: #707070;border-bottom: 1px solid #dddddd;}
    #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 .product{}
    #event .product .content{padding:0;}
    #event .product .cont{}
    #event .product .sort{padding: 14px 20px;background: #f4f4f4;overflow: hidden;}
    #event .product .sort ul{display:flex;gap: 8px;}
    #event .product .sort li{width: auto;}
    #event .product .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;}
    #event .product .sort li button.on{color:#EB3F3D;border-color:#EB3F3D;}
    #event .product .list{padding: 32px 20px;overflow: hidden;}
    #event .product .list .tit{margin:0 0 16px 0;line-height:22px;font-size:16px;font-weight:bold;color:#1c1c1c;}
    #event .product .list .con{}
    #event .product .list ul{display: flex;flex-wrap: wrap;width: auto;}
    #event .product .list li{width: calc(50% - 8px);}
    #event .product .list .img{border-radius: 8px;overflow:hidden;position: relative;/*border: 1px solid #ddd*/;display: flex;align-items: center;justify-content: center;}
    #event .product .list .img img{display:block;width: auto;max-width: 100%;height: auto;object-fit: contain;}
    #event .product .list .con{margin: 16px 0 0 0;display: flex;flex-direction: column;}
    #event .product .list .rate{margin:0 0 12px;line-height:1;font-size:16px;color:#0066b3;display:none;}
    #event .product .list .icon{display:flex;flex-wrap:wrap;margin:0 0 10px 0;}
    #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:#ffffff;background:#EB3F3D}
    #event .product .list .icon span.icon_2{color:#ffffff;background:#FF9900}
    #event .product .list .icon span.icon_3{color:#ffffff;background:#8600BB}
    #event .product .list .icon span.icon_4{color:#ffffff;background:#0066B3}
    #event .product .list .name{height: 42px;line-height: 22px;font-size: 16px;color: #222;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{margin:8px 0 0 0;line-height: 1;font-size: 12px;color: #555;display: flex;align-items: center;}
    #event .product .list .info{display:flex;align-items: flex-end;margin: 0px 0 0 0;padding: 8px 0 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: 16px;font-weight: 500;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;/*display: none;*/}
    #event .product .list .tool .comment{display: flex;align-items: center;}
    #event .product .list .tool .comment i{width:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") 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:#555555;min-width: 224px;height: 48px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 48px;}
    #event .detail{/* margin: -24px 0 0 0; *//* padding: 0 0 56px 0; */}
    #event .detail .content{padding:0}
    #event .detail .head{display: flex;align-items: center;padding: 24px 24px;background: #f2f2f2;border-top: 1px solid #707070;display: none;}
    #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;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)}
    #event .detail .info{border-bottom:1px solid #dddddd;display:flex;height: 64px;padding: 24px;align-items: center;justify-content:space-between;display: none;}
    #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;transform:translateY(-50%);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{margin: -24px 0 0 0;padding: 0 20px 32px;}
    #event .detail .cont img{display: inline-flex;width:auto;max-width:100%;height:auto;}
    #event .detail .cont p{line-height: 24px;font-size: 13px;}
    #event .detail .branch{padding: 80px 0 48px;display: none;}
    #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{padding: 32px;border-radius: 16px;box-shadow: 0px 0px 4px 0px #0000001F;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: 40px;border-radius: 4px;border: 1px solid #ddd;background: #fff;}
    #event .detail .branch .con span button.on{color: #eb3f3d;border-color: #eb3f3d;}
    #event .detail .search{margin: 0;padding: 32px 20px;border-top:8px solid #f4f4f4;border-bottom:0;}
    #event .detail .search .form{display: flex;align-items: center;border: 0;padding: 0;margin: 0;}
    #event .detail .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;display: none;}
    #event .detail .search .select select{padding: 0 16px;width: 100%;border:0;height: 48px;}
    #event .detail .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;}
    #event .detail .search .input:last-child{margin:0;}
    #event .detail .search .input input{flex:1;height: 20px;background: transparent;font-size: 14px;}
    #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{}
    #event .detail .table table{}
    #event .detail .table table tr{}
    #event .detail .table table tr.rep{background:rgb(0 102 179 / 6%)}
    #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 04px;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 img{width:60px;height:40px;border-radius:6px;overflow:hidden;max-width:100%;display:flex;margin: 0 auto;}
    #event .detail .list{padding: 0 20px;}
    #event .detail .list ul{flex-direction: column;flex-wrap: unset;gap: 0;}
    #event .detail .list li{display:flex;padding:20px 0;width: 100%;}
    #event .detail .list li + li{border-top:1px solid #ddd}
    #event .detail .list li .lt{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;}
    #event .detail .list li .rt{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:10px;}
    #event .detail .list li .top{display:flex;align-items:center;gap:8px;}
    #event .detail .list li .name{font-size:16px;font-weight:500;color:#1c1c1c;}
    #event .detail .list li .km{font-size:16px;font-weight:500;color:#0066b3;}
    #event .detail .list li .bot{display:flex;flex-direction:column;gap:8px;}
    #event .detail .list li .bot span{display:flex;align-items:center;gap:4px;line-height:20px;}
    #event .detail .list li .bot span img{height:16px;width:auto;flex-shrink:0;}
    #event .detail .list li .bot span p{font-size:14px;color:#707070;}
    #event .detail .list li .btn{display: flex;align-items: center;justify-content: center;min-width: 65px;height: 45px;border-radius: 40px;border: 1px solid transparent;font-size: 13px;font-weight: 500;}
    #event .detail .more{border-top: 1px solid #ededed;margin: 0;padding: 0;}
    #event .detail .more a{display:flex;align-items:center;justify-content:center;line-height: 48px;font-size:12px;}
    #event .detail .more a img{height: 14px;margin-left:2px;flex-shrink:0;}
    #event .detail .onestop{padding: 24px 0 0 0;border-top: 8px solid #f4f4f4;}
    #event .detail .onestop .tabs{margin: 0;display: block;}
    #event .detail .onestop .tabs ul{display: flex;}
    #event .detail .onestop .tabs li{flex: 1;position:relative;}
    #event .detail .onestop .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;border-bottom: 1px solid #dddddd;}
    #event .detail .onestop .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:transparent}
    #event .detail .onestop .tabs li.on a{color:#EB3F3D}
    #event .detail .onestop .tabs li.on a:after{height:2px;background:#EB3F3D}
    #event .detail .onestop .cont{padding: 32px 20px;background: #f4f4f4;}
    #event .detail .onestop .cont:nth-child(2){}
    #event .detail .onestop .cont:nth-child(3){}
    #event .detail .onestop .cont:nth-child(3) .tool{flex-direction: column;align-items: unset;gap: 20px;}
    #event .detail .onestop .cont:nth-child(3) .tool .ltBox{display:none;}
    #event .detail .onestop .cont .table{overflow-x:auto;}
    #event .detail .onestop .cont .table table{width:auto;}
    #event .detail .onestop .cont .table table th,
    #event .detail .onestop .cont .table table td{white-space:nowrap;font-size:13px;}
    #event .detail .onestop .top{padding: 20px 20px 0;background: #F4F4F4;display: flex;align-items: center;justify-content: space-between;}
    #event .detail .onestop .top .total{line-heright:14px;font-size:14px;color:#1c1c1c}
    #event .detail .onestop .top .total strong{font-weight:500;color:#0066b3;}
    #event .detail .onestop .top .sort{position: relative;}
    #event .detail .onestop .top .sort .sortBtn{display:flex;align-items:center;justify-content: flex-start;text-align: left;padding: 0 24px 0 12px;width:90px;height:40px;border-radius:8px;border:1px solid #dddddd;background: #ffffff url("../img/common/dropdown.png") no-repeat right 12px center / auto 16px;font-size: 13px;}
    #event .detail .onestop .top .sort ul{margin: 4px 0 0 0;position: absolute;top: 100%;right: 0;width: 100%;border: 1px solid #ebebeb;background: #fff;display: flex;flex-direction: column;padding: 12px;border-radius: 8px;display:none;}
    #event .detail .onestop .top .sort ul.on{display:flex;z-index: 1}
    #event .detail .onestop .top .sort ul li{}
    #event .detail .onestop .top .sort ul li a{display: block;line-height: 24px;font-size: 13px;}
    #event .detail .onestop .con{padding: 12px 20px 20px;background: #F4F4F4;}
    #event .detail .onestop .con ul{display:flex;flex-direction:column;gap: 16px;}
    /*#event .detail .onestop .con li{padding:20px;display: flex;border-radius:8px;border:1px solid #ddd;background:#fff;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: 40px;margin: 0 12px 0 0;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;flex-shrink: 0;overflow:hidden;box-shadow: 0 0 6px rgba(0,0,0,0.05);}*/
    /*#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;}*/
    /*#event .detail .onestop .con li .cmt_bot{padding-top:20px;margin-top:12px;border-top:1px solid #ddd;width:100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 16px;}*/
    /*#event .detail .onestop .con li .cmt_img{border-radius:8px;overflow:hidden}*/
    /*#event .detail .onestop .con li .cmt_img img{width:100%;height:100%;object-fit:cover;}*/
    /*#event .detail .onestop .con li .cmt_dots{position:absolute;top:0;right:0}*/
    /*#event .detail .onestop .con li .cmt_dots button{display:flex;width:20px;height:20px;align-items: center;justify-content: center;background:transparent;}*/
    /*#event .detail .onestop .con li .cmt_dots button img{width:100%;height:auto;}*/
    /*#event .detail .onestop .con li .cmt_flex{display:flex;align-items:center;justify-content:space-between;width: 100%;padding: 0 0 4px;}*/
    /*#event .detail .onestop .con li .cmt_upper{display:flex;align-items:center;width: 100%;}*/
    /*#event .detail .onestop .con li .cmt_name{line-height: 24px;font-size: 14px;font-weight: 500;color: #1c1c1c;}*/
    /*#event .detail .onestop .con li .cmt_text{line-height: 20px;font-size: 14px;color: #1c1c1c;margin: 12px 0 0;padding: 12px 0 0;border-top: 1px solid #ebebeb;}*/
    /*#event .detail .onestop .con li .cmt_bottom{display:flex;justify-content:space-between;margin: 12px 0 0 0;height: 32px;align-items: center;}*/
    /*#event .detail .onestop .con li .cmt_item{line-height: 18px;font-size: 12px;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_item dd{}*/
    /*#event .detail .onestop .con li .cmt_date{line-height: 18px;font-size: 13px;color: #707070;}*/
    /*#event .detail .onestop .con li .cmt_comment{flex-shrink:0;height: 16px;display: flex;align-items: center;justify-content: center;}*/
    /*#event .detail .onestop .con li .cmt_comment .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;}*/
    /*#event .detail .onestop .con li .cmt_button{position:absolute;bottom: 0;right: 0;line-height: 18px;font-size: 12px;color: #707070;}*/
    /*#event .detail .onestop .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;}*/
    /*#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 {
        position: relative;
        padding: 20px 16px;
        display: flex;
        background: #fff;
        border: 1px solid #ebebeb;
        border-radius: 8px;
        flex-direction: column;
    }

    #event .detail .onestop .con li .cmt_top {
        display: flex;
        align-items: center;
    }

    #event .detail .onestop .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 rgba(0,0,0,0.05);
        flex-shrink: 0;
    }

    #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: 64px; */
    }

    #event .detail .onestop .con li .cmt_img {
        display: none;
    }

    #event .detail .onestop .con li .cmt_upper {
        display: flex;
        align-items: center;
    }

    #event .detail .onestop .con li .cmt_name {
        line-height: 24px;
        font-size: 14px;
        font-weight: 500;
        color: #1c1c1c;
    }

    #event .detail .onestop .con li .cmt_thumb {
        margin: 12px 0;
        padding: 0;
        border: 0 !important;
        min-height: auto;
    }

    #event .detail .onestop .con li .cmt_thumb img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    #event .detail .onestop .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;
    }

    #event .detail .onestop .con li .cmt_item {
        margin: 4px 0 0 0;
        line-height: 12px;
        font-size: 11px;
        color: #707070;
    }

    #event .detail .onestop .con li .cmt_date {
        line-height: 18px;
        font-size: 12px;
        color: #707070;
    }

    #event .detail .onestop .con li .cmt_cmmt {
    }

    #event .detail .onestop .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;
    }

    #event .detail .onestop .con li .cmt_info {
        margin: 4px 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #event .detail .onestop .con li .cmt_like {
        display: flex;
        align-items: center;
        gap: 4px;
        order: 1;
        display: none;
    }

    #event .detail .onestop .con li .cmt_like .likeTxt {
        font-size: 13px;
        color: #707070;
        white-space: nowrap;
    }

    #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 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        order: 3;
        margin: 0 0 0 auto;
        position: relative;
    }

    #event .detail .onestop .con li .cmt_button .cmt_button_toggle {
        position: relative;
        width: 18px;
        height: 18px;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #event .detail .onestop .con li .cmt_button .cmt_button_toggle img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    #event .detail .onestop .con li .cmt_button .cmt_button_con {
        position: absolute;
        top: 100%;
        right: -5px;
        border-radius: 10px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        background: #ffffff;
        z-index: 2;
        padding: 16px;
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    #event .detail .onestop .con li .cmt_button.on .cmt_button_con {
        display: flex;
    }

    #event .detail .onestop .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;
    }

    #event .detail .onestop .con li .cmt_button .btn:last-child {
        margin: 0;
    }

    #event .detail .onestop .con li .cmt_reCmt {
        margin: 16px 0 0 0;
        padding: 16px;
        border-radius: 8px;
        background: #f4f4f4
    }

    #event .detail .onestop .con li .cmt_reCmt .recmt_tit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 12px;
    }

    #event .detail .onestop .con li .cmt_reCmt .recmt_tit .name {
        line-height: 18px;
        font-size: 13px;
        font-weight: 500;
        color: #707070;
    }

    #event .detail .onestop .con li .cmt_reCmt .recmt_tit .bttn {
        position: relative;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #event .detail .onestop .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;
    }

    #event .detail .onestop .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_toggle img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    #event .detail .onestop .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_con {
        position: absolute;
        top: 100%;
        right: 0;
        border-radius: 10px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        background: #ffffff;
        z-index: 2;
        padding: 16px;
        display: none;
    }

    #event .detail .onestop .con li .cmt_reCmt .recmt_tit .bttn.on .cmt_button_con {
        display: block
    }

    #event .detail .onestop .con li .cmt_reCmt .recmt_txt {
        line-height: 20px;
        font-size: 14px;
        color: #1c1c1c
    }

    #event .detail .onestop .con li.replyCmtLi {
        background: #ffffff;
        border-top: 0;
        margin-top: -30px;
        padding: 20px !important;
        border-radius: 0 0 10px 10px;
    }

    #event .detail .onestop .con li.replyCmtLi:before {
        display: none !important
    }

    #event .detail .onestop .con li.replyCmtLi .cmt_inner {
        padding: 16px;
        border-radius: 8px;
        background: #f4f4f4
    }

    #event .detail .onestop .con li.replyCmtLi .cmt_ico {
        /*display:none;*/
    }

    #event .detail .onestop .con li.replyCmtLi .cmt_ico.no {
        display: none
    }

    #event .detail .onestop .con li.replyCmtLi .cmt_name {
        line-height: 18px;
        font-size: 13px;
        font-weight: 500;
        color: #707070;
    }

    #event .detail .onestop .con li.replyCmtLi .cmt_text {
        margin: 12px 0 0 0;
        padding: 0;
        border: 0 !important;
        min-height: auto;
    }

    #event .detail .onestop .con li.replyCmtLi .cmt_date {
        display: none;
    }

    #event .detail .onestop .con li.replyCmtWrap .frm {
        display: flex !important;
    }

    #event .detail .onestop .con li .cmt_comment {
        background: #F4F4F4;
        border-radius: 8px;
        margin: 16px 0 0 0;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    #event .detail .onestop .con li .cmt_comment .cmt_comment_name {
        line-height: 18px;
        font-size: 13px;
        font-weight: 500;
        color: #707070;
    }

    #event .detail .onestop .con li .cmt_comment .cmt_comment_text {
        line-height: 20px;
        font-size: 14px;
        color: #1c1c1c;
    }

    #event .detail .onestop .con li .cmt_comment .cmt_comment_img {
    }

    #event .detail .onestop .con li .cmt_comment .cmt_comment_img img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
    }

    #event .detail .onestop .con li.cmt_rep {
        background: #f4f4f4
    }

    #event .detail .onestop .con li.cmt_rep .cmt_ico {
        background: #707070;
    }
    #event .detail .onestop .frm{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1012;flex-direction: column;justify-content: flex-end;}
    #event .detail .onestop .frm .bg{position:absolute;top:0;left: 0;width:100%;height:100%;background:#000;opacity: 0.5;}
    #event .detail .onestop .frm .inner{
        /*padding: 12px 20px;border-radius: 16px 16px 0 0;border:1px solid #ddd;background:#ffff;position: relative;z-index: 2;*/
        padding: 40px 20px;
        border-radius: 16px 16px 0 0;
        border: 1px solid #ddd;
        background: #ffff;
        position: relative;
        z-index: 2;
    }
    #event .detail .onestop .frm .box{display: flex;border-bottom: 1px solid #ebebeb;height: 42px;}
    #event .detail .onestop .frm .caution{
        /*padding: 10px 0 5px 0;;border-radius:8px;background:#fff;line-height:16px;font-size:12px;color:#555;margin: 0 0 16px;*/
        padding: 16px;
        border-radius: 8px;
        background: #f4f4f4;
        line-height: 16px;
        font-size: 12px;
        color: #555;
        margin: 0 0 16px;
        display: block;
        border: none;
    }
    #event .detail .onestop .frm .input{display: flex;align-items: center;border-bottom: 1px solid #ddd;height: 42px;}
    #event .detail .onestop .frm .inp{flex: 1;display: flex;}
    #event .detail .onestop .frm .inp textarea{
        /*margin-right:8px;border:1px solid #ccc;border-radius:10px;width:100%;height: 42px;line-height:16px;font-size: 14px;padding: 13px 0 0 8px;background: transparent;*/
        width: 100%;
        height: 42px;
        line-height: 16px;
        font-size: 14px;
        padding: 13px 8px;
        background: transparent;
    }
    #event .detail .onestop .frm .img{margin: 0;}
    #event .detail .onestop .frm .img ul{display: flex;gap: 8px;flex-wrap: wrap;align-items: flex-start;}
    #event .detail .onestop .frm .img li{position: relative;width: calc(25% - 8px);height: auto;aspect-ratio: 1 / 1;margin: 10px 0 0 0;border: none}
    #event .detail .onestop .frm .img li .img{width: 100%;height: 100%;border-radius: 8px;overflow: hidden;border: 1px solid #ddd;margin: 0;}
    #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: 3px;right: 3px;width: 20px;height: 20px;cursor: pointer;}
    #event .detail .onestop .frm .img li .del img{display: block;width: 100%;height: auto;}
    #event .detail .onestop .frm .bot{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 16px;flex-direction: row;he: 36p;}
    #event .detail .onestop .frm .bot .file{}
    #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{}
    #event .detail .onestop .frm .bot .submit a,
    #event .detail .onestop .frm .bot .submit button{display:flex;align-items: center;justify-content: center;min-width: 60px;height: 32px;padding: 6px 12px;border-radius: 32px;background: #333333;font-size: 14px;color: #fff;}
    #event .detail .onestop.on .frm{display: flex;}
    #event .detail .onestop .frm.on{display:flex;}
    #event .detail .onestop .inqBoxWrap{background:#F4F4F4;padding: 32px 20px;}
    #event .detail .onestop .tool{display: flex;justify-content: space-between;margin: 0 0 16px 0;align-items: center;}
    #event .detail .onestop .tool .ltBox{display:flex;align-items:center;gap:24px;}
    #event .detail .onestop .tool .rtBox{display:flex;align-items:center;justify-content: space-between;gap:24px;}
    #event .detail .onestop .tool .textBox{font-size: 12px;color:#1c1c1c}
    #event .detail .onestop .tool .textBox span{color:#0066b3}
    #event .detail .onestop .tool .toggBox{}
    #event .detail .onestop .tool .toggBox .checkbox{display:flex;align-items:center;height: 40px;cursor:pointer}
    #event .detail .onestop .tool .toggBox .checkbox input{display:none;}
    #event .detail .onestop .tool .toggBox .checkbox input ~ i{display:none;width: 20px;height: 20px;flex-shrink:0;margin:0 8px 0 0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;background-color: #fff;border-radius: 100%;}
    #event .detail .onestop .tool .toggBox .checkbox input ~ p{font-size: 13px;font-weight:400;color:#1c1c1c;display: flex;align-items: center;justify-content: center;padding: 0 12px;background: #555;height: 40px;border-radius: 40px;color: #fff;}
    #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 .toggBox .checkbox input:checked ~ p{background: #000;}
    #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: rgb(0 102 179 / 6%);color: #0066B3;}
    #event .detail .onestop .list{padding: 0;}
    #event .detail .onestop .list ul{display:flex;flex-direction:column;gap:8px;}
    #event .detail .onestop .list li{padding:20px;display: flex;flex-direction: column;border-radius:8px;border:1px solid #ddd;background:#fff;}
    #event .detail .onestop .list li + li{border-top:1px solid #ddd;}
    #event .detail .onestop .list 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;}
    #event .detail .onestop .list li .cmt_ico img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #event .detail .onestop .list li .cmt_con{position: relative;width: calc(100% - 76px);display: flex;flex-direction: column;justify-content: center;min-height: 40px;}
    #event .detail .onestop .list li .cmt_bot{padding-top: 16px;margin-top:12px;border-top:1px solid #ddd;width:100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
    #event .detail .onestop .list li .cmt_flex{display:flex;align-items:center;justify-content:space-between;width: 100%;padding: 12px 0 4px;}
    #event .detail .onestop .list li .cmt_head{margin: 0 0 8px 0;display:flex;align-items:center;gap:10px;}
    #event .detail .onestop .list li .cmt_name{line-height: 18px;font-size: 14px;color: #1c1c1c;}
    #event .detail .onestop .list 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;}
    #event .detail .onestop .list li .cmt_date{line-height: 18px;font-size: 12px;color: #707070;}
    #event .detail .onestop .list li .cmt_img{margin:0 0 8px 0;}
    #event .detail .onestop .list li .cmt_img img{max-width:100%;height:auto;}
    #event .detail .onestop .list li .cmt_bottom{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
    #event .detail .onestop .list li .cmt_comment{flex-shrink:0;display: flex;align-items: center;justify-content: center;}
    #event .detail .onestop .list li .cmt_comment .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;}
    #event .detail .onestop .list li .cmt_rep{background:#f4f4f4;margin: 24px 0 0;border-radius: 8px;width: 100%;padding: 16px;}
    #event .detail .onestop .list li .cmt_rep .cmt_rep_name{line-height: 18px;font-size: 13px;font-weight: 500;color: #707070;}
    #event .detail .onestop .list li .cmt_rep .cmt_rep_text{margin: 12px 0 0 0;padding: 0;border: 0 !important;min-height: auto;line-height: 20px;font-size: 14px;color: #1c1c1c;}
    #event .detail .onestop .list li.empty{border:0;padding: 0;text-align:center;display:flex;align-items:center;justify-content:center;font-size:13px;background:transparent}
    #event .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 rgba(0,0,0,0.1);gap: 0;margin: 0;padding: 0;transition:all 0.5s}
    #event .detail .button.hiding{transform:translateY(100%)}
    #event .detail .button .btn{min-width: auto;width: 100%;height: 64px;border-radius: 0;display:flex;align-items:center;justify-content:center;text-align:center;font-size: 15px;border:1px solid transparent;gap: 8px;}
    #event .detail .button .btn+.btn {border-left: 1px solid #e0e0e0 !important;}
    #event .detail .button .btn img{height: 20px;}
    #event .detail .button .btn {font-weight:500;}
    #event .detail .button .btn em{font-weight:500;}
    #event .detail .button .goodBtn em{color:#eb3f3d;}
    #event .detail .button .commentBtn em{color:#ffffff;}

    #event .addDetail{}
    #event .add_title{text-align:center;line-height:1.5;font-size:20px;font-weight:bold;color:#333;padding:10px;background:#e7f2fa}
    #event .add_option{padding:0 10px 50px;background:#e7f2fa}
    #event .add_option ul{padding:0 15px;border-radius:5px;border:1px solid #333;background:#ffffff;}
    #event .add_option li{display:grid;align-items:center;border-bottom:1px solid #e5e5e5;padding:20px 0;}
    #event .add_option li .img{grid-area: 1 / 1 / 3 / 2;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{grid-area: 1 / 2 / 2 / 2;flex:1 1;padding:0 10px;}
    #event .add_option li .con .name{font-size:18px;font-weight:500;color:#333;}
    #event .add_option li .con .description{margin-top:6px;font-size:14px;color:#666;}
    #event .add_option li .num{grid-area: 2 / 2 / 2 / 2;flex:0 0 auto;display:flex;align-items:center;padding:0 10px;}
    #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:12px;font-weight:bold;text-transform:uppercase;margin-right:10px;}
    #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:20px;line-height:1;}
    #event .add_select{padding:0 10px 20px;background:#e7f2fa}
    #event .add_select .item{margin:0 0 20px 0;padding:15px;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:Ccenter;border-bottom:1px solid #ccc;padding-bottom:20px;}
    #event .add_select .item .tit .type{padding:0 8px;height:25px;font-size:13px;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 10px;font-size:20px;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:bold;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:20px;line-height:1;}
    #event .add_select .item .con{}
    #event .add_select .item .con ul{}
    #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:16px;font-weight:500;color:#333;}
    #event .add_cartype{padding:10px 10px 20px;background:#e7f2fa}
    #event .add_cartype .item{margin:0 0 20px 0;padding:20px;border-radius:5px;border:1px solid #333;background:#fff;display:flex;align-items:flex-start;flex-direction:column;}
    #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 0;}
    #event .add_cartype .item .con{flex:1;width:100%;}
    #event .add_cartype .item .con ul{}
    #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:1.3;font-size:16px;font-weight:400;word-break:keep-all;}
    #event .add_cartype .item .con li .price{line-height:1.3;font-size:18px;font-weight:600;flex:0 0 auto;}
    #event .add_cartype .warning{}
    #event .add_cartype .warning p{margin-bottom:5px;font-size:13px;line-height:20px;}
    #event .add_cartype .warning p em{color:#EB3F3D;}
    #event .add_onestop{padding:30px;background:#ffffff;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:24px;font-weight:bold;text-align:center;}
    #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;text-align: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:18px;font-weight:bold;color:#333;}
    #event .add_onestop .con li .text{line-height:1.5;font-size:14px;color:#666;word-break:keep-all;}
    #event .add_checked{padding:15px;background:#333;}
    #event .add_checked .title{background:#666666;padding:15px;text-align:center;font-size:24px;font-weight:bold;color:#fff;line-height:1;}
    #event .add_checked .text{margin:10px;}
    #event .add_checked .text p{display:flex;align-items:flex-start;line-height:20px;font-size:14px;color:#fff;margin-bottom:10px;}
    #event .add_checked .text p:before{content:'';width:20px;height:20px;flex:0 0 auto;margin-right:10px;background:#666}
    #event .add_checked .extra{margin:10px;border-top:1px solid #555}
    #event .add_checked .extra .tit{border-bottom:1px solid #555;font-size:16px;color:#fff;padding:20px 0;}
    #event .add_checked .extra .con{font-size:16px;padding:15px 0px;}
    #event .add_checked .extra .con ul{}
    #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:16px;color:#4ce4ff;}
    #event .add_checked .extra .con li .extra_name.green{color:#87fa8d;}
    #event .add_checked .extra .con li .extra_type{font-size:14px;}
    #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;}

    #event .search{padding: 32px 20px;border-bottom: 8px solid #f4f4f4;}
    #event .search .form{display: flex;align-items: center;border: 0;flex-wrap: wrap;gap: 12px 16px;flex-direction: row;}
    #event .search .select{display:flex;width: 168px;height: 48px;border-radius: 8px;border:1px solid #ddd;font-size: 14px;align-items: center;}
    #event .search .select:nth-child(1),
    #event .search .select:nth-child(2){width:calc(50% - 8px);}
    #event .search .select:nth-child(3){width:100%}
    #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 0}
    #event .cate ul{display:flex;flex-wrap:wrap;gap:8px;}
    #event .cate li{flex: 1;}
    #event .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;text-align: center;white-space: nowrap;}
    #event .cate li a.on{color: #ffffff;border-color:#EB3F3D;background: #EB3F3D;}
    #event .content{padding:32px 20px;}
    #event .table{}
    #event .table tr{}
    #event .table th,
    #event .table td{padding: 20px 4px;}
    #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:40px;width:60px;object-fit:contain}
    #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;padding: 0;}
    #event .bottom .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px;}
    #event .list{padding: 32px 20px;}
    #event .list ul{display: flex;flex-wrap: wrap;gap: 30px 16px;}
    #event .list li{width: calc(50% - 8px);position: relative}
    #event .list li .box .img{border-radius: 6px;overflow: hidden;margin: 0 0 12px 0;width: 100%;aspect-ratio: 1.53 / 1;/*border: 1px solid rgba(0,0,0,0.05);*/}
    #event .list li .box .img a{width:100%;height:100%;display:block;}
    #event .list li .box .img img{display: block;width: 100%;object-fit: fill;height: 100%;}
    #event .list li > .img{border-radius: 6px;overflow: hidden;margin: 0 0 8px 0;width: 100%;aspect-ratio: 1.53 / 1;border: 1px solid #ddd}
    #event .list li > .img img{display: block;width: 100%;object-fit: cover;height: 100%;}
    #event .list li .con{position:relative;padding:0 6px;}
    #event .list li .date{display: flex;align-items: center;margin: 0 0 6px 0;border-radius: 24px;background: #fff;}
    #event .list li .date .stat{display: flex;align-items: center;justify-content: center;min-width: 40px;height: 20px;border-radius: 24px;background: #eb3f3d;color: #fff;padding: 0 10px;font-size: 12px;}
    #event .list li .date.end .stat {background: #555; color: #fff}
    #event .list li .date .period{flex: 1;padding: 0 8px;font-size: 14px;color: #1c1c1c;}
    #event .list li .date.fixed{position:absolute;top:0;left:0;border:1px solid #eb3f3d;}
    #event .list li .title{margin:0 0 6px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:24px;font-size:18px;font-weight:600;color:#303030}
    #event .list li .name{font-size: 14px;font-weight: 500;color: #797979;margin:0 0 6px;}
    #event .list li .km{display: flex;align-items: center;justify-content: center;color: #0066B3;font-size: 15px;}
    #event .list li .text{min-height: 40px;line-height: 20px;font-size: 16px;color: #333 !important;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #event .list li .info{}
    #event .list li .info{display:flex;align-items: center;margin:10px 0 0 0;padding:0 ;}
    #event .list li .price{display: flex;align-items: flex-start;flex-direction: column;}
    #event .list li .price .sale{line-height: 22px;font-size: 16px;color: #eb3f3d;font-weight:500}
    #event .list li .price .origin{line-height: 18px;font-size:14px;margin: 0 0 12px;display: flex;}
    #event .list li .price .origin .rate{font-size: 18px;font-weight: 500;color: #0066b3;margin: 0 8px 0 0;}
    #event .list li .price .origin .cost{text-decoration: line-through;font-size: 14px;font-weight: 300;color: #ccc;}
    #event .list li .tool{margin:0 0 0 auto;display:flex;align-items:center;padding: 0;gap: 0;flex-direction: row;gap:10px;}
    #event .list li .tool span{font-size:13px;color:#565656;line-height:15px;}
    #event .list li .tool .comment{display: flex;align-items: center;}
    #event .list li .tool .comment i{width:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #event .list li .tool .comment em{font-size: 16px;color:#0066b3;line-height: 15px;}
    #event .list li .side{display: flex;align-items: center;margin-top: 10px;}
    #event .list li .side p{position:relative;font-size: 12px;color:#999}
    #event .list li .side p + p{margin-left: 8px;padding-left: 8px;}
    #event .list li .side p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#ddd;}
    #event .more{margin: 24px 0;}
    #event .more a{line-height: 18px;font-size: 14px;color: #555;width: 224px;margin:0 auto;height: 48px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 48px;}
    #event .more a img{height:16px;margin-left:2px;flex-shrink:0;}

    #event .form{border-top: 1px solid #dddddd;padding: 32px 20px;display: flex;flex-direction: column;gap: 32px;}
    #event .form dl{position: relative;display: flex;flex-direction: column;gap: 10px;}
    #event .form dt{line-height: 1;font-size: 14px;font-weight: bold;display: flex;align-items: center;justify-content: flex-start;text-align: left;flex-shrink: 0;color: #1c1c1c;}
    #event .form dt img{height: 18px;width:auto;margin: 0 6px 0 0;}
    #event .form dd{flex: 1;display: flex;/* min-height: 48px; */}
    #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;border-bottom: 1px solid #ddd;min-height: 48px;}
    #event .form dd .inp input{padding: 8px;width: 100%;height: 48px;display: block;font-size: 14px;}
    #event .form dd .inp input.datepicker{background: url("../img/common/calendar.png") no-repeat right 8px center / 16px 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: 100%;}
    #event .form dd .sel select{padding: 8px 16px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #dddddd;background:url("../img/common/dropdown.png") no-repeat right 12px center / auto 24px;font-size: 14px;}
    #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: 152px;border-radius: 8px;border: 1px solid #dddddd;}
    #event .form dd .space{width:24px;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink:0;}
    #event .form dd .file{}
    #event .form dd .file .fileBtn{display: flex;position: absolute;top: -13px;right: 0;}
    #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;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;}
    #event .form dd .file .fileList{}
    #event .form dd .file .fileList ul{display: flex;gap: 10px;flex-wrap: wrap;}
    #event .form dd .file .fileList li{position:relative;margin: 20px 0 0 0;}
    #event .form dd .file .fileList li .img{width: 72px;height: 72px;border-radius: 8px;overflow: hidden;position: relative;}
    #event .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;}
    #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: 4px;right: 4px;width: 20px;height: 20px;cursor: pointer;}
    #event .form dd .file .fileList li .del img{display: block;width: 100%;height: auto;}

    #event .form-row{padding:30px 20px 0;gap:0;}
    #event .form-row dl{display:flex;flex-direction:row;margin-bottom:10px;}
    #event .form-row dl.col{flex-direction:column;margin-bottom:30px;}
    #event .form-row dl.col dt{width:100%;}
    #event .form-row dl.col dd{width:100%;}
    #event .form-row dl.mt30{margin-top:20px;}
    #event .form-row dt{width:18%;flex:0 0 auto;flex-direction: column;justify-content: center;align-items: flex-start;gap: 6px;}
    #event .form-row dt em{margin-left:0 !important}
    #event .form-row dd{width:82%;}
    #event .form-row dd .txt{padding: 8px;width: 100%;height: 48px;line-height:32px;border: 1px solid #ddd;border-radius: 8px;font-size: 13px;display: block;}
    #event .form-row dd .inp{position:relative;border:0;}
    #event .form-row dd .inp input{padding: 8px 30px 8px 8px;width: 100%;height: 48px;border: 1px solid #ddd;border-radius: 8px;font-size: 13px;display: block;}
    #event .form-row dd .inp input::placeholder{color:#999 !important}
    #event .form-row .bar{margin:10px -20px 20px;display:block;height:6px;background:#ededed;}
    #event .form-row .map{margin:5px 0 0;}
    #event .form-row .map dd{}
    #event .form-row .map dd .chk{min-height:0;}
    #event .form-row + .button{margin-top:30px;}

    #event .branch{}
    #event .branch .table{overflow-x: auto;}
    #event .branch .table table{width:auto}
    #event .branch .table table th,
    #event .branch .table table td{white-space:nowrap}
    #event .branch .table td{padding: 20px 4px;}
    #event .branch .search{padding:0;}
    #event .branch .tool{display:flex;align-items:center;justify-content:space-between;margin:32px 0 0px 0;}
    #event .branch .tool .lt,
    #event .branch .tool .rt{display:flex;/* gap:10px; */align-items:center;}
    #event .branch .tool .cate{margin:0; padding: 0 20px}
    #event .branch .tool .search{margin:0;}
    #event .branch .tool .viewBox{width: 121px;height: 48px;display:none;}
    #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{}
    #event .cooperate .table{overflow-x: auto;}
    #event .cooperate .table table{width:auto;}
    #event .cooperate .table table th,
    #event .cooperate .table table td{white-space:nowrap;}
    #event .cooperate .table td{padding: 20px 4px;}
    #event .cooperate .tool{display:flex;justify-content:space-between;padding: 32px 20px 0;margin: 0;flex-direction: column;gap: 16px;}
    #event .cooperate .tool .cate{margin:0;}
    #event .cooperate .tool .search{margin:0;padding: 0;border: 0;display: none;}
    #event .cooperate .tool .search .form{flex-wrap:unset}
    #event .cooperate .tool .viewBox{width: 121px;height: 48px;display: none;}
    #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{}
    #event .roulette .content{display: flex;flex-direction: column;overflow: hidden;padding: 50px 20px 32px;background-image: url(/images/m_rulret_bg.jpg);}
    #event .roulette .content .mainRoullete canvas {width:85%}
    .mainRoullete {display: flex;align-items: center; flex-direction: column; position: relative; margin:0 auto 200px;}
    .mainRoullete canvas {transition: 2s; z-index:1; box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:50%;}
    .mainRoullete button {width:100px; height:100px;font-size: 16px; position:absolute; left:50%; top:50%; border:0; font-weight: bold; border-radius: 50%; transition: 0.5s; cursor: pointer; transform: translate(-50%,-50%); z-index:1;}
    .mainRoullete button:hover {background: #fff; color: #febf00;}
    .mainRoullete:after {content: ""; position: absolute; width: 45px; height: 45px; border-radius: 50% 50% 0; top: -35px;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;}
    .mainRoullete:before { 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:#ffffff; }

    .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-top:10px;}
    .rewardlist a {font-size: 20px;}
    .popup {display: none;position: fixed;padding: 50px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99999;text-align: center;background: #ffffff;font-size: 20px;color: #000;}
    .popup .reward {font-size: 15px;color: #666;margin: 20px 0 0;}
    .popup .close {display: inline-block;padding: 12px;line-height: 1.4;font-size: 15px;color: #fff;width: 120px;max-width: 100%;background: #555;margin: 20px 0 0;text-decoration: none;border-radius: 30px;}

    #popupGift {width: calc(100% - 30px);max-width: 800px;border-radius: 20px;padding: 20px;}
    #popupGift .present {display: flex;flex-direction: column;align-items: center;text-align: center;}
    #popupGift .present img {width: 100%;max-width: 100%;display: block;margin: 0px auto 30px;height: auto;aspect-ratio: 1/1;object-fit: cover;border-radius: 20px;}
    #popupGift p {font-size: 18px;}
    #popupGift p strong{font-size: 42px;font-weight:bold;color:#febf00}
    #popupReward {width: calc(100% - 20px);max-width: 100%;height: 90%;border-radius: 20px;padding: 20px;flex-direction: column;align-items: center;justify-content: center;}
    #popupReward .reward_list{height: 100%;overflow-y:auto;}
    #popupReward .reward_list .title{margin:0 0 20px 0;font-size:24px;font-weight:bold;}
    #popupReward .reward_list .content{}
    #popupReward .reward_list .info{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px 0;padding:0 10px;}
    #popupReward .reward_list .info .tit{font-size:16px;}
    #popupReward .reward_list .info .num{}
    #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{}
    #popupReward .reward_list .info .num dd strong{color:#EB3F3D}
    #popupReward .reward_list .table{width:100%;overflow-x:auto;}
    #popupReward .reward_list .table table{min-width:100%;width:auto;white-space:nowrap}
    #popupReward .reward_list .table th{padding: 6px;white-space: nowrap;}
    #popupReward .reward_list .table td{padding: 6px;font-size: 12px;}
    #popupReward .reward_list .table td.plus{color:#0066b3}
    #popupReward .reward_list .table td.minus{color:#EB3F3D}
    #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);}
    #modalInfo {height: auto;}

    #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 0px #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 0px;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;}

    #event .roulette .chart{background: #d0daff;margin:0 0 32px 0;width:100%;height: 1000px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    #event .roulette .chart canvas{}
    #event .roulette .chart button{}
    #event .roulette .chart {width: 100%;display: flex;align-items: center;flex-direction: column;position: relative;margin: 0;order: 2;height: auto;padding: 100px 20px;}
    #event .roulette .chart canvas {width: 100%;aspect-ratio: 1 / 1;transition: 2s;z-index:1;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:50%;}
    #event .roulette .chart button {width: 150px;height: 150px;font-size: 24px;position:absolute;left:50%;top:50%;border:0;font-weight: bold;border-radius: 50%;transition: 0.5s;cursor: pointer;transform: translate(-50%,-50%);z-index:1;background: #EB3F3D;color: #ffffff;text-align: center;display: flex;align-items: center;justify-content: center;}
    #event .roulette .chart button:hover {background: #fff;color: #EB3F3D;}
    #event .roulette .method{order: 1;padding: 20px;}
    #event .roulette .method dl{display:flex;flex-direction: column;}
    #event .roulette .method dt{display:flex;line-height: 22px;align-items:center;justify-content: flex-start;text-align: left;font-size: 16px;font-weight: 500;color:#000;margin: 0 0 12px 0;}
    #event .roulette .method dd{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
    #event .roulette .method dd ul{padding: 0 0 0 16px;    }
    #event .roulette .method dd li{line-height: 22px;font-size:14px;color: #707070;list-style-type: decimal;}
    #event .roulette .method dd li span{color:#eb3f3d;}
    #event .button{margin: 32px 0;padding: 0 20px;display:flex;align-items:center;justify-content:center;gap: 10px;}
    #event .button .btn{width: 100%;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent}
    #event .banner{margin: 32px auto;margin: 16px auto}
    #event .banner a{display:block}
    #event .banner img{display:block;width:100%;height:auto}

    #product{position: relative;padding: 24px 0 0;}
    #product.domestic{}
    #product.domestic .table{}
    #product.domestic .table table{}
    #product.domestic .table table tr{}
    #product.domestic .table table td.number{display: none !important;}
    #product .loca{margin:0;}
    #product .product{}
    #product .product .search{margin: 0;padding: 20px 20px 20px 20px;border-bottom: 8px solid #f4f4f4;}
    #product .product .search .form{display: flex;flex-direction: row;align-items: center;border: 0;flex-wrap: wrap;gap: 12px 6px;padding: 0;}
    #product .product .search .select{display:flex;width: calc(50% - 3px);height: 48px;border-radius: 8px;border:1px solid #ddd;font-size: 14px;align-items: center;display: none}
    #product .product .search .select:nth-child(3){width:100%}
    #product .product .search .select select{padding: 0 16px;width: 100%;border:0;height: 48px;}
    #product .product .search .select.w100p{width:100%;}
    #product .product .search .input{width:calc(100% - 54px); display:flex;height: 48px;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;width:calc(100% - 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;padding: 12px 20px;}
    #product .product .tool .toggBox{}
    #product .product .tool .toggBox .checkbox{display:flex;align-items:center;height: 36px;cursor:pointer}
    #product .product .tool .toggBox .checkbox input{display:none;}
    #product .product .tool .toggBox .checkbox 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}
    #product .product .tool .toggBox .checkbox input ~ p{font-size: 14px;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;display: none;}
    #product .product .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;}
    #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;padding: 0 16px;height: 36px;border-radius: 36px;border: 1px solid #ddd;font-size: 13px;color: #707070;background: #fff;}
    #product .product .tool .sortBox button.on{color:#eb3f3d;border-color:#eb3f3d;}
    #product .product .basic{margin:0 -20px;}
    #product .product .table{padding: 24px 20px;border-top: 2px solid #f4f4f4;}
    #product .product .table table{display:flex;border-top: 0 !important;}
    #product .product .table table colgroup{display:none}
    #product .product .table table thead{display:none;}
    #product .product .table table tbody{display:flex;flex-direction:column;width: 100%;}
    #product .product .table table tbody tr{position:relative;display:flex;flex-wrap:wrap;padding:10px 0!important;border-bottom: 1px solid #ddd;min-height:92px;}
    #product .product .table table tbody tr.noImg {padding: 16px 0}
    #product .product .table table tbody td{position: relative;border:0;height: auto;padding: 0;margin: 0;}
    #product .product .table table tbody .number{order:1;width:100%;display: flex;align-items: center;justify-content: flex-start;margin: 0 0 8px;color: #808089;font-size: 11px;}
    #product .product .table table tbody .number p{margin: 0 !important;}
    #product .product .table table tbody .company{order:2;margin-right:5px;margin-bottom:0 !important;}
    #product .product .table table tbody .company a{margin:0 !important}
    #product .product .table table tbody .company p{margin: 0;text-align: left !important;color: #707070;line-height:1;margin-bottom:8px !important;font-size:12px !important;}
    #product .product .table table tbody .subject{order:0;margin: 0 0 10px 0 !important;width: 100%;height: 38px;overflow: hidden;}
    #product .product .table table tbody .subject a{display: inline;overflow: hidden;padding: 0 10px 0 0;}
    #product .product .table table tbody .subject p{display: inline;vertical-align:top}
    #product .product .table table tbody .subject em{color: #e60012 !important;font-size: 14px;margin-top: -2px;margin-left: 5px;height: 20px;line-height: 20px;display: inline-block;vertical-align: middle;}
    #product .product .table table tbody .thumb{order: 4;position: absolute;top:50%;bottom:unset !important;transform:translateY(-50%);right: 0;width: 90px;height: 64px;border: 1px solid #ddd;border-radius: 8px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
    #product .product .table table tbody .thumb.tac {display: none}
    #product .product .table table tbody .thumb img{width:100%;height:100%;object-fit:cover;}
    #product .product .table table tbody .thumb.mo-view{display:block;}
    #product .product .table table tbody .nick{order:2;font-size: 10px;color: #707070;display: flex;align-items: center;justify-content: flex-start;margin-right:5px;display: none;}
    #product .product .table table tbody .date{order: 5;padding: 0 13px 0 0;line-height: 14px;font-size: 10px;color: #707070;}
    #product .product .table table tbody .date:after{content:'';position:Absolute;top:50%;right:3px;transform:translateY(-50%);width:1px;background:#ddd;}
    #product .product .table table tbody .view{order: 6;padding: 0 13px 0 0;line-height: 14px;font-size: 10px;color: #707070;}
    #product .product .table table tbody .view:before{content:'조회';margin:0 4px 0 0;}
    #product .product .table table tbody .view:after{content:'';position:Absolute;top:50%;right: 3cm;transform:translateY(-50%);width:1px;background:#ddd;}
    #product .product .table table tbody .like{order: 7;padding: 0 13px 0 0;line-height: 14px;font-size: 11px;color: #707070;}
    #product .product .table table tbody .like:before{content:'추천';margin:0 4px 0 0;}
    #product .product .table table tbody .time{order:8;}
    #product .product .table table tbody tr.hasThumb{padding-right:116px !important;}
    #product .product .item{padding: 0 20px;}
    #product .product .item ul{border-top: 1px solid #ddd;}
    #product .product .item li{padding: 16px 0;border-bottom: 1px solid #ddd;}
    #product .product .item li a{flex-direction: column;display:flex;gap: 10px;}
    #product .product .item li .flex{display:flex;align-items:center;justify-content:space-between;gap: 16px;}
    #product .product .item li .name{line-height: 14px;font-size: 12px;color: #707070;}
    #product .product .item li .cate{margin: 0;}
    #product .product .item li .cate span{display: flex;align-items: center;justify-content: center;border-radius: 4px;border: 1px solid #ebebeb;text-align: center;width: 32px;height: 32px;font-size: 13px;}
    #product .product .item li .cate .cate1{color:#0066B3}
    #product .product .item li .cate .cate2{color:#06C270}
    #product .product .item li .cate .cate3{color:#EB3F3D}
    #product .product .item li .con{height: 70px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
    #product .product .item li .con .subj{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    #product .product .item li .con .subj p{display: inline;line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #product .product .item li .con .subj em{display: inline-flex;line-height: 22px;color: #0066b3;vertical-align: top;font-size: 14px;}
    #product .product .item li .con .subj img{display: inline;height: 22px;vertical-align: top;}
    #product .product .item li .con .desc{margin: 10px 0 0;display: flex;gap: 12px;}
    #product .product .item li .con .desc p{position:relative;line-height: 14px;font-size: 11px;color: #707070;}
    #product .product .item li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px;}
    #product .product .item li .img{width: 104px;height: 64px;border-radius: 8px;overflow: hidden;flex-shrink: 0;}
    #product .product .item li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #product .product .item li .empty{padding:60px 0;text-align:center;font-size:12px;color:#999999}
    #product .product .list{padding: 32px 20px 16px;border-top: 2px solid #f4f4f4;}
    #product .product .list ul{}
    #product .product .list li{padding: 16px 0;border-bottom: 1px solid #ddd;}
    #product .product .list li:nth-child(1){padding-top:0;}
    #product .product .list li a{flex-direction: column;display:flex;gap: 10px;}
    #product .product .list li .flex{display:flex;align-items:center;justify-content:space-between;gap: 16px;}
    #product .product .list li .name{line-height: 14px;font-size: 12px;color: #707070;}
    #product .product .list li .cate{margin: 0;}
    #product .product .list li .cate span{display: flex;align-items: center;justify-content: center;border-radius: 4px;border: 1px solid #ebebeb;text-align: center;width: 32px;height: 32px;font-size: 13px;}
    #product .product .list li .cate .cate1{color:#0066B3}
    #product .product .list li .cate .cate2{color:#06C270}
    #product .product .list li .cate .cate3{color:#EB3F3D}
    #product .product .list li .con{
        display: flex;
        flex-wrap: wrap;
    }
    #product .product .list li .con .subj{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    #product .product .list li .con .subj p{display: inline;line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #product .product .list li .con .subj em{display: inline-flex;line-height: 22px;color: #0066b3;vertical-align: top;font-size: 14px;}
    #product .product .list li .con .subj img{display: inline;height: 22px;vertical-align: top;}
    #product .product .list li .con .desc{margin: 10px 0 0;display: flex;gap: 12px;}
    #product .product .list li .con .desc p{position:relative;line-height: 14px;font-size: 11px;color: #707070;}
    #product .product .list li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px;}
    #product .product .list li .img{width: 104px;height: 64px;border-radius: 8px;overflow: hidden;flex-shrink: 0;}
    #product .product .list li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #product .product .list li .rank{display:flex;align-items:center;justify-content:flex-start}
    #product .product .list li .rank span{display: flex;align-items: center;justify-content: center;min-width: 40px;height: 26px;border-radius: 4px;border: 1px solid #ebebeb;font-size: 13px;color: #1c1c1c;}
    #product .product .list li .star{display:flex;align-items:Center;gap:4px;}
    #product .product .list li .star img{height:20px;width:auto;object-fit:contain}
    #product .product .list li .star em{font-size:15px}
    #product .product .list li .area{margin:0;padding:0;line-height: 22px;font-size: 15px;color: #707070;width: 100%;display: flex;flex-wrap: wrap;gap: 6px;}
    #product .product .list li .addr{line-height:22px;font-size:15px;color:#1c1c1c;width: 100%;}
    #product .product .list li .count{margin: 8px 8px 0 0;width: auto;}
    #product .product .list li .count dl{display:flex;align-items:center;gap:10px;line-height:18px;font-size:13px;color:#707070;}
    #product .product .list li .count dt{}
    #product .product .list li .count dd{color:#0066b3;}
    #product .product .list li .recom{margin: 8px 8px 0 0;width: auto;}
    #product .product .list li .recom dl{display:flex;align-items:center;gap:10px;line-height:18px;font-size:13px;color:#707070;}
    #product .product .list li .recom dt{}
    #product .product .list li .recom dd{color:#0066b3;}
    #product .product .more{margin: 24px 0 0;}
    #product .product .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #product .product .more a img{height:16px;margin-left:2px;flex-shrink:0;}
    #product .product .bottom{position:relative;display: flex;justify-content: center;flex-direction: column;padding: 16px 20px 0;}
    #product .product .bottom .button{position: relative;display:flex;align-items:center;margin: 0;}
    #product .product .bottom .button .btn{display:flex;align-items:center;justify-content:center;width: 100%;height: 48px;border-radius: 48px;}
    #product .product.gallery{}
    #product .product.gallery .tool{display:none;}
    #product .product.gallery .table{}
    #product .product.gallery .table table{}
    #product .product.gallery .table table tbody{}
    #product .product.gallery .table table tbody .number{display:none;}
    #product .product.gallery .table table tbody .nick{order:1;display:block;text-align:left !important}
    #product .product .review{padding:20px;}
    #product .banner{margin: 20px auto;}
    #product .banner a{display:block}
    #product .banner img{display:block;width:100%;height:auto}
    #product .form{padding: 6px 20px 0;display: flex;flex-direction: column;}
    #product .form dl.col{display: flex;flex-direction: column;gap: 10px;position: relative;margin-bottom:10px;}
    #product .form dl.col dt{display: flex;align-items: center;justify-content: flex-start;text-align: center;flex-shrink: 0;line-height: 1;font-size: 12px;color: #1c1c1c;}
    #product .form dl.col dd{flex: 1;display: flex;flex-wrap: wrap; gap: 8px 0}
    #product .form dl.row{display: flex;flex-direction: row;position: relative;flex-wrap:wrap;}
    #product .form dl.row dt{margin-bottom:10px;display: flex;align-items: center;justify-content: flex-start;text-align: center;flex-shrink: 0;line-height: 1;font-size: 14px;color: #1c1c1c;width:80px;}
    #product .form dl.row dd{margin-bottom:10px;width:calc(100% - 80px);display: flex;flex-wrap: wrap; gap: 8px 0}
    #product .form dl.row dd + dt{margin:0 !important;}
    #product .form dl.mt30{margin-top:20px;}
    #product .form dd .txt{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;font-size: 15px;color: #1c1c1c;}
    #product .form dl .inp{width: 100%;border:0;}
    #product .form dl .inp input{padding: 8px;width: 100%;height: 48px;border: 1px solid #ddd;border-radius: 8px;font-size: 13px;display: block;color:#707070;}
    #product .form dl .inp input.datepicker{background: url("../img/common/calendar.png") no-repeat right 8px center / 16px auto;}
    #product .form dl .txt{padding: 8px 0;width: 100%;line-height:32px;height: 48px;border-radius: 8px;font-size: 13px;display: block}
    #product .form dd .capt_input {border-bottom: 0;display:flex;align-items:center;}
    #product .form dd .capt_input input {border:0;border-radius:0;border-bottom: 1px solid #ddd}
    #product .form dd .capt_input #capt_img {border-radius: 4px;margin: 0 10px 0 0;flex: 0 0 auto}
    #product .form dd .capt_input .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{display:flex;}
    #product .form dd.fw{flex-wrap:wrap;gap:8px !important}
    #product .form dd .sel{width:calc(50% - 4px);max-width:100%;}
    #product .form dd .sel select{padding: 8px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #dddddd;font-size: 14px;}
    #product .form dd .sel.storename {width: 100%}
    #product .form dd .sel.storename select {}
    #product .form dd .chk{display: flex;flex-wrap: wrap;gap: 12px;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: 20px;height: 20px;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: 14px;font-weight:400;color:#1c1c1c}
    #product .form dd .chk label input ~ img{height: 20px;width:auto;object-fit:contain}
    #product .form dd .chk label input ~ img + p{margin-left:6px;}
    #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{flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;width: 100%;}
    #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: 8px;width: 100%;height: 128px;border-radius: 8px;border: 1px solid #dddddd;}
    #product .form dd .file{margin: 20px 0 0 0;}
    #product .form dd .file .fileBtn{display: flex;position: absolute;top: -11px;right: 0;}
    #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;padding: 0 16px;height: 36px;border-radius: 36px;background: #fff;color: #eb3f3d;font-size: 14px;text-align: center;border: 1px solid #eb3f3d;}
    #product .form dd .file .fileList{}
    #product .form dd .file .fileList ul{display: flex;gap: 10px;flex-wrap: wrap;}
    #product .form dd .file .fileList li{position:relative;}
    #product .form dd .file .fileList li .img{width: 72px;height: 72px;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 .form .bar{margin:20px -20px;height:4px;background:#ededed;display:block;}
    #product .onsite{padding:0;margin:5px 20px 30px}
    #product .onsite label{display:flex;align-items:center;height: 20px;cursor:pointer}
    #product .onsite label input{display:none;}
    #product .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}
    #product .onsite label input ~ p{font-size: 14px;font-weight: 500;color:#1c1c1c}
    #product .onsite label input ~ p span{font-weight:300;color:#707070;}
    #product .onsite label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #product .detail{padding: 32px 20px 56px 20px;}
    #product .detail .head{display: flex;align-items: center;border-bottom: 1px solid #ededed;padding: 0 0 16px;}
    #product .detail .head .area{line-height: 22px;font-size: 16px;font-weight: 500;color: #eb3f3d;margin: 0 8px 0 0;flex-shrink: 0;}
    #product .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;}
    #product .detail .head .tool{flex-shrink: 0;display: flex;align-items: center;margin: 0 0 0 10px;position: relative;gap:10px;}
    #product .detail .head .tool button{width:22px;height:22px;background:transparent;}
    #product .detail .head .tool button img{display:block;width: 100%;height:auto;}
    #product .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 rgba(0,0,0,0.1);padding: 16px;gap: 16px;display: flex;flex-direction: column;display: none;}
    #product .detail .head .tool li{position:relative;}
    #product .detail .head .tool li a{position:relative;display: flex;align-items: center;justify-content: center;font-size:14px;color:#707070;}
    #product .detail .head .tool li a img {display: none}
    #product .detail .head .tool.on ul{display: flex;}
    #product .detail .profile{padding:16px 0;display:flex;gap:12px;}
    #product .detail .profile .ico{width:56px;height:56px;border-radius:56px;overflow:hidden}
    #product .detail .profile .ico img{display:block;width:100%;height:100%;object-fit:cover;}
    #product .detail .profile .con{flex:1;display:flex;flex-direction:column;padding: 6px 0;gap: 10px;}
    #product .detail .profile .con .upper{display: flex;align-items: center;justify-content: space-between;}
    #product .detail .profile .con .name{line-height:18px;font-size:15px;font-weight:500;color:#373737;}
    #product .detail .profile .con .date{line-height:18px;font-size:12px;font-weight:400;color:#707070}
    #product .detail .profile .con .inner{display: flex;flex-wrap: wrap;gap: 20px;}
    #product .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;}
    #product .detail .profile .con .inner dd span{color:#0066b3;}
    #product .detail .info{display:flex;padding: 16px;align-items: center;background: #f4f4f4;border-radius: 8px;flex-direction: column;gap: 10px;}
    #product .detail .info > div{width:100%;display:flex;flex-direction:column;gap:10px;}
    #product .detail .info dl{display:flex;align-items:center;justify-content:space-between;width: 100%;line-height: 16px;font-size: 13px;color: #707070;}
    #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: 20px 0 40px;}
    #product .detail .cont *{word-break: break-all !important;text-wrap: unset !important;font-size: 16px !important;line-height:24px;}
    #product .detail .cont img{display: inline-flex;width:auto;max-width:100%;height:auto;border-radius: 8px;margin: 0 0 32px;}
    #product .detail .cont p{line-height: 22px;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{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 rgba(0,0,0,0.1);gap: 0;margin: 0;padding: 0;}
    #product .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;}
    #product .detail .button .btn+.btn { border-left: 1px solid #e0e0e0 !important;}
    #product .detail .button .btn img{height: 20px;}
    #product .detail .button .btn {font-weight:500;}
    #product .detail .button .btn em{font-weight:500;}
    #product .detail .button .goodBtn em{color:#eb3f3d;}
    #product .detail .button .commentBtn em{color:#ffffff;}
    #product .detail .bottom{border-bottom:1px solid #ddd;}
    #product .detail .counter{display:flex;align-items:center;justify-content:space-between;height:52px;}
    #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: 0px 0px 4px 0px #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity: 0;visibility: hidden;transition: all 0.35s;background: #fff;}
    #product .detail .counter .share > ul li{}
    #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 0;line-height:20px;font-size:14px;color:#333;}
    #product .detail .counter .share.on > ul{opacity:1;visibility:visible;}
    #product .detail .comment{}
    #product .detail .comment .type{padding: 80px 0 0 0;margin: 0 0 32px 0;}
    #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{}
    #product .detail .comment .con ul{display: flex;flex-direction: column;gap: 16px;}
    #product .detail .comment .con li{position: relative;padding: 20px 16px;display: flex;background: #fff;border: 1px solid #ebebeb;border-radius: 8px;flex-direction: column;}
    #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: 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 rgba(0,0,0,0.05);flex-shrink: 0;}
    #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: 64px; */}
    #product .detail .comment .con li .cmt_img{display:none;}
    #product .detail .comment .con li .cmt_upper{display:flex;align-items:center;}
    #product .detail .comment .con li .cmt_name{line-height: 24px;font-size: 14px;font-weight: 500;color: #1c1c1c;}
    #product .detail .comment .con li .cmt_thumb{margin:12px 0;padding:0;border:0 !important;min-height: auto;}
    #product .detail .comment .con li .cmt_thumb img{width:auto;max-width:100%;height:auto;}
    #product .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;}
    #product .detail .comment .con li .cmt_item{margin: 8px 0 0 0;line-height: 20px;font-size: 12px;color: #707070;}
    #product .detail .comment .con li .cmt_date{line-height: 18px;font-size: 12px;color: #707070;}
    #product .detail .comment .con li .cmt_cmmt{}
    #product .detail .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;}
    #product .detail .comment .con li .cmt_info{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
    #product .detail .comment .con li .cmt_like{display:flex;align-items:center;gap: 4px;order: 1;display: none;}
    #product .detail .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070;white-space: nowrap;}
    #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{display: flex;align-items: center;justify-content: flex-end;gap: 6px;order: 3;margin: 0 0 0 auto;position: relative;}
    #product .detail .comment .con li .cmt_button .cmt_button_toggle{position:relative;width: 18px;height: 18px;background: transparent;display: flex;align-items: center;justify-content: center;}
    #product .detail .comment .con li .cmt_button .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #product .detail .comment .con li .cmt_button .cmt_button_con{position:absolute;top:100%;right: -5px;border-radius:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 16px;}
    #product .detail .comment .con li .cmt_button.on .cmt_button_con{display: flex;}
    #product .detail .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;}
    #product .detail .comment .con li .cmt_button .btn:last-child{margin:0;}
    #product .detail .comment .con li .cmt_reCmt{margin: 16px 0 0 0;padding:16px;border-radius:8px;background:#f4f4f4}
    #product .detail .comment .con li .cmt_reCmt .recmt_tit{display:flex;align-items:center;justify-content:space-between;margin: 0 0 12px;}
    #product .detail .comment .con li .cmt_reCmt .recmt_tit .name{line-height: 18px;font-size: 13px;font-weight: 500;color: #707070;}
    #product .detail .comment .con li .cmt_reCmt .recmt_tit .bttn{position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;}
    #product .detail .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;}
    #product .detail .comment .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #product .detail .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 rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;}
    #product .detail .comment .con li .cmt_reCmt .recmt_tit .bttn.on .cmt_button_con{display:block}
    #product .detail .comment .con li .cmt_reCmt .recmt_txt{line-height:20px;font-size:14px;color:#1c1c1c}
    #product .detail .comment .con li.replyCmtLi{background:#ffffff;border-top:0;margin-top: -30px;padding: 20px !important;border-radius:0 0 10px 10px;}
    #product .detail .comment .con li.replyCmtLi:before{display:none !important}
    #product .detail .comment .con li.replyCmtLi .cmt_inner{padding:16px;border-radius:8px;background:#f4f4f4}
    #product .detail .comment .con li.replyCmtLi .cmt_ico{display:none;}
    #product .detail .comment .con li.replyCmtLi .cmt_name{line-height:18px;font-size:13px;font-weight:500;color:#707070;}
    #product .detail .comment .con li.replyCmtLi .cmt_text{margin:12px 0 0 0;padding:0;border:0 !important;min-height: auto;}
    #product .detail .comment .con li.replyCmtLi .cmt_date{display:none;}
    #product .detail .comment .con li.replyCmtWrap .frm{display: flex !important;}
    #product .detail .comment .con li.cmt_rep{background:#f4f4f4}
    #product .detail .comment .con li.cmt_rep .cmt_ico{background:#707070;}
    #product .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}
    #product .detail .comment .frm .bg{position:absolute;top:0;left: 0;width:100%;height:100%;background:#000;opacity: 0.5;}
    #product .detail .comment .frm .box{padding: 24px 20px;border-radius: 16px 16px 0 0;border:1px solid #ddd;background:#ffff;position: relative;z-index: 2;}
    #product .detail .comment .frm .caution{border-radius:8px;background:#fff;line-height:16px;font-size:12px;color:#555;margin: 0 0 16px;}
    #product .detail .comment .frm .input{display: flex;align-items: center;height: 42px;}
    #product .detail .comment .frm .inp{flex: 1;display: flex;}
    #product .detail .comment .frm .inp textarea{width: 100%;height: 55px;line-height: 16px;font-size: 14px;padding: 13px 8px 8px 8px;border: 1px solid #ddd;border-radius: 5px;background: transparent;}
    #product .detail .comment .frm .bot{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 16px;}
    #product .detail .comment .frm .bot .file{}
    #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 .bot .submit{}
    #product .detail .comment .frm .bot .submit a,
    #product .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: #333333;font-size: 14px;color: #fff;}
    #product .detail .comment .frm .fileList{width:100%;}
    #product .detail .comment .frm .fileList ul{display:flex;flex-wrap:wrap;gap: 0 10px;}
    #product .detail .comment .frm .fileList li{width: calc(11.11% - 3.9px);margin-top: 10px;}
    #product .detail .comment .frm .fileList li .img{}
    #product .detail .comment .frm .fileList li .img img{width:100% !important;height:100% !important;object-fit:contain}
    #product .detail .comment.on .frm{display: flex;}
    #product .button{margin: 30px 0 0 0;display:flex;align-items:center;justify-content:center;gap: 10px;flex-direction: row;padding: 0 20px 100px;}
    #product .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}
    #product .area{}
    #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 0;}
    #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{}
    #product .search .form .con .area .tit{margin: 0 0 16px 0;line-height: 22px;font-size: 15px;color: #1c1cc;    }
    #product .search .form .con .area .lst{}
    #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{}
    #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 0;}
    #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 0;}
    #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: #dddddd}
    #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:#555555;}
    #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{}
    #product .review .company{margin: 0 0 16px 0;display: flex;align-items: center;justify-content: space-between;}
    #product .review .company > .name{line-height: 22px;font-size: 18px;font-weight: bold;color: #1c1c1c;}
    #product .review .company > .take{display: flex;align-items: center;font-size: 13px;}
    #product .review .company > .take p{color:#EB3F3D}
    #product .review .company .img{width: 100%;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 0;}
    #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{padding: 0;border: 0;gap: 0;}
    #product .review .form .tit{line-height: 1;font-size: 24px;font-weight: 500;color: #1c1c1c;margin: 0 0 24px 0;text-align: center;}
    #product .review .form .tab{margin: 0;}
    #product .review .form .tab ul{}
    #product .review .form .tab li{flex:1;}
    #product .review .form .tab li a{height: 56px;font-size: 16px;}
    #product .review .form .tab li.on{}
    #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: 32px 0;text-align:Center;line-height:1;font-size:14px;color:#1c1c1c}
    #product .review .form .con{}
    #product .review .form .con .view{display:block}
    #product .review .form .con .write{display:none;margin: 24px 0 0 0}
    #product .review .form .con .view.on{display:none}
    #product .review .form .con .write.on{display:block}
    #product .review .form .con ul{display: flex;flex-direction: column;gap: 10px;}
    #product .review .form .con li{width: 100%;}
    #product .review .form .con li .box{position: relative;display:flex;align-items:center;border-radius:8px;border:1px solid #ddd;padding: 16px;height: 56px;}
    #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}
    #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 li .box input:checked ~ p:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid #eb3f3d;border-radius:8px;z-index: 10;pointer-events: none;}

    #product .review .button{}
    #product .review .button .reviewBtn{display:flex;}
    #product .review .button .reviewSubmitBtn{display:none;}
    #product .review.edit{}
    #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{}
    #product .review.edit .button .reviewBtn{display:none}
    #product .review.edit .button .reviewSubmitBtn{display:flex;}
    #product .around{padding: 0 20px;    }
    #product .around .loca{margin: 0 auto 8px;}
    #product .around .loca ul{}
    #product .around .loca li:after{display:none}
    #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: 48px;text-align: center;line-height: 1;font-size: 14px;font-weight: 400;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: 32px 0 0 0;}
    #product .around .sort{margin: 32px auto 40px;}
    #product .around .sort ul{gap: 10px;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}
    #product .around .sort li{flex: 1;}
    #product .around .sort li button{display:flex;align-items:center;justify-content:center;text-align:center;width: 100%;height: 40px;border-radius: 40px;border: 1px solid #F4F4F4;background: #F4F4F4;font-size:15px;color:#707070}
    #product .around .sort li button.on{color: #fff;border-color:#EB3F3D;background: #EB3F3D;}
    #product .around .named{margin:0 0 16px;line-height:26px;font-size:20px;font-weight:bold;color:#1c1c1c;text-align:center}
    #product .around .zido{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ccc;aspect-ratio: 1 / 0.94;}
    #product .around .zido #map{aspect-ratio: 1 / 1 !important;}
    #product .around .zido > img,
    #product .around .zido > iframe{width:100%;height: 100%;object-fit: cover;}
    #product .around .zido .zidoBtn{position:absolute;bottom: 16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding: 0 16px;height: 32px;border-radius: 32px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);font-size: 13px;white-space: nowrap;}
    #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;display: none;}
    #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: 24px auto 30px;padding: 20px 10px;border-radius:12px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
    #product .around .calendar .head{position:relative;margin: 0 0 20px 0;}
    #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:bold;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{}
    #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: #ffffff;}
    #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;}
    #product .around .calendar .list .month .day.disabled{color: #cfcfcf;pointer-events: none;font-weight: 300;}
    #product .around .calendar .list .month .day.sun{background: rgba(235, 63, 61, 0.06);}
    #product .around .calendar .list .month .day.sat{}
    #product .around .calendar .list .month .day.today{background: rgba(0, 102, 179, 0.08);}
    #product .around .calendar .list .month .day .num{}
    #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 .calendar .month{display:flex;align-items:center;justify-content:center;}
    #product .around .calendar .month a{}
    #product .around .calendar .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;}
    #product .around .calendar .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;}
    #product .around .calendar .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:bold;}
    #product .around .calendar .day{margin:20px 0 0 0;}
    #product .around .calendar .day ul{display:flex;align-items:center;}
    #product .around .calendar .day li.dayBtn{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
    #product .around .calendar .day li.dayBtn span{line-height:17px;font-size:14px;color:#707070;margin:0 0 24px 0;}
    #product .around .calendar .day li.dayBtn p{width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:24px;font-size:16px;color:#555555;border-radius:40px;}
    #product .around .calendar .day li.today{}
    #product .around .calendar .day li.today span{color:#0066b3}
    #product .around .calendar .day li.today p{}
    #product .around .calendar .day li.on{}
    #product .around .calendar .day li.on span{}
    #product .around .calendar .day li.on p{color:#ffffff;background:#EB3F3D}
    #product .around .timer{position:relative;margin: 32px 0;}
    #product .around .timer .title{line-height:1;font-size:22px;font-weight:500;color:#1c1c1c;text-align:center;margin: 0 0 32px 0;display: none;}
    #product .around .timer .list{}
    #product .around .timer .list > ul{display: flex;flex-direction: column;}
    #product .around .timer .list > ul{}
    #product .around .timer .list > ul > li{padding:32px 0;}
    #product .around .timer .list > ul > li + li{border-top:1px solid #dddddd}
    #product .around .timer .list > ul > li .area{display: flex;}
    #product .around .timer .list > ul > li .icon{width: 74px;height: 74px;border-radius: 74px;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;}
    #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:18px;font-weight:bold;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:16px;height:16px;background:url("../img/common/close.png") no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden;}
    #product .around .timer .list > ul > li .loca{margin:4px 0 0 0;line-height:20px;font-size:14px;color:#707070;}
    #product .around .timer .list > ul > li .info{margin:12px 0 0 0;display:flex;align-items:center;flex-wrap:wrap;}
    #product .around .timer .list > ul > li .info p{line-height:13px;font-size:13px;color:#555555;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:#dddddd;}
    #product .around .timer .list > ul > li .booking{flex-shrink:0;margin-left:10px;display:flex;align-items:center;justify-content:center;}
    #product .around .timer .list > ul > li .booking .btn{display:flex;align-items:center;justify-content:center;height:40px;width:56px;border-radius:40px;border:1px solid transparent;font-size:13px;font-weight:500;}
    #product .around .timer .list > ul > li .time{margin:24px 0 0 0;}
    #product .around .timer .list > ul > li .time ul{display:flex;flex-wrap:wrap;gap: 10px;}
    #product .around .timer .list > ul > li .time li{width: calc(20% - 8px);}
    #product .around .timer .list > ul > li .time li.timeBtn{display:flex;align-items:center;justify-content:center;height:32px;border-radius:4px;border:1px solid #dddddd;font-size:14px;color:#1c1c1c;}
    #product .around .timer .list > ul > li .time li.timeBtn.disabled{pointer-events:none;background:#ededed;color:#cccccc;}
    #product .around .timer .list > ul > li .time li.timeBtn.on{border-color:#EB3F3D;color:#EB3F3D;}
    #product .around .timer .button{margin:56px 0 0 0;display:flex;align-items:center;justify-content:center;display: none;}
    #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{}
    #product .recommand .list{}
    #product .recommand .list ul{display: flex;flex-wrap: wrap;margin: 0 -8px;}
    #product .recommand .list li{width: 50%;padding: 0 8px 32px;display: flex;flex-direction: column;}
    #product .recommand .list li:nth-last-child(1),
    #product .recommand .list li:nth-last-child(2){padding-bottom:0;}
    #product .recommand .list li .upper{display: flex;margin: 0 0 14px 0;}
    #product .recommand .list li .upper .name {line-height: 22px;font-size: 16px;font-weight: 500;color: #1c1c1c;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #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 0;/* 이미지 크기에 따라 사이즈가 자꾸 바껴서 추가함*/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 12px;display: flex;flex-wrap: wrap;border-radius: 8px;background: #f4f4f4;}
    #product .recommand .list li .info .desc{position: relative;width: 100%;padding: 10px 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: #dddddd}
    #product .recommand .list li .info .desc.w100p{width: 100%;border-top: 1px solid #e0e0e0;}
    #product .recommand .list li .info .desc:nth-child(3) dl{}
    #product .recommand .list li .info .desc:nth-child(3) dl dt{font-size:11px}
    #product .recommand .list li .info .desc:nth-child(3) dl dd{}
    #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:#555555;white-space: nowrap;}
    #product .recommand .list li .info dt img {display: none;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;flex: 1;}
    #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: 20px;font-size:14px;color:#555;/* 추가 */width: 100%;/* overflow: hidden; *//* white-space: nowrap; *//* text-overflow: ellipsis; */word-break: keep-all;}
    #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{overflow: hidden;}
    #pointmall .visual{position: relative;}
    #pointmall .visual .swiper-container{}
    #pointmall .visual .swiper-wrapper{}
    #pointmall .visual .swiper-slide{transition: all 0.35s;overflow: hidden;}
    #pointmall .visual .swiper-slide-active{}
    #pointmall .visual .swiper-control{position:absolute;bottom: 32px;right: 32px;display:flex;align-items: center;border-radius: 32px;height: 32px;background: rgba(0,0,0,0.5);z-index: 6;padding: 0 16px;}
    #pointmall .visual .swiper-scroll{margin: 0 22px 0 0;width: 175px;height:1px;background:rgba(255,255,255,0.5);position: relative;left: unset;bottom: unset;flex-shrink: 0;display: none !important;}
    #pointmall .visual .swiper-scroll .swiper-scrollbar-drag{height:2px;background:#ffffff}
    #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;display: none;}
    #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: auto;aspect-ratio: 4 / 3;}
    #pointmall .visual .inner{position: relative;z-index: 2;padding: 42px 0 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: bold;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 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;}
    #pointmall .latest .box{min-height: 56px;display: flex;height: 56px;padding: 0 20px;align-items: center;border-bottom: 1px solid #ddd;}
    #pointmall .latest .tit{padding: 0 6px;margin: 0 8px 0 0;display: flex;align-items: center;justify-content: center;height: 24px;flex-shrink:0;font-size: 12px;color: #fff;background: #00235C;border-radius: 30px;}
    #pointmall .latest .act{display:flex;flex:1;}
    #pointmall .latest .act a{display: flex;width: 100%;font-size: 16px;color: #000;align-items: center;height: 50px}
    #pointmall .latest .act p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;flex: 1;line-height: 24px;font-size: 14px;color: #1c1c1c;}
    #pointmall .latest .act em{flex-shrink: 0;color: #707070;margin: 0;line-height: 1;font-size: 11px;}
    #pointmall .tool{display:flex;padding: 12px 20px 0;flex-direction: column;}
    #pointmall .tool .select{position: relative;z-index: 2;pointer-events: none;}
    #pointmall .tool .select select{padding: 0 24px 0 12px;display: flex;width: 100%;margin: 0 10px 0 0;height: 40px;border-radius: 8px;border: 1px solid #ddd;font-size: 14px;align-items: center;pointer-events: all;background-position: right 6px center;}
    #pointmall .tool .prod{display:flex;flex-wrap: wrap;padding: 0 0 24px;border-bottom: 1px solid #ddd;}
    #pointmall .tool .link{width: 100%;margin: 10px 0;}
    #pointmall .tool .link ul{display: flex;align-items: center;justify-content: flex-end;height: 40px;}
    #pointmall .tool .link li{position:relative;}
    #pointmall .tool .link li a{font-size: 12px;color:#707070;white-space: nowrap;}
    #pointmall .tool .link li.on a{color: #EB3F3D;}
    #pointmall .tool .link li + li{margin-left: 6px;padding-left: 6px;}
    #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 8px 0 0;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #f4f4f4;padding: 12px;font-size: 14px;align-items:center;background: #f4f4f4;}
    #pointmall .tool .search form{display:flex;width: 100%;align-items: center;}
    #pointmall .tool .search input{flex:1;height: 32px;background: transparent;}
    #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{flex-shrink: 0;}
    #pointmall .tool .cart a{display:flex;align-items:center;justify-content:center;width:48px;height: 48px;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{position:relative;padding: 40px 20px 0;border-bottom: 8px solid #f4f4f4f4;}
    #pointmall .product:last-child{border-bottom:0}
    #pointmall .product .title{position:relative;margin: 0 0 32px 0;display: flex;align-items: center;justify-content: center;text-align: center;}
    #pointmall .product .title .tit{line-height: 22px;font-size: 18px;font-weight:500;color:#333333;}
    #pointmall .product .title .srt{display:flex;gap:20px;display: none;}
    #pointmall .product .title .srt button{position: relative;display:flex;font-size: 12px;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{color:#EB3F3D}
    #pointmall .product .list{overflow: hidden;}
    #pointmall .product .list ul{display: flex;flex-wrap: wrap;margin: 0 -8px;width: auto;}
    #pointmall .product .list li{padding: 0 8px 48px;width: 50%;}
    #pointmall .product .list .box{position:relative;}
    #pointmall .product .list .img{border-radius: 8px;overflow:hidden;padding: 100% 0 0 0;position: relative;border: 1px solid #ddd;}
    #pointmall .product .list .img a{display:block}
    #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 0;display: flex;flex-direction: column;}
    #pointmall .product .list .icon{display:flex;flex-wrap:wrap;margin:0 0 10px 0;position: absolute;top: 0;left: 0;padding: 6px;gap: 2px;}
    #pointmall .product .list .icon span{display:flex;align-items:center;justify-content:center;padding:0 6px;height: 18px;border-radius:4px;font-size: 11px;font-weight: 300;}
    #pointmall .product .list .icon span.icon_1{color:#ffffff;background:#EB3F3D}
    #pointmall .product .list .icon span.icon_2{color:#ffffff;background:#FF9900}
    #pointmall .product .list .icon span.icon_3{color:#ffffff;background:#8600BB}
    #pointmall .product .list .icon span.icon_4{color:#ffffff;background:#0066B3}
    #pointmall .product .list .sales{line-height: 18px;font-size:14px;margin: 0 0 12px;display: flex;}
    #pointmall .product .list .sales .rate{font-size: 16px;font-weight: 500;color: #0066b3;margin: 0 8px 0 0;}
    #pointmall .product .list .sales .cost{text-decoration: line-through;font-size: 14px;font-weight: 300;color: #ccc;}
    #pointmall .product .list .name{line-height: 22px;font-size: 14px;color: #1c1c1c;padding: 0 20px 0 0;display: flex;align-items: center;}
    #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: 22px;font-size: 12px;color: #555555;padding: 0 20px 0 0;display: flex;align-items: center;}
    #pointmall .product .list .info{display:flex;align-items: flex-end;margin: 12px 0 0 0;}
    #pointmall .product .list .price{display: flex;align-items: flex-start;flex-direction: column;}
    #pointmall .product .list .price .sale{line-height:1;font-size: 16px;color: #eb3f3d;}
    #pointmall .product .list .price .origin{line-height: 18px;font-size:14px;margin: 0 0 12px;display: flex;display: none;}
    #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;display: none;}
    #pointmall .product .list .tool .comment{display: flex;align-items: center;}
    #pointmall .product .list .tool .comment i{width:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #pointmall .product .list .tool .comment em{font-size:18px;color:#0066b3;line-height: 22px;}
    #pointmall .product .more{margin: 24px -20px 0;border-top: 1px solid #ebebeb;}
    #pointmall .product .more a{display:flex;align-items:center;justify-content:center;line-height: 48px;font-size:12px;}
    #pointmall .product .more a img{height:16px;margin-left:2px;flex-shrink:0;}#pointmall .banner{margin: 80px auto;}
    #pointmall .banner a{display:block}
    #pointmall .banner img{display:block;width:100%;height:auto}
    #pointmall .category{position: relative;padding: 24px 0 32px;overflow: hidden;}
    #pointmall .category .tool{padding-top:0;border-bottom:8px solid #f4f4f4;}
    #pointmall .category .tool .prod{border-bottom:0;}
    #pointmall .category .cate{margin-top:-8px;background: #fff;padding: 0 20px;}
    #pointmall .category .cate .tabs{margin: 0 auto 24px;}
    #pointmall .category .cate .tabs ul{display: flex;}
    #pointmall .category .cate .tabs li{flex: 1;position:relative;}
    #pointmall .category .cate .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;}
    #pointmall .category .cate .tabs li a:after{content:'';position:absolute;bottom: -1px;left:0;width:100%;height:1px;background:#ddd}
    #pointmall .category .cate .tabs li.on a{color:#EB3F3D}
    #pointmall .category .cate .tabs li.on a:after{height:2px;background:#EB3F3D}
    #pointmall .category .cate .cateList{display:flex;align-items:Center;justify-content:flex-start;flex-wrap:wrap;margin:0 0 24px 0;gap:8px;}
    #pointmall .category .cate .cateList ul{display: flex;flex-wrap: wrap;gap: 8px;}
    #pointmall .category .cate .cateList li{width: calc(50% - 4px);}
    #pointmall .category .cate .cateList li a{display:flex;align-items: center;justify-content: center;border-radius: 40px;height: 40px;border: 1px solid #ddd;padding: 6px 12px;font-size: 14px;color: #707070;}
    #pointmall .category .cate .cateList li a.on{color: #EB3F3D;border-color:#EB3F3D;}
    #pointmall .category .product{padding: 32px 20px 0;}
    #pointmall .category .product .title{display:none;}
    #pointmall .category .product .list li{}
    #pointmall .category .item{margin: -8px auto 48px;padding: 20px;background: #fff;}
    #pointmall .category .item ul{gap:8px;display:flex;flex-wrap:wrap;}
    #pointmall .category .item li{width: calc(50% - 6.66px);}
    #pointmall .category .item 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: 14px;color:#707070}
    #pointmall .category .item li button.on{color:#EB3F3D;border-color:#EB3F3D;}
    #pointmall .category .tabs{margin: 0 auto 24px;padding:0 20px;}
    #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: 48px;text-align: center;line-height: 1;font-size: 14px;font-weight: 400;color: #707070;border-bottom: 1px solid #dddddd;}
    #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 .cont{}
    #pointmall .category .sort{margin: 20px auto 32px;padding:0 20px;}
    #pointmall .category .sort ul{gap: 12px 8px;display:flex;flex-wrap:wrap;}
    #pointmall .category .sort li{width: calc(50% - 6.66px);}
    #pointmall .category .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: 14px;color:#707070}
    #pointmall .category .sort li button.on{color:#EB3F3D;border-color:#EB3F3D;}
    #pointmall .detail{padding: 24px 20px;}
    #pointmall .detail .bread{display:flex;line-height: 22px;font-size: 15px;margin: 0 0 16px 0;}
    #pointmall .detail .bread span{display: flex;align-items: center;justify-content: center;font-size: 15px;    }
    #pointmall .detail .bread span + span:before{content:'';width:20px;height:20px;background: url("../img/common/arrow_right_b.png") no-repeat 50% 50% / 16px auto;}
    #pointmall .detail .bread span:last-child{font-weight:500;}
    #pointmall .detail .head{display:flex;padding: 0 0 40px;margin: 0 0 8px 0;flex-direction: column;position:relative;}
    #pointmall .detail .head:after{content:'';position:absolute;bottom: -8px;left:-20px;right:-20px;border-bottom:8px solid #f4f4f4;}
    #pointmall .detail .head .thumb{width: 100%;aspect-ratio: 1 /1;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-height: 80%;height:auto;cursor: pointer;}
    #pointmall .detail .head .info{flex:1;display:flex;flex-direction:column;padding: 24px 0 0 0;}
    #pointmall .detail .head .name{line-height: 24px;font-size: 18px;font-weight:500;color:#1c1c1c;margin:0 0 24px}
    #pointmall .detail .head .text{margin:0 0 24px 0;}
    #pointmall .detail .head .text dl{display:flex;align-items:center;justify-content: flex-start;min-height: 40px;padding: 10px 0;}
    #pointmall .detail .head .text dl + dl{border-top: 1px solid #f4f4f4;}
    #pointmall .detail .head .text dt{font-size: 13px;color: #707070;width: 100px;}
    #pointmall .detail .head .text dd{font-size: 14px;color: #1c1c1c;flex: 1;}
    #pointmall .detail .head .text dd .select{min-width: 208px;}
    #pointmall .detail .head .text dd .select select{width:100%;height: 40px;border-radius:8px;border:1px solid #ddd;padding: 8px 46px 8px 16px;font-size: 13px;}
    #pointmall .detail .head .text dd .count{display: flex;align-items: center;justify-content: center;width: 97px;height: 40px;border-radius: 8px;border: 1px solid #ddd;}
    #pointmall .detail .head .text dd .count .plus{width: 30px;height: 40px;background: url("../img/common/plus.png") no-repeat 50% 50% / 12px auto;flex-shrink: 0;}
    #pointmall .detail .head .text dd .count .minus{width: 30px;height: 40px;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{border-top: 1px dashed #ddd;height: 70px;justify-content: flex-end;gap: 8px;}
    #pointmall .detail .head .text dl.delivery dt{}
    #pointmall .detail .head .text dl.delivery dd{font-size: 18px;font-weight: 500;color: #1c1c1c;}
    #pointmall .detail .head .text dl.total{margin: 0;padding-top: 24px;border-top: 1px solid #ccc;}
    #pointmall .detail .head .text dl.total dt{}
    #pointmall .detail .head .text dl.total dd{color: #707070;}
    #pointmall .detail .head .text dl.total dd .price{display: flex;align-items: flex-start;flex-direction: column;}
    #pointmall .detail .head .text dl.total dd .price .sale{line-height: 1;font-size: 24px;font-weight: 500;color: #eb3f3d;}
    #pointmall .detail .head .text dl.total dd .price .sale:before{content:'합계';margin:0 8px 0 0;color:#1c1c1c;font-weight:400;font-size:18px;display: none;}
    #pointmall .detail .head .text dl.total dd .price .origin{line-height: 26px;font-size:14px;margin: 0 0 16px;display: flex;}
    #pointmall .detail .head .text dl.total dd .price .origin .rate{line-height: 24px;font-size: 18px;font-weight: 500;color: #0066b3;margin: 0 8px 0 0;}
    #pointmall .detail .head .text dl.total dd .price .origin .cost{line-height: 24px;text-decoration: line-through;font-size: 14px;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: 14px;}
    #pointmall .detail .head .button .tip{background: #ffffff;padding: 28px 25px;position:absolute;bottom:100%;margin-bottom: 17px;left:50%;transform:translateX(-50%);min-width: 212px;box-shadow: 0 0 4px rgba(0,0,0,0.16);border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;opacity: 0;visibility: hidden;transition: all 0.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 #ffffff;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom:0px 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:0px solid transparent;box-sizing:border-box;z-index: 1;}
    #pointmall .detail .tabmenu{position: sticky;top: 0;background: #fff;z-index: 55;display: none;}
    #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: 0 -20px;padding: 40px 20px;border-bottom: 8px solid #f4f4f4;}
    #pointmall .detail .tab_info .image{display:flex;flex-direction:column;}
    #pointmall .detail .tab_info .image .tit{line-height: 22px;font-size: 18px;font-weight:500;color:#1c1c1c;margin: 0 0 16px 0;text-align:center;}
    #pointmall .detail .tab_info .image .img{}
    #pointmall .detail .tab_info .image .img img{display:block;width:auto;max-width:100%;}
    #pointmall .detail .tab_area{margin: 0 -20px;padding: 40px 20px 0;border-bottom: 8px solid #f4f4f4;}
    #pointmall .detail .tab_area .branch{margin: 0 0 48px;}
    #pointmall .detail .tab_area .branch .tit{line-height: 22px;font-size: 18px;font-weight:500;color:#1c1c1c;margin: 0 0 16px 0;text-align:center;}
    #pointmall .detail .tab_area .branch .con{padding:32px;border-radius:16px;box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 12%);display:flex;flex-wrap:wrap;gap:10px 8px;}
    #pointmall .detail .tab_area .branch .con button{width: calc(11.11% - 7.09px);height: 40px;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 4px;border: 1px solid #ddd;background: #fff;}
    #pointmall .detail .tab_area .branch .con button.on{color:#EB3F3D;border-color:#EB3F3D;}
    #pointmall .detail .tab_area .search{margin: 32px 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: 48px;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: 48px;}
    #pointmall .detail .tab_area .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_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_area .table{}
    #pointmall .detail .tab_area .table table{}
    #pointmall .detail .tab_area .table table tr{}
    #pointmall .detail .tab_area .table table th,
    #pointmall .detail .tab_area .table table td{padding: 12px;}
    #pointmall .detail .tab_area .table table th a,
    #pointmall .detail .tab_area .table table td a{display:flex;align-items:center;}
    #pointmall .detail .tab_area .table table td .km{color:#0066B3;margin:0 0 04px;font-size:14px;}
    #pointmall .detail .tab_area .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_area .list{}
    #pointmall .detail .tab_area .list .tit{line-height: 22px;font-size: 18px;font-weight:500;color:#1c1c1c;margin: 0 0 16px 0;text-align:center;}
    #pointmall .detail .tab_area .list .con{}
    #pointmall .detail .tab_area .list ul{}
    #pointmall .detail .tab_area .list li{display:flex;padding:20px 0;}
    #pointmall .detail .tab_area .list li + li{border-top:1px solid #ddd}
    #pointmall .detail .tab_area .list li .lt{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;}
    #pointmall .detail .tab_area .list li .rt{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:10px;}
    #pointmall .detail .tab_area .list li .top{display:flex;align-items:center;gap:8px;}
    #pointmall .detail .tab_area .list li .name{font-size:16px;font-weight:500;color:#1c1c1c;}
    #pointmall .detail .tab_area .list li .km{font-size:16px;font-weight:500;color:#0066b3;}
    #pointmall .detail .tab_area .list li .bot{display:flex;flex-direction:column;gap:8px;}
    #pointmall .detail .tab_area .list li .bot span{display:flex;align-items:center;gap:4px;line-height:20px;}
    #pointmall .detail .tab_area .list li .bot span img{height:16px;width:auto;flex-shrink:0;}
    #pointmall .detail .tab_area .list li .bot span p{font-size:14px;color:#707070;}
    #pointmall .detail .tab_area .list li .btn{display: flex;align-items: center;justify-content: center;min-width: 56px;height: 40px;border-radius: 40px;border: 1px solid transparent;font-size: 13px;font-weight: 500;}
    #pointmall .detail .tab_review{margin: 0 -20px;padding: 20px 20px 0;border-bottom: 8px solid #f4f4f4;}
    #pointmall .detail .tab_review .onestop{}
    #pointmall .detail .tab_review .onestop .tabs{margin: 0 -20px;}
    #pointmall .detail .tab_review .onestop .tabs ul{display: flex;}
    #pointmall .detail .tab_review .onestop .tabs li{flex: 1;position:relative;}
    #pointmall .detail .tab_review .onestop .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;border-bottom: 1px solid #dddddd;}
    #pointmall .detail .tab_review .onestop .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:transparent}
    #pointmall .detail .tab_review .onestop .tabs li.on a{color:#EB3F3D}
    #pointmall .detail .tab_review .onestop .tabs li.on a:after{height:2px;background:#EB3F3D}
    #pointmall .detail .tab_review .onestop .cont{margin: 0 -20px;padding: 32px 20px;background: #f4f4f4;}
    #pointmall .detail .tab_review .onestop .total{margin:0 0 16px 0;display:flex;gap:3px;line-height:1;font-size:14px;color:#1c1c1c;}
    #pointmall .detail .tab_review .onestop .total span{color:#0066b3}
    #pointmall .detail .tab_review .onestop .con{}
    #pointmall .detail .tab_review .onestop .con ul{display: flex;flex-direction: column;gap: 16px;}
    #pointmall .detail .tab_review .onestop .con li{position: relative;padding: 20px 16px;display: flex;background: #fff;border: 1px solid #ebebeb;border-radius: 8px;flex-direction: column;}
    #pointmall .detail .tab_review .onestop .con li .cmt_top{display:flex;align-items: center;}
    #pointmall .detail .tab_review .onestop .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 rgba(0,0,0,0.05);flex-shrink: 0;}
    #pointmall .detail .tab_review .onestop .con li .cmt_ico img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #pointmall .detail .tab_review .onestop .con li .cmt_con{position: relative;flex: 1;display: flex;flex-direction: column;justify-content: center;/* min-height: 64px; */}
    #pointmall .detail .tab_review .onestop .con li .cmt_img{display:none;}
    #pointmall .detail .tab_review .onestop .con li .cmt_upper{display:flex;align-items:center;}
    #pointmall .detail .tab_review .onestop .con li .cmt_name{line-height: 24px;font-size: 14px;font-weight: 500;color: #1c1c1c;}
    #pointmall .detail .tab_review .onestop .con li .cmt_thumb{margin:12px 0;padding:0;border:0 !important;min-height: auto;}
    #pointmall .detail .tab_review .onestop .con li .cmt_thumb img{width:auto;max-width:100%;height:auto;}
    #pointmall .detail .tab_review .onestop .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;}
    #pointmall .detail .tab_review .onestop .con li .cmt_item{width: 100%;margin: 8px 0 0 0;line-height: 20px;font-size: 12px;color: #707070;}
    #pointmall .detail .tab_review .onestop .con li .cmt_item dl{display:flex;align-items:center;font-size:11px;}
    #pointmall .detail .tab_review .onestop .con li .cmt_item dt{margin:0 6px 0 0;}
    #pointmall .detail .tab_review .onestop .con li .cmt_item dd{}
    #pointmall .detail .tab_review .onestop .con li .cmt_date{line-height: 18px;font-size: 12px;color: #707070;}
    #pointmall .detail .tab_review .onestop .con li .cmt_cmmt{}
    #pointmall .detail .tab_review .onestop .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;}
    #pointmall .detail .tab_review .onestop .con li .cmt_info{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
    #pointmall .detail .tab_review .onestop .con li .cmt_like{display:flex;align-items:center;gap: 4px;order: 1;display: none;}
    #pointmall .detail .tab_review .onestop .con li .cmt_like .likeTxt{font-size:13px;color:#707070;white-space: nowrap;}
    #pointmall .detail .tab_review .onestop .con li .cmt_like .likeBtn{width:18px;height:18px;background: url("../img/common/like_s.png") no-repeat 50% 50% / contain;}
    #pointmall .detail .tab_review .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 .tab_review .onestop .con li .cmt_like .likeNum{font-size: 13px;color:#eb3f3d;}
    #pointmall .detail .tab_review .onestop .con li .cmt_button{display: flex;align-items: center;justify-content: flex-end;gap: 6px;order: 3;margin: 0 0 0 auto;position: relative;}
    #pointmall .detail .tab_review .onestop .con li .cmt_button .cmt_button_toggle{position:relative;width: 18px;height: 18px;background: transparent;display: flex;align-items: center;justify-content: center;}
    #pointmall .detail .tab_review .onestop .con li .cmt_button .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #pointmall .detail .tab_review .onestop .con li .cmt_button .cmt_button_con{position:absolute;top:100%;right: -5px;border-radius:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 16px;}
    #pointmall .detail .tab_review .onestop .con li .cmt_button.on .cmt_button_con{display: flex;}
    #pointmall .detail .tab_review .onestop .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;}
    #pointmall .detail .tab_review .onestop .con li .cmt_button .btn:last-child{margin:0;}
    #pointmall .detail .tab_review .onestop .con li .cmt_reCmt{margin: 16px 0 0 0;padding:16px;border-radius:8px;background:#f4f4f4}
    #pointmall .detail .tab_review .onestop .con li .cmt_reCmt .recmt_tit{display:flex;align-items:center;justify-content:space-between;margin: 0 0 12px;}
    #pointmall .detail .tab_review .onestop .con li .cmt_reCmt .recmt_tit .name{line-height: 18px;font-size: 13px;font-weight: 500;color: #707070;}
    #pointmall .detail .tab_review .onestop .con li .cmt_reCmt .recmt_tit .bttn{position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;}
    #pointmall .detail .tab_review .onestop .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;}
    #pointmall .detail .tab_review .onestop .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #pointmall .detail .tab_review .onestop .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_con{position:absolute;top:100%;right:0;border-radius:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;}
    #pointmall .detail .tab_review .onestop .con li .cmt_reCmt .recmt_tit .bttn.on .cmt_button_con{display:block}
    #pointmall .detail .tab_review .onestop .con li .cmt_reCmt .recmt_txt{line-height:20px;font-size:14px;color:#1c1c1c}
    #pointmall .detail .tab_review .onestop .con li.replyCmtLi{background:#ffffff;border-top:0;margin-top: -30px;padding: 20px !important;border-radius:0 0 10px 10px;}
    #pointmall .detail .tab_review .onestop .con li.replyCmtLi:before{display:none !important}
    #pointmall .detail .tab_review .onestop .con li.replyCmtLi .cmt_inner{padding:16px;border-radius:8px;background:#f4f4f4}
    #pointmall .detail .tab_review .onestop .con li.replyCmtLi .cmt_ico{display:none;}
    #pointmall .detail .tab_review .onestop .con li.replyCmtLi .cmt_name{line-height:18px;font-size:13px;font-weight:500;color:#707070;}
    #pointmall .detail .tab_review .onestop .con li.replyCmtLi .cmt_text{margin:12px 0 0 0;padding:0;border:0 !important;min-height: auto;}
    #pointmall .detail .tab_review .onestop .con li.replyCmtLi .cmt_date{display:none;}
    #pointmall .detail .tab_review .onestop .con li.replyCmtWrap .frm{display: flex !important;}
    #pointmall .detail .tab_review .onestop .con li.cmt_rep{background:#f4f4f4}
    #pointmall .detail .tab_review .onestop .con li.cmt_rep .cmt_ico{background:#707070;}
    #pointmall .detail .tab_review .onestop .frm{margin:20px 0 0 0;border-radius:8px;background:#F4F4F4;}
    #pointmall .detail .tab_review .onestop .frm .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
    #pointmall .detail .tab_review .onestop .frm .inp{}
    #pointmall .detail .tab_review .onestop .frm .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px;}
    #pointmall .detail .tab_review .onestop .frm .bot{display: flex;align-items: center;justify-content: space-between;margin: 16px 0 0 0;}
    #pointmall .detail .tab_review .onestop .frm .bot .file{}
    #pointmall .detail .tab_review .onestop .frm .bot .file label{cursor:pointer}
    #pointmall .detail .tab_review .onestop .frm .bot .file label input{display:none;}
    #pointmall .detail .tab_review .onestop .frm .bot .file label img{width:auto;height:24px;}
    #pointmall .detail .tab_review .onestop .frm .bot .submit{}
    #pointmall .detail .tab_review .onestop .frm .bot .submit a,
    #pointmall .detail .tab_review .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 .tab_review .onestop .frm .img{/*margin: 12px 0 0 0;*/ margin: 0}
    #pointmall .detail .tab_review .onestop .frm .img ul{display: flex;gap: 8px;flex-wrap: wrap;align-items: flex-start;}
    #pointmall .detail .tab_review .onestop .frm .img li{position:relative;}
    #pointmall .detail .tab_review .onestop .frm .img li .img{width: 72px;height: 72px;border-radius: 8px;overflow: hidden;border: 1px solid #ddd;}
    #pointmall .detail .tab_review .onestop .frm .img li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #pointmall .detail .tab_review .onestop .frm .img li .del{position: absolute;top: 8px;right: 8px;width: 16px;height: 16px;cursor: pointer;}
    #pointmall .detail .tab_review .onestop .frm .img li .del img{display: block;width: 100%;height: auto;}
    #pointmall .detail .tab_review .onestop .tool{display: flex;align-items: center;justify-content: space-between;margin: 0 0 12px 0;padding: 0;}
    #pointmall .detail .tab_review .onestop .tool .ltBox{display:flex;align-items:center;gap:24px;}
    #pointmall .detail .tab_review .onestop .tool .rtBox{display:flex;align-items:center;gap:24px;width: 100%;justify-content: space-between;}
    #pointmall .detail .tab_review .onestop .tool .textBox{text-align: center;display: none;color:#1c1c1c}
    #pointmall .detail .tab_review .onestop .tool .toggBox{}
    #pointmall .detail .tab_review .onestop .tool .toggBox .checkbox{display:flex;align-items:center;height: 48px;cursor:pointer}
    #pointmall .detail .tab_review .onestop .tool .toggBox .checkbox input{display:none;}
    #pointmall .detail .tab_review .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;display: none;}
    #pointmall .detail .tab_review .onestop .tool .toggBox .checkbox input ~ p{font-weight:400;padding: 0 16px;height: 40px;background: #555;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 40px;font-size: 14px;}
    #pointmall .detail .tab_review .onestop .tool .toggBox .checkbox input ~ p span{font-weight:300;color:#707070;}
    #pointmall .detail .tab_review .onestop .tool .toggBox .checkbox input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #pointmall .detail .tab_review .onestop .tool .toggBox .checkbox input:checked ~ p{background:#1c1c1c}
    #pointmall .detail .tab_review .onestop .tool .sortBox{position: relative;}
    #pointmall .detail .tab_review .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 .tab_review .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 .tab_review .onestop .tool .sortBox .sortList.on{display:block;}
    #pointmall .detail .tab_review .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 .tab_review .onestop .tool .sortBox .sortList button:hover{background:#fafafa}
    #pointmall .detail .tab_review .onestop .tool .sortBox .sortList button.on{background: rgb(0 102 179 / 6%);color: #0066B3;}
    #pointmall .detail .tab_review .table{overflow-x: auto;background:#ffffff;}
    #pointmall .detail .tab_review .table table{width: auto;}
    #pointmall .detail .tab_review .table table tr{}
    #pointmall .detail .tab_review .table table tr.rep{background:rgb(0 102 179 / 6%)}
    #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 th,
    #pointmall .detail .tab_review .table table tr td{white-space:nowrap;width:auto;background: #fff;padding:8px;font-size: 12px;}
    #pointmall .detail .tab_review .table table tr th:nth-child(1),
    #pointmall .detail .tab_review .table table tr td:nth-child(1){width:100%;white-space:unset;}
    #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 .list{}
    #pointmall .detail .tab_review .list ul{display:flex;flex-direction:column;gap:12px;}
    #pointmall .detail .tab_review .list li{border-radius:6px;border:1px solid #e0e0e0;background:#ffffff;padding:10px;}
    #pointmall .detail .tab_review .list li .upper{display:flex;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e0e0e0;}
    #pointmall .detail .tab_review .list li .icon{display:flex;width:32px;height:32px;border-radius:32px;background:#000;flex-shrink:0;}
    #pointmall .detail .tab_review .list li .icon img{display:block;width:100%;height:100%;object-fit:cover}
    #pointmall .detail .tab_review .list li .name{flex:1;font-size:14px;font-weight:500;padding:0 10px;}
    #pointmall .detail .tab_review .list li .tool{display:flex;align-items:center;flex-direction:row;gap:10px;margin:0;}
    #pointmall .detail .tab_review .list li .tool a{font-size:13px;color:#878787}
    #pointmall .detail .tab_review .list li .text{}
    #pointmall .detail .tab_review .list li .text > p{display:inline;line-height:16px;padding:0;font-size:14px;color:#303030;}
    #pointmall .detail .tab_review .list li .text > span{border-radius:4px;padding:1px 3px;background:#eb3f3d;line-height:16px;font-size:12px;color:#fff;line-height:1;}
    #pointmall .detail .tab_review .list li .date{margin-top:12px;font-size:13px;color:#878787}
    #pointmall .detail .tab_review .list li.replyCmtLi {background: #ffffff;border-top: 0;margin-top: -20px;padding: 10px !important;border-radius: 0 0 10px 10px;}
    #pointmall .detail .tab_review .list li.replyCmtLi .inner{padding: 16px;border-radius: 8px;background: #f4f4f4;}
    #pointmall .detail .tab_review .list li.replyCmtLi .upper{display:flex;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e0e0e0;}
    #pointmall .detail .tab_review .list li.replyCmtLi .icon{display:flex;width:32px;height:32px;border-radius:32px;background:#000;flex-shrink:0;}
    #pointmall .detail .tab_review .list li.replyCmtLi .icon img{display:block;width:100%;height:100%;object-fit:cover}
    #pointmall .detail .tab_review .list li.replyCmtLi .name{flex:1;font-size:14px;font-weight:500;padding:0 10px;}
    #pointmall .detail .tab_review .list li.replyCmtLi .tool{display:flex;align-items:center;flex-direction:row;gap:10px;margin:0;}
    #pointmall .detail .tab_review .list li.replyCmtLi .tool a{font-size:13px;color:#878787}
    #pointmall .detail .tab_review .list li.replyCmtLi .text{}
    #pointmall .detail .tab_review .list li.replyCmtLi .text > p{display:inline;line-height:16px;padding:0;font-size:14px;color:#303030;}
    #pointmall .detail .tab_review .list li.replyCmtLi .text > span{border-radius:4px;padding:1px 3px;background:#eb3f3d;line-height:16px;font-size:12px;color:#fff;line-height:1;}
    #pointmall .detail .tab_review .list li.replyCmtLi .date{margin-top:12px;font-size:13px;color:#878787;display:none;}
    #pointmall .detail .tab_delivery{padding: 40px 20px;margin: 0 -20px;}
    #pointmall .detail .tab_delivery .delivery{margin: 0 0 60px;}
    #pointmall .detail .tab_delivery .delivery .tit{line-height: 22px;font-size: 18px;font-weight: 500;color: #1c1c1c;margin: 0 0 16px 0;text-align: center;}
    #pointmall .detail .tab_delivery .delivery .txt{line-height: 1.4;font-size: 12px;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;font-size: 13px;}
    #pointmall .detail .tab_delivery .delivery .con dt{width: 80px;display: flex;align-items: center;justify-content: center;text-align: center;background: #f4f4f4;}
    #pointmall .detail .tab_delivery .delivery .con dd{flex: 1;padding: 12px;display: flex;flex-direction: column;gap: 8px;line-height: 18px;font-size: 13px;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: 6px 12px;border-radius: 36px;height: 36px;border: 1px solid transparent;margin: 8px 0;font-size: 12px;}
    #pointmall .detail .tab_change{}
    #pointmall .detail .tab_change .exchange{}
    #pointmall .detail .tab_change .exchange .tit{line-height: 22px;font-size: 18px;font-weight: 500;color: #1c1c1c;margin: 0 0 16px 0;text-align: center;}
    #pointmall .detail .tab_change .exchange .txt{line-height: 17px;font-size: 12px;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: 16px;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: 18px;font-size: 13px;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 .detail .more{margin: 0 -20px;border-top: 1px solid #ededed;}
    #pointmall .detail .more a{display:flex;align-items:center;justify-content:center;line-height: 48px;font-size:12px;}
    #pointmall .detail .more a img{height: 14px;margin-left:2px;flex-shrink:0;}
    #pointmall .payment{}
    #pointmall .payment .desc{padding: 32px 20px}
    #pointmall .payment .desc + .desc{border-top:8px solid #f4f4f4}
    #pointmall .payment .desc .intro{width: 100%;height: 80px;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 8px;background: #f4f4f4;margin: 0 0 36px 0;font-weight: bold;}
    #pointmall .payment .desc .title{gap: 10px;display:flex;align-items:center;margin:0 0 25px 0;justify-content: space-between;}
    #pointmall .payment .desc .title .tit{line-height: 22px;font-size: 18px;font-weight: bold;color:#1c1c1c;}
    #pointmall .payment .desc .title .num{font-size: 13px;color:#1c1c1c;}
    #pointmall .payment .desc .title .act{}
    #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{}
    #pointmall .payment .desc .table table{}
    #pointmall .payment .desc .table table tr{}
    #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 .list{}
    #pointmall .payment .desc .list ul{}
    #pointmall .payment .desc .list li{}
    #pointmall .payment .desc .list li + li{margin-top:32px;padding-top:32px;border-top:1px solid #ddd}
    #pointmall .payment .desc .list li .uppr{display:flex;justify-content: space-between;align-items: center;margin: 0 0 20px;}
    #pointmall .payment .desc .list li .name{line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #pointmall .payment .desc .list li .delete{}
    #pointmall .payment .desc .list li .delete .delBtn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;}
    #pointmall .payment .desc .list li .delete .delBtn img{display:block;width:20px;height:auto;}
    #pointmall .payment .desc .list li .cont{display: flex;justify-content: flex-start;gap: 20px;}
    #pointmall .payment .desc .list li .cont .img{width: 112px;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;border: 1px solid #ebebeb;border-radius: 8px;}
    #pointmall .payment .desc .list li .cont .img img{display:block;width:auto;max-width:100%;height:auto}
    #pointmall .payment .desc .list li .cont .con{flex: 1;display: flex;justify-content: space-between;flex-direction: column;}
    #pointmall .payment .desc .list li .cont .con dl{display: flex;align-items: center;justify-content: space-between;line-height: 36px;}
    #pointmall .payment .desc .list li .cont .con dt{font-size: 13px;}
    #pointmall .payment .desc .list li .cont .con dd{font-size: 16px;font-weight: 500;}
    #pointmall .payment .desc .list li .cont .con dd .count{display: flex;align-items: center;justify-content: center;border-radius: 8px;border: 1px solid #ddd;width: 97px;max-width: 100%;margin: 0 auto;}
    #pointmall .payment .desc .list li .cont .con dd .count .plus{width: 30px;height: 38px;background: url("../img/common/plus.png") no-repeat 50% 50% / 12px auto;flex-shrink: 0;}
    #pointmall .payment .desc .list li .cont .con dd .count .minus{width: 30px;height: 38px;background: url("../img/common/minus.png") no-repeat 50% 50% / 12px auto;flex-shrink: 0;}
    #pointmall .payment .desc .list li .cont .con dd .count .num{display: flex;width: 100%;height: 38px;background: transparent;text-align: center;}
    #pointmall .payment .desc .form{}
    #pointmall .payment .desc .form.col dl{flex-direction: row;align-items: flex-start;}
    #pointmall .payment .desc .form.col dt{width:112px;min-height: 48px;font-size: 14px;font-weight: 500;color: #707070;}
    #pointmall .payment .desc .form.col dd{flex:1;text-align:right;}
    #pointmall .payment .desc .form.col dd .inp{}
    #pointmall .payment .desc .form.col dd .inp input{text-align:right;}
    #pointmall .payment .desc .form dl{display:flex;flex-direction: column;align-items:flex-start;gap: 8px;}
    #pointmall .payment .desc .form dl + dl{margin-top: 16px;}
    #pointmall .payment .desc .form dt{line-height: 20px;font-size: 14px;font-weight: 500;display: flex;align-items: center;justify-content: flex-start;}
    #pointmall .payment .desc .form dd{flex:1;display:flex;flex-direction:column;width: 100%;}
    #pointmall .payment .desc .form dd .chk{display: flex;gap: 12px 16px;flex-wrap: wrap;min-height: 42px;align-items: center;}
    #pointmall .payment .desc .form dd .chk label{display:flex;align-items:center;height: 24px;cursor:pointer;}
    #pointmall .payment .desc .form dd .chk label input{display:none;}
    #pointmall .payment .desc .form dd .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}
    #pointmall .payment .desc .form dd .chk label input ~ p{font-size: 14px;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: 8px;}
    #pointmall .payment .desc .form dd .inp input{padding:6px 12px;height:48px;flex: 1;font-size: 14px;border: 0;}
    #pointmall .payment .desc .form dd .sel{display:flex;}
    #pointmall .payment .desc .form dd .sel select{padding: 6px 16px;height: 48px;width: 100%;max-width: 100%;font-size: 14px;border: 1px solid #ddd;border-radius: 8px;}
    #pointmall .payment .desc .form dd .use{display:flex;align-items: flex-end;justify-content:space-between;flex-direction: column-reverse;gap: 10px;}
    #pointmall .payment .desc .form dd .use label{display:flex;align-items:center;height: 24px;cursor:pointer;}
    #pointmall .payment .desc .form dd .use label input{display:none;}
    #pointmall .payment .desc .form dd .use 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}
    #pointmall .payment .desc .form dd .use label input ~ p{font-size: 14px;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{line-height: 16px;font-size: 12px;color:#eb2f3d;}
    #pointmall .payment .desc .form dd .address{border-radius: 16px;overflow: hidden;border: 1px solid #ddd;margin: 0 0 16px;}
    #pointmall .payment .desc .form dd .address .top{height: 60px;display: flex;align-items: center;justify-content: flex-start;background: #f4f4f4;padding: 16px 20px;gap: 8px;}
    #pointmall .payment .desc .form dd .address .name{font-size: 16px;font-weight: 500;}
    #pointmall .payment .desc .form dd .address .cate{display: flex;align-items: center;justify-content: center;height: 28px;border-radius: 28px;border: 1px solid #eb3f3d;color: #eb3f3d;font-size: 12px;padding: 0 10px;}
    #pointmall .payment .desc .form dd .address .con{padding: 20px;}
    #pointmall .payment .desc .form dd .address .addr{line-height: 20px;font-size: 14px;word-break: keep-all;}
    #pointmall .payment .desc .form dd .address .etc{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:10px 16px}
    #pointmall .payment .desc .form dd .address .etc span{position:relative;line-height: 20px;font-size: 14px;color: #1c1c1c;}
    #pointmall .payment .desc .form dd .address .etc span + span:before{content:'';position:absolute;top:50%;left:-8px;transform:translateY(-50%);width: 1px;height: 10px;background: #ddd;}
    #pointmall .payment .desc .form dd .bank{margin-top:16px;line-height:16px;font-size:14px;text-align:right;color:#1c1c1c;}
    #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: 5px 20px;flex-wrap: wrap;}
    #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 + .sum:before{content:'='}
    #pointmall .payment .desc .total dt{line-height: 13px;font-size: 11px;color:#707070;margin: 4px 0 0 0;}
    #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 dd em{margin: 4px 0 0 0;line-height: 13px;font-size: 11px;}
    #pointmall .payment .desc .total dl.sum dt{}
    #pointmall .payment .desc .total dl.sum dd{}
    #pointmall .payment .desc .total dl.sum dd strong{line-height: 1;font-size:24px;color:#eb2f3d;}
    #pointmall .payment .desc .bottom{margin-top:32px;padding-top: 32px;}
    #pointmall .payment .desc .bottom .price{margin: 0 0 32px;}
    #pointmall .payment .desc .bottom .price dl{display:flex;align-items:center;justify-content:space-between;line-height: 24px;}
    #pointmall .payment .desc .bottom .price dt{display:flex;font-size: 16px;font-weight: bold;}
    #pointmall .payment .desc .bottom .price dd{font-size: 24px;font-weight: 500;color: #eb3f3d;}
    #pointmall .payment .desc .bottom .form{}
    #pointmall .payment .desc .bottom .form dl{}
    #pointmall .payment .desc .bottom .form dt{color:#707070;}
    #pointmall .payment .desc .bottom .form dd{}
    #pointmall .payment .desc .bottom .form dd .chk{}
    #pointmall .payment .desc .bottom .form dd .chk label{width: calc(50% - 8px);}
    #pointmall .payment .desc .info{display: flex;flex-direction: column;gap: 10px;}
    #pointmall .payment .desc .info dl{display:flex;align-items:flex-start;}
    #pointmall .payment .desc .info dt{font-size: 14px;width: 112px;min-height: 42px;display: flex;align-items: center;justify-content: flex-start;}
    #pointmall .payment .desc .info dd{flex:1;display:flex;flex-direction:column;min-height: 42px;}
    #pointmall .payment .desc .info dd .payinfo{display:flex;font-size: 15px;align-items: flex-end;justify-content: flex-start;flex-direction: column;border-bottom: 1px solid #ddd;text-align: right;padding: 10px 0;}
    #pointmall .payment .desc .info dd .payinfo p{display:flex;align-items:center;justify-content: flex-start;line-height: 22px;font-size: 14px;}
    #pointmall .payment .desc .info dd .payinfo small{display:flex;align-items:center;justify-content: flex-start;line-height: 16px;font-weight: 300;font-size: 12px;color: #707070;}
    #pointmall .payment .desc .info dd .txt{display: flex;align-items:center;justify-content: flex-end;line-height: 18px;font-size: 14px;text-align: right;border-bottom: 1px solid #ddd;padding: 11px 0;word-break: keep-all;width: 100%;}
    #pointmall .payment .desc .info dd .txt p{display:flex;align-items:center;justify-content:flex-start;line-height: 19px;font-size:15px;}
    #pointmall .payment .desc .info dd .act{margin: 12px 0 0 0;display: flex;align-items: center;justify-content: flex-end;}
    #pointmall .payment .desc .info dd .act a{display:flex;align-items:center;justify-content:center;line-height: 20px;font-size:12px;color: #0066B3;}
    #pointmall .payment .desc .info dd .act a img{height: 16px;margin-left:2px;flex-shrink:0;}
    #pointmall .payment .desc .info dl.summary{gap: 0;margin: 22px 0 0;}
    #pointmall .payment .desc .info dl.summary dt{min-height: 24px;font-size:16px;font-weight:bold;}
    #pointmall .payment .desc .info dl.summary dd{min-height: 24px;}
    #pointmall .payment .desc .info dl.summary dd .txt{border:0;padding: 0;line-height: 24px;}
    #pointmall .payment .desc .info dl.summary dd .txt p{line-height: 1;font-size:24px;font-weight:500;color:#eb3f3d;}
    #pointmall .payment .button{margin: 16px 20px 32px;display:flex;align-items:center;justify-content:center;gap: 8px;flex-direction:column;}
    #pointmall .payment .button .btn{display:flex;align-items:center;justify-content:center;width: 100%;height: 48px;border-radius: 48px;border:1px solid transparent;font-size:14px;color:#1c1c1c;}
    #pointmall .payment .button .btn + .btn{margin-top:4px;}
    #pointmall .result{}
    #pointmall .result .desc{}
    #pointmall .result .desc:nth-child(1) .title{justify-content: flex-start;margin: 0 0 12px;}
    #pointmall .result .desc:nth-child(1) .title .tit{font-size: 16px;}
    #pointmall .result .desc:nth-child(1) .title .num{}
    #pointmall .result .desc .list{padding: 24px 0 0 0;border-top:1px solid #ddd;}


    #community{position: relative;padding: 24px 0 0;overflow: hidden;}
    #community .warning{margin:10px 20px;padding: 15px;background: #F4F4F4;border-radius: 10px;line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #community .warning p{display:block;line-height:18px;font-size:13px;color:#555;}
    #community .warning p img{height:18px;}
    #community .warning p strong{font-weight:500;color:#222}
    #community .loca{margin:0;}
    #community .locaFull{}
    #community .locaFull ul{overflow-x:auto}
    #community .locaFull ul{-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
    #community .locaFull ul::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
    #community .banner{position:relative;margin: 10px 0 16px 0;}
    #community .banner a{display:block;}
    #community .banner img{display:block;width:auto;max-width:100%;height:auto;}
    #community .tool{display: flex;align-items: center;justify-content: space-between;margin: 0 0 16px 0;display: none;}
    #community .tool .spaceBox{}
    #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: 48px;border-radius: 8px;border: 1px solid #ddd;font-size: 13px;align-items: center;}
    #community .table{}
    #community .table table{}
    #community .table table thead{display:none;}
    #community .table table th,
    #community .table table td{padding: 8px;height: 56px;}
    #community .table table td img{width:90px;/*height: 100%*/display:flex;margin:0 auto;object-fit: contain;}
    #community .table table td .ntc{/* margin:0 auto; */border-radius:4px;border:1px solid #eb3f3d;padding:2px 4px;display:inline-flex;align-items:center;justify-content:center;font-size: 11px;color:#eb3f3d;}
    #community .new_i {position: relative;display: inline-block;vertical-align: top;margin-top: 5px;margin-bottom: 5px;width: 10px;height: 12px;font-size: 0;line-height: 10px;}
    #community .new_i:after {content: 'N';position: absolute;top: -2px;left: 0;width: 7px;padding:1px;font-size: 10px;color: #ea4d4d;font-weight: 500;border: 1px solid #ea4d4d;background-color: #fff;width: 8px;height: 9px;display:line-height:9px; flex;align-items: c;justify-content: center;}
    #community em {margin-right: 4px;margin-left: 4px;height: 36px;line-height: 36px;display: inline-block;vertical-align: middle;}
    #community .c_red {color: #e60012 !important;font-size: 12px;/* margin-top:-2px; */height: auto;line-height: 16px;}
    #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: 20px;height: 20px;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: 13px;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 0 12px 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: 14px;font-weight: 400;color: #707070;}
    #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 .catemenu ul{display:flex;gap: 6px;}
    #community .catemenu li{}
    #community .catemenu li a{display:flex;align-items:center;justify-content:center;padding: 0 20px;min-width:86px;height: 38px;font-size: 13px;color: #707070;border:1px solid #ddd;border-radius:48px;white-space: nowrap;}
    #community .catemenu li.on a{color:#e60012;border-color:#e60012;}
    */
    #community .search{background: #fff;padding: 12px 20px 10px 20px;}
    #community .search .flex-wrap{display:flex;}
    #community .search form{position: relative;display:flex;align-items:center;justify-content:center;width: 724px;max-width: 100%;margin: 0 auto;width: 100%;}
    #community .search .search-wrap{flex:1;display:flex;flex-direction: column;}
    #community .search .select{margin: 0 8px 0 0;display: none;}
    #community .search .select select{width:120px;height:48px;border-radius:8px;background-color: #fff;border:1px solid #ddd;padding:0 16px;font-size: 13px;}
    #community .search .input{position: relative;width: 100%;flex: 1;}
    #community .search .input input{padding: 0 16px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #ddd;font-size: 16px;}
    #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 .button{position: absolute;top: 14px;right: 16px;width: 20px;height: 20px;margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;}
    #community .search .button .btn{min-width: 100%;height: 100%;margin: 0;padding: 0;border: 0;border-radius: 0;background: url("../img/common/search_g.png") no-repeat 50% 50% / contain !important;text-indent: -9999em;overflow: hidden;}
    #community .search .pencil{flex-shrink: 0;}
    #community .search .pencil .btn{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 8px;text-indent: -9999em;background:#fff url("../img/common/pencil_w.png") no-repeat 50% 50% / 24px auto !important;border:1px solid #ddd !important;}
    #community .search .flexBox{display:flex;gap:6px;}
    #community .search .popular{display: flex;align-items: center;justify-content: center;margin: 12px 0 0 0;}
    #community .search .popular dl{display:flex;padding: 0 20px 0 0;}
    #community .search .popular dt{display:flex;align-items:center;height:36px;justify-content:flex-start;width:54px;display: none;}
    #community .search .popular dd{display:flex;gap: 4px;}
    #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:#ffffff;font-size: 13px;font-weight: 300;color:#707070;padding:6px 12px;}
    #community .community{}
    #community .community .table{padding: 0 20px 20px 20px;}
    #community .community .table table{display:flex;border-top: 0 !important;}
    #community .community .table table colgroup{display:none}
    #community .community .table table tbody{display:flex;flex-direction:column;width: 100%;}
    #community .community .table table tbody tr{position:relative;display:flex;flex-wrap:wrap;padding: 10px 0 !important;border-bottom: 1px solid #ededed;align-items:center;}
    #community .community .table table tbody td{position: relative;border:0;height: auto;padding: 0;margin: 0;}
    #community .community .table table tbody .number{display:none !important;order:0;width:100%;display: flex;align-items: center;justify-content: flex-start;margin: 0 0 12px;display:none;}
    #community .community .table table tbody .number p{margin: 0;}
    #community .community .table table tbody .subject{order: 0;margin: 0 0 10px 0;width: 100%;display: block;max-height: 44px;overflow: hidden;}
    #community .community .table table tbody .subject.on{padding-right:90px;}
    #community .community .table table tbody .subject .ntc{display:inline;vertical-align: middle;white-space: nowrap;margin: 0 5px 0 0;}
    #community .community .table table tbody .subject a{}
    #community .community .table table tbody .subject a:visited{color:#999 !important;}
    #community .community .table table tbody .subject a{display: inline;}
    #community .community .table table tbody .subject a p{display:inline;vertical-align:top;margin-right: 0px;}
    #community .community .table table tbody .subject a p.mo-view{display:inline !important}
    #community .community .table table tbody .subject a p.pc-view{display:none !important}
    #community .community .table table tbody .thumb{order: 4;position: absolute;top:50%;right: 0;transform:translateY(-50%);width: 90px;height: 64px;border: 1px solid #ddd;border-radius: 8px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
    #community .community .table table tbody .nick{order:2;line-height: 1;font-size: 10px;color: #707070;display: flex;align-items: center;justify-content: flex-start;margin-right:5px}
    #community .community .table table tbody .date{order: 5;padding: 0 13px 0 0;line-height: 14px;font-size: 11px;color: #707070;}
    #community .community .table table tbody .date:after{content:'';position:Absolute;top:50%;right: 3px;transform:translateY(-50%);width:1px;height:10px;background:#ddd;}
    #community .community .table table tbody .view{order: 6;padding: 0 13px 0 0;line-height: 14px;font-size: 11px;color: #707070;}
    #community .community .table table tbody .view:before{content:'조회';margin:0 4px 0 0;}
    #community .community .table table tbody .view:after{content:'';position:Absolute;top:50%;right: 3px;transform:translateY(-50%);width:1px;height:10px;background:#ddd;}
    #community .community .table table tbody .like{order: 7;padding: 0 13px 0 0;line-height: 14px;font-size: 11px;color: #999;}
    #community .community .table table tbody .like:before{content:'추천';margin:0 4px 0 0;}
    #community .community .table .banner{padding: 10px 0 !important;margin: 0 !important;}
    #community .community .table .banner td{padding:0 !important;margin:0 -20px !important;}
    #community .community .table .banner a{padding:0 !important;margin:0 !important;display:block;}
    #community .community .table .banner img{display:block;width:100%;height:auto;}
    #community .bottom{position:relative;display: flex;align-items: center;margin: 12px 0;justify-content: center;flex-direction: column;}
    #community .bottom .button{display:flex;align-items:center;margin: 0;}
    #community .bottom .button .btn{display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;border-radius:40px;}
    #community .write{padding: 0 20px 32px;}
    #community .write .profile{padding: 0 0 20px;display:flex;gap:12px;}
    #community .write .profile .ico{width:56px;height:56px;border-radius:56px;overflow:hidden}
    #community .write .profile .ico img{display:block;width:100%;height:100%;object-fit:cover;}
    #community .write .profile .con{flex:1;display:flex;flex-direction:column;padding: 6px 0;gap: 10px;justify-content: center}
    #community .write .profile .con .name{line-height:18px;font-size:15px;font-weight:500;color:#373737;}
    #community .write .profile .con .text{line-height:18px;font-size:12px;font-weight:400;color:#707070}
    #community .write .explain{    padding: 16px;background: #f4f4f4;border-radius: 8px;line-height: 16px;font-size: 12px;color: #555;}
    #community .write .button{margin: 32px 0 0 0;}
    #community .form{border-top: 1px solid #dddddd;padding: 32px 0;display: flex;flex-direction: column;gap: 32px;}
    #community .form dl{position: relative;display: flex;flex-direction: column;gap: 10px;}
    #community .form dt{line-height: 1;font-size: 14px;font-weight: bold;display: flex;align-items: center;justify-content: flex-start;text-align: left;flex-shrink: 0;color: #1c1c1c;}
    #community .form dt img{height: 18px;width:auto;margin: 0 6px 0 0;}
    #community .form dd{flex: 1;display: flex;/* min-height: 48px; */}
    #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;border-bottom: 1px solid #ddd;min-height: 48px;}
    #community .form dd .inp.w300{width:300px;}
    #community .form dd .inp.w320{width:320px;}
    #community .form dd .inp input{padding: 8px;width: 100%;height: 48px;display: block;font-size: 14px;}
    #community .form dd .inp input.datepicker{background: url("../img/common/calendar.png") no-repeat right 16px center / 24px auto;}
    #community .form dd .capt_input{border-bottom:0;}
    #community .form dd .capt_input input{border-bottom:1px solid #ddd;}
    #community .form dd .capt_input #capt_img {border-radius: 4px;margin: 0 10px 0 0;flex: 0 0 auto}
    #community .form dd .capt_input .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: 100%;}
    #community .form dd .sel select{padding: 8px 16px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #dddddd;background:url("../img/common/dropdown.png") no-repeat right 12px center / auto 24px;font-size: 14px;}
    #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: 152px;border-radius: 8px;border: 1px solid #dddddd;}
    #community .form dd .space{width:24px;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink:0;}
    #community .form dd .file{}
    #community .form dd .file .fileBtn{display: flex;position: absolute;top: -13px;right: 0;}
    #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;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;}
    #community .form dd .file .fileList{}
    #community .form dd .file .fileList ul{display: flex;gap: 10px;flex-wrap: wrap;}
    #community .form dd .file .fileList li{position:relative;margin: 20px 0 0 0;}
    #community .form dd .file .fileList li .img{width: 72px;height: 72px;border-radius: 8px;overflow: hidden;position: relative;}
    #community .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;}
    #community .form dd .file .fileList li .img img{display: block;width: 100%;height: 100%;object-fit: contain;}
    #community .form dd .file .fileList li .del{position: absolute;top: 4px;right: 4px;width: 20px;height: 20px;cursor: pointer;}
    #community .form dd .file .fileList li .del img{display: block;width: 100%;height: auto;}
    #community .detail{padding: 8px 20px 56px 20px;}
    #community .detail .cate{display:flex;align-items:Center;justify-content:flex-start;flex-wrap:wrap;margin:0 0 24px 0;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;background: #fff;border-bottom: 1px solid #ddd;padding: 0 0 16px;}
    #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: 20px;font-size: 16px;font-weight: 500;color: #1c1c1c;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #community .detail .head .subject .companyTag {font-size: 13px;background: #fff;height: 24px;line-height: 22px;padding: 0 5px;border: 1px solid #ddd;border-radius: 4px;color: #3a67ea;display: inline-flex;font-weight: 500}
    #community .detail .head .tool{flex-shrink: 0;display: flex;align-items: center;margin: 0 0 0 20px;}
    #community .detail .head .tool{position: relative;display:flex;align-items:center;}
    #community .detail .head .tool button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;}
    #community .detail .head .tool button img{display:block;width:100%;height:auto;}
    #community .detail .head .tool ul{position:absolute;z-index: 10;top:100%;right: -10px;width: 72px;padding: 16px;border-radius: 6px;background: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.2);display: none;}
    #community .detail .head .tool li{}
    #community .detail .head .tool li + li{margin:16px 0 0 0;}
    #community .detail .head .tool li a{display: flex;align-items: center;justify-content: center;height: 24px;font-size: 16px;color:#707070;white-space:nowrap;}
    #community .detail .head .tool li a img {display: none}
    #community .detail .head .tool.on ul{display:block;}
    #community .detail .profile{padding:16px 0;display:flex;gap:12px;}
    #community .detail .profile .ico{width:56px;height:56px;border-radius:56px;overflow:hidden;border: 1px solid #ddd}
    #community .detail .profile .ico img{display:block;width:100%;height:100%;object-fit:cover;}
    #community .detail .profile .con{flex:1;display:flex;flex-direction:column;padding: 6px 0;gap: 10px;}
    #community .detail .profile .con .upper{display: flex;align-items: center;justify-content: space-between;}
    #community .detail .profile .con .name{line-height:18px;font-size:15px;font-weight:500;color:#373737;}
    #community .detail .profile .con .date{line-height:18px;font-size:12px;font-weight:400;color:#707070}
    #community .detail .profile .con .inner{display: flex;flex-wrap: wrap;gap: 20px;}
    #community .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;}
    #community .detail .profile .con .inner dd span{color:#0066b3;}
    #community .detail .info {display: flex;background: #fff;padding: 8px 0;border-bottom: 1px solid #ddd;display:none;}
    #community .detail .info>div {width: 100%;display: flex;flex-direction: row;gap: 10px}
    #community .detail .info dl {position: relative;display: flex;align-items: center;justify-content: start;width: auto;line-height: 16px;font-size: 13px;color: #707070}
    #community .detail .info dl+dl {padding-left: 10px}
    #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 dt {margin-right:6px;font-weight: 500}
    #community .detail .info dd {}
    #community .detail .info dd span {color: #eb3f3d}
    #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 .info{display:flex;padding: 16px;align-items: center;background: #f4f4f4;border-radius: 8px;flex-direction: column;gap: 10px;display: none}
    #community .detail .info > div{width:100%;display:flex;flex-direction:column;gap:10px;}
    #community .detail .info dl{display:flex;align-items:center;justify-content:space-between;width: 100%;line-height: 16px;font-size: 13px;color: #707070;}
    #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: 20px 0 40px;}
    #community .detail .cont img{display: inline-flex;width:auto;max-width:100%;height:auto;}
    #community .detail .cont p{line-height:26px;font-size:16px;}
    #community .detail .button {padding: 0 0 56px 0;display: flex;align-items: center;justify-content: center;gap: 10px;flex-direction:row;}
    #community .detail .button .btn {width:auto;min-width: 150px;height: 42px;border-radius: 42px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 14px;border: 1px solid transparent;gap: 8px}
    #community .detail .button .btn img {height: 16px}
    /*
    #community .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 rgba(0,0,0,0.1);gap: 0;margin: 0;}
    #community .detail .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;}
    #community .detail .button .btn+.btn {border-left: 1px solid #e0e0e0 !important;}
    #community .detail .button .btn img{height: 20px;}
    #community .detail .button .btn {font-weight:500;}
    #community .detail .button .btn em{height: 20px;line-height: 20px;font-weight:500;}
    #community .detail .button .goodBtn em{color:#eb3f3d;}
    #community .detail .button .commentBtn em{color:#ffffff;}
    */
    #community .detail .bottom{padding: 16px 20px 32px;background: #f4f4f4;margin: 0 -20px;}
    #community .detail .counter{display:flex;align-items:center;justify-content:space-between;height:52px;width: 100%;}
    #community .detail .counter .total{display:flex}
    #community .detail .counter .total dl{position:relative;display: flex;align-items: center;height: 52px;}
    #community .detail .counter .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px;}
    #community .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%;)}
    #community .detail .counter .total dt{font-size: 14px;margin: 0 4px 0 0;}
    #community .detail .counter .total dd{font-size: 14px;font-weight: 500;}
    #community .detail .counter .total dd span{color: #0066B3;}
    #community .detail .counter .total dd strong{color: #EB3F3D;}
    #community .detail .counter .share{position:relative;display:flex;align-items:center;display: none;}
    #community .detail .counter .share > a{display:flex;height: 52px;font-size: 14px;align-items: center;justify-content: center;}
    #community .detail .counter .share > a img{height:20px;}
    #community .detail .counter .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow: 0px 0px 4px 0px #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity: 0;visibility: hidden;transition: all 0.35s;background: #fff;}
    #community .detail .counter .share > ul li{}
    #community .detail .counter .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center;}
    #community .detail .counter .share > ul li a img{width:64px;height:auto;}
    #community .detail .counter .share > ul li a p{margin:12px 0 0 0;line-height:20px;font-size:14px;color:#333;}
    #community .detail .counter .share.on > ul{opacity:1;visibility:visible;}
    #community .detail .comment{width: 100%;    }
    #community .detail .comment .type{padding: 80px 0 0 0;margin: 0 0 32px 0;}
    #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{}
    #community .detail .comment .con ul{display: flex;flex-direction: column;gap: 16px;}
    #community .detail .comment .con li{position: relative;padding: 8px 16px 12px 16px;display: flex;background: #fff;border: 1px solid #ebebeb;border-radius: 8px;flex-direction: column;}
    #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: 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 rgba(0,0,0,0.05);flex-shrink: 0;}
    #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: 64px; */}
    #community .detail .comment .con li .cmt_img{display:none;}
    #community .detail .comment .con li .cmt_upper{display:flex;align-items:center;}
    #community .detail .comment .con li .cmt_name{line-height: 24px;font-size: 14px;font-weight: 500;color: #1c1c1c;}
    #community .detail .comment .con li .cmt_thumb{/*margin:12px 0 0 0;*/margin: 12px 0; padding:0;border:0 !important;min-height: auto;}
    #community .detail .comment .con li .cmt_thumb img{width:auto;max-width:100%;height:auto;}
    #community .detail .comment .con li .cmt_text{margin:12px 0 0;padding:12px 0 0;border-top:1px solid #ebebeb;line-height:24px;min-height:34px;font-size: 16px;color: #1c1c1c;}
    #community .detail .comment .con li .cmt_item{margin: 8px 0 0 0;line-height: 20px;font-size: 12px;color: #707070;}
    #community .detail .comment .con li .cmt_date{line-height: 18px;font-size: 12px;color: #707070;}
    #community .detail .comment .con li .cmt_cmmt{}
    #community .detail .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;}
    #community .detail .comment .con li .cmt_info{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
    #community .detail .comment .con li .cmt_like{display:flex;align-items:center;gap: 4px;order: 1;display: none;}
    #community .detail .comment .con li .cmt_like .likeTxt{font-size:13px;color:#707070;white-space: nowrap;}
    #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{display: flex;align-items: center;justify-content: flex-end;gap: 6px;order: 3;margin: 0 0 0 auto;position: relative;}
    #community .detail .comment .con li .cmt_button .cmt_button_toggle{position:relative;width: 18px;height: 18px;background: transparent;display: flex;align-items: center;justify-content: center;}
    #community .detail .comment .con li .cmt_button .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #community .detail .comment .con li .cmt_button .cmt_button_con{position:absolute;top:100%;right: -5px;border-radius:10px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 16px;}
    #community .detail .comment .con li .cmt_button.on .cmt_button_con{display: flex;}
    #community .detail .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;}
    #community .detail .comment .con li .cmt_button .btn:last-child{margin:0;}
    #community .detail .comment .con li .cmt_reCmt{margin: 16px 0 0 0;padding:16px;border-radius:8px;background:#f4f4f4}
    #community .detail .comment .con li .cmt_reCmt .recmt_tit{display:flex;align-items:center;justify-content:space-between;margin: 0 0 12px;}
    #community .detail .comment .con li .cmt_reCmt .recmt_tit .name{line-height: 18px;font-size: 13px;font-weight: 500;color: #707070;}
    #community .detail .comment .con li .cmt_reCmt .recmt_tit .bttn{position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;}
    #community .detail .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;}
    #community .detail .comment .con li .cmt_reCmt .recmt_tit .bttn .cmt_button_toggle img{width:100%;height:100%;object-fit:contain}
    #community .detail .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 rgba(0,0,0,0.2);background:#ffffff;z-index:2;padding: 16px;display: none;}
    #community .detail .comment .con li .cmt_reCmt .recmt_tit .bttn.on .cmt_button_con{display:block}
    #community .detail .comment .con li .cmt_reCmt .recmt_txt{line-height:20px;font-size:14px;color:#1c1c1c}
    #community .detail .comment .con li.replyCmtLi{background:#ffffff;border-top:0;margin-top: -30px;padding: 20px !important;border-radius:0 0 10px 10px;}
    #community .detail .comment .con li.replyCmtLi:before{display:none !important}
    #community .detail .comment .con li.replyCmtLi .cmt_inner{padding:16px;border-radius:8px;background:#f4f4f4}
    #community .detail .comment .con li.replyCmtLi .cmt_ico{display:none;}
    #community .detail .comment .con li.replyCmtLi .cmt_name{line-height:18px;font-size:13px;font-weight:500;color:#707070;}
    #community .detail .comment .con li.replyCmtLi .cmt_text{margin:12px 0 0 0;padding:0;border:0 !important;min-height: auto;}
    #community .detail .comment .con li.replyCmtLi .cmt_date{display:none;}
    #community .detail .comment .con li.replyCmtWrap .frm{display: flex !important;}
    /*
    #community .detail .comment .con li{padding: 20px;display: flex;background: #fff;border: 1px solid #ebebeb;border-radius: 8px;flex-direction: column;}
    #community .detail .comment .con li .cmt_top{display:flex;}
    #community .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;overflow: hidden}
    #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: 64px;}
    #community .detail .comment .con li .cmt_name{line-height: 16px;font-size: 13px;color: #1c1c1c;}
    #community .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;}
    #community .detail .comment .con li .cmt_item{margin: 8px 0 0 0;line-height: 20px;font-size: 12px;color: #707070;}
    #community .detail .comment .con li .cmt_date{top: 0;right: 0;line-height: 18px;font-size: 12px;color: #707070;}
    #community .detail .comment .con li .cmt_info{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between}
    #community .detail .comment .con li .cmt_button{display: flex;align-items: center;}
    #community .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;}
    #community .detail .comment .con li .cmt_button a{}
    */
    #community .detail .comment .con li .cmt_comment{background: #F4F4F4;border-radius: 8px;margin: 16px 0 0 0;padding: 20px;display: flex;flex-direction: column;gap: 12px;}
    #community .detail .comment .con li .cmt_comment .cmt_comment_name{line-height: 18px;font-size: 13px;font-weight: 500;color: #707070;}
    #community .detail .comment .con li .cmt_comment .cmt_comment_text{line-height: 20px;font-size: 14px;color: #1c1c1c;}
    #community .detail .comment .con li.cmt_rep{background:#f4f4f4}
    #community .detail .comment .con li.cmt_rep .cmt_ico{background:#707070;}
    #community .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}
    #community .detail .comment .frm > p{position:absolute;top:12px;left:12px;z-index:10;}
    #community .detail .comment .frm .bg{position:absolute;top:0;left: 0;width:100%;height:100%;background:#000;opacity: 0.5;}
    #community .detail .comment .frm .box{
        /*padding: 10px 20px;border-radius: 16px 16px 0 0;border:1px solid #ddd;background:#ffff;position: relative;z-index: 2;*/
        padding: 24px 20px;
        border-radius: 16px 16px 0 0;
        border: 1px solid #ddd;
        background: #ffff;
        position: relative;
        z-index: 2;
    }
    #community .detail .comment .frm .caution{
        /*padding:16px;border-radius:8px;line-height:16px;font-size:12px;color:#555;margin: 0 0 16px;*/
        border-radius: 8px;
        line-height: 16px;
        font-size: 12px;
        color: #555;
        margin: 0 0 16px;
    }
    #community .detail .comment .frm .input{display: flex;align-items: center;height: 42px;}
    #community .detail .comment .frm .inp{flex: 1;display: flex;}
    #community .detail .comment .frm .inp textarea{width: 100%;height: 55px;line-height: 16px;font-size: 14px;padding: 13px 8px 8px 8px;border: 1px solid #ddd;border-radius: 5px;background: transparent;}
    #community .detail .comment .frm .bot{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 16px;}
    #community .detail .comment .frm .bot .file{}
    #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 .bot .submit{}
    #community .detail .comment .frm .bot .submit a,
    #community .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: #333333;font-size: 14px;color: #fff;}
    #community .detail .comment .frm .fileList{display:flex;margin-top:8px;}
    #community .detail .comment .frm .fileList ul{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0 8px;width: 100%;}
    #community .detail .comment .frm .fileList li{position: relative;width: calc(25% - 6px);height: auto;aspect-ratio: 1 / 1;margin: 10px 0 0 0;}
    #community .detail .comment .frm .fileList li .img{width: 100%;height: 100%;border-radius: 6px;overflow: hidden;}
    #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:3px;right:3px;width: 20px;height: 20px;}
    #community .detail .comment .frm .fileList li .del img{display:block;width:100%;height:100%;object-fit:contain}
    #community .detail .comment.on .frm{display: flex;}
    #community .button{margin:40px 0 0 0;display:flex;align-items:center;justify-content:center;gap: 10px;display: flex;flex-direction: column;}
    #community .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}
    #community.franchise_board_view .detail .cont {padding: 40px 0 80px;}
    #community.franchise_board_write{padding: 0;}
    #community.franchise_board_write .form{display: flex;flex-direction: column;gap: 32px;border: 0;border-bottom: 8px solid #f4f4f4;margin: 0 -20px;padding-left: 20px;padding-right: 20px;}
    #community.franchise_board_write .form dl{display: flex;flex-direction: column;gap: 10px;position: relative;}
    #community.franchise_board_write .form dt{display: flex;align-items: center;justify-content: flex-start;text-align: center;flex-shrink: 0;line-height: 1;font-size: 14px;color: #1c1c1c;}
    #community.franchise_board_write .form dd{flex: 1;display: flex;}
    #community.franchise_board_write .form dd + dt{margin-top: 22px;}
    #community.franchise_board_write .form dd .txt{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;font-size: 15px;color: #1c1c1c;}
    #community.franchise_board_write .form dd .inp{width: 100%;border-bottom: 1px solid #ddd;}
    #community.franchise_board_write .form dd .inp input{padding: 8px;width: 100%;height: 48px;border-radius: 8px;border: 0;font-size: 14px;display: block}
    #community.franchise_board_write .form dd .inp input.datepicker{background: url("../img/common/calendar.png") no-repeat right 16px center / 24px auto;}
    #community.franchise_board_write .form dd .sel{width:152px;max-width:100%;margin: 0 8px 0 0;}
    #community.franchise_board_write .form dd .sel select{padding: 8px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #dddddd;font-size: 14px;}
    #community.franchise_board_write .form dd .chk{display: flex;flex-wrap: wrap;gap: 12px;min-height: 48px;align-items: center;}
    #community.franchise_board_write .form dd .chk label{display:flex;align-items:center;height: 24px;cursor:pointer;}
    #community.franchise_board_write .form dd .chk label input{display:none;}
    #community.franchise_board_write .form dd .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}
    #community.franchise_board_write .form dd .chk label input ~ p{font-size: 14px;font-weight:400;color:#1c1c1c}
    #community.franchise_board_write .form dd .chk label input ~ img{height: 20px;width:auto;object-fit:contain}
    #community.franchise_board_write .form dd .chk label input ~ img + p{margin-left:6px;}
    #community.franchise_board_write .form dd .chk label input ~ p span{font-weight:300;color:#707070;}
    #community.franchise_board_write .form dd .chk label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #community.franchise_board_write .form dd .chk.star{flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;width: 100%;}
    #community.franchise_board_write .form dd .repair{display: flex;flex-wrap: Wrap;gap: 32px 12px;padding: 16px 0;}
    #community.franchise_board_write .form dd .repair label{display:flex;align-items:center;height: 24px;cursor:pointer;width: calc(25% - 9px);}
    #community.franchise_board_write .form dd .repair label input{display:none;}
    #community.franchise_board_write .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}
    #community.franchise_board_write .form dd .repair label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c}
    #community.franchise_board_write .form dd .repair label input ~ p span{font-weight:300;color:#707070;}
    #community.franchise_board_write .form dd .repair label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #community.franchise_board_write .form dd .textarea{width: 100%;}
    #community.franchise_board_write .form dd .textarea textarea{padding: 8px;width: 100%;height: 128px;border-radius: 8px;border: 1px solid #dddddd;}
    #community.franchise_board_write .form dd .file{margin: 20px 0 0 0;}
    #community.franchise_board_write .form dd .file .fileBtn{display: flex;position: absolute;top: -11px;right: 0;}
    #community.franchise_board_write .form dd .file .fileBtn label{display: flex;cursor: pointer;}
    #community.franchise_board_write .form dd .file .fileBtn label input{display: none;}
    #community.franchise_board_write .form dd .file .fileBtn label p{display: flex;align-items: center;justify-content: center;padding: 0 16px;height: 36px;border-radius: 36px;background: #fff;color: #eb3f3d;font-size: 14px;text-align: center;border: 1px solid #eb3f3d;}
    #community.franchise_board_write .form dd .file .fileList{}
    #community.franchise_board_write .form dd .file .fileList ul{display: flex;gap: 10px;flex-wrap: wrap;}
    #community.franchise_board_write .form dd .file .fileList li{position:relative;}
    #community.franchise_board_write .form dd .file .fileList li .img{width: 72px;height: 72px;border-radius: 8px;overflow: hidden;}
    #community.franchise_board_write .form dd .file .fileList li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #community.franchise_board_write .form dd .file .fileList li .del{position: absolute;top: 8px;right: 8px;width: 20px;height: 20px;cursor: pointer;}
    #community.franchise_board_write .form dd .file .fileList li .del img{display: block;width: 100%;height: auto;}

    #customer{position: relative;padding: 24px 0 0;}
    #customer .loca{margin: 0;}
    #customer .tool{display: flex;align-items: center;justify-content: space-between;background: #f4f4f4;overflow: hidden;}
    #customer .tool .spaceBox{}
    #customer .tool .viewBox{display:flex;gap:8px;display: none}
    #customer .tool .viewBox select{display: flex;min-width: 121px;margin: 0 0 0 8px;padding: 0 40px 0 12px;height: 48px;border-radius: 8px;border: 1px solid #ddd;font-size: 13px;align-items: center;}
    #customer .tool .cateBox{display:flex;gap: 4px;}
    #customer .tool .cateBox a{background: #fff;display: flex;padding: 6px 12px;width: auto;height: 36px;border-radius: 37px;border: 1px solid #ddd;font-size: 13px;align-items: center;color: #707070;}
    #customer .tool .cateBox a.on{color:#eb3f3d;border-color:#eb3f3d;}
    #customer .tool .searchBox{padding: 24px 20px;width: 100%}
    #customer .tool .searchBox form{display:flex;align-items:center;justify-content:center;max-width: 100%;}
    #customer .tool .searchBox .select{margin: 0 8px 0 0;display: none}
    #customer .tool .searchBox .select select{width:120px;height:48px;border-radius:8px;background-color: #fff;border:1px solid #ddd;padding:0 16px;font-size: 13px;}
    #customer .tool .searchBox .input{position: relative;/*width: 252px;*/width: 100%; display: flex;border-radius: 8px;border: 1px solid #ddd;align-items: center;overflow: hidden}
    #customer .tool .searchBox .input input{padding: 0 16px;width: 100%;height: 48px;border: 0;font-size: 13px;}
    #customer .tool .searchBox .input button{width: 48px;height: 48px;background: url("../img/common/search_g.png") no-repeat 50% 50% / 20px;background-color:#fff;text-indent: -9999em;overflow: hidden;flex-shrink: 0;}
    #customer .tool .searchBox .button {display: none}
    #customer .table{}
    #customer .table table{}
    #customer .table table th,
    #customer .table table td{}
    #customer .table table td img{width:60px;height:40px;display:flex;margin:0 auto;object-fit:cover;}
    #customer .search{background: #ffffff;padding: 24px 20px;margin: 0;border-bottom: 8px solid #f4f4f4;}
    #customer .search form{display:flex;align-items:center;justify-content:center;flex-wrap: wrap;position: relative;}
    #customer .search .select{margin: 0 8px 0 0;display: none;}
    #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;width: 100%;}
    #customer .search .input input{padding: 0 16px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #f4f4f4;font-size: 13px;background: #F4F4F4;}
    #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{position: absolute;top: 0;right: 0;margin: 0;}
    #customer .search .button .btn{min-width: auto;height:48px;width: 48px;border-radius:48px;border:1px solid transparent;opacity: 0;}
    #customer .caution{padding: 24px 20px;background: #F4F4F4;border-bottom: 1px solid #ddd;line-height: 18px;font-size: 13px;color: #707070;}
    #customer .caution ul{}
    #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: #ffffff;margin: 0 24px 0 0;display:none;}
    #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 .tit{line-height: 22px;font-size: 16px;font-weight: bold;color: #1c1c1c;margin: 0 0 8px 0;}
    #customer .caution li .con .txt{line-height: 18px;font-size: 13px;color: #707070;}
    #customer .caution li .con .txt div { padding-left:8px; position:relative; }
    #customer .caution li .con .txt div:after { content:''; width:3px; height:3px; border-radius:50px; position:absolute; left:0px; top:50%; transform:translateY(-50%); background:#999; }
    #customer .caution li .con .txt.red{color:#eb3f3d;}
    #customer .form{padding:24px 20px;gap: 10px;display: flex;flex-direction: column;}
    #customer .form dl{position:relative;display: flex;flex-direction: row;border: 0;}
    #customer .form dl.mt24{margin-top:24px;}
    #customer .form dl.col{flex-direction:column;gap: 10px;}
    #customer .form dl.col dt{min-height:14px;font-size:14px;}
    #customer .form dt{width: 112px;min-height: 42px;background: transparent;font-size: 14px;flex-shrink: 0;color: #1c1c1c;display: flex;align-items: center;justify-content: flex-start;}
    #customer .form dt img{height: 16px;width:auto;margin: 0 6px 0 0;}
    #customer .form dd{padding: 0;min-height: 42px;flex: 1;display: flex;flex-direction: column;}
    #customer .form dd .txt{display: flex;align-items: center;justify-content: flex-start;padding:4px 8px;width: 100%;height: 48px;font-size: 14px;color: #1c1c1c;border:1px solid #ddd;border-radius:8px;}
    #customer .form dd .exp{display: flex;align-items: center;justify-content: flex-start;padding:4px 8px;width: 100%;min-height: 48px;font-size: 13px;color: #707070;display:none}
    #customer .form dd .inp{position:relative;width: 100%;max-width:100%;display: flex;align-items: center;border:1px solid #ddd;border-radius:8px;}
    #customer .form dd .inp input{width: 100%;height: 48px;padding:4px 8px;font-size: 14px;color: #1c1c1c;background-color:transparent;}
    #customer .form dd .textarea{width: 100%;}
    #customer .form dd .textarea textarea{padding: 16px;width: 100%;height: 128px;border-radius: 8px;border: 1px solid #dddddd;}
    #customer .form dd .space{width:24px;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink:0;}
    #customer .form dd .file{margin: 12px 0 0 0;}
    #customer .form dd .file .fileBtn{display: flex;position: absolute;top: -7px;right: 0;}
    #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: 84px;height: 36px;border-radius: 36px;background: #fff;color: #EB3F3D;border: 1px solid #EB3F3D;font-size: 13px;text-align: center;}
    #customer .form dd .file .fileList{}
    #customer .form dd .file .fileList ul{display: flex;gap: 8px;flex-wrap: wrap;}
    #customer .form dd .file .fileList li{position:relative;}
    #customer .form dd .file .fileList li .img{width: 72px;height: 72px;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 .form dd .attach{}
    #customer .form dd .attach .attachList{}
    #customer .form dd .attach .attachList ul{}
    #customer .form dd .attach .attachList li{display: flex;align-items: center;border-bottom:1px solid #ddd;min-height: 48px;}
    #customer .form dd .attach .attachList li .name{max-width: calc(100% - 100px);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 48px;padding: 0 8px;font-size: 14px;}
    #customer .form dd .attach .attachList li .delete{display: flex;align-items: center;margin: 0 10px;}
    #customer .form dd .attach .attachList li .delete a{display:flex}
    #customer .form dd .attach .attachList li .delete a img{width:16px;}
    #customer .form dd .attach .attachList li .load{flex-shrink: 0;margin: 0 0 0 auto;}
    #customer .form dd .attach .attachList li .load label{display: flex;cursor: pointer;}
    #customer .form dd .attach .attachList li .load label input{display: none;}
    #customer .form dd .attach .attachList li .load label input ~ p{display: flex;align-items: center;justify-content: center;width: 86px;height: 36px;border-radius: 36px;background: #fff;color: #EB3F3D;border: 1px solid #EB3F3D;font-size: 13px;text-align: center;}
    #customer .button{margin: 32px 0 0 0;padding: 0 20px 32px;display:flex;align-items:center;justify-content:center;gap: 10px;flex-direction: column;}
    #customer .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}
    #customer .notice{}
    #customer .notice .list{padding: 8px 20px;}
    #customer .notice .list ul{}
    #customer .notice .list li{padding: 10px 0;border-bottom: 1px solid #ddd;}
    #customer .notice .list li a{flex-direction: column;display:flex;gap: 10px;}
    #customer .notice .list li .flex{display:flex;align-items:center;justify-content:space-between;gap: 16px;}
    #customer .notice .list li .flex.st{justify-content:flex-start;gap:8px;}
    #customer .notice .list li .name{line-height: 14px;font-size: 12px;color: #707070;}
    #customer .notice .list li .cate{margin: 0;}
    #customer .notice .list li .cate span{display: flex;align-items: center;justify-content: center;border-radius: 4px;border: 1px solid #ebebeb;text-align: center;width: 32px;height: 32px;font-size: 13px;}
    #customer .notice .list li .cate .cate1{color:#0066B3}
    #customer .notice .list li .cate .cate2{color:#06C270}
    #customer .notice .list li .cate .cate3{color:#EB3F3D}
    #customer .notice .list li .view{line-height: 130%;white-space: nowrap;flex: 0 0 auto;display: inline-flex;margin-top: -1.5px;font-size: 13px;vertical-align: 1px;color: #eb3f3d;}
    #customer .notice .list li .con{}
    #customer .notice .list li .con .subj{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    #customer .notice .list li .con .subj p{display: inline;line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #customer .notice .list li .con .subj em{display: inline-flex;line-height: 22px;color: #0066b3;vertical-align: top;font-size: 14px;}
    #customer .notice .list li .con .subj img{display: inline;height: 22px;vertical-align: top;}
    #customer .notice .list li .con .desc{margin: 10px 0 0;display: flex;gap: 12px;}
    #customer .notice .list li .con .desc p{position:relative;line-height: 14px;font-size: 11px;color: #707070;}
    #customer .notice .list li .con .desc p + p:before{content:'';position:absolute;top:50%;left:-6px;transform:translateY(-50%);background:#ddd;width:1px;height:8px;}
    #customer .notice .list li .img{width: 104px;height: 64px;border-radius: 8px;overflow: hidden;flex-shrink: 0;}
    #customer .notice .list li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #customer .notice .more{margin:16px 20px 32px;}
    #customer .notice .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #customer .notice .more a img{height:16px;margin-left:2px;flex-shrink:0;}
    #customer .faq{}
    #customer .faq .cateBox{height: 64px;display: flex;align-items: center;justify-content: flex-start;padding: 14px 20px;width: 100%;}
    #customer .faq .searchBox{display:none;}
    #customer .faq .list{padding: 16px 20px;}
    #customer .faq .list ul{}
    #customer .faq .list li{border-bottom:1px solid #dddddd}
    #customer .faq .list li .flex{display:flex;gap:6px;}
    #customer .faq .list li .faqa{position:relative;display:block;padding: 20px 42px 20px 12px;line-height:24px;font-size:15px;color:#1c1c1c;width:100%;min-height:64px;background: #ffffff;}
    #customer .faq .list li .faqa:after{content:'';position:absolute;top:50%;right: 12px;transform:translateY(-50%);width:20px;height:20px;background: url("../img/common/dropdown.png") no-repeat 50% 50% / contain;}
    #customer .faq .list li .faqa strong{font-size:16px;font-weight:500;flex-shrink:0}
    #customer .faq .list li .faqa span{flex:1;display:flex;text-align: left;line-height: 22px;}
    #customer .faq .list li .faqa.on:after{transform:translateY(-50%) rotate(180deg)}
    #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 #dddddd;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;}
    #customer .voc{}
    #customer .alliance{}

    #introduce{position: relative;padding: 24px 0 0;}
    #introduce .loca{margin: 0;}
    #introduce .company{padding: 24px 20px;}
    #introduce .company .slogan{padding: 32px 20px;background: #F4F4F4;border-radius: 16px;}
    #introduce .company .slogan dl{display: flex;gap: 24px;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #introduce .company .slogan dt{flex-shrink: 0;}
    #introduce .company .slogan dt img{display:block;width:auto;height: 36px;}
    #introduce .company .slogan dd{flex:1;line-height: 22px;font-size: 15px;font-weight: 500;color: #1c1c1c;}
    #introduce .company .intro{padding: 40px 10px;border-bottom: 1px solid #dddddd;}
    #introduce .company .intro dl{display: flex;gap: 32px;flex-direction: column;align-items: center;text-align: center;}
    #introduce .company .intro dt{flex-shrink: 0;width: 238px;}
    #introduce .company .intro dt img{display:block;width:auto;margin: 0 auto;}
    #introduce .company .intro dd{flex:1;}
    #introduce .company .intro dd{line-height: 20px;font-size: 14px;color: #1c1c1c;}
    #introduce .company .info{padding: 0px 0 20px;display: flex;flex-direction: column;align-items: center;text-align: center;border-bottom: 1px solid #dddddd;}
    #introduce .company .info .tit{margin: 0 0 32px 0;padding: 40px 0;line-height: 30px;font-size: 20px;font-weight: 500;color: #1c1c1c;position: relative;word-break: keep-all;}
    #introduce .company .info .tit:before{content:'';position:absolute;top: 0;left: 50%;width:24px;height:16px;background: url("../img/common/quote1.png") no-repeat 50% 50% / contain;transform: translateX(-50%);}
    #introduce .company .info .tit:after{content:'';position:absolute;bottom: 0;left: 50%;width:24px;height:16px;background: url("../img/common/quote2.png") no-repeat 50% 50% / contain;transform: translateX(-50%);}
    #introduce .company .info .con{display: flex;align-items: center;justify-content: center;gap: 20px;margin: 0 0 32px;flex-wrap: wrap;}
    #introduce .company .info .con p{border-radius: 8px;overflow: hidden;width: calc(50% - 10px);max-width: 100%;}
    #introduce .company .info .con p img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #introduce .company .info .desc{width: 100%;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 dl + dl{border-top:1px solid #ededed;}
    #introduce .company .info .desc dt{width: 112px;flex-shrink: 0;min-height: 54px;padding: 16px 0;line-height: 22px;font-size: 14px;}
    #introduce .company .info .desc dd{flex: 1;color: #707070;min-height: 54px;padding: 16px 0;line-height: 22px;font-size: 14px;}
    #introduce .company .ci{padding: 40px 0;display: flex;flex-direction: column;align-items: center;text-align: center;border-bottom: 1px solid #dddddd;}
    #introduce .company .ci .tit{line-height: 26px;font-size: 20px;font-weight: 500;color: #1c1c1c;position: relative;margin: 0 0 24px;}
    #introduce .company .ci .txt{line-height: 20px;font-size: 14px;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: 19px;font-size: 13px;color: #eb3f3d;}
    #introduce .company .system{padding: 40px 0 20px;display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: center;}
    #introduce .company .system .tit{line-height: 26px;font-size: 20px;font-weight: 500;color: #1c1c1c;position: relative;margin: 0 0 24px;}
    #introduce .company .system .txt{line-height: 20px;font-size: 14px;color: #707070;margin: 0 0 24px;}
    #introduce .company .system .con{display: flex;border: 1px solid #dddddd;width: 100%;padding: 32px 48px;min-height: 168px;flex-direction: column;gap: 32px;}
    #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: 56px;height: 56px;display: flex;align-items: center;justify-content: center;border-radius: 56px;overflow: hidden;background: #fafafa;flex-shrink: 0;}
    #introduce .company .system .con dt i.red{background: rgba(204,0,0,1);}
    #introduce .company .system .con dt i.gray{background: rgba(231,231,231,1);}
    #introduce .company .system .con dt i.dark{background: rgba(75,72,72,1);}
    #introduce .company .system .con dt i.blue{background: rgba(5,164,188,1);}
    #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 10px;line-height: 22px;font-size: 15px;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 .company .system .con dd span p{}
    #introduce .service{padding: 32px 20px 96px;}
    #introduce .service .title{width: 100%;padding:0 10px;max-width:100%;height: 56px;border-radius: 56px;border:1px solid #ddd;margin: 0 auto 40px;display: flex;align-items: center;justify-content: center;gap: 4px;font-size: 18px;font-weight: bold;color: #1c1c1c;}
    #introduce .service .title span{color:#EB3F3D}
    #introduce .service .cont{}
    #introduce .service .cont ul{position:relative;width: 100%;margin: 0 auto;display: flex;flex-direction: column;gap: 120px;}
    #introduce .service .cont li{position: relative;    }
    #introduce .service .cont li .box{position: relative;margin: 0 auto;width: 45vw;border-radius:192px;box-shadow:0 0 12px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;aspect-ratio: 1 / 1;z-index: 2;}
    #introduce .service .cont li .box .img{}
    #introduce .service .cont li .box .img img{max-height:52px;width:auto;}
    #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 rgba(0,0,0,0.3);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 12px;width:94px;height:auto;padding:12px;border-radius:8px;border:1px solid #ebebeb;background: #fff;line-height: 22px;font-size: 13px;font-weight: 300;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;gap: 16px;justify-content: space-between;text-align:center;}
    #introduce .service .cont li:nth-child(1){}
    #introduce .service .cont li:nth-child(1) .box{}
    #introduce .service .cont li:nth-child(1) .con{top: 100%;width: 100%;margin: 24px 0;height: 72px;display: flex;justify-content: center;}
    #introduce .service .cont li:nth-child(1) .con p{position: relative;width: 100%;line-height: 20px;font-size: 14px;color: #707070;display: flex;align-items: center;justify-content: center;text-align: center;}
    #introduce .service .cont li:nth-child(1) .con p:nth-child(1):before{content:'';position:absolute;top: 0;right: 0;margin: 0 0 0 10px;width: 1px;height: 100%;background:#ddd;}
    #introduce .service .cont li:nth-child(1) .con p:nth-child(1):after{content:'';position:absolute;bottom: 0;right: -3px;width: 6px;height: 6px;border: 1px solid #e0e0e0;border-left: 0;border-top: 0;transform: rotate(45deg);}
    #introduce .service .cont li:nth-child(1) .con p:nth-child(2):before{content:'';position:absolute;top: 0;left:0;margin: 0 10px 0 0;width: 1px;height: 100%;background:#ddd;}
    #introduce .service .cont li:nth-child(1) .con p:nth-child(2):after{content:'';position:absolute;top: 0;left: -3px;width: 6px;height: 6px;border: 1px solid #e0e0e0;border-bottom: 0;border-right: 0;transform: rotate(45deg);}
    #introduce .service .cont li:nth-child(2){}
    #introduce .service .cont li:nth-child(2) .box{bottom:0;left:0;}
    #introduce .service .cont li:nth-child(2) .con{top: 100%;width: 100%;margin: 24px 0;height: 72px;display: flex;justify-content: center;flex-direction: row-reverse;}
    #introduce .service .cont li:nth-child(2) .con p{position: relative;width: 100%;line-height: 20px;font-size: 14px;color: #707070;display: flex;align-items: center;justify-content: center;text-align: center;}
    #introduce .service .cont li:nth-child(2) .con p:nth-child(1):before{content:'';position:absolute;top: 0;left:0;margin: 0 10px 0 0;width: 1px;height: 100%;background:#ddd;}
    #introduce .service .cont li:nth-child(2) .con p:nth-child(1):after{content:'';position:absolute;top: 0;left: -3px;width: 6px;height: 6px;border: 1px solid #e0e0e0;border-bottom: 0;border-right: 0;transform: rotate(45deg);}
    #introduce .service .cont li:nth-child(2) .con p:nth-child(2):before{content:'';position:absolute;top: 0;right: 0;margin: 0 0 0 10px;width: 1px;height: 100%;background:#ddd;}
    #introduce .service .cont li:nth-child(2) .con p:nth-child(2):after{content:'';position:absolute;bottom: 0;right: -3px;width: 6px;height: 6px;border: 1px solid #e0e0e0;border-left: 0;border-top: 0;transform: rotate(45deg);}
    #introduce .service .cont li:nth-child(3){position: unset;    }
    #introduce .service .cont li:nth-child(3) .box{bottom:0;right:0;}
    #introduce .service .cont li:nth-child(3) .con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;gap: 0;z-index: 1;}
    #introduce .service .cont li:nth-child(3) .con{}
    #introduce .service .cont li:nth-child(3) .con p{position: relative;width: 50%;line-height: 20px;font-size: 14px;color: #707070;display: flex;align-items: center;justify-content: center;text-align: center;flex-shrink: 0;}
    #introduce .service .cont li:nth-child(3) .con p:nth-child(1){align-items:flex-end;padding: 0 22.5vw 5.625vw 0;}
    #introduce .service .cont li:nth-child(3) .con p:nth-child(2){align-items:flex-start;padding: 9.625vw 0 0 22.5vw;}
    #introduce .service .cont li:nth-child(3) .con p:nth-child(1):before{content:'';position:absolute;top: 22.5vw;left:0;bottom: 22.5vw;width: 11.25vw;border: 1px solid #ddd;border-right: 0;}
    #introduce .service .cont li:nth-child(3) .con p:nth-child(1):after{content:'';position:absolute;bottom: calc(22.5vw - 3px);left: calc(11.25vw - 7px);width: 6px;height: 6px;border: 1px solid #e0e0e0;border-left: 0;border-bottom: 0;transform: rotate(45deg);}
    #introduce .service .cont li:nth-child(3) .con p:nth-child(2):before{content:'';position:absolute;top: 22.5vw;right: 0;bottom: 22.5vw;width: 11.25vw;border: 1px solid #ddd;border-left: 0;}
    #introduce .service .cont li:nth-child(3) .con p:nth-child(2):after{content: '';position: absolute;top: calc(22.5vw - 3px);right: calc(11.25vw - 7px);width: 6px;height: 6px;border: 1px solid #e0e0e0;border-top: 0;border-right: 0;transform: rotate(45deg);}
    #introduce .application{padding: 32px 20px 38px;}
    #introduce .application .title{width: 100%;padding:0 10px;max-width:100%;height: 56px;border-radius: 56px;border:1px solid #ddd;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;gap: 4px;font-size: 18px;font-weight: bold;color: #1c1c1c;}
    #introduce .application .title span{color:#EB3F3D}
    #introduce .application .text{line-height: 20px;font-size: 14px;font-weight: 500;color: #333;text-align: center;padding: 0 0 32px 0;position: relative;}
    #introduce .application .problem{position:relative;padding: 32px 0 0 0;margin: 0 0 40px 0;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-direction: column;gap: 10px;}
    #introduce .application .problem li{padding: 14px 16px;display: flex;align-items: flex-start;justify-content: flex-start;text-align: left;border-radius: 8px;box-shadow: 0 0 4px rgba(0,0,0,0.1);gap: 4px;min-height: 56px;}
    #introduce .application .problem li i{width: 28px;height: 28px;background: url("../img/common/listcheck.png") no-repeat 50% 50% / contain;flex-shrink: 0;}
    #introduce .application .problem li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 28px;font-size: 15px;color: #1c1c1c;word-break: keep-all;}
    #introduce .application .image{}
    #introduce .application .image img{width: auto;max-width: 100%;height: auto;display: block;}
    #introduce .application .image p{margin: 24px 0 32px;text-align: center;line-height: 20px;font-size: 14px;font-weight: 500;color: #1c1c1c;}
    #introduce .application .image p span{color:#eb3f3d;}
    #introduce .application .support{position:relative;padding: 40px 0;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 20px;height: 48px;border-radius: 48px;background: #f4f4f4;margin: 0 0 32px 0;font-size: 18px;font-weight: 500;color: #1c1c1c;}
    #introduce .application .support .con{width: 912px;max-width: 100%;margin: 0 auto;display: flex;gap: 24px 12px;flex-wrap: wrap;}
    #introduce .application .support .con + .tit{margin: 40px 0 32px 0;}
    #introduce .application .support .con ul{display: flex;gap: 16px;flex-wrap: wrap;padding: 0 0 40px 0;border-bottom: 1px solid #ddd;}
    #introduce .application .support .con li{width: calc(50% - 8px);}
    #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 0;}
    #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{width: calc(50% - 8px);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: #333333;color: #fff;font-size: 16px;font-weight: 500;margin: 0 0 8px;}
    #introduce .application .support .con dd{padding: 8px;display: flex;flex-direction: column;}
    #introduce .application .support .con dd p{line-height: 24px;font-size: 14px;color: #707070;}
    #introduce .application .standard{position: relative;padding: 40px 0;border-top: 1px solid #ddd;}
    #introduce .application .standard .tit{line-height: 26px;font-size: 20px;font-weight: bold;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 0;}
    #introduce .application .standard .con ul{display: flex;gap: 16px;width: 804px;max-width: 100%;margin: 0 auto;flex-direction: column;}
    #introduce .application .standard .con li{flex: 1;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;box-shadow: 0 0 4px rgba(0,0,0,0.16);border-radius: 8px;padding: 20px;position: relative;}
    #introduce .application .standard .con li img{display: block;margin: 0 auto 8px;position: absolute;top: 20px;right: 20px;max-height: 80px;}
    #introduce .application .standard .con li strong{line-height: 22px;font-size: 16px;font-weight: 500;color: #1c1c1c;margin: 16px 0 20px;}
    #introduce .application .standard .con li p{width: 100%;text-align: left;line-height: 24px;font-size: 14px;color: #707070;font-weight: 300;}
    #introduce .application .standard .con li p br{display:none;}
    #introduce .application .standard .exp{margin: 16px 0 0 0;line-height: 18px;font-size: 13px;color: #707070;text-align: center;}
    #introduce .application .process{position: relative;padding: 40px 0 20px 0;border-top: 1px solid #ddd;}
    #introduce .application .process .tit{line-height: 26px;font-size: 20px;font-weight: bold;color: #1c1c1c;text-align: center;margin: 0 0 24px;}
    #introduce .application .process .txt{line-height: 22px;font-size: 14px;color: #707070;text-align: center;}
    #introduce .application .process .con{margin: 40px 0 0;}
    #introduce .application .process .con ul{display: flex;gap: 24px 30px;flex-wrap: wrap;}
    #introduce .application .process .con li{position: relative;width: calc(50% - 15px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #introduce .application .process .con li i{position: relative;display: flex;width: 100%;aspect-ratio: 1/1;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: 15px;font-weight: 500;color: #fff;opacity: 0.4;margin: 0 0 8px;}
    #introduce .application .process .con li i p{line-height: 22px;font-size: 16px;font-weight: 500;color: #fff;}
    #introduce .application .process .con li span{margin: 16px 0 0 0;text-align: center;line-height: 20px;font-size: 14px;color: #707070;}
    #introduce .application .process .con li:nth-child(2n) i:before{display:none}
    #introduce .application .button{display: flex;align-items: center;justify-content: center;margin: 32px 0 0 0;gap: 10px;flex-direction: column;}
    #introduce .application .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;padding: 12px 16px;border-radius: 48px;border: 1px solid transparent;font-size: 14px;font-weight: 500;}
    #introduce .application .form{display: flex;flex-direction: column;gap: 32px;}
    #introduce .application .form dl{display: flex;flex-direction: column;gap: 10px;}
    #introduce .application .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;}
    #introduce .application .form dt img{height: 18px;width:auto;margin: 0 6px 0 0;}
    #introduce .application .form dd{flex: 1;display: flex;min-height: 48px;flex-direction: column;gap: 10px;}
    #introduce .application .form dd + dt{margin-top:32px;}
    #introduce .application .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;}
    #introduce .application .form dd .inp{position:relative;width: 100%;max-width:100%;display: flex;align-items: center;gap: 8px;border-bottom: 1px solid #ddd;}
    #introduce .application .form dd .inp input{padding: 8px;width: 100%;height: 48px;}
    #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: 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;}
    #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: 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 #dddddd;background:url("../img/common/dropdown.png") no-repeat right 12px center / auto 24px;font-size: 14px;}
    #introduce .application .form dd .sel p{white-space:nowrap;font-size: 14px;color: #707070;text-align: left;width: 100%;}
    #introduce .application .form dd .sel.wrap{flex-wrap:wrap}
    #introduce .application .form dd .sel.timer select{background: url(../img/common/dropdown.png) no-repeat right 6px center / auto 16px;padding: 8px;}
    #introduce .application .form dd .chk{display: flex;gap: 16px;align-items: flex-start;margin: 12px 0;flex-wrap: Wrap;}
    #introduce .application .form dd .chk label{display:flex;align-items: flex-start;min-height: 24px;cursor:pointer;gap: 8px;width: calc(50% - 8px);}
    #introduce .application .form dd .chk label input{display:none;}
    #introduce .application .form dd .chk label input ~ i{width: 20px;height: 20px;flex-shrink:0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain}
    #introduce .application .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;}
    #introduce .application .form dd .chk label input ~ p span{color: #EB3F3D;flex-shrink: 0;}
    #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 .col01 label{width:100%;}
    #introduce .application .form .bd8{display:flex;margin:0 -20px;border-bottom:8px solid #f4f4f4}
    #introduce .application .result{}
    #introduce .application .result .complete{background:#F4F4F4;margin: 0 0 40px 0;padding: 32px;text-align: center;border-radius: 16px;}
    #introduce .application .result .complete .tit{margin: 0 0 16px;line-height: 26px;font-size: 20px;font-weight: bold;color: #1c1c1c;}
    #introduce .application .result .complete .txt{line-height: 20px;font-size: 14px;color: #707070;margin: 0 0 12px;}
    #introduce .application .result .complete .cau{line-height: 18px;font-size: 13px;color: #eb3f3d;}
    #introduce .application .result .caution{position: relative;padding: 0 0 40px;}
    #introduce .application .result .caution .tit{line-height: 24px;font-size: 18px;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: 20px;display: flex;flex-direction: column;gap: 16px;}
    #introduce .application .result .caution .con p{line-height: 22px;font-size: 14px;color: #707070;text-indent: -16px;padding: 0 0 0 16px;}
    #introduce .application .result .caution .txt{margin: 20px 0 0 0;line-height: 20px;font-size: 15px;color: #0066b3;text-align: center;}
    #introduce .application .result .tax{border-top: 1px solid #ddd;padding: 40px 0 0 0;text-align: center;}
    #introduce .application .result .tax .tit{line-height: 22px;font-size: 16px;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 0;}
    #introduce .application .result .tax .con{border-radius: 8px;border: 1px solid #ddd;padding: 32px 16px;display: flex;flex-direction: column;}
    #introduce .application .result .tax .con strong{line-height: 20px;font-size: 15px;font-weight: 500;color: #1c1c1c;margin: 0 0 24px;}
    #introduce .application .result .tax .con p{display: flex;align-items: center;justify-content: center;text-align: center;margin: 4px 0;line-height: 20px;font-size: 14px;color: #707070;gap: 6px 24px;flex-wrap: wrap;}
    #introduce .application .result .tax .con p + p{margin-top:24px;}
    #introduce .application .result .tax .con p i{display: flex;align-items: center;justify-content: center;padding: 0 8px;height: 32px;border-radius: 32px;border: 1px solid #ddd;font-size: 13px;}
    #introduce .application .result .tax .con p span{width: 100%;}
    #introduce .application .result .tax .con p span em{font-weight: 500;}
    #introduce .instruct{padding: 32px 20px 38px;}
    #introduce .instruct .guide{padding: 0 0 40px 0;border-bottom: 1px solid #ddd;text-align: center;}
    #introduce .instruct .guide .title{line-height: 24px;font-size: 18px;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 0;}
    #introduce .instruct .guide .cont ul{gap: 32px 24px;display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
    #introduce .instruct .guide .cont li{width: calc(50% - 12px);}
    #introduce .instruct .guide .cont li .img{width: 100%;aspect-ratio: 1 / 1;border-radius: 176px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;overflow: hidden;margin: 0 0 20px;}
    #introduce .instruct .guide .cont li .img img{display:block;width:auto;max-width: 100%;height:auto;max-height: 60%;}
    #introduce .instruct .guide .cont li .tit{line-height: 22px;font-size: 16px;font-weight: 500;color: #1c1c1c;margin: 0 0 8px;}
    #introduce .instruct .guide .cont li .txt{line-height: 18px;font-size: 14px;color: #707070;}
    #introduce .instruct .point{padding: 40px 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 0;}
    #introduce .instruct .point .cont ul{gap: 32px 24px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
    #introduce .instruct .point .cont li{width: calc(50% - 12px);}
    #introduce .instruct .point .cont li .img{width: 100%;aspect-ratio: 1/1;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;max-height: 60%;}
    #introduce .instruct .point .cont li .tit{line-height: 22px;font-size: 16px;font-weight: 500;color: #1c1c1c;margin: 0 0 8px;}
    #introduce .instruct .point .cont li .txt{line-height: 18px;font-size: 14px;color: #707070;}
    #introduce .instruct .point .caut{margin: 56px auto 0;display: inline-flex;align-items: center;justify-content: center;padding: 16px;line-height: 20px;font-size: 13px;color: #555;background: #f4f4f4;}
    #introduce .instruct .caution{padding: 40px 0 09;text-align: center;}
    #introduce .instruct .caution .title{line-height: 24px;font-size: 18px;font-weight: 500;color: #1c1c1c;margin: 0 0 40px;}
    #introduce .instruct .caution .cont{position:relative;padding: 40px 20px;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: 16px;font-size: 16px;font-weight: 500;color: #1c1c1c;white-space: nowrap;}
    #introduce .instruct .caution .cont .txt{margin:0 0 32px 0;line-height: 20px;font-size: 14px;color: #1c1c1c;}
    #introduce .instruct .caution .cont .con{display:flex;flex-direction: column;}
    #introduce .instruct .caution .cont .img{display: flex;align-items: center;justify-content: center;padding: 20px;}
    #introduce .instruct .caution .cont .img img{width:100%;height:auto}
    #introduce .instruct .caution .cont .lst{text-align: left;display: flex;flex-direction: column;gap: 16px;}
    #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 rgba(0,0,0,0.1);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: bold;color: #00235c;}
    #office .aside .title:before{content:'';width:2px;height:18px;background:#eb3f3d;margin:0 12px 0 0;flex-shrink:0;}
    #office .aside .cont{padding: 0 0 6px 0;}
    #office .aside .cont ul{padding: 0 24px;}
    #office .aside .cont ul + ul{border-top:8px solid #f4f4f4;}
    #office .aside .cont li{}
    #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: 37px;height: 24px;border-radius: 24px;border: 1px solid #eb3f3d;background: #eb3f3d;color: #fff;font-size: 14px;}
    #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: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;}
    #office .section .header .title{line-height:1;font-size:24px;font-weight:bold;color: #1c1c1c;}
    #office .section .header .tool{display: flex;align-items: center;}
    #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{}
    #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: 252px;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 .reservation{}
    #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:bold;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: #06C270;}
    #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:#707070;*/color: #ccc}
    #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 .view .stat p.stat4 span{color: #EB3F3D;}
    #office .section .reservation .calendar{}
    #office .section .reservation .calendar .week{}
    #office .section .reservation .calendar .week ul{display:flex;gap: 1px;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{}
    #office .section .reservation .calendar .days ul{display: flex;gap: 1px;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 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 .comment{}
    #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.step1{}
    #office .section .reservation .calendar .days li .cont p.step1 span,
    #office .section .reservation .calendar .days li .cont p.step1 span a{color: #ccc;}
    #office .section .reservation .calendar .days li .cont p.step2{}
    #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{}
    #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 .form{}
    #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 ul{}
    #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{}
    #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 .total{}
    #office .section .reservation .schedule .body .total li{}
    #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 #dddddd;}
    #office .section .reservation .detail dl{display: flex;border-bottom: 1px solid #dddddd;}
    #office .section .reservation .detail dt{width: 152px;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{flex: 1;display: flex;min-height: 56px;padding: 20px 24px;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;}
    #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{}
    #office .section .reservation .detail dd .con img{margin:0 0 16px 0;border-radius:10px;overflow:hidden;object-fit:contain}
    #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{}
    #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 dd{}
    #office .section .review .cont ul{display: flex;flex-direction: column;gap: 20px;}
    #office .section .review .cont li{}
    #office .section .review .cont li .box{display:flex;align-items:center;border-radius:8px;overflow:hidden;border:1px solid #ddd;padding:20px;height:64px;}
    #office .section .review .cont li .box img{width:20px;height:20px;flex-shrink:0;margin:0 8px 0 0;}
    #office .section .review .cont li .box p{flex: 1;line-height: 20px;font-size: 14px;color: #1c1c1c;}
    #office .section .review .cont li .box em{width: 24px;line-height: 20px;font-size: 14px;color: #eb3f3d;text-align: center;}
    #office .section .review .cont li .box input{display:none;}
    #office .section .review .cont li .box i{display:none;width:24px;height:24px;flex-shrink:0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain}
    #office .section .review .cont li .box input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #office .section .coupon{}
    #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 .flex{}
    #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{}
    #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:bold;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 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{}
    #office .section .onestop .cont{display:none}
    #office .section .onestop .cont.on{display:block;}
    #office .section .onestop .list{}
    #office .section .onestop .list ul{display: flex;flex-wrap: wrap;gap: 32px 24px;}
    #office .section .onestop .list li{width: calc(25% - 18px);}
    #office .section .onestop .list li .date{display: flex;align-items: center;margin: 0 0 12px 0;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 0;}
    #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:0.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%;object-fit: cover;}
    #office .section .onestop .list li .con{position:relative;}
    #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-shrink: 0;}
    #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;flex-shrink:0;margin:0 8px 0 0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain}
    #office .section .onestop .list li .upper .check label input:checked ~ i{background: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: 18px;color: #1c1c1c;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #office .section .onestop .list li .info{}
    #office .section .onestop .list li .info{display:flex;align-items: flex-end;margin: 12px 0 0 0;padding: 16px 0 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:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") 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{}
    #office .section .onestop .list li.checked .img:before{opacity:1;visibility:visible}
    #office .section .onestop .list li.checked .img:after{opacity:0.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 0;padding: 56px 0 0 0;border-top: 1px solid #ddd;gap: 8px;}
    #office .section .onestop .button .btn{}
    #office .section .pointmall{}
    #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{}
    #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 0;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 0;}
    #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:0.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 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{}
    #office .section .pointmall .list li .info{display:flex;align-items: flex-end;margin: 12px 0 0 0;padding: 16px 0 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:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") 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{}
    #office .section .pointmall .list li.checked .img:before{opacity:1;visibility:visible}
    #office .section .pointmall .list li.checked .img:after{opacity:0.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 0;padding: 56px 0 0 0;border-top: 1px solid #ddd;gap: 8px;}
    #office .section .pointmall .button .btn{}
    #office .section .store{}
    #office .section .store .applicate{}
    #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: bold;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{}
    #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{}
    #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{}
    #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{}
    #office .section .store .result .complete{background:#F4F4F4;margin: 0 0 92px 0;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 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 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 0;}
    #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{}
    #office .section .store .result .tax .con p span em{font-weight: 500;}
    #office .section .store .appform{}
    #office .section .store .appform .applicate{}
    #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 0;}
    #office .section .store .payment{border-top:0;}
    #office .section .store .payment .title{}
    #office .section .store .payment .cont{}
    #office .section .store .payment .cont dl{}
    #office .section .store .history{padding:80px 0 0 0;border-top:1px solid #ddd;}
    #office .section .store .history .tit{line-height:26px;font-size:20px;font-weight:500;color:#1c1c1c;margin:0 0 16px 0;}
    #office .section .store .history .tbl{margin: 0 0 24px;}
    #office .section .store .history .tbl table{}
    #office .section .store .history .tbl table tr{}
    #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{}
    #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 .cate a.on{}
    #office .section .faq .list{}
    #office .section .faq .list ul{border-top: 1px solid #707070;}
    #office .section .faq .list li{}
    #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 .faq .list li .faqb strong{}
    #office .section .faq .list li .faqb img {max-width: 100%;}

    /**/
    #office .section .caution{margin: 0 auto 40px;padding: 24px;background: #F4F4F4;border-radius: 10px;}
    #office .section .caution ul{}
    #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;}
    #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: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 #dddddd;}
    #office .section .form dl{display: flex;border-bottom: 1px solid #dddddd;}
    #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 #dddddd;}
    #office .section .form dd .inp input.datepicker{background: url("../img/common/calendar.png") no-repeat right 16px center / 24px auto;}
    #office .section .form dd .inp span{}
    #office .section .form dd .inp p{}
    #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 #dddddd;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: rgb(240 246 251);}
    #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 #dddddd;}
    #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;/* display: -webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 1; *//* overflow: hidden; */}
    #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{}
    #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{}
    #office .section .form dd .file .fileList ul{display: flex;gap: 16px;}
    #office .section .form dd .file .fileList li{position:relative;margin: 20px 0 0 0;}
    #office .section .form dd .file .fileList li .img{width: 140px;height: 88px;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 .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 .comment{}
    #office .section .comment .type{padding: 80px 0 0 0;margin: 0 0 32px 0;}
    #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{}
    #office .section .comment .con ul{}
    #office .section .comment .con li{padding:20px 24px;display: flex;justify-content: center;align-items: center}
    #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;}
    #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_name{margin: 0 0 4px 0;line-height: 18px;font-size: 13px;color: #707070;}
    #office .section .comment .con li .cmt_text{line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #office .section .comment .con li .cmt_item{margin: 12px 0 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_item dd{}
    #office .section .comment .con li .cmt_date{position:absolute;top: 0;right: 0;line-height: 18px;font-size: 12px;color: #707070;}
    #office .section .comment .con li .cmt_button{position:absolute;bottom: 0;right: 0;line-height: 18px;font-size: 12px;color: #707070;}
    #office .section .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;}
    #office .section .comment .con li.cmt_rep{background:#f4f4f4}
    #office .section .comment .con li.cmt_rep .cmt_ico{background:#707070;}
    #office .section .comment .frm{margin:20px 0 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 .inp{}
    #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 0;}
    #office .section .comment .frm .bot .file{}
    #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{}
    #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{}
    #office .detail .head{display: flex;align-items: center;padding: 24px 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 20px;}
    #office .detail .head .tool a{position:relative;display: flex;align-items: center;justify-content: center;font-size:14px;color:#707070;text-decoration:underline}
    #office .detail .head .tool a + a{padding: 0 0 0 16px;margin: 0 0 0 16px;}
    #office .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%;)}
    #office .detail .info{border-bottom:1px solid #dddddd;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 .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: 0px 0px 4px 0px #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity: 0;visibility: hidden;transition: all 0.35s;background: #fff;}
    #office .detail .bottom .share > ul li{}
    #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 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 .spaceBox{}
    #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{width: 121px;height: 48px;}
    #office .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;}
    #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{}
    #office .table table{}
    #office .table table tr{}
    #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 em{flex-shrink:0;font-size:13px;}
    #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:14px;color:#eb3f3d;}
    #office .table table td .viewBtn{display:flex;align-items:center;gap:4px;}
    #office .table table td .eye{display:flex;align-items:center;gap:4px;}
    #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{}
    #office .mypayment .list{padding:0 20px;}
    #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: 12px 20px !important;}
    #login .wrap{display:flex;flex-direction:column;}
    #login .login{background: #FFFFFF;}
    #login .login .text{line-height:30px;font-size:20px;font-weight:bold;color:#373737;margin:0 0 40px 0;}
    #login .login .text span{color:#eb3f3d;}
    #login .login .banner{margin-bottom:15px;}
    #login .login .banner a{display:flex;width:100%;}
    #login .login .banner a img{display:block;width:100%;height:auto;object-fit:contain;}
    #login .login .form{}
    #login .login .form ul{}
    #login .login .form li{}
    #login .login .form li + li {margin-top:16px;}
    #login .login .form li input{display:block;padding:12px;width:100%;height:48px;border:1px solid #ddd;font-size:14px;color:#1c1c1c;border-radius:8px;}
    #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:20px 0 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:30px;}
    #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:#dddddd}
    #login .login .social .tit:after{content:'';margin-left:16px;flex:1;height:1px;background:#dddddd}
    #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 .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 .banner{margin-top:10px;}
    #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:40px 20px 24px;flex: 1;display: flex;flex-direction: column;}
    #find .wrap{flex:1;display:flex;flex-direction:column;}
    #find .find{flex:1;display:flex;flex-direction:column}
    #find .find.id{}
    #find .find.pw{}
    #find .find .title{display:none;line-height:24px;font-size:24px;font-weight:500;text-align:center;margin:0 0 40px 0;}
    #find .find .text{margin:0 0 32px 0;line-height:22px;font-size:16px;font-weight:500;color:#1c1c1c;}
    #find .find .menu{}
    #find .find .menu ul{}
    #find .find .menu li{}
    #find .find .menu li + li{margin-top:8px;}
    #find .find .menu li a{display:flex;align-items:center;height:56px;padding:20px;border-radius:8px;border:1px solid #dddddd;background:#ffffff}
    #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 0 0 0;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 .form{margin:0 0 40px 0;}
    #find .find .form dl{display:flex;flex-direction:column;}
    #find .find .form dl + dl{margin:32px 0 0 0;}
    #find .find .form dt{display:flex;align-items:center;justify-content:flex-start;text-align:left;height:14px;font-size:14px;font-weight:bold;color:#1c1c1c;margin:0 0 10px 0;}
    #find .find .form dt em{color:#EB3F3D}
    #find .find .form dd{position:relative;display:flex;align-items:center;justify-content:flex-start;text-align:left;height:48px;border-bottom:1px solid #dddddd;padding:4px 8px;line-height:14px;font-size:14px;color:#1c1c1c;}
    #find .find .form dd input{flex:1;width:100%;height:48px;background:transparent;font-size:14px;color:#1c1c1c;}
    #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:0.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 .button{margin:auto 0 0 0;display:flex;flex-direction:column;}
    #find .find .button .btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;min-width:226px;height:48px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500;}
    #find .find .button .btn + .btn{margin-top:10px;}
    #find .result{flex: 1;display:flex;flex-direction:column}
    #find .result.id{}
    #find .result .title{display:none;line-height:24px;font-size:24px;font-weight:500;text-align:center;margin:0 0 40px 0;}
    #find .result .form{margin:0 0 40px 0;}
    #find .result .form dl{display:flex;flex-direction:column;}
    #find .result .form dl + dl{margin:32px 0 0 0;}
    #find .result .form dt{display:flex;align-items:center;justify-content:flex-start;text-align:left;height:14px;font-size:14px;font-weight:bold;color:#1c1c1c;margin:0 0 10px 0;}
    #find .result .form dd{display:flex;align-items:center;justify-content:flex-start;text-align:left;height:48px;border-bottom:1px solid #dddddd;padding:4px 8px;line-height:14px;font-size:14px;color:#1c1c1c;}
    #find .result .button{margin:auto 0 0 0;display:flex;flex-direction:column;}
    #find .result .button .btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;min-width:226px;height:48px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500;}
    #find .result .button .btn + .btn{margin-top:10px;}

    #join{padding:40px 20px 32px;flex: 1;display: flex;flex-direction: column;}
    #join .wrap{flex: 1;display: flex;flex-direction: column;}
    #join .step{display:none;margin:0 0 80px 0}
    #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: #dddddd;}
    #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%;flex: 1;display: flex;flex-direction: column;}
    #join .join .title{display:none;line-height:24px;font-size:24px;font-weight:500;text-align:center;margin:0 0 40px 0;}
    #join .join .text{margin:40px 0 32px;line-height:22px;font-size:16px;font-weight:bold;color:#1c1c1c;text-align:left;}
    #join .join .type{display:none;margin:0 0 40px 0;}
    #join .join .type ul{display:flex;}
    #join .join .type li{flex:1;}
    #join .join .type li a{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border:1px solid transparent;border-bottom-color:#dddddd;font-size:14px;color:#707070;}
    #join .join .type li a.on{border-bottom-color:#eb3f3d;color:#eb3f3d;}
    #join .join .group{margin:-24px 0 40px 0;}
    #join .join .group ul{display:flex;}
    #join .join .group li{flex:1;}
    #join .join .group li a{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border:1px solid transparent;border-bottom-color:#dddddd;font-size:16px;color:#707070;}
    #join .join .group li a.on{border-bottom-color:#eb3f3d;color:#eb3f3d;}
    #join .join .agree{border-radius: 12px;background:#ffffff}
    #join .join .agree ul{}
    #join .join .agree li{position:relative;border: 1px solid #DDDDDD;border-radius:8px;margin-bottom:10px;}
    #join .join .agree li:nth-child(1){margin-bottom:24px;}
    #join .join .agree li:last-child{margin-bottom:0;}
    #join .join .agree li .checkbox{display:flex;align-items:center;height:56px;cursor:pointer;padding:16px 52px 16px 20px;}
    #join .join .agree li .checkbox input{display:none;}
    #join .join .agree li .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 .agree li .checkbox input ~ p{font-size:13px;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:50%;*/right:20px;/*transform:translateY(-50%);*/top: 18px;font-size:12px;font-weight:300;color:#707070;text-decoration:underline}
    #join .join .agree li .checkBtn:hover{color:#1c1c1c}
    #join .join .agree li .checkTxt{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:12px;font-weight:300;color:#707070}
    #join .join .warn{margin:0 0 24px 0;line-height:12px;font-size:12px;color:#eb3f3d;text-align:right}
    #join .join .form{margin: 0 0 20px 0;}
    #join .join .form dl{display:flex;flex-direction:column;}
    #join .join .form dl + dl{margin-top:32px;}
    #join .join .form dt{width:160px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;font-size:14px;font-weight:bold;color:#1c1c1c;margin:0 0 10px 0;}
    #join .join .form dt em{color:#eb3f3d;}
    #join .join .form dd{flex:1;}
    #join .join .form dd .inp{position:relative;display:flex;width:100% !important;}
    #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 8px;font-size:14px;color:#1c1c1c;border:1px solid transparent;border-bottom:1px solid #dddddd;}
    #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{width: 120px;max-width:100%;height:48px;background: transparent url("../img/common/dropdown.png") no-repeat right 0px center / auto 20px;padding:6px 8px;font-size: 14px;color:#707070;border:1px solid transparent;border-bottom:1px solid #dddddd;}
    #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:10px;}
    #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:40px;border-radius:40px;border:1px solid #dddddd;font-size:14px;color:#707070;}
    #join .join .form dd .inp .checklist input:checked ~ p{border:1px solid #eb3f3d;color:#eb3f3d;}
    #join .join .form dd .error{line-height:24px;font-size:11px;color:#EB3F3D;}
    #join .join .form dd .inp > .btn{position:absolute;top:50%;right:0;transform:translateY(-50%);}
    #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;height:48px;margin:24px 0 0 0;}
    #join .join .form dd .add .btn{width:100%;height:48px;}
    #join .join .form dd .btn{min-width:56px;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 12px}
    #join .join .form dd .space{min-width:16px;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:0.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:0.5}
    #join .join .form dd .inp.capt_input {display: flex;align-items: center;height:48px;}
    #join .join .form dd .inp.capt_input #capt_img {border-radius: 4px;margin: 0 5px 0 0;flex: 0 0 auto;height:40px;}
    #join .join .form dd .inp.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 .inp.capt_input .capt_inp {padding: 0 10px;margin-left: 5px;height: 40px;border: 1px solid #eee;border-radius: 4px;text-align: left;}
    #join .join .receive{margin:0 0 80px 0;}
    #join .join .receive dl{display:flex;align-items:center;}
    #join .join .receive dt{flex:1;height:14px;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:bold;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:24px;height:24px;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 .inp.capt_input {display: flex;align-items: center;height:36px;}
    #join .join .receive dd .inp.capt_input #capt_img {border-radius: 4px;margin: 0 5px 0 0;flex: 0 0 auto;height:36px;}
    #join .join .receive dd .inp.capt_input .capt_reset {width: 36px;height: 36px;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 .inp.capt_input .capt_inp {padding: 0 10px;width:120px;margin-left: 5px;height: 36px;border: 1px solid #eee;border-radius: 4px;text-align: left;font-size:13px;}
    #join .join .button{margin:auto auto 0;width:720px;max-width:100%;display:flex;justify-content:center;flex-direction:column;}
    #join .join .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;flex:1;height:48px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500;}
    #join .join .button .btn + .btn{margin-top:10px;}

    #mypage{}
    #mypage .wrap{display:flex;flex-direction:column;}
    #mypage .aside{display:none;flex-shrink: 0;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);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: bold;color: #00235c}
    #mypage .aside .tit:before {content: '';width: 2px;height: 18px;margin: 0 12px 0 0;background: #EB3F3D;flex-shrink: 0;}
    #mypage .aside .con {}
    #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: #DDDDDD;z-index: 2;}
    #mypage .aside .con li.on a {color: #000000;}
    #mypage .aside .con li:hover {background: #f4f4f4}
    #mypage .section {flex: 1;}
    #mypage .title{display:none;}
    #mypage .period{display:flex;align-items:center;justify-content:flex-start;margin: 0 0 12px 0;}
    #mypage .period .frm{border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff}
    #mypage .period .frm input{width: 100%;height:48px;border:0;padding:0 20px;background:transparent;font-size:13px;}
    #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 #dddddd;flex-shrink: 0;}
    #mypage .period .reset img{width:24px;height:auto;transition:all 0.35s}
    #mypage .period .reset:hover img{transform:rotate(360deg)}
    #mypage .search {display: flex;margin-bottom:10px;}
    #mypage .search form{display:flex;width:100%;}
    #mypage .search .sel{margin:0 8px 0 0;border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff}
    #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 #dddddd;display:flex;background:#ffffff;width: 100%;}
    #mypage .search .frm input{min-width: 204px;flex: 1;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 .search .inp{border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff;width: 100%;}
    #mypage .search .inp input{min-width: 124px;flex: 1;width: 100%;height:48px;border:0;padding:0 16px;background:transparent;font-size:13px;}
    #mypage .search .inp 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 .mypage{}
    #mypage .mypage .myinfo{border-bottom:8px solid #F4F4F4;padding:32px 20px;display:flex;align-items:center;}
    #mypage .mypage .myinfo .lt{}
    #mypage .mypage .myinfo .rt{flex:1;display: flex;align-items: center;justify-content: space-between;}
    #mypage .mypage .myinfo .icon{position:relative;margin:0 14px 0 0;}
    #mypage .mypage .myinfo .icon .img{width:72px;height:72px;border-radius:72px;overflow:hidden;}
    #mypage .mypage .myinfo .icon .img img{display:block;/*width:auto;*/max-width:100%;/*height:auto;*/max-height:100%;width: 100%;height: 100%; object-fit:cover;}
    #mypage .mypage .myinfo .icon .cog{position:absolute;bottom:0;right:0;}
    #mypage .mypage .myinfo .icon .cog a{position:relative;display:flex;width:24px;height:24px;border-radius:24px;overflow:hidden;text-indent:-9999em;background:#ffffff;box-shadow: 0 2px 2px 0 #0000004d;}
    #mypage .mypage .myinfo .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}
    #mypage .mypage .myinfo .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;font-size:16px;font-weight:bold;color:#1c1c1c;}
    #mypage .mypage .myinfo .point{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;text-align: right;gap: 8px;}
    #mypage .mypage .myinfo .point p{line-height:14px;font-size:12px;color:#333;}
    #mypage .mypage .myinfo .point strong{line-height:28px;font-size:22px;font-weight:500;color:#EB3F3D;}
    #mypage .mypage .mycate{padding:24px 20px;}
    #mypage .mypage .mycate .tit{line-height:22px;font-size:16px;font-weight:bold;color:#1c1c1c;margin:0 0 12px 0;text-align:center;}
    #mypage .mypage .mycate .con{}
    #mypage .mypage .mycate .con ul{display:flex;flex-wrap:wrap;margin:0 -8px -16px;}
    #mypage .mypage .mycate .con li{width:33.33%;padding:0 8px 16px;}
    #mypage .mypage .mycate .con li a{position:relative;display:block;padding:75% 0 0 0;}
    #mypage .mypage .mycate .con li p{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 4px;text-align:center;line-height:20px;font-size:13px;color:#1c1c1c;background: #FFFFFF;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);border-radius: 16px;}
    #mypage .mypage .mycate .con li img{margin-bottom:10px;display:block;width:auto;max-height:24px;}
    #mypage .mypage .mybanner{position:relative;margin:0 0 32px 0;text-align:center;}
    #mypage .mypage .mybanner a{display:block;}
    #mypage .mypage .mybanner img{width:auto;max-width:100%;height:auto;}

    #mypage .mycar{}
    #mypage .mycar .content{padding:0 0 90px 0;}
    #mypage .mycar .information{}
    #mypage .mycar .information .image{display: flex}
    #mypage .mycar .information .image img {display: block;width:100%;height:auto}
    #mypage .mycar .information .number{background:#1C1C1C;padding:4px;}
    #mypage .mycar .information .number p{border:1px solid rgba(255,255,255,0.2);border-radius:4px;display:flex;align-items:center;justify-content:center;height:40px;font-size:18px;font-weight:bold;color:#ffffff;}
    #mypage .mycar .information .inner{display: flex;flex-direction:column;padding:24px 20px;border-radius: 12px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1)}
    #mypage .mycar .information .info{padding:32px 20px 24px;}
    #mypage .mycar .information .name{margin:0 0 8px 0;line-height: 24px;font-size: 20px;font-weight:500;color: #1c1c1c;}
    #mypage .mycar .information .name em{margin-left:4px;line-height:17px;font-size:14px;font-weight:400;color:#1c1c1c;}
    #mypage .mycar .information .caut{margin: 0 0 24px 0;line-height:16px;font-size:12px;color:#707070;}
    #mypage .mycar .information .text{margin: 0 0 8px 0;}
    #mypage .mycar .information .text dl {display: flex;line-height: 20px;font-size: 14px;color: #1c1c1c;}
    #mypage .mycar .information .text dl + dl {margin: 16px 0 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;text-align:right;}
    #mypage .mycar .information .text dd a {font-size: 14px;color: #0066b3;}
    #mypage .mycar .wages{}
    #mypage .mycar .wages .tabs{}
    #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:48px;font-size:14px;font-weight:500;color:#707070;border-bottom:1px solid #dddddd}
    #mypage .mycar .wages .tabs li.on a{color:#EB3F3D;}
    #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;flex-direction:column;padding:0 0 32px 0;}
    #mypage .mycar .wages .cons.on{display:flex !important;}
    #mypage .mycar .wages .cons .tool{order:2;display:flex;padding:24px 20px;margin:0 0 4px 0;flex-direction:column;}
    #mypage .mycar .wages .cons .tool .text{order:2;font-size:12px;color:#1c1c1c;margin:24px 0 0 0;text-align:right;}
    #mypage .mycar .wages .cons .tool .search{order:1;display:flex;}
    #mypage .mycar .wages .cons .tool .search .sel{display:none;margin:0 8px 0 0;}
    #mypage .mycar .wages .cons .tool .search .sel select{padding:0 16px;width:120px;height:48px;border:1px solid #ddd;border-radius:8px;}
    #mypage .mycar .wages .cons .tool .search .inp{flex:1;padding:0 16px;display:flex;height:48px;border:1px solid #ddd;border-radius:8px;}
    #mypage .mycar .wages .cons .tool .search .inp input[type="text"]{flex:1;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{order:1;border-top:1px solid #ededed;overflow: hidden;}
    #mypage .mycar .wages .cons .sort ul{display:flex;white-space:nowrap;background:#F4F4F4;padding:14px 20px;overflow-x: auto;}
    #mypage .mycar .wages .cons .sort li{margin:0 4px 0 0;}
    #mypage .mycar .wages .cons .sort li button{display:flex;padding:0 12px;width:100%;height:36px;border-radius:36px;border:1px solid #ddd;align-items:center;justify-content:center;text-align:center;background:#ffffff;font-size:13px;color:#707070}
    #mypage .mycar .wages .cons .sort li button.on{border-color:#EB3F3D;color:#EB3F3D;font-weight:500;}
    #mypage .mycar .wages .cons .list{order:3;padding:0 20px;}
    #mypage .mycar .wages .cons .list + .list{margin:32px 0 0 0;}
    #mypage .mycar .wages .cons .list .tit{margin:0 0 16px 0;line-height:16px;font-size:16px;font-weight:bold;color:#1c1c1c;}
    #mypage .mycar .wages .cons .list .con{}
    #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 #dddddd;}
    #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:15px;font-size:15px;font-weight:500;color:#1c1c1c;}
    #mypage .mycar .wages .cons .product{order:3;padding:0 20px;}
    #mypage .mycar .wages .cons .product .prod{line-height:18px;font-size:18px;font-weight:bold;color:#1c1c1c;margin:0 0 16px 0;}
    #mypage .mycar .wages .cons .product .cont{border-top:1px solid #1c1c1c;flex:1;}
    #mypage .mycar .wages .cons .product .cont ul{padding:32px 0;}
    #mypage .mycar .wages .cons .product .cont li{}
    #mypage .mycar .wages .cons .product .cont li a{display:flex;position:relative;padding-left:114px;flex-direction:column;align-items:flex-end;}
    #mypage .mycar .wages .cons .product .cont li + li{margin-top:24px;}
    #mypage .mycar .wages .cons .product .cont li .img{position:absolute;top:50%;left:0;transform:translateY(-50%);margin:0 12px 0 0;width:102px;height:102px;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 img{display:block;width:auto;height:100%;max-width: 100%;max-height: 100%;object-fit: cover;}
    #mypage .mycar .wages .cons .product .cont li .con{display:flex;flex-direction:column;flex:1;text-align:right;}
    #mypage .mycar .wages .cons .product .cont li .con .name{line-height:22px;font-size:15px;font-weight:500;color:#1c1c1c;}
    #mypage .mycar .wages .cons .product .cont li .con .option{margin-top:4px;line-height:20px;font-size:14px;color:#707070;}
    #mypage .mycar .wages .cons .product .cont li .pri{margin:14px 0 0 0;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 0;/*display:none;*/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:40px 16px;margin: 0 20px;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:#ffffff;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 0;line-height:20px;font-size:14px;color:#707070;}

    #mypage .mypatron{}
    #mypage .mypatron .calendar{margin:32px 20px;padding: 20px 20px;border-radius:12px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);overflow: hidden}
    #mypage .mypatron .calendar .month{display:flex;align-items:center;justify-content:center;}
    #mypage .mypatron .calendar .month a{}
    #mypage .mypatron .calendar .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;}
    #mypage .mypatron .calendar .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;}
    #mypage .mypatron .calendar .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:bold;}
    #mypage .mypatron .calendar .day{margin:20px 0 0 0;overflow: hidden}
    #mypage .mypatron .calendar .day ul{display:flex;align-items:center;}
    #mypage .mypatron .calendar .day li.dayBtn{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
    /*#mypage .mypatron .calendar .day li.dayBtn.past {pointer-events: none}*/
    #mypage .mypatron .calendar #day li.dayBtn.past p {color: #ccc}
    #mypage .mypatron .calendar .day li.dayBtn span{line-height:17px;font-size:14px;color:#707070;margin:0 0 24px 0;}
    #mypage .mypatron .calendar .day li.dayBtn p{width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:24px;font-size:16px;color:#555555;border-radius:40px;}
    #mypage .mypatron .calendar .day li.today{}
    #mypage .mypatron .calendar .day li.today span{color:#0066b3}
    #mypage .mypatron .calendar .day li.today p{}
    #mypage .mypatron .calendar .day li.on{}
    #mypage .mypatron .calendar .day li.on span{}
    #mypage .mypatron .calendar .day li.on p{color:#ffffff;background:#EB3F3D}
    #mypage .mypatron .list{padding: 0 20px;}
    #mypage .mypatron .list > ul{}
    #mypage .mypatron .list > ul > li{padding:32px 0;}
    #mypage .mypatron .list > ul > li + li{border-top:1px solid #dddddd}
    #mypage .mypatron .list > ul > li .area{display: flex;}
    #mypage .mypatron .list > ul > li .icon{width: 74px;height: 74px;border-radius: 74px;overflow: hidden;flex-shrink: 0;}
    #mypage .mypatron .list > ul > li .icon img{display:block;width:100%;height:100%;object-fit:cover;}
    #mypage .mypatron .list > ul > li .cont{flex:1;padding:0 0 0 15px;}
    #mypage .mypatron .list > ul > li .flex{display:flex;justify-content:space-between;}
    #mypage .mypatron .list > ul > li .flex-end{align-items:flex-end;}
    #mypage .mypatron .list > ul > li .head{display:flex;align-items:center;width:100%;justify-content:space-between;}
    #mypage .mypatron .list > ul > li .head .name{line-height:24px;font-size:18px;font-weight:bold;color:#1c1c1c;white-space:nowrap;text-overflow:ellipsis;}
    #mypage .mypatron .list > ul > li .head .del{margin: 0 0 0 8px;flex-shrink:0;}
    #mypage .mypatron .list > ul > li .head .del a{display:block;width:16px;height:16px;background:url("../img/common/close.png") no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden;}
    #mypage .mypatron .list > ul > li .loca{margin:4px 0 0 0;line-height:20px;font-size:14px;color:#707070;}
    #mypage .mypatron .list > ul > li .info{margin:12px 0 0 0;display:flex;align-items:center;flex-wrap:wrap;}
    #mypage .mypatron .list > ul > li .info p{line-height:13px;font-size:13px;color:#555555;position:relative;}
    #mypage .mypatron .list > ul > li .info p + p{margin:0 0 0 8px;padding:0 0 0 8px;}
    #mypage .mypatron .list > ul > li .info p + p:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#dddddd;}
    #mypage .mypatron .list > ul > li .booking{margin-top:-24px;flex-shrink:0;margin-left:10px;display:flex;align-items:flex-end;gap:6px;justify-content:flex-start;flex-direction:column;}
    #mypage .mypatron .list > ul > li .booking .btn{display:flex;align-items:center;justify-content:center;height:28px;width:48px;border-radius:28px;border:1px solid transparent;font-size:12px;font-weight:500;}
    #mypage .mypatron .list > ul > li .time{margin:24px 0 0 0;}
    #mypage .mypatron .list > ul > li .time ul{display:flex;flex-wrap:wrap;gap: 10px;}
    #mypage .mypatron .list > ul > li .time li{width: calc(20% - 8px);}
    #mypage .mypatron .list > ul > li .time li.timeBtn{display:flex;align-items:center;justify-content:center;height:32px;border-radius:4px;border:1px solid #dddddd;font-size:14px;color:#1c1c1c;}
    #mypage .mypatron .list > ul > li .time li.timeBtn.disabled{pointer-events:none;background:#ededed;color:#cccccc;}
    #mypage .mypatron .list > ul > li .time li.timeBtn.on{border-color:#EB3F3D;color:#EB3F3D;}

    #mypage .mywrite{}
    #mypage .mywrite .content{padding:32px 20px;}
    #mypage .mywrite .total{margin:0 0 16px 0;line-height:20px;font-size:14px;}
    #mypage .mywrite .total span{color:#EB3F3D;}
    #mypage .mywrite .list{}
    #mypage .mywrite .list > ul{border-top:1px solid #dddddd}
    #mypage .mywrite .list > ul > li{border-bottom:1px solid #dddddd}
    #mypage .mywrite .list > ul > li .box{display:flex;padding:16px 0;}
    #mypage .mywrite .list > ul > li .con{flex:1;}
    #mypage .mywrite .list > ul > li .name{display: flex;line-height: 22px;font-size:15px;align-items:flex-end;}
    #mypage .mywrite .list > ul > li .name p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;vertical-align: top;word-break: break-all;}
    #mypage .mywrite .list > ul > li .name p .srhTxt {color:#EB3F3D}
    #mypage .mywrite .list > ul > li .name em{color: #0066B3;vertical-align: top;margin: 0 0 0 4px;}
    #mypage .mywrite .list > ul > li .tool{display:flex;margin:10px 0 0 0;}
    #mypage .mywrite .list > ul > li .tool span{position:relative;line-height:14px;font-size:11px;color:#707070;}
    #mypage .mywrite .list > ul > li .tool span + span{padding:0 0 0 6px;margin:0 0 0 6px;}
    #mypage .mywrite .list > ul > li .tool span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:8px;background:#dddddd;}
    #mypage .mywrite .list > ul > li .img{width:104px;height:64px;flex-shrink:0;margin-left:14px;border-radius:8px;overflow:hidden;}
    #mypage .mywrite .list > ul > li .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #mypage .mywrite .more{margin: 24px 0;}
    #mypage .mywrite .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #mypage .mywrite .more a img{height:16px;margin-left:2px;flex-shrink:0;}

    #mypage .mycomment{}
    #mypage .mycomment .content{padding:32px 20px;}
    #mypage .mycomment .total{margin:0 0 16px 0;line-height:20px;font-size:14px;}
    #mypage .mycomment .total span{color:#EB3F3D;}
    #mypage .mycomment .list{}
    #mypage .mycomment .list > ul{border-top:1px solid #dddddd}
    #mypage .mycomment .list > ul > li{border-bottom:1px solid #dddddd}
    #mypage .mycomment .list > ul > li .box{display:flex;padding:16px 0;}
    #mypage .mycomment .list > ul > li .con{flex:1;}
    #mypage .mycomment .list > ul > li .head{display: flex;line-height: 20px;font-size:14px;color:#707070;align-items:flex-end;margin:0 0 12px 0;}
    #mypage .mycomment .list > ul > li .name{display: flex;line-height: 20px;font-size:14px;color:#1c1c1c;align-items:flex-end;}
    #mypage .mycomment .list > ul > li .name p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;vertical-align: top;word-break: break-all;}
    #mypage .mycomment .list > ul > li .name em{color: #0066B3;vertical-align: top;margin: 0 0 0 4px;}
    #mypage .mycomment .list > ul > li .tool{display:flex;margin:10px 0 0 0;}
    #mypage .mycomment .list > ul > li .tool span{position:relative;line-height:14px;font-size:11px;color:#707070;}
    #mypage .mycomment .list > ul > li .tool span + span{padding:0 0 0 6px;margin:0 0 0 6px;}
    #mypage .mycomment .list > ul > li .tool span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:8px;background:#dddddd;}
    #mypage .mycomment .list > ul > li .img{width:104px;height:64px;flex-shrink:0;margin-left:14px;border-radius:8px;overflow:hidden;}
    #mypage .mycomment .list > ul > li .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #mypage .mycomment .more{margin: 24px 0;}
    #mypage .mycomment .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #mypage .mycomment .more a img{height:16px;margin-left:2px;flex-shrink:0;}

    #mypage .myinfo{}
    #mypage .myinfo .myinfo{border-bottom:8px solid #F4F4F4;padding:32px 20px;display:flex;align-items:center;}
    #mypage .myinfo .myinfo .lt{flex:0 0 auto;}
    #mypage .myinfo .myinfo .rt{flex:1;display: flex;align-items: center;justify-content: space-between;}
    #mypage .myinfo .myinfo .icon{position:relative;margin:0 14px 0 0;}
    #mypage .myinfo .myinfo .icon .img{width:72px;height:72px;border-radius:72px;overflow:hidden}
    #mypage .myinfo .myinfo .icon .img img{display:block;width: 100%;height: 100%;object-fit:cover;}
    #mypage .myinfo .myinfo .icon .cog{position:absolute;bottom:0;right:0;}
    #mypage .myinfo .myinfo .icon .cog a{position:relative;display:flex;width:24px;height:24px;border-radius:24px;overflow:hidden;text-indent:-9999em;background:#ffffff}
    #mypage .myinfo .myinfo .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}
    #mypage .myinfo .myinfo .icon .cog i {position: relative;display: flex;width: 24px;height: 24px;border-radius: 24px;overflow: hidden;text-indent: -9999em;background: #ffffff;box-shadow: 0px 2px 2px 0px #0000004D;}
    #mypage .myinfo .myinfo .icon .cog i:after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 16px;height: 16px;background: url(../img/sub/camera.png) no-repeat 50% 50% / contain;}
    #mypage .myinfo .myinfo .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 .myinfo .point{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;text-align: right;gap: 8px;}
    #mypage .myinfo .myinfo .point p{line-height: 14px;font-size: 12px;color: #333;}
    #mypage .myinfo .myinfo .point strong{line-height: 28px;font-size: 22px;font-weight: 500;color: #eb3f3d;}
    #mypage .myinfo .warn{margin:0 0 10px 0;line-height:12px;font-size:12px;color:#eb3f3d;text-align:right}
    #mypage .myinfo .form{margin:0 0 20px 0;padding:20px;}
    #mypage .myinfo .form dl{display:flex;flex-direction:column;}
    #mypage .myinfo .form dl + dl{margin-top:32px;}
    #mypage .myinfo .form dt{width:160px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;font-size:14px;font-weight:bold;color:#1c1c1c;margin:0 0 10px 0;}
    #mypage .myinfo .form dt em{color:#eb3f3d;}
    #mypage .myinfo .form dd{flex:1;}
    #mypage .myinfo .form dd .inp{position:relative;display:flex;width:100% !important;}
    #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 0px;font-size:14px;color:#1c1c1c;border:1px solid transparent;border-bottom:1px solid #dddddd;}
    #mypage .myinfo .form dd .inp input[type="text"]#car_num1,
    #mypage .myinfo .form dd .inp input[type="text"]#car_num2,
    #mypage .myinfo .form dd .inp input[type="text"]#car_num3{padding-right: 155px;}
    #mypage .myinfo .form dd .inp select{width:160px;height:48px;background: transparent url("../img/common/dropdown.png") no-repeat right 14px center / auto 20px;padding:6px 8px;font-size:14px;color:#707070;border:1px solid transparent;border-bottom:1px solid #dddddd;}
    #mypage .myinfo .form dd .inp .checkbox{display:flex;align-items:center;height:56px;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:10px;}
    #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:40px;border-radius:40px;border:1px solid #dddddd;font-size:14px;color:#707070;}
    #mypage .myinfo .form dd .inp .checklist input:checked ~ p{border:1px solid #eb3f3d;color:#eb3f3d;}
    #mypage .myinfo .form dd .error{line-height:24px;font-size:11px;color:#EB3F3D;}
    #mypage .myinfo .form dd .inp > .btn{position:absolute;top:50%;right:0;transform:translateY(-50%);}
    #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;height:48px;margin:24px 0 0 0;}
    #mypage .myinfo .form dd .add .btn{width:100%;height:48px;}
    #mypage .myinfo .form dd .flexBtn{position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: flex;align-items: center;gap: 4px;}
    #mypage .myinfo .form dd .flexBtn .btn{white-space:nowrap;padding: 0 12px;width: auto;}
    #mypage .myinfo .form dd .btn{min-width:56px;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 12px}
    #mypage .myinfo .form dd .space{min-width:16px;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:0.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:0.5}
    #mypage .myinfo .button{width:100%;padding:20px;display:flex;justify-content:flex-end;flex-shrink: 0;}
    #mypage .myinfo .button .btn{min-width:20px !important;display:flex;align-items:center;justify-content:center;padding:6px 18px;height:36px;border-radius:36px;border:1px solid transparent;font-size:14px;font-weight:500;}
    #mypage .myinfo .button .btn + .btn{margin-left:10px;}

    #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:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.15)}
    #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:bold;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 0;}
    #mypage .myinfo .myIcon .cont .point strong{line-height:1.4;font-size:18px;font-weight:500;color:#EB3F3D;}
    #mypage .myinfo .myForm{padding:16px;}
    #mypage .myinfo .myForm dl{display:flex;border-bottom:1px solid #ebebeb;padding:20px 0;}
    #mypage .myinfo .myForm dt{flex-shrink:0;display:flex;align-items:center;justify-content: flex-start;width:62px;height:48px;padding:15px 0;line-height:18px;font-size:13px;font-weight:500;color:#333333;word-break:keep-all;}
    #mypage .myinfo .myForm dt em{color:#eb3f3d;margin-left:-2px}
    #mypage .myinfo .myForm dd{display:flex;flex-direction:column;flex:1;}
    #mypage .myinfo .myForm dd .flex{position:relative;display:flex;align-items:stretch;margin-bottom:15px}
    #mypage .myinfo .myForm dd .flex:last-child{margin-bottom:0;}
    #mypage .myinfo .myForm dd .flex.mo-pd{}
    #mypage .myinfo .myForm dd .flex.mo-pd .input{}
    #mypage .myinfo .myForm dd .flex.mo-pd .input input{padding-right:100px}
    #mypage .myinfo .myForm dd .flex.mo-car-btn{display:flex;flex-direction:column}
    #mypage .myinfo .myForm dd .flex.mo-car-btn .input{}
    #mypage .myinfo .myForm dd .flex.mo-car-btn .action{position:relative;display:flex;justify-content:flex-end;margin:0;right:unset;top:unset;transform:unset;margin-top:16px;width:100%;}
    #mypage .myinfo .myForm dd .flex.mo-car-btn .action .btn{margin:0;margin-left:10px;border-radius:4px;min-width:58px}
    #mypage .myinfo .myForm dd .input{display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap;}
    #mypage .myinfo .myForm dd .input input{min-width:28px;width:100%;max-width:100%;height:48px;border-radius:8px;border:1px solid #dddddd;padding:10px;font-size:13px;color:#333333;flex:1;margin-left:6px;}
    #mypage .myinfo .myForm dd .input input:nth-child(1){margin-left:0}
    #mypage .myinfo .myForm dd .input input.mininput{width:100px;flex:unset;}
    #mypage .myinfo .myForm dd .input input:read-only{color:#999999 !important;background: #f1f1f1!important;}
    #mypage .myinfo .myForm dd .input.w100p input{width:100%;}
    #mypage .myinfo .myForm dd .input input::placeholder{color:#999999;}
    #mypage .myinfo .myForm dd .input select{min-width:28px;max-width:100%;width:160px;height:48px;border-radius:8px;border:1px solid #dddddd;padding:10px;font-size:13px;color:#333333;flex:1;margin-left:6px;    background: transparent url(../img/common/dropdown.png) no-repeat right 6px center / auto 14px;}
    #mypage .myinfo .myForm dd .input span{display:flex;align-items:center;justify-content:center;height:48px;font-size:12px;color:#999999;margin-left:6px;}
    #mypage .myinfo .myForm dd .action{position:absolute;top:50%;right:10px;margin-left:10px;display:flex;transform:translateY(-50%);}
    #mypage .myinfo .myForm dd .action ~ .input{}
    #mypage .myinfo .myForm dd .action .btn{display:flex;align-items:center;justify-content:center;min-width:92px;height:26px;border-radius:26px;border:1px solid #cccccc;font-size:12px;color:#666666;margin-left:10px;}
    #mypage .myinfo .myForm dd .action .btn_small{min-width:80px;margin-right:10px;}
    #mypage .myinfo .myAgree{padding:16px 0;margin:0 16px;border-bottom:1px solid #ebebeb;}
    #mypage .myinfo .myAgree dl{display:flex;line-height:20px;font-size:16px;font-weight:500;color:#999;margin-bottom:16px;justify-content:space-between;align-items: center;}
    #mypage .myinfo .myAgree dl:last-child{margin:0;}
    #mypage .myinfo .myAgree dt{font-size:14px;font-weight:500;color:#333;}
    #mypage .myinfo .myAgree dt span{color:#333}
    #mypage .myinfo .myAgree dd{}
    #mypage .myinfo .myAgree dd .checkbox{display:flex;align-items:center;cursor:pointer;font-size:13px;}
    #mypage .myinfo .myAgree dd .checkbox input{display:none;}
    #mypage .myinfo .myAgree dd .checkbox input ~ i{width:24px;height:24px;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:#666666}
    #mypage .myinfo .myAgree dd .checkbox input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;}

    #mypage .myreservation{}
    #mypage .myreservation .list{padding: 20px;}
    #mypage .myreservation .list .search{display:flex;align-items:center;margin:0 0 25px 0;}
    #mypage .myreservation .list .search .sel{margin:0 8px 0 0;border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff;display:none;}
    #mypage .myreservation .list .search .sel select{height:48px;border:0;padding:0 16px;min-width:120px;font-size:13px;}
    #mypage .myreservation .list .search .frm{border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff;flex: 1;}
    #mypage .myreservation .list .search .frm input{width: 100%;height:48px;border:0;padding:0 16px;background:transparent;font-size:13px;flex: 1;}
    #mypage .myreservation .list .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 .myreservation .list .table{
    }
    #mypage .myreservation .list .table table{}
    #mypage .myreservation .list .table td a{display:flex;align-items:center;justify-content:center;font-size:12px;color:#1c1c1c;text-decoration:underline;padding:4px 4px;text-decoration:none;}
    #mypage .myreservation .list .table td img{width:auto;max-height:24px;}
    #mypage .myreservation .list .table td [class^="status"]{min-width:60px;}
    #mypage .myreservation .list .table td .status01{display: inline-flex;align-items: center;justify-content: center;padding: 5px 8px;border-radius: 4px;border: 1px solid #ededed;font-size: 12px;color: #0066b3;text-decoration:unset;}
    #mypage .myreservation .list .table td .status02{display: inline-flex;align-items: center;justify-content: center;padding: 5px 8px;border-radius: 4px;border: 1px solid #ededed;font-size: 12px;color: #EB3F3D;text-decoration:unset;}
    #mypage .myreservation .list .table td .status03{display: inline-flex;align-items: center;justify-content: center;padding: 5px 8px;border-radius: 4px;border: 1px solid #ededed;font-size: 12px;color: #8600BB;text-decoration:unset;}
    #mypage .myreservation .list .table td .status04{display: inline-flex;align-items: center;justify-content: center;padding: 5px 8px;border-radius: 4px;border: 1px solid #ededed;font-size: 12px;color: #707070;text-decoration:unset;}
    #mypage .myreservation .list .table td .status05{display: inline-flex;align-items: center;justify-content: center;padding: 5px 8px;border-radius: 4px;border: 1px solid #ededed;font-size: 12px;color: #1c1c1c;text-decoration:unset;}
    #mypage .myreservation .banner img.pc { display:none; }
    #mypage .myreservation .banner img.mo { display:block; }
    #mypage .myreservation .more{margin: 24px 0;}
    #mypage .myreservation .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #mypage .myreservation .more a img{height:16px;margin-left:2px;flex-shrink:0;}
    #mypage .myreservation .banner img{width:100%;}
    #mypage .myreservation .detail{}
    #mypage .myreservation .detail .cont{padding: 38px 20px 32px;display: flex;flex-wrap: wrap;gap: 32px 16px;border-bottom: 8px solid #f4f4f4;}
    #mypage .myreservation .detail .cont dl{display:flex;flex-direction: column;width: calc(50% - calc(7.988px));}
    #mypage .myreservation .detail .cont dl.w100p{width:100%}
    #mypage .myreservation .detail .cont dl.w100p dd{border:0;padding: 0;}
    #mypage .myreservation .detail .cont dt{margin: 0 0 10px 0;line-height: 14px;font-size: 14px;font-weight: bold;}
    #mypage .myreservation .detail .cont dd{min-height: 42px;display:flex;align-items:center;justify-content: flex-start;text-align: left;background: #ffffff;font-size: 14px;font-weight: 400;border-bottom: 1px solid #dddddd;padding: 8px;}
    #mypage .myreservation .detail .cont dd .status01{display: flex;width: 100%;height: 48px;align-items: center;justify-content: center;padding: 5px 10px;border-radius: 7px;border: 1px solid #ededed;font-size: 14px;color: #0066b3;}
    #mypage .myreservation .detail .cont dd .status02{display: inline-flex;align-items: center;justify-content: center;padding: 8px 10px;border-radius: 4px;border: 1px solid #ededed;font-size: 14px;color: #EB3F3D;}
    #mypage .myreservation .detail .cont dd .status03{display: inline-flex;align-items: center;justify-content: center;padding: 8px 10px;border-radius: 4px;border: 1px solid #ededed;font-size: 14px;color: #8600BB;}
    #mypage .myreservation .detail .cont dd .status04{display: inline-flex;align-items: center;justify-content: center;padding: 8px 10px;border-radius: 4px;border: 1px solid #ededed;font-size: 14px;color: #707070;}
    #mypage .myreservation .detail .cont dd .status05{display: flex;align-items: center;justify-content: center;padding: 8px 10px;border-radius: 4px;border: 1px solid #ededed;font-size: 14px;color: #1c1c1c;}
    #mypage .myreservation .detail .align{padding:32px 20px;border-bottom:8px solid #f4f4f4;}
    #mypage .myreservation .detail .align .tit{position: relative;margin: 0 0 20px 0;padding: 0 0 0 32px;line-height: 24px;font-size: 15px;font-weight: bold;}
    #mypage .myreservation .detail .align .tit:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:24px;height:24px;background: url("../img/common/chk_red.png") no-repeat 50% 50% / contain;}
    #mypage .myreservation .detail .align .txt{}
    #mypage .myreservation .detail .align .txt p{line-height: 20px;font-size: 14px;color: #707070;}
    #mypage .myreservation .detail .align label{display:inline-flex;align-items:center;cursor:pointer;gap:2px;pointer-events:none;margin-right:6px;}
    #mypage .myreservation .detail .align label input{display:none;}
    #mypage .myreservation .detail .align 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 .align label input ~ p{font-size:15px;color:#1c1c1c;}
    #mypage .myreservation .detail .align label input:checked ~ i{background: url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;}
    #mypage .myreservation .detail .article{padding: 32px 20px 64px;border-bottom:8px solid #f4f4f4;}
    #mypage .myreservation .detail .article .tit{margin: 0 0 16px 0;padding: 0 0 16px 0;border-bottom: 1px solid #ddd;line-height: 20px;font-size: 16px;font-weight: 500;}
    #mypage .myreservation .detail .article .con{}
    #mypage .myreservation .detail .article .con img{display: block;width: auto;max-width: 100%;height: auto;margin: 0 0 32px 0;}
    #mypage .myreservation .detail .article .con p{line-height: 22px;font-size: 15px;color: #1c1c1c;}
    #mypage .myreservation .detail .comment{background: #F4F4F4;padding: 32px 20px 88px;}
    #mypage .myreservation .detail .comment .info{display:flex;flex-wrap:wrap;margin: 0 0 8px 0;}
    #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:#dddddd;transform:translateY(-50%)}
    #mypage .myreservation .detail .comment .info dt{margin:0 2px 0 0;}
    #mypage .myreservation .detail .comment .info dd{}
    #mypage .myreservation .detail .comment .info dd strong{font-weight:500;color:#0066B3;}
    #mypage .myreservation .detail .comment .comt{margin: 0 0 18px 0;}
    #mypage .myreservation .detail .comment .comt ul{}
    #mypage .myreservation .detail .comment .comt li{display:flex;padding: 20px;background: #fff;border: 1px solid #ddd;border-radius: 8px;flex-direction: column;}
    #mypage .myreservation .detail .comment .comt li + li{margin:18px 0 0 0;}
    #mypage .myreservation .detail .comment .comt li .uppr{display:flex;align-items:center;padding: 0 0 12px 0;margin: 0 0 12px 0;border-bottom: 1px solid #ddd;}
    #mypage .myreservation .detail .comment .comt li .bttm{position: relative;display:flex;flex-direction:column;}
    #mypage .myreservation .detail .comment .comt li .img{width: 64px;height: 64px;border-radius: 64px;overflow:hidden;margin: 0 12px 0 0;flex-shrink:0;}
    #mypage .myreservation .detail .comment .comt li .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #mypage .myreservation .detail .comment .comt li .con{flex:1;display:flex;flex-direction:column;}
    #mypage .myreservation .detail .comment .comt li .con .name{line-height: 24px;font-size:13px;color: #1c1c1c;}
    #mypage .myreservation .detail .comment .comt li .con .itm{margin: 8px 0 0 0;line-height:18px;font-size: 12px;color:#707070;}
    #mypage .myreservation .detail .comment .comt li .text{line-height: 20px;min-height: 40px;font-size: 14px;color: #373737;}
    #mypage .myreservation .detail .comment .comt li .date{margin: 12px 0 0 0;line-height: 16px;font-size: 12px;color: #707070;}
    #mypage .myreservation .detail .comment .comt li .func{position:absolute;bottom:0;right:0;}
    #mypage .myreservation .detail .comment .comt li .func .btn{display: flex;align-items: center;justify-content: center;border: 1px solid transparent;height: 32px;padding: 4px 12px;border-radius: 32px;font-size: 13px;}
    #mypage .myreservation .detail .comment .form{margin: 18px 0 0 0;}
    #mypage .myreservation .detail .comment .form .frm{}
    #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: 20px;}
    #mypage .myreservation .detail .comment .form .inr .inp textarea{width: 100%;height: 60px;line-height: 20px;font-size: 14px;background:transparent;}
    #mypage .myreservation .detail .comment .form .inr .inf{display:flex;align-items:center;justify-content: flex-end;padding: 20px;height: 54px;}
    #mypage .myreservation .detail .comment .form .inr .inf .file{}
    #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: 24px;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 16px;display:flex;}
    #mypage .myreservation .detail .comment .form .inr .inf .submit .btn{display:flex;min-width: 48px;height:32px;border-radius:32px;padding:8px 12px;border:1px solid transparent;line-height: 1;font-size: 13px;}
    #mypage .myreservation .detail .comment .form .photo{}
    #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: calc(25% - 10px);margin: 16px 0 0 0;}
    #mypage .myreservation .detail .comment .form .photo li .img{position:relative;border-radius:8px;overflow:hidden}
    #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:4px;right:4px;width: 20px;height: 20px;cursor: pointer;}
    #mypage .myreservation .detail .comment .form .photo li .del img{display:block;width:100%;height:auto;}
    #mypage .myreservation .detail .comment .button{display: flex;align-items: center;justify-content: center;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 11111;box-shadow: 0px 0px 4px 0px #00000033;}
    #mypage .myreservation .detail .comment .button .btn{display:flex;align-items:center;justify-content:center;text-align:center;width: 100%;height: 56px;border:1px solid transparent;}
    #mypage .myreservation .detail .comment .button .btn + .btn{}
    #mypage .myreservation .detail .comment .button .btn_02{border:0 !important;color:#1c1c1c !important;}

    #mypage .myhistory{padding: 32px 20px;}
    #mypage .myhistory .caution{margin: 0 0 12px 0;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: 16px;color: #909090;gap: 10px;font-weight:500;}
    #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{}
    #mypage .myhistory .table colgroup{display:none !important;}
    #mypage .myhistory .table tr{}
    #mypage .myhistory .table th{white-space:nowrap;}
    #mypage .myhistory .table th,
    #mypage .myhistory .table td{font-size:13px}
    #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: 72px;height: 32px;border-radius: 4px;font-size: 14px;}
    #mypage .myhistory .table .subject{}
    #mypage .myhistory .table .top{display:flex;align-items:center;justify-content:flex-start;font-size:13px;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:14px;font-weight:500;color:#303030;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #mypage .myhistory .table .act{}
    #mypage .myhistory .table .act a{}
    #mypage .myhistory .table .act a img{width:16px;height:16px;object-fit:contain}
    #mypage .myhistory .more{margin: 24px 0;}
    #mypage .myhistory .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #mypage .myhistory .more a img{height:16px;margin-left:2px;flex-shrink:0;}

    #mypage .mycart{}
    #mypage .mycart .guide{margin:0;padding: 24px 20px;border-radius: 0;background: #F4F4F4;display: flex;align-items: center;}
    #mypage .mycart .guide .ico{width: 54px;height: 54px;border-radius: 54px;display: flex;align-items: center;justify-content: center;background: #ffffff;flex-shrink: 0;margin: 0 24px 0 0;}
    #mypage .mycart .guide .ico img{width: auto;max-width: 60%;height: auto;}
    #mypage .mycart .guide .con{}#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 .check{padding: 28px 20px;display: flex;align-items: center;justify-content: flex-start;border-bottom: 8px solid #f4f4f4;}
    #mypage .mycart .check label{display:flex;align-items:center;cursor:pointer;}
    #mypage .mycart .check label input{display:none;}
    #mypage .mycart .check label input ~ i{width:24px;height:24px;flex-shrink:0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;margin: 0 8px 0 0;}
    #mypage .mycart .check label input ~ p{font-size: 15px;color:#1c1c1c}
    #mypage .mycart .check label input ~ p span{font-weight:300;color:#707070;}
    #mypage .mycart .check label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #mypage .mycart .list{}
    #mypage .mycart .list ul{padding: 8px 20px;}
    #mypage .mycart .list li{padding: 24px 0;border-bottom: 1px solid #ededed;}
    #mypage .mycart .list li .uppr{display:flex;height: 24px;align-items: center;justify-content: space-between;margin: 0 0 16px 0;}
    #mypage .mycart .list li .cont{display:flex;}
    #mypage .mycart .list li .chk{display:flex;}
    #mypage .mycart .list li .chk{}
    #mypage .mycart .list li .chk label{display:flex;align-items:center;cursor:pointer;}
    #mypage .mycart .list li .chk label input{display:none;}
    #mypage .mycart .list li .chk label input ~ i{width:24px;height:24px;flex-shrink:0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain}
    #mypage .mycart .list li .chk label input ~ p{font-size:13px;font-weight:400;color:#1c1c1c}
    #mypage .mycart .list li .chk label input ~ p span{font-weight:300;color:#707070;}
    #mypage .mycart .list li .chk label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #mypage .mycart .list li .del{cursor:pointer;font-size: 14px;color: #707070;display: flex;align-items: center;justify-content: center;}
    #mypage .mycart .list li .del img{height: 16px;width: auto;margin-left:6px;}
    #mypage .mycart .list li .img{border-radius: 8px;border: 1px solid #d9d9d9;width: 112px;height: 112px;display: flex;align-items: center;justify-content: center;overflow: hidden;margin: 0 10px 0 0;flex-shrink: 0;}
    #mypage .mycart .list li .img img{width: auto;max-width: 100%;height: auto;object-fit: contain;}
    #mypage .mycart .list li .con{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-start;flex: 1;}
    #mypage .mycart .list li .name{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 22px;font-size: 15px;color: #1c1c1c;margin: 0 0 8px 0;}
    #mypage .mycart .list li .price{white-space: nowrap;line-height: 16px;font-size: 16px;font-weight: 500;color: #333;margin: 0 0 16px 0;}
    #mypage .mycart .list li .option {margin-bottom: 10px}
    #mypage .mycart .list li .count{display: flex;align-items: center;justify-content: center;width: 100px;height: 40px;border-radius: 8px;border: 1px solid #ddd;margin: 0 0 16px 0;}
    #mypage .mycart .list li .count .plus{width: 24px;height: 24px;background: url("../img/common/plus.png") no-repeat 50% 50% / 12px auto;}
    #mypage .mycart .list li .count .minus{width: 24px;height: 24px;background: url("../img/common/minus.png") no-repeat 50% 50% / 12px auto;}
    #mypage .mycart .list li .count .num{display: flex;width: 40px;height: 40px;background: transparent;text-align: center;}
    #mypage .mycart .list li .total{}
    #mypage .mycart .list li .total dl{display:flex;align-items:center;}
    #mypage .mycart .list li .total dt{font-size:15px;margin:0 8px 0 0;color:#1c1c1c;}
    #mypage .mycart .list li .total dd{font-size:20px;font-weight:500;color:#1c1c1c;}
    #mypage .mycart .payment{display:flex;flex-direction: column;padding: 16px 20px;}
    #mypage .mycart .payment dl{display:flex;align-items:center;justify-content: flex-end;line-height: 24px;}
    #mypage .mycart .payment dl + dl{margin-top: 10px;}
    #mypage .mycart .payment dl dt{margin: 0 8px 0 0;line-height: 24px;font-size:13px;color:#707070;}
    #mypage .mycart .payment dl dd{display: flex;align-items: center;font-size: 18px;}
    #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{margin-top: 24px;padding: 24px 0 0 0;border-top:1px solid #ededed;}
    #mypage .mycart .payment dl.total dt{font-size:18px;}
    #mypage .mycart .payment dl.total dd{font-size: 24px;font-weight: 500;color: #eb3f3d;}
    #mypage .mycart .payment dl.total dd strong{font-size: 24px;color: #EB3F3D;}
    #mypage .mycart .button{padding: 24px 20px 32px 20px;display:flex;align-items:center;justify-content:center;}
    #mypage .mycart .button .btn{display:flex;width: 100%;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{padding: 32px 20px;}
    #mypage .mytracking .tool{display:flex;flex-direction: column;margin: 0 0 32px 0;}
    #mypage .mytracking .table{}
    #mypage .mytracking .table tr{}
    #mypage .mytracking .table th{padding:12px 20px;height:48px}
    #mypage .mytracking .table td{padding:16px 20px;}
    #mypage .mytracking .table td a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: center;}
    #mypage .mytracking .table .name{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: left;font-size: 14px;}
    #mypage .mytracking .table .price{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: left;font-size: 14px;}
    #mypage .mytracking .table .info{display: flex;flex-wrap: wrap;gap: 6px 12px;margin: 4px 0 0;}
    #mypage .mytracking .table .info p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: left;line-height:16px;font-size: 13px;}
    #mypage .mytracking .table .info p a{display:block;line-height:16px;font-size:13px;color:#0066b3;padding:0 20px 0 0;background: url("../img/common/chk_blue.png") no-repeat right center / auto 16px;}
    #mypage .mytracking .table .view{}
    #mypage .mytracking .table .view a{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: 4px auto 0;}
    #mypage .mytracking .table .view{}
    #mypage .mytracking .table .view1 a{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: 4px auto 0;}
    #mypage .mytracking .more{margin: 24px 0;}
    #mypage .mytracking .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #mypage .mytracking .more a img{height:16px;margin-left:2px;flex-shrink:0;}

    #mypage .myaddress{padding: 24px 0 0 0;}
    #mypage .myaddress .tabs{padding:0 20px;}
    #mypage .myaddress .tabs ul{width:100%;}
    #mypage .myaddress .tabs li{flex:1;position:relative;}
    #mypage .myaddress .tabs li.on:before{content:'';position:absolute;bottom: 0px;left:0;width:100%;height:2px;background:#eb3f3d;z-index: 1;}
    #mypage .myaddress .tabs li.on p{color: #EB3F3D;}
    #mypage .myaddress .tabs li.on em{}
    #mypage .myaddress .caution{margin: 0 0 24px 0;padding: 0 20px;line-height: 20px;display: flex;flex-wrap: wrap;}
    #mypage .myaddress .caution i{width: 16px;height: 16px;margin: 2px 8px 0 0;background: url("../img/common/bang_bk.png") no-repeat 50% 50% / contain;}
    #mypage .myaddress .caution p{flex: 1;line-height: 20px;font-size: 13px;font-weight: 300;color: #707070;word-break: keep-all;}
    #mypage .myaddress .list{padding: 0 20px;}
    #mypage .myaddress .list ul{}
    #mypage .myaddress .list li{position: relative;margin:0 0 16px 0;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: 20px 20px 76px;background:#ffffff;}
    #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;position: absolute;bottom: 0;left: 0;width: 100%;height: 56px;display: flex;}
    #mypage .myaddress .list li .tool a{flex: 1;position:relative;font-size:14px;color:#707070;text-decoration:underline;display: flex;align-items: center;justify-content: center;}
    #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 12px 0;line-height: 20px;font-size: 14px;color:#1c1c1c;}
    #mypage .myaddress .list li .info{display:flex;align-items:center;margin: 12px 0 0 0;}
    #mypage .myaddress .list li .info p{position:relative;font-size: 14px;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{padding: 8px 20px 0;}
    #mypage .myaddress .form dl{display:flex;flex-direction: column;}
    #mypage .myaddress .form dl + dl{margin:32px 0 0 0}
    #mypage .myaddress .form dt{flex-shrink: 0;display: flex;align-items: center;justify-content: flex-start;text-align: left;line-height: 1;font-size: 14px;font-weight: 500;margin: 0 0 10px 0;}
    #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 #dddddd;height: 48px;}
    #mypage .myaddress .form dd .inp input[type="text"]{width:100%;height:48px;background:transparent;padding: 8px;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 .check{display:flex;align-items:center;justify-content:flex-start;padding: 16px 20px;}
    #mypage .myaddress .check label{display:flex;align-items:center;cursor:pointer;}
    #mypage .myaddress .check label input{display:none;}
    #mypage .myaddress .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 .check label input ~ p{font-size: 14px;font-weight:400;color:#1c1c1c}
    #mypage .myaddress .check label input ~ p span{font-weight:300;color:#707070;}
    #mypage .myaddress .check label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #mypage .myaddress .button{margin: 72px 20px 32px;display:flex;align-items:center;justify-content:center;}
    #mypage .myaddress .button .btn{display: flex;align-items: center;justify-content: center;flex: 1;height: 48px;border-radius: 48px;font-size: 14px;}

    #mypage .myreview{ padding: 24px 0 0 0}
    #mypage .myreview .content .tabs { padding: 0 20px; margin: 0}
    #mypage .myreview .content .tab-btn li {width: 50%;position: relative}
    #mypage .myreview .content .tabs li.on:before {content: '';position: absolute;bottom: 0px;left: 0;width: 100%;height: 2px;background: #eb3f3d;z-index: 1;}
    #mypage .myreview .content{}
    #mypage .myreview .content .list{padding: 16px 20px;}
    #mypage .myreview .content .list ul{}
    #mypage .myreview .content .list li{display: flex;border-bottom: 1px solid #ddd;padding: 16px 0;}
    #mypage .myreview .content .list li + li{}
    #mypage .myreview .content .list li .cont{flex: 1;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
    #mypage .myreview .content .list li .cont .area{margin: 0 0 10px;line-height: 22px;font-size: 15px;color: #707070;}
    #mypage .myreview .content .list li .cont .addr{line-height: 20px;font-size: 14px;color: #1c1c1c;margin: 0 0 4px 0;}
    #mypage .myreview .content .list li .cont .tele{line-height: 20px;font-size: 14px;color: #1c1c1c;margin: 0 0 4px 0;}
    #mypage .myreview .content .list li .cont .date{margin: 12px 0 0 0;line-height: 14px;font-size: 11px;color: #707070;}
    #mypage .myreview .content .list li .link{flex-shrink: 0;display: flex;align-items: center;justify-content: center;}
    #mypage .myreview .content .list li .link a{display: flex;padding: 0 18px 0 0;align-items: center;justify-content: center;font-size: 13px;line-height: 20px;color: #0066b3;background: url("../img/common/chk_blue.png") no-repeat right center / auto 16px;}
    #mypage .myreview .detail{}
    #mypage .myreview .detail .tab-btn li {width: 50%}
    #mypage .myreview .detail .tab-btn li.on a {border-bottom: 2px solid #EB3F3D;}
    #mypage .myreview .detail .title{position: relative;z-index: 10;display: flex;align-items: center;justify-content: center;height: 48px;margin: 12px 0;padding: 0 40px;}
    #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;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
    #mypage .myreview .detail .title .tool button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;}
    #mypage .myreview .detail .title .tool button img{display:block;width:100%;height:auto;}
    #mypage .myreview .detail .title .tool ul{position:absolute;z-index: 10;top:100%;right: -10px;width: 72px;padding: 16px;border-radius: 6px;background: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.2);display: none;}
    #mypage .myreview .detail .title .tool li{}
    #mypage .myreview .detail .title .tool li + li{margin:16px 0 0 0;}
    #mypage .myreview .detail .title .tool li a{display: flex;align-items: center;justify-content: center;height: 20px;font-size: 14px;color:#707070;white-space:nowrap;}
    #mypage .myreview .detail .title .tool.on ul{display:block;}
    #mypage .myreview .detail .list{padding: 16px 20px;}
    #mypage .myreview .detail .list ul{}
    #mypage .myreview .detail .list li{display: block}
    #mypage .myreview .detail .list li + li{margin-top:10px;}
    #mypage .myreview .detail .list li label{display: block;cursor: pointer;}
    #mypage .myreview .detail .list li label input{display: none;}
    #mypage .myreview .detail .list li label input ~ .box{display:flex;height:56px;align-items:center;padding:16px;border-radius: 8px;border:1px solid #ddd;}
    #mypage .myreview .detail .list li label input ~ .box img{width: 20px;height: 20px;margin: 0 9px 0 0;flex-shrink: 0;}
    #mypage .myreview .detail .list li label input ~ .box p{flex: 1;line-height: 20px;font-size: 14px;font-weight:400;color:#1c1c1c;}
    #mypage .myreview .detail .list 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 .list li label input:checked ~ .box{border-color:#eb3f3d;box-shadow: 0px 0px 8px 0px #0000001F;}
    #mypage .myreview .detail .list li label input:checked ~ .box p{}
    #mypage .myreview .detail .list li label input:checked ~ .box i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #mypage .myreview .detail .button {margin: 12px 20px 32px}
    #mypage .myreview .detail .list.board > ul{}
    #mypage .myreview .detail .list.board > ul > li{border-bottom:1px solid #dddddd;padding: 0}
    #mypage .myreview .detail .list.board > ul > li .box{display:flex;padding:16px 0;}
    #mypage .myreview .detail .list.board > ul > li .con{flex:1;}
    #mypage .myreview .detail .list.board > ul > li .name{display: flex;line-height: 22px;font-size:15px;align-items:flex-end;}
    #mypage .myreview .detail .list.board > ul > li .name p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;vertical-align: top;word-break: break-all;}
    #mypage .myreview .detail .list.board > ul > li .name p .srhTxt {color:#EB3F3D}
    #mypage .myreview .detail .list.board > ul > li .name em{color: #0066B3;vertical-align: top;margin: 0 0 0 4px;}
    #mypage .myreview .detail .list.board > ul > li .tool{display:flex;margin:10px 0 0 0;}
    #mypage .myreview .detail .list.board > ul > li .tool span{position:relative;line-height:14px;font-size:11px;color:#707070;}
    #mypage .myreview .detail .list.board > ul > li .tool span + span{padding:0 0 0 6px;margin:0 0 0 6px;}
    #mypage .myreview .detail .list.board > ul > li .tool span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:8px;background:#dddddd;}
    #mypage .myreview .detail .list.board > ul > li .img{width:104px;height:64px;flex-shrink:0;margin-left:14px;border-radius:8px;overflow:hidden;}
    #mypage .myreview .detail .list.board > ul > li .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #mypage .myreview .button{margin: 48px 0 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 .more{margin: 24px 0;}
    #mypage .myreview .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #mypage .myreview .more a img{height:16px;margin-left:2px;flex-shrink:0;}


    #mypage .myinterest{}
    #mypage .myinterest .list{padding: 32px 20px;overflow: hidden;}
    #mypage .myinterest .list ul{display: flex;flex-wrap: wrap;width: auto;gap: 24px 16px;}
    #mypage .myinterest .list li{width: calc(50% - 8px);}
    #mypage .myinterest .list .img{border-radius: 8px;overflow:hidden;padding: 100% 0 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 0;display: flex;flex-direction: column;}
    #mypage .myinterest .list .del{position:absolute;top: 8px;right: 8px;}
    #mypage .myinterest .list .del a{display:flex;align-items:center;justify-content:center;width: 20px;height: 20px;}
    #mypage .myinterest .list .del a img{display:block;width:100%;height:auto;}
    #mypage .myinterest .list .origin{line-height: 18px;font-size:14px;margin: 0 0 12px;display: flex;}
    #mypage .myinterest .list .origin .rate{font-size: 16px;font-weight: 500;color: #0066b3;margin: 0 8px 0 0;}
    #mypage .myinterest .list .origin .cost{text-decoration: line-through;font-size: 14px;font-weight: 300;color: #ccc;}
    #mypage .myinterest .list .name{line-height: 14px;font-size: 14px;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{margin: 8px 0 0 0;line-height: 12px;font-size: 12px;color: #555555;display: flex;align-items: center;}
    #mypage .myinterest .list .info{display:flex;align-items: flex-end;margin: 12px 0 0 0;padding: 12px 0 0 0;border-top: 1px solid #ededed;}
    #mypage .myinterest .list .price{display: flex;align-items: flex-start;flex-direction: column;}
    #mypage .myinterest .list .price .sale{line-height: 16px;font-size: 16px;color: #eb3f3d;}
    #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:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") no-repeat 50% 50% / contain;}
    #mypage .myinterest .list .tool .comment em{font-size:18px;color:#0066b3;line-height: 22px;}
    #mypage .myinterest .more{margin: 0 20px 32px;}
    #mypage .myinterest .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #mypage .myinterest .more a img{height:16px;margin-left:2px;flex-shrink:0;}

    #mypage .mypoint{}
    #mypage .mypoint .content{}
    #mypage .mypoint .info{display: flex;align-items: center;justify-content: space-between;padding: 32px 20px 12px;}
    #mypage .mypoint .info dl{display: flex;align-items: center;height: 28px;}
    #mypage .mypoint .info dt{margin: 0 8px 0 0;font-size: 12px;color: #707070;}
    #mypage .mypoint .info dd{display: flex;align-items: center;justify-content: center;}
    #mypage .mypoint .info strong{line-height: 1;font-size: 18px;font-weight: 500;color: #eb3f3d;}
    #mypage .mypoint .info em{line-height: 1;font-size: 18px;font-weight: 500;color: #eb3f3d;}
    #mypage .mypoint .table{margin: 0 0 32px 0;padding: 0 20px;}
    #mypage .mypoint .table tr{}
    #mypage .mypoint .table th{white-space:nowrap}
    #mypage .mypoint .table th,
    #mypage .mypoint .table td{/*word-break: keep-all;*/ }
    #mypage .mypoint .table td.plus{color:#0066b3}
    #mypage .mypoint .table td.minus{color:#EB3F3D}
    #mypage .mypoint .more{margin: 0 20px 32px;}
    #mypage .mypoint .more a{display:flex;align-items:center;justify-content:center;line-height: 32px;font-size:12px;}
    #mypage .mypoint .more a img{height:16px;margin-left:2px;flex-shrink:0;}

    #mypage .mycoupon{}
    #mypage .mycoupon .content{padding-bottom:60}
    #mypage .mycoupon .list{padding:32px 20px;}
    #mypage .mycoupon .list ul{display:flex;flex-direction:column;}
    #mypage .mycoupon .list li{display:flex;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #ddd;}
    #mypage .mycoupon .list li:last-child{margin-bottom:0;}
    #mypage .mycoupon .list .img{width:95px;height:90px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
    #mypage .mycoupon .list .img img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain}
    #mypage .mycoupon .list .con{padding-left:15px;display:flex;flex-direction:column;flex:1;justify-content: center;}
    #mypage .mycoupon .list .con_top{display:flex;align-items:center;justify-content:space-between;}
    #mypage .mycoupon .list .con_top .name{line-height:24px;font-size:16px;font-weight:500;color:#333;}
    #mypage .mycoupon .list .con_top .type{display:flex;min-width:52px;height:21px;line-height:21px;align-items:center;justify-content:center;font-size:12px;border-radius:4px;background:#eee;}
    #mypage .mycoupon .list .con_top .type.posi{color:#e33737;background:#ffe1dc}
    #mypage .mycoupon .list .con_top .type.comp{color:#999999;background:#dddddd}
    #mypage .mycoupon .list .con_sn{margin-top:2px;line-height:18px;font-size:14px;color:#333}
    #mypage .mycoupon .list .con_price{line-height: 24px;font-size:16px;font-weight:600;color:#e33737;}
    #mypage .mycoupon .list .con_info{display: flex;gap: 5px;}
    #mypage .mycoupon .list .con_info span{line-height: 16px;font-size: 12px;color: #999999;display: flex;align-items: center;gap: 6px;}
    #mypage .mycoupon .more{display:flex;align-items:center;justify-content:center;}
    #mypage .mycoupon .more a{display:flex;align-items:center;justify-content:center;height:46px;border-radius:46px;min-width:213px;line-height: 18px;font-size:12px;border:1px solid #e0e0e0;}
    #mypage .mycoupon .more a img{height:16px;margin-left:2px;flex-shrink:0;}
    #mypage .mycoupon .detail{padding: 32px 20px;}
    #mypage .mycoupon .detail .upper{display: flex;align-items: center;justify-content: space-between;background: #f4f4f4;border-top: 1px solid #707070;flex-direction: column;}
    #mypage .mycoupon .detail .upper > div{display:flex;align-items:center;height: 36px;padding: 8px;justify-content: space-between;}
    #mypage .mycoupon .detail .upper .lt{width: 100%;}
    #mypage .mycoupon .detail .upper .rt{width: 100%;border-top: 1px dashed #e0e0e0;}
    #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: 12px;}
    #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 .upper dt{}
    #mypage .mycoupon .detail .upper dd{}
    #mypage .mycoupon .detail .photo{display:flex;flex-direction:column;gap: 16px;width: 328px;margin: 16px auto 32px;max-width: 100%;}
    #mypage .mycoupon .detail .photo .flex{}
    #mypage .mycoupon .detail .photo .inner{display:flex;background: url("../img/sub/couponbg2.png") no-repeat top left;padding: 4px;flex-direction: column;min-height: 168px;}
    #mypage .mycoupon .detail .photo .function{display:flex;align-items:center;justify-content:center;}
    #mypage .mycoupon .detail .photo .box{padding: 14px 64px 14px 14px;max-height: 136px;display: flex;flex-direction: column;}
    #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{}
    #mypage .mycoupon .detail .photo .head .logo img{height:14px;width:auto;display:block;}
    #mypage .mycoupon .detail .photo .head .number{line-height:1;font-size: 10px;font-weight:500;color:#1c1c1c;}
    #mypage .mycoupon .detail .photo .body{display:flex;flex-direction:column;align-items:flex-start;justify-content: space-between;flex: 1;min-height: 80px;position: relative;margin: 0 0 12px;padding: 12px 80px 0 0;}
    #mypage .mycoupon .detail .photo .body .name{display: flex;align-items: center;justify-content: center;padding: 4px;border-radius: 22px;height: 22px;background: #eb3f3d;color: #fff;font-size: 11px;margin: 0 0 4px;padding: 0 10px;}
    #mypage .mycoupon .detail .photo .body .cost{font-size: 14px;color: #1c1c1c;}
    #mypage .mycoupon .detail .photo .body .cost strong{font-size:24px;font-weight:bold;color:#eb2f3d;margin: 0 8px 0 0;}
    #mypage .mycoupon .detail .photo .body .code{position:absolute;top:50%;right:0;width:80px;height:81px;margin-top:-40px;}
    #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: 10px;font-size: 8px;font-weight: 300;color: #707070;margin: auto 0 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{}
    #mypage .mycoupon .detail .text dl{display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #mypage .mycoupon .detail .text dl img{}
    #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;font-weight: 400;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 0;text-align:center;font-size:13px;font-weight:500;color:#000;text-align: left;}
    #mypage .mycoupon .detail .button{margin-top: 32px;display:flex;align-items:center;justify-content:center;}
    #mypage .mycoupon .detail .button .btn{display:flex;align-items:center;justify-content:center;width: 100%;height:48px;padding:12px 24px;border-radius:48px;border:1px solid transparent;font-size:14px;font-weight:500;}

    #mypage .mywithdraw{padding: 32px 20px;}
    #mypage .mywithdraw .text{margin: 0 0 40px 0;}
    #mypage .mywithdraw .text .tit{line-height: 22px;font-size: 16px;color: #1c1c1c;margin: 0 0 24px 0;}
    #mypage .mywithdraw .text .txt{}
    #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;word-break: keep-all;}
    #mypage .mywithdraw .text .txt p + p{margin-top:12px;}
    #mypage .mywithdraw .text .txt p + strong{margin: 32px 0 0 0;}
    #mypage .mywithdraw .form{background: #f4f4f4;margin: 0 -20px;padding: 24px;}
    #mypage .mywithdraw .form .tit{margin: 0 0 24px 0;line-height: 1;font-size: 16px;font-weight: 500;color: #1c1c1c;}
    #mypage .mywithdraw .form .chk{}
    #mypage .mywithdraw .form .chk{display:flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;gap: 12px 32px;margin: 0 0 24px 0;}
    #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{}
    #mypage .mywithdraw .form .inp textarea{display: block;padding: 16px;width: 100%;height: 128px;border-radius: 8px;border: 1px solid #ddd;}
    #mypage .mywithdraw .button{margin: 32px 0 0 0;display:flex;align-items:center;justify-content:center;gap:10px;}
    #mypage .mywithdraw .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 48px;font-size: 14px;border: 1px solid transparent;}

    #mypage .myalarm{}
    #mypage .myalarm .area{border-bottom:8px solid #f4f4f4;padding:15px 20px;}
    #mypage .myalarm .area:last-child{border-bottom:0;}
    #mypage .myalarm .area .tit{margin-bottom:5px;line-height:24px;font-size:12px;font-weight:500;color:#00BCD4;}
    #mypage .myalarm .area .con{}
    #mypage .myalarm .area .con a{display:flex;align-items:center;justify-content:flex-start;height:40px;background:url("../img/common/arrow_right_b.png") no-repeat right 10px center / auto 15px;font-size:15px;font-weight:500;}
    #mypage .myalarm .area .tog{}
    #mypage .myalarm .area .tog label{display:flex;align-items:center;justify-content:space-between;padding:5px 0;}
    #mypage .myalarm .area .tog label input{display:none;}
    #mypage .myalarm .area .tog label input ~ .text{display:flex;flex-direction:column;flex:1;align-items:flex-start;}
    #mypage .myalarm .area .tog label input ~ .text strong{font-size:15px;font-weight:500;color:#000;}
    #mypage .myalarm .area .tog label input ~ .text span{font-size:12px;font-weight:400;color:#909090;}
    #mypage .myalarm .area .tog label input ~ .icon{flex:0 0 auto;position:relative;width:46px;height:26px;border-radius:30px;background:#e0e0e0;}
    #mypage .myalarm .area .tog label input ~ .icon:before{content:'';position:absolute;top:3px;left:3px;bottom:3px;width:auto;aspect-ratio:1/1;border-radius:50%;background:#fff;transition:all 300ms}
    #mypage .myalarm .area .tog label input:checked ~ .icon{background:#00BCD4;}
    #mypage .myalarm .area .tog label input:checked ~ .icon:before{left:50%;}
    #mypage .myalarm .area.interrupt .tit{color:#555;}
    #mypage .myalarm .area.interrupt .con{display:flex;align-items:center;padding:10px 0 0 0;gap:5px;}
    #mypage .myalarm .area.interrupt .con input[type="time"]{flex:1 1;display:flex;align-items:center;width: 100%;height:40px;border:1px solid #e0e0e0;font-size:14px;font-weight:500;padding:0 10px;}
    #mypage .myalarm .area.interrupt .con select{flex:1 1;display:flex;align-items:center;width: 100%;height:40px;border-radius:4px;border:1px solid #e0e0e0;font-size:14px;font-weight:500;padding:0 10px;background-position:right 6px center}
    #mypage .myalarm .area.interrupt .con span{flex:0 0 auto;padding:0 10px;font-size:14px;color:#999;}
    #mypage .myalarm .area.interrupt .con button{flex:0 0 auto;width:50px;height:40px;border-radius:4px;border:1px solid #00BCD4;font-size:14px;background:#00BCD4;color:#fff;}
    #mypage .myalarmbox{padding: 32px 20px;}
    #mypage .myalarmbox .total{margin: 0 0 16px 0;line-height: 20px;font-size: 14px;}
    #mypage .myalarmbox .total span{color:#eb3f3d;}
    #mypage .myalarmbox .tabs{position:relative;overflow:hidden;margin:20px 0;}
    #mypage .myalarmbox .tabs:after{content:'';position:absolute;top:0;right:0;width:20px;height:100%;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);;z-index:2;}
    #mypage .myalarmbox .tabs ul{}
    #mypage .myalarmbox .tabs li{width:auto;}
    #mypage .myalarmbox .tabs li button{display:flex;align-items:center;justify-content:center;height:40px;border-radius:40px;border:1px solid #e0e0e0;background:#ffffff;min-width:110px;padding:0 10px;font-size:14px;font-weight:400;color:#909090;}
    #mypage .myalarmbox .tabs li button.on{color:#00BCD4;border-color:#00BCD4;}
    #mypage .myalarmbox .search {display: flex;margin-bottom:10px;}
    #mypage .myalarmbox .search form{display:flex;width:100%;}
    #mypage .myalarmbox .search .sel{margin:0 8px 0 0;border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff}
    #mypage .myalarmbox .search .sel select{height:48px;border:0;padding:0 16px;min-width:120px;font-size:13px;}
    #mypage .myalarmbox .search .frm{border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff;width: 100%;}
    #mypage .myalarmbox .search .frm input{min-width: 204px;flex: 1;height: 43px;border:0;padding:0 16px;background:transparent;font-size:13px;}
    #mypage .myalarmbox .search .frm button{width: 43px;height: 43px;flex-shrink:0;font-size:13px;background: transparent url("../img/common/search_g.png") no-repeat 50% 50% / 20px auto;text-indent: -9999em;}
    #mypage .myalarmbox .search .inp{border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff;width: 100%;}
    #mypage .myalarmbox .search .inp input{min-width: 124px;flex: 1;width: 100%;height:48px;border:0;padding:0 16px;background:transparent;font-size:13px;}
    #mypage .myalarmbox .search .inp 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 .myalarmbox .alarm{}
    #mypage .myalarmbox .alarm ul{border-top: 1px solid #dddddd;}
    #mypage .myalarmbox .alarm li{position:relative;padding: 16px 0;border-bottom: 1px solid #dddddd;}
    #mypage .myalarmbox .alarm li .text{margin-bottom:5px;font-size:14px;}
    #mypage .myalarmbox .alarm li .text a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#000;line-height: 22px;font-size: 14px;}
    #mypage .myalarmbox .alarm li .info{flex-wrap:wrap;font-size:12px;color:#909090;display: flex;margin: 10px 0 0 0;}
    #mypage .myalarmbox .alarm li .info span{position:relative;line-height:14px;font-size:11px;color:#707070;}
    #mypage .myalarmbox .alarm li .info span + span{padding:0 0 0 6px;margin:0 0 0 6px;}
    #mypage .myalarmbox .alarm li .info span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:8px;background:#dddddd;}
    #mypage .myalarmbox .alarm li .delete{position:absolute;top:16px;right:0;width:22px;height:22px;cursor:pointer;background:url("../img/common/close_b.png") no-repeat 50% 50% / 15px;opacity:0;visibility:hidden;}
    #mypage .myalarmbox .more{margin-top:20px;}
    #mypage .myalarmbox .more a{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;}
    #mypage .myalarmbox .more a img{height:20px;width:auto;}
    #mypage .myalarmbox .alldelete{display:none;justify-content:flex-end;align-items:center;padding:10px 20px;margin:0 -20px -1px;position:relative;z-index:2;background:#f1f1f1;opacity:0;visibility:hidden;}
    #mypage .myalarmbox .alldelete a{font-size:14px;color:#303030;}
    #mypage .myalarmbox.edit .alarm li .text{padding-right:27px;}
    #mypage .myalarmbox.edit .alarm li .delete{opacity:1;visibility:visible;}
    #mypage .myalarmbox.edit .alldelete{display:flex;opacity:1;visibility:visible;}

    #franchise{}
    #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:#ffffff}
    #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 .cont{flex:1;}
    #franchise .information .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:22px;font-size:16px;font-weight:bold;color:#1c1c1c;}
    #franchise .information .point{display:flex;flex-direction:row;align-items:center;text-align:left;gap:6px}
    #franchise .information .point p{line-height:18px;font-size:12px;color:#333;}
    #franchise .information .point strong{line-height:28px;font-size:22px;font-weight:500;color:#EB3F3D;}
    #franchise .category{position: relative;padding:32px 20px 68px}
    #franchise .category .tit{line-height:22px;font-size:16px;font-weight:bold;color:#1c1c1c;margin: 0 0 20px 0;text-align: left;}
    #franchise .category .con{}
    #franchise .category .con ul{display:flex;flex-direction: column;gap: 12px;}
    #franchise .category .con li{}
    #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 rgb(0 0 0 / 20%);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: 24px;height: 24px;border-radius: 28px;background:#fff;font-size: 14px;font-weight: bold;color:#eb3f3d;border:1px solid #eb3f3d}
    #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 .mypage{}
    #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:auto;*/width: 100%;max-width:100%;/*height:auto;*/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:bold;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:15px 20px 30px 20px;padding: 15px 20px 15px 25px;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 0;align-items:center;}
    #franchise .myrank .rank .txt{line-height: 24px;font-size: 12px;color:#1c1c1c;}
    #franchise .myrank .rank .txt strong{line-height:24px;font-size:16px;font-weight:500;}
    #franchise .myrank .rank .txt strong span{font-weight:600;color:#eb3f3d;}
    #franchise .myrank .rank .act{margin-top:6px;}
    #franchise .myrank .rank .act a{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ededed;padding:0 8px;font-size:12px;color:#666666;height:24px;}
    #franchise .myrank .rank .act a:after{content:'';margin-left:2px;margin-top:-1px;width:5px;height:5px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}
    #franchise .myrank .rank .img{width: 140px;height: 64px;}
    #franchise .myrank .rank .img img{display:block;}
    #franchise .myrank .item{}
    #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 0;}
    #franchise .board .tabs{overflow: hidden;margin: 0 0 8px;}
    #franchise .board .tabs ul{}
    #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:#eb3f3d;background: #fff;font-size: 12px;width:24px;border:1px solid #eb3f3d}
    #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 .tabs li.on em{}
    #franchise .board .cont{}
    #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:rgb(0 102 179 / 6%);font-size: 13px;color:#707070;}
    #franchise .board .list{padding: 0 20px 20px;    }
    #franchise .board .list ul{}
    #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:auto;max-width:100%;height:auto*/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.readCheck {color: #999}
    #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{}
    #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: 38px;line-height:24px;height: 22px;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:#555555;}
    #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: rgba(0,0,0,0.7);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 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 span{}
    #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{}
    #franchise .coupon .table table tr{}
    #franchise .coupon .table table th,
    #franchise .coupon .table table td{white-space:nowrap;}
    #franchise .coupon .result{}
    #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 .flex{}
    #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 / 0.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{}
    #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:bold;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 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 .coupon .button{}
    #franchise .coupon .button .btn{}
    #franchise .reservation{}
    #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: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
    #franchise .reservation .dates .month{display:flex;align-items:center;justify-content:center;}
    #franchise .reservation .dates .month a{}
    #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:bold;}
    #franchise .reservation .dates .day{margin:20px 0 0 0;}
    #franchise .reservation .dates .day ul{/* display:flex; *//* align-items: flex-start; *//* justify-content: center; */}
    #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 0;}
    #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:#555555;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{}
    #franchise .reservation .dates .day li.today span{color:#0066b3}
    #franchise .reservation .dates .day li.today p{}
    #franchise .reservation .dates .day li.on{}
    #franchise .reservation .dates .day li.on span{}
    #franchise .reservation .dates .day li.on p{color:#ffffff;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 li.on em b{}
    #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{}
    #franchise .reservation .list > ul > li .area{display: flex;box-shadow:  0 0 10px rgba(0,0,0,0.1);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: bold;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:#555555;position:relative;}
    #franchise .reservation .list > ul > li .info span + span{/*margin:0 0 0 8px;*/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:#dddddd;}
    #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 0;}
    #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 #dddddd;}
    #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 rgba(0,0,0,0.1);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 0}
    #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 rgba(0,0,0,0.1);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 0;margin: 0 0 32px 0;}
    #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{}
    #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 rgba(0,0,0,0.05);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;/* min-height: 64px; */}
    #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 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{}
    #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 rgba(0,0,0,0.2);background:#ffffff;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 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 rgba(0,0,0,0.2);background:#ffffff;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:#ffffff;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{/*display:none;*/}
    #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 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 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{}
    #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 .con{}*/
    /*#franchise .reservation .bottom .comment .con ul{display: flex;flex-direction: column;gap: 16px;}*/
    /*#franchise .reservation .bottom .comment .con li{padding: 20px;display: flex;background: #fff;border: 1px solid #ebebeb;border-radius: 8px;flex-direction: column;}*/
    /*#franchise .reservation .bottom .comment .con li .cmt_top{display:flex;}*/
    /*#franchise .reservation .bottom .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;border: 1px solid #ddd;}*/
    /*#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;min-height: 40px;}*/
    /*#franchise .reservation .bottom .comment .con li .cmt_name{line-height: 16px;font-size: 13px;color: #1c1c1c;}*/
    /*#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: 8px 0 0 0;line-height: 20px;font-size: 12px;color: #707070;}*/
    /*#franchise .reservation .bottom .comment .con li .cmt_date{top: 0;right: 0;line-height: 18px;font-size: 12px;color: #707070;}*/
    /*#franchise .reservation .bottom .comment .con li .cmt_info{margin: 4px 0 0;display: flex;align-items: center;justify-content: space-between}*/
    /*#franchise .reservation .bottom .comment .con li .cmt_button{display: flex;align-items: center;}*/
    /*#franchise .reservation .bottom .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 .reservation .bottom .comment .con li .cmt_button a{}*/
    /*#franchise .reservation .bottom .comment .con li .cmt_comment{background: #F4F4F4;border-radius: 8px;margin: 16px 0 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_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: 0.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{}
    #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{}
    #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: #333333;font-size: 14px;color: #fff;}
    #franchise .reservation .bottom .comment.on .frm{display: flex;}
    #franchise .reservation .bottom .function{margin: 16px 0 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: bold;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{}
    #franchise .reservation .basic .item dd .inp{display: flex;gap: 6px;align-items: center;}
    #franchise .reservation .basic .item dd .inp input{}
    #franchise .reservation .basic .item dd .inp select{width: 100%;height: 48px;border-radius: 8px;border: 1px solid #ddd;padding: 8px 16px;}
    #franchise .reservation .basic .item dd .inp span{}
    #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 ul{}
    #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{}
    #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 .total{}
    #franchise .reservation .basic .schedule .body .total li{}
    #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 0;padding: 32px 20px;border-radius: 16px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    #franchise .reservation .time .month{display:flex;align-items:center;justify-content:center;margin: 0 0 22px 0;}
    #franchise .reservation .time .month a{}
    #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:bold;}
    #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{}
    #franchise .reservation .time .calendar .days ul{display: flex;}
    #franchise .reservation .time .calendar .days li{/*background: #fff;display: flex;flex-direction: column;flex: 1;*//* 깨짐 */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: #555555;border-radius: 40px;background: transparent;}
    #franchise .reservation .time .calendar .days li .dayBtn.on{color: #ffffff;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{}
    #franchise .reservation .time .info .head{border-top: 1px solid #707070;background: #f4f4f4;}
    #franchise .reservation .time .info .head li{background: #f4f4f4;}
    #franchise .reservation .time .info .body{}
    #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: #ffffff;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.book1 li{}
    #franchise .reservation .time .info ul.book2 li{}
    #franchise .reservation .time .info ul.book2 li.stat{color:#EB3F3D}
    #franchise .reservation .time .info ul.book3 li{color: #cccccc;}
    #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 ul{}
    #franchise .inquiry .list li{padding: 10px 0;border-bottom: 1px solid #ddd;display:flex;gap: 10px;border-top:0;}
    #franchise .inquiry .list li .lt{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
    #franchise .inquiry .list li .rt{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;}
    #franchise .inquiry .list li .company{line-height:16px;font-size:12px;color:#707070;text-align:left;margin-bottom:8px;}
    #franchise .inquiry .list li .company p{line-height:16px;font-size:12px;color:#707070;text-align:left;}
    #franchise .inquiry .list li .subject{margin-bottom:10px;}
    #franchise .inquiry .list li .subject a{display:flex;}
    #franchise .inquiry .list li .subject .tit{}
    #franchise .inquiry .list li .subject .ico{margin-left:8px;display:flex;align-items:center;justify-content:center;}
    #franchise .inquiry .list li .subject .ico .new{display:block;width: 14px;height: 13px;background: url(../img/sub/ico_new.png) no-repeat;}
    #franchise .inquiry .list li .subject .ico .lock{display:block;width: 16px;height: 16px;background: url(../img/sub/16ico-lock.png) no-repeat 50% 50% / contain;}
    #franchise .inquiry .list li .desc{display:flex;flex-wrap:wrap;gap:6px 12px;}
    #franchise .inquiry .list li .desc p{display:block;line-height:14px;font-size:11px;color:#707070;}
    #franchise .inquiry .list li .desc .time{}
    #franchise .inquiry .list li .desc .cate{display: flex;align-items: center;justify-content: center;border-radius: 6px;background: #fff1f1;color: #eb3f3d;font-size: 11px;height: 15px;padding: 5px;vertical-align: top;}
    #franchise .inquiry .list li .img{width: 90px;height: 60px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;}
    #franchise .inquiry .list li .img img{width: 100%;height: 100%;object-fit: cover;}

    /*
    #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{}
    #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: #555555;}
    #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 rgba(0,0,0,0.1);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 rgba(0,0,0,0.1);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:#ffffff;}
    #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: 0px 0px 4px 0px #00000029;width:265px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;opacity: 0;visibility: hidden;transition: all 0.35s;background: #fff;}
    #franchise .inquiry .detail .counter .share > ul li{}
    #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 0;line-height:20px;font-size:14px;color:#333;}
    #franchise .inquiry .detail .counter .share.on > ul{opacity:1;visibility:visible;}
    #franchise .inquiry .detail .comment{}
    #franchise .inquiry .detail .comment .type{padding: 80px 0 0 0;margin: 0 0 32px 0;}
    #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{}
    #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 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_button a{}
    #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: 0.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{}
    #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{}
    #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: #333333;font-size: 14px;color: #fff;}
    #franchise .inquiry .detail .comment.on .frm{display: flex;}
    #franchise .inquiry .write{}
    #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: bold;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;/* min-height: 48px; */}
    #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 #dddddd;}
    #franchise .inquiry .form dd .file{}
    #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{}
    #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 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: bold;margin: 0 0 16px 0;text-align: center;}
    #franchise .review .tabs{}
    #franchise .review .tabs ul{}
    #franchise .review .tabs li{position:relative;flex: 1;}
    #franchise .review .tabs li a{}
    #franchise .review .tabs li a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e3e2e7;}
    #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{}
    #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 .review .search{}
    #franchise .review .search {margin: 16px 0 0}
    #franchise .review .search .input {display: flex;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #f4f4f4;padding: 8px 16px;font-size: 14px;align-items: center;background: #ffffff;}
    #franchise .review .search .input input{flex: 1;height: 20px;background: 0 0;}
    #franchise .review .search .input button {width: 20px;height: 20px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: 0 0}
    #franchise .review .search .input button img {display: block;width: 100%;height: auto}
    #franchise .review .search .form {}
    #franchise .review .search .flexBox {display: flex;gap: 6px;width: 100%}
    #franchise .review .search .pencil {flex-shrink: 0}
    #franchise .review .search .pencil .btn {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 8px;text-indent: -9999em;background: #fff url("../img/common/pencil_w.png") no-repeat 50% 50%/24px auto!important;border: 1px solid #ddd!important}
    #franchise .review .item {}
    #franchise .review .item ul{}
    #franchise .review .item li {padding: 10px 0;border-bottom: 1px solid #ddd}
    #franchise .review .item li a {flex-direction: column;display: flex;gap: 10px}
    #franchise .review .item li .flex {display: flex;align-items: center;justify-content: space-between;gap: 16px}
    #franchise .review .item li .name {line-height: 14px;font-size: 12px;color: #707070}
    #franchise .review .item li .cate {margin: 0}
    #franchise .review .item li .cate span {display: flex;align-items: center;justify-content: center;border-radius: 4px;border: 1px solid #ebebeb;text-align: center;width: 32px;height: 32px;font-size: 13px}
    #franchise .review .item li .cate .cate1 {color: #0066b3}
    #franchise .review .item li .cate .cate2 {color: #06c270}
    #franchise .review .item li .cate .cate3 {color: #eb3f3d}
    #franchise .review .item li .con {display: flex;flex-direction: column;align-items: flex-start;justify-content: center}
    #franchise .review .item li .con .subj {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
    #franchise .review .item li .con .subj p {display: inline;line-height: 22px;font-size: 15px;color: #1c1c1c}
    #franchise .review .item li .con .subj em {display: inline-flex;line-height: 22px;color: #0066b3;vertical-align: top;font-size: 14px}
    #franchise .review .item li .con .subj img {display: inline;height: 22px;vertical-align: top}
    #franchise .review .item li .con .desc {margin: 10px 0 0;display: flex;gap: 12px}
    #franchise .review .item li .con .desc p {position: relative;line-height: 14px;font-size: 11px;color: #707070}
    #franchise .review .item li .con .desc p+p:before {content: '';position: absolute;top: 50%;left: -6px;transform: translateY(-50%);background: #ddd;width: 1px;height: 8px}
    #franchise .review .item li .img {width: 104px;height: 64px;border-radius: 8px;overflow: hidden;flex-shrink: 0}
    #franchise .review .item li .img img {display: block;width: 100%;height: 100%;object-fit: cover}
    #franchise .review .item li .empty {padding: 60px 0;text-align: center;font-size: 12px;color: #999}
    #franchise .review .reviewTypeBox{display:flex;gap:10px;margin-top:20px;}
    #franchise .review .reviewTypeBox .desc{flex:0 0 auto;width:calc(50% - 5px);display:flex;flex-direction:column;}
    #franchise .review .reviewTypeBox .txt{font-size:14px;padding:8px 0 0 0;margin:0 0 16px;color:#1c1c1c;display:flex;align-items:center;justify-content:center;}
    #franchise .review .reviewTypeBox ul{display:flex;flex-direction:column;gap:10px;height:auto;}
    #franchise .review .reviewTypeBox li{width:100%;}
    #franchise .review .reviewTypeBox li .box{font-size: 11px;height: 32px;padding: 12px 4px;display: flex;align-items: center;border-radius: 8px;overflow: hidden;border: 1px solid #ddd;}
    #franchise .review .reviewTypeBox li .box input{display:none;}
    #franchise .review .reviewTypeBox li .box input ~ img{width:20px;height:20px;flex:0 0 auto;margin:0 8px 0 0;}
    #franchise .review .reviewTypeBox li .box input ~ p{line-height: 20px;font-size: 11px;color: #1c1c1c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width: 100%;}
    #franchise .review .reviewTypeBox li .box input ~ em{flex:0 0 auto;width: 24px;line-height: 20px;font-size: 11px;color: #eb3f3d;text-align: center;}


    #franchise .event{padding: 40px 20px;}
    #franchise .event .list{padding-bottom: 20px;}
    #franchise .list ul {gap: 0}
    #franchise .list li {width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 20px;border-top: 1px solid #ddd;padding: 10px 0}
    #franchise .list li .date {position: relative;border: none;margin-bottom: 8px!important}
    #franchise .list li .date>p {display: flex;align-items: center;gap: 6px}
    #franchise .list li>.img {width: 90px;height: 60px;margin: 0;flex: 0 0 auto;border-radius: 6px;overflow: hidden;border: 1px solid #ddd;}
    #franchise .list li .listInner {display: flex;flex-direction: column;flex: 1}
    #franchise .list li .con {padding: 0}
    #franchise .list li .text {min-height: auto}
    #franchise .list li .text a {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: left!important;line-height: 19px;font-size: 16px}
    #franchise .list li .side {margin: 0}
    #franchise .list li .price .sale {font-size: 15px;line-height: 19px;color: #eb3f3d}
    #franchise .list li .side p {font-size: 11px;line-height: 19px}
    #franchise .list li .info {margin: 10px 0 0;gap: 16px}
    #franchise .eventDday em.flag {display: inline-flex;width: auto;height: 21px;background: #fff;color: #e92525;border: 1px solid #ccc;justify-content: center;align-items: center;border-radius: 21px;padding: 3px 4px;font-size: 11px}
    #franchise .eventDday em.flag.end {background: #ccc;color: #fff}
    #franchise .eventDday span {color: #909090;font-size: 11px;line-height: 11px}
    #franchise .eventDday span.ico {font-size: 11px;padding: 2px;border: 1px solid #ededed;border-radius: 4px;line-height: 11px;display: inline-flex;width: 16px;height: 16px}
    #franchise .eventDday span.ico.ico1 {color: #0066b3}
    #franchise .eventDday span.ico.ico2 {color: #06c270}
    #franchise .eventDday span.ico.ico3 {color: #eb3f3d}

    /*
    #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 0;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 0;width: 100%;aspect-ratio: 1.53 / 1;border: 1px solid rgba(0,0,0,0.05);}
    #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{}
    #franchise .event .list li .info{display:flex;align-items: flex-end;margin: 12px 0 0 0;padding: 16px 0 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:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") 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 .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: #555555;}
    #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 .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 dt small{}
    #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 #dddddd;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 input.datepicker{background: url("../img/common/calendar.png") no-repeat right 16px center / 24px auto;}
    #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 #dddddd;}
    #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 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{}
    #franchise .gallery .list ul{}
    #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{}
    #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{}
    #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 0;}
    #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: #ffffff;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 0;line-height:22px;font-size:16px;font-weight:bold;color:#1c1c1c;}
    #franchise .onestop .list .con{}
    #franchise .onestop .list ul{display: flex;flex-wrap: wrap;width: auto;gap: 16px;}
    #franchise .onestop .list li{position:relative;width: calc(50% - 8px);}
    #franchise .onestop .list li .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 / 0.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: 0.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: 0.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 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 0;}
    #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:#ffffff;background:#EB3F3D}
    #franchise .onestop .list .icon span.icon_2{color:#ffffff;background:#FF9900}
    #franchise .onestop .list .icon span.icon_3{color:#ffffff;background:#8600BB}
    #franchise .onestop .list .icon span.icon_4{color:#ffffff;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:0 0 auto;}
    #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;border-radius:20px;flex-shrink: 0;margin: 0 8px 0 0;background:#fff url("../img/common/checkbox.png") no-repeat 50% 50% / contain}
    #franchise .onestop .list .name .check label input:checked ~ i {background:#fff url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #franchise .onestop .list .text{margin:8px 0 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 0;padding: 12px 0 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:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") 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:#555555;}
    #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{}
    #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{}
    #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 0;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 0;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:0.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{}
    #franchise .product .list li .info{display:flex;align-items: flex-end;margin: 12px 0 0 0;padding: 16px 0 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:15px;height:15px;margin:0 4px 0 0;background: url("../img/common/icon_comment_g.png") 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{}
    #franchise .product .list li.checked .img:before{opacity:1;visibility:visible}
    #franchise .product .list li.checked .img:after{opacity:0.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:0;}
    #franchise .edit .form dl{display: flex;flex-direction: row;gap: 10px;padding: 0 20px 20px;}
    #franchise .edit .form dl.col{flex-direction:column;padding-top:20px;}
    #franchise .edit .form dl.col dt{width:100%;}
    #franchise .edit .form dt{display: flex;align-items: center;justify-content: flex-start;text-align: left;flex-shrink: 0;line-height:20px;font-size: 14px;font-weight: 500;color: #1c1c1c;width:72px;}
    #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%;padding:8px 12px;height: 48px;font-size: 14px;color: #1c1c1c;border: 1px solid #ddd;border-radius:8px;}
    #franchise .edit .form dd .inp{position:relative;width: 100%;max-width:100%;display: flex;align-items: center;gap: 8px;border: 1px solid #ddd;border-radius:8px;}
    #franchise .edit .form dd .inp input{padding: 8px 12px;width: 100%;height: 48px;background-color:transparent;}
    #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 12px;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #dddddd;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 24px 8px 12px;}
    #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 0;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: #555555;}
    #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 0;line-height: 20px;font-size: 14px;color: #707070;text-align: center;}
    #franchise .edit .photo .con{}
    #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 0;line-height: 20px;font-size: 14px;color: #707070;text-align: center;}
    #franchise .edit .zido .con{background: #fafafa;}
    #franchise .edit .zido .con > a{}
    #franchise .edit .zido .con > a img{width:100%;height: auto;/* aspect-ratio:1/1; *//* object-fit:contain; */}
    #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 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 0;}
    #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{}
    #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 dt{}
    #franchise .manage .period dd{font-weight: bold;}
    #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 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 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 #dddddd;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{}
    #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: bold;}
    #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;width: 100%;color: #000;}
    #franchise .history .tit{line-height: 22px;font-size: 18px;font-weight: bold;color:#1c1c1c;margin:0 0 16px 0;}
    #franchise .history .tbl{margin: 0 0 24px;overflow-x: auto;}
    #franchise .history .tbl table{width: auto;}
    #franchise .history .tbl table tr{}
    #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{}
    #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{}
    #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 .cate a.on{}
    #franchise .faq .list{padding: 16px 20px 32px;border-top: 8px solid #f4f4f4;}
    #franchise .faq .list ul{}
    #franchise .faq .list li{}
    #franchise .faq .list li.on .faqb{display:flex}
    #franchise .faq .list li.on .faqb img {max-width: 100%}
    #franchise .faq .list li.on .faqa{}
    #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 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;}
    #franchise .faq .list li .faqb strong{}
    #franchise .myalarm{padding: 32px 20px;}
    #franchise .myalarm .total{margin: 0 0 16px 0;line-height: 20px;font-size: 14px;}
    #franchise .myalarm .total span{color:#eb3f3d;}
    #franchise .myalarm .search {display: flex;margin-bottom:10px;}
    #franchise .myalarm .search form{display:flex;width:100%;}
    #franchise .myalarm .search .sel{margin:0 8px 0 0;border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff}
    #franchise .myalarm .search .sel select{height:48px;border:0;padding:0 16px;min-width:120px;font-size:13px;}
    #franchise .myalarm .search .frm{border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff;width: 100%;}
    #franchise .myalarm .search .frm input{min-width: 204px;flex: 1;height:48px;border:0;padding:0 16px;background:transparent;font-size:13px;}
    #franchise .myalarm .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;}
    #franchise .myalarm .search .inp{border-radius:8px;border:1px solid #dddddd;display:flex;background:#ffffff;width: 100%;}
    #franchise .myalarm .search .inp input{min-width: 124px;flex: 1;width: 100%;height:48px;border:0;padding:0 16px;background:transparent;font-size:13px;}
    #franchise .myalarm .search .inp 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;}

    #franchise .myalarm .alarm{}
    #franchise .myalarm .alarm ul{border-top: 1px solid #dddddd;}
    #franchise .myalarm .alarm li{padding: 16px 0;border-bottom: 1px solid #dddddd;}
    #franchise .myalarm .alarm li .text{margin-bottom:5px;}
    #franchise .myalarm .alarm li .text a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#000;line-height: 22px;font-size: 15px;}
    #franchise .myalarm .alarm li .info{flex-wrap:wrap;font-size:12px;color:#909090;display: flex;margin: 10px 0 0 0;}
    #franchise .myalarm .alarm li .info span{position:relative;line-height:14px;font-size:11px;color:#707070;}
    #franchise .myalarm .alarm li .info span + span{padding:0 0 0 6px;margin:0 0 0 6px;}
    #franchise .myalarm .alarm li .info span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:8px;background:#dddddd;}



    #mobile{display:none !important;opacity:0;visibility:hidden;}

    #wrap .table{}
    #wrap .table table{border-collapse:collapse;width: auto;min-width: 100%;border-top:1px solid #707070;}
    #wrap .table tr{}
    #wrap .table th,
    #wrap .table td{padding: 12px 8px;height:56px;font-size: 14px;border-bottom:1px solid #DDDDDD}
    #wrap .table th{background:#F4F4F4;font-weight:500;}
    #wrap .table td{}
    #wrap .table td i.ic-lock{background:url("../img/common/icon_lock.png") no-repeat 50% 50% / contain;width: 18px;height: 18px;display: inline-flex;vertical-align: top;margin: 0 0 0 4px;}
    .jewon_tl{font-size:20px;font-weight:600;color:#222;letter-spacing:-1px;left;padding-bottom:10px !important;clear:both;}
    #wrap .oilyang{line-height:45px;font-size:16px;float:left;}
    #wrap .update{font-size:14px;color:#555;float:right;line-height:45px;float:right}
    .table2{}
    .table2 table{border-collapse:collapse;width: auto;min-width: 100%;border-top:1px solid #707070;}
    .table2 tr{}
    .table2 th,
    .table2 td{padding: 12px 6px 12px 6px;height:45px;font-size: 13px;border:1px solid #DDDDDD}
    .table2 th{background:#F4F4F4;font-weight:500;text-align:left}
    .table2 td{font-weight:400;color:#555;}
    .table2 td i.ic-lock{background:url("../img/common/icon_lock.png") no-repeat 50% 50% / contain;width: 18px;height: 18px;display: inline-flex;vertical-align: top;margin: 0 0 0 4px;}

    #wrap .modal_container .bottomPopup{}
    #wrap .modal_container .bottomPopupInner{background:#ffffff;width: 90vw;max-width:700px;max-height: 75vh;overflow-y: auto;}
    #wrap .modal_container .bottomPopupInner .title{font-size: 18px;color: #fff;text-align: center;font-weight: 500;position: relative;background-color: #cc0000;height: 50px;line-height: 50px;margin: 0;}
    #wrap .modal_container .bottomPopupInner .text{margin: 12px;border: 1px solid #e0e0e0;height: 250px;overflow-y: auto;font-size: 13px;text-align: left;padding: 12px;}
    #wrap .modal_container .bottomPopupInner .point{padding: 12px;}
    #wrap .modal_container .bottomPopupInner .point .h2{margin:0 0 20px;font-size: 17px;}
    #wrap .modal_container .bottomPopupInner .saving{display:flex;flex-direction:column;margin: 0 0 30px 0;}
    #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{overflow-x: auto;}
    #wrap .modal_container .bottomPopupInner .table tr{}
    #wrap .modal_container .bottomPopupInner .table th{font-size: 12px;white-space: nowrap;}
    #wrap .modal_container .bottomPopupInner .table td{font-size: 12px;white-space: nowrap;}
    #wrap .modal_container .bottomPopupInner .table p{font-size:13px;}
    #wrap .modal_container .bottomPopupInner .table td img{}
    #wrap .modal_container .bottomPopupInner .table td .level{display:flex;align-items:center;justify-content:center;}
    #wrap .modal_container .bottomPopupInner .caution{padding: 24px 0;}
    #wrap .modal_container .bottomPopupInner .caution p{line-height: 18px;font-size: 12px;font-weight: 400;color: #303030;}
    #wrap .modal_container .bottomPopupInner .button{border-top: 1px solid #ddd;text-align: center;padding: 12px 0;margin: 0;}
    #wrap .modal_container .bottomPopupInner .button button{display: flex;align-items: center;justify-content: center;text-align: center;width: 130px;height: 40px;line-height: 40px;color: #fff;background-color: #999;}
    #wrap .modal_container .bottomPopupBg{}

    #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:rgba(0,0,0,0.9)}
    #wrap .modal_container.on,
    #wrap .modal_container.show{display: flex !important;align-items: center;justify-content: center;flex-direction: column;}
    #wrap .modal_container .modal_wrapper{position:relative;}
    #wrap .modal_container .inner{padding:40px 20px 32px;width: 320px;max-width: 100%;max-height: 90vh;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);background: #fff;position: relative;display: flex;flex-direction: column;border-radius:16px;}
    #wrap .modal_container .title{margin: 0 0 20px 0;line-height: 20px;font-size: 16px;font-weight: bold;color: #1c1c1c;text-align: center;}
    #wrap .modal_container .text{line-height:20px;font-size:14px;font-weight: 500;color: #1c1c1c;text-align:center;}
    #wrap .modal_container .button{margin:24px 0 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
    #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-top:8px*/}


    #wrap #popup_delivery{}
    #wrap #popup_delivery .modal_wrapper{width: 100%;max-width: calc(100% - 32px);}
    #wrap #popup_delivery .inner{width:100% !important;max-width:100% !important;}

    #wrap #popup_send,
    #wrap #popup_send_complete{}
    #wrap #popup_send .text,
    #wrap #popup_send_complete .text{border-radius:8px;background:#f4f4f4;padding:24px 24px;line-height:20px;font-size:14px;color:#333333;text-align:center;}

    #wrap #popup_view{}
    #wrap #popup_view .inner{padding:32px 20px}
    #wrap #popup_view .title{margin:0 0 16px 0;display: block}
    #wrap #popup_view .text{line-height:20px;font-size:14px;background:transparent;padding:0;}
    #wrap #popup_view .button{margin:24px 0 0 0;}
    #wrap #popup_view .button .btn{}
    #wrap #popup_view .button .btn + .btn{margin-top:10px;}


    #wrap #popup_complete2{}
    #wrap #popup_complete2 .modal_wrapper{padding:60px 32px 70px;border-radius:10px;background:#ffffff;width:1100px;max-width:95%;}
    #wrap #popup_complete2 .icon{margin:0 auto 12px;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 12px 0;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 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_vehicle{}
    #wrap #popup_vehicle .icon{display:flex;margin:0 0 16px 0;align-items: center;justify-content: center;}
    #wrap #popup_vehicle .icon i{display:block;width:56px;height:56px;background: url("../img/common/bang.png") no-repeat 50% 50% / contain;}

    #wrap #popup_delete{}
    #wrap #popup_delete .inner{max-width:100%;}
    #wrap #popup_delete .icon{display:flex;margin:0 auto 16px;width:auto;height:auto;align-items: center;justify-content: center;}
    #wrap #popup_delete .icon i{display:block;width:56px;height:56px;background: url("../img/common/check.png") no-repeat 50% 50% / contain;}
    #wrap #popup_delete .captcha{margin-top:20px;}
    #wrap #popup_delete #captcha{}
    #wrap #popup_delete #captcha > div{max-width:100%;}
    #wrap #popup_delete #captcha *{max-width: 100%;display: block;vertical-align: top;}
    #wrap #popup_delete .button{flex-direction:row; gap:10px;}

    #wrap #popup_eliminate{}
    #wrap #popup_eliminate .icon{display:flex;margin:0 0 16px 0;align-items: center;justify-content: center;}
    #wrap #popup_eliminate .icon i{display:block;width:56px;height:56px;background: url("../img/common/check.png") no-repeat 50% 50% / contain;}

    #wrap #popup_error{}
    #wrap #popup_error .icon{display:flex;margin: 0 0 16px 0;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 0;}
    #wrap #popup_error .button .btn{}
    #wrap #popup_error .button .btn + .btn{margin-top:10px;}

    #wrap #popup_day{}
    #wrap #popup_day .inner{width:800px;padding: 32px 20px 59px;}
    #wrap #popup_day .close{display: flex;align-items: center;justify-content: flex-end;margin: 0 0 16px;}
    #wrap #popup_day .close a{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;}
    #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 p{line-height: 20px;font-size: 14px;font-weight:400;color:#1c1c1c;}
    #wrap #popup_day .info{padding: 0 10px 0 0;max-height: calc(90vh - 253px);overflow: hidden;overflow-y: auto;}
    #wrap #popup_day .info .head{border-top: 1px solid #707070;background: #f4f4f4;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: #ffffff;font-size: 15px;}
    #wrap #popup_day .info li img{width:24px;height:auto;}
    #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.book1 li{}
    #wrap #popup_day .info ul.book2 li{}
    #wrap #popup_day .info ul.book2 li.stat{color:#EB3F3D}
    #wrap #popup_day .info ul.book3 li{color: #cccccc;}
    #wrap #popup_day .info ul.book4 li{background: #f4f4f4;color: #ccc;pointer-events: none;}
    #wrap #popup_day .button{margin:26px 0 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{}
    #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 0;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{}
    #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 .spaceBox{}
    #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{}
    #wrap #popup_view_check .cont .table table{}
    #wrap #popup_view_check .cont .table table tr{}
    #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_time_check{}
    #wrap #popup_time_check .icon{display:flex;margin: 0 0 16px 0;align-items: center;justify-content: center;}
    #wrap #popup_time_check .icon i{display:block;width: 48px;height: 48px;background: url("../img/common/bang.png") no-repeat 50% 50% / contain;}
    #wrap #popup_time_check .title{}
    #wrap #popup_time_check .text{padding: 24px;background: #f4f4f4;line-height: 20px;font-size: 14px;}
    #wrap #popup_time_check .button{flex-direction:column;margin: 24px 0 0 0;}
    #wrap #popup_time_check .button .btn{}
    #wrap #popup_time_check .button .btn + .btn{margin-top:10px;}

    #wrap #popup_share{}
    #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{}
    #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 0;}
    #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: #ffffff;}
    #wrap #popup_gift .box .txt{margin: 24px 0 0;line-height: 1;font-size: 20px;color: #fff;}
    #wrap #popup_gift .box.success{}
    #wrap #popup_gift .box.success .tit{color:#FFCC00}
    #wrap #popup_gift .box.fail{}

    #wrap #popup_qrform{flex-direction:column;justify-content: flex-end !important;background: rgba(0,0,0,0.7);}
    #wrap #popup_qrform .modal_wrapper{background:#ffffff;border-radius: 16px 16px 0 0;width:100%;padding: 16px 20px;}
    #wrap #popup_qrform .tabs{width:100%;margin: 0 0 40px;}
    #wrap #popup_qrform .tabs ul{display: flex;}
    #wrap #popup_qrform .tabs li{flex:1;}
    #wrap #popup_qrform .tabs li a{position: relative;display: flex;align-items: center;justify-content: center;height: 48px;border-bottom: 1px solid #dddddd;font-size: 14px;font-weight: 500;color: #707070;}
    #wrap #popup_qrform .tabs li.on a{color:#EB3F3D}
    #wrap #popup_qrform .tabs li.on a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#EB3F3D;}
    #wrap #popup_qrform .input{}
    #wrap #popup_qrform .input input{width:100%;height:42px;border:1px solid transparent;border-bottom-color:#ededed;padding:8px;font-size: 14px;}
    #wrap #popup_qrform .button{margin-top:32px;}
    #wrap #popup_qrform .button .btn{height: 48px;}

    #wrap #popup_coupon{}
    #wrap #popup_coupon .modal_wrapper{width: calc(100% - 40px);background: #fff;padding: 32px;border-radius: 16px;}
    #wrap #popup_coupon .icon{display:flex;margin: 0 0 21px 0;align-items: center;justify-content: center;}
    #wrap #popup_coupon .icon i{display:block;width: 54px;height: 54px;background: url("../img/common/check.png") no-repeat 50% 50% / contain;}
    #wrap #popup_coupon .title{}
    #wrap #popup_coupon .text{margin: 12px 0 0 0;color: #707070;font-weight: 400;line-height: 20px;font-size: 13px;text-decoration: underline;}

    #wrap #popup_complete{}
    #wrap #popup_complete .modal_wrapper{width: calc(100% - 40px);background: #fff;padding: 32px;border-radius: 16px;}
    #wrap #popup_complete .icon{display:flex;margin: 0 0 21px 0;align-items: center;justify-content: center;}
    #wrap #popup_complete .icon i{display:block;width: 54px;height: 54px;background: url("../img/common/check_b.png") no-repeat 50% 50% / contain;}
    #wrap #popup_complete .title{}
    #wrap #popup_complete .text{margin: 12px 0 0 0;color: #707070;font-weight: 400;line-height: 20px;font-size: 13px;text-decoration: underline;}

    #wrap #popup_cancel{}
    #wrap #popup_cancel .modal_wrapper{width: calc(100% - 40px);background: #fff;padding: 32px;border-radius: 16px;}
    #wrap #popup_cancel .icon{display:flex;margin: 0 0 21px 0;align-items: center;justify-content: center;}
    #wrap #popup_cancel .icon i{display:block;width: 54px;height: 54px;background: url("../img/common/bang.png") no-repeat 50% 50% / contain;}
    #wrap #popup_cancel .title{}
    #wrap #popup_cancel .text{margin: 12px 0 0 0;color: #707070;font-weight: 400;line-height: 20px;font-size: 13px;text-decoration: underline;}


    #vehicle {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;flex-direction: column;z-index: 1011;background: rgba(0, 0, 0, 0.8);justify-content: flex-start;align-items: center;overflow:hidden;}
    #vehicle.active{display:flex}
    #vehicle .vehicle {position:relative;margin: 95px 0 0 0;padding: 17px 17px 34px;width: 1100px;max-width: calc(100% - 40px);height: auto;max-height: calc(100% - 70px - 95px - 20px);background: #ffffff;transition: all 0.3s;border-radius: 8px;display:flex;flex-direction:column;overflow:hidden;}
    #vehicle .vehicle .head {display: flex;flex-wrap: wrap;margin: 0 0 12px;}
    #vehicle .vehicle .title {display:block;line-height: 50px;font-size: 24px;font-weight: 700;color: #333;margin-right: auto;}
    #vehicle .vehicle .count {margin-left: auto;display: flex;gap: 5px}
    #vehicle .vehicle .count span {line-height: 50px;font-size: 12px;color: #333;}
    #vehicle .vehicle .count span strong {font-weight: 400;color: #e53d3b}
    #vehicle .vehicle .close{position:absolute;top:0px;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 .search {position:relative;width: 100%;display: flex;border-radius: 6px;border: 1px solid #dddddd;}
    #vehicle .vehicle .search input {padding: 0 20px;width:100%;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: 55px;left: 0;width: 100%;border-radius: 6px;border: 1px solid #dddddd;display: flex;flex-direction: column;background: #ffffff;z-index: 10;padding: 10px;/*display:none;*/}
    #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: 0.2em;color: #ffffff;padding: 0 1px;}
    #vehicle .vehicle .tabs {flex-shrink:0;margin: 0 0 40px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 0 10px;}
    #vehicle .vehicle .tabs ul {}
    #vehicle .vehicle .tabs li {position: relative;width: auto;height:46px;line-height: 46px;font-size: 14px;color: #999999;cursor: pointer;display:flex;flex-direction:column;align-items:flex-start;padding:0 10px}
    #vehicle .vehicle .tabs li > span{width:100%;line-height:24px;margin-top:6px;font-size:14px;pointer-events: none;}
    #vehicle .vehicle .tabs li:active {background: #fafafa}
    #vehicle .vehicle .tabs li.active {color: #333333}
    #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;}
    #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:unset;flex-shrink: 0;transition: all 0.3s;height: 0px;overflow-y:auto;}
    #vehicle .vehicle .section.active {display: block;height: 100%;}
    #vehicle .vehicle .section .top {margin: 0 0 18px 0;line-height: 42px;font-size: 18px;font-weight: bold;color: #333}
    #vehicle .vehicle .section .tit {margin: 0 0 12px 0;line-height: 24px;font-size: 16px;font-weight: bold;color: #333}
    #vehicle .vehicle .section .con {margin: 0 0 48px 0;}
    #vehicle .vehicle .section .con ul {display: flex;flex-wrap: wrap;gap: 8px;}
    #vehicle .vehicle .section .con li {display: flex;align-items: center;justify-content: center;width: auto;height: 40px;border-radius: 40px;text-align: center;border: 1px solid #dcdcdc;cursor: pointer;font-size: 14px;color: #666;background: #fff;padding:0 5px;}
    #vehicle .vehicle .section .con li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
    #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(33.33% - 5.33px);}
    #vehicle .vehicle .section .con li.carBtn02 {width: calc(33.33% - 10px);}
    #vehicle .vehicle .section .con li.carBtn03 {width: 100%}
    #vehicle .vehicle .section .con li.carBtn04 {width: calc(33.33% - 10px);}
    #vehicle .vehicle .section .con li.carBtn05 {width: calc(50% - 10px);}
    #vehicle .vehicle .section .con li.carBtn06 {width: calc(33.33% - 10px);}
    #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:rgba(0,0,0,0.9);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 0;line-height:22px;font-size:16px;color:#ffffff;}

    #appbar{}
    #appbar.hiding .appbar{transform:translateY(100%)}
    #appbar.down .appbar{transform:translateY(100%);}
    #appbar.down .appbar li a em{opacity:0;visibility:hidden;}
    #appbar.up .appbar{transform:translateY(0%);}
    #appbar .appbar{padding:0 10px 0px 10px;position:fixed;bottom:0;left:0;width:100%;background:#ffffff;box-shadow: 0px -4px 10px -2px rgba(22, 23, 29, 0.1);z-index: 1013;transition:all 0.5s}
    #appbar .appbar ul{display:flex;height:69px}
    #appbar .appbar li{flex:1;}
    #appbar .appbar li a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;}
    #appbar .appbar li a i{width:24px;height:24px;background:#fafafa}
    #appbar .appbar li a p{margin:8px 0 0 0;line-height:14px;font-size:12px;color:#333;font-weight:500}
    #appbar .appbar li a em{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;background:#EB3F3D;color:#ffffff;padding:3px 8px;line-height:1;font-size:12px;border-radius:20px;transition:all 300ms;}

    /*#appbar .appbar li.ab_home a i{background:url("../img/common/app_home.png") no-repeat 50% 50% / contain}*/
    /*#appbar .appbar li.ab_event a i{background:url("../img/common/app_event.png") no-repeat 50% 50% / contain}*/
    /*#appbar .appbar li.ab_around a i{background:url("../img/common/app_around.png") no-repeat 50% 50% / contain}*/
    /*#appbar .appbar li.ab_point a i{background:url("../img/common/app_point.png") no-repeat 50% 50% / contain}*/
    /*#appbar .appbar li.ab_mypage a i{background:url("../img/common/app_mypage.png") no-repeat 50% 50% / contain}*/
    /* 이미지 변경 요청 23.12.10 */
    #appbar .appbar li.ab_home a i{background:url("../img/common/appbar_icon1.png") no-repeat 50% 50% / contain}
    #appbar .appbar li.ab_event a i{background:url("../img/common/appbar_icon2.png") no-repeat 50% 50% / contain}
    #appbar .appbar li.ab_around a i{background:url("../img/common/appbar_icon3.png") no-repeat 50% 50% / contain}
    #appbar .appbar li.ab_point a i{background:url("../img/common/appbar_icon4.png") no-repeat 50% 50% / contain}
    #appbar .appbar li.ab_mypage a i{background:url("../img/common/appbar_icon5.png") no-repeat 50% 50% / contain}

    #appbar .appbar li.ab_reservation a i{background:url("../img/common/app_reservation.png") no-repeat 50% 50% / contain}
    #appbar .appbar li.ab_inquiry a i{background:url("../img/common/app_inquiry.png") no-repeat 50% 50% / contain}
    #appbar .appbar li.ab_coupon a i{background:url("../img/common/app_coupon.png") no-repeat 50% 50% / contain}
    #appbar .appspace{width:100%;height:64px;background:transparent;}

    #imgPopup{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 1013;display: flex;align-items: center;justify-content: center;opacity:0;visibility:hidden;transition:all 0.35s;}
    #imgPopup.active{opacity:1;visibility:visible;}
    #imgPopup .imgPopup{position:relative;z-index:2;background:#ffffff;padding: 20px;width:1100px;max-width: calc(100% - 40px);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: 10px;}
    #imgPopup .imgPopup .slider .big{width: 100%;overflow: hidden;}
    #imgPopup .imgPopup .slider .big .swiper-slide{aspect-ratio: 1 / 1;border-radius: 8px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
    #imgPopup .imgPopup .slider .big .swiper-slide img{width:100%;height:100%;object-fit: contain;max-height: 70%;}
    #imgPopup .imgPopup .slider .small{width: 100%;overflow: hidden;}
    #imgPopup .imgPopup .slider .small .swiper-slide{aspect-ratio: 1/1;border-radius: 4px;overflow: hidden;opacity:0.5;cursor: pointer;border: 1px solid #e0e0e0;}
    #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: -38px;right: 5px;width: 24px;height: 24px;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: 0.7;width: 100%;height: 100%;}

}
@media (max-width: 768px) {
    #main .direct { position: relative;margin: 0 0 40px 0; }
    #main .direct .wrap { display: flex;gap: 15px; margin: 0 auto; flex-direction:column;padding:0;}
    #main .direct .sect { height:100%; }
    #main .direct .sect1 { width: 100%;}
    #main .direct .sect1 ul {display: flex;gap: 15px;padding:0 15px; flex-direction:row;}
    #main .direct .sect1 li { flex:1; }
    #main .direct .sect .box { display: flex;flex-direction:column;}
    #main .direct .sect1 li .box { position: relative;flex-direction: column;padding: 15px 5px 15px 15px;border: 1px solid #dddddd;background: #f8f8f8; border-radius:10px;}
    #main .direct .sect1 li .con {display: flex;flex-direction: column;}
    #main .direct .sect1 li .tit {line-height: 18px;font-size: 15px;font-weight: 700;color: #333333;}
    #main .direct .sect1 li .txt {margin-top: 3px;line-height: 16px;font-size: 12px;font-weight: 500;color: #818181;}
    #main .direct .sect1 li .ico {position: absolute;bottom: 0;right: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
    #main .direct .sect2 { width:100%; }
    #main .direct .sect2 ul { display: grid; gap:15px;grid-auto-flow: column;overflow-x: auto;overflow-y: hidden;padding:0 15px; box-sizing:border-box; grid-template-columns:unset; grid-template-rows:unset;}
    #main .direct .sect2 ul::-webkit-scrollbar {display: none;}
    #main .direct .sect2 ul li.box { flex: 0 0 auto; }
    #main .direct .sect2 li .box { flex-direction:column; border:0; background:unset; height:auto;}
    #main .direct .sect2 li .box .ico { flex-direction: row;align-items: center;border: 1px solid #ddd;background: #f8f8f8;gap: 5px;white-space: nowrap;justify-content: center; border-radius:10px;width:100%; aspect-ratio:1 / 1}
    #main .direct .sect2 li .box.red { background:unset; }
    #main .direct .sect2 li .box.red .ico { 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 { width:38px; height:38px;object-fit: contain; }
    #main .direct .sect2 li .tit { line-height: 18px;font-weight: 700;font-size: 15px;color: #333333; }
    #main .direct .sect2 .box { align-items:center; justify-content:center; gap:5px; flex-direction:column;}


}
@media (max-width: 480px) {
    .captcha {
        gap: 6px;
    }

    .captcha-row {
        gap: 8px;
        justify-content: center;
    }

    .capt_img {
        width: 90px;
    }

    .capt_reset {
        background-size: 16px 16px;
    }

    .capt_input {
        max-width: 100%;
    }
    #mypage .myinfo .form dd .inp { flex-wrap:wrap; row-gap:10px;}
    #mypage .myinfo .form dd .inp select { width:100%; }
    #mypage .myinfo .form dd .ml10 { margin-left:0 !important; }


}