/* ay */

/* 지점전용 예약내역 프린트 기능 추가 */
#wrap #popup_print .inner {
    width: 1100px;
    max-width: 100%;
    padding: 0;
    border-radius: 0;
}
#wrap #popup_print .button {
    padding: 0 20px 32px;
}
#wrap #popup_print .button .btn {
    min-width: 224px;
    width: auto;
    height: 48px;
}
#wrap #popup_print .inner .print_head {
    background: #EB3F3D;
    height: 64px;
    position: relative;
}
#wrap #popup_print .inner .print_head p {
    color: #fff;
    font-size: 24px;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#wrap #popup_print .inner .print_head button {background: transparent; border: none;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    right: 20px;
}
#wrap #popup_print .inner .print_head button img {width: 100%}
#wrap #popup_print .inner .print_body {
    padding: 25px 40px 32px;
}
#wrap #popup_print .inner .print_body .date {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}
#wrap #popup_print .inner .print_body .date p {
    font-size: 24px;
    padding: 0 50px;
}
#wrap #popup_print .inner .print_body .table {
    height: 450px;
    overflow-y: auto;
}
#wrap #popup_print .inner .print_body .table td,#wrap #popup_print .inner .print_body .table th {
    border: 1px solid #ddd;
}
/* 지점전용 예약내역 프린트 기능 추가 끝---------- */


/* 커뮤니티 게시판 투표기능 추가 */
#community .form dd .voteChk {
    padding-left: 24px;
    text-wrap: nowrap;
}
#community .form dl.voteDl {display: none}
#community .form dl.voteDl.on {display: flex}
#community .form dl.voteDl dd {flex-direction: column; gap: 16px}
#community .form dl.voteDl .inp {gap: 12px}
#community .form dl.voteDl .textBox {display: flex; width: 100%; position: relative}
#community .form dl.voteDl .voteImg {cursor: pointer; position: absolute;top: 50%;transform: translate(0, -50%); right: 16px;}
#community .form dl.voteDl .voteImg input[type=file] {display: none}
#community .form dl.voteDl .voteImg span {font-size: 12px;
    margin-right: 7px;
    color: #999;}
#community .form dl.voteDl .PMbox {padding-left: 12px}
#community .form dl.voteDl .votePMBtn {
    background: transparent;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 24px;
}
#community .form dl.voteDl select {
    padding: 8px 16px;
    width: 100%;
    max-width: 100%;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #dddddd;
    background: url(../img/common/dropdown.png) no-repeat right 12px center / auto 24px;
}
#community .form dl.voteDl p {font-size: 15px;font-weight: 400;color: #1c1c1c;text-wrap: nowrap}
#community .form .voteDl dd .inp.w256 {width: 256px}
#community .form .noVote {display: flex}
#community .form .noVote.on {display: none}

.detailVoteBox {
    width: 756px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 16px;
    margin: 0 auto;
}
.detailVoteBox .voteHead {
}
#community .detail .cont .detailVoteBox .voteHead .voteTitle {
    padding: 64px 64px 32px;
    font-size: 24px;
    font-weight: 500;
    color: #1c1c1c;
    line-height: 24px;
}
#community .detail .detailVoteBox .voteHead .info {
    padding: 0 64px 32px;
    height: auto;
}
#community .detail .detailVoteBox .voteHead .info p {
    line-height: 18px;
}
.detailVoteBox .voteBody {
    padding: 35px 64px 64px;
}
#community .detailVoteBox .voteBody .list .participants {
    display: none;
    align-items: center;
    justify-content: end;
}
#community .detailVoteBox .voteBody .list.result .participants {
    display: flex;
}
#community .detailVoteBox .voteBody .list .participants a{
    font-size: 15px;
    display: flex;
    align-items: center;
    line-height: 15px;
}
#community .detailVoteBox .voteBody .list .participants a img {
    height: 18px;
}
#community .detailVoteBox .voteBody .list ul li {
    margin-bottom: 32px;
}

#community .detailVoteBox .voteBody .list ul li .progress {
    height: 6px;
    background: #ccc;
    border-radius: 6px;
    position: relative;
    display: none;
}
#community .detailVoteBox .voteBody .list.result ul li .progress {
    display: block;
}
#community .detailVoteBox .voteBody .list ul li .progress .per {
    height: 6px;
    position: absolute;
    left: 0;
    top: 0;
    background: #E83D44;
    border-radius: 6px;
}
#community .detailVoteBox .voteBody .list.result .chk {
    pointer-events: none;
}
#community .detailVoteBox .voteBody .list ul li .chk {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    min-height: auto;
    align-items: center;
    margin-bottom: 10px;
}

#community .detailVoteBox .voteBody .list ul li .chk label {
    display: flex;
    align-items: center;
    /*height: 24px;*/
    height: auto;
    cursor: pointer;
    width: 100%;
}

#community .detailVoteBox .voteBody .list ul li .chk label input {
    display: none;
}

#community .detailVoteBox .voteBody .list ul li .chk label input ~ i {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin: 0 16px 0 0;
    background: url("../img/common/checkbox.png") no-repeat 50% 50% / contain;
}

#community .detailVoteBox .voteBody .list ul li .chk label input ~ p {
    font-size: 15px;
    font-weight: 400;
    color: #1c1c1c
}

#community .detailVoteBox .voteBody .list ul li .chk label input ~ p span {
    font-weight: 300;
    color: #707070;
}

#community .detailVoteBox .voteBody .list ul li .chk label input:checked ~ i {
    background: url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain
}

#community .detailVoteBox .voteBody .list ul li .chk .voteText {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: end;
}
#community .detailVoteBox .voteBody .list ul li .chk .voteText p {
    display: flex;
    flex-direction: column;
}
#community .detailVoteBox .voteBody .list ul li .chk .voteText p img {max-height: 200px}
#community .detailVoteBox .voteBody .list ul li .chk .voteText .cntText {
    font-weight: 400;
    color: #ccc;
    line-height: 32px;
    font-size: 15px;
    display: none;
}
#community .detailVoteBox .voteBody .list.result ul li .chk .voteText .cntText {
    display: block;
}
#community .detailVoteBox .voteBody .button {
    padding: 0;
}
#community .detailVoteBox .voteBody .button a {
    display: none;
}
#community .detailVoteBox .voteBody .button a.on {
    display: flex;
}
#wrap #popup_parti .modal_wrapper {
    border-radius: 16px;
    overflow: hidden;
}
#wrap #popup_parti .inner {
    width: 944px;
    max-width: 100%;
    padding: 0;
    border-radius: 0;
}
#wrap #popup_parti .button {
    padding: 0 20px 32px;
}
#wrap #popup_parti .button .btn {
    min-width: 224px;
    width: auto;
    height: 48px;
}
#wrap #popup_parti .inner .print_head {
    background: #EB3F3D;
    height: 72px;
    position: relative;
}
#wrap #popup_parti .inner .print_head p {
    color: #fff;
    font-size: 24px;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#wrap #popup_parti .inner .print_head button {background: transparent; border: none;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    right: 20px;
}
#wrap #popup_parti .inner .print_head button img {width: 100%}
#wrap #popup_parti .inner .print_body {
    padding: 25px 40px 31px;
}
#wrap #popup_parti .inner .print_body p {
    margin-bottom: 24px;
}
#wrap #popup_parti .inner .print_body ul {
    display: flex;
    flex-wrap: wrap;
}
#wrap #popup_parti .inner .print_body ul li {
    width: calc(100% / 3);
    padding: 11px 23px;
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #ddd;
}
#wrap #popup_parti .inner .print_body ul li {
    border-right: 0;
    border-bottom: 0;
}
#wrap #popup_parti .inner .print_body ul li:nth-child(3n){
    border-right: 1px solid #ddd;
}
#wrap #popup_parti .inner .print_body ul li:nth-last-child(-n+3) {
    border-bottom: 1px solid #ddd;
}
#wrap #popup_parti .inner .print_body ul li:last-child {
    border-right: 1px solid #ddd;
}
#wrap #popup_parti .inner .print_body ul li .profileImg {width: 40px;height: 40px;border-radius: 50%; overflow: hidden}
#wrap #popup_parti .inner .print_body ul li .profileImg img {width: 100%;height: 100%;object-fit: cover}
#wrap #popup_parti .inner .print_body ul li .profileName {}
#wrap #popup_parti .inner .print_body .bottom {padding-top: 27px}
/* 커뮤니티 게시판 투표기능 추가 끝---------- */


/* 답글 관련 추가 */
.replyCmtWrap {padding: 0 !important;border: none !important;margin-bottom: 20px !important;}
.moveCmtM0 {margin: 0 !important;width: 100%}

.replyCmtLi {padding-left: 60px !important; background: #fafafa;}
.replyCmtLi:before {content: '';background: url("../img/sub/ico_reply.png") no-repeat;position: absolute;width: 8px;height: 8px;top: 54px;left: 40px;}
.replyCmtWrap .fileList li{padding: 0 !important;}
.targetNameReply {font-size: 12px;margin-bottom: 5px;color: #555;display: flex;align-items: center;gap: 5px;position: relative;z-index: 10;}
.targetNameReply .resetCmtOrigin {height: 13px; cursor: pointer}
.cmtModifyBtnBox {display: flex !important; gap: 5px}
.cmtModifyBtnBox .btn_02 {border: 1px solid}
/* 답글 관련 추가 끝 */



/* 비밀댓글 관련 추가 */
.privateBottomEl {display: flex;justify-content: space-between}
.privateCommentTxt {font-family: 'Spoqa Han Sans Neo';margin-top: 10px;}
.privateCommentTxt .chk{display: flex;flex-wrap: wrap;align-items: center;}
.privateCommentTxt .chk label{display:inline-flex;align-items:center;height: 24px;cursor:pointer}
.privateCommentTxt .chk label input{display:none;}
.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%}
.privateCommentTxt .chk label input ~ img{height: 15px;margin: 0 4px 0 -4px;}
.privateCommentTxt .chk label input ~ p{font-size:13px;font-weight:400;color:#555;white-space: nowrap;letter-spacing:-1px;}
.privateCommentTxt .chk label input ~ p span{font-weight:300;color:#707070;}
.privateCommentTxt .chk label input:checked ~ i{background:url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain}
.privateCommentTxt .chk.star{margin:0;}
.privateCommentCont i.ic-lock{background:url("../img/common/icon_lock.png") no-repeat 50% 50% / contain;width: 18px;height: 18px;display: inline-flex;vertical-align: top;margin: 0 0 0 4px;}
.privateCommentCont {display: flex;align-items: center;gap: 5px;padding: 0 0 5px;align-items:flex-start;}
.privateCommentCont img{width: 10px !important;height:14px !important;object-fit:contain;border-radius:0 !important;}
/* 비밀댓글 관련 추가 끝 */




/* 댓글 폼 공통 PC */
.frmC{margin:20px 0 0 0;border-radius:8px;background:#F4F4F4;padding:24px;}
.frmC .box{padding:16px;border-radius:8px;border:1px solid #ddd;background:#ffff}
.frmC .inp{}
.frmC .inp textarea{width:100%;height:64px;line-height:16px;font-size:13px;}
.frmC .bot{display: flex;align-items: center;justify-content: space-between;margin: 16px 0 0 0;}
.frmC .bot .file{}
.frmC .bot .file label{cursor:pointer}
.frmC .bot .file label input{display:none;}
.frmC .bot .file label img{width:auto;height:24px;}
.frmC .bot .submit{}
.frmC .bot .submit a,
.frmC .bot .submit button{display:flex;align-items: center;justify-content: center;min-width: 50px;height: 32px;padding: 6px 12px;border-radius: 32px;background: #555;font-size: 14px;color: #fff;}
.frmC .img{}
.frmC .img ul{display: flex;gap: 16px;}
.frmC .img li{position:relative;margin: 10px 0 0 0;}
.frmC .img li .img{width: 116px;height: 72px;border-radius: 8px;overflow: hidden;border: 1px solid #ddd;}
.frmC .img li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.frmC .img li .del{position: absolute;top: 8px;right: 8px;width: 16px;height: 16px;cursor: pointer;}
.frmC .img li .del img{display: block;width: 100%;height: auto;}
/* 댓글 폼 공통 끝 */




/* 메인 팝업 */
.newmain_popup { position: fixed; top: 0; left: 0; z-index: 1013; min-width: 300px; /* border: 1px solid #bbb; */ background: #fff;}
.newmain_popup .img_box {display: block;border: none;background-color: #fff;overflow: hidden;/* padding: 20px; */border: 1px solid #222;border-bottom: 0;}
.newmain_popup .img_box a { display: block; height: 100%;}
.newmain_popup .img_box img {display: block;width: 100%;max-width: 420px;}
.newmain_popup .pop_bot { background: #fff; height: 50px; display: flex; align-items: center; padding: 0; border-bottom: 1px solid #222;color: #333;
    border-left: 1px solid #222;border-right: 1px solid #222;border-top: 1px solid #ccc;}
.newmain_popup .pop_bot .chk_area { display: flex; align-items: center;width: 100%;justify-content: center;height: 100%; border-right: 1px solid #ddd;margin: 0;}
.newmain_popup .pop_bot .chk_area .chk {line-height: 35px;color: #fff;font-size: 14px; font-weight: 300; padding-left: 0; display: none;}
.newmain_popup .pop_bot .chk_area label {font-size: 13px; color: #333;width: 100%; height: 100%;display: flex; align-items: center;justify-content: center; cursor: pointer;}
.newmain_popup .pop_bot .btn {color: #333; width: 100%; display: flex;align-items: center; justify-content: center; font-size: 13px;font-weight: 400; background: transparent;}
.newmain_popup .pop_bot input[type=checkbox]+label i { background-color: #fff;}
/* 메인 팝업 끝 */


/* 게시판 관련 공통 추가 */

/* 게시판 관련 공통 추가 끝 */




/* 댓글 임시 추가 */
.cmt_img.pc-view {cursor: pointer}
/* 댓글 임시 추가 */

#office .section #reservation_list .table td .status01 { padding:2px 4px; border-radius:4px;cursor:default; }
#office .section #reservation_list .table td .status02 { padding:2px 4px; border-radius:4px;cursor:default; }
#office .section #reservation_list .table td .status03 { padding:2px 4px; border-radius:4px;cursor:default; }
#office .section #reservation_list .table td .status04 {padding:2px 4px; border-radius:4px;cursor:default;}
#office .section #reservation_list .table td .status05 { padding:2px 4px; border-radius:4px;cursor:default; }

#office .section .header .control {
    display: flex;
    height: 36px;
    align-items: center;
    gap: 6px;
    z-index: 2;
}
#office .section .header .control button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 0 16px;
    height: 32px;
    font-size: 14px;
    color: #444;
    border-radius: 100px;
    background: #fff;
}

#office .section .header .control button.on,#office .section .header .control button:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
    font-weight: 700;
}


/* ------------------------- 반응형 */
@media (max-width: 1099px) {
    .newmain_popup {top: 10px !important;!i;!;left: 10px !important;!I;!;right: 10px !important;!i;!;!I;!;max-width: calc(100% - 20px);}

    .detailVoteBox .voteBody {padding: 20px}
    #community .detail .cont .detailVoteBox .voteHead .voteTitle {padding: 32px 20px 20px}
    #community .detail .detailVoteBox .voteHead .info {padding: 0 20px; background: #fff}
    #community .detail .detailVoteBox .info > div {flex-direction: row;gap: 0;flex-wrap: wrap}
    #community .detail .detailVoteBox .voteHead .info p {font-size: 12px}
    #community .detail .detailVoteBox .voteHead .info p+p {margin: 0 0 0 8px; padding: 0 0 0 8px}
    #community .detailVoteBox .voteBody .list ul li .chk .voteText p img {max-width: 100px}
    #community .detailVoteBox .voteBody .button {position: relative; margin-top: 30px}
    #popup_parti{padding: 0 20px}
    #wrap #popup_parti .inner .print_body ul li {flex-direction: column;padding: 11px 10px}
    #wrap #popup_parti .inner .print_body ul li .profileName {font-size: 12px}
    #wrap #popup_parti .inner .print_body {padding: 25px 10px; overflow-y: auto; max-height: 80vh; }
    #wrap #popup_parti .inner .print_head {height: 52px}
    #wrap #popup_parti .inner .print_head p {font-size: 15px}
    #wrap #popup_parti .inner .print_head button img {height: 28px}
    .targetNameReply {position: absolute; left: 20px !important; bottom: 15px; top: unset !important; font-size: 11px;color: #999}
    .targetNameReply .resetCmtOrigin {display: none}
    #branch .event .detail .comment .con li.replyCmtWrap {position: absolute}
    #product .detail .comment .con li.replyCmtWrap {position: absolute}
    #event .detail .onestop .con li.replyCmtWrap {position: absolute}
    #community .detail .comment .con li.replyCmtWrap {position: absolute}
    .frm .fileList ul {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .frm .fileList li {width: auto !important; height: auto !important; aspect-ratio: unset !important;position: relative;margin: 10px 0 0 0; border: none;}
    .frm .fileList li .img {width: 80px !important; height: 50px !important;border-radius: 8px; overflow: hidden;}
    .frm .fileList li .img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover !important;
    }
    .frm .fileList li .del {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
    .frm .fileList li .del img {
        display: block;
        width: 100%;
        height: auto;
    }

    /*  23.12.10 모바일 추천/댓글 공통 고정 */
    .detail .button.mo-view {bottom: 64px !important;}
    .detail .button.mo-view .moGoodIcon {height: 16px !important; margin-bottom: 2px !important;}
    .detail .button.mo-view .moCommentWriteIcon {height: 17px !important;margin-left:10px; margin-bottom: 2px !important;}
    .detail .button.mo-view .btn {gap: 5px !important;}
    .detail .button.mo-view .btn em {color: #1c1c1c !important;}
    .detail .button.mo-view .btn+.btn {border-left: 1px solid #e0e0e0 !important;}
    .privateBottomEl {flex-direction: column}
    .privateCommentTxt .chk label input ~ p {font-size: 12px}
    .privateCommentTxt .chk label input ~ i{width:16px;height:16px;flex-shrink:0;margin:0 5px 0 0;background:url("../img/common/checkbox.png") no-repeat 50% 50% / contain #fff; border-radius: 50%}
    .privateCommentTxt .chk label input ~ img{height: 20px;margin: 0 12px 0 0px;}

    /* layout.css */
    #franchise .myrank .rank .img {
        width: 140px;
        height: 64px;
    }
    #franchise .myrank .rank .img img {
        width: 100%;
    }
    #franchise .reservation .dates .day {
        overflow: hidden;
    }



}