input[type="text"],
input[type="password"] {border: 1px solid #ddd; border-radius: 5px; height: 4.6rem; padding: 0 1.2rem}
input::placeholder {color: #aaa; font-weight: 400}
input.blp::placeholder {color: #333}
textarea {padding: 1.2rem; border: 1px solid #ddd; border-radius: 5px; font-family: inherit;}
textarea::placeholder {color: #CCCCCC; font-weight: 400}
select {border: 1px solid #ddd; border-radius: 4px; padding: 0 1.2rem;}

/**** cms 로그인 ****/
#cmsLogin {width: 100%; height: 100vh; background: #FAFAFA;}
#cmsLogin .loginArea {max-width: 40.2rem}
#cmsLogin .loginArea .logo {}
#cmsLogin .loginArea .title {margin: 4.4rem 0 2rem;}
#cmsLogin .loginArea form {max-width: 30rem;}
#cmsLogin .loginArea .iptLine {}
#cmsLogin .loginArea .iptLine input {background: #fff; height: 4.8rem; border-radius: 6px;}
#cmsLogin .loginArea .iptLine input:hover {background: #F7F7F7}
#cmsLogin .loginArea .iptLine input:focus {background: #fff !important}
#cmsLogin .loginArea .iptLine + .iptLine {margin-top: 1.2rem;}
#cmsLogin .loginArea .submitBtn {background: #171C61; border-radius: 6px; height: 4.8rem; margin-top: 2.4rem;}
#cmsLogin .loginArea .submitBtn:hover {background: #252D9E}

/**** cms 헤더 ****/
#hd {}
#hd .hdInner {background: #222; padding: 1.55rem 4rem;}
#hd .logo {width: 17rem;}
#hd .gnb {}
#hd .gnb .cmsUser {padding-right: 1.2rem; margin-right: 1.2rem; border-right: 1px solid #999999;}
#hd .gnb .logout {gap: 1.4rem; opacity: 0.7;}
#hd .gnb .logout:hover {opacity: 1;}

#wrap {display: flex}

/**** cms nav (좌측메뉴) ****/
#nav {width: 26rem; border-right: 1px solid #E5E5E5; height: calc(100vh - 5.8rem); overflow-y: scroll; display: flex; flex-direction: column;}
#nav::-webkit-scrollbar {display: none;}
#nav .navInner {padding: 3.2rem 0 9.5rem;}

#nav .depth_1 {}
#nav .depth_1_lst {}
#nav .depth_1_tit {font-size: 1.6rem; display: block; padding: 2.1rem 7rem; cursor: pointer;}
#nav .depth_1_tit:hover {background: #F9F9F9}

#nav .depth_1_lst.current,
#nav .depth_1_lst.active {background: #F9F9F9}
#nav .depth_1_lst.current .depth_1_tit,
#nav .depth_1_lst.active .depth_1_tit {font-weight: 600}

#nav .depth_1_lst::before {content: ''; display: block; position: absolute; width: 1.8rem; height: 1.8rem; left: 4rem; top: 2.1rem; z-index: 1}
#nav .depth_1_lst.lst1::before {background: url('../img/ic_menu_dash.svg') no-repeat center/contain;}
#nav .depth_1_lst.lst2::before {background: url('../img/ic_menu_manager.svg') no-repeat center/contain;}
#nav .depth_1_lst.lst3::before {background: url('../img/ic_menu_contents.svg') no-repeat center/contain;}
#nav .depth_1_lst.lst4::before {background: url('../img/ic_menu_reservation.svg') no-repeat center/contain;}
#nav .depth_1_lst.lst5::before {background: url('../img/ic_menu_preferences.svg') no-repeat center/contain;}

#nav .depth_1_lst.lst1.current::before {background: url('../img/ic_menu_dash_on.svg') no-repeat center/contain;}
#nav .depth_1_lst.lst2.current::before {background: url('../img/ic_menu_manager_on.svg') no-repeat center/contain;}
#nav .depth_1_lst.lst3.current::before {background: url('../img/ic_menu_contents_on.svg') no-repeat center/contain;}
#nav .depth_1_lst.lst4.current::before {background: url('../img/ic_menu_reservation_on.svg') no-repeat center/contain;}
#nav .depth_1_lst.lst5.current::before {background: url('../img/ic_menu_preferences_on.svg') no-repeat center/contain;}


#nav .depth_1_lst .more_depth::before {content: ''; display: block; position: absolute; width: 1.2rem; height: 1.2rem; top: 50%; transform: translateY(-50%); right: 4rem; background: url('../img/ic_nav_plus.svg') no-repeat center/contain;}
#nav .depth_1_lst.current .more_depth::before {background: url('../img/ic_nav_minus.svg') no-repeat center/contain;}

#nav .depth_2 {display: none;}
#nav .depth_2_lst {}
#nav .depth_2_tit {padding: 1.2rem 7rem; color: #888; font-size: 1.4rem; display: block; cursor: pointer}
#nav .depth_2_tit:hover {background: #EFF2F9;}
#nav .depth_2_tit.current {color: #002865; font-weight: 600}
#nav .depth_2_tit.current2 {color: #111; font-weight: 600}

#nav .depth_2_lst .more_slide::before {content: ''; display: block; position: absolute; width: 1.2rem; height: 1.2rem; top: 50%; transform: translateY(-50%) rotate(180deg); right: 4rem; opacity: 0.8; background: url('../img/ic_slide.svg') no-repeat center/contain; transition: 0.2s;}
#nav .depth_2_lst .more_slide.current::before {transform: translateY(-50%) rotate(0);}
#nav .depth_2_lst .more_slide.current2::before {transform: translateY(-50%) rotate(0);}

#nav .depth_2_lst.active .more_slide {font-weight: 600; color: #111;}
#nav .depth_2_lst.active .more_slide::before {transform: translateY(-50%) rotate(0); opacity: 1;}

#nav .depth_3 {padding-bottom: 0.8rem; background: #fff; display: none}
#nav .depth_3_lst {}
#nav .depth_3_lst a {display: block; font-size: 1.3rem; color: #888; padding: 1.2rem 7rem;}
#nav .depth_3_lst a:hover {font-weight: 600}
#nav .depth_3_lst.current a {color: #002865; font-weight: 600}

#nav .goHomepage {padding: 0 0 4rem 4rem; margin-top: auto;}
#nav .goHomepage a {gap: 0.8rem; opacity: 0.6}
#nav .goHomepage a:hover {opacity: 1; font-weight: 500}

.cmsBtn {font-size: 1.4rem; min-width: 8rem; height: 3.8rem; border-radius: 4px; padding: 0 1.5rem; line-height: 3.8rem; text-align: center; cursor: pointer; font-family: inherit;}
.cmsBtn.typeA {color: #888888; border: 1px solid #DDDDDD; background: #fff;}
.cmsBtn.typeA:hover {color: #111111; border: 1px solid #888888;}
.cmsBtn.typeB {color: #fff; border: 1px solid #444; background: #444444;}
.cmsBtn.typeB:hover {background: #0040A2; border: 1px solid #0040A2;}
.cmsBtn_left {margin-right: auto;}

/**** cms content (컨텐츠) ****/
#contents {width: calc(100vw - 26rem); background: #F8F8F8; padding: 3.2em 4rem;}

/**** cms 공통 컨텐츠 박스 ****/
.cmsBox {border: 1px solid #E5E5E5; border-radius: 4px; background: #fff; padding: 4rem;}

/**** cms 공통 타이틀 ****/
.cmsTitle {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 1px solid #AAAAAA;}
.cmsTitle .inner {}
.cmsTitle .tit {}
.cmsTitle .lnb {}
.cmsTitle .lnb li {padding-right: 1rem; margin-right: 1rem; background: url('../img/ic_tit_arr.svg') no-repeat right;}
.cmsTitle .lnb li:last-child {padding: 0; margin: 0; background: none; color: #333333;}

/**** cms 공통 컨텐츠 상단 영역 ****/
.cmsTopArea {margin-bottom: 1.2rem; align-items: center;}
.cmsTopArea .cmsBoradBtn {justify-content: end}

/**** cms 공통 컨텐츠 하단 영역 ****/
.cmsBotArea {gap: 1rem; margin-top: 2.4rem; justify-content: flex-end;}

/**** cms 공통 탭 링크 ****/
.cmsTab {gap: 2rem;}
.cmsTab li {}
.cmsTab li.on {color: #333; font-weight: 600}
.cmsTab li.on::before {content: ''; display: block; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #111;}
.cmsTab li a {display: inline-block; padding: 8px 0;}
.cmsTab li a span {font-size: 1.3rem; font-weight: 400}

/**** cms 게시판 검색 & 버튼 ****/
.cmsBoradBtn {gap: 1rem;}
.cmsBoradBtn .search {margin-right: 3rem; min-width: 28rem;}
.cmsBoradBtn .search input {height: 3.8rem; width: 100%}
.cmsBoradBtn .search .searchBtn {min-width: auto; padding: 0; right: 1.2rem;}

/**** cms 공통 테이블 ****/
.cmsTable {font-size: 1.4rem}
.cmsTable thead {border-bottom: 1px solid #CCCCCC;}
.cmsTable tbody tr {border-bottom: 1px solid #E5E5E5;}
.cmsTable th {font-weight: 600; padding-bottom: 1.3rem;}
.cmsTable th.sort_arr {cursor: pointer}
.cmsTable th.sort_arr img {transform: rotate(0); width: 1rem; margin: 0 0 0.4rem 1rem;}
.cmsTable td {text-align: center; padding: 2.4rem 0;}
.cmsTable td.tLeft {text-align: left; padding-left: 2rem}

/* 테이블 case */
.cmsTable.caseA {}
.cmsTable.caseA .chk_td {width: 7rem;}
.cmsTable.caseA .name_td {width: 25rem;}
.cmsTable.caseA .id_td {width: 25rem;}
.cmsTable.caseA .phone_td {width: 25rem;}
.cmsTable.caseA .email_td {width: auto;}
.cmsTable.caseA .recep_td {width: 10rem;}
.cmsTable.caseA .date_td {width: 16rem;}
.cmsTable.caseA .mng_td {width: 10rem;}
.cmsTable.caseA .mng_td span {display: block; cursor: pointer;}

.cmsTable.caseB {}
.cmsTable.caseB .chk_td {width: 7rem;}
.cmsTable.caseB .id_td {width: 33rem;}
.cmsTable.caseB .phone_td {width: 33rem;}
.cmsTable.caseB .email_td {width: auto;}
.cmsTable.caseB .date_td {width: 33rem;}
.cmsTable.caseB .mng_td {width: 10rem;}
.cmsTable.caseB .mng_td span {display: block; cursor: pointer;}

.cmsTable.caseC {}
.cmsTable.caseC .chk_td {width: 7rem;}
.cmsTable.caseC .num_td {width: 10rem;}
.cmsTable.caseC .subj_td {width: auto;}
.cmsTable.caseC .file_td {width: 8rem;}
.cmsTable.caseC .date_td {width: 20rem;}
.cmsTable.caseC .hit_td {width: 10rem;}
.cmsTable.caseC .exp_td {width: 8rem;}
.cmsTable.caseC .exp_td label {width: 20px; height: 20px;}
.cmsTable.caseC .mng_td {width: 8rem;}
.cmsTable.caseC .mng_td a {display: block;}

.cmsTable.caseD {}
.cmsTable.caseD .chk_td {width: 7rem;}
.cmsTable.caseD .num_td {width: 10rem;}
.cmsTable.caseD .img_td {width: 15rem; padding: 1.4rem 1.5rem;}
.cmsTable.caseD .img_td .imgArea {width: 12rem; height: 8rem;}
.cmsTable.caseD .img_td .imgArea img {height: 100%; object-fit: cover;}
.cmsTable.caseD .subj_td {width: auto;}
.cmsTable.caseD .write_td {width: 15rem;}
.cmsTable.caseD .date_td {width: 15rem;}
.cmsTable.caseD .hit_td {width: 10rem;}
.cmsTable.caseD .exp_td {width: 8rem;}
.cmsTable.caseD .mng_td {width: 8rem;}
.cmsTable.caseD .exp_td label {width: 20px; height: 20px;}

.cmsTable.caseE {}
.cmsTable.caseE .chk_td {width: 7rem;}
.cmsTable.caseE .num_td {width: 10rem;}
.cmsTable.caseE .name_td {width: auto;}
.cmsTable.caseE .img_td {width: 17rem; padding: 1.5rem;}
.cmsTable.caseE .img_td .imgArea {width: 14rem; height: 6rem;}
.cmsTable.caseE .img_td .imgArea img {height: 100%; object-fit: cover;}
.cmsTable.caseE .room_td {width: 15rem;}
.cmsTable.caseE .ceo_td {width: 15rem;}
.cmsTable.caseE .number_td {width: 18rem;}
.cmsTable.caseE .file_td {width: 9rem;}
.cmsTable.caseE .date_td {width: 18rem;}
.cmsTable.caseE .exp_td {width: 8rem;}
.cmsTable.caseE .exp_td label {width: 20px; height: 20px;}
.cmsTable.caseE .mng_td {width: 8rem;}

.cmsTable.caseF {}
.cmsTable.caseF .chk_td {width: 7rem;}
.cmsTable.caseF .num_td {width: 10rem;}
.cmsTable.caseF .img_td {width: 15rem; padding: 2rem;}
.cmsTable.caseF .img_td .imgArea {width: 11rem; height: 11rem;}
.cmsTable.caseF .img_td .imgArea img {height: 100%; object-fit: cover;}
.cmsTable.caseF .subj_td {width: auto;}
.cmsTable.caseF .date_td {width: 30rem;}
.cmsTable.caseF .exp_td {width: 8rem;}
.cmsTable.caseF .mng_td {width: 10rem;}
.cmsTable.caseF .exp_td label {width: 20px; height: 20px;}
.cmsTable.caseF .mng_td span {display: block;}

.cmsTable.caseG {}
.cmsTable.caseG .chk_td {width: 5rem;}
.cmsTable.caseG .num_td {width: 8rem;}
.cmsTable.caseG .date_td {width: 15rem;}
.cmsTable.caseG .name_td {width: 12rem;}
.cmsTable.caseG .img_td {width: auto; padding: 1.9rem 1.2rem; display: flex; align-items: center; gap: 2rem;}
.cmsTable.caseG .img_td .imgArea {width: 11rem; height: 7rem;}
.cmsTable.caseG .img_td .imgArea img {height: 100%; object-fit: cover;}
.cmsTable.caseG .img_td .txt {}
.cmsTable.caseG .period_td {width: 22.5rem;}
.cmsTable.caseG .time_td {width: 22.5rem;}
.cmsTable.caseG .user_td {width: 8rem;}
.cmsTable.caseG .appr_td {width: 14rem;}
.cmsTable.caseG .mng_td {width: 8rem;}
.cmsTable.caseG .mng_td span {display: block; cursor: pointer}

/**** cms 공통 셀렉트 박스 ****/
/* .slc_slide {position: relative; text-align: left}
.slc_slide .tit {padding: 1.1rem 1.2rem; border: 1px solid #DDDDDD; border-radius: 4px; cursor: pointer;}
.slc_slide .tit::before {content: ''; display: block; position: absolute; width: 1rem; height: 1rem; top: 50%; background: url('../img/ic_slide.svg') no-repeat center/contain; transform: rotate(180deg) translateY(50%); right: 1.2rem;}
.slc_slide .lst {position: absolute; width: 100%; border: 1px solid #DDDDDD; background: #fff; z-index: 1; display: none; border-top: 0;}
.slc_slide .lst li {padding: 1.1rem 1.2rem; color: #aaa; cursor: pointer;}
.slc_slide .lst li.on {color: #111;}
.slc_slide .lst li:hover {color: #111;}
.slc_slide.act .tit {border-radius: 4px 4px 0 0;}
.slc_slide.act .tit::before {transform: rotate(0) translateY(-50%);}
.slc_slide.act .lst {border-radius: 0 0 4px 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);} */

.slc_slide {padding: 1.1rem 1.2rem; border: 1px solid #DDDDDD; border-radius: 4px; cursor: pointer; width: 100%;  -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../img/ic_slide2.svg') no-repeat; background-size: 1rem; background-position: right 1.2rem center;}
.slc_slide.act {border-radius: 4px 4px 0 0;}
.slc_slide.act::before {transform: rotate(0) translateY(-50%);}

/**** cms 공통 체크박스 ****/
input[type="checkbox"].chk {display: none;}
input[type="checkbox"].chk + label {width: 16px; height: 16px; background: url('../img/ic_check_off.svg') no-repeat center/contain; display: inline-block; border-radius: 2px;}
input[type="checkbox"].chk:checked + label {background: url('../img/ic_check_on.svg') no-repeat center/contain;}

input[type="checkbox"].chk1 {display: none;}
input[type="checkbox"].chk1 + label {width: 16px; height: 16px; background: url('../img/ic_check_off.svg') no-repeat center/contain; display: inline-block; border-radius: 2px;}
input[type="checkbox"].chk1:checked + label {background: url('../img/ic_check_on.svg') no-repeat center/contain;}

input[type="checkbox"].chk_lb {display: none;}
input[type="checkbox"].chk_lb + label {background: url('../img/ic_check_off.svg') no-repeat; background-position: center left; background-size: 1.6rem; display: inline-block; padding: 3px 0 3px 2.8rem;}
input[type="checkbox"].chk_lb:checked + label {background: url('../img/ic_check_on.svg') no-repeat; background-position: center left; background-size: 1.6rem;}

/**** cms 공통 페이징 ****/
.paging {gap: 5px; margin-top: 4rem;}
.paging .pg {width: 2.4rem; height: 2.4rem; display: grid; place-items: center;}
.paging .pg_num {}
.paging .pg_current {background: #E5E5E5; border-radius: 0.4rem;}
.paging .pg_first {background: url('../img/ic_pg_first.svg') no-repeat center;}
.paging .pg_prev {background: url('../img/ic_pg_prev.svg') no-repeat center;}
.paging .pg_next {background: url('../img/ic_pg_next.svg') no-repeat center;}
.paging .pg_end {background: url('../img/ic_pg_end.svg') no-repeat center;}

/**** cms 공통 메뉴 ****/
.cmsTabLink {gap: 2rem; width: 100%;}
.cmsTabLink li {color: #888; font-size: 1.8rem;}
.cmsTabLink li a {display: flex; align-items: flex-end; gap: 0.4rem;}
.cmsTabLink li a span {display: none; font-size: 1.3rem; font-weight: 400}
.cmsTabLink li:hover {color: #333; font-weight: 600}
.cmsTabLink li.on {color: #333; font-weight: 600}
.cmsTabLink li.on::before {content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #333333; bottom: -0.8rem}
.cmsTabLink li.on a {}
.cmsTabLink li.on a span {display: block}

/* 단일 이미지 등록 미리보기 */
.prevImgArea {height: 100%; background: #F5F5F5;}
.prevImgArea input {display: none}
.prevImgArea input + label {display: block; width: 100%; height: 100%; background: #F5F5F5;}
.prevImgArea input + label::before {content: ''; display: block; position: absolute; width: 21.2rem; height: 8.2rem; background: url('../img/upload_img.png') no-repeat center/contain; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.prevImgArea .preview-img-section {position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; display: none;}
.prevImgArea .preview-img-section .preview-img-preview {width: 100%; height: 100%; object-fit: cover;}
.prevImgArea .preview-img-section .preview-img-remove {width: 2.4rem; height: 2.4rem; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0;}
.prevImgArea .preview-img-section .preview-img-remove img {width: 1rem; height: 1rem; filter: brightness(100);}


.prevImgArea .bf_file_1-img-section {position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; display: none;}
.prevImgArea .bf_file_1-img-section .bf_file_1-img-preview {width: 100%; height: 100%; object-fit: cover;}
.prevImgArea .bf_file_1-img-section .bf_file_1-img-remove {width: 2.4rem; height: 2.4rem; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0;}
.prevImgArea .bf_file_1-img-section .bf_file_1-img-remove img {width: 1rem; height: 1rem; filter: brightness(100);}

/**** cms 공통 모달창 ****/
.cmsModal {z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none}
.cmsModal .modalBg {background: rgba(0,0,0,0.7); height: 100%}
.cmsModal .modalBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; width: 56rem; border-radius: 10px;}
.cmsModal .boxTitle {padding: 4rem 4rem 2.5rem; border-bottom: 1px solid #CCCCCC; font-weight: 600; font-size: 2rem;}
.cmsModal .boxTitle span {font-size: 1.3rem; font-weight: 400; margin-top: 0.8rem;}
.cmsModal .boxInner {padding: 0 4rem 4rem;}
.cmsModal .boxCont {max-height: 60.5vh; overflow-y: scroll; overflow-x: hidden;}
.cmsModal .boxBtn {margin-top: 3.2rem; gap: 1.2rem; display: flex; justify-content: center;}
.cmsModal .boxBtn button {width: 8rem; height: 3.8rem; color: #fff; border-radius: 4px; font-size: 1.4rem;}
.cmsModal .boxBtn .cancelBtn {background: #444444;}
.cmsModal .boxBtn .cancelBtn:hover {background: #333333;}
.cmsModal .boxBtn .submitBtn {background: #0040A2;}
.cmsModal .boxBtn .submitBtn:hover {background: #002865;}
.cmsModal .modalCloseBtn {position: absolute; top: 1.8rem; right: 1.8rem; cursor: pointer; z-index: 1}

.cmsModal .itemWrap {padding-top: 1rem}
.cmsModal .mdList {padding: 2.1rem 0; border-bottom: 1px solid #E5E5E5; display: flex; align-items: center;}
.cmsModal .mdList .itemName {min-width: 13rem; font-size: 1.6rem; color: #333}
.cmsModal .mdList .itemDetail {width: 100%; gap: 1rem; line-height: 2rem; font-size: 1.4rem;}
.cmsModal .mdList .itemDetail + .itemDetail {margin-top: 8px}
.cmsModal .mdList .itemDetail input {width: 100%; height: 3.8rem;}
.cmsModal .mdList .itemDetail select {width: 100%; height: 3.8rem;}
.cmsModal .mdList .itemDetail textarea {width: 100%; }
.cmsModal .mdList .itemDetail .detailAddBtn {cursor: pointer; width: 3.8rem;}

.cmsModal .mdList .addressDetail {}
.cmsModal .mdList .addressDetail .addLine {display: flex; align-items: center; gap: 1rem}
.cmsModal .mdList .addressDetail .addLine + .addLine {margin-top: 1rem;}
.cmsModal .mdList .addressDetail .addLine.line01 button {color: #fff; background: #333; border-radius: 0.5rem; padding: 1.1rem 1.6rem; min-width: 8rem;}

.cmsModal .mdList .checkDetail {display: flex; gap: 2rem;}
.cmsModal .mdList .checkDetail .chkLine {}
.cmsModal .mdList .checkDetail .chkLine input {display: none;}
.cmsModal .mdList .checkDetail .chkLine input + label {padding: 0.3rem 0 0.3rem 2.4rem; background: url('../img/ic_check_off.svg') no-repeat left/1.6rem;}
.cmsModal .mdList .checkDetail .chkLine input:checked + label {background: url('../img/ic_check_on.svg') no-repeat left/1.6rem;}

.cmsModal .mdList .changePassDetail {}
.cmsModal .mdList .changePassDetail button {}
.cmsModal .mdList .changePassDetail input {display: none}

.changeStModal {}
.changeStModal .stList {padding-top: 2.45rem}
.changeStModal .stList li {font-size: 1.6rem;}
.changeStModal .stList li + li {margin-top: 2rem;}
.changeStModal .stList li input {display: none;}
.changeStModal .stList li input + label {padding: 0.2rem 0 0.1rem 2.3rem; background: url('../img/ic_radio_off.svg') no-repeat left/1.5rem;}
.changeStModal .stList li input:checked + label {background: url('../img/ic_radio_on.svg') no-repeat left/1.5rem;}
.changeStModal .stList li .txtBox {padding-left: 2.4rem; margin-top: 1.2rem; display: none}
.changeStModal .stList li .txtBox textarea {width: 100%;}

.rvDetailModal .detailBox {overflow-y: scroll; max-height: 63.8rem;}
.rvDetailModal .detailBox::-webkit-scrollbar {display: none;}
.rvDetailModal .boxTitle {padding: 3.2rem 0 1.5rem;}
.rvDetailModal .detailArea {}
.rvDetailModal .detailArea tr {border-bottom: 1px solid #E5E5E5;}
.rvDetailModal .detailArea td {font-size: 1.4rem; padding: 2rem; line-height: 2rem;}
.rvDetailModal .detailArea td.opt {font-size: 1.6rem; background: #F5F6F7; min-width: 15rem; width: 15rem; font-weight: 600}

.alarmModal {}
.alarmModal .boxTitle {padding-bottom: 2rem;}
.alarmModal .boxInner {padding: 0;}
.alarmModal .contArea {height: 30.5rem; border-bottom: 1px solid #CCCCCC; overflow: hidden; overflow-y: scroll;}
.alarmModal .contArea table {font-size: 1.6rem; border-collapse: collapse;}
.alarmModal .contArea th {padding: 1rem; background: #F8F8F8; border-bottom: 1px solid #CCCCCC; color: color: #333333; }
.alarmModal .contArea td {padding: 1rem; border-bottom: 1px solid #ccc; color: #333333;}
.alarmModal .contArea td span {padding: 0.8rem; display: block;}
.alarmModal .contArea td input {height: 3.4rem;}
.alarmModal .contArea td.chk_td {text-align: center;}
.alarmModal .boxBtn {margin: 0; padding: 1.3rem 1.8rem 1.8rem;}
.alarmModal .boxBtn .delBtn {color: #888888; font-size: 1.4rem; border: 1px solid #DDDDDD; border-radius: 4px; padding: 1.1rem 1.4rem;}
.alarmModal .boxBtn .delBtn:hover {border: 1px solid #888888; color: #111111;}
.alarmModal .boxBtn .addBtn {border: 1px solid #DDDDDD; border-radius: 4px; width: 3.8rem;}
.alarmModal .boxBtn .addBtn:hover {background: #DDDDDD}

/**** cms 공통 컨텐츠 공통 타이틀 ****/
.boxTit {border-bottom: 1px solid #CCCCCC; }
.boxTit.type_a {padding: 0 0 2.4rem; }
.boxTit.type_b {padding: 2.4rem 4rem 1.2rem;}
.boxTit .tit {font-size: 2rem}
.boxTit .btn {padding: 1.1rem 1.6rem; border: 1px solid #DDDDDD; border-radius: 4px; cursor: pointer}
.boxTit .btn:hover {color: #111; border: 1px solid #888888;}

/**** cms 공통 글쓰기 ****/
.cmsWrite {padding-top: 2.4rem;}
.cmsWrite .writeDiv + .writeDiv {margin-top: 2.4rem;}
.cmsWrite .wrtTit {width: 15rem; min-width: 12.6rem; font-size: 1.4rem; color: #666}
.cmsWrite .wrtCont {width: calc(100% - 15rem)}
.cmsWrite .wrtCont input {width: 100%;}
.cmsWrite .wrtCont select {width: 100%; min-height: 4.6rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../img/ic_slide2.svg') no-repeat; background-size: 1rem; background-position: right 1.2rem center;}
.cmsWrite .wrtCont textarea {width: 100%;}
.cmsWrite .writeLine {margin: 2.4rem 0; height: 1px; background: #E5E5E5;}

.cmsWrite .wrtCont .fixTop {margin-top: 1.2rem; display: flex; align-items: center; font-size: 1.4rem; color: #333;}
.cmsWrite .wrtCont .fixTop input {display: none;}
.cmsWrite .wrtCont .fixTop input + label {background: url('../img/ic_check_off.svg') no-repeat left/contain; display: inline-block; padding-left: 2.4rem; height: 16px; line-height: 16px; cursor: pointer;}
.cmsWrite .wrtCont .fixTop input:checked + label {background: url('../img/ic_check_on.svg') no-repeat left/contain;}

.cmsWrite .slcCont {gap: 2.2rem; display: flex;}
.cmsWrite .slcCont select {width: 100%; height: 4.6rem;}
.cmsWrite .slcCont select.typeB {min-width: 20rem; max-width: 20rem}

.cmsWrite .wrtFile {padding: 1.8rem; border: 1px solid #ddd; border-radius: 5px; gap: 1.2rem; display: flex; align-items: flex-start;}
.cmsWrite .wrtFile .addFIle {border: 1px solid #888888; background: #F0F0F0; border-radius: 3px; width: 8rem; height: 3.8rem; font-size: 1.4rem; color: #333;}
.cmsWrite .wrtFile .fileArea {width: calc(100% - 9.2rem)}
.cmsWrite .wrtFile .fileImgArea {width: calc(100% - 9.2rem)}
.cmsWrite .wrtFile .fileIpt {background: #FAFAFA; width: 100%; border-radius: 5px; padding: 0 1.2rem;}
.cmsWrite .wrtFile .fileIpt + .fileIpt {margin-top: 8px;}
.cmsWrite .wrtFile .fileIpt input[type="file"] {padding: 6px 0; max-width: 90%}
.cmsWrite .wrtFile .fileIpt .fileDelBtn {right: 1.2rem; cursor: pointer}

.cmsWrite .wrtFile .compArea {width: calc(100% - 9.2rem)}
.cmsWrite .wrtFile .fileIpt .compDelBtn {right: 1.2rem; cursor: pointer}

.cmsWrite .wrtDate {display: flex; gap: 1rem; align-items: center;}
.cmsWrite .wrtDate .wrtDate1 {width: 28rem; background: url('../img/ic_datepicker.svg') no-repeat; background-size: 1.6rem; background-position: right 1.2rem center;}

.cmsWrite .wrtImg {width: 32rem; height: 32rem; position: relative;}
.cmsWrite .wrtImg input {display: none}
.cmsWrite .wrtImg input + label {display: block; width: 100%; height: 100%; background: #F5F5F5;}
.cmsWrite .wrtImg input + label::before {content: ''; display: block; position: absolute; width: 21.2rem; height: 8.2rem; background: url('../img/upload_img.png') no-repeat center/contain; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.cmsWrite .wrtImg .preview-img-section {position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; display: none;}
.cmsWrite .wrtImg .preview-img-section .preview-img-preview {width: 100%; height: 100%; object-fit: cover;}
.cmsWrite .wrtImg .preview-img-section .preview-img-remove {width: 2.4rem; height: 2.4rem; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0;}
.cmsWrite .wrtImg .preview-img-section .preview-img-remove img {width: 1rem; height: 1rem; filter: brightness(100);}


.cmsWrite .wrtImg .bf_file_1-img-section {position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; display: none;}
.cmsWrite .wrtImg .bf_file_1-img-section .bf_file_1-img-preview {width: 100%; height: 100%; object-fit: cover;}
.cmsWrite .wrtImg .bf_file_1-img-section .bf_file_1-img-remove {width: 2.4rem; height: 2.4rem; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0;}
.cmsWrite .wrtImg .bf_file_1-img-section .bf_file_1-img-remove img {width: 1rem; height: 1rem; filter: brightness(100);}

.cmsWrite .wrtPx {width: 54.5rem;}
.cmsWrite .wrtPx + span {font-size: 1.4rem; margin-left: 2rem;}

/* 대시보드 */
#cmsDash {gap: 2rem; display: flex; flex-direction: column;}
#cmsDash .inner {gap: 2rem;}
#cmsDash .topArea {gap: 2rem;}
#cmsDash .boxArea {}

#cmsDash .cmsBox {padding: 0;}
#cmsDash .cmsBox .title {padding: 1.8rem; border-bottom: 1px solid #E5E5E5;}
#cmsDash .cmsBox .title .tit {color: #111111; font-size: 1.5rem;}
#cmsDash .cmsBox .title .link {color: #888888; font-size: 1.3rem;}

#cmsDash .lstBox { width: 100%;}
#cmsDash .lstBox .ucaLst {border-collapse: collapse; margin-bottom: 2.2rem;}
#cmsDash .lstBox .ucaLst thead {}
#cmsDash .lstBox .ucaLst tbody {}
#cmsDash .lstBox .ucaLst tr {border-bottom: 1px solid #E5E5E5;}
#cmsDash .lstBox .ucaLst th {font-size: 1.4rem; color: #888888; padding: 1.25rem 0;}
#cmsDash .lstBox .ucaLst td {font-size: 1.4rem; color: #111111; padding: 1.25rem 0; text-align: center;}
#cmsDash .lstBox .ucaLst td.date {}
#cmsDash .lstBox .ucaLst td.user {}
#cmsDash .lstBox .ucaLst td.subj {text-align: left;}
#cmsDash .lstBox .ucaLst td.period {}
#cmsDash .lstBox .ucaLst td.state {}
#cmsDash .lstBox .ucaLst td.state.wait {color: #A48B78;}
#cmsDash .lstBox .ucaLst td.state.conf {color: #CE001F;}
#cmsDash .lstBox .ucaLst td.state.refu {color: #111111;}

#cmsDash .botArea {gap: 2rem;}
#cmsDash .botArea li {background: #fff; flex: 1; color: #505050}
#cmsDash .botArea li a {padding: 2rem;}
#cmsDash .botArea li img {opacity: 0.4;}
#cmsDash .botArea li:hover {color: #111111; font-weight: 600; border: 1px solid #111111;}
#cmsDash .botArea li:hover img {opacity: 1;}

/* 입주기업 글쓰기 */
#conEnterWrite {}
#conEnterWrite .enterDiv {display: flex; justify-content: space-between; margin-bottom: 6rem;}
#conEnterWrite .logoArea {width: 59rem;}
#conEnterWrite .logoArea .prevImgArea {height: 25rem;}
#conEnterWrite .infoArea {width: 83rem;}
#conEnterWrite .infoArea .writeDiv + .writeDiv {margin-top: 2rem;}

/* sns 관리 */
#conSns {}
#conSns .instaArea {display: flex; gap: 2.8rem; margin-top: 2.45rem;}
#conSns .instaArea li {flex: 1; display: flex; gap: 1rem;}
#conSns .instaArea li .tit {color: #666666; background: #F8F8F8; border: 1px solid #DDDDDD; border-radius: 0.4rem; font-size: 1.4rem; padding: 1.3rem 2rem; width: 21.6rem;}
#conSns .instaArea li input {width: 100%; flex: 1;}

#conSns .expBox {margin-top: 4rem;}
#conSns .expList {display: flex; flex-wrap: wrap; gap: 4rem 2.5rem; padding: 3.2rem 0 8rem;}
#conSns .expList li {width: calc((100% - 12.5rem) / 5);}
#conSns .expList li .imgArea {}
#conSns .expList li .chkArea {margin-top: 2rem; display: block; text-align: center;}
#conSns .expList li .chkArea input {display: none;}
#conSns .expList li .chkArea input + label {width: 2.4rem; height: 2.4rem; background: url('../img/ic_check_off.svg') no-repeat center/contain; display: inline-block;}
#conSns .expList li .chkArea input:checked + label {background: url('../img/ic_check_on.svg') no-repeat center/contain;}

/* 예약관리 현황 */
#relCurrent {}
#relCurrent .curDiv {gap: 2rem;}
#relCurrent .cmsBox {padding: 0}

#relCurrent .calArea {width: calc((1000% - 2rem) / 2); font-size: 1.4rem;}

#relCurrent .calArea .fc-header-toolbar {padding: 3.2rem 2.4rem; margin: 0; justify-content: normal; gap: 2rem;}
#relCurrent .calArea .fc-toolbar-chunk:nth-child(2) {display: none}
#relCurrent .calArea .fc-toolbar-title {font-weight: bold; min-width: 13.5rem}
#relCurrent .calArea .fc-today-button {display: none}
#relCurrent .calArea .fc-button-group {margin: 0; gap: 4px}
#relCurrent .calArea .fc-button-group button {color: #707070; background: 0; border: 1px solid #E0E0E0; border-radius: 2px; padding: 0.3rem;}

#relCurrent .calArea .txt-reserved {background: none; font-size: 1.3rem; border: 0; padding-left: 8px; border-left: 3px solid #CE001F; margin-left: 0 !important; border-radius: 0;}
#relCurrent .calArea .txt-reserved .fc-event-main {color: #CE001F !important;}
#relCurrent .calArea .txt-waiting {background: none; font-size: 1.3rem; border: 0; padding-left: 8px; border-left: 3px solid #A48B78; margin-left: 0 !important; border-radius: 0;}
#relCurrent .calArea .txt-waiting .fc-event-main {color: #A48B78 !important;}

#relCurrent .calArea .txt-no {background: none; font-size: 1.3rem; border: 0; padding-left: 8px; border-left: 3px solid #000; margin-left: 0 !important; border-radius: 0;}
#relCurrent .calArea .txt-no .fc-event-main {color: #000 !important;}

#relCurrent .calArea .custom-selected {background-color: #EFF2F9 !important;}

#relCurrent .btnArea {top: 3.3rem; right: 2.4rem; font-size: 1.3rem;}
#relCurrent .btnArea .txt {color: #666666; margin: 0 0.6rem;}
#relCurrent .btnArea .txt i {display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; margin-right: 4px}
#relCurrent .btnArea .txt.rsTxt i {background: #CE001F;}
#relCurrent .btnArea .txt.wtTxt i {background: #A48B78}
#relCurrent .btnArea .alarmBtn {background: #FAFAFA; border: 1px solid #E0E0E0; border-radius: 2px; padding: 6px 8px; display: inline-flex; gap: 4px; align-items: center; margin: 0 6px;}
#relCurrent .btnArea .alarmBtn:hover {background: #333333; border: 1px solid #333333; color: #fff}
#relCurrent .btnArea .alarmBtn:hover img {filter: brightness(100);}
#relCurrent .btnArea .blockBtn {background: #444444; color: #fff; padding: 6px 8px; border: 1px solid #444444; border-radius: 2px;}
#relCurrent .btnArea .blockBtn:hover {background: #333333; border: 1px solid #333333;}

#relCurrent .detArea {width: calc((1000% - 2rem) / 2);}

#relCurrent .timeBox {}
#relCurrent .timeBox .titArea {padding: 3.2rem 2.4rem;}
#relCurrent .timeBox .titArea .tit {font-size: 2.4rem; font-weight: bold;}
#relCurrent .timeBox .titArea .blockBtn {background: #444444; color: #fff; padding: 6px 8px; border: 1px solid #444444; border-radius: 2px;}
#relCurrent .timeBox .titArea .blockBtn:hover {background: #333333; border: 1px solid #333333;}

#relCurrent .timeBox .tableArea {max-width: 77.7rem; overflow: hidden; overflow-x: scroll;}
#relCurrent .timeBox .timeTable { border-collapse: collapse; width: 100%; font-size: 1.4rem;}
#relCurrent .timeBox .timeTable th,
#relCurrent .timeBox .timeTable td {border: 1px solid #ddd; text-align: center; padding: 10px; min-width: 19rem;}
#relCurrent .timeBox .timeTable td {height: 2.4rem}
#relCurrent .timeBox .timeTable .on {background-color: #EFF2F9;}

#relCurrent.aa .timeBox .tableArea {overflow: hidden;}
#relCurrent.aa .timeBox .timeTable { border-collapse: collapse; width: 100%; font-size: 1.4rem; table-layout:fixed;}
#relCurrent.aa .timeBox .timeTable th,
#relCurrent.aa .timeBox .timeTable td {border: 1px solid #ddd; text-align: center; padding: 10px;}

#relCurrent .timeBox .equipCate {border-top: 1px solid #D7D7D7;}
#relCurrent .timeBox .equipCate li {flex: 1; cursor: pointer; color: #AAAAAA; font-size: 1.4rem; padding: 1.7rem 0; text-align: center;}
#relCurrent .timeBox .equipCate li:hover {font-weight: bold; background: #FAFAFA; color: #111111;}
#relCurrent .timeBox .equipCate li.on {font-weight: bold; background: #FAFAFA; color: #111111;}

#relCurrent .prodBox {padding: 3.2rem 2.4rem; margin-top: 2rem}
#relCurrent .prodBox .titArea {gap: 2rem; margin-bottom: 3.2rem;}
#relCurrent .prodBox .titArea .tit {font-size: 2.4rem; font-weight: bold}
#relCurrent .prodBox .titArea .state {font-size: 1.3rem; padding: 5px 1.3rem; border-radius: 5rem; color: #fff;}
#relCurrent .prodBox .titArea .state.res {background: #CE001F;}
#relCurrent .prodBox .titArea .state.wat {background: #A48B78;}
#relCurrent .prodBox .contArea {}
#relCurrent .prodBox .contArea .info {color: #363636; font-size: 1.6rem; line-height: 2.6rem;}
#relCurrent .prodBox .contArea .info span {min-width: 6.31rem; display: inline-block;}

/* 예약관리 리스트 */
#rvEupManage .cmsBoradBtn .search {margin: 0;}
#rvEupList .cmsBoradBtn .search {margin: 0;}

#rvFacList .lstBox {}
#rvFacList .lstBox .lstArea {gap: 2rem;}
#rvFacList .lstBox .lst {width: calc((100% - 6rem) / 4); border: 1px solid #E5E5E5; border-radius: 0.4rem; padding: 1.6rem 3.8rem; gap: 2rem; font-size: 1.6rem; overflow: hidden;}
#rvFacList .lstBox .lst .chk {position: absolute; top: 50%; transform: translateY(-50%); left: 1rem;}
#rvFacList .lstBox .lst .chk input {display: none}
#rvFacList .lstBox .lst .chk input + label {width: 1.6rem; height: 1.6rem; background: url('../img/ic_check_off.svg') no-repeat center/contain; display: inline-block;}
#rvFacList .lstBox .lst .chk input:checked + label {background: url('../img/ic_check_on.svg') no-repeat center/contain;}
#rvFacList .lstBox .lst .thumb {width: 13rem; height: 9.5rem; border-radius: 0.4rem; overflow: hidden;}
#rvFacList .lstBox .lst .thumb img {width: 100%; display: block; height: 100%; object-fit: cover;}
#rvFacList .lstBox .lst .option {display: flex; flex-direction: column; position: absolute; width: 5rem; height: 100%; right: 0;}
#rvFacList .lstBox .lst .option span {flex: 1; display: inline-grid; place-items: center; background: #F8F8F8; cursor: pointer;}
#rvFacList .lstBox .lst .option a {flex: 1; display: inline-grid; place-items: center; background: #F8F8F8; cursor: pointer;}
#rvFacList .lstBox .lst .option span + span {border-top: 1px solid #E5E5E5;}
#rvFacList .lstBox .lst .option a + span {border-top: 1px solid #E5E5E5;}

#rvEupList .lstBox {}
#rvEupList .lstBox .lstArea {gap: 2rem;}
#rvEupList .lstBox .lst {width: calc((100% - 6rem) / 4); border: 1px solid #E5E5E5; border-radius: 0.4rem; padding: 1.6rem 3.8rem; gap: 2rem; font-size: 1.6rem; overflow: hidden;}
#rvEupList .lstBox .lst .chk {position: absolute; top: 50%; transform: translateY(-50%); left: 1rem;}
#rvEupList .lstBox .lst .chk input {display: none}
#rvEupList .lstBox .lst .chk input + label {width: 1.6rem; height: 1.6rem; background: url('../img/ic_check_off.svg') no-repeat center/contain; display: inline-block;}
#rvEupList .lstBox .lst .chk input:checked + label {background: url('../img/ic_check_on.svg') no-repeat center/contain;}
#rvEupList .lstBox .lst .thumb {width: 13rem; height: 9.5rem; border-radius: 0.4rem; overflow: hidden;}
#rvEupList .lstBox .lst .thumb img {width: 100%; display: block; height: 100%; object-fit: cover;}
#rvEupList .lstBox .lst .option {display: flex; flex-direction: column; position: absolute; width: 5rem; height: 100%; right: 0;}
#rvEupList .lstBox .lst .option span {flex: 1; display: inline-grid; place-items: center; background: #F8F8F8; cursor: pointer;}
#rvEupList .lstBox .lst .option a {flex: 1; display: inline-grid; place-items: center; background: #F8F8F8; cursor: pointer;}
#rvEupList .lstBox .lst .option span + span {border-top: 1px solid #E5E5E5;}
#rvEupList .lstBox .lst .option a + span {border-top: 1px solid #E5E5E5;}

/* 예약관리 view 페이지 */
#rvView {}
#rvView .viewDiv {display: flex; justify-content: space-between; margin-bottom: 6rem;}
#rvView .imgArea {width: 59rem;}
#rvView .imgArea .thumbArea {width: 100%; border: 1px solid #DDDDDD; border-radius: 5px; overflow: hidden; height: 32rem;}
#rvView .imgArea .thumbArea img {width: 100%; height: 100%; object-fit: cover}
#rvView .imgArea .thumbLstArea {overflow: hidden; margin-top: 1rem;}
#rvView .imgArea .thumbLstArea .swiper-slide {height: 8rem; border: 1px solid #DDDDDD; border-radius: 5px; overflow: hidden; cursor: pointer;}
#rvView .imgArea .thumbLstArea .swiper-slide img {width: 100%; height: 100%; object-fit: cover}
#rvView .infoArea {width: 83rem;}
#rvView .infoArea .writeDiv + .writeDiv {margin-top: 2rem;}

/* 환경설정 - 사이트정보 */
#setInfo {}
#setInfo .boxTit {padding-bottom: 1.2rem; margin-bottom: 2.4rem;}
#setInfo .infoCont {gap: 2.4rem 4rem; margin-bottom: 5.2rem; display: flex; flex-wrap: wrap}
#setInfo .infoLine {display: flex; align-items: center;}
#setInfo .infoLine.line100 {width: 100%}
#setInfo .infoLine.line50 {width: calc((100% - 4rem) / 2);}
#setInfo .infoLine .tit {min-width: 15rem; font-size: 1.4rem; color: #666}
#setInfo .infoLine input {width: 100%}

#setWrite {}
#setWrite .cmsBox {padding: 2rem;}
#setWrite textarea {font-size: 1.4rem; line-height: 2.4rem; border: 0}

/* 통계관리 - 방문자수 집계 */
#statVisit {}
#statVisit .inner {gap: 2rem}

#statVisit .grapArea {width: 74.7%}
#statVisit .grapBox {background: #fff; margin-bottom: 2.4rem; padding: 0;}
#statVisit .grapBox .title {padding: 1.2rem 1.2rem 1.2rem 2.2rem; border-bottom: 1px solid #E5E5E5;}
#statVisit .grapBox .title .today {}
#statVisit .grapBox .title .dateTab {gap: 5px;}
#statVisit .grapBox .title .dateTab div {padding: 1.1rem 1.8rem; color: #888; border: 1px solid #DDD; border-radius: 4px; cursor: pointer}
#statVisit .grapBox .title .dateTab div.on {color: #111; border: 1px solid #888;}
#statVisit .grapBox .cont {padding: 4rem 0;}
#statVisit .grapBox .dateTabBox {}
#statVisit .grapBox #chartDay {height: 36.5rem;}
#statVisit .grapBox #chartWeek {height: 36.5rem;}
#statVisit .grapBox #chartMonth {height: 36.5rem;}

#statVisit .numArea {gap: 2rem;}
#statVisit .numArea .subt {margin-bottom: 8px;}
#statVisit .numArea .totBox {width: 38rem; padding: 2.9rem 4rem; color: #0040A2;}
#statVisit .numArea .totBox .num {gap: 8px;}
#statVisit .numArea .detailBox {flex: 1;}
#statVisit .numArea .detailBox .boxLst {flex: 1; display: flex; flex-direction: column; justify-content: center;}
#statVisit .numArea .detailBox .boxLst .num {justify-content: center; gap: 8px; color: #111111;}

#statVisit .listArea {flex: 1; padding: 0;}
#statVisit .listArea .title {padding: 2.2rem;}
#statVisit .listArea .date {width: 60%}
#statVisit .listArea .count {width: 40%}
#statVisit .listArea .lstTit {background: #F8F8F8; border: 1px solid #ccc; border-right: 0; border-left: 0; padding: 1.1rem 0;}
#statVisit .listArea .lstWrap {height: 55rem; overflow-y: scroll;}
#statVisit .listArea .lstWrap::-webkit-scrollbar {width: 8px;}
#statVisit .listArea .lstWrap::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
#statVisit .listArea .lstWrap::-webkit-scrollbar-track {background-color: #fff;}
#statVisit .listArea .lstArea {display: none;}
#statVisit .listArea .lstArea.act {display: block}
#statVisit .listArea .lstLine {padding: 1.8rem 0; border-bottom: 1px solid #E5E5E5;}

/* 통계관리 - 막대그래프 */
#statGraph {}
#statGraph .cmsBox {padding: 0;}
#statGraph .grpTitle {font-size: 1.8rem; color: #111111; font-weight: 600; display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.2rem 1.2rem 2.2rem; border-bottom: 1px solid #E5E5E5;}
#statGraph .grpTitle .btnArea {display: flex; gap: 0.5rem;}
#statGraph .grpTitle .btnArea button {font-size: 1.4rem; color: #888888; padding: 1.1rem 1.8rem; border: 1px solid #DDDDDD; border-radius: 0.4rem; font-weight: 400}
#statGraph .grpTitle .btnArea button.act {color: #111111; border: 1px solid #888888;}

#statGraph #graphWeek,
#statGraph #graphMonth {height: 50rem;}

#statTable {margin-top: 4rem;}
#statTable .cmsBox {padding: 0;}
#statTable .tbTitle {font-size: 1.8rem; color: #111111; font-weight: 600; display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.2rem 1.2rem 2.2rem;}
#statTable .tbTitle .btnArea {display: flex; gap: 0.5rem;}
#statTable .tbTitle .btnArea button {font-size: 1.4rem; color: #888888; padding: 1.1rem 1.8rem; border: 1px solid #DDDDDD; border-radius: 0.4rem; font-weight: 400}
#statTable .tbTitle .btnArea button.act {color: #111111; border: 1px solid #888888;}
#statTable .countTabBox {text-align: center; font-size: 1.4rem; padding-bottom: 3.2rem; overflow: hidden; overflow-x: auto;}
#statTable .countTabBox::-webkit-scrollbar {height: 8px;}
#statTable .countTabBox::-webkit-scrollbar-thumb {background: #666; background-clip: padding-box; border: 2px solid transparent;}
#statTable .countTabBox::-webkit-scrollbar-track {background: #ddd;}
#statTable .countTabBox .thead {}
#statTable .countTabBox .tbody {}
#statTable .countTabBox .tline {display: flex;}
#statTable .countTabBox span {display: block; flex: 1; padding: 1.7rem 0; min-width: 20rem; border-top: 1px solid #E5E5E5;}
#statTable .countTabBox span:nth-child(1) {border-right: 1px solid #CCCCCC; width: 30rem; min-width: 30rem; max-width: 30rem;}

#statTable .countTabWeek {}
#statTable .countTabMonth {display: none}

#statTable2 {margin-top: 4rem;}
#statTable2 .cmsBox {padding: 0;}
#statTable2 .tbTitle {font-size: 1.8rem; color: #111111; font-weight: 600; display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.2rem 1.2rem 2.2rem;}
#statTable2 .tbTitle .btnArea {display: flex; gap: 0.5rem;}
#statTable2 .tbTitle .btnArea button {font-size: 1.4rem; color: #888888; padding: 1.1rem 1.8rem; border: 1px solid #DDDDDD; border-radius: 0.4rem; font-weight: 400}
#statTable2 .tbTitle .btnArea button.act {color: #111111; border: 1px solid #888888;}
#statTable2 .statCate {font-size: 1.4rem; border-top: 1px solid #ccc;}
#statTable2 .statCate li {padding: 1.7rem; text-align: center; flex: 1; cursor: pointer;}
#statTable2 .statCate li.on {background: #F0F0F0}
#statTable2 .statCate li + li {border-left: 1px solid #CCCCCC;}
#statTable2 .countTabBox {text-align: center; font-size: 1.4rem; padding-bottom: 3.2rem; overflow: hidden; overflow-x: auto;}
#statTable2 .countTabBox::-webkit-scrollbar {height: 8px;}
#statTable2 .countTabBox::-webkit-scrollbar-thumb {background: #666; background-clip: padding-box; border: 2px solid transparent;}
#statTable2 .countTabBox::-webkit-scrollbar-track {background: #ddd;}
#statTable2 .countTabBox .thead {}
#statTable2 .countTabBox .tbody {}
#statTable2 .countTabBox .tline {display: flex;}
#statTable2 .countTabBox span {display: block; flex: 1; padding: 1.7rem 0;  min-width: 20rem; border-top: 1px solid #E5E5E5;}
#statTable2 .countTabBox span:nth-child(1) {border-right: 1px solid #CCCCCC; width: 30rem; min-width: 30rem; max-width: 30rem;}

#statTable2 .countTabWeek {}
#statTable2 .countTabMonth {display: none}











.