@charset "utf-8"; .ellipsis{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:1 !important;overflow:hidden !important;} .ellipsis2{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;overflow:hidden !important;} .ellipsis3{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:3 !important;overflow:hidden !important;} @media (max-width: 1765px){ .floatingMenu {display: none !important;} } @media (min-width: 1100px){ #title .breadcrumb {position: absolute;bottom:0;left:0;width:100%;transform: translateY(50%);z-index: 5;width:100%;height:66px;display:flex;justify-content:center;align-items:center;/* background: #ffffff; */transition:background 0.35s, box-shadow 0.35s;/* border-bottom:1px solid #ddd; */} #title .breadcrumb .box{width: 100%;max-width: 1100px;display: flex;align-items: center;justify-content: space-between;padding: 0 26px;border-radius: 8px;background: #fff;box-shadow: 0 4px 4px rgba(0, 0, 0, .1);transition: box-shadow .35s;} #title .breadcrumb .loca{} #title .breadcrumb .loca ul{display: flex;height: 64px;} #title .breadcrumb .loca li{flex: 1;position:relative;margin-right:20px;padding-right:20px;} #title .breadcrumb .loca li:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:16px;background:#ddd;} #title .breadcrumb .loca li:last-child:after{display:none} #title .breadcrumb .loca li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 64px;text-align: center;line-height: 1;font-size: 18px;color: #999;white-space: nowrap;} #title .breadcrumb .loca li.on a, #title .breadcrumb .loca li:hover a{color:#EB3F3D} #title .breadcrumb .menu {margin: 0;margin-left:auto;} #title .breadcrumb .menu ul{display:flex;align-items:center;height:64px;} #title .breadcrumb .menu li{display: flex;align-items: center;justify-content: center;} #title .breadcrumb .menu 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 .menu li a{display:flex;align-items:center;justify-content:center;line-height:20px;font-size:14px;color:#999;} #title .breadcrumb .menu li a img{width:20px;height:20px;margin:0 8px 0 0;} #title .breadcrumb .menu li:last-child a{font-weight:500;color:#1c1c1c} #title .breadcrumb.fixed{position:fixed;top:0;left:50%;width:100%;transform:translateX(-50%);background:#fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);} #title .breadcrumb.fixed .box{box-shadow:none;} #branch {padding: 32px 0} #repair {padding: 32px 0} #price {padding: 32px 0} #specification {padding: 32px 0} #event {padding: 32px 0 160px} #product {padding: 32px 0 160px} #event .banner {margin: 0 0 32px 0} #product .banner {margin: 0 0 0 0} #event .detail {margin: 0} #product .tabs{margin: 0 auto 24px;} #product .tabs ul{display: flex;} #product .tabs li{flex: 1;position:relative;} #product .tabs li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 64px;text-align: center;line-height: 1;font-size: 20px;color: #707070;border-bottom: 1px solid #dddddd;} #product .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:transparent} #product .tabs li.on a{color:#EB3F3D} #product .tabs li.on a:after{height:2px;background:#EB3F3D} #product .product.product_review .tools .tool {padding-top: 6px} #product .product.product_review .tool {margin-bottom: 0} #product .product.product_review .search {margin: 25px 0;} #product .tools .toggBox .checkbox{display:flex;align-items:center;height: auto;} #product .tools .toggBox .checkbox input{display:none;} #product .tools .toggBox .checkbox input ~ i{width:24px;height:24px;flex-shrink:0;margin:0 8px 0 0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain} #product .tools .toggBox .checkbox input ~ p{font-size:15px;font-weight:400;color:#1c1c1c;cursor:pointer} #product .tools .toggBox .checkbox input ~ p span{font-weight:300;color:#707070;} #product .tools .toggBox .checkbox input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain} #product .product .rvList .table td .label{} #product .product .rvList .table td .label p{} #product .product .rvList .table td .label p #product .product .rvList .table td .star{position: relative;width:100px;height:20px;background: url("../img/common/star_g.png") repeat-x left center / auto 100% !important;} #product .product .rvList .table td .star i{position:absolute;top:0;left:0;height:100%;background: url("../img/common/star.png") repeat-x left center / auto 100%;margin: 0} #product .product .rvList .table table tbody .subject .new {width: 14px;height: 13px;background: url("../img/sub/ico_new.png") no-repeat;display: inline-flex;vertical-align: text-top;margin: 6px 0 0 10px;} /*#product .product .rvList .table table tbody .subject .cmt {color: #EB3F3D;display: inline-flex;vertical-align: top;align-items: center;justify-content: center;margin-top: -1.8px;margin-left: 8px;}*/ #product .product .table td.empty {padding: 100px 0; text-align: center} #product .product .table table td .imgC {width: 70px; height: 46px} #community .table .subject a {display: flex;align-items: center;} #community .table .subject p{display:flex !important;width:100%;line-height:24px;} #community .table .subject p .tit{max-width: calc(100% - 50px);display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;letter-spacing:-1px;margin-right:8px;} #community .table .subject p .new{width:14px;height:24px;background:url("../img/sub/ico_new.png") no-repeat 50% 50% / 14px 13px; display: inline-flex;vertical-align: text-top;margin-right:10px;} #community .table .subject p .cmt{height:24px;line-height:24px;margin-right:10px;white-space:nowrap;} #community .new_i {width: 14px;height: 13px; background:url("../img/sub/ico_new.png") no-repeat; display: inline-flex;vertical-align: text-top; margin: 4px 0 0 4px;} #community .new_i:after {display: none} .viewProfile {display: flex;align-items: center; gap: 10px} .viewProfile .ico {width: 40px; height: 40px; border-radius: 50%; overflow: hidden} .viewProfile .ico img {width: 100%; height: 100%; object-fit: cover} #container .viewWrap .detail.view .head .tool li a {text-decoration: none !important;} #container .viewWrap .detail.view .tool li a img {display: none} #container .viewWrap .detail.view .info+.info {height: 48px} #container .viewWrap .detail .cont.consulting {} #container .viewWrap .detail .cont.consulting .companyTag {font-size: 13px; background: #fff;padding: 3px 6px;border:1px solid #3a67ea;border-radius: 4px;margin: 24px 0;color: #3a67ea;display: inline-flex;font-weight:500;} #container .viewWrap .detail .cont.consulting .companyTag {display:none !important;} #container .viewWrap .detail.view .bottom .total dt {margin-right: 6px} #container .viewWrap .detail.view .bottom .total dd strong {color: #303030; font-weight: 400} #container .viewWrap .detail.view .bottom .share > a {gap: 8px; font-weight: 500;} #container .viewWrap .detail.view .bottom .total dd .goodIco {width: 16px;height: 16px; background:url("../img/sub/board_good_g.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #container .viewWrap .detail.view .bottom .total dd .goodIco.on {width: 16px;height: 16px; background:url("../img/sub/board_good_r.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #container .viewWrap .detail.view .bottom .total dd .cmtIco {width: 16px;height: 16px; background:url("../img/sub/board_cmt.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #container .viewWrap .detail.view .bottom .total dd span {color: #303030; font-weight: 400} #container .viewWrap .detail.view .counter {border-bottom: 0} #container .viewWrap .detail.view .comment .frm {margin: 0;padding: 24px 24px 10px} #container .viewWrap .detail.view .comment .frm .bot .file label {display: none} #container .viewWrap .detail.view .comment .frm .bot .file label.on {display: block} #container .viewWrap .detail.view .comment .frm .commentImgBox {} #container .viewWrap .detail.view .comment .frm .commentImgBox ul {display: flex;gap: 12px} #container .viewWrap .detail.view .comment .frm .commentImgBox ul li {border: none !important; width: 90px; height: 60px; padding: 0 !important; border-radius: 8px; overflow: hidden;background: #fff} #container .viewWrap .detail.view .comment .frm .commentImgBox ul li .commentImg {width: 100%; height: 100%; object-fit: cover} #container .viewWrap .detail.view .comment .frm .commentImgBox ul li .commentImgDelete{position: absolute;top: 4px; right: 4px; width: 16px;cursor: pointer} .commentBox {} .commentBox li {padding: 16px 24px !important; border: 1px solid #e6e6e6 !important; border-radius: 8px;margin-top: 16px;position: relative} .commentBox li.replyComment {background: #F3F8FF; border: none !important;} .commentBox li .commentEl{display: flex;gap: 24px;position: relative} .commentBox li .commentEl .commentProfile{width: 40px; height: 40px; border-radius: 50%; overflow: hidden} .commentBox li .commentEl .commentProfile img{ width: 100%; height: 100%; object-fit: cover} .commentBox li .commentInner{display: flex; flex: 1; flex-direction: column;gap: 4px} .commentBox li .commentInner .commentTop{display: flex; justify-content: space-between} .commentBox li .commentInner .commentTop .left{display: flex;gap: 12px; align-items: center} .commentBox li .commentInner .commentTop .left .nick{font-size: 13px; color: #707070;line-height: 18px; font-weight: 400} .commentBox li .commentInner .commentTop .left .nick .myCommentLabel {font-size: 10px;background: #909090;color: #fff; padding: 2px; border-radius: 2px; vertical-align: bottom; margin-left: 4px;} .commentBox li .commentInner .commentTop .left .time{font-size: 13px; color: #707070;line-height: 18px; font-weight: 400;} .commentBox li .commentInner .commentTop .left .like{font-size: 13px; color: #707070;line-height: 18px; font-weight: 400;display: flex;align-items: center; gap: 4px;} .commentBox li .commentInner .commentTop .left .reply{font-size: 13px; color: #707070;line-height: 18px; font-weight: 400} .commentBox li .commentInner .commentTop .left .like i { display: inline-flex;width: 12px; height: 12px; background: url(../img/sub/comment_like.png) no-repeat 50% 50% / contain; margin-top: -2px; } .commentBox li .commentInner .commentTop .left .like.on i { display: inline-flex;width: 12px; height: 12px; background: url(../img/sub/comment_like_on.png) no-repeat 50% 50% / contain; margin-top: -2px; } .commentBox li .commentInner .commentTop .left .like.on {color: #EB3F3D} .commentBox li .commentInner .commentTop .right {display: flex; gap: 12px;} .commentBox li .commentInner .commentTop .right a {font-size: 13px; color: #707070;line-height: 18px; font-weight: 400} .commentBox li .commentInner .commentCont {font-size: 15px;color: #333;padding-right: 25px} .commentBox li .commentInner .commentCont i{ background: url(../img/common/icon_lock.png) no-repeat 50% 50% / contain; width: 18px; height: 18px; display: inline-flex; vertical-align: text-top; margin: 0 0 0 4px;} .commentBox li .commentInner .modifyForm {display: none} .commentBox li.edit .commentInner .commentCont {display: none} .commentBox li.edit .commentInner .modifyForm {display: block;} .commentBox li.edit .commentInner .modifyForm .commentModifyEditor{font-size: 15px;color: #333; padding-right: 25px;} .commentBox li.edit .commentInner .modifyForm .modifyActBox {position: absolute; right: 0;bottom: 0;} .commentBox li.edit .commentInner .modifyForm .modifyActBox a {font-size: 13px; color: #1c1c1c;} .commentBox li.edit .commentInner .commentTop .right {display: none} /*.commentBox li.edit .commentImgBox {display: none}*/ .commentBox li .tagWriter {color: #1c1c1c;margin-right: 7px;font-weight: 600;font-size: 15px} .commentBox li .commentImgBox {} .commentBox li .commentImgBox ul {display: flex;gap: 12px} .commentBox li .commentImgBox ul li {border: none !important; width: 90px; height: 60px; padding: 0 !important; border-radius: 8px; overflow: hidden;background: #fff} .commentBox li .commentImgBox ul li .commentImg {width: 100%; height: 100%; object-fit: cover} .commentBox li .commentImgBox ul li .commentImgDelete{position: absolute;top: 4px; right: 4px; width: 16px;cursor: pointer} .commentBox li .commentImgBox .imgGallery li {cursor: pointer} .commentBox li.replyCommentForm {border: 1px solid #0066ff !important;} .commentBox li.replyCommentForm .replyInner {padding-right: 80px;position: relative} .commentBox li.replyCommentForm .tagWriter,.commentBox li.edit .tagWriter {color: #0066ff;white-space: nowrap;font-size: 15px;margin-right: 4px; pointer-events: none;position: absolute} .commentBox li.replyCommentForm textarea {background: transparent; width: 100%;font-size: 15px;height: 21px} .commentBox li.replyCommentForm textarea::-webkit-scrollbar {display: none; } .commentBox li.replyCommentForm .commentEditor {font-size: 15px;width: 100%} .commentBox li.replyCommentForm .commentEditor .space {height: 15px; display: inline-block} .commentBox li.replyCommentForm .replyActBox { display: flex; position: absolute;top: 0;right: 0; align-items: center; gap: 24px } .commentBox li.replyCommentForm .replyActBox .file{border-bottom: 0} .commentBox li.replyCommentForm .replyActBox .file input[type=file] {display: none} .commentBox li.replyCommentForm .replyActBox .file label{display: none; cursor: pointer} .commentBox li.replyCommentForm .replyActBox .file label img {height: 24px} .commentBox li.replyCommentForm .replyActBox .file label.on {display: block} .commentBox li.replyCommentForm .replyActBox .submit{} .commentBox li.replyCommentForm .replyActBox .submit button{ font-size: 13px; background: transparent} #wrap #popup_commentImg .inner {background: transparent; padding: 0; width: auto;} #wrap #popup_commentImg .modalClose {position: absolute; right: 20px; top: 20px; background: transparent;} #wrap #popup_commentImg .modalClose img {height: 30px} #wrap #popup_commentImg .showImg {max-width:100%;max-height: 100%} .privateCommentTxt .chk label input ~ p {line-height: 20px} #branch.productAround .content {margin: 0} #branch.productAround .around .myAddressSidoGungu {display: none} #branch.productAround .around .calendar {margin: 60px auto 0} #branch.productAround .around .calendar .list .week {border-top: 2px solid #909090; border-bottom: 1px solid #909090;} #branch.productAround .around .calendar .list .week .day {height: 48px} #branch.productAround .around .calendar .list .month .day {height: 48px;justify-content: center} #branch.productAround .around .calendar .head .month {justify-content: start} #branch.productAround .around .calendar .list .month .day.past .num{opacity: 0.25} #branch.productAround .around .calendar .list .month .day.disabled {color: #000} #branch.productAround .around .calendar .list .month .day.sun {background: #fff} #branch.productAround .around .calendar .list .month .day.today {background: #fff} #branch.productAround .around .calendar .list .month .day .num {width: 40px;height: 40px;display: flex; align-items: center;justify-content: center;flex-direction:column;} #branch.productAround .around .calendar .list .month .day.today .num {border-radius: 50%; border: 2px solid #00A3FF;opacity: 1; color: #1c1c1c40} #branch.productAround .around .calendar .list .month .day.select .num {border-radius: 50%; background:#EB3F3D; border:2px solid #EB3F3D;color: #fff } #branch.productAround .around .calendar .head {display: flex;align-items: center;gap: 20px} #branch.productAround .around .calendar .head .unit {display: flex;gap: 16px} #branch.productAround .around .calendar .head .unit p {display: flex;align-items: center;gap: 4px;} #branch.productAround .around .calendar .head .unit p span {color: #000;line-height: 18px} #branch.productAround .around .calendar .head .unit p.todayLabel i {display: block;width: 18px;height: 18px;border-radius: 50%;border: 2px solid #00A3FF;flex: 1} #branch.productAround .around .calendar .head .unit p.selectLabel i {display: block;width: 18px;height: 18px;background: #EB3F3D;border-radius: 50%;border: 2px solid #EB3F3D;flex: 1} #branch.productAround .around .timer {margin-top: 0px} #branch.productAround .around .timer .list {padding: 0;position: relative} #branch.productAround .around .timer .list > ul > li {box-shadow: none;padding: 0;border-radius: 0;margin-bottom: 32px;position: relative} #branch.productAround .around .timer .list > ul > li + li {border-top: 0} #branch.productAround .around .timer .list > ul > li .head {margin-bottom: 12px;gap: 8px;position: relative} #branch.productAround .around .timer .list > ul > li .head a {font-size: 18px;line-height: 24px;font-weight: 700;color: #1c1c1c;display: block} #branch.productAround .around .timer .list > ul > li .head .star {display: flex;align-items: center} #branch.productAround .around .timer .list > ul > li .head .star i {background: url(../img/common/star.png) no-repeat 50% 50% / contain;width: 24px;height: 24px;display: inline-flex;background-size: 20px 19px; margin-top: -2px} #branch.productAround .around .timer .list > ul > li .head .star span {font-size: 18px; line-height: 18px} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel {display: flex;gap:4px} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel p {border: 1px solid #ededed; padding: 5px; border-radius: 4px;font-size: 14px; line-height: 14px} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel .ico1 {color: #0066B3} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel .ico2 {color: #06C270} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel .ico3 {color: #EB3F3D} #branch.productAround .around .timer .list > ul > li .unit {/*position: absolute;*/ right: 0;top: 2px;position: relative;text-align: right;order: 1} #branch.productAround .around .timer .list > ul > li .unit span {color: #EB3F3D} #branch.productAround .around .timer .list > ul > li .branchInner {position: relative; box-shadow: 0px 0px 10px 0px #0000001A;border-radius: 12px; padding: 24px; display: flex;justify-content: space-between;align-items: center} #branch.productAround .around .timer .list > ul > li .area {width: 100%} #branch.productAround .around .timer .list > ul > li .cont {padding: 0 0 0 16px;flex: 1;gap: 12px} #branch.productAround .around .timer .list > ul > li .cont .loca {margin: 0; font-size: 14px; line-height: 14px;display: flex} #branch.productAround .around .timer .list > ul > li .cont .loca a {color: #555;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: left; word-break: break-all; width: 80%;} #branch.productAround .around .timer .list > ul > li .cont .loca .distanceTxt {color:#0066B3; margin-left: 12px} #branch.productAround .around .timer .list > ul > li .cont .tel {line-height: 14px} #branch.productAround .around .timer .list > ul > li .cont .tel a {font-size: 14px; color: #555} #branch.productAround .around .timer .list > ul > li .info {margin:0} #branch.productAround .around .timer .list > ul > li .info p{font-size: 12px; color: #909090} #branch.productAround .around .timer .list > ul > li .info p span {font-weight: 500; color: #000} #branch.productAround .around .timer .list > ul > li .time {margin: 0 0 0 30px;display: flex;flex-direction: column;gap: 17px} #branch.productAround .around .timer .list > ul > li .time ul {flex-wrap: wrap;width: 572px;order: 2} #branch.productAround .around .timer .list > ul > li .time li.timeBtn {width: 108px; transition: all .2s} #branch.productAround .around .timer .list > ul > li .time li.timeBtn.disabled {background: #eee} #branch.productAround .around .timer .list > ul > li .time li.timeBtn:hover {background: #EB3F3D; color: #fff; border: 1px solid #EB3F3D;} #branch.productAround .around .timer .list > ul > li .time li.timeBtn:hover span {display: none} #branch.productAround .around .timer .list > ul > li .time li.timeBtn:hover:after {content: '예약하기';line-height: 40px} #branch.productAround .around .timer .list > ul > li .time li.timeBtn span .red {color: #EB3F3D} #branch.productAround .around .timer .list > ul > li .icon {width: 180px; height: 120px; border-radius: 8px} #branch.productAround .around .timer .list > ul > li .booking {margin: 4px 0 0 0;gap: 8px} #branch.productAround .around .timer .list > ul > li .booking .btn {height: 32px; padding: 0 22px; color: #1c1c1c; border:1px solid #ddd;font-size: 14px;pointer-events: inherit} #branch.productAround .around .timer .list > ul > li .holidayBackground {position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: #eeeeee75;display: flex;justify-content: center;align-items: center;} #branch.productAround .around .timer .list > ul > li .holidayBackground .holidayIcon {display: flex; align-items: center;gap: 20px} #branch.productAround .around .timer .list > ul > li .holidayBackground .holidayIcon img {height: 78px} #branch.productAround .around .timer .list > ul > li .holidayBackground .holidayIcon p {font-size: 24px; color: #000; font-weight: bold} #branch.productAround .around .timer .list > ul > li .holidayBackground .holidayIcon span {color: #EB3F3D} #branch.productAround .around .timer .list > ul > li .branchInner.holiday {pointer-events: none} #branch.productAround .around .timer .list.dis {pointer-events: none; min-height: 200px;padding-top: 140px} #branch.productAround .around .timer .list .todayLock {display: none} #branch.productAround .around .timer .list .todayLock.on { display: flex; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.6); top: 0; left: 0; align-items: start; justify-content: center; } #branch.productAround .around .timer .list .todayLock .lockPop {display: flex; align-items: center; justify-content: space-between; width: 500px; height: 120px;padding: 20px 72px; background: #fff; border-radius: 20px; border: 1px solid #707070;gap: 20px} #branch.productAround .around .timer .list .todayLock .lockPop .icon img {display:block;margin-right:30px;height: 90px;} #branch.productAround .around .timer .list .todayLock .lockPop .txt {display: flex; flex-direction: column;gap:4px} #branch.productAround .around .timer .list .todayLock .lockPop .txt .subj {font-size: 20px; font-weight: bold;} #branch.productAround .around .timer .list .todayLock .lockPop .txt .cont span {font-size: 15px; line-height: 22.54px;color: #707070} #branch.productAround .around .tool {padding: 24px 0 0px;display: flex;justify-content: end} #branch.productAround .around .tool .rt .companyTypeLabel {display: flex;gap:16px;align-items: center} #branch.productAround .around .tool .rt .companyTypeLabel > div {display: flex;align-items: center;gap: 8px} #branch.productAround .around .tool .rt .companyTypeLabel p {border: 1px solid #ededed; border-radius: 4px;font-size: 14px; line-height: 14px;display: flex; justify-content: center;align-items: center;width: 24px;height: 24px;} #branch.productAround .around .tool .rt .companyTypeLabel .ico1 {color: #0066B3} #branch.productAround .around .tool .rt .companyTypeLabel .ico2 {color: #06C270} #branch.productAround .around .tool .rt .companyTypeLabel .ico3 {color: #EB3F3D} #event.branchEvent .zidoBox {padding-bottom: 30px} #event.branchEvent .zido{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ccc;} #event.branchEvent .zido > img, #event.branchEvent .zido > iframe{width:100%;height: auto;object-fit: contain;} #event.branchEvent .zido .zidoBtn{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding:0 24px;height: 48px;border-radius: 48px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);} #event.branchEvent .zido .zidoBtn i{width:20px;height:20px;background: url("../img/common/return.png") no-repeat 50% 50% / contain;margin: 0 4px 0 0;} #event.branchEvent .zido .nowPositionBtn {position: absolute;right: 3px;bottom: 212px;z-index: 1;float: left;cursor: default;width: 32px;height: 32px;user-select: none;-webkit-user-drag: none;border-top: none;border-right: none;border-bottom: 1px solid 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;} #event.branchEvent .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%;} #event.branchEvent .zido .nowPositionBtn img {} #event.branchEvent .customoverlay {position: relative; top: 0px;background: rgba(255, 255, 255, .84);border: 1px solid #555;box-shadow: 0 2px 8px rgba(0, 0, 0, .28);display: flex; flex-direction: column; padding: 9px 10px; border-radius: 7px; align-items: center;} #event.branchEvent .customoverlay:after {content: ''; position: absolute; width: 10px; height: 10px; background: #000; bottom: -5px;left: calc(50% - 5px); transform: rotate(45deg);} #event.branchEvent .customoverlay .title { margin-bottom: 7px; font-size: 14px; color: #fff;line-height: 1;} #event.branchEvent .customoverlay .dist {font-size: 14px; color: #fff; line-height: 1;margin-bottom: 7px} #event.branchEvent .customoverlay .price { font-size: 14px; color: #FFCE00; line-height: 14px;} #event.branchEvent .branch .tool+.tool {margin-top: 0} #event.branchEvent .cate li a.ico1 {color: #0066B3} #event.branchEvent .cate li a.ico2 {color: #06C270} #event.branchEvent .cate li a.ico3 {color: #EB3F3D} #event.branchEvent .branch .table td {padding: 14px 7px} #event.branchEvent .table td.thm img {width: 70px; height: 46px; border-radius: 6px;border:1px solid #ccc} #event.branchEvent .table td [class^=ico] {width: 24px; height: 24px} #event.branchEvent .table td a {flex-direction: column;gap: 4px} #event.branchEvent .eventDday em.flag { width: 40px;height: 18px;font-size: 11px;background: #fff8f8;color: #dd1b1b;justify-content: center;/* align-items: center; */border-radius: 20px;border: 1px solid #f2c1c1;line-height: 14px;font-weight: 400; } #event.branchEvent .eventDday em.flag.end {background: #909090;color: #fff;border-color:#909090;} #event.branchEvent .eventDday span {color: #909090;font-size: 13px; line-height: 13px} #event.branchEvent .tool .rt .companyTypeLabel {display: flex;gap:16px;align-items: center} #event.branchEvent .tool .rt .companyTypeLabel > div {display: flex;align-items: center;gap: 8px} #event.branchEvent .tool .rt .companyTypeLabel p {border: 1px solid #ededed; border-radius: 4px;font-size: 14px; line-height: 14px;display: flex; justify-content: center;align-items: center;width: 24px;height: 24px;} #event.branchEvent .tool .rt .companyTypeLabel .ico1 {color: #0066B3} #event.branchEvent .tool .rt .companyTypeLabel .ico2 {color: #06C270} #event.branchEvent .tool .rt .companyTypeLabel .ico3 {color: #EB3F3D} #branch.findBranch .content{margin: 24px 0 0 0} #branch.findBranch .area_tit {margin-bottom: 24px} #branch.findBranch .area_tit ul {display: flex; justify-content: end;gap: 8px} #branch.findBranch .area_tit ul li {} #branch.findBranch .area_tit ul li button {background: transparent;font-size: 14px; padding: 2px 8px; line-height: 20px;border-radius: 24px; border: 1px solid #DDDDDD} #branch.findBranch .area_tit ul li button.on {color: #EB3F3D} #branch.findBranch .search .order a.on {color: #EB3F3D} #branch.findBranch .search .list li {width: 50%} #branch.findBranch .search .list li .upper {align-items: center} #branch.findBranch .search .list li .upper .name {font-size: 18px; line-height: 18px;margin-right: 4px} #branch.findBranch .search .list li .upper .star {display: flex;align-items: center} #branch.findBranch .search .list li .upper .star i {background: url(../img/common/star.png) no-repeat 50% 50% / contain;width: 24px;height: 24px;display: inline-flex;background-size: 20px 19px; margin-top: -2px} #branch.findBranch .search .list li .upper .star span {font-size: 18px; line-height: 18px} #branch.findBranch .search .list li .upper .dist { color: #0066B3; margin-left: 8px;} #branch.findBranch .search .list li .upper .navi{display:none;} #branch.findBranch .search .list li .itemInner {display: flex} #branch.findBranch .search .list li .itemInner .left {} #branch.findBranch .search .list li .itemInner .right {margin-left: 24px;flex:1;} #branch.findBranch .search .list li .itemInner .right .text {padding: 0; display: flex; flex-direction: column; gap: 12px} #branch.findBranch .search .list li .itemInner .right .text p {font-size: 16px; color: #555;line-height: 16px;display: flex;align-items: center} #branch.findBranch .search .list li .itemInner .right .text p.addr {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;cursor: pointer} #branch.findBranch .search .list li .itemInner .right .text p span {display: inline-flex;color: #EB3F3D; margin-left: 5px} #branch.findBranch .search .list li .itemInner .right .text p i {margin-left: 6px; margin-right: 6px; width: 1px; height: 16px; background: #E8E8E8;display: inline-flex} #branch.findBranch .search .list li .image {width: 234px; height: 156px; aspect-ratio: auto;border-radius: 8px;margin: 0} #branch.findBranch .search .list li .button .btn {height: 36px} #branch.findBranch .search .list li .button {margin: 20px 0 0 0} #branch.findBranch .search .list li .companyTypeLabel {display: flex;gap:4px;margin-left: 8px} #branch.findBranch .search .list li .companyTypeLabel p {border: 1px solid #ededed; padding: 5px; border-radius: 4px;font-size: 14px; line-height: 14px} #branch.findBranch .search .list li .companyTypeLabel .ico1 {color: #0066B3} #branch.findBranch .search .list li .companyTypeLabel .ico2 {color: #06C270} #branch.findBranch .search .list li .companyTypeLabel .ico3 {color: #EB3F3D} #branch.branchDetail {padding: 66px 0 100px} #branch.branchDetail .detail .inner {margin-bottom: 24px} #branch.branchDetail .detail .title {padding: 0 6px 0 0;display: flex;align-items: center} #branch.branchDetail .detail .title .stat {margin-left: 24px;gap: 20px} #branch.branchDetail .detail .star img {height: 19px} #branch.branchDetail .detail .star em {font-size: 20px} #branch.branchDetail .detail .km{color: #0066b3;margin-left: 16px;} #branch.branchDetail .detail .label{display: flex;gap: 4px;align-items: center;margin-left:16px;} #branch.branchDetail .detail .label span {border: 1px solid #ededed;border-radius: 4px;font-size: 14px;line-height: 14px;display: flex;justify-content: center;align-items: center;width: 24px;height: 24px;padding:2px 3px;} #branch.branchDetail .detail .label .ico1 {color: #0066b3} #branch.branchDetail .detail .label .ico2 {color: #06c270} #branch.branchDetail .detail .label .ico3 {color: #eb3f3d} #branch.branchDetail .detail .thumb {margin-bottom: 50px} #branch.branchDetail .detail .thumb .big {height: 586px;width: calc(100% - 221px)} #branch.branchDetail .detail .thumb .small {width: 204px; height: 586px; margin: 0 0 0 17px} #branch.branchDetail .detail .stat dl + dl:before {display: none} #branch.branchDetail .detail .stat dl .connexionCnt {white-space: nowrap} #branch.branchDetail .detail .congestion {padding: 0 0 40px; border-bottom: 0} #branch.branchDetail .detail .stat dl {height: 40px;flex: auto} #branch.branchDetail .detail .stat dt p {line-height: 20px } #branch.branchDetail .detail .stat dd p {line-height: 20px } #branch.branchDetail .detail .congestion {align-items: start;} #branch.branchDetail .detail .congestion .congestionTitle {display: flex;gap: 32px;margin-bottom: 48px;align-items: center} #branch.branchDetail .detail .congestion .congestionTitle .tit {margin: 0} #branch.branchDetail .detail .congestion .congestionTitle .txt {margin: 0} #branch.branchDetail .detail .congestion .congestionContent {display: flex;justify-content: space-between;align-items: center;margin-bottom: 48px} #branch.branchDetail .detail .congestion .congestionContent .chk {margin: 0} #branch.branchDetail .detail .congestion .congestionContent .icon {margin: 0} #branch.branchDetail .detail .infor .cont {position:relative;border-top: 2px solid #555} #branch.branchDetail .detail .infor .cont .b_info{position:absolute;top:18px;right:20px;height:24px;cursor:pointer;display:flex;gap:6px;align-items:center;font-size:14px;font-weight:500;color:#333;letter-spacing:-2px;} #branch.branchDetail .detail .caution .desc {border-top: 1px solid #ddd;} #branch.branchDetail .detail .infor {border-bottom: 0} #branch.branchDetail .detail .map {border-bottom: 0;align-items: stretch;padding: 0 0 80px} #branch.branchDetail .detail .map .head{display:flex;align-items:center;justify-content:space-between;margin: 0 0 24px;} #branch.branchDetail .detail .map .tit{margin:0;} #branch.branchDetail .detail .map .tit span{line-height: 1;font-size: 24px;font-weight: 500;color: #1c1c1c;} #branch.branchDetail .detail .map .act{margin-left:auto;} #branch.branchDetail .detail .map .act a{display: flex;align-items: center;justify-content: center;min-width: 104px;height: 32px;border-radius: 4px;border: 1px solid #eee;background: #fff;font-size: 14px;font-weight: 500;color:#333;} #branch.branchDetail .detail .map .cont{height:420px;} #branch.branchDetail .detail .map .cont iframe{display:block;width:100% !important;height:100% !important;} #branch.branchDetail .detail .review {padding: 0} #branch.branchDetail .detail .review .tit {text-align: left;display: flex;align-items: center;justify-content: space-between} #branch.branchDetail .detail .review .tit .left {display: flex;align-items: center} #branch.branchDetail .detail .review .tit .avgStar {display: flex;align-items: center} #branch.branchDetail .detail .review .tit .avgStar > div {display: flex;align-items: center} #branch.branchDetail .detail .review .tit .avgStar p {font-size: 20px;color: #373737;display: flex;align-items: center;} #branch.branchDetail .detail .review .tit .avgStar p span {color: #909090; font-size: 15px;margin-left: 7px;line-height: 20px;font-weight: 400} #branch.branchDetail .detail .review .tit .right .star {width: 80px; height: 16px;margin: 0 0 0 8px} #branch.branchDetail .detail .review .tit .right .avgStar p span {font-size: 12px;margin-left: 4px} #branch.branchDetail .detail .review .con.reviewTab .search{display: none} #branch.branchDetail .detail .review .tab {margin:0 0 33px 0} #branch.branchDetail .detail .board .basic .tool {margin: 0 0 24px} #branch.branchDetail .detail .board {padding: 56px 0 80px} #branch.branchDetail .detail .review .table td { padding: 10px 4px; text-align: center;} #branch.branchDetail .detail .review .table td > span.no { display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; background: #fff1f1; color: #eb3f3d; font-size: 12px; height: 22px; padding: 0 6px; font-weight: 500; } #branch.branchDetail .detail .review .tit .star{position: relative;width:100px;height:20px;background: url("../img/common/star_g.png") repeat-x left center / auto 100%;} #branch.branchDetail .detail .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.branchDetail .detail .latest .list .img {width: 252px; height: 168px;border:none} #branch.branchDetail .detail .latest .list .img img{border-radius:15px; object-fit: cover} #branch.branchDetail .detail .latest {padding: 0 0 80px} #branch.branchDetail .reviewTypeBox {display: flex;gap: 20px} #branch.branchDetail .reviewTypeBox .box {width: 50%} #branch.branchDetail .detail .review .con ul {flex-wrap: nowrap;flex-direction: column} #branch.branchDetail .detail .review .con ul li {width: 100%} #branch.branchDetail .detail .review .con li .box {width: 100%} #branch.branchDetail .detail .review .txt {font-size: 15px; margin-bottom: 24px} #branch.branchDetail .detail .map .con #map {height: 600px} #b_info{position:fixed;top:0;left:0;z-index:1012;width:100%;height:100%;display:none;flex-direction:column;justify-content:center;} #b_info.active{display:flex;} #b_info .b_info_bx{position:relative;z-index:2;margin:0 auto;width:533px;border-radius:10px;overflow:hidden;background:#ffffff;} #b_info .b_info_bx .tit{display:flex;align-items:center;justify-content:center;height:59px;background:#05a4bc;font-size:24px;font-weight:500;color:#fff;text-align:center;} #b_info .b_info_bx .cls{position:absolute;top:0;right:0;width:59px;height:59px;display:block;cursor:pointer;text-indent:-9999em;overflow:hidden;} #b_info .b_info_bx .cls:before{content:'';position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);} #b_info .b_info_bx .cls:after{content:'';position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(135deg);} #b_info .b_info_bx .con{padding:15px 40px 40px;background:#fff;} #b_info .b_info_bx .con dl{display:flex;padding:10px 0;line-height:20px;} #b_info .b_info_bx .con dl + dl{border-top:1px solid #ddd;} #b_info .b_info_bx .con dt{width:110px;padding:0 10px;font-size:16px;font-weight:bold;color:#333;} #b_info .b_info_bx .con dd{flex:1;padding:0 0 0 10px;font-size:16px;font-weight:400;color:#555;} #b_info .b_info_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;} #b_info.b_cs .b_info_bx .con dl{justify-content:space-between;} #b_info.b_cs .b_info_bx .con dt{width:200px;} #b_info.b_cs .b_info_bx .con dd{text-align:right;} #mypage .myinfo .myinfo{padding:32px 20px;display:flex;align-items:center;} #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 .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 .section > .title {display: flex; gap: 16px;margin-bottom: 30px;} #mypage .section > .title .text { font-size: 15px; color: #707070; font-weight: 100;} #mypage .section > .text {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px} #mypage .section > .text .warn {font-size: 14px; line-height: 14px;margin: 0} #mypage .section > .text p {font-size: 14px; line-height: 14px} #mypage .myinfo .form {padding-top: 32px} #mypage .myinfo .myinfo {padding: 0 0 32px; justify-content: center;flex-direction: column;gap: 12px; border-bottom: 1px solid #ddd;margin-bottom: 32px;} #mypage .myinfo .myinfo .icon {margin: 0} #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; } #wrap #popup_view_check .cont .tool {display: none} #wrap #popup_view_check .cont .table {} #wrap #popup_view_check .cont .table ul {display: flex; gap: 16px 30px; flex-wrap: wrap;} #wrap #popup_view_check .cont .table ul li {width: calc((100% / 3) - 20px); border: 1px solid #ddd; border-radius: 8px; height: 48px;display: flex; justify-content: space-between; align-items: center;padding: 0 16px} #wrap #popup_view_check .cont .table ul li .company {display: flex; align-items: center; gap: 8px;font-size: 13px; color: #1c1c1c; line-height: 13px;} #wrap #popup_view_check .cont .table ul li .company i{width: 14.5px;height: 17px;background: url(../img/sub/gongim_g.png) no-repeat 50% 50% / contain;display: inline-block} #wrap #popup_view_check .cont .table ul li .time {color: #909090; font-size: 13px; line-height: 13px} #wrap #popup_view_check .paging {margin: 39px 0 8px} #office .aside .title {background: #00235C;padding: 21.5px 24px;height: 63px;border-radius: 12px 12px 0 0;color: #fff;font-size: 20px;line-height: 20px;} #office .aside .title:before {display: none} #office .aside .title span {font-size: 16px;line-height: 16px;font-weight: 100;margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; } #office .aside .date {background: #fff;padding: 8px 16px;border-bottom: 2px solid #DDDDDD; display: flex; flex-direction:column; gap: 8px;justify-content: space-between;} #office .aside .date span {font-size: 12px; line-height: 18px} #office .aside .date .beta-ser { background:#FFEAE9; font-size:12px; padding:6px 5px; border-radius:3px; display:flex; align-items:center; justify-content:space-between;} #office .aside .date .beta-ser:hover { background:#f9f9f9; font-weight:bold; } #office .aside .date .beta-ser b { display:block; background: url(../img/common/arrow_right_b.png) no-repeat right 7px center / auto 14px; width:12px; height:12px; } #office .aside .date .edit{font-size: 11px; line-height: 11px;display: flex;height: 26px;background: #fff;justify-content: center;align-items: center;white-space:nowrap} #office .aside .date .edit img{width: 16px;height: 16px;object-fit: contain;margin-left: 2px;} #office .aside .rank {background: #f4f4f4;padding: 12px 0 12px 0px;text-align:center;} #office .aside .rank .img {margin-bottom: 5px} #office .aside .rank .img img {max-width: 80%} #office .aside .rank .txt {font-size: 13px; line-height: 16px;display: flex; gap: 3px;justify-content: center;padding:5px;} #office .aside .rank .txt strong {font-weight: 700; color: #1a1a1a;font-size:14px} #office .aside .rank .act{display:flex;align-items:center;justify-content:center;margin-top:5px;} #office .aside .rank .act a{position:relative;display:Flex;align-items:center;justify-content:center;border:1px solid #e3e2e7;background:#fff;padding:0 20px 0 8px;font-size:12px;color:#303030;box-shadow:0 1px 1px rgba(0,0,0,0.05);border-radius: 26px;height: 26px;} #office .aside .rank .act a:After{content:'';position:absolute;top:50%;right:8px;transform:translateY(-50%);width:12px;height:12px;background:url("../img/common/link_arrow_right.png") no-repeat 50% 50% / contain;} #office .section .reservation .detail dd .txt .chk{display: flex;flex-wrap: wrap;gap: 2px 10px;min-height: auto;align-items: center;} #office .section .reservation .detail dd .txt .chk label{display:flex;align-items:center;height: 24px;cursor:pointer} #office .section .reservation .detail dd .txt .chk label input{display:none;} #office .section .reservation .detail dd .txt .chk label input ~ i{margin:0 6px 0 0;flex:0 0 auto;width:24px;height:24px;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;background-size: 85%} #office .section .reservation .detail dd .txt .chk label input ~ p{font-size:12px;font-weight:400;color:#1c1c1c;line-height: 12px;white-space:nowrap} #office .section .reservation .detail dd .txt .chk label input ~ p span{font-weight:300;color:#707070;} #office .section .reservation .detail dd .txt .chk label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;background-size: 85%} #office .section .reservation .detail dd .txt .cancel{margin-left:10px;height: 24px;display: flex;align-items: center;} #office .section .reservation .detail dd .txt .cancelBtn{display:flex;align-items:center;padding:0 6px;border-radius:40px;height:30px;border:1px solid #e0e0e0;background:#fff;white-space:nowrap;font-size:12px;cursor:pointer;} #office .section .reservation .detail dd .txt .cancelBtn i{width:14px;height:14px;margin-right:4px;flex:0 0 auto;background:url("../img/common/check_v.svg") no-repeat 50% 50% / contain;} #office .section .reservation .detail dd .txt .cancelBtn.active{background:#007aff;border-color:#007aff;color:#fff;} #office .section .reservation .detail dd .txt .cancelBtn.active i{background:url("../img/common/check_v_on.svg") no-repeat 50% 50% / contain;} #office .section .reservation .detail dd.nop {min-width: 244px; padding: 20px 20px;} #office .section .reservation .detail dd.nop .txt .chk{flex-wrap: nowrap} #header .header .logo a.franchiseBtn {display: none} #office .section .comment .frm {margin: 0;padding: 24px 24px 10px} #office .section .comment .frm .bot .file label {display: none} #office .section .comment .frm .bot .file label.on {display: block} #office .section .comment .frm .commentImgBox {} #office .section .comment .frm .commentImgBox ul {display: flex;gap: 12px} #office .section .comment .frm .commentImgBox ul li {border: none !important; width: 90px; height: 60px; padding: 0 !important; border-radius: 8px; overflow: hidden;background: #fff} #office .section .comment .frm .commentImgBox ul li .commentImg {width: 100%; height: 100%; object-fit: cover} #office .section .comment .frm .commentImgBox ul li .commentImgDelete{position: absolute;top: 4px; right: 4px; width: 16px;cursor: pointer} #office .section .caution {display: none} #wrap.main #container .floatingMenu {top: 650px;} #container .floatingMenu { width: 300px; /*height: 642px;*/ height: auto; position: absolute; background: #fff; top: 485px; right: 20px; z-index: 2; } #container .floatingMenu .headTitle { height: 40px; display: flex; justify-content: space-between; background: #F3F8FF; align-items: center; padding: 0 12px; border: 1px solid #ccc; border-bottom: 0; } #container .floatingMenu .headTitle p {font-weight: 700; font-size: 16px; line-height: 16px} #container .floatingMenu .headTitle .more {color: #707070;font-size: 12px; line-height: 12px} #container .floatingMenu .rankingList {padding: 16px; border: 1px solid #ccc;margin-bottom: 16px} #container .floatingMenu .rankingList ul{display: flex; flex-direction: column; gap: 16px} #container .floatingMenu .rankingList ul li {} #container .floatingMenu .rankingList ul li:nth-child(1) span{border-color: #EB3F3D;color: #EB3F3D} #container .floatingMenu .rankingList ul li:nth-child(2) span{border-color: #EB3F3D;color: #EB3F3D} #container .floatingMenu .rankingList ul li:nth-child(3) span{border-color: #EB3F3D;color: #EB3F3D} #container .floatingMenu .rankingList ul li a{display: flex;align-items: center;gap: 8px} #container .floatingMenu .rankingList ul li a span {width: 16px; height: 16px; border-radius: 2px;font-size: 10px;border: 1px solid #707070; display: flex; align-items: center; justify-content: center;} #container .floatingMenu .rankingList ul li a p {font-size: 13px; line-height: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; flex: 1; } #container .floatingMenu .googleAdsArea {background: #D9D9D9;} #container .floatingMenu .googleAdsArea img {width: 100%} #wrap .boardListTableCommon{padding: 0;/*border-top: 2px solid #f4f4f4;*/border-bottom: 0} #wrap .boardListTableCommon table{display:flex;border-top: 0 !important;} #wrap .boardListTableCommon table colgroup{display:none} #wrap .boardListTableCommon table thead{display:none;} #wrap .boardListTableCommon table tbody{display:flex;flex-direction:column;width: 100%;} #wrap .boardListTableCommon table tbody tr{position:relative;display:flex;flex-wrap:wrap;padding: 16px 0;border-bottom: 1px solid #ebebeb;min-height:92px;align-items: center} #wrap .boardListTableCommon table tbody tr.noImg {padding: 16px 0} #wrap .boardListTableCommon table tbody td{position: relative;border:0;height: auto;padding: 0;margin: 0;} #wrap .boardListTableCommon 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;display: none} #wrap .boardListTableCommon table tbody .number p{margin: 0;} #wrap .boardListTableCommon table tbody .company{order:2;margin-right:5px;} #wrap .boardListTableCommon table tbody .company p{margin: 0;text-align: left !important;color: #707070;font-size:10px;} #wrap .boardListTableCommon table tbody .subject{order:0;margin: 0 0 0px 0;width: 100%;height: 38px;overflow: hidden;} #wrap .boardListTableCommon table tbody .subject a{display: inline;overflow: hidden;padding: 0 10px 0 0;} #wrap .boardListTableCommon table tbody .subject p{display: inline;vertical-align:top} #wrap .boardListTableCommon 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;} #wrap .boardListTableCommon table tbody .thumb{order: 4;position: absolute;bottom: 50%;transform: translate(0px,50%); right: 0;width: 90px;height: 64px;border: 1px solid #ddd;border-radius: 8px;display: flex;align-items: center;justify-content: center;overflow: hidden;} #wrap .boardListTableCommon table tbody .thumb.tac {display: none} #wrap .boardListTableCommon table tbody .thumb img{width:100%;height:100%;object-fit:cover;} #wrap .boardListTableCommon table tbody .thumb.mo-view{display:block;} #wrap .boardListTableCommon table tbody .nick{order:2;font-size: 10px;color: #707070;display: flex;align-items: center;justify-content: flex-start;margin-right:5px;display: none;} #wrap .boardListTableCommon table tbody .date{order: 5;padding: 0 13px 0 0;line-height: 14px;font-size: 10px;color: #707070;} #wrap .boardListTableCommon table tbody .date:after{content:'';position:Absolute;top:50%;right:3px;transform:translateY(-50%);width:1px;background:#ddd;} #wrap .boardListTableCommon table tbody .view{order: 6;padding: 0 13px 0 0;line-height: 14px;font-size: 10px;color: #707070;} #wrap .boardListTableCommon table tbody .view:before{content:'조회';margin:0 4px 0 0;} #wrap .boardListTableCommon table tbody .view:after{content:'';position:Absolute;top:50%;right: 3cm;transform:translateY(-50%);width:1px;background:#ddd;} #wrap .boardListTableCommon table tbody .like{order: 7;padding: 0 13px 0 0;line-height: 14px;font-size: 11px;color: #707070;} #wrap .boardListTableCommon table tbody .like:before{content:'추천';margin:0 4px 0 0;} #wrap .boardListTableCommon table tr {padding: 16px 0} #wrap .boardListTableCommon table tbody tr {min-height: 108px} #wrap .boardListTableCommon table tr.hasThumb {min-height: 108px;} #wrap .boardListTableCommon table tr.hasThumb {padding: 16px 0} #wrap .boardListTableCommon table tbody .company {display: none} #wrap .boardListTableCommon table tbody tr.hasThumb .subject {height: 42px;line-height:120%} #wrap .boardListTableCommon table tbody .subject {text-align: left !important;font-size: 15px;height: auto;line-height: 22px;margin-bottom: 4px} #wrap .boardListTableCommon table tbody .subject .new {width: 14px;height: 13px; background:url("../img/sub/ico_new.png") no-repeat; display: inline-flex;vertical-align: text-top; margin: 6px 0 0 10px;} #wrap .boardListTableCommon table tbody .subject .cmt {color: #EB3F3D} #wrap .boardListTableCommon table tbody .nick{order: 1;display: block;text-align: left !important;font-size: 11px;line-height:12px;margin-top:1px;} #wrap .boardListTableCommon table tbody .star {display: none} #wrap .boardListTableCommon table tbody .date {font-size: 11px} #wrap .boardListTableCommon table tbody .view {font-size: 11px} #wrap .boardListTableCommon table tbody .thumb {width: 90px; height: 60px;border: none} #wrap .boardListTableCommon table tbody .mainBoardItemTd {width: 100%} #wrap .boardListTableCommon table tbody .mainBoardItem {display: flex;width: 100%;} #wrap .boardListTableCommon table tbody .mainBoardItem .lt {width: 100%} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .subject {margin-bottom: 10px;height: auto} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .subject .label{display: flex;gap: 4px;margin-right: 8px;} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .subject .label .ico{margin:0 !important;} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .subject a{ display: flex;align-items:center; max-height: 44px} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .subject a .tit {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .subject p {display: flex;width: 100%;line-height: 24px;} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .subject.tl {margin-bottom: 4px} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .company {margin: 0} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .info {display: flex; flex-wrap: wrap; gap: 4px 12px; line-height: 14px;} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .info .nick {line-height: 14px;margin: 0} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .info .date {padding: 0} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .info .view {padding: 0} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .info .like {padding: 0} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .info > div {position: relative} #wrap .boardListTableCommon table tbody .mainBoardItem .lt .info > div:after { content: ''; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); width: 1px; height: 10px; background: #ebebeb; } #wrap .boardListTableCommon table tbody .mainBoardItem .lt .info > div:last-child:after {display: none} #wrap .boardListTableCommon table tbody tr.hasThumb .lt {width: calc(100% - 104px)} #main .gallery.repairReview {border-bottom: 0;padding: 0 20px} #main .gallery.repairReview .review {margin: 0;border-top: 0} #main .gallery.repairReview .title {gap: 24px;margin-bottom: 14px;border-bottom: 1px solid #ddd;padding-bottom: 14px;} #main .gallery.repairReview .title .tab {height: 18px} #main .gallery.repairReview .title .tab ul {} #main .gallery.repairReview .title .tab li { border-right: 1px solid #ccc; padding-right: 5px;} #main .gallery.repairReview .title .tab li:last-child{border-right: 0} #main .gallery.repairReview .title .tab li a {font-size: 18px; color: #707070;height: auto;line-height: 18px;padding: 8;border: none} #main .gallery.repairReview .title .tab li.on a {border: 1px solid #eb3f3d;color: #eb3f3d;border-radius: 20px;} #main .gallery.repairReview .more {top: 0} #main .gallery.repairReview .more a {font-size: 16px; line-height: 16px; height: 16px} #main .gallery.repairReview .pcReviewTab {display: flex; gap: 50px;} #main .gallery.repairReview .pcReviewTab .tab-box {flex: 1} #main .gallery.repairReview .allianceBanner {display: flex;gap: 17px; flex-direction: column;width: 324px;padding-top: 30px} #main .gallery.repairReview .allianceBanner .box {width: 100%; aspect-ratio: 9 / 6;} #main .gallery.repairReview .allianceBanner img {width: 100%; height: 100%; object-fit: cover} #wrap .boardListTableCommon.review table tbody .company {display: block;order: 0} #wrap .boardListTableCommon.review table tbody .company a {display: flex; align-items: center; margin-bottom: 8px;gap: 4px} #wrap .boardListTableCommon.review table tbody .company p {font-size: 13px; line-height: 16px;} #wrap .boardListTableCommon.review table tbody .subject .ico {line-height: 11px;font-size: 13px; color: #909090;font-weight:500;padding:3px 3px;border: 1px solid #ddd;border-radius: 4px;line-height: 13px;display: inline-flex;vertical-align: 1px;margin-right: 2px;} #wrap .boardListTableCommon.review table tbody .subject span.ico.ico1 {color: #0066B3} #wrap .boardListTableCommon.review table tbody .subject span.ico.ico2 {color: #06C270} #wrap .boardListTableCommon.review table tbody .subject span.ico.ico3 {color: #EB3F3D} #wrap .boardListTableCommon.review table tbody .star{position: relative;width:80px;height:16px;/*background: url("../img/common/star_g.png") repeat-x left center / auto 100%;*/display: block} #wrap .boardListTableCommon.review table tbody .star i{position:absolute;top:0;left:0;height:100%;background: url("../img/common/star.png") repeat-x left center / auto 100%;margin: 0} #reservation .calendar {margin: 0 auto} #reservation .calendar .list .week {border-top: 2px solid #909090; border-bottom: 1px solid #909090;} #reservation .calendar .list .week .day {height: 50px} #reservation .calendar .list .month .day {height: 50px;justify-content: center} #reservation .calendar .head .month {justify-content: start} #reservation .calendar .list .month .day.past .num{opacity: 0.25} #reservation .calendar .list .month .day.disabled {color: #000} #reservation .calendar .list .month .day.today {background: #fff} #reservation .calendar .list .month .day .num {width: 40px;height: 40px;display: flex; align-items: center;justify-content:center;text-align:center;flex-direction:column;} #reservation .calendar .list .month .day.sun{} #reservation .calendar .list .month .day.holi .num:after{content: '휴무';display: block;font-size: 11px;color: #000;} #reservation .calendar .list .month .day.today .num {border-radius: 50%; border: 2px solid #00A3FF;opacity: 1; color: #1c1c1c40} #reservation .calendar .list .month .day.select .num {border-radius: 50%; background:#ff3334; border:2px solid #ff3334;color: #fff } #reservation .calendar .list .month .day.select .num:after{color:#fff;} #reservation .calendar .head {display: flex;align-items: center;gap: 20px} #reservation .calendar .head .unit {display: flex;gap: 16px} #reservation .calendar .head .unit p {display: flex;align-items: center;gap: 4px;} #reservation .calendar .head .unit p span {color: #000;line-height: 18px} #reservation .calendar .head .unit p.todayLabel i {display: block;width: 18px;height: 18px;border-radius: 50%;border: 2px solid #00A3FF;flex: 1} #reservation .calendar .head .unit p.selectLabel i {display: block;width: 18px;height: 18px;background: #EB3F3D;border-radius: 50%;border: 2px solid #EB3F3D;flex: 1} #reservation .calendar .head .option {display: none} #reservation.reservationCalendar .tool {padding: 24px 0 0px;display: flex;justify-content: end} #reservation.reservationCalendar .tool .rt .companyTypeLabel {display: flex;gap:16px;align-items: center} #reservation.reservationCalendar .tool .rt .companyTypeLabel > div {display: flex;align-items: center;gap: 8px} #reservation.reservationCalendar .tool .rt .companyTypeLabel p {border: 1px solid #ededed; border-radius: 4px;font-size: 14px; line-height: 14px;display: flex; justify-content: center;align-items: center;width: 24px;height: 24px;} #reservation.reservationCalendar .tool .rt .companyTypeLabel .ico1 {color: #0066B3} #reservation.reservationCalendar .tool .rt .companyTypeLabel .ico2 {color: #06C270} #reservation.reservationCalendar .tool .rt .companyTypeLabel .ico3 {color: #EB3F3D} #reservation .timer {margin-top: 0px} #reservation .timer .list {padding: 0} #reservation .timer .list > ul > li {box-shadow: none;padding: 0;border-radius: 0;margin-bottom: 32px;position: relative} #reservation .timer .list > ul > li + li {border-top: 0} #reservation .timer .list > ul > li .head {margin-bottom: 12px;gap: 8px;position: relative} #reservation .timer .list > ul > li .head a {font-size: 18px;line-height: 24px;font-weight: 700;color: #1c1c1c;display: block} #reservation .timer .list > ul > li .head .star {display: flex;align-items: center} #reservation .timer .list > ul > li .head .star i {background: url(../img/common/star.png) no-repeat 50% 50% / contain;width: 24px;height: 24px;display: inline-flex;background-size: 20px 19px; margin-top: -2px} #reservation .timer .list > ul > li .head .star span {font-size: 18px; line-height: 18px} #reservation .timer .list > ul > li .head .companyTypeLabel {display: flex;gap:4px} #reservation .timer .list > ul > li .head .companyTypeLabel p {border: 1px solid #ededed; padding: 5px; border-radius: 4px;font-size: 14px; line-height: 14px} #reservation .timer .list > ul > li .head .companyTypeLabel .ico1 {color: #0066B3} #reservation .timer .list > ul > li .head .companyTypeLabel .ico2 {color: #06C270} #reservation .timer .list > ul > li .head .companyTypeLabel .ico3 {color: #EB3F3D} #reservation .timer .list > ul > li .unit {/*position: absolute;*/ right: 0;top: 2px;order: 1;position: relative;text-align: right} #reservation .timer .list > ul > li .unit span {color: #EB3F3D} #reservation .timer .list > ul > li .branchInner {position: relative; box-shadow: 0px 0px 10px 0px #0000001A;border-radius: 12px; padding: 24px; display: flex;justify-content: space-between;align-items: center} #reservation .timer .list > ul > li .area {width: 100%} #reservation .timer .list > ul > li .cont {position:relative;padding: 0 0 0 16px;flex: 1;gap: 12px} #reservation .timer .list > ul > li .cont .loca {margin: 0; font-size: 14px; line-height: 14px;display: flex;width: 100%} #reservation .timer .list > ul > li .cont .loca a {color: #555;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: left; word-break: break-all; width: 80%;} #reservation .timer .list > ul > li .cont .loca .distanceTxt {color:#0066B3; margin-left: 12px} #reservation .timer .list > ul > li .cont .tel {line-height: 14px} #reservation .timer .list > ul > li .cont .tel a {font-size: 14px; color: #555} #reservation .timer .list > ul > li .info {margin:0} #reservation .timer .list > ul > li .info p{font-size: 12px; color: #909090} #reservation .timer .list > ul > li .info p span {font-weight: 500; color: #000} #reservation .timer .list > ul > li .time {margin: 0 0 0 30px;display: flex;flex-direction: column;gap: 17px} #reservation .timer .list > ul > li .time ul {flex-wrap: wrap;width: 572px;order: 2} #reservation .timer .list > ul > li .time li.timeBtn {width: 108px; transition: all .2s} #reservation .timer .list > ul > li .time li.timeBtn.disabled {background: #eee} #reservation .timer .list > ul > li .time li.timeBtn:hover {background: #EB3F3D; color: #fff; border: 1px solid #EB3F3D;} #reservation .timer .list > ul > li .time li.timeBtn:hover span {display: none} #reservation .timer .list > ul > li .time li.timeBtn:hover:after {content: '예약하기';line-height: 40px} #reservation .timer .list > ul > li .time li.timeBtn span .red {color: #EB3F3D} #reservation .timer .list > ul > li .icon {width: 180px; height: 120px; border-radius: 8px} #reservation .timer .list > ul > li .booking {margin: 4px 0 0 0;gap: 8px} #reservation .timer .list > ul > li .booking .btn {height: 32px; padding: 0 22px; color: #1c1c1c; border:1px solid #ddd;font-size: 14px;pointer-events: inherit} #reservation .timer .list > ul > li .holidayBackground {position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: #eeeeee75;display: flex;justify-content: center;align-items: center;} #reservation .timer .list > ul > li .holidayBackground .holidayIcon {display: flex; align-items: center;gap: 20px} #reservation .timer .list > ul > li .holidayBackground .holidayIcon img {height: 78px} #reservation .timer .list > ul > li .holidayBackground .holidayIcon p {font-size: 24px; color: #000; font-weight: bold} #reservation .timer .list > ul > li .holidayBackground .holidayIcon span {color: #EB3F3D} #reservation .timer .list > ul > li .branchInner.holiday {pointer-events: none} #reservation .timer .list > ul > li .navi{display:none !important;} #reservation .timer .list.dis {pointer-events: none; min-height: 200px;padding-top:140px} #reservation .timer .list .todayLock {display: none} #reservation .timer .list .todayLock.on { display: flex; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.6); top: 0; left: 0; align-items: start; justify-content: center; } #reservation .timer .list .todayLock .lockPop {display: flex; align-items: center; justify-content: space-between; width: 500px; height: 120px;padding: 20px 72px; background: #fff; border-radius: 20px; border: 1px solid #707070} #reservation .timer .list .todayLock .lockPop .icon img {margin-right:20px;height: 80px;} #reservation .timer .list .todayLock .lockPop .txt {display: flex; flex-direction: column;gap:4px} #reservation .timer .list .todayLock .lockPop .txt .subj {font-size: 20px; font-weight: bold;} #reservation .timer .list .todayLock .lockPop .txt .cont span {display:block;font-size: 15px; line-height: 22.54px;color: #707070} #branch .detail .board .branchEvent .cate li a.ico1 {color: #0066B3} #branch .detail .board .branchEvent .cate li a.ico2 {color: #06C270} #branch .detail .board .branchEvent .cate li a.ico3 {color: #EB3F3D} #branch .detail .board .branchEvent .table td {padding: 11px 7px} #branch .detail .board .branchEvent .table td.thm img {width: 70px; height: 46px; border-radius: 6px;object-fit: cover;border:1px solid #ccc} #branch .detail .board .branchEvent .table td [class^=ico] {width: 24px; height: 24px} #branch .detail .board .branchEvent .table td a {flex-direction: column;gap: 4px;align-items: start} #branch .detail .board .branchEvent .eventDday em.flag { width: 50px; height: 20px; font-size: 12px; background: #EB3F3D; color: #fff; justify-content: center; align-items: center; border-radius: 20px; } #branch .detail .board .branchEvent .eventDday em.flag.end {background: #909090;color: #fff} #branch .detail .board .branchEvent .eventDday span {color: #909090;font-size: 13px; line-height: 13px} #branch .detail .infor .cont .companyName dd {justify-content: space-between;} #branch .detail .infor .cont .companyName dd .bCodeCheckLink {display: flex;height: 32px;border: 1px solid #707070;align-items: center;justify-content: center;width: 120px;font-size: 14px;border-radius: 32px;color: #707070;} #office .section .header {margin: 0 0 25px;align-items: start;min-height: auto} #office .section .reservation .month {justify-content: center} #office .section .reservation .month {position: relative} #office .section .reservation .month .tool{display: flex;align-items: center;margin: 0;position: absolute;right: 0;top: 0} #office .section .reservation .month .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 .reservation .month .tool a i{width: 16px;height: 16px;} #office .section .reservation .month .tool a p{line-height: 1;font-size: 15px;color: #707070;} #office .section .reservation .month .tool a.bookBtn{} #office .section .reservation .month .tool a.bookBtn i{background: url("../img/common/cog.png") no-repeat 50% 50% / contain;} #office .detail .commentBox .file {border: 0 !important; padding: 0 !important;} #header .header .menuV2 ul li.on a {color: #EB3F3D} #event .detail .onestop .bottom {border-bottom: 0} #office .section .reservation .detail dd .txt.normal .chk {gap: 12px} #office .section .reservation .detail dd .txt.normal .chk label {gap: 3px} #office .section .reservation .detail dd .txt.normal .chk label input ~ p {font-size: 14px} #community .table .subject .cmt {color: #EB3F3D} #product .product .table table td .c_red {vertical-align: baseline; margin-left: 0} #product .product .table table tbody .subject .new {width: 14px;height: 13px; background:url("../img/sub/ico_new.png") no-repeat; display: inline-flex;vertical-align: text-top; margin: 6px 0 0 10px;} #product .product .table table td i.ic-lock {vertical-align: text-bottom;margin: 4px 0 0 4px;position: relative;top: -1px;} #event .detail .table table td .km {margin: 0 0 0 4px} #product .product.product_advice .search {margin: 25px 0} #product .product.product_advice .tool {margin: 0} #product .product.product_advice .tool .toggBox .checkbox {height: auto} #office .section .header.mb40 {margin-bottom: 40px} #office .section .search{display: flex;} #office .section .search form{display: flex;gap: 8px;} #office .section .search .sel{width: 120px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 8px;} #office .section .search .sel select{width: 100%;height: 48px;border: 0;padding: 8px 16px;font-size: 13px;} #office .section .search .inp{width: 252px;display: flex;align-items: center;border: 1px solid #ddd;border-radius: 8px;} #office .section .search .inp input{flex: 1;width: 100%;height: 48px;background: transparent;padding: 8px 16px;font-size: 13px;} #office .section .search .inp button{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: transparent;} #office .section .search .inp button img{height:20px;} .comment .frm .bot .submit button.disabled {background: #c1c1c1 !important; pointer-events: none} #branch .detail .view .comment .frm {margin: 0;padding: 24px 24px 10px} #branch .detail .view .comment .frm .bot .file label {display: none} #branch .detail .view .comment .frm .bot .file label.on {display: block} #branch .detail .view .comment .frm .commentImgBox {} #branch .detail .view .comment .frm .commentImgBox ul {display: flex;gap: 12px;flex-direction: row} #branch .detail .view .comment .frm .commentImgBox ul li {position: relative;margin: 10px 0 0 0;border: none !important; width: 90px; height: 60px; padding: 0 !important; border-radius: 8px; overflow: hidden;background: #fff} #branch .detail .view .comment .frm .commentImgBox ul li .commentImg {width: 100%; height: 100%; object-fit: cover} #branch .detail .view .comment .frm .commentImgBox ul li .commentImgDelete{position: absolute;top: 4px; right: 4px; width: 16px;cursor: pointer} #branch .detail .view .comment .commentBox li .commentImgBox {} #branch .detail .view .comment .commentBox li .commentImgBox ul {display: flex;gap: 12px;flex-direction: row} #branch .detail .view .comment .commentBox li .commentImgBox ul li {border: none !important; width: 90px; height: 60px; padding: 0 !important; border-radius: 8px; overflow: hidden;background: #fff} #branch .detail .view .comment .commentBox li .commentImgBox ul li .commentImg {width: 100%; height: 100%; object-fit: cover} #branch .detail .view .comment .commentBox li .commentImgBox ul li .commentImgDelete{position: absolute;top: 4px; right: 4px; width: 16px;cursor: pointer} #branch .detail .view .comment .commentBox li .commentImgBox .imgGallery li {cursor: pointer} #container #event .viewWrap .detail.view .comment .frm .commentImgBox ul li {position: relative; margin: 10px 0 0 0} #branch .detail .review .view .bottom .share.on > ul {flex-direction: row} #branch .event .detail .counter.branchCounter .total dt {margin-right: 6px} #branch .event .detail .counter.branchCounter .total dd strong {color: #303030; font-weight: 400} #branch .event .detail .counter.branchCounter .share > a {gap: 8px; font-weight: 500;} #branch .event .detail .counter.branchCounter .total dd .goodIco {width: 14px;height: 14px; background:url("../img/sub/board_good_g.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #branch .event .detail .counter.branchCounter .total dd .goodIco.on {width: 14px;height: 14px; background:url("../img/sub/board_good_r.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #branch .event .detail .counter.branchCounter .total dd .cmtIco {width: 16px;height: 16px; background:url("../img/sub/board_cmt.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #branch .event .detail .counter.branchCounter .total dd span {color: #303030; font-weight: 400} } @media (max-width: 1099px){ #wrap #container {padding: 90px 0 0 0;} #heading {top: 48px; height: 42px;} #wrap.main .subTopMo { display: none;} .subTopMo {border-bottom: 4px solid #F4F4F4;position: fixed; width: 100%; z-index: 1011;background:#EB3F3D} .subTopMo ul {display: flex; } .subTopMo ul li {width: auto} .subTopMo ul li a {padding: 14px 8px;color: #FDD1D1; font-weight: 400;font-size: 15px;line-height: 16px;display: block;letter-spacing:-1px;} .subTopMo ul li.on {position: relative} .subTopMo ul li.on a {color: #fff;font-weight: 500; } .subTopMo ul li.on:after {content: '';height: 2px;display: block;position: absolute; width: 100%;left: 0; bottom: 0;background: #fff;} .subTopMo1{background-color:#0061ae !important;} .subTopMo1 ul li a{color:rgba(255,255,255,0.95);} .subTopMo2{background-color:#07a440 !important;} .subTopMo2 ul li a{color:rgba(255,255,255,0.95);} #container .loca li a {padding: 0 7px; font-size: 15px;font-weight:600;color:#999; letter-spacing:-0.8px;} #product .product.product_review .tabs {padding: 0 20px} #product .tabs{margin: 0 auto 48px;/*display: none;*/ margin-bottom: 0} #product .tabs ul{display: flex;} #product .tabs li{flex: 1;position:relative;} #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;border-bottom: 1px solid #dddddd;} #product .tabs li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:transparent} #product .tabs li.on a{color:#EB3F3D} #product .tabs li.on a:after{height:2px;background:#EB3F3D} #product .product.product_review .topSearch {display: flex;flex-wrap: wrap;border-bottom: 2px solid #f4f4f4;} #product .product.product_review .tools {padding:0 21px;order:2} #product .product.product_review .tool {padding:0;order:1} #product .product.product_review .search .select {display: flex} #product .product.product_review .search .companySelect {} #product .product.product_review .search {border-bottom: 0;padding: 16px 20px} #product .product .table table tbody tr {padding: 16px 0} #product .product .table table tbody tr {min-height: auto} #product .product .table table tbody tr.hasThumb {min-height: 96px;padding: 16px 95px 16px 0} #product .product .table table tbody .company {display: block; order: 0} #product .product .table table tbody .company a{display: flex; margin-bottom: 4px} #product .product .table table tbody .company p{font-size: 13px; line-height: 16px} #product .product .table table tbody tr.hasThumb .subject {/*height: 38px;*/line-height: normal} #product .product .table table tbody .subject {text-align: left !important;font-size: 16px;height: auto;line-height: 22px;margin-bottom: 4px} #product .product .table table tbody .subject .new {width: 14px;height: 13px; background:url("../img/sub/ico_new.png") no-repeat; display: inline-flex;vertical-align: text-top; margin: 6px 0 0 4px;} #product .product .table table tbody .subject .cmt {color: #EB3F3D;font-size:13px;} #product .product .table table tbody .nick{order: 1;display: block;text-align: left !important;font-size: 11px;line-height:12px;margin-top:1px;} #product .product .table table tbody .star {display: none} #product .product .table table tbody .date {font-size: 11px} #product .product .table table tbody .view {font-size: 11px} #product .product .table table tbody .thumb {width: 90px; height: 60px;border: none;} #product .product.product_review .tools .tool {padding-bottom: 16px} #product .product.product_review .tools .toggBox {padding-bottom: 16px} #product .product.product_review .tools .toggBox .checkbox{display:flex;align-items:center;height: auto;cursor:pointer} #product .product.product_review .tools .toggBox .checkbox input{display:none;} #product .product.product_review .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} #product .product.product_review .tools .toggBox .checkbox input ~ p{font-size: 15px;font-weight:400;color:#1c1c1c;line-height: 20px} #product .product.product_review .tools .toggBox .checkbox input ~ p span{font-weight:300;color:#707070;} #product .product.product_review .tools .toggBox .checkbox input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain} #product .product.product_review .table table tbody .company a{gap: 0px;} #product .product.product_review .table table tbody .company .star{position: relative;width:80px;height:16px;/*background: url("../img/common/star_g.png") repeat-x left center / auto 100%;*/display: block} #product .product.product_review .table table tbody .company .star i{position:absolute;top:0;left:0;height:100%;background: url("../img/common/star.png") repeat-x left center / auto 100%;margin: 0} #product .product.product_review .table table tbody .label{display:flex;align-items:center;} #product .product.product_review .table table tbody .label span {color: #909090;font-size: 11px; line-height: 11px} #product .product.product_review .table table tbody .label span.ico {font-size: 11px; padding:2px 3px;border: 1px solid #EDEDED;border-radius: 4px;line-height: 11px;display: inline-flex;width: 16px;height: 16px } #product .product.product_review .table table tbody .label span.ico.ico1 {color: #0066B3} #product .product.product_review .table table tbody .label span.ico.ico2 {color: #06C270} #product .product.product_review .table table tbody .label span.ico.ico3 {color: #EB3F3D} #product .product .bottom {padding: 0} #product .product .paging {margin: 0;margin-bottom: 30px} #product .product .paging .first {display: none} #product .product .paging .last {display: none} #product .product .list li .addr {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; text-align: left; word-break: keep-all;} #product .product .search .flexBox {display: flex;width: 100%;} #product .product .search .pencil{flex-shrink: 0;} #product .product .search .pencil .btn{display: flex;align-items: center;margin-left:6px;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;} #product .product.gallery .search .select {display: flex} #product .product.gallery .search .select:nth-child(3) {width: calc(50% - 8px)} #product .product.gallery .search .companySelect {display: none} #branch .loca li:after {display: block; } #product .product .list li .rank span {min-width: 28px; height: 18px; font-size: 10px} #product .product .table table tbody .thumb {width: 90px; height: 60px;bottom: auto;/*top: 36px*/} #product.write .form {border-bottom: 0;gap: 6px} #product.write .button { flex-direction: row;} #product.write .p20{padding-left:20px;padding-right:20px;} #product.write .form dl {display:flex;flex-direction: row;flex-wrap: wrap;gap: 6px 0} #product.write .form dl.vertical {flex-direction: column;gap: 10px} #product.write .form dl dt{width: 24%;height:48px;font-size:12px;display:flex;align-items:center;justify-content:flex-start;} #product.write .form dl dd {flex: unset;width:76%; display: flex;} #product.write .form dl.area {margin-bottom: 26px} #product.write .form dl.vertical dt {width: 100%;height: 14px} #product.write .form dl.vertical dd {width: 100%} #product.write .form dd .inp {width: 100%; border: 1px solid #dddddd; border-radius: 6px;} #product.write .form dd .inp input{border:0 !important;} #product.write .form dl.vertical + .vertical {margin-top: 24px} #product.write .form dd + dt {margin-top: 0} #product.write .form dl {align-items: start} #product.write .form dd .chk.star {padding: 12px 0} #community .community .table table tbody tr {} #community .community .table table tbody tr.hasThumb {padding: 10px 112px 10px 0 !important} #community .community .table table tbody .thumb {width: 92px; height: 62px} #community .community .table table tbody .thumb a {display: block;width: 100%; height: 100%} #community .community .table table tbody .thumb a img { width: 100%; height: 100%; object-fit: cover} #community .community .table tr {padding: 10px 0;} #community .community .table table tbody tr {min-height: auto} #community .community .table tr.hasThumb {padding: 10px 112px 10px 0 !important} #community .community .table table tbody .company {display: none} #community .community .table table tbody tr.hasThumb .subject {line-height: normal} #community .community .table table tbody .subject {text-align: left !important;font-size: 15px;height: auto;line-height: 22px;} #community .community .table table tbody .subject a {line-height: normal;} #community .community .table table tbody .subject .tit{margin-right:5px;} #community .community .table table tbody .subject .new {width: 14px;height:20px; background:url("../img/sub/ico_new.png") no-repeat 50% 50% / 14px 13px; display: inline-flex;vertical-align: text-top;margin-right:5px;} #community .community .table table tbody .subject .cmt {font-size:12px;color: #EB3F3D;vertical-align: text-top;line-height: 20px;display: inline-block;margin-right:5px;} #community .community .table table tbody .nick{order: 1;display: block;text-align: left !important;font-size: 11px;line-height: 14px;margin-right: 0; padding: 0 13px 0 0} #community .community .table table tbody .star {display: none} #community .community .table table tbody .date {font-size: 11px} #community .community .table table tbody .view {font-size: 11px} #community .community .table table tbody .thumb {width: 90px; height: 60px;border: none} #container .viewWrap .detail.view {padding-top: 0;padding:0 20px;} #container .viewWrap .detail.view .bottom { padding: 30px 0 32px !important;margin: 0 !important;border-top: 1px solid #ddd !important; background: transparent !important;} #container .viewWrap .detail.view .bottom .total dt {margin-right: 6px} #container .viewWrap .detail.view .bottom .total dd strong {color: #303030; font-weight: 400} #container .viewWrap .detail.view .counter {border-bottom: 0;height: auto} #container .viewWrap .detail.view .counter .total dl {height: auto} #container .viewWrap .detail.view .counter .share {display: flex} #container .viewWrap .detail.view .bottom .share > a {gap: 8px; font-weight: 500;height: auto} #container .viewWrap .detail.view .bottom .total dd .goodIco {width: 14px;height: 14px; background:url("../img/sub/board_good_g.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #container .viewWrap .detail.view .bottom .total dd .goodIco.on {width: 14px;height: 14px; background:url("../img/sub/board_good_r.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #container .viewWrap .detail.view .bottom .total dd .cmtIco {width: 16px;height: 16px; background:url("../img/sub/board_cmt.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #container .viewWrap .detail.view .bottom .total dd span {color: #303030; font-weight: 400} #container .viewWrap .detail.view .profile {padding-top: 0} #container .viewWrap .detail.view .profile .con .inner {gap: 0} #container .viewWrap .detail.view .profile .con .inner dl {margin-right: 10px} #container .viewWrap .detail.view .profile .con .inner dl + dl {padding-left: 10px;} #container .viewWrap .detail.view .profile .con .inner dl + dl:before { content: '';position: absolute; top: 50%;left: 0; transform: translateY(-50%); width: 1px;height: 10px; background: #ddd;} #container .viewWrap .detail.view .head {padding: 16px 0;border-top: 1px solid #ddd;font-size: 16px;text-align: left;} #container .viewWrap .detail.view .head .tool{flex-shrink: 0;display: flex;align-items: center;margin: 0 0 0 20px;} #container .viewWrap .detail.view .head .tool button{display:none !important;} #container .viewWrap .detail.view .head .tool ul{position: relative; display: flex; align-items: center; justify-content: center; right: 0; top: 0; padding: 0; box-shadow: none; width: auto; background: transparent; z-index: auto;flex-direction: row;gap: 2px;margin:0;} #container .viewWrap .detail.view .head .tool li{position:relative;} #container .viewWrap .detail.view .head .tool li a{font-size:12px;color:#707070;gap: 4px;display: flex;align-items: center;justify-content: center;height: 16px} #container .viewWrap .detail.view .head .tool li a img{height:16px;width:auto;} #container .viewWrap .detail.view .head .tool li + li{padding: 0 0 0 2px;margin: 0 0 0 2px;} #container .viewWrap .detail.view .head .tool > a{font-size:14px;} #container .viewWrap .detail.view .head .tool > a + a{margin-left:10px;} #container .viewWrap .detail.view .head .subject {line-height: 24px} #container .viewWrap .detail.view .cont {padding: 20px 0 64px;} #container .viewWrap .detail.view .table{overflow-x:auto;} #container .viewWrap .detail.view .table table{min-width:100%;white-space:nowrap;} #container .viewWrap .detail.view .comment .con li {padding: 12px} #container .viewWrap .detail.view .comment .frm .bg {display: none} #container .viewWrap .detail.view .comment .frm { margin: 10px 0 16px 0; border-radius: 8px; background: #F4F4F4; padding: 12px; display: block; position: relative; z-index: auto; } #container .viewWrap .detail.view .comment .frm .box { padding: 16px 12px; border-radius: 8px; border: 1px solid #ddd; background: #ffff; min-height: 128px; } #container .viewWrap .detail.view .comment .frm .caution { display: none } #container .viewWrap .detail.view .comment .frm .input { position: relative; display: block; height: auto; } #container .viewWrap .detail.view .comment .frm .inp { } #container .viewWrap .detail.view .comment .frm .inp textarea { width: 100%; height: 64px; line-height: 16px; font-size: 13px; border: none; padding: 0; } #container .viewWrap .detail.view .comment .frm .bot { display: flex; align-items: center; justify-content: space-between; margin: 10px 0 0 0; } #container .viewWrap .detail.view .comment .frm .bot .file { } #container .viewWrap .detail.view .comment .frm .bot .file label { cursor: pointer } #container .viewWrap .detail.view .comment .frm .bot .file label input { display: none; } #container .viewWrap .detail.view .comment .frm .bot .file label img { width: auto; height: 24px; } #container .viewWrap .detail.view .comment .frm #fileList { display: flex; gap: 0 10px } #container .viewWrap .detail.view .comment .frm #fileList ul { display: flex; flex-wrap: wrap; gap: 0 10px; } #container .viewWrap .detail.view .comment .frm #fileList li { position: relative; margin: 10px 0 0 0; border: 0; } #container .viewWrap .detail.view .comment .frm #fileList li .img { width: 116px; height: 72px; border-radius: 8px; overflow: hidden; border: 1px solid #ddd; } #container .viewWrap .detail.view .comment .frm #fileList li .img img { display: block; width: 100%; height: 100%; object-fit: cover; } #container .viewWrap .detail.view .comment .frm #fileList li .del { position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; cursor: pointer; } #container .viewWrap .detail.view .comment .frm #fileList li .del img { display: block; width: 100%; height: auto; } #container .viewWrap .detail.view .comment .frm .bot .submit { } #container .viewWrap .detail.view .comment .frm .bot .submit a, #container .viewWrap .detail.view .comment .frm .bot .submit button { display: flex; align-items: center; justify-content: center; min-width: 50px; height: 32px; padding: 6px 8px; border-radius: 32px; background: #555; font-size: 14px; color: #fff; } #container .viewWrap .detail.view .comment .frm .bot .file label {display: none} #container .viewWrap .detail.view .comment .frm .bot .file label.on {display: block} #container .viewWrap .detail.view .comment .frm .commentImgBox {} #container .viewWrap .detail.view .comment .frm .commentImgBox ul {display: flex;gap: 12px} #container .viewWrap .detail.view .comment .frm .commentImgBox ul li {border: none !important; width: 90px; height: 60px; padding: 0 !important; border-radius: 8px; overflow: hidden;background: #fff} #container .viewWrap .detail.view .comment .frm .commentImgBox ul li .commentImg {width: 100%; height: 100%; object-fit: cover} #container .viewWrap .detail.view .comment .frm .commentImgBox ul li .commentImgDelete{position: absolute;top: 4px; right: 4px; width: 16px;cursor: pointer} #community.viewWrap .detail .info+.info { display: flex; background: #fff; padding: 8px 0; border-bottom: 1px solid #ddd; border-radius: 0;} #community.viewWrap .detail .info+.info .lt {flex-direction: row} #community.viewWrap .detail .info+.info .lt dl {justify-content: start;position: relative;width: auto} #community.viewWrap .detail .info+.info .lt dl+dl {padding-left: 10px} #community.viewWrap .detail .info+.info .lt dl + dl:before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background: #ddd; } #container .viewWrap .detail .cont.consulting {} #container .viewWrap .detail .cont.consulting .companyTag {font-size: 13px; background: #fff;padding: 3px 5px;border:1px solid #ddd;border-radius: 4px;margin: 16px 0;color: #3a67ea;display: inline-flex;font-weight:500;} .commentBox {} .commentBox li {padding: 16px 24px; border: 1px solid #ccc !important; border-radius: 8px;position: relative} .commentBox li.replyComment {background: #F3F8FF !important; border:1px solid #d9e5f7} .commentBox li .commentEl{display: flex;gap: 24px;position: relative} .commentBox li .commentEl .commentProfile{width: 40px; height: 40px; border-radius: 50%; overflow: hidden} .commentBox li .commentEl .commentProfile img{ width: 100%; height: 100%; object-fit: cover} .commentBox li .commentInner{display: flex; flex: 1; flex-direction: column;gap: 4px} .commentBox li .commentInner .commentTop{display: flex; justify-content: start;gap: 12px; padding-bottom: 12px; border-bottom: 1px solid #eee; margin-bottom: 12px;} .commentBox li .commentInner .commentTop .left{display: flex;gap: 4px 12px; align-items: center; flex-wrap: wrap;flex: 1} .commentBox li .commentInner .commentTop .left .nick{font-size: 13px; color: #707070;line-height: 18px; font-weight: 400;width: 100%} .commentBox li .commentInner .commentTop .left .nick .myCommentLabel {font-size: 10px;background: #909090;color: #fff; padding: 2px; border-radius: 2px; vertical-align: bottom; margin-left: 4px;} .commentBox li .commentInner .commentTop .left .time{font-size: 13px; color: #707070;line-height: 18px; font-weight: 400; padding: 0 !important;} .commentBox li .commentInner .commentTop .left .like{font-size: 13px; color: #707070;line-height: 18px; font-weight: 400;display: flex;align-items: center; gap: 4px;} .commentBox li .commentInner .commentTop .left .reply{font-size: 13px; color: #707070;line-height: 18px; font-weight: 400} .commentBox li .commentInner .commentTop .left .like i { display: inline-flex;width: 12px; height: 12px; background: url(../img/sub/comment_like.png) no-repeat 50% 50% / contain; margin-top: -2px; } .commentBox li .commentInner .commentTop .left .like.on i { display: inline-flex;width: 12px; height: 12px; background: url(../img/sub/comment_like_on.png) no-repeat 50% 50% / contain; margin-top: -2px; } .commentBox li .commentInner .commentTop .left .like.on {color: #EB3F3D} .commentBox li .commentInner .commentTop .right {display: flex; gap: 12px;position: absolute; right: 12px} .commentBox li .commentInner .commentTop .right a {font-size: 13px; color: #707070;line-height: 18px; font-weight: 400} .commentBox li .commentInner .commentCont {font-size: 15px;color: #333;padding-right: 25px} .commentBox li .commentInner .commentCont i{ background: url(../img/common/icon_lock.png) no-repeat 50% 50% / contain; width: 18px; height: 18px; display: inline-flex; vertical-align: text-top; margin: 0 0 0 4px;} .commentBox li .commentInner .modifyForm {display: none} .commentBox li.edit .commentInner .commentCont {display: none} .commentBox li.edit .commentInner .modifyForm {display: block;} .commentBox li.edit .commentInner .modifyForm .commentModifyEditor{font-size: 15px;color: #333; padding-right: 25px;} .commentBox li.edit .commentInner .modifyForm .modifyActBox {position: absolute; right: 0;bottom: 0;} .commentBox li.edit .commentInner .modifyForm .modifyActBox a {font-size: 13px; color: #1c1c1c;} .commentBox li.edit .commentInner .commentTop .right {display: none} /*.commentBox li.edit .commentImgBox {display: none}*/ .commentBox li .tagWriter {color: #1c1c1c;margin-right: 7px;font-weight: 600;font-size: 15px} .commentBox li .commentImgBox {padding-top: 12px} .commentBox li .commentImgBox ul {display: flex;gap: 8px !important; flex-direction: row !important;} .commentBox li .commentImgBox ul li {border: none !important; width: 90px; height: 60px; padding: 0 !important; border-radius: 8px; overflow: hidden;background: #fff} .commentBox li .commentImgBox ul li .commentImg {width: 100%; height: 100%; object-fit: cover} .commentBox li .commentImgBox ul li .commentImgDelete{position: absolute;top: 4px; right: 4px; width: 16px;cursor: pointer} .commentBox li .commentImgBox .imgGallery li {cursor: pointer} .commentBox li.replyCommentForm {border: 1px solid #0066ff !important;} .commentBox li.replyCommentForm .replyInner {padding-right: 0;position: relative} .commentBox li.replyCommentForm .tagWriter,.commentBox li.edit .tagWriter {color: #0066ff;white-space: nowrap;font-size: 15px;margin-right: 4px; pointer-events: none;position: absolute} .commentBox li.replyCommentForm textarea {background: transparent; width: 100%;font-size: 15px;height: 21px} .commentBox li.replyCommentForm textarea::-webkit-scrollbar {display: none; } .commentBox li.replyCommentForm .commentEditor {font-size: 15px;width: 100%} .commentBox li.replyCommentForm .commentEditor .space {height: 15px; display: inline-block} .commentBox li.replyCommentForm .commentImgBox {padding-top: 0;margin-top: 12px; border-top: 1px solid #eee;} .commentBox li.replyCommentForm .commentImgBox.on {padding-top: 12px;margin-top: 12px; border-top: 1px solid #eee} .commentBox li.replyCommentForm .replyActBox { display: flex; position: relative; align-items: center; justify-content: space-between;padding-top: 12px } .commentBox li.replyCommentForm .replyActBox .file{} .commentBox li.replyCommentForm .replyActBox .file input[type=file] {display: none} .commentBox li.replyCommentForm .replyActBox .file label{display: none; cursor: pointer} .commentBox li.replyCommentForm .replyActBox .file label img {height: 24px} .commentBox li.replyCommentForm .replyActBox .file label.on {display: block} .commentBox li.replyCommentForm .replyActBox .submit{} .commentBox li.replyCommentForm .replyActBox .submit button{ font-size: 13px; background: transparent} #wrap #popup_commentImg .inner {background: transparent; padding: 0; width: auto;} #wrap #popup_commentImg .modalClose {position: absolute; right: 20px; top: 20px; background: transparent;} #wrap #popup_commentImg .modalClose img {height: 30px} #wrap #popup_commentImg .showImg {max-width:100%;max-height: 100%} .privateCommentTxt .chk label { height: 20px; } .privateCommentTxt .chk label input ~ p { font-size: 13px; line-height: 20px; } .privateCommentTxt .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 #fff; border-radius: 50%; } #branch.productAround .around .myAddressSidoGungu {display: block; font-size: 13px; margin:16px 0 8px;line-height: 16px} #branch.productAround .content {margin: 0} #branch.productAround .around .calendar {padding: 0} #branch.productAround .around .calendar .moTop {padding: 16px 16px 8px; border-bottom: 1px solid #ddd} #branch.productAround .around .calendar .moTop .calendarTitle {font-size: 15px; line-height: 18px;margin-bottom: 4px;display:inline-block} #branch.productAround .around .calendar .moTop .helpTitle {display:inline;justify-content: space-between} #branch.productAround .around .calendar .moTop .helpTitle .subText {font-size: 11px; line-height: 14px; color: #909090} #branch.productAround .around .calendar .moTop .helpTitle .unit {display:inline-block;gap: 8px;float:right;margin-top:7px;} #branch.productAround .around .calendar .moTop .helpTitle .unit p {display: flex;align-items: center;gap: 4px;font-size: 11px;} #branch.productAround .around .calendar .moTop .helpTitle .unit p span {color: #000;line-height: 11px} #branch.productAround .around .calendar .moTop .helpTitle .unit p.todayLabel i {display: block;width: 11px;height: 11px;border-radius: 50%;border: 1px solid #00A3FF;flex: 1} #branch.productAround .around .calendar .moTop .helpTitle .unit p.selectLabel i {display: block;width: 11px;height: 11px;background: #EB3F3D;border-radius: 50%;border: 1px solid #EB3F3D;flex: 1} #branch.productAround .around .calendar .head .unit {display: none} #branch.productAround .around .calendar .head .month {padding-top: 25px} #branch.productAround .around .calendar .head .month .current {line-height: 24px; font-size: 22px} #branch.productAround .around .calendar .head .month .prev {width: 24px; height: 24px; margin: 0 12px 0 0;} #branch.productAround .around .calendar .head .month .next {width: 24px; height: 24px; margin: 0 0 0 12px;} #branch.productAround .around .calendar .list .week {margin: 0; background: #fff; border: none;margin-bottom: 15px} #branch.productAround .around .calendar .list .week .day {height: auto; margin: 0} #branch.productAround .around .calendar .list .day + .day {border: none} #branch.productAround .around .calendar .month {display: block} #branch.productAround .around .calendar .list {padding: 0 10px 8px} #branch.productAround .around .calendar .list .month .row {border: none} #branch.productAround .around .calendar .list .month .row+.row {margin-top: 8px} #branch.productAround .around .calendar .list .month .day {height: 40px; margin: 0;padding: 0;justify-content: center} #branch.productAround .around .calendar .list .month .day.past .num{opacity: 0.25} #branch.productAround .around .calendar .list .month .day.disabled {color: #000} #branch.productAround .around .calendar .list .month .day.sun {background: #fff} #branch.productAround .around .calendar .list .month .day.today {background: #fff} #branch.productAround .around .calendar .list .month .day .num {width: 40px; height: 40px; display: flex;align-items: center; justify-content: center;flex-direction:column; font-size: 16px; line-height: 40px;} #branch.productAround .around .calendar .list .month .day.today .num {border-radius: 50%; border: 2px solid #00A3FF;opacity: 1; color: #1c1c1c40} #branch.productAround .around .calendar .list .month .day.select .num {border-radius: 50%; background:#EB3F3D; border:2px solid #EB3F3D;color: #fff } #branch.productAround .around .line { width: calc(100% + 40px); height: 4px; background: #f4f4f4; left: -20px; position: relative; } #branch.productAround .around .timer {margin-top: 0} #branch.productAround .around .timer .list {padding: 0} #branch.productAround .around .timer .list > ul > li {box-shadow: none;padding: 14px 0 20px 0;border-radius: 0;position: relative} #branch.productAround .around .timer .list > ul > li + li {border-top: 2px solid #F4F4F4} #branch.productAround .around .timer .list > ul > li .head {margin-bottom: 8px;gap: 8px;position: relative} #branch.productAround .around .timer .list > ul > li .head a {font-size: 18px;font-weight: 700;color: #1c1c1c;display: flex;gap: 4px;line-height: 30px;} #branch.productAround .around .timer .list > ul > li .icon {width: 24px; height: 24px;margin-top:5px;border-radius: 50%} #branch.productAround .around .timer .list > ul > li .head .star {display: flex;align-items: center} #branch.productAround .around .timer .list > ul > li .head .star i {background: url(../img/common/star.png) no-repeat 50% 50% / contain;width: 24px;height: 24px;display: inline-flex;background-size: 20px 19px; margin-top: -2px} #branch.productAround .around .timer .list > ul > li .head .star span {font-size: 18px; line-height: 18px} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel {display: flex;gap:4px} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel p {border: 1px solid #ededed; padding: 3px; border-radius: 4px;font-size: 14px; line-height: 14px} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel .ico1 {color: #0066B3} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel .ico2 {color: #06C270} #branch.productAround .around .timer .list > ul > li .head .companyTypeLabel .ico3 {color: #EB3F3D} #branch.productAround .around .timer .list > ul > li .unit {display: flex;align-items: center;gap: 16px;font-size: 14px;margin: 16px 0 8px; order: 2;font-weight:500;} #branch.productAround .around .timer .list > ul > li .unit span {color: #EB3F3D} #branch.productAround .around .timer .list > ul > li .branchInner {position: relative;border-radius: 12px; padding: 0;display: flex;flex-direction: column} #branch.productAround .around .timer .list > ul > li .area {width: 100%; order: 1} #branch.productAround .around .timer .list > ul > li .cont {position:relative;padding: 0;display: flex;flex-direction: column;gap: 8px;} #branch.productAround .around .timer .list > ul > li .cont .loca {margin: 0; font-size: 14px; line-height: 14px;display: flex} #branch.productAround .around .timer .list > ul > li .cont .loca a {color: #555;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: left; word-break: break-all; max-width: 80%;} #branch.productAround .around .timer .list > ul > li .cont .loca .distanceTxt {color:#0066B3; margin-left: 12px} #branch.productAround .around .timer .list > ul > li .cont .tel {line-height: 14px} #branch.productAround .around .timer .list > ul > li .cont .tel a {font-size: 14px; color: #555} #branch.productAround .around .timer .list > ul > li .info {margin:0} #branch.productAround .around .timer .list > ul > li .info p{font-size: 12px; color: #909090} #branch.productAround .around .timer .list > ul > li .info p span {font-weight: 500; color: #000} #branch.productAround .around .timer .list > ul > li .time {margin: 0;order: 3} #branch.productAround .around .timer .list > ul > li .time ul {gap: 8px 5px} #branch.productAround .around .timer .list > ul > li .time li.timeBtn {height: 40px;width: calc(25% - 4px);font-size: 13px} #branch.productAround .around .timer .list > ul > li .time li.timeBtn.disabled {background: #eee} #branch.productAround .around .timer .list > ul > li .time li.timeBtn:hover {background: #EB3F3D; color: #fff; border: 1px solid #EB3F3D;} #branch.productAround .around .timer .list > ul > li .time li.timeBtn:hover span {display: none} #branch.productAround .around .timer .list > ul > li .time li.timeBtn:hover:after {content: '예약하기'} #branch.productAround .around .timer .list > ul > li .time li.timeBtn span .red {color: #EB3F3D} /*#branch.productAround .around .timer .list > ul > li .icon {width: 180px; height: 120px; border-radius: 8px}*/ #branch.productAround .around .timer .list > ul > li .booking {margin: 0;gap: 8px;flex-direction: row} #branch.productAround .around .timer .list > ul > li .booking .btn {height: 24px; padding: 0 7px; color: #1c1c1c; border:1px solid #ddd;font-size: 12px;line-height: 24px} #branch.productAround .around .timer .list > ul > li .navi{position:absolute;top:-40%;right:0;transform:translateY(-50%);} #branch.productAround .around .timer .list > ul > li .navi a{display:flex;align-items:center;justify-content:center;overflow:hidden;} #branch.productAround .around .timer .list > ul > li .navi a img{display:block;width:100%;height:100%;object-fit:cover;} #branch.productAround .around .timer .list > ul > li .holidayBackground {position: absolute;width: calc(100% + 40px);height: 100%;left: -20px;top: 0; background: #f7f7f780;display: flex;justify-content: center;align-items: center;} #branch.productAround .around .timer .list > ul > li .holidayBackground .holidayIcon {text-align: center} #branch.productAround .around .timer .list > ul > li .holidayBackground .holidayIcon img {height: 78px} #branch.productAround .around .timer .list > ul > li .holidayBackground .holidayIcon p {font-size: 15px; color: #000; font-weight: bold;line-height: 24px} #branch.productAround .around .timer .list > ul > li .holidayBackground .holidayIcon span {color: #EB3F3D} #branch.productAround .around .timer .list > ul > li.holiday {pointer-events: none;} #branch.productAround .around .timer .list > ul > li.holiday .head {opacity: 0.5;} #branch.productAround .around .timer .list > ul > li.holiday .branchInner { opacity: 0.5;} #branch.productAround .around .timer .list.dis {pointer-events: none; min-height: 100px;padding-top: 120px} #branch.productAround .around .timer .list .todayLock {display: none} #branch.productAround .around .timer .list .todayLock.on {display: flex;width: 100%;height: 100%;position: absolute;background: rgba(255, 255, 255, 0.6);top: 20px;left: 0;align-items: start;justify-content: center;} #branch.productAround .around .timer .list .todayLock .lockPop {display: flex; align-items: center; justify-content: center;gap: 22px; width: 100%; height: 100px;padding: 18px 24px; background: #fff; border-radius: 10px; border: 1px solid #707070} #branch.productAround .around .timer .list .todayLock .lockPop .icon img {height: 60px;} #branch.productAround .around .timer .list .todayLock .lockPop .txt {display: flex; flex-direction: column;gap:5px} #branch.productAround .around .timer .list .todayLock .lockPop .txt .subj {font-size: 18px; font-weight: bold;} #branch.productAround .around .timer .list .todayLock .lockPop .txt .cont span {font-size: 11px; line-height: 13.77px;color: #707070} #branch.productAround .around .tool {padding: 24px 0 0px;display: flex;justify-content: end} #branch.productAround .around .tool .rt .companyTypeLabel {display: flex;gap:16px;align-items: center} #branch.productAround .around .tool .rt .companyTypeLabel > div {display: flex;align-items: center;gap: 8px;font-size:14px;} #branch.productAround .around .tool .rt .companyTypeLabel p {border: 1px solid #ededed; border-radius: 4px;font-size: 14px; line-height: 14px;display: flex; justify-content: center;align-items: center;width: 22px;height: 22px;} #branch.productAround .around .tool .rt .companyTypeLabel .ico1 {color: #0066B3} #branch.productAround .around .tool .rt .companyTypeLabel .ico2 {color: #06C270} #branch.productAround .around .tool .rt .companyTypeLabel .ico3 {color: #EB3F3D} #event.branchEvent .zidoBox {padding: 16px 20px} #event.branchEvent .zido{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ccc;aspect-ratio: 1 / 0.94;} #event.branchEvent .zido #map{aspect-ratio: 1 / 1 !important;} #event.branchEvent .zido > img, #event.branchEvent .zido > iframe{width:100%;height: 100%;object-fit: cover;} #event.branchEvent .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;} #event.branchEvent .zido .zidoBtn i{width:20px;height:20px;background: url("../img/common/return.png") no-repeat 50% 50% / contain;margin: 0 4px 0 0;} #event.branchEvent .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;} #event.branchEvent .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%; } #event.branchEvent .customoverlay {width:140px;background: rgba(255,255,255,.84);border: 1px solid #555;box-shadow: 0 2px 8px rgba(0,0,0,.28);display: block;text-align: center;padding: 9px 10px;border-radius: 7px;} #event.branchEvent .customoverlay:after {content: '';position: absolute;bottom: -6px;width: 10px;height: 10px;background: rgba(255,255,255,.84);border: 1px solid #1c1c1c;left: calc(50% - 5px);transform: rotate(45deg);border-left: 0;border-top: 0} #event.branchEvent .customoverlay .title {color: #1c1c1c;white-space: normal;font-weight: 500;line-height: 120%;font-size:12px;} #event.branchEvent .customoverlay .dist {color: #333;white-space: normal;display: none!important} #event.branchEvent .customoverlay .price {color: #eb3f3d;font-weight: 700;} #event.branchEvent .customoverlay .price:after {content: '원'} #event.branchEvent .branch .tool {margin: 4px 0 0 0} #event.branchEvent .branch .tool+.tool {display: none} #event.branchEvent .cate li {flex: initial} #event.branchEvent .cate li a { background: #fff; border: 1px solid #dddddd;font-size: 12px;height: 20px; padding: 4px; line-height: 12px;} #event.branchEvent .cate li a.on {color: #EB3F3D;border-color: #EB3F3D;} #event.branchEvent .cate li a.ico1 {color: #0066B3} #event.branchEvent .cate li a.ico2 {color: #06C270} #event.branchEvent .cate li a.ico3 {color: #EB3F3D} #event.branchEvent .list ul {gap: 0} #event.branchEvent .list li {width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 20px; border-top: 1px solid #DDDDDD;padding:10px 0} #event.branchEvent .list li .date{position: relative;border: none;margin-bottom:8px !important;} #event.branchEvent .list li .date > p {display:flex;align-items:center;gap:6px;} #event.branchEvent .list li > .img {width: 90px; height: 60px;margin: 0;flex:0 0 auto;} #event.branchEvent .eventDday em.flag { display: inline-flex; width: auto; width: 40px;height: 18px;font-size: 11px;background: #fff8f8;color: #dd1b1b;justify-content: center;/* align-items: center; */border-radius: 20px;border: 1px solid #f2c1c1;line-height: 14px;font-weight: 400;} #event.branchEvent .eventDday em.flag.end {background: #909090;color: #fff;border:none;} #event.branchEvent .eventDday span {color: #909090;font-size: 11px; line-height: 11px} #event.branchEvent .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.branchEvent .eventDday span.ico.ico1 {color: #0066B3} #event.branchEvent .eventDday span.ico.ico2 {color: #06C270} #event.branchEvent .eventDday span.ico.ico3 {color: #EB3F3D} #event.branchEvent .list li .listInner {display: flex;flex-direction: column; flex: 1;} #event.branchEvent .list li .con {padding: 0} #event.branchEvent .list li .text {min-height: auto } #event.branchEvent .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;} #event.branchEvent .list li .side {margin: 0} #event.branchEvent .list li .price .sale {font-size: 15px; line-height: 19px;color: #EB3F3D} #event.branchEvent .list li .side p {font-size: 11px; line-height: 19px} #event.branchEvent .list li .info {margin: 10px 0 0 0;gap: 16px} #event.branchEvent .content {padding: 16px 20px} #event.branchEvent .content .list {padding: 0;} #event.branchEvent .tool .rt {padding-right: 20px} #event.branchEvent .tool .rt .companyTypeLabel {display: flex;gap:4px;align-items: center} #event.branchEvent .tool .rt .companyTypeLabel > div {display: flex;align-items: center;gap: 4px} #event.branchEvent .tool .rt .companyTypeLabel > div span {font-size: 10px;line-height: 10px} #event.branchEvent .tool .rt .companyTypeLabel p {border: 1px solid #ededed; border-radius: 4px;font-size: 11px; line-height: 11px;display: flex; justify-content: center;align-items: center;width: 16px;height: 16px;} #event.branchEvent .tool .rt .companyTypeLabel .ico1 {color: #0066B3} #event.branchEvent .tool .rt .companyTypeLabel .ico2 {color: #06C270} #event.branchEvent .tool .rt .companyTypeLabel .ico3 {color: #EB3F3D} #branch.findBranch .tools {border-bottom: 1px solid #ddd;padding-bottom: 8px;flex-direction: row;justify-content: space-between;margin: 24px 0 0 0} #branch.findBranch .tools .serviceSelectBox a {display: block; font-size: 13px; line-height: 13px; padding: 6px 15px; border-radius: 4px;border: 1px solid #ddd;} #branch.findBranch .label{display:flex;align-items:center;justify-content:flex-end;margin: 12px 0 0 0;} #branch.findBranch .label .companyTypeLabel{display: flex;gap:4px;align-items:center;gap:16px;} #branch.findBranch .label .companyTypeLabel > div{display: flex;align-items: center;gap: 8px;font-size:14px;} #branch.findBranch .label .companyTypeLabel p {border: 1px solid #ededed; padding: 5px; border-radius: 4px;font-size: 14px; line-height: 14px} #branch.findBranch .label .companyTypeLabel .ico1 {color: #0066B3} #branch.findBranch .label .companyTypeLabel .ico2 {color: #06C270} #branch.findBranch .label .companyTypeLabel .ico3 {color: #EB3F3D} #branch.findBranch .order {} #branch.findBranch .order a {font-size: 12px} #branch.findBranch .order a + a { margin-left: 6px; padding-left: 4px;} #branch.findBranch .loca{margin: 0 0 8px; margin-left:-20px; width:100vw;} #branch.findBranch .search .form .flex .con .inp {border: 1px solid #ddd; overflow: hidden} #branch.findBranch .search .form .flex .con .inp input[type="text"] {background: #fff} #branch.findBranch .search .form .flex .con .inp button[type="submit"] {background: #fff} #branch.findBranch .search .list ul {margin: 0} #branch.findBranch .search .list {margin: 0} #branch.findBranch .search .list li {width: 100%} #branch.findBranch .search .list li .upper {align-items: center} #branch.findBranch .search .list li .upper .name {font-size: 16px; line-height: 16px;margin-right: 4px;font-weight:500;} #branch.findBranch .search .list li .upper .star {display: flex;align-items: center} #branch.findBranch .search .list li .upper .star i {background: url(../img/common/star.png) no-repeat 50% 50% / contain;width: 13px;height: 13px;display: inline-flex;background-size: 16px; margin-top: 0; margin-right: 2px} #branch.findBranch .search .list li .upper .star span {font-size: 13px; line-height: 13px} #branch.findBranch .search .list li .upper .dist { color: #0066B3; margin-left: 4px;font-size: 13px; line-height: 13px} #branch.findBranch .search .list li .upper .navi{margin-left:auto;} #branch.findBranch .search .list li .upper .navi a{display:flex;align-items:center;justify-content:center;overflow:hidden;} #branch.findBranch .search .list li .upper .navi a img{display:block;width:100%;height:100%;object-fit:cover;} #branch.findBranch .search .list li .itemInner {display: flex;align-items: center} #branch.findBranch .search .list li .itemInner .left .image { width: 153px;height: 102px; aspect-ratio: auto;} #branch.findBranch .search .list li .itemInner .right {margin-left: 14px;flex:1;} #branch.findBranch .search .list li .itemInner .right .text {padding: 0; display: flex; flex-direction: column; gap: 6px;font-size: 12px; line-height: 12px; margin: 0} #branch.findBranch .search .list li .itemInner .right .text p {font-size: 13px; color: #555;line-height: 13px;display: flex;align-items: center} #branch.findBranch .search .list li .itemInner .right .text p.addr {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} #branch.findBranch .search .list li .itemInner .right .text p span {display: inline-flex;color: #EB3F3D; margin-left: 5px} #branch.findBranch .search .list li .itemInner .right .text p i {margin-left: 4px; margin-right: 4px; width: 1px; height: 12px; background: #E8E8E8;display: inline-flex} #branch.findBranch .search .list li .button .btn {height: 24px; border-radius: 8px;margin-top: 12px} #branch.findBranch .search .list li{padding: 24px 0 !important;border-bottom: 1px solid #ddd} #branch.findBranch .search .list li .companyTypeLabel {display: flex;gap:4px;margin-left: 4px} #branch.findBranch .search .list li .companyTypeLabel p {border: 1px solid #ddd; padding: 3px; border-radius: 4px;font-size: 14px; line-height: 14px} #branch.findBranch .search .list li .companyTypeLabel .ico1 {color: #0066B3} #branch.findBranch .search .list li .companyTypeLabel .ico2 {color: #06C270} #branch.findBranch .search .list li .companyTypeLabel .ico3 {color: #EB3F3D} #branch.findBranch .moreBox{display: flex; align-items: center;justify-content: center;margin:40px 0 } #branch.findBranch .moreBox a {display: inline-flex; border: 1px solid;font-size: 14px; line-height: 14px;width: 224px; height: 48px;border-radius: 48px;justify-content: center;align-items: center;padding: 0} #branch.findBranch .area_tit {margin-top: 16px} #branch.findBranch .area_tit ul {display: flex; justify-content: end;gap: 8px} #branch.findBranch .area_tit ul li {} #branch.findBranch .area_tit ul li button {background: transparent;font-size: 14px; padding: 2px 8px; line-height: 20px;border-radius: 24px; border: 1px solid #DDDDDD} #branch.findBranch .area_tit ul li button.on {color: #EB3F3D} #branch.findBranch .search {margin-bottom: 0px} #popup_filter.modal_container .inner {padding: 24px 10px 28px} #popup_filter .option ul{display:flex;flex-wrap:wrap;gap:0px;justify-content: space;padding: 0 10px} #popup_filter .option li{margin:0; line-height: 26px; width: calc(100% / 3);height: 26px;display: flex; align-items: center} #popup_filter .option .checkbox{display:flex;align-items:center;cursor:pointer;} #popup_filter .option .checkbox input{display:none;} #popup_filter .option .checkbox input ~ i{margin: 0 4px 0 0;width: 15px;height: 15px;background: url("../img/common/checkbox.png") no-repeat 50% 50% / contain;} #popup_filter .option .checkbox input ~ p{font-size: 13px;color:#1c1c1c;line-height: 13px} #popup_filter .option .checkbox input:checked ~ i{background: url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;} #popup_filter.modal_container .inner .button {margin-top: 16px; border-top: 1px solid #ddd;padding-top: 16px} #popup_filter.modal_container .inner .button a {font-size: 13px; line-height: 13px; padding: 6px 15px; border: 1px solid #EB3F3D;border-radius: 4px;color: #EB3F3D} #branch.branchDetail {padding: 18px 20px 24px} #branch.branchDetail .detail .title {font-size: 18px;} #branch.branchDetail .detail .thumb{position: relative;display:flex;width: 1100px;max-width: 100%;margin: 0 0 24px 0;} #branch.branchDetail .detail .thumb .big{width: 100%;height: 170px;overflow: hidden;border-radius: 4px;display: block} #branch.branchDetail .detail .thumb .big ul{height: 100% !important; } #branch.branchDetail .detail .thumb .big li{opacity: 0;border-radius: 4px;overflow: hidden;position: relative;z-index:4;height: 100%;width: 100%;} #branch.branchDetail .detail .thumb .big li.swiper-slide-active{opacity:1;z-index:5;width: 100%;height: 100%;} #branch.branchDetail .detail .thumb .big li a{display: block;width: 100%;height: 100%;} #branch.branchDetail .detail .thumb .big li img{display:block;width:100%;height:100%;object-fit: cover;} #branch.branchDetail .detail .thumb .small{flex-shrink:0;width: 60px;height: 170px;margin: 0 0 0 5px;overflow: hidden;padding: 0} #branch.branchDetail .detail .thumb .small ul{} #branch.branchDetail .detail .thumb .small li{border-radius: 4px;overflow: hidden;opacity:0.5} #branch.branchDetail .detail .thumb .small li.swiper-slide-thumb-active{opacity:1;} #branch.branchDetail .detail .thumb .small li a{display: block;width: 100%;height: 100%;} #branch.branchDetail .detail .thumb .small li img{display:block;width:100%;height:100%;} #branch.branchDetail .detail .inner {justify-content: start; padding: 0;margin-bottom: 20px} #branch.branchDetail .detail .star {align-items: center !important;} #branch.branchDetail .detail .star em{font-size: 18px; line-height: 18px} #branch.branchDetail .detail .star img {height: 24px} #branch.branchDetail .detail .infor {border-bottom: 4px solid #F4F4F4;margin: 0 -20px;} #branch.branchDetail .detail .infor .button {margin: 0; box-shadow : none;padding: 0 20px 24px; } #branch.branchDetail .detail .infor .button .btn {height: 40px;font-size: 14px} #branch.branchDetail .detail .congestion {padding: 24px 20px 32px;align-items: start; border-bottom: 4px solid #f4f4f4} #branch.branchDetail .detail .congestion .tit {font-size: 16px; font-weight: bold} #branch.branchDetail .detail .congestion .con .icon {position: absolute; right: 20px;top: 26px;} #branch.branchDetail .detail .congestion .chk {margin: 0 0 16px 0} #branch.branchDetail .detail .congestion .con .time {margin-bottom: 16px} #branch.branchDetail .detail .congestion .con .information {margin-top: 16px; gap: 12px} #branch.branchDetail .detail .congestion .con .b_info{margin-top:20px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #ccc;text-align:center;font-size:14px;gap:10px;height:45px;} #branch.branchDetail .detail .congestion .con .b_info img{width:15px;height:15px;object-fit:contain;} #branch.branchDetail .detail .title .stat {margin-left: 24px;gap: 20px} #branch.branchDetail .detail .label span {border: 1px solid #ddd;border-radius: 4px;font-size: 14px;line-height: 14px;/*display: flex;*/justify-content: center;align-items: center;width: 24px;height: 24px;padding:2px 3px;} #branch.branchDetail .detail .label .ico1 {color: #0066b3} #branch.branchDetail .detail .label .ico2 {color: #06c270} #branch.branchDetail .detail .label .ico3 {color: #eb3f3d} #branch.branchDetail .detail .stat{flex: 1;display: flex;align-items: center;padding: 0; border: none} #branch.branchDetail .detail .stat dl + dl:before{content:'';position:Absolute;top:50%;left:0;width:1px;height:12px;background:#ddd;transform:translateY(-50%)} #branch.branchDetail .detail .stat dt{display:flex;align-items:center;font-size:14px;color:#555;margin:0 4px 0 0;flex-shrink:0;} #branch.branchDetail .detail .stat dt .red{color:#555} #branch.branchDetail .detail .stat dt img{height:16px;width:auto;flex-shrink:0;margin:0 4px 0 0;} #branch.branchDetail .detail .stat dd{font-size:12px;line-height:12px} #branch.branchDetail .detail .stat dd span{font-weight:500;color:#0066b3;font-size: 12px;line-height: 12px} #branch.branchDetail .detail .stat dl + dl:before {display: none} #branch.branchDetail .detail .stat dl .connexionCnt {white-space: nowrap} #branch.branchDetail .detail .stat dl {position: relative;flex: 1;display: flex;align-items: center;justify-content: flex-start;height: 16px;flex: auto} #branch.branchDetail .detail .stat dt p {line-height: 12px; font-size: 12px } #branch.branchDetail .detail .stat dd p {line-height: 12px;font-weight:500;color:#1c1c1c;font-size: 12px } #branch.branchDetail .detail .tool {padding: 6px 0;margin-bottom: 0;} #branch.branchDetail .detail .holiBtn{display:flex;margin:0 11px 0 0;align-items: center;} #branch.branchDetail .detail .holiBtn i{width:18px;height:18px;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;margin:0 10px 0 0;background-size: 85%; margin-right: 4px} #branch.branchDetail .detail .holiBtn p{font-size:13px;color:#1c1c1c} #branch.branchDetail .detail .holiBtn.on i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;background-size: 85%; } #branch.branchDetail .detail .congestion .con .information dd {flex-direction: row; flex-wrap: wrap;gap: 0;font-size: 14px;line-height: 14px} #branch.branchDetail .detail .congestion .con .information dd .bh {display: flex; gap: 6px; flex-wrap: wrap} #branch.branchDetail .detail .congestion .con .information .navflex{display:flex;align-items:flex-start;justify-content:space-between;width:100%;} #branch.branchDetail .detail .congestion .con .information .navflex .navaddr{line-height:13px;flex:1;height:13px;} #branch.branchDetail .detail .congestion .con .information .navflex .navbtn{display:flex;height:13px;align-items:center;} #branch.branchDetail .detail .congestion .con .information .navflex .navbtn img{display:block;overflow:hidden;} #branch.branchDetail .detail .equipment {margin: 0; padding: 0;border: none} #branch.branchDetail .detail .equipment .more {margin: 0} #branch.branchDetail .detail .equipment .more a {border: 1px solid #ddd; padding: 0 4px 0 12px;height: 20px;border-radius:3px; } #branch.branchDetail .detail .ownedList {display: none; padding: 0 5px} #branch.branchDetail .detail .ownedList.on {display: block} #branch.branchDetail .detail .ownedList ul {display: flex;flex-wrap: wrap;gap: 0} #branch.branchDetail .detail .ownedList li{width: calc(100% / 3);display:flex;align-items:flex-start;line-height:12px;font-size:10px;white-space: nowrap;} #branch.branchDetail .detail .ownedList li:before{content:'';display:block;width:2px;height:2px;background:#1c1c1c;margin: 6px 8px 0 0;} #branch.branchDetail .detail .serviceBox {display: flex; flex-wrap: wrap; } #branch.branchDetail .detail .serviceBox .holiBtn {margin: 0 16px 0 0} #branch.branchDetail .detail .map {padding: 26px 20px 32px;align-items:stretch;} #branch.branchDetail .detail .map .head{display: flex; justify-content: space-between; width: 100%;margin-bottom:24px;} #branch.branchDetail .detail .map .tit {display: flex; justify-content: space-between; width: 100%;margin:0;} #branch.branchDetail .detail .map .tit span {font-size: 16px} #branch.branchDetail .detail .map .act {margin: 0; width: auto} #branch.branchDetail .detail .map .act a {display:block;line-height:23px;min-width: 115px; height: 23px;border-radius: 4px; font-size: 12px;background: #0066FF; border: none;padding:0 10px;white-space: nowrap;} #branch.branchDetail .detail .map .con {} #branch.branchDetail .detail .map .cont{position:relative;width:100%;height:auto;aspect-ratio:1 / 1;} #branch.branchDetail .detail .map .cont iframe{width:100% !important;height:100% !important;display:block;} #branch.branchDetail .detail .review {padding: 24px 20px 32px} #branch.branchDetail .detail .review .tit {text-align: left;display: flex;align-items: start;justify-content: space-between;flex-direction: column;gap: 16px;margin-bottom: 24px} #branch.branchDetail .detail .review .tit .left {display: flex;align-items: center;gap: 12px;line-height: 20px} #branch.branchDetail .detail .review .tit .avgStar {display: flex;align-items: center;flex-wrap: wrap;gap: 8px 0} #branch.branchDetail .detail .review .tit .avgStar > div {display: flex;margin-right: 7px} #branch.branchDetail .detail .review .tit .avgStar p {font-size: 16px;color: #373737;display: flex;align-items: center;} #branch.branchDetail .detail .review .tit .avgStar p span {color: #1c1c1c; font-size: 14px;margin-left: 7px;line-height: 12px;font-weight: 100} #branch.branchDetail .detail .review .tit .right .star {width: 80px; height: 16px;margin:0} #branch.branchDetail .detail .review .tit .right .avgStar p span {font-size: 12px;margin-left: 4px;color: #1c1c1c} #branch.branchDetail .detail .review .tit .star{position: relative;width:100px;height:20px;background: url("../img/common/star_g.png") repeat-x left center / auto 100%;margin-right: 4px} #branch.branchDetail .detail .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.branchDetail .detail .review .tab {margin: 0 0 16px 0} #branch.branchDetail .detail .review .search {margin: 16px 0 0} #branch.branchDetail .detail .review .search .input {background: #fff; border: 1px solid #ddd;margin-right: 0} #branch.branchDetail .detail .basic {position: relative} #branch.branchDetail .detail .review .item ul {border-top: 0;gap: 0} #branch.branchDetail .detail .review .item li .con {height: auto} #branch.branchDetail .detail .review .item li .con .subj em {color: #EB3F3D} #branch.branchDetail .flexBox {display: flex;gap: 6px; width: 100%;} #branch.branchDetail .pencil{flex-shrink: 0;} #branch.branchDetail .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;} #branch.branchDetail .reviewTypeBox {display: flex;gap: 10px} #branch.branchDetail .reviewTypeBox .box {width: 50%} #branch.branchDetail .detail .review .con ul {flex-wrap: nowrap;flex-direction: column;height: auto} #branch.branchDetail .detail .review .con ul li {width: 100%} #branch.branchDetail .detail .review .con li .box {width: 100%} #branch.branchDetail .detail .review .txt {font-size: 14px; margin-bottom: 12px;padding-top: 8px; margin-bottom: 16px; display: block} #branch.branchDetail .detail .review .txt span {justify-content: center} #branch.branchDetail .detail .review .con li .box {font-size: 11px; height: 32px; padding: 12px 4px} #branch.branchDetail .detail .review .con li .box p {font-size: 11px} #branch.branchDetail .detail .review .con li .box em {font-size: 11px} #branch.branchDetail .detail .review .con li .box i {width: 14px; height: 14px;} #branch.branchDetail .detail .review .con .more {display: none} #branch.branchDetail .detail .review .con.reviewTab .more {display: block;margin-bottom: 0} #branch.branchDetail .detail .review .con.reviewTab .bottom {margin: 0} #branch.branchDetail .detail .review .con.reviewTab .bottom .button {margin: 0} #branch.branchDetail .detail .review .con.reviewTab .bottom .btn {position: absolute; right: 0; bottom: 0;width: 68px} #branch.branchDetail .detail .review .button {margin: 24px 0 0; display: flex;justify-content: center;} #branch.branchDetail .detail .review .button .btn {width: 120px; height: 30px; display: flex; flex: initial;} #branch.branchDetail .detail .review .button .reviewSubmitBtn {display: none} #branch.branchDetail .detail .review .reviewTab .write .button {flex-direction: row; margin-top: 8px;} #branch.branchDetail .detail .review .reviewTab .write .button a {height: 48px} #branch.branchDetail .detail .review.edit .button .btn {display: none} #branch.branchDetail .detail .review.edit .button .reviewSubmitBtn {display: flex} #branch.branchDetail .detail .board .basic .popular {display: none} #branch.branchDetail .detail .board .basic .tool {margin: 0;min-height: auto} #branch.branchDetail .detail .board .item {margin-top: 0} #branch.branchDetail .detail .board .item ul {border: none} #branch.branchDetail .detail .board .item li.empty {border: none;text-align: center} #branch.branchDetail .detail .board .list li .date .period {flex:auto} #branch.branchDetail .detail .board .basic .tool .search .input {background: #fff; border: 1px solid #ddd} #branch.branchDetail .detail .latest .tab li a {border: 1px solid #ddd; color: #707070} #branch.branchDetail .detail .latest .tab li+li a {border-left: 0} #branch.branchDetail .detail .latest .tab li.on a { background: #EB3F3D; color: #fff;} #branch.branchDetail .detail .latest .tab {margin: 0 0 16px 0} #branch.branchDetail .detail .latest .cate ul {gap: 0} #branch.branchDetail .detail .latest .cate li a {background: #fff; border: none; border-bottom: 1px solid #ddd; border-radius: 0;font-size:16px;} #branch.branchDetail .detail .latest .cate li a.on {color: #EB3F3D;background: #fff; border-bottom: 2px solid #EB3F3D;} #branch.branchDetail .detail .write .form dd .chk.star {flex-wrap: nowrap; flex-direction: column; align-items: start !important;} #branch.branchDetail .detail .write .form dd .chk.star label {gap: 0} #branch.branchDetail .detail .write .form dd .chk.star label img {height: 20px} #branch.branchDetail .detail .write .form dd .chk.star label p {margin-left: 6px} #branch.branchDetail .caution{border-bottom: 1px solid #ddd;} #branch.branchDetail .caution .desc{padding: 80px 0;display:flex;} #branch.branchDetail .caution .desc .ico{width:347px;flex-shrink:0;margin: 0 40px 0 60px;display: flex;align-items: center;justify-content: flex-start;order: 2;} #branch.branchDetail .caution .desc .con{flex: 1;order: 1;} #branch.branchDetail .caution .desc .con .tit{line-height: 1;font-size: 24px;font-weight: 500;color: #1c1c1c;margin: 0 0 28px 0;} #branch.branchDetail .caution .desc .con .txt{width: 100%;gap: 24px;flex-wrap: wrap;} #branch.branchDetail .caution .desc .con .txt > div{position: relative;padding: 0 0 0 20px;} #branch.branchDetail .caution .desc .con .txt > div i{position: absolute;top: 0;left: 0;line-height:30px;} #branch.branchDetail .caution .desc .con .txt > div strong{line-height: 20px;font-size: 16px;font-weight: 500;color: #1c1c1c;} #branch.branchDetail .caution .desc .con .txt > div strong + p{margin-top: 4px;} #branch.branchDetail .caution .desc .con .txt > div p{line-height: 20px;font-size: 14px;min-height: 40px;} #branch.branchDetail .caution .desc .con .txt.col{flex-direction:column;line-height:180%} #branch.branchDetail .caution .desc .con .txt.col > div{line-height:140%} #branch.branchDetail .caution .desc .con .txt.row{flex-direction: column;line-height:180%} #branch.branchDetail .caution .desc .con .txt.row > div{/*width: calc(50% - 12px);*/} #branch.branchDetail .caution .desc + .desc{border-top:1px solid #ddd;} #branch.branchDetail .latest .list .img {padding: 0; aspect-ratio: 9 / 6;} #branch.branchDetail .latest .list .img img {width: 100%; height: 100%} #branch.branchDetail .detail .latest .list .con {flex: 1} #branch.branchDetail .detail .latest .list li {padding: 0 8px 22px} #branch.branchDetail .detail .cautionBox {margin: 0 -20px} #branch.branchDetail .detail .cautionBox img{width: 100%} #branch.branchDetail .detail .more {margin-bottom: 0} #b_info{position:fixed;top:0;left:0;z-index:1012;width:100%;height:100%;display:none;flex-direction:column;justify-content:center;} #b_info.active{display:flex;} #b_info .b_info_bx{position:relative;z-index:2;margin:0 auto;width:533px;max-width:calc(100% - 40px);border-radius:10px;overflow:hidden;background:#ffffff;} #b_info .b_info_bx .tit{display:flex;align-items:center;justify-content:center;height:59px;background:#05a4bc;font-size:18px;font-weight:500;color:#fff;text-align:center;} #b_info .b_info_bx .cls{position:absolute;top:0;right:0;width:59px;height:59px;display:block;cursor:pointer;text-indent:-9999em;overflow:hidden;} #b_info .b_info_bx .cls:before{content:'';position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);} #b_info .b_info_bx .cls:after{content:'';position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(135deg);} #b_info .b_info_bx .con{padding:15px 15px 16px;background:#fff;} #b_info .b_info_bx .con dl{display:flex;padding:10px 0;line-height:20px;} #b_info .b_info_bx .con dl + dl{border-top:1px solid #ddd;} #b_info .b_info_bx .con dt{width:110px;padding:0 10px;font-size:14px;font-weight:bold;color:#333;} #b_info .b_info_bx .con dd{flex:1;padding:0 0 0 10px;font-size:14px;font-weight:400;color:#555;} #b_info .b_info_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;} #reservation.reservationForm .form {padding: 24px 20px 40px;gap: 12px} #reservation.reservationForm .form dl {} #reservation.reservationForm .form dl.horizontal {flex-wrap: wrap;flex-direction: row;align-items: center} #reservation.reservationForm .form dl.horizontal dt {width: 78px; margin: 0} #reservation.reservationForm .form dl.horizontal dd {width: calc(100% - 92px); display: flex; margin-left: 14px} #reservation.reservationForm .form dd .txt,#reservation.reservationForm .form dd .inp {border: none;border: 1px solid #ddd; border-radius: 8px;overflow: hidden} #reservation.reservationForm .form dd + dt {padding: 0} #reservation.reservationForm .form dd + dt + dd {margin-top: 12px} /* #repair .standard .tabs li a {border:1px solid #ddd} #repair .standard .tabs li + li a {border-left: none} #repair .standard .tabs li.on a {border: 1px solid #EB3F3D} #repair .standard .tabs li.on a:after { display: none} */ #specification .standard .tabs li a {} #specification .standard .tabs li + li a {border-left: none} #specification .standard .tabs li.on a {border: 1px solid #777} #specification .standard .tabs li.on a:after { display: none} .maintenance .loca li a i{width: 24px; height: 24px;margin-right: 4px;} .maintenance .loca li:nth-child(1) a i {background: url("../img/main/quick6_new.png") no-repeat 50% 50% / contain;} .maintenance .loca li:nth-child(2) a i {background: url("../img/main/quick4_new.png") no-repeat 50% 50% / contain;} .maintenance .loca li:nth-child(3) a i {background: url("../img/main/quick3_new.png") no-repeat 50% 50% / contain;} #container .maintenance .loca li a {} #container .maintenance .loca li {opacity: 1;filter: grayscale(100%);} #container .maintenance .loca li.on {opacity: 1;filter: grayscale(0);} #container .maintenance .loca li.on a {background: #fff !important; color: #1c1c1c !important;font-weight: bold} #container .maintenance .loca ul {border: none} #wrap #popup_view_check {padding: 0 12px} #wrap #popup_view_check .tabs {margin: 0 0 12px} #wrap #popup_view_check .inner {padding: 16px} #wrap #popup_view_check .close {display: none} #wrap #popup_view_check .cont {padding: 0} #wrap #popup_view_check .cont .tool {display: none} #wrap #popup_view_check .cont .table ul {display: flex; gap: 4px 16px; flex-wrap: wrap;} #wrap #popup_view_check .cont .table ul li {width: calc((100% / 2) - 8px); border: 1px solid #ddd; border-radius: 8px; height: 44px;display: flex; justify-content: space-between; align-items: start;padding: 6px 8px;flex-direction: column} #wrap #popup_view_check .cont .table ul li .company {display: flex; align-items: center; gap: 4px;font-size: 12px; color: #1c1c1c; line-height: 12px;} #wrap #popup_view_check .cont .table ul li .company i{width: 14.5px;height: 17px;background: url(../img/sub/gongim_g.png) no-repeat 50% 50% / contain;display: inline-block} #wrap #popup_view_check .cont .table ul li .time {color: #909090; font-size: 10px; line-height: 10px;padding-left: 18.5px} #wrap #popup_view_check .paging {margin: 16px 0 0 } #header .header .logo {position: relative} #header .header .logo a.franchiseBtn {margin-left: 20px; width:auto; height: 26px; border-radius: 24px; border: 1px solid #ddd; display: inline-flex; align-items: center;justify-content: center;font-size: 12px;font-weight:500;padding:0 8px;line-height:20px;} #header .header .logo a.franchiseBtn i {width: 16px; height: 16px; background: url(../img/sub/franchise_user.png) no-repeat 50% 50% / contain;margin-left: 4px; display: block} #franchise .myrank {margin: 15px 20px 0 20px} #franchise .myrank .rank .txt {white-space: nowrap} #franchise .mystore .cog { } #franchise .mystore .cog a { display: flex; align-items: center; color: #707070; font-size: 13px; font-weight: 400; gap: 4px; } #franchise .mystore .cog a:after { content: ''; width: 20px; height: 20px; background: url("../img/common/cog.png") no-repeat 50% 50% / contain } #franchise .mystore .cont .name {display: flex; align-items: center; gap: 15px;} #franchise .mystore .cont .name > a { text-overflow: ellipsis; overflow: hidden; display: block; max-width: calc(100% - 110px); text-wrap: nowrap; } #franchise .category .con ul {display: flex; flex-direction: row; gap: 8px 16px; flex-wrap: wrap; padding: 24px 20px 16px; margin: 0 -20px; } #franchise .category .con ul.bottomList { margin: 0 -20px; padding: 24px 0 0; gap: 0; border-bottom: 1px solid #ddd; } #franchise .category .con ul.bottomList li {border-radius: 0; border: 1px solid #ddd;border-bottom: 0;border-left: 0; width: 50%;padding-left:10px;} #franchise .category .con ul.bottomList li a {border: 0;height: 40px} #franchise .category .con ul.bottomList li p {font-size: 15px} #franchise .category .con ul.bottomList li p .new { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #eb3f3d; vertical-align: text-top; margin-left: 4px; } #franchise .category .con ul.bottomList li i {display: block} #franchise .category .con ul+ul {border-top: 8px solid #F4F4F4} #franchise .category .con ul li { width: calc(50% - 8px); } #franchise .category .con li a {padding: 14px 12px;gap: 4px;height: 48px;box-shadow: none; border: 1px solid #ccc} #franchise .category .con li img {max-height: 20px} #franchise .category .con li p {font-size: 15px;} #franchise .category .con li i {display: none} #franchise .category .con li em {padding:0 5px;font-size: 10px;height: 18px;line-height: 12px;font-weight: 600;} #franchise .category .con2 {} #franchise .category .con2 ul {display: flex;flex-wrap: wrap;margin: 0 -8px -16px} #franchise .category .con2 li {width: 33.33%;padding: 0 8px 16px} #franchise .category .con2 li a {position: relative;display: block;padding: 75% 0 0} #franchise .category .con2 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: #fff;box-shadow: 0 0 8px rgba(0,0,0,.12);border-radius: 16px} #franchise .category .con2 li img {margin-bottom: 10px;display: block;width: auto;max-height: 40px} #franchise .reservation{} #franchise .reservation .month{display: flex;align-items: center;justify-content: center;margin:0 0 16px;} #franchise .reservation .month .current{margin:0 24px;height:40px;font-size:24px;font-weight:bold;background:transparent} #franchise .reservation .month .prev{width: 40px;height: 40px;background:transparent} #franchise .reservation .month .prev img{width:100%;height:100%;object-fit:contain} #franchise .reservation .month .next{width: 40px;height: 40px;background:transparent} #franchise .reservation .month .next img{width:100%;height:100%;object-fit:contain} #franchise .reservation .view{display:flex;align-items:center;justify-content:center;margin: 16px 0;} #franchise .reservation .view .badge{display: flex;align-items: center;gap: 10px;} #franchise .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;} #franchise .reservation .view .badge p.badge1{color: #0066B3;} #franchise .reservation .view .badge p.badge2{color: #06C270;} #franchise .reservation .view .badge p.badge3{color: #EB3F3D;} #franchise .reservation .view .stat{display: flex;align-items: center;justify-content: center;gap: 25px;} #franchise .reservation .view .stat p{position:relative;line-height: 20px;font-size: 10px;color: #1c1c1c;} #franchise .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%)} #franchise .reservation .view .stat p.stat1 span{color: #aaa} #franchise .reservation .view .stat p.stat2 span{color:#1c1c1c} #franchise .reservation .view .stat p.stat3 span{color:#707070;text-decoration:line-through} #franchise .reservation .view .stat p.stat4 span{color: #EB3F3D;} #franchise .reservation .calendar{ margin: 0 6px 60px; border: 1px solid #ddd; border-top: 0;border-bottom: 0} #franchise .reservation .calendar .week{} #franchise .reservation .calendar .week ul{display:flex;gap: 1px;background: #ddd;border-top: 1px solid #ccc;} #franchise .reservation .calendar .week li{flex: 1;display: flex;align-items: center;justify-content: center;height: 30px;border-bottom: 1px solid #ddd;background: #f4f4f4;flex-shrink: 0;font-size: 15px;} #franchise .reservation .calendar .week li.sun{color: #EB3F3D;} #franchise .reservation .calendar .week li.sat{color: #0066B3;} #franchise .reservation .calendar .days{} #franchise .reservation .calendar .days ul{display: flex;gap: 1px;background: #ddd;border-bottom: 1px solid #ddd;} #franchise .reservation .calendar .days li{background: #fff;display: flex;flex-direction: column;flex: 1;} #franchise .reservation .calendar .days li .head{display: flex;align-items: center;justify-content: center;height: 30px;border-bottom: 1px solid #ddd;background: #fff;padding: 2px 8px;} #franchise .reservation .calendar .days li .head .num{font-size: 14px;font-weight: 500;color: #1c1c1c;} #franchise .reservation .calendar .days li .head .act{display: flex;align-items: center;gap: 8px;display: none} #franchise .reservation .calendar .days li .head .act a{display: flex;align-items: center;justify-content: center;} #franchise .reservation .calendar .days li .head .act a i{display:block;width: 16px;height: 16px;background: #f4f4f4;} #franchise .reservation .calendar .days li .head .act a.barBtn i{background:url("../img/common/bar.png") no-repeat 50% 50% / contain} #franchise .reservation .calendar .days li .head .act a.cogBtn i{background:url("../img/common/cog.png") no-repeat 50% 50% / contain} #franchise .reservation .calendar .days li .cont{min-height: 50px;display: flex;flex-direction: column;flex: 1;} #franchise .reservation .calendar .days li .cont.holidayBack {background: #fef4f4} #franchise .reservation .calendar .days li .cont p{padding: 1px;display: flex;align-items: center;gap: 1px;height: 16px} #franchise .reservation .calendar .days li .cont p:nth-child(1){padding-top:4px} #franchise .reservation .calendar .days li .cont p span{line-height:16px;font-size: 10px;flex-shrink: 0;} #franchise .reservation .calendar .days li .cont p .number{font-size: 9px;} #franchise .reservation .calendar .days li .cont p .name{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;max-width: 34px;} #franchise .reservation .calendar .days li .cont p .comment{} #franchise .reservation .calendar .days li .cont p .time{margin-left: auto;font-size: 10px;} #franchise .reservation .calendar .days li .cont p.holiday{display: flex;align-items: center;justify-content: center;flex: 1;background: #fef4f4;font-size: 9px;padding: 0 !important;} #franchise .reservation .calendar .days li .cont p.holiday.holidayPlus {padding: 10px 0 !important;} #franchise .reservation .calendar .days li .cont p.holiday_s {display: flex;align-items: center;justify-content: center;flex: 1;background: #f7f7f7;font-size: 12px;padding: 0 !important;} #franchise .reservation .calendar .days li .cont p.step1{} #franchise .reservation .calendar .days li .cont p.step1 span, #franchise .reservation .calendar .days li .cont p.step1 span a{color: #aaaaaa;} #franchise .reservation .calendar .days li .cont p.step2{} #franchise .reservation .calendar .days li .cont p.step2 span, #franchise .reservation .calendar .days li .cont p.step2 span a{color: #1c1c1c;} #franchise .reservation .calendar .days li .cont p.step3{} #franchise .reservation .calendar .days li .cont p.step3 span, #franchise .reservation .calendar .days li .cont p.step3 span a{text-decoration: line-through;color: #1c1c1c;} #franchise .reservation .calendar .days li.sun .head .num{color:#EB3F3D} #franchise .reservation .calendar .days li.sat .head .num{color:#0066B3} #franchise .reservation .form{} #franchise .reservation .schedule{margin: 48px 0 0} #franchise .reservation .schedule ul{display:flex;gap: 1px;} #franchise .reservation .schedule li{flex:1;height: 56px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 15px;flex-shrink: 0;} #franchise .reservation .schedule .head{background: #F4F4F4;border-top: 1px solid #707070;border-bottom: 1px solid #ddd;} #franchise .reservation .schedule .head ul{} #franchise .reservation .schedule .head li{background: #F4F4F4;} #franchise .reservation .schedule .body{display: flex;gap: 1px;background: #ddd; } #franchise .reservation .schedule .body ul{border-bottom: 1px solid #ddd;flex-direction: column;flex: 1;} #franchise .reservation .schedule .body ul li{background: #fff;flex: unset;} #franchise .reservation .schedule .body ul.disabled li{} #franchise .reservation .schedule .body ul.disabled li:not(:nth-child(1)){background:#f4f4f4;pointer-events:none;} #franchise .reservation .schedule .body ul.disabled li:not(:nth-child(1)) label input ~ p{color:#ccc;} #franchise .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} #franchise .reservation .schedule .body .total{} #franchise .reservation .schedule .body .total li{} #franchise .reservation .schedule .body label{display:flex;align-items:center;height: 24px;cursor:pointer;min-width: 64px;} #franchise .reservation .schedule .body label input{display:none;} #franchise .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} #franchise .reservation .schedule .body label input ~ p{font-size:15px;font-weight:400;color:#1c1c1c} #franchise .reservation .schedule .body label input ~ p span{color: #EB3F3D;} #franchise .reservation .schedule .body label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain} #franchise .reservation .detail{margin:0 0 64px;border-top: 1px solid #dddddd;} #franchise .reservation .detail dl{display: flex;border-bottom: 1px solid #dddddd;} #franchise .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;} #franchise .reservation .detail dt img{height: 18px;width:auto;margin: 0 6px 0 0;} #franchise .reservation .detail dd{flex: 1;display: flex;min-height: 56px;padding: 20px 24px;flex-direction: column;gap: 10px;} #franchise .reservation .detail dd .txt{display: flex;align-items: center;justify-content: flex-start;width: 100%;min-height: 16px;font-size: 15px;color: #1c1c1c;} #franchise .reservation .detail dd .txt.red{color:#eb3f3d;} #franchise .reservation .detail dd .txt.red small{margin-left:20px;font-size:12px;} #franchise .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} #franchise .reservation .detail dd .box1{color:#0066b3} #franchise .reservation .detail dd .status01{color: #0066b3;} #franchise .reservation .detail dd .status02{color: #EB3F3D;} #franchise .reservation .detail dd .status03{color: #8600BB;} #franchise .reservation .detail dd .status04{color: #707070;} #franchise .reservation .detail dd .status05{color: #1c1c1c;} #franchise .reservation .detail dd .con{} #franchise .reservation .detail dd .con img{margin:0 0 16px 0;border-radius:10px;overflow:hidden;object-fit:contain;max-width: 100%} #franchise .reservation .button{margin:56px 0 0;display: flex;align-items: center;justify-content: center;gap:8px} #franchise .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;} #franchise .reservation .form .item dl {flex-direction: row; align-items: center} #franchise .reservation .form .item dt {width: 92px; margin-bottom: 0;height:48px;} #franchise .reservation .form .item dd .txt {padding: 17px 16px;min-height: auto;font-size: 14px;line-height: 14px;border-radius: 8px;border: 1px solid #ddd;} #franchise .reservation .form .item dd .txt.nob {border: none;padding: 0 16px;} #franchise .reservation .form .item {gap: 12px} #franchise .reservation .form dd .chk{display: flex;flex-wrap: wrap;gap: 2px;min-height: 48px;align-items: center;} #franchise .reservation .form dd .chk.normal {gap: 12px} #franchise .reservation .form dd .chk label{display:flex;align-items:center;height: 24px;cursor:pointer;gap: 3px} #franchise .reservation .form dd .chk label input{display:none;} #franchise .reservation .form dd .chk label input ~ i{width:24px;height:24px;flex-shrink:0;margin:0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain;background-size: 85%} #franchise .reservation .form dd .chk label input ~ p{font-size:12px;font-weight:400;color:#1c1c1c;line-height: 12px} #franchise .reservation .form dd .chk label input ~ p span{font-weight:300;color:#707070;} #franchise .reservation .form dd .chk label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;background-size: 85%} #franchise .reservation .form dd .txt2 {flex-wrap: wrap;gap: 4px} #franchise .reservation .form dd .chkBox {display: flex; align-items: center;gap: 4px;width: 100%} #franchise .reservation .form dd .chkBox img {height: 20px} #franchise .reservation .form .item dl.at {align-items: start} #franchise .reservation .form .item dl.at .txt.nob {padding: 14px 0;} #franchise .reservation .form .item dl.vertical {flex-direction: column;gap: 12px} #franchise .reservation .form .item dl.vertical dt{width: 100%;} #franchise .reservation .form .item dl.vertical+.vertical {margin-top: 24px} #franchise .reservation .bottom .comment .con li {padding: 12px} #franchise .reservation .bottom .comment .frm .bg {display: none} #franchise .reservation .bottom .comment .frm { margin: 10px 0 16px 0; border-radius: 8px; background: #F4F4F4; padding: 12px; display: block; position: relative; z-index: auto; } #franchise .reservation .bottom .comment .frm .box { padding: 16px 12px; border-radius: 8px; border: 1px solid #ddd; background: #ffff; min-height: 128px; } #franchise .reservation .bottom .comment .frm .caution { display: none } #franchise .reservation .bottom .comment .frm .input { position: relative; display: block; height: auto;border: none } #franchise .reservation .bottom .comment .frm .inp { } #franchise .reservation .bottom .comment .frm .inp textarea { width: 100%; height: 64px; line-height: 16px; font-size: 13px; border: none; padding: 0; } #franchise .reservation .bottom .comment .frm .bot { display: flex; align-items: center; justify-content: space-between; margin: 10px 0 0 0; } #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 #fileList { display: flex; gap: 0 10px } #franchise .reservation .bottom .comment .frm #fileList ul { display: flex; flex-wrap: wrap; gap: 0 10px; } #franchise .reservation .bottom .comment .frm #fileList li { position: relative; margin: 10px 0 0 0; border: 0; } #franchise .reservation .bottom .comment .frm #fileList li .img { width: 116px; height: 72px; border-radius: 8px; overflow: hidden; border: 1px solid #ddd; } #franchise .reservation .bottom .comment .frm #fileList li .img img { display: block; width: 100%; height: 100%; object-fit: cover; } #franchise .reservation .bottom .comment .frm #fileList li .del { position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; cursor: pointer; } #franchise .reservation .bottom .comment .frm #fileList li .del img { display: block; width: 100%; height: auto; } #franchise .reservation .bottom .comment .frm .bot .submit { } #franchise .reservation .bottom .comment .frm .bot .submit a, #container .viewWrap .detail.view .comment .frm .bot .submit button { display: flex; align-items: center; justify-content: center; min-width: 50px; height: 32px; padding: 6px 8px; border-radius: 32px; background: #555; font-size: 14px; color: #fff; } #franchise .reservation .bottom .comment .frm .bot .file label {display: none} #franchise .reservation .bottom .comment .frm .bot .file label.on {display: block} #franchise .reservation .bottom .comment .frm .commentImgBox {} #franchise .reservation .bottom .comment .frm .commentImgBox ul {display: flex;gap: 12px} #franchise .reservation .bottom .comment .frm .commentImgBox ul li {border: none !important; width: 90px; height: 60px; padding: 0 !important; border-radius: 8px; overflow: hidden;background: #fff} #franchise .reservation .bottom .comment .frm .commentImgBox ul li .commentImg {width: 100%; height: 100%; object-fit: cover} #franchise .reservation .bottom .comment .frm .commentImgBox ul li .commentImgDelete{position: absolute;top: 4px; right: 4px; width: 16px;cursor: pointer} #franchise .reservation .bottom { padding: 17px 20px 32px !important;margin: 0 !important;border-top: 0 !important; background: transparent !important;} #franchise .reservation .bottom .total dt {margin-right: 6px} #franchise .reservation .bottom .total dd strong {color: #303030; font-weight: 400} #franchise .reservation .bottom .counter {border-bottom: 0;height: auto} #franchise .reservation .bottom .counter .total dl {height: auto} #franchise .reservation .bottom .counter .share {display: flex} #franchise .reservation .bottom .share > a {gap: 8px; font-weight: 500;height: auto} #franchise .reservation .bottom .total dd .goodIco {width: 14px;height: 14px; background:url("../img/sub/board_good_g.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #franchise .reservation .bottom .total dd .goodIco.on {width: 14px;height: 14px; background:url("../img/sub/board_good_r.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #franchise .reservation .bottom .total dd .cmtIco {width: 16px;height: 16px; background:url("../img/sub/board_cmt.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #franchise .reservation .bottom .total dd span {color: #303030; font-weight: 400} #franchise .reservation .form .button {position: relative;padding: 0 20px; box-shadow: none;gap: 16px} #franchise .reservation .form .button .btn {height: 48px; border-radius: 48px} #franchise .reservation .form .button .btn.listBtn {border: 1px solid #1C1C1C; } #franchise .reservation .form .button .btn.saveStatus {color: #EB3F3D; border: 1px solid #EB3F3D} #product .product .table table tbody .subject a {display: flex;justify-content: start;align-items:flex-start;min-height:auto;} #product .product .table table tbody .subject p{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: left !important;position: relative} #product .product .table table tbody .subject em {font-size: 12px; margin-left: 0;margin-top: 0; vertical-align: text-bottom} #community .community .table table tbody .subject a {display: flex;justify-content: start;align-items:flex-start;/*min-height:36px;*/} #community .community .table table tbody .subject a p{display:flex;width:100%;} #community .community .table table tbody .subject a p .tit{max-width:calc(100% - 50px);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} #community .community .table table tbody .subject a p .ntc{display: inline-flex;white-space: nowrap;margin: 0 2px 0 0;vertical-align: top;height: 19px;} #community .community .table table tbody .subject a p .cmt{white-space: nowrap;flex: 0 0 auto;display: inline-flex;font-size: 13px;vertical-align: 1px;position: relative;top: 1px;} #community .community .table table tbody tr.communityBanner {margin: 0 -20px;min-height: 80px;padding: 0;} #community .table table .communityBanner td {width: 100%;display: flex} #community .table table .communityBanner td img {width: 100%;height: 100%} #community .table table .communityBanner .banner {margin: 0} #wrap .boardListTableCommon{padding: 0;border-top: 2px solid #f4f4f4;border-bottom: 0} #wrap .boardListTableCommon table{display:flex;border-top: 0 !important;} #wrap .boardListTableCommon table colgroup{display:none} #wrap .boardListTableCommon table thead{display:none;} #wrap .boardListTableCommon table tbody{display:flex;flex-direction:column;width: 100%;} #wrap .boardListTableCommon table tbody tr{position:relative;display:flex;flex-wrap:wrap;padding: 16px 0;border-bottom: 1px solid #e9e9e9;min-height:92px;} #wrap .boardListTableCommon table tbody tr.noImg {padding: 16px 0} #wrap .boardListTableCommon table tbody td{position: relative;border:0;height: auto;padding: 0;margin: 0;} #wrap .boardListTableCommon 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;display: none} #wrap .boardListTableCommon table tbody .number p{margin: 0;} #wrap .boardListTableCommon table tbody .company{order:2;margin-right:5px;} #wrap .boardListTableCommon table tbody .company p{margin: 0;text-align: left !important;color: #707070;font-size:10px;} #wrap .boardListTableCommon table tbody .subject{order:0;margin: 0 0 0px 0;width: 100%;height: 38px;overflow: hidden;} #wrap .boardListTableCommon table tbody .subject a{display: inline;overflow: hidden;padding: 0 10px 0 0;} #wrap .boardListTableCommon table tbody .subject p{display: inline;vertical-align:top} #wrap .boardListTableCommon 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;} #wrap .boardListTableCommon table tbody .subject .ico {display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;font-size: 12px;font-weight: 500;border: 1px solid #ededed;} #wrap .boardListTableCommon table tbody .subject .ico1 {color: #0066b3;} #wrap .boardListTableCommon table tbody .subject .ico2 {color: #06c270;} #wrap .boardListTableCommon table tbody .subject .ico3 {color: #eb3f3d;} #wrap .boardListTableCommon table tbody .thumb{order: 4;position: absolute;bottom: 16px;right: 0;width: 90px;height: 64px;border: 1px solid #ddd;border-radius: 8px;display: flex;align-items: center;justify-content: center;overflow: hidden;} #wrap .boardListTableCommon table tbody .thumb.tac {display: none} #wrap .boardListTableCommon table tbody .thumb img{width:100%;height:100%;object-fit:cover;} #wrap .boardListTableCommon table tbody .thumb.mo-view{display:block;} #wrap .boardListTableCommon table tbody .nick{order:2;font-size: 10px;color: #707070;display: flex;align-items: center;justify-content: flex-start;margin-right:5px;display: none;} #wrap .boardListTableCommon table tbody .date{order: 5;padding: 0 13px 0 0;line-height: 14px;font-size: 10px;color: #707070;} #wrap .boardListTableCommon table tbody .date:after{content:'';position:Absolute;top:50%;right:3px;transform:translateY(-50%);width:1px;background:#ddd;} #wrap .boardListTableCommon table tbody .view{order: 6;padding: 0 13px 0 0;line-height: 14px;font-size: 10px;color: #707070;} #wrap .boardListTableCommon table tbody .view:before{content:'조회';margin:0 4px 0 0;} #wrap .boardListTableCommon table tbody .view:after{content:'';position:Absolute;top:50%;right: 3px;transform:translateY(-50%);width:1px;background:#ddd;} #wrap .boardListTableCommon table tbody .like{order: 7;padding: 0 13px 0 0;line-height: 14px;font-size: 11px;color: #707070;} #wrap .boardListTableCommon table tbody .like:before{content:'추천';margin:0 4px 0 0;} #wrap .boardListTableCommon table tr {padding: 16px 0} #wrap .boardListTableCommon table tbody tr {min-height: auto} #wrap .boardListTableCommon table tr.hasThumb {min-height: 92px;} #wrap .boardListTableCommon table tr.hasThumb {padding: 16px 95px 16px 0} #wrap .boardListTableCommon table tbody .company {display: none} #wrap .boardListTableCommon table tbody tr.hasThumb .subject {height: 44px;line-height: normal} #wrap .boardListTableCommon table tbody .subject {text-align: left !important;font-size: 15px;height: auto;line-height: 22px;margin-bottom: 4px} #wrap .boardListTableCommon table tbody .subject .new {width: 14px;height: 13px; background:url("../img/sub/ico_new.png") no-repeat; display: inline-flex;vertical-align: text-top; margin: 2px 0 0 4px;} #wrap .boardListTableCommon table tbody .subject .cmt {color: #EB3F3D} #wrap .boardListTableCommon table tbody .nick{order: 1;display: block;text-align: left !important;font-size: 11px;line-height:12px;margin-top:1px;} #wrap .boardListTableCommon table tbody .star {display: none} #wrap .boardListTableCommon table tbody .date {font-size: 11px} #wrap .boardListTableCommon table tbody .view {font-size: 11px} #wrap .boardListTableCommon table tbody .thumb {width: 90px; height: 60px;border: none} #main .gallery.repairReview {border-bottom: 0;padding: 0 20px} #main .gallery.repairReview .title {gap: 16px;margin-bottom: 16px;} #main .gallery.repairReview .title .tab {height: 12px} #main .gallery.repairReview .title .tab ul {} #main .gallery.repairReview .title .tab li {padding-right: 5px;} #main .gallery.repairReview .title .tab li:last-child{border-right: 0} #main .gallery.repairReview .title .tab li a {font-size: 12px; color: #707070;height: auto;line-height: 12px;padding: 8px;border:1px solid #ddd} #main .gallery.repairReview .title .tab li.on a {border-color:#eb3f3d;color: #eb3f3d;border-radius: 20px;} #main .gallery.repairReview .more {top: 4px} #main .gallery.repairReview .more a {font-size: 12px; line-height: 12px; height: 12px} #wrap .boardListTableCommon.review table tbody .company {display: block;order: 0} #wrap .boardListTableCommon.review table tbody .company a {display: flex; align-items: center; margin-bottom: 4px;gap: 4px} #wrap .boardListTableCommon.review table tbody .company span {color: #909090;font-size: 11px; line-height: 11px} #wrap .boardListTableCommon.review table tbody .company span.ico {font-size: 11px; padding:2px;border: 1px solid #EDEDED;border-radius: 4px;line-height: 11px;display: inline-flex;width: 16px;height: 16px } #wrap .boardListTableCommon.review table tbody .company span.ico.ico1 {color: #0066B3} #wrap .boardListTableCommon.review table tbody .company span.ico.ico2 {color: #06C270} #wrap .boardListTableCommon.review table tbody .company span.ico.ico3 {color: #EB3F3D} #wrap .boardListTableCommon.review table tbody .company p {font-size: 13px; line-height: 16px;} #wrap .boardListTableCommon.review table tbody .star{position: relative;width:80px;height:16px;/*background: url("../img/common/star_g.png") repeat-x left center / auto 100%;*/display: block} #wrap .boardListTableCommon.review table tbody .star i{position:absolute;top:0;left:0;height:100%;background: url("../img/common/star.png") repeat-x left center / auto 100%;margin: 0} #main .event.alliance {padding: 24px 20px 0} #main .event.alliance .title {margin: 0 0 16px 0} #main .event.alliance .allianceBanner {display: flex;gap: 10px} #main .event.alliance .allianceBanner .box {width: calc(50% - 5px);aspect-ratio: 9 / 6;} #main .event.alliance .allianceBanner img {width: 100%; height: 100%; object-fit: cover} #main .gallery.community {border-bottom: 0;padding: 24px 20px 40px} #main .gallery.community .title {gap: 16px;margin-bottom: 16px} #main .gallery.community .title .tab {height: 12px} #main .gallery.community .title .tab ul {} #main .gallery.community .title .tab li {padding-right: 5px;} #main .gallery.community .title .tab li:last-child{border-right: 0} #main .gallery.community .title .tab li a {font-size: 12px; color: #707070;height: auto;line-height: 12px;padding: 8px;border:1px solid #ddd} #main .gallery.community .title .tab li.on a {border: 1px solid #eb3f3d;color: #eb3f3d;border-radius: 20px;} #main .gallery.community .more {top: 29px} #main .gallery.community .more a {font-size: 12px; line-height: 12px; height: 12px} #community .community .table table tbody .notice_bg .number {display: flex;margin-bottom: 3px} #branch .detail .review .write .form dl.vertical {flex-direction: column;gap: 12px 0} #branch .detail .review .write .form dl.vertical dt {height: 14px} #branch .detail .review .write .form dl.vertical dd {width: 100%} #branch .detail .review .write .form dl.vertical+.vertical {margin-top: 24px} #reservation.reservationCalendar {padding: 0 20px} #reservation .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; border-bottom: 0; } #reservation .calendar .head{position:relative;margin: 0 0 20px 0;} #reservation .calendar .head .month{display:flex;align-items:center;justify-content:center;text-align:center;} #reservation .calendar .head .month .prev{margin:0 24px 0 0;width:40px;height:40px;background:url("../img/common/arrow_calendar_prev.png") no-repeat 50% 50% / contain;} #reservation .calendar .head .month .next{margin:0 0 0 24px;width:40px;height:40px;background:url("../img/common/arrow_calendar_next.png") no-repeat 50% 50% / contain} #reservation .calendar .head .month .current{line-height: 40px;font-size:24px;font-weight:bold;color:#1c1c1c;background:transparent;} #reservation .calendar .head .unit{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:15px;color:#707070} #reservation .calendar .head .unit span{color:#eb3f3d;} #reservation .calendar .list{} #reservation .calendar .list{overflow:hidden;} #reservation .calendar .list .week{display:flex;background:#f4f4f4;border-top: 1px solid #ddd;} #reservation .calendar .list .week .day{flex:1;display:flex;height: 56px;align-items:center;justify-content:center;text-align:center;font-size: 14px;font-weight: 500;} #reservation .calendar .list .month{background: #ffffff;} #reservation .calendar .list .month .row{display:flex;border-bottom:1px solid #ddd} #reservation .calendar .list .month .day{flex:1;display: flex;align-items: center;justify-content: flex-start;height: 64px;padding: 8px 16px;font-size: 14px;font-weight: 500;color: #000; cursor: pointer} #reservation .calendar .list .month .day.disabled{color: #cfcfcf;pointer-events: none;font-weight: 300;} #reservation .calendar .list .month .day.sun{/*background: rgba(235, 63, 61, 0.06);*/} #reservation .calendar .list .month .day.sat{} #reservation .calendar .list .month .day.today{background: rgba(0, 102, 179, 0.08);} #reservation .calendar .list .month .day .num{} #reservation .calendar .list .month .day .text{margin: 0 10px;font-size: 14px;font-weight: 400;color: #707070;} #reservation .calendar .list .month .day .unit{margin: 0 0 0 auto;display: flex;height: 30px;align-items: center;justify-content: center;padding: 4px 10px;border-radius: 4px;border: 1px solid #ddd;font-size: 14px;font-weight: 400;color: #707070;background: #fff;} #reservation .calendar .list .month .day .unit span{color: #EB3F3D;margin: 0 4px 0 0;} #reservation .calendar .list .day + .day{border-left:1px solid #ddd} #reservation .calendar .list .day.sun .num{color: #EB3F3D;} #reservation .calendar .list .day.sat .num{color: #0066B3;} #reservation .timer{position:relative;margin: 80px 0 90px;} #reservation .timer .title{line-height:1;font-size:22px;font-weight:500;color:#1c1c1c;text-align:center;margin: 0 0 32px 0;} #reservation .timer .list{padding: 0 20px;} #reservation .timer .list > ul{} #reservation .timer .list > ul > li{margin: 0 0 24px 0;padding: 30px;background: #FFFFFF;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);border-radius: 16px;} #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: 110px;height: 110px;border-radius: 110px;overflow: hidden;flex-shrink: 0;} #reservation .timer .list > ul > li .icon img{display:block;width:100%;height:100%;object-fit:cover;} #reservation .timer .list > ul > li .cont{flex:1;padding:0 0 0 15px;display: flex;flex-direction:column;justify-content: center;align-items:flex-start;} #reservation .timer .list > ul > li .head{display:flex;align-items:center;} #reservation .timer .list > ul > li .head .name{line-height:24px;font-size: 20px;font-weight: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: 24px;height: 24px;background:url("../img/common/close.png") no-repeat 50% 50% / contain;text-indent:-9999em;overflow:hidden;} #reservation .timer .list > ul > li .loca{margin: 15px 0 0 0;line-height:20px;font-size: 15px;color:#707070;} #reservation .timer .list > ul > li .info{margin: 10px 0 0 0;display:flex;align-items:center;flex-wrap:wrap;} #reservation .timer .list > ul > li .info p{line-height: 1;font-size: 14px;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: flex-start;justify-content:center;gap: 10px;} #reservation .timer .list > ul > li .booking .btn{display:flex;align-items:center;justify-content:center;height:40px;min-width: 66px;border-radius:40px;border:1px solid transparent;font-size: 15px;font-weight: 400;padding: 0 16px;white-space: nowrap;pointer-events: initial} #reservation .timer .list > ul > li .time{margin:24px 0 0 0;} #reservation .timer .list > ul > li .time ul{display:flex;gap: 8px;} #reservation .timer .list > ul > li .time li{width: calc(20% - 8px);} #reservation .timer .list > ul > li .time li.timeBtn{position: relative;display:flex;align-items:center;justify-content:center;height: 40px;border-radius:4px;border:1px solid #dddddd;font-size: 15px;color:#1c1c1c;cursor: pointer;overflow:hidden} #reservation .timer .list > ul > li .time li.timeBtn:hover{background:rgb(235 63 61 / 10%)} #reservation .timer .list > ul > li .time li.timeBtn.disabled{pointer-events:none;background: #fafafa;color:#cccccc;} /*#reservation .timer .list > ul > li .time li.timeBtn.disabled:before{content:'';position:absolute;top:50%;left: 50%;width: 100px;height:1px;background:#ddd;transform: rotate(-21deg) translate(-50%,-50%);transform-origin: left;} #reservation .timer .list > ul > li .time li.timeBtn.disabled:after{content:'';position:absolute;top:50%;left: 50%;width: 100px;height:1px;background:#ddd;transform: rotate(21deg) translate(-50%,-50%);transform-origin: left;}*/ #reservation .timer .list > ul > li .time li.timeBtn.on{border-color:#EB3F3D;color:#EB3F3D;} #reservation .timer .list > ul > li .navi{position:absolute;top:0;right:0;} #reservation .timer .list > ul > li .navi a{display:block;overflow:hidden;width: 41px;height: 26px;} #reservation .timer .list > ul > li .navi a img{display:block;width:100%;height:100%;object-fit:cover;} #reservation .timer .list.dis {pointer-events: none; min-height: 100px;padding-top: 120px} #reservation .timer .list .todayLock {display: none} #reservation .timer .list .todayLock.on { display: flex; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.6); top: 20px; left: 0; align-items: start; justify-content: center; } #reservation .timer .list .todayLock .lockPop {display: flex; align-items: center; justify-content: center;gap: 16px; width: 100%; height: 100px;padding: 18px 24px; background: #fff; border-radius: 10px; border: 1px solid #707070} #reservation .timer .list .todayLock .lockPop .icon img {display:block;height: 60px;} #reservation .timer .list .todayLock .lockPop .txt {display: flex; flex-direction: column;gap:5px} #reservation .timer .list .todayLock .lockPop .txt .subj {font-size: 18px; font-weight: bold;} #reservation .timer .list .todayLock .lockPop .txt .cont span {display:block;font-size: 11px; line-height: 15px;color: #707070;white-space:nowrap;} #reservation .timer .button{margin:56px 0 0 0;display:flex;align-items:center;justify-content:center;} #reservation .timer .button .btn{min-width:224px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;border:1px solid transparent} #reservation .timer .button .btn + .btn{} #reservation .calendar {padding: 0} #reservation .calendar .moTop {padding: 16px 16px 8px; border-bottom: 1px solid #ddd;display: flex !important;align-items: center;justify-content: space-between;} #reservation .calendar .moTop .calendarTitle {font-size: 15px; line-height: 18px;margin-bottom: 4px} #reservation .calendar .moTop .helpTitle {display: flex;justify-content: space-between} #reservation .calendar .moTop .helpTitle .subText {font-size: 11px; line-height: 14px; color: #909090} #reservation .calendar .moTop .helpTitle .unit {display: flex;gap: 8px} #reservation .calendar .moTop .helpTitle .unit p {display: flex;align-items: center;gap: 4px;font-size: 11px;} #reservation .calendar .moTop .helpTitle .unit p span {color: #000;line-height: 11px} #reservation .calendar .moTop .helpTitle .unit p.todayLabel i {display: block;width: 11px;height: 11px;border-radius: 50%;border: 1px solid #00A3FF;flex: 1} #reservation .calendar .moTop .helpTitle .unit p.selectLabel i {display: block;width: 11px;height: 11px;background: #EB3F3D;border-radius: 50%;border: 1px solid #EB3F3D;flex: 1} #reservation .calendar .head .unit {display: none} #reservation .calendar .head .month {padding-top: 25px} #reservation .calendar .head .month .current {line-height: 24px; font-size: 18px} #reservation .calendar .head .month .prev {width: 24px; height: 24px; margin: 0 12px 0 0;} #reservation .calendar .head .month .next {width: 24px; height: 24px; margin: 0 0 0 12px;} #reservation .calendar .list .week {margin: 0; background: #fff; border: none;margin-bottom: 15px} #reservation .calendar .list .week .day {height: auto; margin: 0} #reservation .calendar .list .day + .day {border: none} #reservation .calendar .month {display: block} #reservation .calendar .list {padding: 0 10px 8px} #reservation .calendar .list .month .row {border: none} #reservation .calendar .list .month .day {height: 50px; margin: 0;padding: 0;justify-content: center} #reservation .calendar .list .month .day.past .num{opacity: 0.25} #reservation .calendar .list .month .day.disabled {color: #000} #reservation .calendar .list .month .day.today {background: #fff} #reservation .calendar .list .month .day .num {width: 40px; height: 40px; display: flex;align-items: center; justify-content: center; font-size: 16px; line-height: 20px;flex-direction:column;} #reservation .calendar .list .month .day.holi .num:after{ content: '휴무';display: block;line-height:1;font-size: 10px;color: #000;} #reservation .calendar .list .month .day.today .num {border-radius: 50%; border: 2px solid #00A3FF;opacity: 1; color: #1c1c1c40} #reservation .calendar .list .month .day.select .num {border-radius: 50%; background:#EB3F3D; border:2px solid #EB3F3D;color: #fff } #reservation .calendar .list .month .day.select .num:after{color:#fff;} #reservation .line { width: calc(100% + 40px); height: 4px; background: #f4f4f4; left: -20px; position: relative; } #reservation .timer {margin-top: 0} #reservation .timer .list {padding: 0} #reservation .timer .list > ul > li {box-shadow: none;padding: 24px 0;border-radius: 0;position: relative} #reservation .timer .list > ul > li + li {border-top: 2px solid #F4F4F4} #reservation .timer .list > ul > li .head {margin-bottom: 8px;gap: 8px;position: relative} #reservation .timer .list > ul > li .head a {font-size: 18px;font-weight: 700;color: #1c1c1c;display: flex;gap: 4px;line-height: 30px;} #reservation .timer .list > ul > li .icon {width: 24px; height: 24px;border-radius: 50%;margin-top:5px;} #reservation .timer .list > ul > li .head .star {display: flex;align-items: center} #reservation .timer .list > ul > li .head .star i {background: url(../img/common/star.png) no-repeat 50% 50% / contain;width: 24px;height: 24px;display: inline-flex;background-size: 20px 19px; margin-top: -2px} #reservation .timer .list > ul > li .head .star span {font-size: 18px; line-height: 18px} #reservation .timer .list > ul > li .head .companyTypeLabel {display: flex;gap:4px} #reservation .timer .list > ul > li .head .companyTypeLabel p {border: 1px solid #ededed; padding: 3px; border-radius: 4px;font-size: 14px; line-height: 14px} #reservation .timer .list > ul > li .head .companyTypeLabel .ico1 {color: #0066B3} #reservation .timer .list > ul > li .head .companyTypeLabel .ico2 {color: #06C270} #reservation .timer .list > ul > li .head .companyTypeLabel .ico3 {color: #EB3F3D} #reservation .timer .list > ul > li .unit {display: flex;align-items: center;gap: 16px;font-size: 14px;margin: 16px 0 8px; order: 2;font-weight:500;} #reservation .timer .list > ul > li .unit span {color: #EB3F3D} #reservation .timer .list > ul > li .branchInner {position: relative;border-radius: 12px; padding: 0;display: flex;flex-direction: column} #reservation .timer .list > ul > li .area {width: 100%; order: 1} #reservation .timer .list > ul > li .cont {padding: 0;display: flex;flex-direction: column;gap: 8px;} #reservation .timer .list > ul > li .cont .loca {margin: 0; font-size: 14px; line-height: 14px;display: flex} #reservation .timer .list > ul > li .cont .loca a {color: #555;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: left; word-break: break-all; max-width: 80%;} #reservation .timer .list > ul > li .cont .loca .distanceTxt {color:#0066B3; margin-left: 12px} #reservation .timer .list > ul > li .cont .tel {line-height: 14px} #reservation .timer .list > ul > li .cont .tel a {font-size: 14px; color: #555} #reservation .timer .list > ul > li .info {margin:0} #reservation .timer .list > ul > li .info p{font-size: 12px; color: #909090} #reservation .timer .list > ul > li .info p span {font-weight: 500; color: #000} #reservation .timer .list > ul > li .time {margin: 0;order: 3} #reservation .timer .list > ul > li .time ul {gap: 8px 5px} #reservation .timer .list > ul > li .time li.timeBtn {height: 40px;width: calc(25% - 4px);font-size: 13px} #reservation .timer .list > ul > li .time li.timeBtn.disabled {background: #eee} #reservation .timer .list > ul > li .time li.timeBtn:hover {background: #EB3F3D; color: #fff; border: 1px solid #EB3F3D;} #reservation .timer .list > ul > li .time li.timeBtn:hover span {display: none} #reservation .timer .list > ul > li .time li.timeBtn:hover:after {content: '예약하기'} #reservation .timer .list > ul > li .time li.timeBtn span .red {color: #EB3F3D} /*#reservation .timer .list > ul > li .icon {width: 180px; height: 120px; border-radius: 8px}*/ #reservation .timer .list > ul > li .booking {margin: 0;gap: 8px;flex-direction: row} #reservation .timer .list > ul > li .booking .btn {height: 24px; padding: 0 7px; color: #1c1c1c; border:1px solid #ddd;font-size: 12px;line-height: 24px} #reservation .timer .list > ul > li .holidayBackground {position: absolute;width: calc(100% + 40px);height: 100%;left: -20px;top: 0; background: #f7f7f780;display: flex;justify-content: center;align-items: center;} #reservation .timer .list > ul > li .holidayBackground .holidayIcon {text-align: center} #reservation .timer .list > ul > li .holidayBackground .holidayIcon img {height: 78px} #reservation .timer .list > ul > li .holidayBackground .holidayIcon p {font-size: 15px; color: #000; font-weight: bold;line-height: 24px} #reservation .timer .list > ul > li .holidayBackground .holidayIcon span {color: #EB3F3D} #reservation .timer .list > ul > li.holiday {pointer-events: none;} #reservation .timer .list > ul > li.holiday .head {opacity: 0.5;} #reservation .timer .list > ul > li.holiday .branchInner { opacity: 0.5;} #reservation .timer .list > ul > li .branchInner .cont .loca { width: 100%} #branch .detail .board .branchEvent .cate li {flex: initial} #branch .detail .board .branchEvent .cate li a { background: #fff; border: 1px solid #dddddd;font-size: 12px;height: 20px; padding: 4px; line-height: 12px;} #branch .detail .board .branchEvent .cate li a.on {color: #EB3F3D;border-color: #EB3F3D;} #branch .detail .board .branchEvent .cate li a.ico1 {color: #0066B3} #branch .detail .board .branchEvent .cate li a.ico2 {color: #06C270} #branch .detail .board .branchEvent .cate li a.ico3 {color: #EB3F3D} #branch .detail .board .branchEvent .list {margin-top: 0} #branch .detail .board .branchEvent .list ul {gap: 0} #branch .detail .board .branchEvent .list li {width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 10px; border-top: 1px solid #DDDDDD;padding:10px 0} #branch .detail .board .branchEvent .list li:first-child {border-top: 0;padding-top: 0} #branch .detail .board .branchEvent .list li .date {position: relative;border: none;margin: 0 0 6px 0} #branch .detail .board .branchEvent .list li > .img {width: 90px; height: 60px;margin: 0} #branch .detail .board .branchEvent .eventDday 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; } #branch .detail .board .branchEvent .eventDday em.flag.end {background: #909090;color: #fff} #branch .detail .board .branchEvent .eventDday span {color: #909090;font-size: 11px; line-height: 11px} #branch .detail .board .branchEvent .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 } #branch .detail .board .branchEvent .eventDday span.ico.ico1 {color: #0066B3} #branch .detail .board .branchEvent .eventDday span.ico.ico2 {color: #06C270} #branch .detail .board .branchEvent .eventDday span.ico.ico3 {color: #EB3F3D} #branch .detail .board .branchEvent .list li .listInner {display: flex;flex-direction: column; flex: 1;} #branch .detail .board .branchEvent .list li .con {padding: 0} #branch .detail .board .branchEvent .list li .text {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 0 10px 0 0; display: inline; vertical-align: top; word-break: auto-phrase; line-height: normal;font-size: 14px } #branch .detail .board .branchEvent .list li .side {margin: 0} #branch .detail .board .branchEvent .list li .price .sale {font-size: 15px; line-height: 19px;color: #EB3F3D} #branch .detail .board .branchEvent .list li .side p {font-size: 11px; line-height: 19px} #branch .detail .board .branchEvent .list li .info {margin: 4px 0 0 0;gap: 16px;padding: 0; border: 0} #branch .detail .board .branchEvent .content {padding: 16px 20px} #branch .detail .board .branchEvent .content .list {padding: 0;} #branch.branchDetail .detail .review .con.reviewTab .item .star{position: relative;width:60px;height:12px;background: url("../img/common/star_g.png") repeat-x left center / auto 100%;display: inline-flex;margin-right: 4px} #branch.branchDetail .detail .review .con.reviewTab .item .star i{position:absolute;top:0;left:0;height:100%;background: url("../img/common/star.png") repeat-x left center / auto 100%;margin: 0} #product .product.product_advice .table {padding: 0 20px 24px} #product .product.product_advice .tabs {padding: 0 20px} #product .product.product_advice .topSearch {display: flex;flex-wrap: wrap;border-bottom: 2px solid #f4f4f4;} #product .product.product_advice .topBox {display: flex;flex-direction: column;} #product .product.product_advice .tools {padding:0 21px !important;order:2 !important;} #product .product.product_advice .tool {padding:0 20px;order:1} #product .product.product_advice .search .select {display: flex} #product .product.product_advice .search .companySelect {display: none} #product .product.product_advice .search {border-bottom: 0;padding: 16px 0 20px} #product .product.product_advice .tools .tool {padding-bottom: 16px} #product .product.product_advice .tools .toggBox {padding-bottom: 16px} #product .product.product_advice .tools .toggBox .checkbox{display:flex;align-items:center;height: auto;cursor:pointer} #product .product.product_advice .tools .toggBox .checkbox input{display:none;} #product .product.product_advice .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} #product .product.product_advice .tools .toggBox .checkbox input ~ p{font-size: 15px;font-weight:400;color:#1c1c1c;line-height: 20px} #product .product.product_advice .tools .toggBox .checkbox input ~ p span{font-weight:300;color:#707070;} #product .product.product_advice .tools .toggBox .checkbox input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain} #product .product.product_advice .table table tbody .company a{gap: 4px;} #product .product.product_advice .table table tbody .company span {color: #909090;font-size: 11px; line-height: 11px} #product .product.product_advice .table table tbody .company span.ico {font-size: 11px; padding:2px;border: 1px solid #EDEDED;border-radius: 4px;line-height: 11px;display: inline-flex;width: 16px;height: 16px } #product .product.product_advice .table table tbody .company span.ico.ico1 {color: #0066B3} #product .product.product_advice .table table tbody .company span.ico.ico2 {color: #06C270} #product .product.product_advice .table table tbody .company span.ico.ico3 {color: #EB3F3D} #event .detail .onestop .eventComment {padding: 0 0px} #event .detail .onestop .eventComment .top{background: #fff; padding: 20px 0 0 } #event .detail .onestop .eventComment .con {background: #fff; padding: 0} #event .detail .onestop .eventComment .comment .frm .box {display: block;height: auto} #event .detail .onestop .eventComment .comment .frm .input {border: 0} #event .detail .onestop .frm.on {padding-bottom: 69px} #container .viewWrap.eventComment .detail.view {display: block} #container .viewWrap.eventComment .detail.view .counter {background: #fff} #branch .viewWrap.eventComment .view .comment {padding: 0 0px} #container .viewWrap.eventComment .detail.view .comment .frm .caution {display: none !important;} #container .viewWrap.eventComment .detail.view .comment .frm .input {border-bottom: 0} #branch .viewWrap.eventComment .view .comment .con {background: #fff; padding: 0} #branch .detail .review .write .form dt {width: 76px} #branch .detail .review .write .form dd {width: calc(100% - 76px)} #product .product .table table td .c_red { color: #EB3F3D !important; font-size: 12px; margin-left: 0px; height: 20px; line-height: 20px; display: inline-block; vertical-align: text-bottom; } #product .product .table table td i.ic-lock {background: url(../img/sub/ico-lock.png) no-repeat 50% 50% / contain;width: 16px;height: 16px;margin-top: 5px} #event .detail .list li .name {margin-bottom: 0} #branch .event .detail .counter {background: #fff;} #branch .event .detail .comment .con {background: #fff;padding: 0} #branch .event .detail .comment {padding: 0 0} #branch .event .detail .comment .frm .input {border: none} #branch .detail .board .item li .con .desc {gap: 0 12px; flex-wrap: wrap} .comment .frm .bot .submit button.disabled {background: #c1c1c1 !important; pointer-events: none} #branch .event .detail .counter.branchCounter .total dt {margin-right: 6px} #branch .event .detail .counter.branchCounter .total dd strong {color: #303030; font-weight: 400} #branch .event .detail .counter.branchCounter {border-bottom: 0;height: auto;padding: 30px 0 0} #branch .event .detail .counter.branchCounter .total dl {height: auto} #branch .event .detail .counter.branchCounter .share {display: flex} #branch .event .detail .counter.branchCounter .share > a {gap: 8px; font-weight: 500;height: auto} #branch .event .detail .counter.branchCounter .total dd .goodIco {width: 14px;height: 14px; background:url("../img/sub/board_good_g.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #branch .event .detail .counter.branchCounter .total dd .goodIco.on {width: 14px;height: 14px; background:url("../img/sub/board_good_r.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #branch .event .detail .counter.branchCounter .total dd .cmtIco {width: 16px;height: 16px; background:url("../img/sub/board_cmt.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #branch .event .detail .counter.branchCounter .total dd span {color: #303030; font-weight: 400} #event .detail .onestop .inqBoxWrap {padding: 32px 0;background: #fff} #container #event .detail .onestop .viewWrap .detail.view .bottom {padding: 30px 0 0 !important;border-top:0 !important;} #event .detail .onestop .bottom{display:flex;align-items:center;justify-content:space-between;height:52px;width: 100%;} #event .detail .onestop .bottom .total{display:flex} #event .detail .onestop .bottom .total dl{position:relative;display: flex;align-items: center;height: 52px;} #event .detail .onestop .bottom .total dl + dl{padding:0 0 0 10px;margin:0 0 0 10px;} #event .detail .onestop .bottom .total dl + dl:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:10px;background:#ddd;transform:translateY(-50%;)} #event .detail .onestop .bottom .total dt{font-size: 14px;margin: 0 4px 0 0;} #event .detail .onestop .bottom .total dd{font-size: 14px;font-weight: 500;} #event .detail .onestop .bottom .total dd span{color: #0066B3;} #event .detail .onestop .bottom .total dd strong{color: #EB3F3D;} #event .detail .onestop .bottom .share{position:relative;display:flex;align-items:center;display: none;} #event .detail .onestop .bottom .share > a{display:flex;height: 52px;font-size: 14px;align-items: center;justify-content: center;} #event .detail .onestop .bottom .share > a img{height:20px;} #event .detail .onestop .bottom .share > ul{position:absolute;bottom:100%;right:0;border-radius:8px;box-shadow: 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;} #event .detail .onestop .bottom .share > ul li{} #event .detail .onestop .bottom .share > ul li a{display:flex;flex-direction:column;align-items:center;text-align:center;} #event .detail .onestop .bottom .share > ul li a img{width:64px;height:auto;} #event .detail .onestop .bottom .share > ul li a p{margin:12px 0 0 0;line-height:20px;font-size:14px;color:#333;} #event .detail .onestop .bottom .share.on > ul{opacity:1;visibility:visible;} #event .detail .onestop .bottom .total dt {margin-right: 6px} #event .detail .onestop .bottom .total dd strong {color: #303030; font-weight: 400} #event .detail .onestop .bottom {border-bottom: 0;height: auto} #event .detail .onestop .bottom .total dl {height: auto} #event .detail .onestop .bottom .share {display: flex} #event .detail .onestop .bottom .share > a {gap: 8px; font-weight: 500;height: auto} #event .detail .onestop .bottom .total dd .goodIco {width: 14px;height: 14px; background:url("../img/sub/board_good_g.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #event .detail .onestop .bottom .total dd .goodIco.on {width: 14px;height: 14px; background:url("../img/sub/board_good_r.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #event .detail .onestop .bottom .total dd .cmtIco {width: 16px;height: 16px; background:url("../img/sub/board_cmt.png") no-repeat; display: inline-flex;vertical-align: text-top;background-size: 100%;margin-right: 6px} #event .detail .onestop .bottom .total dd span {color: #303030; font-weight: 400} } /*검색창 시작*/ .search-form { display: flex; align-items: center; border: 1px solid #ccc; padding: 5px; max-width: 400px; border:1px solid #ddd !important; border-radius:10px; } .search-input { flex: 1; width:270px !important; padding: 8px; border: none; outline: none; background-color:#fff !important; } .search-icon { cursor: pointer; padding: 8px; background:url('../img/common/search_g.png') no-repeat center; background-size:24px 24px; border: none; outline: none; } .search-icon:hover { } /*검색창 끝*/