@charset "utf-8";

@media (min-width: 1100px) { .lt-mobile{display:none !important;} }
@media (max-width: 1099px) { .lt-desktop{display:none !important;} }

/* 회사소개 */
@media (min-width: 1100px) {
    #introduce .company{padding:60px 0;}
    #introduce .company img{}
    #introduce .service{padding:60px 0;}
    #introduce .service img{max-width:100%;height:auto;}
    #introduce .application{padding:60px 0;}
    #introduce .application img{max-width:100%;height:auto;}
    #introduce .instruct{padding:60px 0;}
    #introduce .instruct img{max-width:100%;height:auto;}
}
@media (max-width: 1099px) {
    #introduce .company{padding:40px 20px;}
    #introduce .company img{max-width:100%;height:auto;}
    #introduce .service{padding:40px 20px;}
    #introduce .service img{max-width:100%;height:auto;}
    #introduce .application{padding:40px 20px;}
    #introduce .application img{max-width:100%;height:auto;}
    #introduce .instruct{padding:40px 20px;}
    #introduce .instruct img{max-width:100%;height:auto;}
}

/* 05 마이페이지 나의 댓글*/
@media (max-width: 1099px) {
    #mypage .mycomment .list > ul > li .name p{}
    #mypage .mycomment .list > ul > li .name p img{height:18px;width:auto;object-fit:contain;margin:1px 4px 1px 0;display:inline-block;vertical-align:top;}
}


/* 06 일반회원가입양식 */
#join .join .form dd .btn_03{background:#ffe95f !important;border:1px solid #f3bc69 !important;color:#333333 !important;}
#join .join .form dd .btn_04{background:#ffffff !important;border:1px solid #cccccc !important;color:#666666 !important;}

@media (max-width: 1099px) {
    #join .join .form dl{display:flex;flex-direction:row;}
    #join .join .form dl + dl{margin-top:10px;}
    #join .join .form dt{margin:0;width: 76px;height:48px}
    #join .join .form dd{}
    #join .join .form dd .inp{}
    #join .join .form dd .inp input[type=text],
    #join .join .form dd .inp input[type=password]{border:1px solid #ddd;border-radius:4px;}
    #join .join .form dd .inp select{border:1px solid #ddd;border-radius:4px;}
    #join .join .form dd .inp input[type=text] + select,
    #join .join .form dd .inp input[type=password] + select{margin:0;}
    #join .join .form dd .inp .checklist{display: flex;align-items: center;gap: 10px;flex: unset;margin: 0 30px 0 0;}
    #join .join .form dd .inp .checklist input{}
    #join .join .form dd .inp .checklist input ~ i{width: 24px;height: 24px;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;}
    #join .join .form dd .inp .checklist input ~ p{width:auto;border: 0 !important;color: #707070 !important;}
    #join .join .form dd .inp .checklist input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #join .join .form dd .btn{position: absolute;top: 50%;right: 10px !important;transform: translateY(-50%);width: 93px;height: 27px;white-space: nowrap;padding: 0;font-size: 12px;}
    #join .join .form dd #userhp,
    #join .join .form dd #userpost,
    #join .join .form dd #usercert{padding-right:115px;}
    #join .join .receive{padding:20px 0;margin:0 0 20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
    #join .join .button{display:flex;justify-content:flex-end;flex-direction: row;}
    #join .join .button .btn{flex:unset;display: flex;align-items: center;justify-content: center;padding: 12px 16px;min-width:auto !important;height: 38px;border-radius: 48px;border: 1px solid transparent;font-size: 15px;font-weight: 500;}
}

/* 08 제휴이벤트 디자인변경 */
#event .cate li a.sortBlue{color:#0066b3}
#event .cate li a.sortGreen{color: #06c270;}
#event .cate li a.sortRed{color: #eb3f3d;}

@media (min-width: 1100px) {
    #event .table td a.viewBtnStyle{flex-direction:column;display:flex;}
    #event .table td a.viewBtnStyle .flex{flex-direction:row;display:flex;}
    #event .table td a.viewBtnStyle .flex + .flex{margin-top:4px;}
    #event .table td a.viewBtnStyle .flag{background:#eb3f3d;font-size:13px;color:#fff;padding:0 10px;border-radius:32px;}
    #event .table td a.viewBtnStyle .period{font-size:14px;color:#999;letter-spacing:-0.5px;}
}
@media (max-width: 1099px) {
    /*#event .tool{display:none !important;}*/ 
    #event .cate{display:none !important;}
    #event .content .listStyle{}
    #event .content .listStyle li{}
    #event .content .listStyle ul {gap: 0}
    #event .content .listStyle li {width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 10px;border-top: 1px solid #ddd;padding: 16px 0}
    #event .content .listStyle li .date {position: relative;border: none}
    #event .content .listStyle li>.img {width: 90px;height: 60px;margin: 0}
    #event .content .listStyle em.flag {display: inline-flex;width: auto;height: 16px;background: #eb3f3d;color: #fff;justify-content: center;align-items: center;border-radius: 20px;padding: 0 3px;font-size: 10px}
    #event .content .listStyle .eventDday em.flag.end {background: #909090;color: #fff}
    #event .content .listStyle .eventDday span {color: #909090;font-size: 11px;line-height: 11px}
    #event .content .listStyle .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}
    #event .content .listStyle .eventDday span.ico.ico1 {color: #0066b3}
    #event .content .listStyle .eventDday span.ico.ico2 {color: #06c270}
    #event .content .listStyle .eventDday span.ico.ico3 {color: #eb3f3d}
    #event .content .listStyle  li .listInner {display: flex;flex-direction: column;flex: 1}
    #event .content .listStyle  li .con {padding: 0}
    #event .content .listStyle  li .text {min-height: auto}
    #event .content .listStyle  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}
    #event .content .listStyle  li .side {margin: 0}
    #event .content .listStyle  li .price .sale {font-size: 15px;line-height: 19px;color: #eb3f3d}
    #event .content .listStyle  li .side p {font-size: 11px;line-height: 19px}
    #event .content .listStyle  li .info {margin: 4px 0 0;gap: 16px}
}


/* 09 PC 프로필 디자인 수정*/
@media (min-width: 1100px) {
    #mypage .myinfo .myIcon{height:165px;display:flex;justify-content:center;align-items:center;background:#f4f4f4;border-radius:10px;overflow:hidden;}
    #mypage .myinfo .myIcon .cont .name{font-size:18px;}
    #mypage .myinfo .myIcon .cont .point{flex-direction:row;display:flex;align-items:center;}
    #mypage .myinfo .myIcon .cont .point span{margin-bottom:0;margin-right:4px;font-size:16px;}
    #mypage .myinfo .myIcon .cont .point strong{font-size:16px;}
    #mypage .myinfo .myText{display:flex;justify-content:space-between;align-items:center;height:60px;border-bottom:1px solid #ccc;}
    #mypage .myinfo .myText p{font-size:16px;font-weight:500;color:#666;}
}


/* 10 예약내역 선택삭제 */
@media (max-width: 1099px) {
    #mypage .myreservation{}
    #mypage .myreservation .list{}
    #mypage .myreservation .list .delete{margin-bottom:10px;display:flex;align-items:center;justify-content:flex-start;}
    #mypage .myreservation .list .delete > a{display:flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:30px;height:26px;border:1px solid #ccc;font-size:13px;color:#333;}
    #mypage .myreservation .list .table{}
    #mypage .myreservation .list .table .flexbox {display:flex;gap:4px;}
    #mypage .myreservation .list .table th{font-size:13px;color:#666;}
    #mypage .myreservation .list .table td{font-size:13px;color:#666;}
    #mypage .myreservation .list .table td [class^=status]{white-space:nowrap;}
}


/* 11 당일예약불가 페이지 수정 모바일 , 12_3 당일예약불가 페이지 수정 피씨 */
@media (min-width: 1100px) {
    #branch.productAround .around .timer .list .todayLock.on{height:auto !important}
    #branch.productAround .around .timer .list{margin-top:60px;}
    #branch.productAround .around .timer .list.dis{pointer-events:all;}
    #branch.productAround .around .timer .list.dis > ul > li .time{pointer-events: none;opacity: 0.35;}
    #branch.productAround .around .timer .list .todayLock .lockPop{padding: 0 24px;height:140px;max-width:100%;justify-content: center;align-items: center;gap:0;}
    #branch.productAround .around .timer .list .todayLock .lockPop .icon{margin-right:30px;}
    #branch.productAround .around .timer .list .todayLock .lockPop .icon img{margin:0 !important;}
}
@media (max-width: 1099px) {
    #branch.productAround .around .timer .list .todayLock.on{height:auto !important}
    #branch.productAround .around .timer .list.dis{pointer-events:all;}
    #branch.productAround .around .timer .list.dis > ul > li .time{pointer-events: none;opacity: 0.35;}
}


/* 12 소비자 마이페이지 예약리스트내용 */
@media (min-width: 1100px) {
    #mypage .myreservation .detail .cont dd .chk{display:flex;}
    #mypage .myreservation .detail .cont dd .chk.dis{pointer-events: none;}
    #mypage .myreservation .detail .cont dd .chk label{margin-right:30px;display:flex;cursor:pointer;align-items:center;gap:6px;}
    #mypage .myreservation .detail .cont dd .chk label input {display: none}
    #mypage .myreservation .detail .cont dd .chk label input~i {width: 24px;height: 24px;flex-shrink: 0;background: url("../img/common/checkbox.png") no-repeat 50% 50%/contain}
    #mypage .myreservation .detail .cont dd .chk label input~p {font-size: 15px;font-weight: 400;color: #1c1c1c}
    #mypage .myreservation .detail .cont dd .chk label input:checked~i {background: url("../img/common/checkbox_on.png") no-repeat 50% 50%/contain}
}


/* 13 지점전용 예약확인페이지 수정*/
@media (max-width: 1100px) {
    #franchise .reservation .calendar .week li{flex: 0 0 auto !important;width: calc(14.28% - 0.8px) !important;}
    #franchise .reservation .calendar .days li{flex: 0 0 auto !important;width: calc(14.28% - 0.8px) !important;}
    #franchise .reservation .calendar .days li .head .act{display:flex !important;gap:4px;margin-left:4px;}
    #franchise .reservation .calendar .days li .head .act a {width:15px;height:15px;}
    #franchise .reservation .calendar .days li .head .act .cogBtn{display:none;}
    #franchise .reservation .calendar .days li .cont{min-height:auto;aspect-ratio:1/1;}
}


/* 14 지점전용 공지사항 검색영역 수정*/
@media (min-width: 1100px) {
    #office .section .header{margin-bottom:30px !important;}
}


/* 16 지점전용 정비상담 리스트 답변*/
@media (min-width: 1100px) {
    #office .table table th .no,
    #office .table table td .no{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#feede3;border:1px solid #ffd8c1;color:#c7313a;font-size:12px;height:22px;padding:0 6px;}
}


/* 23 마이페이지 내차정보 PC,모바일 */
@media (min-width: 1100px) {
    #mypage .mycar .information{position:relative;}
    #mypage .mycar .information .info{order:1}
    #mypage .mycar .information .info .name{font-size: 24px;}
    #mypage .mycar .information .info .name > span{display:flex;}
    #mypage .mycar .information .info .text{}
    #mypage .mycar .information .info .text dl{font-size: 15px;}
    #mypage .mycar .information .info .text dt{}
    #mypage .mycar .information .info .text dd{}
    #mypage .mycar .information .info .text dd a{font-size:16px;}
    #mypage .mycar .information .upper{position:relative;order:2;width:50%;}
    #mypage .mycar .information .carNum{position:absolute;top:0;left:20px;display:flex;align-items:center;justify-content:center;height:38px;padding:0 10px;border:2px solid #ccc;border-radius:6px;background:#fff;font-size:20px;font-weight:500;color:#333;box-shadow:6px 6px 12px rgba(0,0,0,0.05);}
    #mypage .mycar .information .image{display:flex;align-items:center;justify-content:center;height: 100%;}
    #mypage .mycar .information .image img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;}
    #mypage .mycar .information .warn{font-size:14px;color:#999;margin-top:20px;}
    #mypage .mycar .information .edit{position:absolute;top:32px;right:32px;z-index:6;}
    #mypage .mycar .information .edit a{display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:6px;border:1px solid #e3e2e7;background:#fff;font-size:13px;color:#303030;text-align:center;height:30px;}
    #mypage .mycar .information .edit a:hover{background:#fafafa;}
    #mypage .mycar .wages .cons .list .top{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;}
    #mypage .mycar .wages .cons .list .tit{margin:0;}
    #mypage .mycar .wages .cons .list .price{color: #eb3f3d;}

}
@media (max-width: 1099px) {
    #mypage .mycar .information{margin:16px 0 32px;padding:0 20px;position:relative;}
    #mypage .mycar .information .noitem {flex: 1;text-align: center;padding: 16px}
    #mypage .mycar .information .noitem .ico {margin: 0 auto 16px;width: 56px;height: 56px;background: url("../img/common/bang.png") no-repeat 50% 50%/contain}
    #mypage .mycar .information .noitem .tit {margin: 0 0 24px;line-height: 20px;font-size: 16px;font-weight: 700;color: #1c1c1c}
    #mypage .mycar .information .noitem .act {margin: 0 auto;width: 280px;max-width: 100%}
    #mypage .mycar .information .noitem .act .btn {display: flex;align-items: center;justify-content: center;height: 40px;border-radius: 40px;border: 1px solid transparent;font-size: 13px}
    #mypage .mycar .information .carNum{position:absolute;top:0;left:20px;display:flex;align-items:center;justify-content:center;height:38px;padding:0 10px;border:2px solid #ccc;border-radius:6px;background:#fff;font-size:20px;font-weight:500;color:#333;box-shadow:6px 6px 12px rgba(0,0,0,0.05);}
    #mypage .mycar .information .info{padding: 46px 16px 16px;border-radius: 12px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
    #mypage .mycar .information .info .name{font-size:24px;margin-bottom:20px;}
    #mypage .mycar .information .info .name > span{display:flex;align-items:flex-end;}
    #mypage .mycar .information .info .name em{font-size:18px;position: relative;top: -3px;}
    #mypage .mycar .information .image{ position: relative;margin: 0 auto -45px;width: 70%;height: auto;display: flex;align-items: center;justify-content: flex-end;flex-direction: column;aspect-ratio: 1 / 0.6;}
    #mypage .mycar .information .image img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;}
    #mypage .mycar .information .text{}
    #mypage .mycar .information .text dl{}
    #mypage .mycar .information .text dl + dl{margin-top:6px;}
    #mypage .mycar .information .text dd{text-align:left;}
    #mypage .mycar .information .warn{font-size:12px;color:#999;margin-top:12px;}
    #mypage .mycar .information .edit{position:absolute;top:0;right:20px;z-index:6;}
    #mypage .mycar .information .edit a{display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:6px;border:1px solid #e3e2e7;background:#fff;font-size:13px;color:#303030;text-align:center;height:30px;}
    #mypage .mycar .wages{padding:0 20px;}
    #mypage .mycar .wages .cons .search{}
    #mypage .mycar .wages .cons .search .sel{}
    #mypage .mycar .wages .cons .tool{padding:0;}
    #mypage .mycar .wages .cons .tool{border-top:1px solid #ccc;margin:0;padding:30px 0 32px;display:flex;align-items:center;justify-content:flex-start;flex-direction: column;}
    #mypage .mycar .wages .cons .tool .tit {width:100%;display: flex;align-items: flex-start;justify-content:flex-start;gap: 8px;line-height: 16px;font-size: 12px;font-weight: 500;color:#222;}
    #mypage .mycar .wages .cons .tool .tit img{width:14px;height:14px;object-fit:contain;flex:0 0 auto;}
    #mypage .mycar .wages .cons .tool .txt {width:100%;margin-top: 4px;padding-top: 4px;line-height: 16px;font-size: 12px;color: #555;}
    #mypage .mycar .wages .cons .tool .txt:before{content:'';display:block;width:20px;height:1px;background:#a3a3a3;margin-bottom:6px;}
    #mypage .mycar .wages .cons .tool .text{margin:10px 0 16px;text-align:left;}
    #mypage .mycar .wages .cons .caution{display:flex;flex-direction:column;margin:30px 0 32px;}
    #mypage .mycar .wages .cons .caution .img{flex:0 0 100px;display:flex;align-items:flex-start;jstify-content:flex-start;}
    #mypage .mycar .wages .cons .caution .img img{display:block;margin:0;max-width:100%;}
    #mypage .mycar .wages .cons .caution .con{flex:1;}
    #mypage .mycar .wages .cons .caution .con p{display:flex;align-items:flex-start;justify-content:flex-start;line-height:20px;font-size:14px;color:#656565;}
    #mypage .mycar .wages .cons .caution .con p + p {margin-top:4px;}
    #mypage .mycar .wages .cons .caution .con p:before{content:'';width:3px;height:3px;border-radius:4px;background:#1f1f1f;margin:10px 10px 0 0;flex:0 0 auto;}
    #mypage .mycar .wages .cons .list{padding:0;border-top:1px solid #e0e0e0;border-bottom: 1px solid #ddd;}
    #mypage .mycar .wages .cons .list + .list{border-top:0;margin:0;}
    #mypage .mycar .wages .cons .list .top{display:flex;align-items:center;padding:16px 0;}
    #mypage .mycar .wages .cons .list .con{}
    #mypage .mycar .wages .cons .list .con ul{border-top:0;}
    #mypage .mycar .wages .cons .list .con li{height:auto;padding:0 0 10px;border:0;}
    #mypage .mycar .wages .cons .list .con li + li{border-top:1px solid #ddd;}
    #mypage .mycar .wages .cons .list .con li .name{color:#999999;font-size:12px;}
    #mypage .mycar .wages .cons .list .top .tit{line-height:20px;font-size:14px;margin:0;}
    #mypage .mycar .wages .cons .list .top .price{line-height:20px;font-size:14px;color:#eb3f3d;margin-left:8px;}
    #mypage .mycar .wages .cons .sort{margin:0 -20px;}
    #mypage .mycar .wages .cons .product{padding:0;}
    #mypage .mycar .wages .cons .product .cont li{display:flex;position:relative;}
    #mypage .mycar .wages .cons .product .cont li a{padding:0;}
    #mypage .mycar .wages .cons .product .cont li .img{position:relative;top:unset;left:unset;transform:none;margin-right: 0;width:160px;height:104px;overflow:hidden;}
    #mypage .mycar .wages .cons .product .cont li .img a{width:100%;height:100%;display:block;}
    #mypage .mycar .wages .cons .product .cont li .img img{width:100%;height:100%;object-fit:cover;}
    #mypage .mycar .wages .cons .product .cont li .con{flex:1;text-align:left !important;padding-left:10px;}
    #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 {width: 100%;margin-top: auto;line-height: 20px;font-size: 14px;color: #707070;display: flex;align-items: center;gap: 4px;justify-content: flex-start;margin-bottom: 5px!important}
    #mypage .mycar .wages .cons .product .cont li .con .option select {height: 30px;width: 100%;border-radius: 6px;border: 1px solid #e0e0e0;background-size: auto 14px;background-position: right 6px center;padding: 0 20px 0 5px;margin-left: auto;font-size: 12px}
    #mypage .mycar .wages .cons .product .cont li .con .price{line-height: 1;margin:7px 0 0;font-size: 18px;color: #eb3f3d;}
}


/* 24 마이페이지 정보수정 모바일 */
#mypage .myinfo .form dd .btn_03 {background: #ffe95f!important;border: 1px solid #f3bc69!important;color: #333!important}
#mypage .myinfo .form dd .btn_04 {background: #fff!important;border: 1px solid #ccc!important;color: #666!important}

@media (min-width: 1100px) {
    #mypage .myinfo .myForm dt{width:142px}
    #mypage .myinfo .myForm dd{}
    #mypage .myinfo .myForm dd .input input{width:180px}
    #mypage .myinfo .myForm dd .input input.small{width:120px;}
    #mypage .myinfo .myForm dd .input select.small{width:120px;}
    #mypage .myinfo .form dl{padding:18px 0;}
    #mypage .myinfo .form dl + dl{border-top:1px solid #ddd;margin:0;}
    #mypage .myinfo .form dt{display:flex;width:140px;}
    #mypage .myinfo .form dd .inp{display: inline-flex;width:auto;}
    #mypage .myinfo .form dd .inp input[type=text],
    #mypage .myinfo .form dd .inp input[type=password]{flex:unset;width:240px;border:1px solid #ddd;border-radius:6px;}
    #mypage .myinfo .form dd .inp select{flex:unset;width:240px;border:1px solid #ddd;border-radius:6px;}
    #mypage .myinfo .form dd .inp .btn{position:relative;transform: unset;top: unset;right: unset;margin-left: 10px;width: 120px;height: 48px;font-size:16px;padding:0;}
    #mypage .myinfo .form dd .inp .checklist{flex:unset;}
    #mypage .myinfo .form dd .inp .checklist input{}
    #mypage .myinfo .form dd .inp .checklist input ~ p{padding:0 20px;}
    #mypage .myinfo .form dd .inp input[type=text].small-inp{width:120px !important;min-width:auto !important;flex-shrink:0;}
    #mypage .myinfo .form dd .inp select.small-inp{width:120px !important;min-width:auto !important;flex-shrink:0;}
    #mypage .myinfo .form dd .ml10{margin-left:10px;}
    #mypage .myinfo .form dd .winp{width:100%;}
    #mypage .myinfo .form dd .winp input[type="text"],
    #mypage .myinfo .form dd .winp input[type="password"]{width:100%;}
    #mypage .myinfo .form dd .carFlex{display:flex;gap:10px;}
    #mypage .myinfo .form dd .carFlex + .carFlex{margin-top:10px;}
    #mypage .myinfo .form dd .carInp{border-radius:6px;border:1px solid #ddd;display: flex;width:100%;max-width:400px;}
    #mypage .myinfo .form dd .carInp + .carInp{margin-top:10px;}
    #mypage .myinfo .form dd .carInp input{border:0;height:48px;padding:0 10px;background: transparent;font-size: 14px;}
    #mypage .myinfo .form dd .carInp input:nth-child(1){width:40%;}
    #mypage .myinfo .form dd .carInp input:nth-child(2){width:60%;border-left:1px solid #e0e0e0;}
    #mypage .myinfo .form dd .carBtn{display:flex;align-items:center;justify-content:flex-end;gap:10px;}
    #mypage .myinfo .form dd .carBtn .btn{min-width: 60px;padding:0 10px;height: 48px;border-radius: 48px;font-size: 15px;white-space:nowrap;}
    #mypage .myinfo .form dd .carBtn .btn.showView{width: 90px;height: 48px;}
    #mypage .myinfo .form dd .carBtn + .carInp{margin-top:10px;}
    #mypage .myinfo .form dd .flex{display:flex;}
    #mypage .myinfo .form dd .flex > .inp{margin:0 !important;height:auto !important;}
    #mypage .myinfo .receive {margin: 0 0 80px;padding-top:20px;border-top:1px solid #ddd;}
    #mypage .myinfo .receive dl {display: flex;align-items: center;}
    #mypage .myinfo .receive dt {flex-shrink: 0;display: flex;align-items: center;justify-content: flex-start;font-size: 16px;color: #565656;height: 48px;width: 50%;}
    #mypage .myinfo .receive dt strong {font-weight: 700;color: #1c1c1c}
    #mypage .myinfo .receive dd {flex-shrink: 0;width: 50%;}
    #mypage .myinfo .receive dd .inp .checkbox {display: flex;align-items: center;height: 48px;cursor: pointer;}
    #mypage .myinfo .receive dd .inp .checkbox input {display: none}
    #mypage .myinfo .receive dd .inp .checkbox input~i {width: 20px;height: 20px;flex-shrink: 0;margin: 0 8px 0 0;background: url("../img/common/checkbox.png") no-repeat 50% 50%/contain}
    #mypage .myinfo .receive dd .inp .checkbox input~p {font-size: 16px;font-weight: 400;color: #1c1c1c}
    #mypage .myinfo .receive dd .inp .checkbox input~p span {font-weight: 300;color: #707070}
    #mypage .myinfo .receive dd .inp .checkbox input:checked~i {background: url("../img/common/checkbox_on.png") no-repeat 50% 50%/contain}
}
@media (max-width: 1099px) {
    #mypage .myinfo .myForm dd .flex{display:flex;flex-direction:row;}
    #mypage .myinfo .myForm dd .flex.col{display:flex;flex-direction:column;}
    #mypage .myinfo .myForm dd .flex.col .action{position:relative;top:0;left:0;right:0;bottom:0;transform:none;margin: 10px 0 0 0;display: flex;justify-content: flex-end;}
    #mypage .myinfo .form dl{flex-direction:row;}
    #mypage .myinfo .form dl + dl{margin-top:10px;}
    #mypage .myinfo .form dt{width:72px;height:48px;margin:0;}
    #mypage .myinfo .form dd{}
    #mypage .myinfo .form dd .inp{}
    #mypage .myinfo .form dd .inp input[type=text],
    #mypage .myinfo .form dd .inp input[type=password]{padding: 6px 10px;border: 1px solid #ddd;border-radius: 6px;}
    #mypage .myinfo .form dd .inp select{padding: 6px 10px;border: 1px solid #ddd;border-radius: 6px;}
    #mypage .myinfo .form dd .inp .btn{right:10px;min-width:92px;height:26px;border-radius:40px;}
    #mypage .myinfo .form dd .inp .checklist{display: flex;align-items: center;gap: 10px;flex: unset;margin: 0 30px 0 0;}
    #mypage .myinfo .form dd .inp .checklist input{}
    #mypage .myinfo .form dd .inp .checklist input ~ i{width: 24px;height: 24px;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;}
    #mypage .myinfo .form dd .inp .checklist input ~ p{width:auto;border: 0 !important;color: #707070 !important;}
    #mypage .myinfo .form dd .inp .checklist input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #mypage .myinfo .form dd .carInp{border-radius:6px;border:1px solid #ddd;display: flex;}
    #mypage .myinfo .form dd .carInp + .carInp{margin-top:10px;}
    #mypage .myinfo .form dd .carInp input{border:0;height:48px;padding:0 10px;background: transparent;}
    #mypage .myinfo .form dd .carInp input:nth-child(1){width:40%;}
    #mypage .myinfo .form dd .carInp input:nth-child(2){width:60%;border-left:1px solid #ddd}
    #mypage .myinfo .form dd .carBtn{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px;}
    #mypage .myinfo .form dd .carBtn .btn{min-width:auto;padding:0 10px;height:26px;border-radius:3px;}
    #mypage .myinfo .form dd .carFlex + .carFlex{margin-top:10px;}
    #mypage .myinfo .form dd .flex{display:flex;gap:10px;}
    #mypage .myinfo .form dd .flex.col{flex-direction:column;}
    #mypage .myinfo .form dd .flex .inp + .inp{margin-top:0 !important;}
    #mypage .myinfo .form dd .ml10{margin-left:10px;}
    #mypage .myinfo .receive {padding: 20px;margin: 0 0 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd}
    #mypage .myinfo .receive dl {display: flex;align-items: center}
    #mypage .myinfo .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}
    #mypage .myinfo .receive dt strong {font-weight: 700;color: #1c1c1c}
    #mypage .myinfo .receive dd {flex-shrink: 0}
    #mypage .myinfo .receive dd .inp .checkbox {display: flex;align-items: center;height: 48px;cursor: pointer}
    #mypage .myinfo .receive dd .inp .checkbox input {display: none}
    #mypage .myinfo .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}
    #mypage .myinfo .receive dd .inp .checkbox input~p {font-size: 15px;font-weight: 400;color: #1c1c1c}
    #mypage .myinfo .receive dd .inp .checkbox input~p span {font-weight: 300;color: #707070}
    #mypage .myinfo .receive dd .inp .checkbox input:checked~i {background: url("../img/common/checkbox_on.png") no-repeat 50% 50%/contain}
}


/* 26 예약확인 설정에 답변 미답변*/
@media (min-width: 1100px) {
    #office .section .reservation .detail .time{}
    #office .section .reservation .detail .time .flex{display:flex;gap:4px;align-items:center;}
    #office .section .reservation .detail .time .num{font-size: 15px;color: #1c1c1c;}
    #office .section .reservation .detail .time .no{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#feede3;border:1px solid #c7313a;color:#c7313a;font-size:13px;height:22px;padding:0 6px;}
}


/* 27 모바일 하단 배너*/
@media (min-width: 1100px) {
    .newbottom_popup{display:none;}
}
@media (max-width: 1099px) {
    .newbottom_popup{position:fixed;bottom:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4);z-index: 1014;display:flex;flex-direction:column;justify-content:flex-end;}
    .newbottom_popup .pop_bot{order:1;padding: 0 10px 0 20px;display:flex;align-items:center;justify-content:space-between;background: transparent;border: 0;height:48px;}
    .newbottom_popup .pop_bot .chk_area{border: 0;width: auto;}
    .newbottom_popup .pop_bot .chk_area input{}
    .newbottom_popup .pop_bot .chk_area input:checked + label{text-decoration:underline;}
    .newbottom_popup .pop_bot .chk_area input:checked + label i{background:url("../img/common/banner_check_on.png") no-repeat 50% 50% / contain;}
    .newbottom_popup .pop_bot .chk_area label{font-size: 15px;font-weight: 400;color: #fff;text-shadow: 2px 2px 4px rgba(0,0,0,1);display: flex;align-items: center;height: 40px;}
    .newbottom_popup .pop_bot .chk_area label i{margin-right:10px;width:20px;height:20px;background:url("../img/common/banner_check.png") no-repeat 50% 50% / contain;background-color: transparent !important;}
    .newbottom_popup .pop_bot .btn{border:0;width: auto;width: 40px;height: 40px;background: url("../img/common/banner_close.png") no-repeat 50% 50% / 15px;text-indent: -9999em;}
    .newbottom_popup .img_box{order:2;border-radius:20px 20px 0 0;overflow:hidden;}
    .newbottom_popup .img_box img{width:100%;height:auto;}

    .app_center_popup{position:fixed;bottom:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4);z-index: 1014;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;visibility:hidden;}
    .app_center_popup.active{opacity:1;visibility:visible}
    .app_center_popup .app_inner{display:flex;flex-direction:column;border-radius:10px 10px 0 0;background:#ffffff;padding: 30px 20px;}
    .app_center_popup .app_box{display:flex;gap:10px;margin-bottom:20px;justify-content: center;}
    .app_center_popup .app_box .app_img{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;flex:0 0 auto;}
    .app_center_popup .app_box .app_img img{display:block;width:100%;height:100%;object-fit:cover;}
    .app_center_popup .app_box .app_con{display:flex;flex-direction:column;gap:6px;}
    .app_center_popup .app_box .app_con strong{display:block;line-height:20px;font-size:16px;}
    .app_center_popup .app_box .app_con span{display:block;line-height:14px;font-size:12px;}
    .app_center_popup .app_btn{display:flex;flex-direction:column;gap:10px;}
    .app_center_popup .app_btn button{width:100%;height:40px;border-radius:4px;border:1px solid transparent;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;}
    .app_center_popup .app_btn button.go-link{border-color:#eb3f3d;background:#fdebeb;color:#000;}
    .app_center_popup .app_btn button.pop-close{border-color:#dddddd;background:#ffffff;color:#000;}}


}


/* 27 정비상담 리스트 답변시간 추가 */
@media (min-width: 1100px) {
    #product .product .table table td.time{margin:0;font-size:12px;height:16px;color:#555}
    #product .product .table table td.time .no{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#fff1f1;color:#eb3f3d;font-size:12px;height:22px;padding:0 6px;font-weight:500;}
}
@media (max-width: 1099px) {
    #product .product.product_review .tools{display:none}
    #product .product .search .input input{font-size:14px !important}
    #product .product .table table td.nick{line-height:15px !important;margin-top:0 !important;}
    #product .product .table table td.time{margin:0;font-size:11px;}
    #product .product .table table td.time .no{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#fff1f1;color:#eb3f3d;font-size:11px;height:15px;padding:5px 5px;vertical-align:top;}
    #product .product .table table td.upper{margin-bottom:10px;}
    #product .product .table table td.upper a{display:flex;align-items:center;gap:6px;}
    #product .product .table table td.upper a p{font-size:12px;color:#707070;}
    #product .product .table table td.upper .star {position: relative;display: flex;width: 80px;height: 16px;background: url("../img/common/star_g.png") repeat-x left center/auto 100%;!important}
    #product .product .table table td.upper .star i {position: absolute;top: 0;left: 0;height: 100%;background: url("../img/common/star.png") repeat-x left center/auto 100%;margin: 0}
}


/* 28 예상견적 원스톱 */
@media (min-width: 1100px) {
    #mypage .mycar .wages .tabs{margin-bottom:30px;}
    #mypage .mycar .wages .cons{padding:0;}
    #mypage .mycar .wages .cons .sort{paddiong:25px 0 28px;}
    #mypage .mycar .wages .cons .tool{border-top:1px solid #ccc;margin:0;padding:30px 0 32px;display:flex;align-items:center;justify-content:flex-start;}
    #mypage .mycar .wages .cons .tool .tit {display: flex;align-items: center;gap: 8px;line-height: 16px;font-size: 16px;font-weight: 500;color:#222;}
    #mypage .mycar .wages .cons .tool .txt {margin-left: 8px;padding-left: 8px;border-left: 1px solid #a3a3a3;line-height: 16px;font-size: 16px;color: #555;}
    #mypage .mycar .wages .cons .search {display: flex;margin:0 0 30px 0;padding:25px 30px 28px 30px;border-radius:8px;background:#f4f4f4;align-items:center;justify-content:center;}
    #mypage .mycar .wages .cons .search .sel {flex:0 0 auto;margin: 0 8px 0 0}
    #mypage .mycar .wages .cons .search .sel select {padding: 0 16px;width: 120px;height: 48px;border: 0;font-size: 16px;}
    #mypage .mycar .wages .cons .search .inp {flex:1;position:relative;display: flex;gap: 10px;}
    #mypage .mycar .wages .cons .search .inp input[type=text] {padding: 0 16px;display: flex;height: 48px;border: 1px solid #ddd;border-radius: 8px;background:#fff;width: 100%;font-size: 16px;color: #1c1c1c;max-width: 100%;}
    #mypage .mycar .wages .cons .search .inp 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;}
    #mypage .mycar .wages .cons .caution{display:flex;margin:30px 0 32px;}
    #mypage .mycar .wages .cons .caution .img{flex:0 0 170px;display:flex;align-items:center;justify-content:center;}
    #mypage .mycar .wages .cons .caution .img img{display:block;margin:0 auto;}
    #mypage .mycar .wages .cons .caution .con{flex:1;}
    #mypage .mycar .wages .cons .caution .con p{display:flex;align-items:flex-start;justify-content:flex-start;line-height:20px;font-size:14px;color:#656565;}
    #mypage .mycar .wages .cons .caution .con p + p {margin-top:4px;}
    #mypage .mycar .wages .cons .caution .con p:before{content:'';width:3px;height:3px;border-radius:4px;background:#1f1f1f;margin:10px 10px 0 0;}
    #mypage .mycar .wages .cons .product .cont{border-top:0 !important;}
    #mypage .mycar .wages .cons .product .cont ul{display:flex;flex-wrap:wrap;padding:10px 0;}
    #mypage .mycar .wages .cons .product .cont li{position:relative;}
    #mypage .mycar .wages .cons .product .cont li + li{margin:0;}
    #mypage .mycar .wages .cons .product .cont li:nth-child(odd):before{content:'';position:absolute;bottom:0;left:0;width:200%;height:1px;background:#ddd;}
    #mypage .mycar .wages .cons .product .cont li:nth-last-of-type(1):before,
    #mypage .mycar .wages .cons .product .cont li:nth-last-of-type(2):before{display:none;}
    #mypage .mycar .wages .cons .product .cont li .img{margin-right: 0;width:160px;height:104px;}
    #mypage .mycar .wages .cons .product .cont li .con{justify-content:flex-start;align-items:flex-start;display:flex;flex-direction:column;}
    #mypage .mycar .wages .cons .product .cont li .con .option{margin:0;line-height: 24px;}
    #mypage .mycar .wages .cons .product .cont li .con .name{margin:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #mypage .mycar .wages .cons .product .cont li .con .price{line-height: 1;margin: 12px 0 0;font-size: 20px;color: #eb3f3d;}
    #mypage .mycar .wages .cons .content{}
    #mypage .mycar .wages .cons .content .upper{margin:0 0 36px;}
    #mypage .mycar .wages .cons .content .upper .tit{line-height:36px;font-size:20px;font-weight:500;color:#333;letter-spacing:-1px;}
    #mypage .mycar .wages .cons .content .upper .txt{margin:6px 0 0 0;line-height:18px;font-size:14px;color:#999;}
    #mypage .mycar .wages .cons .content .tabs{display:flex;gap:16px;margin:0 0 36px;}
    #mypage .mycar .wages .cons .content .tabs .tab{display:flex;flex:1;align-items:center;justify-content:center;border-radius:38px;height:38px;border:1px solid #e3e3e3;background:#fff;font-size:14px;color:#999999}
    #mypage .mycar .wages .cons .content .tabs .tab.selected{color:#eb3f3d;border-color:#eb3f3d;}
    #mypage .mycar .wages .cons .content .list{border-top:1px solid #ccc}
    #mypage .mycar .wages .cons .content .list dl{display:flex;border-bottom:1px solid #e8e8e8;min-height:70px;align-items:center;justify-content:space-between;}
    #mypage .mycar .wages .cons .content .list dt{font-size:16px;color:#666666;}
    #mypage .mycar .wages .cons .content .list dd{font-size:18px;font-weight:500;color:#666666;}
    #mypage .mycar .wages .cons .content .list dd strong{font-size:18px;font-weight:500;color:#eb3f3d;}
    #mypage .mycar .wages .cons .content .more{margin:36px 0 0 0;display:flex;align-items:center;justify-content:center;}
    #mypage .mycar .wages .cons .content .more .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:48px;height:48px;min-width:224px;max-width:100%;border:1px solid transparent;}
    #mypage .mycar .wages .cons .commingsoon{display:block;margin:60px auto;}
}
@media (max-width: 1099px) {
    #mypage .mycar .wages .cons .content{padding:6px 0;}
    #mypage .mycar .wages .cons .content .upper{margin:0 0 24px;}
    #mypage .mycar .wages .cons .content .upper .tit{line-height:24px;font-size:16px;font-weight:500;color:#333;letter-spacing:-1px;}
    #mypage .mycar .wages .cons .content .upper .txt{margin:0;line-height:16px;font-size:12px;color:#999;}
    #mypage .mycar .wages .cons .content .tabs{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap;}
    #mypage .mycar .wages .cons .content .tabs .tab{display:flex;width:calc(33.33% - 5.66px);align-items:center;justify-content:center;border-radius:38px;height:38px;border:1px solid #e3e3e3;background:#fff;font-size:14px;color:#999999}
    #mypage .mycar .wages .cons .content .tabs .tab.selected{color:#eb3f3d;border-color:#eb3f3d;}
    #mypage .mycar .wages .cons .content .list{border-top:1px solid #ccc;border-bottom:0;}
    #mypage .mycar .wages .cons .content .list dl{display:flex;border-bottom:1px solid #e8e8e8;min-height:50px;align-items:center;justify-content:space-between;}
    #mypage .mycar .wages .cons .content .list dt{font-size:14px;color:#666666;}
    #mypage .mycar .wages .cons .content .list dd{font-size:14px;font-weight:500;color:#666666;}
    #mypage .mycar .wages .cons .content .list dd strong{font-size:16px;font-weight:500;color:#eb3f3d;}
    #mypage .mycar .wages .cons .content .more{margin:36px 0 0 0;display:flex;align-items:center;justify-content:center;}
    #mypage .mycar .wages .cons .content .more .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:48px;height:48px;min-width:224px;max-width:100%;border:1px solid transparent;}
}

/* 31 */
@media (max-width: 1099px) {
    #franchise .inquiry .list li .inner{display:flex;align-items:center;justify-content:space-between;}
    #franchise .inquiry .list li .flex{display:flex;align-items:center;justify-content:flex-start;}
    #franchise .inquiry .list li .flex + .flex{}
    #franchise .inquiry .list li .cate span{line-height: 21px;font-size: 11px;}
    #franchise .inquiry .list li .con .badge span{width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;}
}
/* 32 지점전용 정비후기 */

@media (min-width: 1100px) {
    #office .tool{}
    #office .tool form{display: flex;align-items: center;justify-content: space-between;gap:10px;}
    #office .tool .checkbox{display:flex;gap:30px;}
    #office .tool .checkbox label{display:flex;align-items:center;gap:6px;cursor:pointer;}
    #office .tool .checkbox label input{display:none;}
    #office .tool .checkbox label input ~ i{width: 24px;height: 24px;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;}
    #office .tool .checkbox label input ~ span{width:auto;border: 0 !important;color: #707070 !important;}
    #office .tool .checkbox label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
    #office .tool .checking{display:flex;gap:10px;}
    #office .tool .checking label{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;}
    #office .tool .checking label input{display:none;}
    #office .tool .checking label input ~ i{position: absolute;top: 50%;right: 20px;width: 20px;height: 20px;background: transparent url(../img/common/dropdown.png) no-repeat center / contain;transform:translateY(-50%);}
    #office .tool .checking label input ~ span{border-radius:50px;padding:0 45px 0 15px;border:1px solid #e3e2e7;height:48px;font-size:14px;color:#303030;display:flex;align-items:center;justify-content:center;min-width:72px;}
    #office .tool .checking label input:checked ~ span{background-color:#f1f1f1;}
    #office .tool .search{display:flex;gap:6px;margin:0 !important;}
}


/* 33 장바구니 */
@media (max-width: 1099px) {
    #mypage .mycart .guide{justify-content: space-between;}
    #mypage .mycart .guide .con{order:1}
    #mypage .mycart .guide .con strong{display:block;margin-bottom:10px;font-size:16px;}
    #mypage .mycart .guide .con p{padding-left: 6px;font-size: 12px;}
    #mypage .mycart .guide .con p + p{margin-top:2px}
    #mypage .mycart .guide .con p:before{}
    #mypage .mycart .guide .ico{order:2;flex-shrink: 0;background:transparent;border-radius: 0;margin: 0;}
    #mypage .mycart .guide .ico img{width: 50px;height:76px;max-width: 100%;}
    #mypage .mycart .check{position:relative;justify-content:space-between;align-items:center;display:flex;padding: 20px;border: 0;}
    #mypage .mycart .check:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:1px;background:#d0d0d0;}
    #mypage .mycart .check .lt{}
    #mypage .mycart .check .rt{}
    #mypage .mycart .check .btn{display:flex;align-items:center;justify-content:center;border-radius:26px;height:26px;border:1px solid #e0e0e0;font-size:14px;padding:0 12px;color:#555;}
    #mypage .mycart .list{}
    #mypage .mycart .list li{display:flex;}
    #mypage .mycart .list li .uppr{margin-right:10px;flex-shrink:0;}
    #mypage .mycart .list li .cont{margin-right:10px;}
    #mypage .mycart .list li .cont .name{margin: 0 0 6px;}
    #mypage .mycart .list li .cont .con{flex-direction:column;align-items:flex-start;}
    #mypage .mycart .list li .cont .total{}
    #mypage .mycart .list li .cont .total dt{display:none;}
    #mypage .mycart .list li .cont .count{margin: 0;width: 90px;height: 32px;}
    #mypage .mycart .list li .cont .count .num{height: 32px;width:30px;}
    #mypage .mycart .list li .cont .flex{display:flex;align-items:center;gap: 6px;margin: 6px 0 0;flex-wrap: wrap;}
    #mypage .mycart .list li .cont .act{}
    #mypage .mycart .list li .cont .act a{display: flex;align-items: center;justify-content: center;width: 50px;height: 32px;border-radius: 8px;border: 1px solid #ddd;}
    #mypage .mycart .summary{margin:0 20px 20px;line-height:24px;font-size:12px;color:#999;text-align:right;}
    #mypage .mycart .payment{border-top:2px solid #999;margin: 40px 20px;padding: 20px 0;border-bottom:1px solid #e0e0e0;}
    #mypage .mycart .payment dl{display:flex;align-items:center;justify-content:space-between;}
    #mypage .mycart .payment dl + dl{margin:0;}
    #mypage .mycart .payment dl dt{line-height:30px;font-size: 14px;}
    #mypage .mycart .payment dl dd{line-height:30px;font-size: 14px;}
    #mypage .mycart .payment dl dd strong{font-size: 14px;}
    #mypage .mycart .payment dl.total{margin: 0;padding: 0;border:0}
    #mypage .mycart .payment dl.total dt{line-height:30px;font-size:14px;}
    #mypage .mycart .payment dl.total dd{line-height:30px;}
    #mypage .mycart .payment dl.total dd strong{line-height:30px;font-size:14px;}
}


/* 메인 페이지 공지 날짜*/
.rolling{}
.rolling li{}
.rolling li a{display:flex;align-items:center;}
.rolling li p{width:100%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.rolling li em{padding-left:8px;flex-shrink:0;font-size:13px;color:#777;font-weight:300;}


/* 기타 */
#product .product_review .table table td .star{background:transparent !important;}


/* 0509 개발자 추가수정작업 */
/* PC 작업 */
@media (min-width: 1100px) {
    #reservation .timer .list.dis{pointer-events:all !important;}
    #reservation .timer .list.dis .todayLock.on{height:auto;}
    #reservation .timer .list.dis > ul > li .time{opacity:0.4;pointer-events:none !important;}
    #mypage .myreservation{}
    #mypage .myreservation .table{}
    #mypage .myreservation .table table{}
    #mypage .myreservation .table table td{}
    #mypage .myreservation .table table td .detailBox{padding:4px 8px;border-radius:6px;font-size:13px;border:1px solid #ddd;}
}
/* 모바일작업 */
@media (max-width: 1099px) {
    #reservation .timer .list.dis{pointer-events:all !important;}
    #reservation .timer .list.dis .todayLock.on{height:auto;}
    #reservation .timer .list.dis > ul > li .time{opacity:0.4;pointer-events:none !important;}
    #mypage .myreservation{}
    #mypage .myreservation .table{}
    #mypage .myreservation .table table{}
    #mypage .myreservation .table table td{}
    #mypage .myreservation .table table td .detailBox{display:inline-flex;margin-top:3px;padding:3px 6px;border-radius:6px;font-size:11px;border:1px solid #ddd;}
}


/* 지점평가/순위 */

@media (min-width: 1100px) {
    #office{}
    #office .section{max-width:calc(100% - 252px - 56px);}
    #office .rank{}
    #office .rank .tool{display:flex;align-items:center;justify-content:space-between;}
    #office .rank .tool .lt,
    #office .rank .tool .rt{display:flex;align-items:center;gap:20px;}
    #office .rank .tool .month{position:relative;display:flex;align-items:center;gap:5px;}
    #office .rank .tool .month .prev{display:block;width:32px;height:32px;background:transparent;}
    #office .rank .tool .month .next{display:block;width:32px;height:32px;background:transparent;}
    #office .rank .tool .month .current{font-size:24px;font-weight:bold;color:#222;background:transparent;pointer-events:none;}
    #office .rank .tool .month .select{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;}
    #office .rank .tool .month .select img{display:block;width:100%;height:auto;}
    #office .rank .tool .month .layer{position:absolute;top:0;left:100%;background:#fff;margin:0 6px;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;}
    #office .rank .tool .month .layer.active{opacity:1;visibility:visible;}
    #office .rank .tool .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;}
    #office .rank .tool .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;}
    #office .rank .tool .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;}
    #office .rank .tool .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;}
    #office .rank .tool .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;}
    #office .rank .tool .month .layer .head .ly_current{font-size:16px;font-weight:bold;color:#333;}
    #office .rank .tool .month .layer .cont{}
    #office .rank .tool .month .layer .cont ul{display:flex;flex-wrap:wrap;background:#ddd;gap:1px;padding:1px;}
    #office .rank .tool .month .layer .cont li{width:calc(50% - 0.66px);}
    #office .rank .tool .month .layer .cont li button{display:block;width:100%;height:36px;font-size:12px;background:#fafafa;font-size:14px;color:#999;}
    #office .rank .tool .month .layer .cont li button:hover{color:#000;}
    #office .rank .tool .month .layer .cont li button.on{background:#05A4BC;color:#fff;}
    #office .rank .tool .cate{display:flex;align-items:center;justify-content:center;gap:4px;}
    #office .rank .tool .cate button{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:8px;border:1px solid #dddddd;background:#ffffff;min-width:70px;height:48px;font-size:14px;font-weight:400;color:#707070;}
    #office .rank .tool .cate button.on{background:#ffffff;border-color:#eb3f3d;color:#eb3f3d;}
    #office .rank .table{overflow-x:auto}
    #office .rank .table table{white-space:nowrap;min-width:100%;}
    #office .rank .table thead{}
    #office .rank .table thead tr{}
    #office .rank .table thead th{padding:0 5px;font-size:11px;white-space:nowrap;letter-spacing: -1px;}
    #office .rank .table thead th small{color:#797979;font-size:11px;}
    #office .rank .table thead tr.sticky{height:28px;}
    #office .rank .table thead tr.sticky th{height:28px;padding:0 10px;background:#f1f7ff;}
    #office .rank .table tbody{}
    #office .rank .table tbody tr{}
    #office .rank .table tbody td{padding:0 10px;font-size:12px;color:#666;}
    #office .rank .table tbody td.td_name{white-space:nowrap;text-align:left;}
}
@media (max-width: 1099px) {
    #franchise{}
    #franchise .rank{padding:0px 20px 60px 20px;}
    #franchise .rank .cate{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:10px;}
    #franchise .rank .cate button{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:8px;border:1px solid #dddddd;background:#ffffff;min-width:70px;height:38px;font-size:13px;font-weight:400;color:#707070;}
    #franchise .rank .cate button.on{background:#ffffff;border-color:#eb3f3d;color:#eb3f3d;}
    #franchise .search{display: flex;margin-bottom:10px;}
    #franchise .search form{display: flex;gap: 8px;width:100%;}
    #franchise .search .sel{width: 120px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 8px;}
    #franchise .search .sel select{width: 100%;height: 38px;border: 0;padding: 8px 16px;font-size: 13px;}
    #franchise .search .inp{width: 100%;display: flex;align-items: center;border: 1px solid #ddd;border-radius: 8px;}
    #franchise .search .inp input{flex: 1;width: 100%;height: 38px;background: transparent;padding: 8px 16px;font-size: 13px;}
    #franchise .search .inp button{width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;background: transparent;}
    #franchise .search .inp button img{height:20px;}
    #franchise .rank .table{overflow-x:auto;}
    #franchise .rank .table table{table-layout: fixed;width:auto;min-width:100%;text-align:center;}
    #franchise .rank .table table tr{position:relative;}
    #franchise .rank .table table tr:nth-child(1) th:nth-child(2):before,
    #franchise .rank .table table tr:nth-child(2) th:nth-child(1):before,
    #franchise .rank .table table tr td:nth-child(2):before{content:'';position:absolute;top:0;left:100%;width: 6px;bottom:0;background: linear-gradient(90deg, rgba(0,0,0,0.09) 0%, rgba(0,0,0,0.01) 100%);}
    #franchise .rank .table thead{}
    #franchise .rank .table thead tr{}
    #franchise .rank .table thead th{padding:0 6px;font-size:12px;white-space:nowrap;}
    #franchise .rank .table thead th small{color:#797979;font-size:11px;}
    #franchise .rank .table thead tr.sticky{height:28px;}
    #franchise .rank .table thead tr.sticky th{height:28px;padding:0 10px;background:#f1f7ff;}
    #franchise .rank .table tbody{}
    #franchise .rank .table tbody tr{}
    #franchise .rank .table tbody td{padding:0 6px;font-size:12px;color:#666;}
    #franchise .rank .table th.td_num{min-width:35px;position:sticky;left:0;text-align:center;}
    #franchise .rank .table th.td_fixed{min-width:135px;position:sticky;left:0;text-align:center;}
    #franchise .rank .table th.td_name{min-width: 120px;position:sticky;left:35px;text-align:left;}
    #franchise .rank .table th.td_days{padding-left:20px}
    #franchise .rank .table td.td_num{min-width:35px;position:sticky;left:0;background:#ffffff;text-align:center;}
    #franchise .rank .table td.td_name{min-width: 120px;position:sticky;left:35px;background:#ffffff;text-align:left;}
    #franchise .rank .table td.td_days{padding-left:20px}
}

/* 이벤트 문의 수정 버튼 모바일 */

@media (max-width: 1099px) {
    #branch .viewWrap.eventComment .view .comment{}
    #branch .viewWrap.eventComment .view .comment li{position:relative;z-index:2;}
    #branch .viewWrap.eventComment .view .comment .replyCmtWrap{position:relative !important;z-index:1;}
    #branch .viewWrap.eventComment .view .comment .replyCmtWrap .frm{}
}
/* 예약리스트 팝업 */
@media (max-width: 1099px) {
    #wrap #popup_print .modal_wrapper{max-width: calc(100% - 32px);}
    #wrap #popup_print .inner{margin:0 auto;overflow-y:auto;}
    #wrap #popup_print .inner .print_head{position:sticky;top:0;height:40px;flex-shrink:0}
    #wrap #popup_print .inner .print_head p{font-size:18px;}
    #wrap #popup_print .inner .print_head button{right:10px;width:24px;height:24px;}
    #wrap #popup_print .inner .print_body{padding:16px;}
    #wrap #popup_print .inner .print_body .date p{font-size:18px;}
    #wrap #popup_print .inner .print_body .table{overflow-x:auto;}
    #wrap #popup_print .inner .print_body .table table{width:auto;min-width:100%;}
    #wrap #popup_print .inner .print_body .table tr{}
    #wrap #popup_print .inner .print_body .table th,
    #wrap #popup_print .inner .print_body .table td{font-size:13px;white-space:nowrap;}

}
/* 메인 배너 */
@media (min-width: 1100px) {
    #main .banner ul{display:flex;flex-wrap:wrap;gap:18px 36px;}
    #main .banner li{}
    #main .banner li.small{width:calc(50% - 18px);}
    #main .banner li.big{width:100%;}
}
@media (max-width: 1099px) {
    #main .banner{padding:20px;}
    #main .banner ul{display:flex;flex-direction:column;gap:8px}
    #main .banner li{width:100%;}
}

/**/
@media (max-width: 1099px) {
    #franchise .mystore .cog a{font-size:11px;white-space:nowrap;}
}


/**/
@media (min-width: 1100px) {
    #join .join{}
    #join .join.vehicle_join{width:1100px;}
    #join .join .title{line-height:1;font-size:30px;font-weight:600;color:#333;margin:0 0 12px;}
    #join .join .text{line-height:1.5;font-size:14px;font-weight:500;color:#999;margin:0 0 30px;}
    #join .join .text span{color:#333;}
    #join .join .vehicle{background:#f8f8f8;border:1px solid #dddddd;border-radius:8px;padding:80px;}
    #join .join .vehicle .inner{margin:0 auto;width:655px;max-width:100%;display:flex;gap:20px;}
    #join .join .vehicle .inner input{flex:1;padding: 0 15px;height:60px;border:2px solid #999999;background:#fff;border-radius:8px;font-size:18px;font-weight:500;color:#333;}
    #join .join .vehicle .inner a{flex:0 0 auto;padding:0 25px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:60px;font-size:18px;font-weight:500;}
    #join .join.vehicle_join .button{margin-top:60px;}
}
@media (max-width: 1099px) {
    #join .join{}
    #join .join.vehicle_join{width:1100px;}
    #join .join .title{display:none;line-height:1;font-size:30px;font-weight:600;color:#333;margin:0 0 12px;text-align:left;}
    #join .join .text{line-height:1.5;font-size:14px;font-weight:500;color:#999;margin:0 0 30px;}
    #join .join .text span{color:#333;}
    #join .join .vehicle{flex:1;}
    #join .join .vehicle .inner{}
    #join .join .vehicle .inner input{margin:0 0 12px;padding: 0 20px;width:100%;height:50px;border:1px solid #999999;background:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#333;}
    #join .join .vehicle .inner a{flex:0 0 auto;padding:0 20px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:60px;font-size:18px;font-weight:500;}
    #join .join.vehicle_join .button{margin-top:auto;}
    #join .join.vehicle_join .button .vehicle_submit{width:100%;height:40px;font-size:14px;}
}

/**/
@media (min-width: 1100px) {
    #event.branchEvent .customoverlay{width:140px;background:rgba(255,255,255,0.84);border:1px solid #555;box-shadow:0 2px 8px rgba(0,0,0,0.28);display:block;text-align:center;}
    #event.branchEvent .customoverlay:after{bottom:-7px;background: rgba(255, 255, 255, 0.84);border: 1px solid #1c1c1c;border-left: 0;border-top: 0;}
    #event.branchEvent .customoverlay .title{color:#1c1c1c;white-space: normal;font-weight:500;line-height:120%;}
    #event.branchEvent .customoverlay .dist{color:#333;white-space: normal;display:none !important;}
    #event.branchEvent .customoverlay .price{color:#eb3f3d;font-weight:bold;}
    #event.branchEvent .customoverlay .price:after{content:'원';}

}

@media (min-width: 1100px) {
    #office .section .review .table th,
    #office .section .review .table td{}
    #office .section .review .table td .label{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 6px;font-size:12px;border:1px solid #ccc;height:20px; }
    #office .section .review .table td .label.red{color:#ff3333;}
    #office .section .review .table td .txt{font-size:12px;color:#333;}
    #office .section .review .table td .txt.gray{color:#999;}

}
@media (min-width: 1100px) {
    #branch.branchDetail .detail > iframe{
    }
}
@media all and (max-width: 1100px) {
    #branch.branchDetail .detail > iframe{
        height: auto !important;
        min-height: 430px !important;
    }
}

#login_success{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99911;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all 300ms}
#login_success.active{opacity:1;visibility:visible;}
#login_success .login_success{border-radius:10px;width:500px;max-width:calc(100% - 40px);background:#ffffff;box-shadow:0 0 10px rgba(0,0,0,0.05);padding:40px;display:flex;flex-direction: column;align-items:center;text-align:center;}
#login_success .login_success .img{margin-bottom:22px;}
#login_success .login_success .tit{line-height:24px;font-size:18px;font-weight:500;color:#333}