/* 헤더 */
#header{width: 100%; float: left; height: 80px; padding: 0 40px; background-color: #42120E; border-radius: 10px; display: flex; justify-content: space-between; align-items: center;}
#header .notice_wrap{width: 33%; display: flex;  align-items: center; gap : 20px;}
#header .notice_wrap .point{width: 55px; height: 27px; line-height: 27px; border-radius: 50px; background-color: #fff; font-weight: 500; text-align: center;}
#header .notice_wrap .contents{width: auto;}
#header .notice_wrap .date_header{text-align: right; font-size:15px; line-height:20px;}
#header .top_menu{width: 75%; display: flex; justify-content: flex-end; align-items: center; gap: 70px;}
#header .top_menu .quick_menu ul{width: 100%; float: left;}
#header .top_menu .quick_menu li{width: 44px; float: left; height: 44px; line-height: 44px; border-radius: 100px; text-align: center; background-color: rgba(255,255,255,0.1);}
#header .top_menu .quick_menu li:not(:first-child){margin-left: 15px;}
#header .top_menu .quick_menu li a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
#header .top_menu .quick_menu li i{font-size: 17px;}
#header .top_menu .login_info{cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 13px;}
#header .top_menu .login_info *{color: #fff;}
#header .top_menu .user_icon i{font-size: 44px;}

.menu_icon i{ font-size:21px !important;}

/* 상태값 */
.status{width: 20px; height: 20px; line-height: 20px; font-size: 10px !important; font-weight: 500 !important; color: #fff; border-radius: 50px; background-color: #FFAB10; text-align: center; position: absolute; top: 15px; right: 15px; z-index: 9;}
.status_sub{float:right; width: 42px; height: 22px; line-height: 22px; font-size: 13px; background-color: #FFAB10; border-radius: 100px; font-weight: 600; text-align: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 5px;}

/* 서브페이지 왼쪽메뉴 */
#subpage_menu { display: block; width:95px; background-color: #fff; position: relative; white-space: nowrap;  transition: all 0.3s }
#subpage_menu.active { width: 380px; }

#subpage_menu .mini_logo{ transition: all 0.4s; position : absolute; top: 4px; max-width : inherit; left: -14px; backface-visibility: hidden; }
#subpage_menu .long_logo{ transition: all 0.4s; position : absolute; top: 20px; max-width : inherit; left: 0; backface-visibility: hidden; transform: rotateY(180deg); left:45px;}

#subpage_menu.active .mini_logo{transform: rotateY(180deg);}
#subpage_menu.active .long_logo{transform: rotateY(0deg);}

#subpage_menu .menu_title{width: 100%; float: left; font-size: 18px; border-bottom:1px solid #F2F2F2;  padding: 20px 25px 10px 33px;}
#subpage_menu .menu_title > ul{height: 75px; line-height: 75px;}
#subpage_menu .menu_title .logo_wrap{width: 100%; float: left;}
#subpage_menu .menu_title .logo_wrap a {float: left; position: relative; transform-style: preserve-3d;}
#subpage_menu .logo_wrap:last-child{float: right; text-align: right;}
#subpage_menu .logo_wrap i{color: #999; text-align: right;}
#subpage_menu .menu_box{width: 100%; display:flex; height: calc(100% - 106px);}

#subpage_menu .menu_box .menu_items_box { width: 95px; float: left;}
#subpage_menu .menu_items{width: 100%; height: 90px; justify-content: center; align-items: center; display: flex;}
#subpage_menu .menu_items .menu_icon{ line-height: 45px; display:inline-block; width:100%; text-align:center;}
#subpage_menu .menu_items.active .menu_icon{color: #fff;}
#subpage_menu .menu_items.active .menu_icon span{color: #fff; background-color: #42120E; width:46px; height:42px; border-radius: 5px; display:inline-block; text-align:center; line-height:45px;}
#subpage_menu .menu_items .menu_icon span i {font-size:21px;}
#subpage_menu .menu_items.active .menu_icon i{ color:#FFF !important}
#subpage_menu .menu_items.bookmark .menu_icon i.star { color: #FFCC00 !important; }
#subpage_menu .big_menu{width: 100%; float: left;}
#subpage_menu .big_menu li{width: 100%; float: left; cursor: pointer;}
#subpage_menu .big_menu li .menu_items_content{width: 100%; float: left; cursor: pointer; }
#subpage_menu .big_menu .menu_name{font-size: 13px; color:#999999; text-align:center; }
#subpage_menu .big_menu .status{top: -7px; right: 20px;}

#subpage_menu .menu_detail_box { width:calc(100% - 95px); background-color:#EEE; overflow:hidden;}
#subpage_menu .menu_detail_box .menu_detail_box_header { width:100%; height:77px; border-bottom: 1px solid #FFFFFF; text-align: center; line-height:77px; font-size:17px;}
#subpage_menu .menu_detail_box .menu_detail_box_header span { color:#333333; font-weight:800;}

#subpage_menu .menu_detail_box .menu_detail_box_content { width:100%; float:left; padding: 25px;}
#subpage_menu .menu_detail_box .menu_detail_box_content .sub_menu { width:100%; float:left; height:35px; line-height:35px; cursor:pointer; padding-left:5px;}
#subpage_menu .menu_detail_box .menu_detail_box_content .sub_menu.active{ font-weight:bold; background-color:#e8e1e3; border-radius:5px; }
#subpage_menu .menu_detail_box .menu_detail_box_content .sub_menu .title { color:#333333; font-weight:800;}
#subpage_menu .menu_detail_box .menu_detail_box_content .sub_menu .more_icon { color:#333333; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
#subpage_menu .menu_detail_box .menu_detail_box_content .sec_menu { width:100%; float:left; margin-left:10px; display:none;}
#subpage_menu .menu_detail_box .menu_detail_box_content .sec_menu .sec_menu_item{ width:100%; float:left; height:35px; line-height:35px; padding:0px 10px; border-radius:5px; cursor:pointer;}
#subpage_menu .menu_detail_box .menu_detail_box_content .sec_menu .sec_menu_item .left{width:50%; float:left; }
#subpage_menu .menu_detail_box .menu_detail_box_content .sec_menu .sec_menu_item.active { font-weight:bold; background-color:#e8e1e3 }

/* 메뉴 토글 */
.menu_toggle { width: 20px; height:40px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%); background:#FFF; cursor:pointer; position:absolute; top:105px; right:-20px; z-index:1; text-align:center; line-height:40px; }


/* 알림 */
/* ----------- 알림 ----------- */
#headerMyScheduleWrap { position: absolute; height: 360px; width: 400px; transition: height 0.3s; background-color: #fff; top: 62px; right: 7%; z-index: 100; border: 1px solid #e1e1e1; overflow: hidden; }
#headerMyScheduleWrap.active { height: 0px; transition: all 0.3s; border: 0px solid #e1e1e1; }
#headerMyScheduleWrap > .titleWrap { width: 100%; height: 55px; float: left; border-bottom: 1px solid #e1e1e1; }
#headerMyScheduleWrap > .titleWrap.active { display: none; }
#headerMyScheduleWrap > .titleWrap > .left { width: 30%; float: left; height: 55px; line-height: 55px; font-size: 17px; font-weight: bold; color: #000; letter-spacing: -0.5px; padding-left: 20px; }
#headerMyScheduleWrap > .titleWrap > .left i { font-size: 18px; color: #000; }
#headerMyScheduleWrap > .titleWrap > .right_header > ul { width: 70%; float: right; padding-top: 16px; padding-right: 10px; }
#headerMyScheduleWrap > .titleWrap > .right_header > ul > li { height: 20px; line-height: 20px; float: left; } 
#headerMyScheduleWrap > .titleWrap > .right_header > ul > li > button { width: 85px; background-color: #fff; height: 30px; font-size: 13px; cursor: pointer; }
#headerMyScheduleWrap > .titleWrap > .right_header > ul > li:first-of-type { border-left: 0; } 
#headerMyScheduleWrap > .titleWrap > .right_header > ul > li > a { color: #333; font-size: 18px; }
#headerMyScheduleWrap > .conWrap { width: 100%; height: 290px; float: left; padding: 15px 20px; overflow-y: auto; }
#headerMyScheduleWrap > .conWrap.active { display: none; }
#headerMyScheduleWrap > .conWrap > ul { width: 100%; float: left; padding-bottom: 15px; border-left: 1px solid #ccc; padding-left: 19px; }
#headerMyScheduleWrap > .conWrap > ul > li { width: 100%; float: left; margin: 3px 0; display: table; table-layout: fixed; cursor: pointer; }
#headerMyScheduleWrap > .conWrap > ul > li > span { display: table-cell; font-size: 14px; font-weight: 500; color: #333; }
#headerMyScheduleWrap > .conWrap > ul > li > span.category { float: left; font-weight: bold; font-size: 16px; letter-spacing: -0.5px; color: #000; }
#headerMyScheduleWrap > .conWrap > ul > li > span.time { float: right; letter-spacing: -0.5px; color: #ccc; }
#headerMyScheduleWrap > .conWrap > ul > li > span.content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; }
#headerMyScheduleWrap > .conWrap > ul.active { width: 100%; float: left; padding-bottom: 15px; border-left: 1px solid #ccc; padding-left: 19px; }
#headerMyScheduleWrap > .conWrap > ul.active > li { width: 100%; float: left; margin: 3px 0; display: table; table-layout: fixed; cursor: pointer; }
#headerMyScheduleWrap > .conWrap > ul.active > li > span { display: table-cell; font-size: 14px; font-weight: 500; color: #ccc; }
#headerMyScheduleWrap > .conWrap > ul.active > li > span.category { float: left; font-weight: bold; font-size: 16px; letter-spacing: -0.5px; color: #ccc; }
#headerMyScheduleWrap > .conWrap > ul.active > li > span.time { float: right; letter-spacing: -0.5px; color: #ccc; } 
#headerMyScheduleWrap > .conWrap > ul.active > li > span.content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ccc; }
#headerMyScheduleWrap > .conWrap > ul > li.end { display: none; }
#headerMyScheduleWrap > .conWrap::-webkit-scrollbar { width: 8px; height: 8px; background-color: #fff; }
#headerMyScheduleWrap > .conWrap::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #aaa; border: 1px solid #fff; }
#circleActive { width: 5px; height: 5px; top: 12px; left: -22px; border-radius: 50%; background-color: #ccc; }
.notiCntBox { width: 25px; height: 25px; line-height: 25px; text-align: center; position: absolute; vertical-align: middle; border-radius: 50px; color: white; font-size: 10px; }
.notiCntBox.red { background-color: #cc3333 !important; width: 18px; height: 18px; line-height: 19px; text-align: center; position: absolute; vertical-align: middle; border-radius: 50px; color: white; font-size: 10px; padding-right: 2px; }

/* 컨텐츠 */
/* 가이드 영역 */
#content_wrap{width: calc(100% - 90px); padding: 30px;}
#content_wrap.income_year{width: calc(100% - 327px);}
#top_guide_wrap{width: 100%; float: left; background-color: #fff; border-radius: 10px; margin-top: 25px; padding: 40px;}

/* 리스트영역 */
/* 리스트 타이틀 */
.row_move{cursor: pointer;}
.row_move:hover td{background-color: #eee;}
#list_wrap{width: 100%; float: left; background-color: #fff; border-radius: 10px; margin-top: 25px; padding: 40px;}
#list_wrap .listSet { width: 100%; float: left; border-bottom: 1px solid #e2e2e2; padding-bottom: 8px; }
#list_wrap .listSet1 { border-bottom: none; }
#list_wrap .listSet .leftBox { width: 50%; float: left; }
#list_wrap .listSet .leftBox .pageCnt { width: auto; float: left; font-size: 20px; color: #333; line-height: 35px; }
#list_wrap .listSet .leftBox .pageCnt * { font-size: inherit; color: inherit; }
#list_wrap .listSet .leftBox .line { margin: 0 10px; width: 1px; float: left; height: 35px; }
#list_wrap .listSet .leftBox .line:after { content: " "; width: 1px; height: 18px; background-color: #ebebeb; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#list_wrap .listSet .leftBox .etc_set { width: auto; float: left; } 
#list_wrap .listSet .leftBox .etc_set span:not(.noPadding) { float: left; line-height: 35px; padding: 0 10px 0 0; }
#list_wrap .listSet .rightBox { width: 50%; float: right; text-align: right; } 
#list_wrap .listSet .rightBox div { width: auto; display: inline-block; vertical-align: middle; }
#list_wrap .listSet .rightBox div:not(:first-of-type) { margin-left: 8px; }
#list_wrap .listSet .rightBox .searchItem input { width: 260px; }
#list_wrap .listSet .rightBox .searchItem i { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; }
#list_wrap .listBtn { width: 100%; float: left; padding-bottom: 8px; margin-top: 17px; }
#list_wrap .listBtn .leftBox { width: auto; float: left; }
#list_wrap .listBtn .leftBox button,
#list_wrap .listBtn .leftBox a { text-align: center; float: left; margin-left: 0;}
#list_wrap .listBtn .line { margin: 0 10px; width: 1px; float: left; height: 35px; } 
#list_wrap .listBtn .line:after { content: " "; width: 1px; height: 18px; background-color: #ebebeb; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#list_wrap .listBtn .rightBox .line { float: right;}
#list_wrap .listBtn .rightBox { width: auto; float: right; text-align: right; }
#list_wrap .listBtn .rightBox button,
#list_wrap .listBtn .rightBox a { text-align: center; float: right; margin-left: 0; }
#list_wrap .list { width: 100%; float: left; }
#list_wrap .list > div { width: 100%; float: left; }
#list_wrap .list table thead th { background-color: #f8f8f8; height: 60px; color: #333; }
#list_wrap .list table thead .list_th { background-color: #f8f8f8; height: 40px; color: #333;}
#list_wrap .list table thead th:not(:first-of-type) { border-left: 1px solid #e2e2e2; }
#list_wrap .list table thead th.second_list_th { border-left: 1px solid #e2e2e2; } 
#list_wrap .list table thead tr:first-of-type th { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
#list_wrap .list table thead tr:not(:first-of-type) th:first-of-type { border-left: 1px solid #e2e2e2; }
#list_wrap .list table tbody td { background-color: white; height: 60px; text-align: center; border-bottom: 1px solid #e2e2e2; padding: 0 10px; font-size: 13px; }
#list_wrap .list table tbody td.green { color: green; font-weight: 500; }
#list_wrap .list table tbody td.red { color: #cc3333; font-weight: 500; }
#list_wrap .list table tbody td.blue { color: blue; font-weight: 500; }
#list_wrap .list table tbody td.list_product_info { padding: 0 10px; }
#list_wrap .list table tbody td.list_product_info > div:nth-child(1) { width: 50px; float: left; height: 100%; }
#list_wrap .list table tbody td.list_product_info > div:nth-child(1) > img { width: 100%; top: 50%; transform: translateY(-50%); }
#list_wrap .list table tbody td.list_product_info > div:nth-child(2) { width: 85%; height: 100%; float: left; text-align: left; padding: 10px 15px; line-height: 24px; }
#list_wrap .list table tbody td.list_product_info > div:nth-child(2) > p { width: 100%; float: left;}
#list_wrap .list table tbody td.list_product_info > div:nth-child(2) > p:nth-child(1) {font-weight: 700;}
#list_wrap .list table tbody td.list_product_info > div:nth-child(2) > p:nth-child(2) { margin: 5px 0; }
#list_wrap .list table tbody td.stop p.stop1 { width: 100%; float: left; }
#list_wrap .list table tbody td.stop > p.stop1 > span { width: 100%; float: left;}
#list_wrap .list table tbody td.stop > p.stop1 > span > span { width: 100%; float: left; padding: 0px 10px; }
#list_wrap .list table tbody td.stop > p.stop2 { width: 100%; float: left; padding: 0px 10px; text-align: center; margin-top: 5px; }
#list_wrap .list table tbody td.stop > p.stop2 > a { width: 80%; display: inline-block; vertical-align: middle; line-height: 30px; border: 1px solid #e5e5e5; background-color: #fff; border-radius: 5px; font-size: 13px; font-weight: 500; }
#list_wrap .list table tbody td:not(:first-of-type) { border-left: 1px solid #e2e2e2; }
#list_wrap .list table tbody td.rowspanleftline { border-left: 1px solid #e2e2e2;}
#list_wrap .list table tbody tr:first-of-type td { border-top: 1px solid #e2e2e2; }
#list_wrap .list table tbody tr td:first-child[rowspan] ~ td:nth-of-type(n + 3) { border: 1px solid #e2e2e2; } 
#list_wrap .list table tbody td p { font-size: inherit;}
#list_wrap .list table tbody td p.subText { color: #ccc; font-size: 12px; }
#list_wrap .list table thead th p.subText { color: #ccc; font-size: 12px; }
#list_wrap .list table tbody td p.subText.line { color: #aaaaaa; font-size: 12px; }
#list_wrap .list table tbody td p.subText.pre { color: #aaaaaa; font-size: 10px; margin-top: 4px; }
#list_wrap .list td.imgBox_area { padding: 15px; }
#list_wrap .list td.imgBox_area div { float: left; text-align: left; font-size: 15px; padding-left: 10px; }
#list_wrap .list td.imgBox_area img { width: 90px; height: 90px; float: left; border-radius: 10px; }
#list_wrap .list .listNoData td { height: 200px; }
#list_wrap .list .listNoData td p { width: 100%; float: left; color: #d1d1d1; font-size: 15px; font-size: normal; }
#list_wrap .list .listNoData td p:not(:first-of-type) { margin-top: 10px; }
#list_wrap .list .listNoData td p i { color: inherit; font-size: 45px; }
#list_wrap .list .rowMove:hover td { background-color: #f6f9ff; cursor: pointer; }
#list_wrap .listPaging { width: 100%; float: left; margin-top: 15px; }
#list_wrap .listPaging > div { width: 100%; float: left; text-align: center; }
#list_wrap .listPaging > div ul { width: auto; display: inline-block; vertical-align: middle; border: 1px solid #ccc; }
#list_wrap .listPaging > div ul:empty { border: none; }
#list_wrap .listPaging > div li { width: auto; float: left; }
#list_wrap .listPaging > div li * { width: 100%; float: left; line-height: 35px; color: inherit; }
#list_wrap .listPaging .num_area { width: 40px; }
#list_wrap .listPaging .arrow_area { width: 55px; }
#list_wrap .listPaging .arrow_left { border-right: 1px solid #ccc;}
#list_wrap .listPaging .arrow_right { border-left: 1px solid #ccc; }
#list_wrap .list .info { width: 100%; float: left; font-size: 15px; color: #aaa; margin-top: 40px; margin-bottom: 15px; border: 3px solid #ccc; font-weight: 500; text-align: center; padding: 15px; }
#list_wrap .list table.plusWrap { margin-top: 30px; }
#list_wrap .list table tbody td i.delBtn {  font-size: 16px; }
#list_wrap .list .workList { padding: 5px 0px; border-left: 1px solid #ededed; }
#list_wrap .list .infomar { margin-top: 0px; }
#list_wrap .list .infomar span { font-size: 15px; font-weight: 500; }
#list_wrap .list .infomar span.title { font-size: 13px; font-weight: bold; }
#list_wrap .list .infomar span.distpause { color: #cc3333; float: right;}
#list_wrap .list .infomar #dbTotalCnt { color: #333; }
#list_wrap .list .infomar > input:checked + label > .off { display: none; }
#list_wrap .list .infomar > input:checked + label > .on { display: inline-block; }
#list_wrap .list .infomar > label { float: left; }
#list_wrap .list .infomar > label i.off { color: #ddd; display: inline-block; font-size: 12px; }
#list_wrap .list .infomar > label i.on { color: #19234b; display: none; }
#list_wrap .list table tbody td > i.complist { cursor: pointer;}

/* 계약대상 관리 버튼 */
.commonBtn.preBtn{width:65px; height:23px; font-size:11px; color:#999999; padding:0 10px;}
.commonBtn.intBtn{width:65px; height:23px; font-size:11px; color:#999999; padding:0 10px;}
.commonBtn.mg{width:100%;}
.commonBtn.success{border-radius:0px; color:#fff; width:60% !important; padding:0px !important; float:left}
.commonBtn.fail{border-radius:0px; background-color:#ccc; color:#fff; width:36% !important; padding:0px !important; float:left}

/* 리스트 페이징 */
.list_paging{width: 100%; float: left; margin-top: 65px;}
.list_paging div{width: 100%; float: left; text-align: center;}
.list_paging ul{width: auto; display: inline-block; vertical-align: middle; border: 1px solid #E2E2E2; border-radius: 5px;}
.list_paging li{width: auto; float: left;}
.list_paging li *{width: 100%; float: left; line-height: 35px; color: inherit;}
.list_paging .num_area{width: 40px;}
.list_paging .num_area.now{color: #42120E !important; font-weight: 600;}
.list_paging .arrow_area{width: 50px;}
.list_paging .arrow_left{border-right: 1px solid #E2E2E2; margin-right: 10px;}
.list_paging .arrow_right{border-left: 1px solid #E2E2E2; margin-left: 10px;}

/* 리스트 하단 가이드 */
.guide_wrap{width: 100%; float: left; background-color: #fcfcfc; padding: 32px 60px; border: 1px solid #e2e2e2; margin-top: 80px;}
.guide_wrap div{width: 100%; float: left;}
.guide_wrap .icon i{font-size: 30px; color: #ccc;}
.guide_wrap .line span{width: 1px; height: 57px; display: inline-block; vertical-align: middle; background-color: #ebebeb;}
.guide_wrap .guide_memo{color: #666; font-size: 13px;}
.guide_wrap .guide_memo h1{line-height: 29px;}
.guide_wrap .guide_memo *{color: inherit; font-size: inherit;}

/* 푸터 */
#footer {width: 100%; float: left; margin-top: 30px;}
#footer > div {width: 100%; float: left; border-top: 1px solid #e3e5e7;}
#footer > div > div{width: 100%; float: left;}
#footer .footer_top .left_box{width: 50%; float: left;}
#footer .footer_top .left_box ul{width: 100%; float: left;}
#footer .footer_top .left_box ul li{width: auto; float: left; padding: 0 20px;}
#footer .footer_top .left_box ul li *{line-height: 50px; font-size: 13px; font-weight: 600;}
#footer .footer_top .right_box{width: 50%; float: right; text-align: right;}
#footer .footer_top .right_box ul{width: 100%; float: left;}
#footer .footer_top .right_box ul li{width: auto; display: inline-block; vertical-align: middle;}
#footer .footer_top .right_box ul li a{width: 100%; float: left; line-height: 50px; padding: 0 10px;}
#footer .footer_btm{width: 100%; float: left; border-top: 1px solid #e3e5e7;}
#footer .footer_btm > div > div{padding: 25px 0 25px 30px;}
#footer .footer_btm p {color: #666; font-size: 13px; line-height: 20px;}

/* 로그인 */
#login_content_wrap{width: calc(100% - 0px);}

#login_wrap { width: 100%; float:left; }
.login_main { width: calc(100% - 620px); float:left; height: 100vh; background-color: #FFF3DA; padding: 0 70px; overflow: hidden; display: flex; align-items: center; }
.login_main .box { width: 100%; float:left; }
.login_main .box .login_name { float:left; z-index: 9; left: 50px; top: -50px; }
.login_main .box .login_info_wrap { width: 570px; float:left; display: flex; flex-direction: column; gap: 30px; z-index: 99; top: 20px; left: -70px; }
.login_main .box .login_box { width:570px; float: left; padding: 70px 50px; background-color: #fff; border-radius: 30px; }
.login_title_wrap { width: 100%; float:left; }
.subtxt_wrap { width: 100%; float:left; margin-top: 20px; text-align: left; font-size: 18px; font-weight: 500; color:#565656; }
.login_input { width: 100%; float:left; margin-top: 60px; display: flex; flex-direction: column; gap: 20px; }
.login_input .input_wrap { width: 100%; float:left; }
.login_input .input_wrap > input { width: 100%; height: 65px; float:left; border: 1px solid #D8D8D8; border-radius: 10px; padding: 0 15px; font-weight: 500; background-color: #fff; color: 333; margin-top: 12px; }
.login_input .input_wrap > input:first-child { margin-top: 0; }
.login_input .input_wrap > input::placeholder { color: #999; }
.login_input .input_wrap > input:focus { border-color: #66151E; }
.login_input .login_remember { width: 100%; float:left;} 
.login_input .login_remember i { cursor: pointer; font-size: 17px; color:#999;} 
.login_input .login_remember i.fas { display: none;} 
.login_input .login_remember label { font-size: 15px; cursor: pointer; color:#666; } 
.login_input .login_remember input:checked ~ label i.fas {display: inline-block; color: #FF5353;}
.login_input .login_remember input:checked ~ label i.far {display: none;}
.login_box .line_row { width: 100%; float:left; height: 1px; margin-top: 40px; background-color: #DEDEDE; }
.input_button_wrap { width: 100%; float:left; margin-top: 25px;  }
.input_button_wrap > button { width: 100%; float:left; height: 60px; line-height: 60px; border-radius: 10px; text-align: center; font-weight: 900; font-size: 18px; color:#fff; }
.login_info_wrap .login_info { width: 100%; padding: 0 40px; display: flex; flex-direction: column; gap: 20px; }
.login_info_wrap .login_info > span { font-size: 14px; font-weight: 400; color:#ADA697; }
.login_main .login_back { width: 100%; float:left; position: absolute; top: 0; left: 0; opacity: 0.7;}

.login_slide { width: 620px; float:left; height: 100vh; background-color: #331316; overflow: hidden; position: relative;  }
.login_slide .login_back { width: 100%; float:left; position: absolute; top: 0; left: 0; opacity: 0.8;}
.login_slide .login_slide_img { width: 100%; float:left; }
.login_slide .login_slide_img > img { vertical-align: middle; opacity: 0.2;  }

#login_wrap .logo_cont { width: 233px; height: 237px; z-index: 99; position: absolute; top: 40%; right: 505px; }

/* 로그인화면 반응형 추가 */
@media screen and (max-width: 1600px) {
	.login_main {
		width: calc(100% - 560px);
		padding: 0 45px;
	}
	.login_slide { width: 560px; }
	.login_main .box .login_info_wrap {
		width: 100%;
		max-width: 570px;
		left: 0;
		margin: 0 auto;
		float: none;
	}
	.login_main .box .login_box { width: 100%; }
	#login_wrap .logo_cont { right: 420px; }
}

@media screen and (max-width: 1366px) {
	.login_main {
		width: calc(100% - 520px);
		padding: 0 35px;
	}
	.login_main .box .login_name {
		display: none;
	}
	.login_slide { width: 520px; }
	.login_main .box .login_info_wrap {
		width: 100%;
		max-width: 570px;
		float: none;
		left: 0;
		margin: 0 auto;
	}
	.login_main .box .login_box { width: 100%; }
	#login_wrap .logo_cont { right: 390px; }
}

@media screen and (max-width: 1200px) {
	.login_main {
		width: 100%;
		float: none;
		padding: 30px 20px;
		justify-content: center;
	}
	.login_main .box .login_name {
		display: none;
	}
	.login_main .box {
		float: none;
		display: block;
	}
	.login_main .box .login_info_wrap {
		width: 100%;
		max-width: 570px;
		float: none;
		left: 0;
		margin: 0 auto;
	}
	.login_main .box .login_box { width: 100%; }
	.login_slide { display: none; }
	#login_wrap .logo_cont { display: none; }
}

/* 페이지 정보 (pageinfo )*/
.pageInfoWrap { width: 100%; float: left; border-bottom: 1px solid #e3e5e7; padding-top : 30px; padding-right : 30px; padding-left : 20px; height: 110px;}
.pageInfoWrap .pageInfo { width: 50%; float: left;}
.pageInfoWrap .pageInfo > ul { width: 100%; float: left;}
.pageInfoWrap .pageInfo_icon { width: auto; float: left;}
.pageInfoWrap .pageInfo_icon span { width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: white; float: left; border-radius: 3px; border: 1px solid #e2e2e2;}
.pageInfoWrap .pageInfo_icon i { font-size: 16px; }
.pageInfoWrap .pageInfo_text { width: 80%; float: left; padding-left: 17px; }
.pageInfoWrap .pageInfo_text p { width: 100%; float: left; }
.pageInfoWrap .navTit { font-size: 18px; color: black; font-weight: 500; }
.pageInfoWrap .navSubTit { font-size: 13px; color: #666666; margin-top: 5px; line-height: 20px;}
.pageInfoWrap .pageNav { width: 50%; float: left; text-align: right; padding-top: 14px;}
.pageInfoWrap .pageNav * { color: #666; font-size: 13px; }
.pageInfoWrap .pageNav span { margin: 0 3px; }
.pageInfoWrap .pageNav a:last-of-type { font-weight: bold; }
.pageInfoWrap .pageNav .addBookMark { font-size: 17px; margin-left: 15px; cursor: pointer; }
.pageInfoWrap .pageNav .delBookMark { font-size: 17px; margin-left: 15px; color: #ffcc33; cursor: pointer; }

/* 기존검색 */
.datasearchWrap { width: 100%; float: left; border: 1px solid #ebebeb; padding: 20px 30px; margin-bottom: 15px; }
.datasearchWrap button { cursor: pointer; }
.datasearchWrap a { cursor: pointer; }
.datasearchWrap > form { width: 100%; float: left; display: table; table-layout: fixed; }
.datasearchWrap .frmWrap { width: 870px; height: 25px; vertical-align: middle; display: table-cell; }
.datasearchWrap .frmWrap > li { width: 100%; float: left; margin: 5px 0; }
.datasearchWrap .label { width: 80px; height: 32px; line-height: 32px; float: left; font-size: 14px; font-weight: bold; }
.datasearchWrap .frmWrap > li > select { width: 130px; height: 32px; line-height: 32px; margin-right: 10px; margin-left: 5px; border: 1px solid #ebebeb; color: #888; padding-left: 10px; }
.datasearchWrap .frmWrap > li > select > option { color: #888; }
.datasearchWrap .frmWrap > li > input { width: 530px; height: 32px; line-height: 32px; margin-right: 10px; border: 1px solid #ebebeb; padding-left: 10px; }
.datasearchWrap .drag { width: 100%; float: left; margin: 5px 0; }
.datasearchWrap .drag span { width: 50px; height: 32px; line-height: 32px; float: left; cursor: pointer; background-color: #ebebeb; font-weight: bold; font-size: 12px; text-align: center; margin-right: 5px; }
.datasearchWrap .drag .reg_term { width: 80px; height: 32px; line-height: 32px; float: left; font-size: 14px; font-weight: bold; background-color: #fff; text-align: inherit; }
.datasearchWrap .drag .search { width: 140px; float: left; height: 32px; color: #666; border: 1px solid #ebebeb; padding: 0 10px; letter-spacing: -0.5px; margin-right: 20px; }
.datasearchWrap .search_Btn { position: absolute; right: 0; top: 50%; padding: 0 65px; border-left: 1px solid #e1e1e1; margin-top: -30px; }
.datasearchWrap .search_Btn > button { color: #fff; background-color: #666; margin-bottom: 10px; margin-top: 10px; border: none; width: 130px; height: 40px; line-height: 32px; float: left; font-weight: 500; font-size: 14px; text-align: center; }

/* 검색영역(3단) start */
.data_search_wrap { width: 100%; float: left; border: 1px solid #ebebeb; padding: 20px 30px; margin-bottom: 15px; margin-top: 15px; }
.data_search_wrap button { cursor: pointer;}
.data_search_wrap a { cursor: pointer;}
.data_search_wrap > form { width: 100%; float: left; display: table; table-layout: fixed;}
.data_search_wrap .frmWrap { width: 870px; height: 25px; vertical-align: middle; display: table-cell;}
.data_search_wrap .frmWrap > li { width: 100%; float: left; margin: 5px 0; }
.data_search_wrap .label { width: 80px; height: 32px; line-height: 32px; float: left; font-size: 14px; font-weight: bold; }
.data_search_wrap .frmWrap > li > select { width: 130px; height: 32px; line-height: 32px; margin-right: 10px; margin-left: 5px; border: 1px solid #ebebeb; color: #888; padding-left: 10px;}
.data_search_wrap .frmWrap > li > select[name="ST4"] {margin-left: 0px; display: none;}
.data_search_wrap .frmWrap > li > select[name="ST4"].active {display: block;}
.data_search_wrap .frmWrap > li > select > option {color: #888;}
.data_search_wrap .frmWrap > li > input {width: 530px; height: 32px; line-height: 32px; margin-right: 10px; border: 1px solid #ebebeb; padding-left: 10px;}
.data_search_wrap .detail_search {width: 100%; float: left; margin: 5px 0;}
.search_date_style_1 .detail_search_date { width: calc(100%-210px); float: left;}
.data_search_wrap .detail_search .detail_search_date span.date_select_btn { width: 50px; height: 32px; line-height: 32px; float: left; background-color: #ebebeb; font-weight: bold; font-size: 12px; text-align: center; margin-right: 5px; cursor: pointer; }
.data_search_wrap
  .detail_search
  .detail_search_date
  span.date_select_btn.active {
  color: #fff;
}
.data_search_wrap .detail_search .detail_search_date .input_wrap .search { width: 140px; float: left; height: 32px; color: #666; border: 1px solid #ebebeb; padding: 0 10px; letter-spacing: -0.5px; }
.data_search_wrap .detail_search .detail_search_date .input_wrap .tilde { line-height: 32px; float: left; font-size: 14px; font-weight: bold; background-color: #fff; text-align: inherit; margin: 0 10px;}
.search_date_style_1 .detail_search_date span.date_select_btn { width: 50px; height: 32px; line-height: 32px; float: left; background-color: #ebebeb; font-weight: bold; font-size: 12px; text-align: center; margin-right: 5px; cursor: pointer; }
.search_date_style_1 .detail_search_date span.date_select_btn.active { color: #fff;}
.data_search_wrap .detail_search .reg_term { width: 80px; height: 32px; line-height: 32px; float: left; font-size: 14px; font-weight: bold; background-color: #fff; text-align: inherit;}
.search_date_style_1 .detail_search_date .input_wrap { float: left; }
.search_date_style_1 .detail_search_date .input_wrap .tilde { line-height: 32px; float: left; font-size: 14px; font-weight: bold; background-color: #fff; text-align: inherit; margin: 0 10px; }
.search_date_style_1 .detail_search_date .input_wrap .search { width: 140px; float: left; height: 32px; color: #666; border: 1px solid #ebebeb; padding: 0 10px; letter-spacing: -0.5px; }
.data_search_wrap .search_Btn { position: absolute; right: 0; top: 50%; padding: 0 65px; border-left: 1px solid #e1e1e1; margin-top: -30px; }
.data_search_wrap .search_Btn > button { color: #fff; background-color: #666; margin-bottom: 10px; margin-top: 10px; border: none; width: 130px; height: 40px; line-height: 32px; float: left; font-weight: 500; font-size: 14px; text-align: center; }
select[name="ST4"] { display: none; }
.select_list_cnt { min-width: 100px; width: auto !important; }
.dataSearchSet { width: 150px !important; }
.rightBox .list_cnt_form { width: auto; float: right; }
#s_date_year,
#s_date_month { width: 130px; height: 32px; line-height: 32px; margin-right: 10px; border: 1px solid #ebebeb; color: #888; padding-left: 10px; }
#s_date_year { margin-left: 5px; }

/* 가이드 2*/
.guideWrap2 { width: 100%; float: left; background-color: #FAFAFA; padding: 32px 60px;}
.guideWrap2 div { width: 100%; float: left; }
.guideWrap2 div table td.guideMemo { color: #666; font-size: 13px; width: 100%;}
.guideWrap2 div table td.guideMemo * { color: inherit; font-size: inherit; }
.guideWrap2 div table td.guideMemo h1 { line-height: 29px;}
.guideWrap2 .time_line_guide_circle{border : 4px solid #999999 !important; display : inline-block; background-color : white; width : 16px !important; height : 16px; border-radius: 2em; float:none !important;}
.guideWrap2 .time_line_guide_text{font-weight:500; font-size:13px; line-height:25px;}
.guideWrap2 .time_line_guide{margin-top : -6px; text-align:center;}
.guideWrap2 .time_line{height : 2px; width:100% !important; border:1px solid #ccc;}
.guideWrap2 .fb{font-weight:bold; font-size:12px;}
.guideWrap2 li {color:#666666; font-size:12px}

/* 페이지 상단 탭  */
.pageTabWrap { width: 100%; float: left; margin-top: 25px; }
.pageTabWrap.border_b1 { padding-bottom : 20px; border-bottom:1px solid #D3D3D3 !important;}
.pageTabWrap > div { width: auto; float: left; background-color: white; border-radius: 50px; border: 1px solid #e2e2e2; }
.pageTabWrap > div ul { width: 100%; float: left; } 
.pageTabWrap > div ul li { width: 150px; float: left; text-align: center; color: #333; font-weight: bold; }
.pageTabWrap > div ul a { width: 100%; float: left; line-height: 40px; color: inherit; }
.pageTabWrap > div .active { color: white; border-radius: 50px; }

/* 가맹점 리스트 */
.storetoptab { width: 100%; float: left; margin-top: 20px; }
.storetoptab .background { width: 100%; float: left; padding: 5px 40px; border-radius: 5px; }
.storetoptab .background > div { width: 50%; height: 56px; float: left; }
.storetoptab .background > div .store { width: 100%; float: left; padding: 13px 0px; } 
.storetoptab .background > div .store .store1 { width: 4%; float: left; } 
.storetoptab .background > div .store .store1 > i { color: #fff; font-size: 20px; line-height: 30px; }
.storetoptab .background > div .store .store2 { width: auto; color: #fff; float: left; font-size: 20px; margin-right: 4px; }
.storetoptab .background > div .store .store3 { width: auto; color: #fff; float: left; font-size: 20px; }
.storetoptab .background > div .store .store4 { width: auto; float: left; margin-left: 30px; }
.storetoptab .background > div .store .storeList { color: #000000; height: 30px; width: 180px; float: left; padding: 0 10px; font-size: 13px; }
.storetoptab .background > div .store .storeList option { color: inherit; }
.storetoptab .background > div .sv_wrap { float: right; top: 50%; transform: translateY(-50%); background-color: #fff; border-radius: 25px; padding: 12px 30px; }
.storetoptab .background > div .sv_wrap .tit { font-weight: 600;}
.storetoptab .background > div .sv_wrap .sv .name { font-weight: 600; }
.storetoptab .background > div .sv_wrap .icon .midx3 > i, .storetoptab .background > div .sv_wrap .icon .midx4 > i { font-weight: 600; cursor: pointer; }
.storetoptab .background > div .sv_wrap .icon .division { padding: 0 10px; font-weight: 900; }
.storetoptab .background > div .sv_wrap > div { float: left; padding: 0 10px; }
.storetoptab .background > div .midx_log { width: 100%; float: left; padding: 7px 0px; }
.storetoptab .background > div .midx_log .midx { min-width: 400px; float: right; border-radius: 25px; padding: 12px 30px; }
.storetoptab .background > div .midx_log .midx .midx1 { width: 22%; float: left; font-weight: 600; }
.storetoptab .background > div .midx_log .midx .midx2 { width: 46%; float: left; margin-left: 8%; }
.storetoptab .background > div .midx_log .midx .midx2 > span:first-child { font-weight: 600; }
.storetoptab .background > div .midx_log .midx .midx3 { width: 12%; float: left; }
.storetoptab .background > div .midx_log .midx .midx3 > i { cursor: pointer; }
.storetoptab .background > div .midx_log .midx .midx3::after { content: ""; border: 1px solid #e9e9e9; position: absolute; height: 100%; left: 100%; }
.storetoptab .background > div .midx_log .midx .midx4 { width: 12%; float: left; text-align: right; }
.storetoptab .background > div .midx_log .midx .midx4 > i { cursor: pointer; }
#list_wrap .list table tbody td > i.complist { font-size: 17px; }

.loglist { padding: 10px; width: 240px; border-radius: 5px; background-color: #fff; position: absolute; left: 77.8%; top: 85%; z-index: 1; display: none; box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.3); }
.loglist > div { width: 100%; float: left; text-align: left; }
.loglist > .mainSv > div { width: 100%; float: left; margin: 2px 0px; padding: 5px 0px; }
.loglist > .mainSv .right { text-align: center; }
.loglist > div > div .left { width: 50%; float: left; font-weight: 500; color: #666; }
.loglist > div > div { width: 100%; float: left; }
.loglist > div > div .left > i { padding: 10px; }
.loglist > div > div .right { width: 50%; float: right; padding: 7.5px 0px; color: #666; font-size: 13px; }
.loglist > div > .sv_box { border-radius: 10px; background-color: #ededed; }
.loglist .mainSv { border-bottom: 2px solid #ededed; }
.loglist > .subSv .right { text-align: center; }
.loglist > .svWrap { padding: 15px 22px; padding-top: 0px; }
.loglist > .svWrap > ul { width: 100%; float: left; border-left: 1px solid #ccc; padding-left: 19px; padding-top: 25px; }
.loglist > .svWrap > ul > li:first-child { width: 100%; float: left; font-size: 13px; }
.loglist > .loglisttit { font-weight: 500; }
.loglist #circle2 { width: 10px; height: 10px; left: -24px; border-radius: 50%; border: solid 3px #cccccc; background-color: #fff; }
.loglist > .svWrap > ul > li:last-child { width: 100%; float: left; color: #9f9f9f; font-size: 12px; }

/* WRITE, VIEW, UPDATE */
.cke_notification.cke_notification_warning{display:none !important;}
.contentWrap { width: 100%; float: left; margin-top: 20px;}
.contentWrap.preView { padding: 0; margin: 0; }
.contentWrap.half > div { width: 50%; float: left; } 
.contentWrap.half > div:nth-of-type(1) { padding-right: 15px; } 
.contentWrap.half > div:nth-of-type(2) { padding-left: 15px; }
.contentWrap.half .contentBox { padding: 25px 25px; }
.contentWrap.dashboardver .contentBox { padding: 35px 50px; } 
.contentWrap.searchver .contentBox { padding: 35px 50px; }
.contentBox { width: 100%; float: left; background-color: white; border-radius: 5px; border: 1px solid white; padding: 55px 35px 60px 35px; }
.contentBox.preView { border: none; padding: 0 20px; } 
.contentBox.shadow { box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07); } 
.contentBox.chartShadow { box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07); }
.contentBox.tab { padding: 30px; }
.contentBox.shadow .toptab { width: 100%; float: left; } 
.contentBox.shadow .toptab > ul { width: 14.285%; float: left; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; text-align: center; padding: 10px 0px; background-color: #f8f8f8; cursor: pointer; } 
.contentBox.shadow .toptab > ul:last-child { border-right: 1px solid #e2e2e2; }
.contentBox.shadow .toptab > ul > li { width: 100%; float: left; } 
.contentBox.shadow .topGuide { width: 100%; float: left; padding: 20px 20px; background: #f8f8f8; margin-bottom: 40px; }
.contentBox.shadow .topGuide .title { color: #666; font-weight: 900; } 
.contentBox.shadow .topGuide .value { font-size: 13px; padding: 10px 0 0 10px; }

.type_list { width: 100%; float: left; }
.type_list .listSet { width: 100%; float: left; border-bottom: 1px solid #e2e2e2; padding-bottom: 8px; }
.type_list .listSet1 { border-bottom: none; }
.type_list .listSet .leftBox { width: 50%; float: left; }
.type_list .listSet .leftBox .pageCnt { width: auto; float: left; font-size: 20px; color: #333; line-height: 35px; }
.type_list .listSet .leftBox .pageCnt * { font-size: inherit; color: inherit; }
.type_list .listSet .leftBox .line { margin: 0 10px; width: 1px; float: left; height: 35px; } 
.type_list .listSet .leftBox .line:after { content: " "; width: 1px; height: 18px; background-color: #ebebeb; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
.type_list .listSet .leftBox .etc_set { width: auto; float: left; } 
.type_list .listSet .leftBox .etc_set span:not(.noPadding) { float: left; line-height: 35px; padding: 0 10px 0 0; }
.type_list .listSet .rightBox { width: 50%; float: right; text-align: right; }
.type_list .listSet .rightBox div { width: auto; display: inline-block; vertical-align: middle; } 
.type_list .listSet .rightBox div:not(:first-of-type) { margin-left: 8px; }
.type_list .listSet .rightBox .searchItem input { width: 260px;}
.type_list .listSet .rightBox .searchItem i { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; }
.type_list .listBtn { width: 100%; float: left; padding-bottom: 8px; margin-top: 17px; }
.type_list .listBtn .leftBox { width: auto; float: left; }
.type_list .listBtn .leftBox button,
.type_list .listBtn .leftBox a { text-align: center; float: left; margin-left: 0; }
.type_list .listBtn .line { margin: 0 10px; width: 1px; float: left; height: 35px; }
.type_list .listBtn .line:after { content: " "; width: 1px; height: 18px; background-color: #ebebeb; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.type_list .listBtn .rightBox .line { float: right; } 
.type_list .listBtn .rightBox { width: auto; float: right; text-align: right; }
.type_list .listBtn .rightBox button,
.type_list .listBtn .rightBox a { text-align: center; float: right; margin-left: 0; }
.type_list .list { width: 100%; float: left; }
.type_list .list > div { width: 100%; float: left; } 
.type_list .list table thead th { background-color: #f8f8f8; height: 60px; color: #333; }
.type_list .list table thead .list_th { background-color: #f8f8f8; height: 40px; color: #333; }
.type_list .list table thead th:not(:first-of-type) { border-left: 1px solid #e2e2e2; }
.type_list .list table thead th.second_list_th { border-left: 1px solid #e2e2e2; }
.type_list .list table thead tr:first-of-type th { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.type_list .list table thead tr:not(:first-of-type) th:first-of-type { border-left: 1px solid #e2e2e2; }
.type_list .list table tbody td { background-color: white; height: 60px; text-align: center; border-bottom: 1px solid #e2e2e2; padding: 0 10px; font-size: 13px; } 
.type_list .list table tbody td.green { color: green; font-weight: 500; }
.type_list .list table tbody td.red { color: #cc3333; font-weight: 500; }
.type_list .list table tbody td.blue { color: blue; font-weight: 500; }
.type_list .list table tbody td.list_product_info { padding: 0 10px; }
.type_list .list table tbody td.list_product_info > div:nth-child(1) { width: 50px; float: left; height: 100%; }
.type_list .list table tbody td.list_product_info > div:nth-child(1) > img { width: 100%; top: 50%; transform: translateY(-50%); }
.type_list .list table tbody td.list_product_info > div:nth-child(2) { width: 85%; height: 100%; float: left; text-align: left; padding: 10px 15px; line-height: 24px; }
.type_list .list table tbody td.list_product_info > div:nth-child(2) > p { width: 100%; float: left; }
.type_list
  .list
  table
  tbody
  td.list_product_info
  > div:nth-child(2)
  > p:nth-child(1) {
  font-weight: 700;
}
.type_list
  .list
  table
  tbody
  td.list_product_info
  > div:nth-child(2)
  > p:nth-child(2) {
  margin: 5px 0;
}
.type_list .list table tbody td.stop p.stop1 { width: 100%; float: left; }
.type_list .list table tbody td.stop > p.stop1 > span { width: 100%; float: left; }
.type_list .list table tbody td.stop > p.stop1 > span > span { width: 100%; float: left; padding: 0px 10px; }
.type_list .list table tbody td.stop > p.stop2 { width: 100%; float: left; padding: 0px 10px; text-align: center; margin-top: 5px; }
.type_list .list table tbody td.stop > p.stop2 > a { width: 80%; display: inline-block; vertical-align: middle; line-height: 30px; border: 1px solid #e5e5e5; background-color: #fff; border-radius: 5px; font-size: 13px; font-weight: 500; }
.type_list .list table tbody td:not(:first-of-type) { border-left: 1px solid #e2e2e2; }
.type_list .list table tbody td.rowspanleftline { border-left: 1px solid #e2e2e2; } 
.type_list .list table tbody tr:first-of-type td { border-top: 1px solid #e2e2e2; }
.type_list
  .list
  table
  tbody
  tr
  td:first-child[rowspan]
  ~ td:nth-of-type(n + 3) {
  border: 1px solid #e2e2e2;
}
.type_list .list table tbody td p { font-size: inherit; }
.type_list .list table tbody td p.subText { color: #ccc; font-size: 12px; }
.type_list .list table thead th p.subText { color: #ccc; font-size: 12px; }
.type_list .list table tbody td p.subText.line { color: #aaaaaa; font-size: 12px; }
.type_list .list table tbody td p.subText.pre { color: #aaaaaa; font-size: 10px; margin-top: 4px; }
.type_list .list td.imgBox_area { padding: 15px; }
.type_list .list td.imgBox_area div { float: left; text-align: left; font-size: 15px; padding-left: 10px; }
.type_list .list td.imgBox_area img { width: 90px; height: 90px; float: left; border-radius: 10px; }
.type_list .list .listNoData td { height: 200px; }
.type_list .list .listNoData td p { width: 100%; float: left; color: #d1d1d1; font-size: 15px; font-size: normal; }
.type_list .list .listNoData td p:not(:first-of-type) { margin-top: 10px; }
.type_list .list .listNoData td p i { color: inherit; font-size: 45px; }
.profileIcon { width: 30px; height: 30px; overflow: hidden; display: inline-block; vertical-align: middle; border-radius: 50px; border: 1px solid #ececec; margin-right: 3px; }
.type_list .list .rowMove:hover td { background-color: #f6f9ff; cursor: pointer; }
.type_list .listPaging { width: 100%; float: left; margin-top: 15px; }
.type_list .listPaging > div { width: 100%; float: left; text-align: center; }
.type_list .listPaging > div ul { width: auto; display: inline-block; vertical-align: middle; border: 1px solid #ccc; }
.type_list .listPaging > div ul:empty { border: none; }
.type_list .listPaging > div li { width: auto; float: left; }
.type_list .listPaging > div li * { width: 100%; float: left; line-height: 35px; }
.type_list .listPaging .num_area { width: 40px; }
.type_list .listPaging .num_area.now { color: #467cdf; } 
.type_list .listPaging .arrow_area { width: 55px; }
.type_list .listPaging .arrow_left { border-right: 1px solid #ccc; }
.type_list .listPaging .arrow_right {border-left: 1px solid #ccc;}

.type_form { width: 100%; float: left; }
.type_form .listBtn { width: 100%; float: left; padding-bottom: 8px; margin-top: 17px; }
.type_form .listBtn .leftBox { width: 50%; float: left; }
.type_form .listBtn .leftBox button, .type_form .listBtn .leftBox a { text-align: center; float: left; margin-left: 0; }
.type_form .listBtn .actionBtn_write { color: white; }
.type_form .listBtn .change_manager { width: auto; font-weight: 400; }
.type_form .listBtn .line { margin: 0 10px; width: 1px; float: left; height: 35px; }
.type_form .listBtn .line:after { content: " "; width: 1px; height: 18px; background-color: #ebebeb; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.type_form .listBtn .rightBox { width: 50%; float: right; text-align: right; }
.type_form_bottom { margin-bottom: 60px; }
.type_form .form { width: 100%; float: left; }
.type_form .form form > div { width: 100%; float: left; }
.type_form .form form > div:not(:first-of-type) { margin-top: 60px; }
.type_form .form h1.tit { font-size: 18px; font-weight: bold; line-height: 18px; margin-bottom: 10px; color: #333; width: auto; float: left; }
.type_form .form span.subtit, .type_view .view span.subtit { font-weight: 300; color: #ccc; font-size: 11px; float: right; }
.type_form .form span.subtit i, .type_view .view span.subtit i { color: inherit; font-size: inherit; }
.type_form .form div:not(.noForm) table { margin-top: 20px; }
.type_form .form div:not(.noForm) table tr:first-of-type > * { border-top: 2px solid #666666; }
.type_form .form div:not(.noForm) table tr:not(:first-of-type) > * { border-top: 1px solid #e4e4e4; }
.type_form .form div:not(.noForm) table tr:last-of-type > * { border-bottom: 2px solid #f0f0f0; }
.type_form .form div:not(.noForm) table tr th.label { background-color: #f8f8f8; height: 60px; padding: 8px 15px; color: #333; font-weight: bold; vertical-align: middle; }
.type_form .form div:not(.noForm) table tr td.value { background-color: white; padding: 8px 25px; }
.type_form .formInpTextItem input, .type_form .formInpTextItem select, .type_form .formInpTextItem textarea { max-width: 98%; }
.type_form .formInpText { width: 2%; float: left; line-height: 35px; text-align: center; margin-left: 5px; }
.type_form .list table { margin-top: 20px; }
.type_form .list table thead th { background-color: #f8f8f8; height: 60px; color: #333; }
.type_form .list table thead th:not(:first-of-type) { border-left: 1px solid #e2e2e2; }
.type_form .list table thead tr:first-of-type th { border-top: 1px solid black; border-bottom: 1px solid #e2e2e2; }
.type_form .list table thead tr:not(:first-of-type) th:first-of-type { border-left: 1px solid #e2e2e2; }
.type_form .list table tbody td { background-color: white; height: 60px; text-align: center; border: 1px solid #e2e2e2; padding: 0 5px; font-size: 13px; }
.type_form .list table tbody td:first-of-type { border-left: none; }
.type_form .list table tbody td:last-of-type { border-right: none; }
.form_list_btn_wrap td { padding: 10px 0; }
.form_list_btn_wrap td button { width: 350px; height: 40px; background-color: #fff; cursor: pointer; }
.type_form .form .findAddr > p { width: 100%; float: left; }
.type_form .form .findAddr > p:not(:first-of-type) { margin-top: 5px; }
.type_form .form .findAddrBtn { float: left; cursor: pointer; margin-left: 5px; }
.type_form .form .zipcode input { width: 10% !important; }
.type_form .form .zipaddr input { width: 100% }
.type_form .form .zipdetailaddr input { width: 100% !important; }
.type_form .form .sizeFull .zipcode input { width: 20% !important; }
.type_form .form .sizeFull .zipaddr input { width: 60% !important; }
.type_form .form .sizeFull .zipdetailaddr input { width: 80% !important; }
.type_form .form .file_one span { float: left; height: 35px; line-height: 35px; background-color: #f0f0f0; border: 1px solid #ccc; padding: 0 10px; cursor: default; min-width: 186px; text-align: center; }
.type_form .form .file_one span.fileName { color: #ccc; }
.type_form .form .file_one label { float: left; height: 35px; line-height: 35px; margin-left: 10px; border: 1px solid #ccc; color: #ccc; padding: 0 20px; cursor: pointer; font-size: 13px; font-weight: bold; }
.type_form .form .file_one label i { color: inherit; margin-right: 5px; }
.type_form .form .file_img > div { width: 100%; float: left; margin-bottom: 5px; }
.type_form .formBtn { width: 100%; float: left; padding-bottom: 8px; margin-top: 17px; }
.type_form .formBtn .leftBox { width: 50%; float: left; }
.type_form .formBtn .leftBox button, .type_form .formBtn .leftBox a { text-align: center; float: left; margin-left: 0; }
.type_form .formBtn .actionBtn_write { color: #fff; }
.type_form .formBtn .actionBtn_update { color: #fff; }
.type_form .formBtn .rightBox { width: 50%; float: right; text-align: right; }
.type_form .form .excelFile { display: none; }
.type_form .form label.exc_up { cursor: pointer; text-align: center; float: left; border: 1px solid; background-color: #207244; line-height: 35px; font-weight: 500; color: #fff; width: 130px; font-size: 14px; }
.type_form .form span.exc_F_Name { font-size: 13px; color: #aaa; float: left; padding: 10px 0px 0px 10px; }
.type_form .form a.exceldown { float: left; border: 1px solid; background-color: #fff; line-height: 35px; font-weight: bold; color: #207244; width: 130px; cursor: pointer; font-size: 14px; text-align: center; }
.type_form .form a.exceldown i { color: #207244; margin-right: 5px; }
.type_form .form table tr th.red { color: #cc3333; font-weight: bold; }
.type_form .form table tr th.red i { color: #cc3333; font-weight: bold; margin-right: 5px; }
.type_form .form span.guide_b { font-weight: bold; }
.type_form .form .upload { margin-top: 60px; }
.type_form .form label i.pop_basic { color: #fff; margin-right: 5px; }
.type_form .form div:not(.noForm) table tr td.tdline { line-height: 54px; }
.type_form .form div:not(.noForm) table tr td.ocation_box { line-height: initial !important; }
.type_form .form .file_one > div { width: 100%; float: left; }
.type_form .form .file_one > div > div { width: 100%; float: left; margin-top: 5px; }
.type_form .form .file_one label.plus_file { padding: 0px; border: none; float: left; height: 35px; line-height: 35px; margin-right: 10px; cursor: pointer; font-size: 13px; font-weight: bold; }
.type_form .form .file_one label.con_cancelBtn { padding: 0px 2.5px; }
.type_form .form .file_one label.info_cancelBtn { padding: 0px 2.5px; }
.type_form .form .file_one label.etc_cancelBtn { padding: 0px 2.5px; }
.type_form select.team_code { min-width: 180px; margin-right: 10px; }
.type_form select.ov_idx { min-width: 180px; }
.type_form .form .file_one .filediv { padding: 10px 0px; }
.type_form .form .file_one .filediv p.conrenew { width: 100%; float: left; }
.type_form .form .file_one .filediv p.conrenew .condelBtn { line-height: 42px; margin-left: 5px; cursor: pointer; }
.type_form .form .file_one .filediv a { width: auto; float: left; margin: 10px 0px; text-underline-position: under; text-decoration: underline; color: #467cdf; }
.type_form .form .file_one .filediv a.updateetc { margin: 10px 15px 10px 0px; }
.type_form .form div:not(.noForm) table tr td.dropfiletd { padding: 20px 25px; }

.type_view { width: 100%; float: left; }
.type_view .view { width: 100%; float: left; }
.type_view .view > div { width: 100%; float: left; }
.type_view .view > div:not(:first-of-type) { margin-top: 60px; }
.type_view .view h1.tit { font-size: 18px; font-weight: bold; line-height: 18px; color: #333; }
.type_view .view table { margin-top: 20px; }
.type_view .view table tr:first-of-type > * { border-top: 2px solid #666666; }
.type_view .view table tr:not(:first-of-type) > * { border-top: 1px solid #e4e4e4; }
.type_view .view table tr:last-of-type > * { border-bottom: 2px solid #f0f0f0; }
.type_view .view table tr th.label { background-color: #f8f8f8; height: 60px; padding: 8px 20px; color: #333; font-weight: bold; vertical-align: middle; }
.type_view .view table tr td.value { background-color: white; padding: 8px 25px; }
.type_view .view table tr td.com { color: #cc3333; font-weight: bold; }
.type_view .view tfoot td { border: none !important; height: 40px; font-size: 13px; color: #ccc; }
.type_view .view tfoot td i { color: inherit; }
.type_view .listBtn { width: 100%; float: left; padding-bottom: 8px; margin-top: 17px; }
.type_view .listBtn .leftBox { width: 50%; float: left; }
.type_view .listBtn .leftBox button, .type_view .listBtn .leftBox a { text-align: center; float: left; margin-left: 0; }
.type_view .listBtn .actionBtn_write { color: white; }
.type_view .listBtn .change_manager { width: auto; font-weight: 400; }
.type_view .listBtn .line { margin: 0 10px; width: 1px; float: left; height: 35px; }
.type_view .listBtn .line:after { content: " "; width: 1px; height: 18px; background-color: #ebebeb; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.type_view .listBtn .rightBox { width: 50%; float: right; text-align: right; }
.listBtn .centerBox { width: 100%; float: left; margin-top: 50px; text-align: center; }
.listBtn .centerBox > div { width: 100%; float: left; text-align: center; }
.type_view2 { width: 100%; float: left; }
.type_view2 .view2Tab { width: 100%; float: left; }
.type_view2 .view2Tab > ul { width: 100%; float: left; }
.type_view2 .view2Tab > ul > li { width: calc(100% / 9); float: left; color: black; background-color: #fcfcfc; text-align: center; border-left: 1px solid #ececec; border-top: 1px solid #ececec; }
.type_view2.target .view2Tab > ul > li { width: calc(100% / 5); float: left; color: black; background-color: #fcfcfc; text-align: center; border-left: 1px solid #ececec; border-top: 1px solid #ececec; }
.type_view2 .view2Tab > ul > li:last-of-type { border-right: 1px solid #ececec; }
.type_view2 .view2Tab > ul > li a { color: inherit; width: 100%; float: left; line-height: 45px; }
.type_view2 .view2Tab .active { background-color: white; color: #1d63b3; font-weight: bold; box-shadow: 0px 1px 0px white; z-index: 1; }
.type_view2 .view h1.tit > .colortit { margin-right: 8px; }
.type_view2 .view, .type_view2 .view_list { width: 100%; float: left; padding: 40px; border: 1px solid #ececec; }
.type_view2 .viewSimpleInfo { width: 100%; float: left; background-color: #f8f8f8; padding: 20px; color: #666666; font-weight: normal; }
.type_view2 .view > div { width: 100%; float: left; }
.type_view2 .view > div:not(:first-of-type) { margin-top: 60px; }
.type_view2 .view > div:nth-child(2) { margin-top: 25px; }
.type_view2 .view h1.tit { font-size: 18px; font-weight: bold; line-height: 18px; color: #333; }
.type_view2 .listBtn { width: 100%; float: left; padding-bottom: 8px; margin-top: 17px; }
.type_view2 .listBtn .leftBox { width: 50%; float: left; }
.type_view2 .listBtn .leftBox button,
.type_view2 .listBtn .leftBox a { text-align: center; float: left; margin-left: 0; }
.type_view2 .listBtn .actionBtn_write { color: white; }
.type_view2 .listBtn .change_manager { width: auto; font-weight: 400; }
.type_view2 .listBtn .line { margin: 0 10px; width: 1px; float: left; height: 35px; } 
.type_view2 .listBtn .line:after { content: " "; width: 1px; height: 18px; background-color: #ebebeb; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.type_view2 .listBtn .rightBox { width: 50%; float: right; text-align: right; }
.type_view2 .view .filediv { width: 100%; float: left; padding: 10px 0px; }
.type_view2 .view .filediv p.conrenew { width: 100%; float: left; }
.type_view2 .view .filediv p.conrenew .condelBtn { line-height: 42px; margin-left: 5px; cursor: pointer; }
.type_view2 .view .filediv a { width: auto; float: left; margin: 10px 0px; text-underline-position: under; text-decoration: underline; color: #467cdf; }
.type_view .view .filediv a { width: auto; float: left; margin: 10px 0px; text-underline-position: under; text-decoration: underline; color: #467cdf; }
.type_view2 .view table {margin-top: 20px; }
.type_view2 .view table tr:first-of-type > * { border-top: 2px solid #666666; }
.type_view2 .view table thead tr:first-of-type > * { border-top: 2px solid #666666; }
.type_view2 .view table tr:not(:first-of-type) > * { border-top: 1px solid #e4e4e4; }
.type_view2 .view table tr:last-of-type > * { border-bottom: 2px solid #f0f0f0; }
.type_view2 .view table tr th.label { background-color: #f8f8f8; height: 60px; padding: 8px 25px; color: #333; font-weight: bold; vertical-align: middle; }
.type_view2 .view table tr td.value { background-color: white; padding: 8px 25px; line-height: 15px;}
.inq_code { width: 100%; float: left; border-bottom: 1px solid #e2e2e2; }
.inq_code.v2 { border-bottom: none; margin-bottom: 15px; }
.inq_code > ul { width: 100%; float: left; color: #333; font-size: 20px; font-weight: 400; }
.inq_code > ul li { width: 100%; float: left; color: #333; font-size: 20px; font-weight: 400; }
.inq_code > ul li span > i { font-size: 20px; color: #333; margin-right: 5px; }
.contract_div ul li { width: 50%; color: #333; font-size: 20px; font-weight: 400; }
.contract_div ul .con_code { float: left; }
.contract_div ul .btnli { float: right; text-align: right; margin-bottom: 5px; }
.contract_div ul li span i { font-size: 20px; color: #333; margin-right: 5px; }
.contract_div ul li .halfBtn { width: 80px; padding: 0px; border: 1px solid; }
.contract_div ul .btnli > button.actionBtn_delete { margin-left: 10px; top: -1px; }

/* 첨부파일 */
#con_dropzone { width: 100%; float: left; border: 1px dashed #d8d8d8; height: 60px; padding: 10px; cursor: pointer; }
#con_dropzone1 {width: 100%;float: left;border: 1px dashed #d8d8d8;height: 60px;padding: 10px;cursor: pointer;}
.con_fileon > * { width: 100%; float: left; }
.con_fileon > ul { text-align: center; }
.con_fileon > ul > li { float: left; display: inline-block; }
.con_fileon > ul > li.fileicon { width: 33%; margin-right: 10px; }
.con_fileon > ul > li.fileguide { width: 60%; }
.con_fileon > ul > li.fileicon > i { float: right; line-height: 40px; font-size: 17px; color: #ccc; }
.con_fileon > ul > li > span { line-height: 40px; float: left; color: #ccc; font-weight: 300; }
.con_fileon > ul > li > button { width: 120px; color: #ccc; font-weight: 300; padding: 5px 10px; line-height: 20px; float: left; border: 2px solid #ededed; background-color: #fff; position: absolute; left: 368px; bottom: 4px; font-size: 13px; }
.con_fileon > ul > li > button > i { margin-right: 5px; color: #ccc; font-weight: 300; }
.con_fileoff { display: none; width: 100%; float: left; margin: 15px 0px 0px 10px; }
.con_fileoff > ul { width: 25%; float: left; margin-bottom: 10px; }
.con_fileoff > ul > li { float: left; width: 5%; }
.con_fileoff > ul > li.filename { width: 60%; font-weight: 400; }
.con_fileoff > ul > li.filename > span { width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.con_fileoff > ul > li.filename > span.text { color: #333; }
.con_fileoff > ul > li.filename > span.texts { color: #999; }
.con_fileoff > ul > li.filename > span.size { color: #999; font-size: 12px; }
.con_fileoff > ul > li > i.file { color: #333; }
.con_fileoff > ul > li > i.files { color: #999; }
.con_fileoff > ul > li > i.fileCancelBtn { color: #999; }
.con_fileoff > ul > li > i.condelBtn { color: #999; }
.con_fileoffss { display: none; width: 100%; float: left; margin: 15px 0px 0px 10px; }
.con_fileoffss > ul.offul { width: 160px; float: left; border: 2px solid #d8d8d8; margin-right: 10px; padding: 2px 0px; }
.con_fileoffss > ul > li > .offname { width: 90%; float: left; font-weight: bold; }
.con_fileoffss > ul > li > .fileCancelBtn { float: left; line-height: 21px; font-weight: bold; }
.file_plus_bt { cursor: pointer; width: 120px; color: #999; padding: 5px 10px; line-height: 20px; float: left; border: 2px solid #ededed; background-color: #fff; position: absolute; left: 368px; bottom: 4px; font-size: 13px; } 
.file_plus_bt i { margin-right: 5px; color: #999; }

/* 질문, 질문추과 관련 디자인 css */
.survey_type label.customCheckBox>.on { color: #000; margin-right: 5px;}
.survey_type label.customCheckBox>.off { color: #000; margin-right: 5px;}
.survey_type label.customCheckBox { color: #000;}
.survey_type label.customCheckBox.listCheckBox { font-size: 14px; float: left; margin-top: 5px; padding-left: 10px; line-height: 0px;}
.survey_type .contents .option { width: calc(100% - 40px); margin-left: 5px; }
.survey_type .contents .circle { width: 25px; height: 25px; float: left; padding: 5px; margin: 13px 0; }
.survey_type .contents .circle > div { float: left; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #d8d8d8; }
.survey_type .tr_option .circle { width: 25px; height: 25px; float: left; margin: 5px 0; }
.survey_type .tr_option .circle > div { float: left; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #d8d8d8; }
.survey_type .type_view .view table tr td.lp0 a { width: 100%; height: 100%; float: left; }
.survey_type .view { margin-top: 20px; }
.survey_type .hidden_sdate { float: left; line-height: 35px; display: none; }
.survey_type .hidden_edate { float: left; line-height: 35px; display: none; }
.survey_type .questions_title { width: 100% !important; }
.survey_type .survey_view_left .tr_option .txtBox { width: 80%; }
.survey_type.contentWrap .txtsearchBox { width: 65%; margin-left: 5%; float: left; font-size: 12px; padding: 0; height: 35px; border: none; color:#CCC}
.survey_type .receiveWrap { min-height: 0; }
.survey_type .location_select { width: 30% !important; }
.survey_type .searchBtn { position: absolute; right: 3%; top: 0; line-height: 35px; }
.survey_type.contentWrap .resultWrap { left: 35%; width: 65%; }
.survey_type.contentWrap .resultWrap .topresultBox { padding: 10px; }
.survey_type.contentWrap .resultWrap .closeBtn { top: 0 !important; }
.survey_type.contentWrap .receiveWrap .values li { width: 150px; font-size: 12px; margin: 5px; }
.survey_type.contentWrap .receiveWrap .values li i { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.survey_type .guide_wrap .icon { width: 10%; }
.survey_type .guide_wrap .guideMemo { width: 87%; }

/* 미션관리 */
.mission_type .type_view .survey_view .survey_date { text-align: left; margin-top: 10px; color: #999999; }
.mission_type .type_view .survey_view .survey_date span { color: #999999; }
.mission_type .type_view .survey_view .survey_date span i { color: #999999; margin-right: 5px; }
.mission_type .survey_view .title .sub_tit { margin-top: 3px; }

.mission_typeU .type_view .survey_view_left .date { width: 30%; }
.mission_typeU .date_span { width: 10%; padding: 0; text-align: center; }
.mission_typeU .end_btn { width: 25%; margin-left: 5%; padding: 0; }
.mission_typeU .end_date { width: 100%; float: left; margin-top: 5px; }
.mission_typeU .end_date i { margin-right: 5px; }
.mission_typeU .type_view .listBtn .actionBtn_write { margin-left: 10px; }

/* 설문조사 */
.contentWrap .contentTitle { float: left; width: 100%; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; padding-bottom: 10px; }
.contentWrap .contentTitle .title i { font-size: 20px; font-weight: 900; }
.contentWrap .contentTitle .title span { font-size: 20px; font-weight: 900; color: #000; padding-left: 15px; }
.contentWrap .contentTitle .info { color: #333; padding: 10px 33px; }
.option_plus { float: left; width: 200px; height: 35px; line-height: 35px; border: 1px solid #467cdf; border-radius: 5px; color: #467cdf; text-align: center; font-weight: 900; margin: 10px 0; cursor: pointer; }
.option_plus i { color: #467cdf; }
.survey_plus { float: right; width: 200px; height: 35px; line-height: 35px; border: 1px solid #467cdf; border-radius: 5px; color: #467cdf; text-align: center; font-weight: 900; margin: 10px 0; cursor: pointer; }
.survey_plus i { color: #467cdf; }
.type_form .form div:not(.noForm) table tr td.tdline { line-height: 54px; }
label.customCheckBox { display: inline-block; vertical-align: middle; float: none; }
.customCheckBoxLabel:not(:first-of-type) { display: inline-block; vertical-align: middle; float: none; }
.customCheckBoxLabel.option_plus { float: right; }
.popCont .comment_title { width: 100%; float: left; font-size: 17px; color: #467cdf; padding: 5px 0px; }
.popCont .comment_title span { font-weight: 800; float: left; font-size: 17px; color: #467cdf; }
.popCont .comment_list { width: 100%; float: left; }
.popCont .comment_list li { width: 100%; float: left; padding: 15px 0px; border-bottom: solid 1px #e2e2e2; }
.comment_list li .comment_icon { float: left; width: 70px; height: 70px; padding: 10px; }
.comment_list li .comment_icon span { width: 100%; height: 100%; float: left; border-radius: 50%; background: #e2e2e2; text-align: center; color: #fff; line-height: 50px; }
.comment_list li .comment_icon span i { color: #fff; font-size: 17px; }
.comment_list li .comment_txt { float: left; width: 100%; }
.comment_list li .comment_contetn { float: left; width: 100%; margin-top: 3px; }
.comment_list li .comment_data { float: right; letter-spacing: 0; font-size: 12px; color: #ccc; }
.comment_list li .store_name { font-weight: 800; color: #333; font-size: 15px; }
.comment_list li .con_txt { padding: 10px 0px; width: calc(100% - 70px); float: left; }
.survey .entry_file { margin: 5px 0px; padding: 6px 15px; border-radius: 10px; color: #fff !important; float: left; width: auto !important; }
.survey .entry_file a { font-size: 13px; }
.survey .entry_file i { font-size: 13px; }
.charts .tit { font-weight: bold; }
.charts #chart2 { top: 50%; transform: translateY(-50%); }
.contentBox .survey { width: 42%; margin-top: 0; }
.contentBox .previews { width: 58%; float: left; text-align: center; height: 50px; margin-top: 2%; }
.contentBox .preview { padding: 8px 60px; color: #333333; border: solid 1px #19234b; border-radius: 15px; font-weight: 800; font-size: 14px; }
.right_view { min-height: 800px; }
.type_view .survey_view_left { width: 42%; float: left; margin-right: 30px; padding: 0 25px; }
.type_view .survey_view_left .txtBox { width: 100%; }
.type_view .survey_view_left .date { width: 40%; }
.type_view .survey_view_left .date2 { width: 40%; background: #f3f3f3; }
.type_view .survey_view .survey_date { letter-spacing: 0; width: 100%; float: left; text-align: right; }
.type_view .survey_view .survey_date .dates { font-weight: 800; margin-right: 10px; }
.type_view .survey_view .title { border-bottom: solid 1px #666666; width: 100%; float: left; padding: 30px 0px; }
.survey_view_left .content { float: left; width: 100%; }
.survey_view_left ul { float: left; width: 100%; }
.survey_view_left li { float: left; width: 100%; }
.survey_view_left .content .title { padding: 10px 0px; padding-bottom: 5px; width: 100%; font-weight: 800; float: left; }
.survey_view_left .content .title span { font-weight: 200; float: right; text-align: right; font-size: 11px; color: #999; padding-top: 5px; }
.survey_view_left .content .txtBox { width: 100%; float: left; height: 35px; }
.survey_view_left .content textarea.txtBox { height: 85px; }
.survey_view_left .content .questions_plus { border: none; background: #666666; color: #fff !important; float: left; width: 150px; height: 42px; line-height: 42px; border-radius: 5px; text-align: center; font-weight: 900; margin: 10px 0; cursor: pointer; }
.survey_view_left .content .questions_plus i { border: none; background: #666666; color: #fff !important; }
.survey_view_left .content .questions_update { border: none; background: #666666; color: #fff !important; float: left; width: 150px; height: 42px; line-height: 42px; border-radius: 5px; text-align: center; font-weight: 900; margin: 10px 0; cursor: pointer; }
.survey_view_left .content .questions_update i { border: none; background: #666666; color: #fff !important; }
.survey_view_left .tr_option .txtBox { width: 76%; margin-left: 0; }
.survey_view_left .tr_option .circle { text-align: center; }
.survey_view_left .tr_option .circle i { line-height: 25px; cursor: pointer; }
.survey_view_left .tr_option { width: 100%; float: left; padding: 5px 0px; }
.survey_view_left ul.tr_option { border-top: solid 1px #ededed; margin-top: 15px; }
.survey_view .title .tit { width: 100%; float: left; font-weight: 600; font-size: 23px; }
.survey_view .title .sub_tit { margin-top: 10px; width: 100%; float: left; font-size: 14px; color: #999999; }
.contentBox.shadows .fileName { background-color: #fff; line-height: 35px; font-size: 13px; color: #cccccc; border: 1px solid #d8d8d8; padding: 0 10px; float: left; width: 65%; }
.contentBox.shadows .survey_file { background-color: #fff; margin-left: 5%; width: 30%; float: left; line-height: 35px; text-align: center; border: 1px solid #666; font-weight: bold; }
.contentBox.shadows .fliesn i { color: #fff; padding: 0px 3px; font-size: 12px; }
.contentBox.shadows .fliesn { width: auto; float: left; line-height: 25px; margin-bottom: 25px; padding: 0px 10px; background: #666; color: #fff; font-size: 12px; border-radius: 10px; }
.type_view .survey_view_right { width: 55%; float: right; max-height: 1000px; overflow-y: auto; box-shadow: 2px 4px 15px 8px rgb(0 0 0 / 10%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.type_view .survey_view_right .survey_view { height: 100%; padding: 25px; width: 100%; float: left; border-radius: 5px; background-color: #fff; }
.survey_view_right .listNoData { width: 100%; float: left; text-align: center; padding: 350px 0px; }
.type_view .survey_view_right::-webkit-scrollbar { width: 5px; }
.type_view .survey_view_right::-webkit-scrollbar-thumb { background-color: gray; border-radius: 10px; }
.type_view .survey_view_right::-webkit-scrollbar-track { background-color: white; box-shadow: inset 0px 0px 5px white; }
.comment_talk { width: 100%; float: left; padding: 10px 30px 20px 30px; }
.no_questions { width: 100%; float: left; }
.survey_view_right .NOicon { padding: 10px; }
.survey_view_right .NOicon i { color: #cccccc; font-size: 55px; }
.survey_view_right .listNo { color: #cccccc; font-size: 16px; }
.questions_previews { width: 100%; float: left; margin-top: 25px; }
.questions_previews .prev_back { border-radius: 15px; width: 100%; float: left; padding: 17px 20px; background: #f9f9f9; margin-bottom: 15px; }
.questions_previews .prview_top { width: 100%; float: left; }
.questions_previews .icon { float: right; }
.questions_previews .icon i { padding: 0px 5px; color: #cccccc; cursor: pointer; }
.questions_previews .left { width: 4%; float: left; }
.questions_previews .left span { float: left; font-size: 18px; font-weight: 800; color: #333; }
.questions_previews .right { width: 96%; float: right; }
.questions_previews .right .titles { width: 100%; float: left; }
.questions_previews .titles .tit { width: 100%; float: left; font-size: 16px; color: #666; font-weight: 500; }
.questions_previews .titles .sub_tits { width: 100%; float: left; font-size: 13px; color: #999; padding-top: 4px; }
.questions_previews .conn { width: 100%; float: left; }
.questions_previews .contents { width: 100%; float: left; margin-top: 10px; }
.questions_previews .contents ul { width: 100%; float: left; }
.questions_previews .contents li { width: 100%; float: left; line-height: 50px; color: #666; }
.questions_previews .contents li textarea { width: 100%; height: 40px; resize: none; }
.questions_previews .contents li textarea::placeholder { color: #ddd; }
.survey .titie_box { width: 100%; float: left; margin-bottom: 15px; }
.survey .titie_box .left { width: 3%; float: left; font-size: 25px; font-weight: 700; line-height: 30px; }
.survey .titie_box .right { width: 97%; float: left; }
.survey .titie_box .right span { width: 100%; float: left; }
.survey .titie_box .right .tit { font-size: 18px; font-weight: 700; color: #333; }
.survey .titie_box .right .sub_tit { font-size: 13px; color: #ccc; font-weight: 500; }
.survey .survey_option .conntent { width: 100%; padding: 0px 15px; max-height: 400px; overflow-y: auto; float: left; }
.survey .survey_option .conntent ul { width: 100%; float: left; }
.survey .survey_option .conntent ul li { width: 100%; float: left; padding: 10px 15px; background-color: #f8f8f8; border-radius: 5px; margin: 5px 0px; }
.survey .survey_option .conntent ul li span { width: 100%; float: left; }
.survey .survey_option .conntent ul li .title { font-weight: 700; font-size: 14px; color: #333; padding: 5px 0px; }
.survey .survey_option .conntent ul li .sub_title { font-size: 13px; color: #666; }
.survey .survey_option .fill_conntent { width: 100%; float: left; padding: 0px 15px; max-height: 400px; overflow-y: auto; }
.survey .survey_option .fill_conntent ul { width: 100%; float: left; }
.survey .survey_option .fill_conntent ul li { width: 25%; float: left; padding: 0px 10px; }
.survey .survey_option .fill_conntent ul li div { padding: 15px 0px; width: 100%; float: left; border: solid 1px #e2e2e2; border-radius: 10px; text-align: center; }
.survey .survey_option .fill_conntent ul li div span { width: 100%; float: left; }
.survey .survey_option .fill_conntent ul li div .title { font-size: 13px; font-weight: bold; color: #333; }
.survey .survey_option .fill_conntent ul li div .date { font-size: 13px; color: #ccc; margin-top: 3px; margin-bottom: 10px; }
.survey .survey_option .fill_conntent ul li div .sub_title { font-size: 13px; color: #666; }
.survey .survey_option .fill_conntent ul li div .sub_title i { padding: 0px 5px; }
.survey .survey_option .fill_conntent ul li div .sub_title a { font-size: 12px; text-decoration: underline; font-weight: 400; letter-spacing: 0; }
.date_span{ float: left; height: 35px; line-height: 35px; padding : 0 15px; font-weight: 900;}
.date_label{ float: left; margin-left: -30px; height: 35px; line-height: 35px; }
.date_label > i{ font-size: 16px; } 
.noticeSelectInp {width: calc(100% - 102px) !important;}
.moveBtnWrap { width: 102px; float: left; }
.moveBtnWrap > a { width: 100%; float: left; }
.moveGuideWrap { width: 100%; float: left; margin-top: 5px; color: #ccc; font-size: 12px; }
.survey_wrap label.customCheckBox>.on { color: #000; margin-right: 5px;}
.survey_wrap label.customCheckBox>.off { color: #000; margin-right: 5px;}
.survey_wrap label.customCheckBox { color: #000;}
.survey_wrap label.customCheckBox.listCheckBox { font-size: 14px; float: left; margin-top: 5px; padding-left: 10px; line-height: 0px;}
.survey_wrap .contents .option { width: calc(100% - 40px); margin-left: 5px;}
.survey_wrap .contents .circle { width: 25px; height: 25px; float: left; padding: 5px; margin: 17px 0;}
.survey_wrap .contents .circle>div { float: left; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #d8d8d8;}
.survey_wrap .tr_option .circle { width: 25px; height: 25px; float: left; margin: 5px 0;}
.survey_wrap .tr_option .circle>div { float: left; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #d8d8d8;}
.survey_wrap .type_view .view table tr td.lp0 a { width: 100%; height: 100%; float: left;}
.survey_wrap .view {margin-top: 20px;}
.survey_wrap .bbs_urls { padding: 3px 5px; text-align: center; float: left; line-height: initial; font-weight: bold; border-radius: 5px; margin-top: 3px; margin-right: 5px; }
.survey_wrap .icon { right: 20px; }
.survey_wrapW .hidden_sdate {float:left; line-height:35px; display: none;} 
.survey_wrapW .hidden_edate {float:left; line-height:35px; display: none;} 
.survey_wrapU .file_d{float:left; widtH:auto; margin-left:10px; line-height:26px; border:solid 1px #eee; padding:0px 10px; border-radius: 15px; cursor: pointer;}
.survey_wrapU .update_input {width:100%; float:left;}
.img_icons { margin-left: 9px; width: 35px; background-color: #cccccc; border-radius: 5px; height: 35px; float: left; text-align: center; } 
.img_icons i { color: #fff; font-size: 18px; line-height: 35px; }
.survey_wrap .questions_title { width: calc(100% - 50px) !important;}
.tr_option li {padding: 5px 0px;}
.popNav { width: 100%; float: left; background-color: #f8f8f8; padding: 20px; color: #666666; font-weight: normal; line-height: 23px; font-size: 12px; color: #999; }

/* 가맹점 검색 박스 */
.contentWrap .location_select { width: 30%; float: left; }
.contentWrap .allon i { color: #3366cc; }
.contentWrap .searchBtn { float: left; }
.contentWrap .resultWrap { left: 213px; width: 30%; top: 35px; }
.contentWrap .topresultBox li i { margin-right: 10px; }
.contentWrap .txtsearchBox { width: 30%; float: left; height: 35px; border: none; padding: 0 10px; font-size: 13px; }
.contentWrap .resultWrap .closeBtn { cursor: pointer; }
.contentWrap .receiveWrap .values li { width: auto; border: 1px solid #3366cc; border-radius: 30px; padding: 5px 20px; font-size: 14px; float: left; margin-right: 1%; color: #3366cc; margin: 5px; }
.contentWrap .receiveWrap .values li i { color: #3366cc; float: right; top: 3px; margin-left: 5px; }
.contentWrap .resultWrap ul .store_all_check i { color: #3366cc; }
.contentWrap .resultWrap .closeBtn { float: right; }
.contentWrap .resultWrap .topresultBox li { width: 50%; cursor: pointer; }
.contentWrap .resultWrap .topresultBox { padding: 20px 20px 0px 20px; }
.contentWrap .receiveWrap .values .removeReceiver { cursor: pointer; }
.contentWrap select { cursor: pointer; }
.contentWrap .resultWrap .totalCount { padding: 0; margin: 0; border: none; font-weight: 400; }
.contentWrap .information { width: 100%; float: left; color: #ccc; font-size: 12px; padding-top: 5px; }
.member_info { width: 100%; float: left; }
.member_info:not(:last-child) { margin-bottom: 15px; }
.member_info > ul { width: auto; float: left; }
.member_info:not(:last-child) > ul { border-bottom: 1px solid #ededed; }
.info_box { float: left; margin-right: 30px; }
.info_title { float: left; font-weight: bold; line-height: 35px; margin-right: 15px; }
.info_text { min-width: 180px !important; float: left; line-height: 35px; width: auto !important; }
.moreBtn { width: 150px; height: 35px; cursor: pointer; float: left; background: #fff; }
.member_info .delBtn { line-height: 35px; cursor: pointer; }
.noticev_storelist { width: auto; border: 1px solid #3366cc; border-radius: 30px; padding: 5px 20px; font-size: 14px; float: left; margin-right: 1%; color: #3366cc; margin: 5px; }
.store_count { font-weight: 600; width: 100%; float: left; margin: 5px 0px 10px 0; }

/* 일정관리 */
.resultWrap { position: absolute; width: calc(100% - 150px); background-color: #fff; top: 100%; border: 1px solid #ccc; right: 0; z-index: 2; margin-top: -1px; display: none; }
.resultWrap > ul.resultBox { width: 100%; float: left; padding: 20px; max-height: 158px; overflow-y: auto; }
.resultBox::-webkit-scrollbar { width: 5.2px; }
.resultBox::-webkit-scrollbar-track { background-color: #f1f1f1; }
.resultBox::-webkit-scrollbar-thumb { background: #c1c1c1; }
.resultBox::-webkit-scrollbar-thumb:hover { background: #404040; }
.resultBox::-webkit-scrollbar-thumb:active { background: #808080; }
.resultBox::-webkit-scrollbar-button { display: none; }
.resultWrap > ul.resultBox > li { width: 100%; float: left; margin-bottom: 15px; cursor: pointer; color: #666; }
.resultWrap > ul.resultBox > li:hover { opacity: 0.6; }
.resultWrap > ul.resultBox > li > div { height: 15px; line-height: 15px; font-size: 13px; letter-spacing: -0.5px; color: inherit; font-weight: 500; }
.resultWrap > ul.resultBox > li > div.left { float: left; }
.resultWrap > ul.resultBox > li > div.right { float: right; }
.resultWrap > ul.closeBox { width: 100%; float: left; }
.resultWrap > ul.closeBox > li { width: 100%; float: left; text-align: right; padding: 10px 20px; }
.resultWrap > ul.closeBox > li .searchCloseBtn { color: #b5b5b5; padding: 0 6px; line-height: 30px; }
.resultWrap > ul.closeBox > li > button { background: none; border: none; cursor: pointer; }
.receiveWrap { border-bottom: 1px solid #d8d8d8; min-height: 50px; }
.receiveWrap > .value { width: 100%; height: 45px; float: left; white-space: nowrap; padding-bottom: 5px; overflow-x: auto; overflow-y: hidden; }
.receiveWrap > .value::-webkit-scrollbar { width: 5.2px; height: 7px; }
.receiveWrap > .value::-webkit-scrollbar-track { background-color: #f1f1f1; }
.receiveWrap > .value::-webkit-scrollbar-thumb { background: #c1c1c1; }
.receiveWrap > .value::-webkit-scrollbar-thumb:hover { background: #404040; }
.receiveWrap > .value::-webkit-scrollbar-thumb:active { background: #808080; }
.receiveWrap > .value::-webkit-scrollbar-button { display: none; }
.receiveWrap > .value > li { display: inline-block; height: 35px; line-height: 35px; padding: 0 10px; margin-right: 5px; border: 1px solid; }
.receiveWrap > .value > li > i { margin-left: 5px; cursor: pointer; }
.resultWrap > ul.resultBox > li.active { opacity: 0.6; }

/* 공지사항 */
.notice_wrapW .getListData,
input[name=title] { max-width: 100% !important; }
.notice_wrapW .location_section { display: block; }
.notice_wrapW .sv_section { display: none; } 
.notice_wrapW .active { display: block; } 
.notice_wrapW .sv_section { margin-left: 180px; }
.notice_wrapW .sv_text { padding: 0px !important; color: #ccc !important; border: none !important; margin: 0px !important; }
.notice_wrapU .getListData,
input[name=title] { max-width: 100% !important; }
.notice_wrapU .location_section { display: none; }
.notice_wrapU .sv_section { display: none; } 
.notice_wrapU .active { display: block; } 
.notice_wrapU .sv_section { margin-left: 180px; }
.notice_wrapU .sv_text { padding: 0px !important; color: #ccc !important; border: none !important; margin: 0px !important; }
.ocation_box span { padding: 5px 15px; color: #333 !important; font-weight: 800; border: solid 1px #ededed; border-radius: 5px; margin: 5px 0px; }
.ocation_box span i { padding: 5px; padding-left: 0; }
.ocation_box .on i { color: #19234b !important; }
.noticelookup { letter-spacing: 0; }
.noticelookup span { letter-spacing: 0; }
.noticelookup .looupcnt { font-weight: bold; color: #467cdf !important; font-size: 17px; }
.noticelookup .totalcnt { color: #666;}
.noticeWrap { padding: 0px; } 
.notice_lookup .popNav { border-radius: 5px;}
.notice_lookup .left { width: 80%; float: left; }
.notice_lookup .right { width: 20%; float: right; border-left: 1px solid #333; padding: 0px 15px; } 
.notice_lookup .popNav { font-weight: bold; font-size: 20px; }
.notice_lookup .left .lookup_icon { padding-right: 10px; float: left; } 
.lookup_icon > i { font-size: 20px; } 
.notice_lookup .click { width: 100%; float: left; line-height: 35px; }
.notice_lookup .click span { padding: 0px 10px; }
.notice_lookup .click i { padding: 0px 5px; }
.notice_lookup .lookup { border-bottom: solid 1px #ebebeb; float: left; width: 100%; }
.notice_lookup .lookup span { padding: 15px; float: left; font-weight: bold; cursor: pointer; }
.notice_lookup .lookup .right { padding: 15px; border: none; }
.notice_lookup .lookup .right .commonBtn { width: 210px !important; }
.lookuplist { width: 100%; float: left; margin-top: 10px; } 
.lookuplist ul { width: 100%; float: left; }
.lookuplist ul li { width: calc(100% / 3 * 1); float: left; padding: 20px 0px; } 
.lookuplist li span { padding: 0px 10px; float: left; color: #333; letter-spacing: 0; }
.lookuplist li .date_reg { color: #666; }
.lookuplist li i { font-size: 18px; color: #999; float: left; }
.lookuplist li div { border-right: solid 1px #c7c5c5; padding: 0px 5%; float: left; width: 82%; }
.lookuplist li:nth-child(3n) div { border: none; }
.lookuplist li:last-child div { border: none; } 
.notice_lookup .right span { padding: 0px 5px; }
.lookuplist .read_cnt_none { border: none; }

/* 팝업 */
.change_input { width: calc(100% - 170px); float: right; }

/* 상품설정 */
.product_wrap .del_option{ cursor: pointer; font-size: 21px; width: auto !important; margin-left: 23px; color: #ccc; }
.product_wrap .option_plus{float: right;}
.product_wrap .type_form .form .file_one label{ margin-left: 0; }
.product_wrap .spacing{float: left; margin-right: 20px;}
.product_wrap .checkBoxWrap { float: left; }
.product_wrap .store_table ul li.daytit { width:7%; }
.product_wrap .store_table ul li.usetit { width:12%; }
.product_wrap .store_table ul li.holiday { padding: 0px 6px; }
.product_wrap .store_table ul li.opentit { width: 68%; margin-right: 0; }
.product_wrap .store_table ul li.day_time { width: 68%; }
.product_wrap .store_table ul li input { width: 47.5% !important; }
.product_wrap .store_table ul li.day_week { width: 8%; margin-right: 12px; }
.product_wrap .product_image .thumbnail_image { width: 70px; height: 70px; float: left; padding: 6px; border: 1px dashed #c6c6c6; border-radius: 10px; margin-top: 10px; margin-bottom: 20px; }
.product_wrap .product_image .thumbnail_image:not(:last-child) { margin-right: 30px; }
.product_wrap .product_image .thumbnail_image .plus_btn { width: 100%; line-height: 56px; float: left; border-radius: 6px; background: #ededed; text-align: center; }
.product_wrap .product_image .thumbnail_image .plus_btn > label { width: 100%; float: left; cursor: pointer; }
.product_wrap .product_image .thumbnail_image .plus_btn > label > i { color: #fff; }
.product_wrap .product_image .thumbnail_image .del_btn { position: absolute; top: -10px; right: -10px; border: 1px solid #a4a4a4; border-radius: 100%; text-align: center; width: 25px; line-height: 25px; background: #fff; cursor: pointer; }
.product_wrap .product_image .thumbnail_image .del_btn > i { color: #a4a4a4; }
.product_wrap .product_image .thumbnail_image .imagePreview { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; margin-top: 0 !important; }
.product_wrap .product_image .thumbnail_image .imagePreview > img { width: 100%; height: 100%; float: left; border-radius: 6px; }
.product_wrap .product_image .thumbnail_image .image_tit { width: 100%; float: left; margin-top: 10px; font-size: 12px; }
.product_wrap .click_image { width: 100%; height: 100vh; position: fixed; z-index: 99; background: rgba(0,0,0,0.5); top: 0; left: 0; cursor: pointer; text-align: center;}
.product_wrap .click_image > img { max-width: 44%; max-height: 80vh; top: 50%; transform: translateY(-50%); cursor: default;}
.product_wrap .option .value ul li div { border: none; }
.product_wrap .ta-c { text-align: center; }
.product_wrap .plusMinus { float: left; height: 35px; width: 29%; border: 1px solid #d8d8d8; font-size: 21px; padding-left: 10px; }
.product_wrap .labels { width: 100%; float: left; margin-bottom: 10px; border-bottom: solid 1px #e2e2e2; }
.product_wrap .labels > table > tbody > tr > td { border: none !important; }
.product_wrap .labels > table > tbody > tr > td > span { font-weight: 900; }
.product_wrap .labels > table > tbody > tr > td > .price_inp { width: 63%; margin-left: 10px; }
.product_wrap .labels > table > tbody > tr > td > .option_plus_btn { width: 100%; float: left; width: 8% !important; margin-left: 7px; }
.product_wrap .labels > table > tbody > tr > td > .option_plus_btn .customCheckBoxLabel { margin-left: 10px; float: left; }
.product_wrap .labels > table > tbody > tr > td > .option_plus_btn .customCheckBoxLabel > i { font-size: 21px; }
.product_wrap .option_name { width: 28% !important; }
.product_wrap .option_price { width: 72% !important; }
.product_wrap .option_name_inp { width: 74.5% !important; margin-left: 16.5% !important; }
.product_wrap .option_price_inp { width: 18.5% !important; margin-left: 1.5% !important; }
.product_wrap .option .value .values { border-top: none !important; }
.product_wrap .option .value ul li div { padding: 5px !important; }
.product_wrap .option .value .values:last-child { border: none !important; }
.product_wrap .cash_delivery_yn_label { line-height: 33px; }
.product_wrap .cash_delivery_txt { line-height: 33px; margin-left: 10px; }
.product_wrap .cash_delivery_txt_wrap { width: 12%; float: left; }
.product_wrap .cash_delivery_txt_wrap2 { width: 76%; float: left; padding-left: 40px; }
.product_wrap .cash_delivery_txt_wrap2 > p { line-height: 35px; }
.product_wrap .option_yn_txt { float: left; width: 8%; margin: 20px 0; }
.product_wrap .option_yn_txt > span { float: left; line-height: 30px; font-weight: 900; }
.product_wrap .option_yn_toggle { float: left; width: 92%; margin: 20px 0; }
.product_wrap .option_wrap { display: none; }
.product_wrap .store_table ul { width: 641px; }
.product_wrap .addPlusMinus {	width: 8.5% !important;	margin-left: 2% !important; }
.product_wrapU .spacing{float: left; margin-right: 20px;}
.product_wrapU .checkBoxWrap { float: left; }
.product_wrapU .ordernum { color: #000; font-weight: 500; display: inline-block; margin-left: 5px;}
.product_wrapU .listSet { margin-bottom: 30px; }
.prodict_wrapV .listSet { margin-bottom: 30px; }
.prodict_wrapV .ordernum{ color: #000;font-weight: 500;display: inline-block;margin-left: 5px;}
.prodict_wrapV .rightBox a>button {font-size: 13px;margin-right: 10px;padding: 0;}
.prodict_wrapV .values > div { text-align: left !important; }
.prodict_wrapV .optionTitle { width: 20% !important; font-weight: 900; }
.option .value ul li div:last-child { border-right: none; width: 10%; }
.option .value ul li div { border-right: 1px solid #e2e2e2; padding: 10px; width: 45%; text-align: center; float: left; vertical-align: middle; }
.option .value .values { width: 100%; border-top: solid 1px #e2e2e2; float: left; }
.option .value .values:nth-child(2) { border-top: none; }
.option .value .values:last-child { border-bottom: solid 1px #e2e2e2; }
.store_table { width: 100%; float: left; }
.store_table ul { width: 50%; float: left; padding: 10px 0px; }
.store_table ul li:first-child { width: 10%; float: left; line-height: 35px; } 
.store_table ul li:last-child { width: 90%; float: left; line-height: 35px; }
.store_table ul li input { width: 40% !important; float: left; }
.store_table ul li span { padding: 0px 5px; line-height: 35px; }
.store_table ul li .swung_dash { float: left; line-height: 35px; width: 5%; text-align: center; }
.store_table ul li.storetit { float: left; font-size: 15px; color: #333; font-weight: bold; border: 1px solid #d8d8d8; background-color: #f8f8f8; text-align: center; margin-right: 10px; line-height: 33px; } 
.store_table ul li.weektit { width: 8%; margin-right: 12px; }
.store_table ul li.opentit { width: 31.6%; margin-right: 24px; } 
.store_table ul li.finishtit { width: 31.6%;}
.store_table ul li.daytit { width: 15%;}
.store_table ul li.day_week { width: 7%; float: left; line-height: 35px; margin-right: 18px; text-align: center; } 
.store_table ul li.day_time { width: 79%; }
.store_table ul li.holiday { width: auto; padding: 0px 10px; }
.store_table ul li.holiday > span { float: left; }
.option .value ul .labels .label { line-height: 60px; padding: 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background-color: #f8f8f8; height: 60px; color: #333; font-weight: bold; vertical-align: middle; }

/* REPORT (정기표준서) */
.report_wrapW .icon { right: 20px; }
.reportAppendBtnBox { text-align: center; padding: 15px 0; }
.question_type_request .reportItems { border: 2px solid transparent; }
.question_type_request .from_lav { width: 100%; float: left; margin-top: 20px; }
.question_type_request .from_lav ul { width: 100%; float: left; } 
.question_type_request .from_lav ul li { float: left; }
.question_type_request .from_lav ul li * { font-size: 15px; } 
.question_type_request .prview_top:not(:first-child) { margin-top: 10px; border-top: 1px solid red; padding-top: 10px; }
.question_type_request .prev_back { margin-top: 15px }
.question_type_request .group_tit { width: 100%; float: left; } 
.question_type_request .group_tit .mainTit { width: 100%; float: left; font-size: 15px; font-weight: bold; }
.question_type_request .group_tit .subTit { width: 100%; float: left; font-size: 12px; }
.reportImagePreview { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); } 
.ripCloseBtn { position: absolute; top: 15px; right: 30px; font-size: 70px; z-index: 1; } 
.ripCloseBtn i { font-size: inherit; float: left; color: white; }
.ripImageBox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.ripImageBox img { float: left; }
.ripImage { z-index: 1; }
.ripCnt { float: right; color: white; font-size: 17px; }
.ripArrow { position: absolute; top: 50%; left: 50%; transform: translateY(-50%, -50%); z-index: 2; }
.ripArrow i { position: absolute; top: 50%; transform: translateY(-50%); font-size: 100px; color: white; cursor: pointer; }
.ripArrowLeft { left: -580px; }
.ripArrowRight { right: -580px; } 
.type_list2 .list table thead th { height: 45px;}
.type_list2 .list table tbody td { height: 45px; }

/* 운영자료실 */
.nodiv { width: 100%; float: left; padding-top: 30px; text-align: center; }
.nodiv .picon { width: 100%; float: left; color: #d1d1d1; font-size: 15px; }
.nodiv .picon i { color: inherit; font-size: 45px; }
.nodiv .ptext { width: 100%; float: left; color: #d1d1d1; font-size: 15px; padding-top: 10px;}
.files_list_wrap { width: 100%; float: left; padding: 30px; background-color: #F9F9F9; border: 1px solid #D9D9D9; }
.files_item { cursor: pointer; width: 24.8%; display: inline-block; margin-bottom: 10px; padding: 5px; padding-top: 10px; border:1px solid transparent; }
.files_item:hover { background-color: #CCE8FF; }
.files_item > * { float: left; }
.files_item > img { width: 30px; margin-right: 6px; }
.files_item > span { position: relative; top: 4px; font-size: 15px; }
.files_item input { border: 1px solid #D9D9D9; top: 2px; position: relative; font-size: 12px; position: relative; padding: 3px 6px; }
.files_list_wrap .active { background-color: #CCE8FF; border: 1px solid #99D1FF;  }
.files_url { color: #666 !important; }
.files_url > .now { color: #DC3333 !important; }
.files_url > a:hover { color: #DC3333 !important; text-decoration: underline; }
.fileListEtc { width:100%; float:left; margin-bottom:10px; }
.fileListEtc > div { width:50%; float:left; }
.fileListEtc .path { line-height:35px; text-align:right; }
.files_upload_wrap { width: 100%; float: left; }
.files_upload_wrap i { color: #FFF; margin-right: 3px; }
.folder > i { color: #D64343; }
.folder > span { font-weight: bold; }
.r_f { color: #999; }
#files_select { display: none; }
#files_select2 { display: none; }
.new_folder_btn { font-size: 15px; font-weight: bold; margin-right: 8px; padding: 5px 20px; cursor: pointer; color: #fff;}
.upload_btn { font-size: 15px; font-weight: bold; background-color: #D9D9D9; padding: 7px 20px; cursor: pointer; }
.listSearchBtn_floder { width:60px; line-height:28px; height:35px; float:right; cursor: pointer; }

/* 시스템 매뉴얼 */
.mida_manual_wrap .fileWrap { background-color:#fff; border:1px solid #ccc; padding:25px 0px 25px 35px; position:absolute; z-index:100; width:550px; float:left; top:33px; right:39px; border-radius:0px; display:none; }
.mida_manual_wrap .fileWrap .closeBtn { position:absolute; top:10px; right:10px; color:#999; cursor:pointer; }
.mida_manual_wrap .fileWrap > div { width:100%; float:left; margin:5px 0px; }
.mida_manual_wrap .fileWrap > div .l_file_wrap { width:80%; float:left; text-align:left; }
.mida_manual_wrap .fileWrap > div .l_file_wrap .filer { margin:0px 5px; color:#444; font-weight:100; }
.mida_manual_wrap .fileWrap > div .l_file_wrap > span > i { color:#ccc; }
.mida_manual_wrap .fileWrap > div .r_file_wrap { width:20%; float:left; }
.mida_manual_wrap .fileWrap > div .r_file_wrap > span > a > i { color:#999; cursor:pointer; }
.mida_manual_wrap .fileWrap > div .r_file_wrap > span > i  { color:#999; cursor:pointer; }
.mida_manual_wrap .fileWrap > div .r_file_wrap > .linespan { color:#ededed; margin:0px 5px; }

/* 경영진에게 바란다 */
.system_support_wrap .list table tbody td {padding: 15px 10px; line-height: 180%;} 

/* 매출관련 */
.sales .statusWrap_jmg { width: 100%; float: left; border-radius: 5px; padding: 2% 0%; border-top: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2; }
.sales .statusWrap_jmg > div { width: 25%; float: left; border-right: 1px solid #e2e2e2; }
.sales .statusWrap_jmg > div:last-child { border: none; }
.sales .statusWrap_jmg > div > ul { width: 100%; float: left; text-align: center; }
.sales .statusWrap_jmg > div > ul .total_jmg { color: #333; font-size: 23px; padding-top: 12px; }
.sales .statusWrap_jmg > div > ul .total_jmg i { color: #333; font-size: 25px; }
.sales .statusWrap_jmg > div > ul .ing_jmg { color: #ff4b4b; }
.sales .statusWrap_jmg > div > ul .complete_jmg { color: #3399ff; }
.sales .statusWrap_jmg > div > ul .ing_jmg i { color: #ff4b4b; }
.sales .statusWrap_jmg > div > ul .complete_jmg i { color: #3399ff; }
.sales .sch_mains { width: 100%; float: left; text-align: center; padding: 28px 0px; }
.sales .sch_mains .dateinfo { width: auto; }
.sales .sch_mains .dateinfo a { color: #dddddd; position: absolute; width: 30px; height: 30px; line-height: 27px; border-radius: 100%; background-color: #fff; border: 1px solid #e1e1e1; text-align: center; font-size: 17px; color: #000; top: 0; z-index: 1; cursor: pointer; }
.sales .sch_mains .dateinfo a i { color: #dddddd; }
.sales .sch_mains .dateinfo > a:first-of-type { left: 35%; top: 50%; color: #dddddd; transform: translate(-35%, -50%); padding-right: 2px; }
.sales .sch_mains .dateinfo > a:last-of-type { right: 35%; top: 50%; color: #dddddd; transform: translate(35%, -50%); padding-left: 2px; }
.sales .sch_mains .dateinfo p { left: 50%; transform: translateX(-50%); width: 346px; height: 55px; border-radius: 50px; font-size: 22px; line-height: 55px; text-align: center; border: solid 2px #467cdf; }
.sales .sch_mains .dateinfo p i { font-size: 24px; margin-right: 15px; }
.sales .sch_mains .dateinfo p span { font-weight: bold; font-size: 22px; }
.sales .glance_content { width: 100%; float: left; }
.sales .glance_content .glance_graph { width: 30%; float: left; padding-right: 13px; max-height: 620px; }
.sales .glance_content .glance_chart { width: 70%; float: right; padding-left: 13px; }
.sales .glance_chart { padding: 28px !important; }
.sales .glance_chart .glance_chart_title { float: left; width: 100%; }
.sales .glance_chart .glance_chart_title .chart_title { color: #333; width: 100%; float: left; font-weight: 600; font-size: 18px; }
.sales .glance_chart .glance_chart_title .date_title { float: left; width: 100%; font-weight: 500; color: #999; margin-top: 13px; }
.sales #chart { float: left; width: 100%; margin-top: 45px; }
.sales .inq_code ul { float: left; }
.sales .inq_code ul li { float: left; }
.sales .inq_code ul li p { float: left; }
.sales .inq_code ul li .team { float: left; width: 100%; margin-top: 40px; }
.sales .glance_content .glance_chart { border: solid 1px #e2e2e2; }
.sales .glance_content .glance_chart .chart { width: 100%; float: left; border: 1px solid #e2e2e2; height: 621px; }
.sales .type_list .list .glance_graph table tbody td { border: none; height: 35px; }
.sales .type_list .list .glance_graph table thead th { border: none; }
.sales .type_list .list .glance_graph table { border: 1px solid #e2e2e2;}
.Revnue_profit { margin-top: 45px; width: 100%; float: left; }
.Revnue_profit > div { width: calc(100% / 3 * 1); float: left; } 
.Revnue_profit > div .content { width: 100%; float: left; border: 1px solid #e2e2e2; padding: 30px; }
.Revnue_profit > .times { padding-right: 12.5px; }
.sales .Revnue_profit .statusWrap_jmg li {font-size: 13px; }
.sales .Revnue_profit .statusWrap_jmg .total_jmg {font-size: 15px; }
.sales .Revnue_profit .times .statusWrap_jmg div { width: 33.3%; }
.Revnue_profit > .day { padding: 0px 6.25px; }
.sales .Revnue_profit .day .statusWrap_jmg div { width: 50%; }
.Revnue_profit > .menu { padding-left: 12.5px; }
.sales .Revnue_profit .menu .statusWrap_jmg div { width: 50%; }
.group_sales { width: 100%; float: left; margin-top: 20px; }
.sales .group_sales table tbody td {border: none !important;height: 35px; }
.sales .group_sales table thead th { border-left: none !important; border-right: none !important; height: 35px; background-color: #fff; } 
.sys_info .labels .label:first-child { width: 90% !important; float: left; }
.sys_info .labels .label:last-child { width: 10% !important; float: left; }
.sys_info .values .option_name:first-child { width: 90% !important; float: left; }
.sys_info .values .option_name:last-child { width: 10% !important; float: left; }

/* 손익 */
.list_unit_wrap {position: absolute; right: 3px; top: 76px;}
.list_unit_wrap > span { color: #999999; font-size: 12px; }

/* 점포요청현황 */
.chat_count_el { left:-3px; }
.type_view .view .value_files { width: 100%; margin: 3px 0px; }
.type_view .view .value_files .img_flis { width: 60px; height: 60px; padding: 3px; border-radius: 5px; margin: 2px 5px; border: dotted 1px #c4c2c2; float: left; cursor: pointer; }
.type_view .view .value_files .img_flis div { border-radius: 5px; overflow: hidden; width: 100%; float: left; height: 100%; }
.type_view .view .value_files .img_flis div::after { content: "+"; text-align: center; line-height: 54px; color: #fff; font-size: 28px; font-weight: 800; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.type_view .view .value_files .file_previews div::after { content: ""; text-align: center; line-height: 54px; color: #fff; font-size: 28px; font-weight: 800; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.type_view .view .value_files .file_previews .youtube_bt { transform: translateX(-50%); position: absolute; left: 50%; color: #fff; line-height: 54px; text-align: center; }
.type_view .view .value_files .img_flis div img { width: 100%; height: 100%; float: left; }
.type_view .view .value_files .img_flis div video { width: 100%; height: 100%; float: left; }
.type_view .view .value_files .flirs { padding: 5px 15px; float: left; border-radius: 5px; border: solid 1px #c4c2c2; }
.type_view .view .dateView > form table td span a { width: 100%; float: left; cursor: pointer; }
.type_view .view .file_preview { visibility: hidden; position: fixed; width: 100%; top: 0; left: 0; height: 100vh; background: rgba(0, 0, 0, 0.8); z-index: 999; }
.type_view .view .file_preview img { max-width: 44%; max-height: 80vh; float: left; top: 40%; left: 50%; position: absolute; transform: translate(-50%, -40%); }
.type_view .view .file_preview video { max-width: 44%; max-height: 80vh; float: left; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -40%); }
.type_view .view .file_preview iframe { max-width: 44%; max-height: 80vh; float: left; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -40%); }
.type_view .previewCloseBtn { width: 100%; float: right; text-align: right; color: #fff; padding: 20px; }
.type_view .previewCloseBtn i { padding: 5px; color: #fff; font-size: 50px; }
.type_view .img_s { width: 100%; float: left; height: 80vh; text-align: center; }
.type_view .img_s p.count { color: #fff; float: left; width: 100%; padding: 0.5% 0%; }
.type_view .img_s p.count span { color: #fff; font-weight: bold; }
.type_view .img_s .img_popup_btn { float: left; position: absolute; top: 50%; transform: translateY(-50%); }
.type_view .img_s .img_popup_btn i { color: #fff; font-size: 50px; cursor: pointer; z-index: 999; }
.type_view .img_s .left_bt { left: 15%; }
.type_view .img_s .right_bt { right: 15%; }
.type_view .chat_view_left { width: 40%; float: left; margin-right: 30px; padding: 0 25px; }
.type_view .chat_view_left .view { padding: 0; border: 0; } 
.type_view .chat_view_left .comment_write { width: 100%; float: left; }
.type_view .chat_view_left .comment_write > div:first-child { width: 100%; float: left; }
.type_view .chat_view_left .comment_write > div:first-child > ul:first-child { width: 4%; float: left; }
.type_view
  .chat_view_left
  .comment_write
  > div:first-child
  > ul:first-child
  > i { font-size: 18px; line-height: 26px; font-weight: 600; color: #333; }
.type_view .chat_view_left .comment_write > div:first-child > ul:last-child { width: 90%; float: left; font-size: 18px; margin-left: 3px; color: #333; font-weight: 500; }
.type_view .chat_view_left .comment_write .comment_st { width: 100%; float: left; border: 1px solid #e2e2e2; padding: 25px 15px 10px 15px; border-radius: 5px; margin-top: 10px; }
.type_view .chat_view_left .comment_write .comment_st > div { width: 100%; float: left; }
.type_view .chat_view_left .comment_write .comment_st > div > textarea { width: 100%; border-radius: 5px; resize: none; }
.type_view .chat_view_left .comment_write .comment_st > div > button { color: white; }
.type_view .chat_view_left .comment_write .comment_st .sta { margin: 10px 0px; }
.type_view .chat_view_left .comment_write .comment_st .sta .statusBtn { background-color: #fff; color: #666; border: none; width: 18%; cursor: pointer; float: left; }
.type_view .chat_view_left .comment_write .comment_st .sta .statusBtns { background-color: #fff; color: #cc3333; border: none; width: 18%; cursor: pointer; float: left; }
.type_view .chat_view_left .comment_write .comment_st .sta button > i { margin-right: 5%; }
.type_view .chat_view_left .comment_write .comment_st .sta .statusBtns > i { color: #cc3333; }
.complete { margin-top: 15px; }
.complete > div { width: 100%; float: left; }
.complete .titspan { color: #333; font-weight: bold; line-height: 35px; padding-left: 5px; }
.complete .date { color: #aaa; font-weight: 100; margin-left: 10px; }
.complete span.comspan1 { text-align: center; float: right; color: #19234b; font-weight: 500; width: 115px; padding: 8px 0px; border: solid 1px #19234b !important; }
.complete > .viewcomp { padding: 30px 20px; color: #4e4c4d; background-color: #eceaeb; font-size: 13px; border-radius: 5px; margin-top: 5px; }
.comple_form { margin-top: 45px; }
.comple_form span { color: #333; font-weight: bold; }
.comple_form .comment_st textarea { height: 80px; }
.comple_form .comment_st .tac { padding-top: 10px; }
.complete .complete_info { margin-top: 5px; padding: 0px 10px; }
.complete .complete_info > span { font-size: 13px; font-weight: 500; }
.complete .complete_info span.comspan2 { float: left; letter-spacing: 0; color: #19234b; } 
.complete .complete_info span.listicon { float: right; }
.complete .complete_info span.listicon > span { color: #19234b; font-weight: 500; margin-right: 15px; }
.complete .complete_info span.listicon > a { cursor: pointer; color: #19234b; width: 100%; top: 1.5px; }
.complete .complete_info span.listicon > a > i { font-size: 17px; }
.complete .complete_info > span i { margin-right: 3px; color: inherit; }
.type_view .talk_view { height: 882px; }
.talk_view .reloadWrap { padding: 0px; overflow-y: auto; height: 822px; }
.talk_view .master_re { height: 822px; } 
.talk_view .reloadWrap::-webkit-scrollbar { width: 10px; } 
.talk_view .reloadWrap::-webkit-scrollbar-thumb { background-color: gray; border-radius: 10px; }
.comment_talk { width: 100%; float: left; padding: 10px 30px 20px 30px; }
.reloadWrap { padding: 0px; } 
.type_view .chat_view_right { width: 57%; float: left; border-radius: 5px; background-color: #b2c7da; margin-top: 20px; }
.type_view .chat_view_right > div { width: 100%; float: left; }
.type_view .chat_view_right .date { margin-top: 10px; } 
.type_view .chat_view_right .date > ul { width: 20%; float: left; left: 50%; transform: translateX(-50%); border-radius: 40px; background-color: #8493a2; padding: 8px 0px; }
.type_view .chat_view_right .date > ul > li { width: 100%; float: left; text-align: center; color: #fff; }
.type_view .chat_view_right .date > ul > li > span { color: #fff; }
.type_view .chat_view_right .comment_talk .commentyou { width: 7%; float: left; text-align: center; }
.type_view .chat_view_right .comment_talk .commentme { width: 7%; float: right; text-align: center; }
.type_view .chat_view_right .comment_talk .commentyou { width: 7%; float: left; text-align: center; }
.type_view .chat_view_right .comment_talk > div:first-child > div { width: 50px; border-radius: 50%; background-color: white; height: 50px; text-align: center; line-height: 54px; }
.type_view .chat_view_right .comment_talk > div:first-child > div > i { font-size: 20px; color: #333; }
.type_view .chat_view_right .comment_talk > div:last-child { width: 92%; float: left; }
.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > ul
  > li
  > video { max-width: 100%; vertical-align: middle; }
.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > ul
  > video { max-width: 100%; vertical-align: middle; }
.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .contenta
  > div:first-child
  > ul
  > li
  > video { max-width: 100%; vertical-align: middle; }
.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .contenta
  > div:first-child
  > ul
  > video { max-width: 100%; vertical-align: middle; }
.type_view .chat_view_right .comment_talk .comment_mid > div { width: 100%; float: left; margin-bottom: 6px; }
.chat_view_right .comment_talk .comment_mid .midume { width: 100%; float: right; text-align: right; color: #555; font-weight: bold; }
.chat_view_right .comment_talk .comment_mid .midume li { color: inherit; }
.chat_view_right .comment_talk .comment_mid .miduyou { width: 100%; float: left; text-align: left; color: #333; font-weight: 500; }
.type_view .chat_view_right .comment_talk .comment_mid .content > div { max-width: 100%; }
.type_view .chat_view_right .comment_talk .comment_mid .content .commWrap1 { font-weight: 500; padding: 10px 20px; border-radius: 10px; width: auto; float: left; }
.type_view .chat_view_right .comment_talk .comment_mid .content .commWrap2 { bottom: 3px; position: absolute; width: max-content; min-width: 70px; }
.chatTypeme .commWrap1 { background-color: #ffeb34; color: #333; }
.chatTypeme .commWrap2 { left: -80px; }
.chatTypeme .commWrap2 > li { float: right; }
.chatTypeme > div { float: right; }
.chatTypeyou .commWrap1 { background-color: white; color: #333; }
.chatTypeyou .commWrap2 { position: relative !important; margin-left: 7px; text-align: left; float: left; }
.chatTypeyou .commWrap2 > li { float: left; } 
.chatTypeyou > div { float: left; } 
.type_view .chat_view_right .comment_talk .comment_mid .content .commWrap2 li { width: auto; font-size: 13px; letter-spacing: 0; }
.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  .commWrap2
  li:not(:first-of-type) { color: yellow; }
.reloadx { width: 100%; float: left; height: 60px; background-color: #fff; border-left: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; position: absolute; bottom: 0px; right: 0px; padding: 0px 0px 0px 30px; }
.bodr { border-right: 2px solid #e6e6e6; }
.reloadx .st3 { line-height: 57px; color: #ccc; }
.reloadx > div { float: left; height: 100%;}
.reloadx .commform { width: 86%; }
.reloadx .commform textarea { height: 100%; width: 95%; resize: none; border: none; font-size: 15px; padding: 19px 0px; overflow: hidden; }
.reloadx .commbtn { width: 14%; }
.reloadx .commbtn button { width: 100%; height: 100%; border: none; cursor: pointer; }
.reloadx .commbtn button > i { color: #fff; font-weight: bold; font-size: 20px;}

/* 신규유입채널 관리 */
pre {width: 100%; white-space: pre-wrap; word-wrap: break-word;	}

/* DB관리 */
.underline { font-size: 12px; color: #999; font-weight: normal; }

/* 상세보기 뷰 상단 */
.support_top { width: 100%; float: left; margin-top: 10px; }
.support_top > div { height: 480px; }
.support_top .support_info { width: 60%; height: 450px; float: left; background-color: white; padding: 20px 40px 50px 40px; box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%); border-radius: 5px; }
.support_top .support_info .info_title { width: 100%; float: left; margin-bottom: 15px; }
.support_top .support_info .info_title ul { width: 100%; float: left; }
.support_top .support_info .info_title li { width: 100%; float: left; }
.support_top .support_info.left { width: 49%; height: 450px; float: left; background-color: white; padding: 20px 40px 50px 40px; box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%); border-radius: 5px; }
.support_top .support_info.right { width: 49%; height: 450px; float: left; background-color: white; padding: 20px 40px 50px 40px; box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%); border-radius: 5px; margin-left: 2%; }
.info_main_title { font-size: 18px; font-weight: 500; color: #333; margin-bottom: 10px; }
.info_main_title .left { float:left; }
.info_main_title .right { float:right; } 
.info_sub { font-size: 12px; }
.info_sub > span { float: left; } 
.support_top .support_info .info_content { width: 100%; float: left; border-top: 1px solid #e2e2e2; padding-top: 40px; height: 100%; overflow: hidden; }
.support_top .support_info .info_content .store_img { width: 50%; float: left; }
.support_top .support_info .info_content .store_img .slide { width: 1%; float: left; position: absolute; }
.support_top .support_info .info_content .store_img .slide > ul { width: 100%; float: left;}
.support_top .support_info .info_content .store_img .image { width: 98%; float: left; }
.support_top .support_info .info_content .store_img .image > img { object-fit: cover; width: 100%; max-width: 420px; height: 280px; border-radius: 5px; }
.support_top .support_info .info_content .store_info { width: 50%; float: left; padding-left: 30px; }
.support_top .support_info .info_content .store_info > ul { width: 100%; float: left; margin-bottom: 18px; }
.support_top .support_info .info_content .store_info > ul > li:first-child { width: 30%; float: left; font-weight: 600; color: #333; }
.support_top .support_info .info_content .store_info > ul > li:last-child { width: 70%; float: left; }
.support_top .support_info .info_content .store_info > ul > li { letter-spacing: 0; }
.support_top .operating_info { width: 39%; float: left; box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%); background-color: white; margin-left: 1%; padding: 20px 37px 79px 25px; border-radius: 5px; }
.support_top .operating_info > div { width: 100%; float: left; }
.support_top .operating_info .info_title { width: 100%; float: left; margin-bottom: 15px; }
.support_top .operating_info .info_title > div { width: 100%; float: left; }
.support_top .operating_info .info_title > div.tit { font-size: 18px; font-weight: 500; color: #333; margin-bottom: 10px; }
.support_top .operating_info .info_title > div.tit_wrap { width: 100%; float: left; }
.support_top .operating_info .info_title > div.tit_wrap > div { width: 50%; float: left; }
.support_top .operating_info .info_title > div.tit_wrap .tit { font-size: 18px; font-weight: 500; color: #333; margin-bottom: 10px; }
.support_top .operating_info .info_title > div.tit_wrap .icon_wrap { font-size: 18px; font-weight: 500; color: #333; margin-bottom: 10px; text-align: right; }
.support_top .operating_info .info_title > div.tit_wrap .icon_wrap > span { padding: 0 5px; }
.support_top .operating_info .info_title > div.tit_wrap .icon_wrap > span.tit { font-size: 14px; }
.support_top
  .operating_info
  .info_title
  > div.tit_wrap
  .icon_wrap
  > span.division { padding: 0 10px; font-weight: 900; color: #e9e9e9; }
.support_top
  .operating_info
  .info_title
  > div.tit_wrap
  .icon_wrap
  > span.checked
  > i { color: #37ac00; }
.support_top
  .operating_info
  .info_title
  > div.tit_wrap
  .icon_wrap
  > span.noChecked
  > i { color: #cccccc; }
.support_top .operating_info .sub_wrap { font-size: 12px; padding: 10px 0; }
.support_top .operating_info .info_title > ul { width: 100%; float: left; }
.support_top .operating_info .info_title > ul:first-child { font-size: 18px; font-weight: 500; color: #333; margin-bottom: 10px; }
.support_top .operating_info .info_title > ul:last-child { font-size: 12px; }
.support_top .operating_info .info_tap > ul { width: 33%; float: left; text-align: center; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; line-height: 30px; }
.support_top .operating_info .info_tap > .active { border-color: #467cdf; border-right: 1px solid #467cdf; }
.support_top .operating_info .info_tap > ul:last-child { border-right: 1px solid #e2e2e2; }
.support_top .operating_info .info_tap * { font-size: 13px; cursor: pointer; }
.support_top .operating_info .info_opentime { background-color: #f8f8f8; margin-top: 10px; padding: 40px 50px 40px 50px; min-height: 65%; }
.support_top .operating_info .info_store_menu { background-color: #f8f8f8; margin-top: 10px; padding: 10px 20px 51px 20px; max-height: 228px; overflow-y: scroll; overflow-x: hidden; }
.support_top .operating_info .info_store_menu > div { width: 100%; float: left; margin: 8px; }
.support_top .operating_info .info_opentime .icon_box { float: left; width: 10%; }
.support_top .operating_info .info_opentime .icon_box i { font-size: 20px; }
.support_top .operating_info .info_opentime .week_day { float: left; width: 90%; }
.support_top .operating_info .info_opentime .week_day > div:first-child { width: 50%; float: left; }
.support_top .operating_info .info_opentime .week_day > div:last-child { width: 100%; float: left; }
.support_top .operating_info .info_opentime .week_day > div > ul { width: 50%; float: left; margin-bottom: 5px; min-height: 22px; }
.support_top
  .operating_info
  .info_opentime
  .week_day
  > div
  > ul
  li:first-child { width: 25%; float: left; }
.support_top .operating_info .info_opentime .week_day > div > ul li:last-child { width: 75%; float: left; }
.support_top .operating_info .info_opentime .week_day > div > ul li { letter-spacing: 0; }
.storeCloseToggle { float: left; margin-left: 22px; height: 33px; padding: 5px 0; }
.storeCloseToggle { float: left; margin-left: 22px; height: 33px; padding: 5px 0; }
.storeCloseText { float: left; margin-left: 10px; font-weight: 500; line-height: 30px; }
label.small_toggle { cursor: pointer; background-color: #eee; width: 35px; height: 22px; float: left; transition: all 0.5s; padding: 5px 7px; border-radius: 25px; }
label.small_toggle > div { left: 0; width: 12px; height: 12px; background-color: #fff; border-radius: 100%; float: left; transition: all 0.5s; }
input.toggle:checked + label.small_toggle > div { left: 12px; }
input.toggle:checked + label.small_toggle { background-color: #467cdf; }

/* 계약대상 관리 */
.info_content_target {width: 100%;float: left;border-top: 1px solid #e2e2e2;padding-top: 20px;height: 100%;overflow: hidden;}
.target_info {width: 100%;float: left;background-color: #f8f8f8;padding: 20px;color: #666666;font-weight: normal;height: 110px;}
.store_info_sub {list-style-type: none;padding: 0;margin: 0;width: 100%;margin-right: 10px;margin-bottom: 20px;float:left;}
.store_info_sub li {width: 33.3%;float:left; height:20px;}
.store_info_sub li .store_info{width:80%;float:right;}
.store_info_sub_title {color: #555555;font-weight: bold;font-size: 14px;margin-right: 2%;letter-spacing: -6%;}
.info_date {color: #333333;opacity: 50%;float: right;line-height: 26px;}
.info_status {float:left;line-height: 26px;margin-right: 10px;color: #ffffff;width: 60px;height: 26px;border-radius: 50px;text-align: center;}
.operating_info .info_main_title > .right > * {display:inline-block; vertical-align: middle; font-size:13px; cursor:pointer;}
.operating_info .info_main_title > .right > .line {height:25px; background-color:#DFDFDF; width:1px; margin:0px 10px; }
.operating_info .info_main_title .left {font-size:18px; font-weight:500;}
.int_table {border: 1px solid #e2e2e2;padding: 10px;text-align: center;}
.type_view2.target .view2Tab li{cursor:pointer;}
.com_table {width:100%; float:left;}
.custom_tab_layout #custom_body > div > div { width: 100%; float: left; }
.custom_tab_layout #custom_body > div > div:not(:first-of-type) { margin-top:80px;}
.checkboxArea { width: 25%; float: left; }
.radioList { width: 20%; float: left; margin-top: 10px; margin-bottom: 10px; }
.radioList i { font-size: 22px !important; }
.radioList .radio_text { width: auto !important; margin-left: 20px; color: #666666}

/* 면담평가표 */
.content .int_tit{width:100%; float:left; line-height:35px; margin-top:20px;}
.content .int_tit span.black{color:#000000; font-size:16px;}
.content .int_tit .score_list{width:472px; float:right; border-radius:50px; background:#F1F1F1; height:35px; text-align:center; font-size:14px;}
.content .int_tit .score_list span:nth-child(even) {color:#666666;}
.content .int_tit .score_list span:nth-child(odd) {color:#9F9F9F;}
.content .int_tit .score_list span:nth-child(2n) {margin-left:25px;}
.content .int_tit .score_list span{margin-left:6px;}
.com_table {width:100%; float:left; margin-top:10px;}
.total_head{width:100%; position:relative;}
.total_head{width:100%; position:relative;}
.total_memo{position: absolute;right: -150px;width: 150px;top: 0;font-size:12px;color:#999999;}
.total_status{background-color:#f8f8f8;}

/* 갱신안내문/거절안내문 */
.stores_status{ width:100%; float:left; padding: 50px; border:1px solid #000;}
.stores_status .content_box .con_title .top_logo { float: left; font-size: 29px; font-weight: bold; width: 80px; }
.stores_status .content_box .top_con_info_1,
.stores_status .content_box .top_con_info_2 { width: 100%; float: left; margin-top: 30px; }
.stores_status .content_box .top_con_info_1 > p { text-align: center; }
.stores_status .content_box .top_con_info_2 { border-top: 6px solid #808080; border-bottom: 6px solid #808080; }
.stores_status .content_box .top_con_info_2 .con_listbox_2 > li.title { margin-top: 30px; font-weight: 900; }
.stores_status .con_box .con_listbox > li.center { text-align: center; margin: 30px 0; }
.stores_status .con_table { margin-top: 40px !important; }
.stores_status .con_box { width: 100%; float: left; margin-top: 0 !important; }
.stores_status .con_box .con_subtitle { margin-top: 0 !important; }
.stores_status .contents { font-size: 15px; line-height: 28px; text-align: left; margin-top: 8px; margin-left: 20px; }
.stores_status .contents span { font-size: 15px; }
.stores_status .contents b { font-size: 15px; }
.stores_status .contents.bottom { margin-top: 15px !important; }
.stores_status .content_box .con_table.address { width: 95%; float: none !important; display: inline-block; vertical-align: middle; }
.stores_status .content_box .con_table td { font-size: 15px; }
.stores_status .content_box .con_table .text_left { text-align: left; }
.stores_status .content_box .con_date { width: 100%; float: left; font-size: 19px; margin-top: 80px; }
.stores_status .content_box .con_contract { width: 100%; float: left; margin-top: 140px; padding-left: 100px; text-align: left; }
.stores_status .content_box .con_contract ul { width: 100%; float: left; }
.stores_status .content_box .con_contract li { width: 100%; float: left; font-size: 17px; }
.stores_status .content_box .con_contract li span { font-size: 17px; margin-left: 50px; }
.stores_status .content_box .con_contract li:first-child { font-weight: bold; }
.stores_status .content_box .con_contract li:not(:first-child) { margin-top: 13px; }
.stores_status .content_box .contractor { width: 100%; float: left; text-align: center; font-size: 22px; margin-top: 60px; font-weight: bold; }
.docImagePreview { width: 100%; float: left; max-width: 500px; margin-top: 10px; text-align: center; border: 1px solid #e9e9e9; padding: 20px; display: none; }
.con_addr_inp[readonly] { background-color: #f8f8f8; }
.required_icon > i { font-size: 12px; color: #cc3333; }
.required_text { margin-left: 2px; }
.list .contract_list > ul > li > p > span.list_view_btn > i { bottom: 1px; }

/* 발주관리 */
.result { float: left; width: 100%; border-top: 1px solid #000; padding-top: 15px; margin-top: 20px; }
.result > div { width: 100%; float: left; height: 100px; background-color: #f2f2f2; border-radius: 10px; padding: 35px; }
.result > div div { float: right; font-weight: 900; font-size: 18px; padding: 0 40px; color: #000; }
.result > div div:nth-child(2n) { padding: 0 20px; }
.result > div div:nth-child(1) { padding: 0 10px 0 20px; }
.result > div div > span { font-weight: 900; font-size: 18px; padding-left: 30px; color: #000; }
.result > div div:nth-child(1) > span { color: #d26a6e;}
.dash { float: left; width: 100%; height: 100px; border: 3px solid #ccc; margin: 30px 0; padding: 35px 50px; }
.dash > div { float: left; margin-left: 30px; font-size: 16px; font-weight: 900; }
.orderV .boxLine { padding: 40px 35px 35px 35px; }
.orderV .leftBox .pageCnt > div { color: #000; font-weight: 500; display: inline-block; margin-left: 5px; }
.orderV .leftBox .pageCnt > div > i { margin: 0 20px; }
.orderV .rightBox a > button { font-size: 13px; margin-right: 10px; padding: 0; }
.orderV .dash > div:nth-child(2n) { font-weight: 500; color: #ccc; }
.orderV .dash > div:nth-child(3) { margin-left: 100px; }
.orderV .logic_area { padding: 0 10px; }
.orderV .imgBox_area { padding: 15px; }
.orderV .imgBox_area img { width: 90px; height: 90px; float: left; border-radius: 10px; }
.orderV .imgBox_area div { width: calc(100% - 90px); float: left; text-align: left; font-size: 15px; padding-left: 10px; margin-top: 15px; }
.orderV .td_del_pay {padding: 0 10px; }
.orderV .stop p { width: 100%; float: left; padding: 0px 10px; }
.orderV .stop p > button { width: 100%; height: 35px; margin-top: 5px; font-weight: 500; float: left; cursor: pointer; background-color: #fff; border-radius: 4px; }
.orderV .type_formss { margin-top: 70px; }
.type_formss .form .settings_area { float: right; width: 30px; height: 30px; border: 1px solid #ccc; border-radius: 5px; text-align: center; padding-top: 4px; cursor: pointer; margin-left: 10px; }
.type_formss .form .settings_area > i { color: #9c9c9c; }
.orderV .type_formss .form .total_area { color: #d26a6e; font-weight: 900; }
.orderV table { float: left; }
.orderVdash { float: left; width: 100%; height: 100px; border: 3px solid #ccc; margin: 30px 0; padding: 35px 80px; }
.orderVdash > div { float:left; }
.orderVdash > .ordertit { width:21%; }
.orderVdash > .center { margin-right:50px; }
.orderVdash > .orderinput { width:52%; }
.orderVdash > div > span { font-size:16px; font-weight:900; float:left; } 
.orderVdash > div > span.spantit { margin-right:20px; white-space: nowrap; }
.orderVdash > div > span.spanval { color:#ccc; }
.orderVdash > div > span > input { width:93%; }
.orderVdash > div > span > textarea { width:685px; resize:none; }
.orderVdash > div > span > i { font-size:20px; margin-left:5px; }
.orderVdash > div > span > span.msg { color:#333; font-size:14px; font-weight:400; }
.orderVdash > div > span > span.info { color:#ccc; font-size:13px; font-weight:400; }
.optionTotalWrap { font-size: 13px !important; color: #999; margin-top: 0 !important; float: right !important; padding: 2px 10px; letter-spacing: 0; }
.optionTotalWrap .optionDetail { font-size: 13px !important; letter-spacing: 0 !important; float: right; color: #999;}
.type_list .list td.imgBox_area .imgBox_1 { width: 100%; height: 100%; margin-top: 0; }
.orderV .imgBox_area img { max-height: 90px !important; max-width: 90px !important; }
.rightBox_txt { line-height: 30px; color: #999; float: right; }
.rightBox_txt > span > i { color: #999; }
.taxation_wrap { width: 50px !important; float: left; background-color: #a7a7a7; text-align: center !important; padding: 0 !important; margin: 0 0 0 10px !important; border-radius: 5px; }
.taxation_wrap > span { color: #fff; width: 100%; padding-left: 0 !important; }
.delivery_info_wrap { width: 100% !important; margin: 0 !important; padding: 0; }
.delivery_info_1 { width: 13% !important; float: left; margin: 0; padding: 0; }
.delivery_info_2 { width: 17% !important; float: left; margin: 0; padding: 10px 0; border-top: 1px solid #e2e2e2; }
.delivery_info_2 > span { color: #999; padding: 3px 7px; border: 1px solid #999; white-space: nowrap; }
.delivery_info_3 { width: 70% !important; float: left; margin: 0; padding: 10px 0; border-top: 1px solid #e2e2e2; }
.delivery_info_3 > p { color: #999; }
.type_list .list td.imgBox_area {padding: 15px;}
.type_list .list td.imgBox_area div { float: left; text-align: left; font-size: 15px; padding-left: 10px; }
.type_list .list td.imgBox_area img { width: 90px; height: 90px; float: left; border-radius: 10px; }

/* 상단 요약 대시보드 */
.contentWrap.dashboardver .contentBox { padding: 35px 50px; }
.dashboardver .update_icon { margin-left: 10px; cursor: pointer;}
.dashboardver .time { float: left; color: #ccc; font-size: 10px; letter-spacing: 0px; }
.dashboardver .fa-clock { margin-right: 5px; }

/* 대시보드 */
.dashboardBox { width: 100%; float: left; border: 2px solid #e2e2e2; padding: 25px 10px; }
.dashboardGuide { width: 100%; float: left; margin-top: 10px; }
.dashboardGuide > p { color: #afafaf; font-size: 12px; } 
.dashboardBox .dbl { width: 150px; float: left; border-right: 2px solid #e3e3e3; text-align: center; padding: 3px 0; }
.dashboardBox .dbl i { color: #cbcbcb; }
.dashboardBox .dbr { width: calc(100% - 150px); float: left; line-height: 48px; padding-left: 50px; }
.dashboardBox .dbr .dbItem { width: auto; float: left; font-size: 18px; }
.dashboardBox .dbr .dbItem:not(:first-of-type) {margin-left: 3%;}
.dashboardBox .dbr .dbItem * { font-size: inherit; }
.dashboardBox .dbr .tit { font-weight: bold; color: #333; }
.dashboardBox .dbr .subtit { font-weight: normal; font-size: 14px !important; color: #9c9c9c; }
.dashboardBox .dbr .val { margin-left: 25px; color: #ff6004; font-weight: bold; }
.dashboardBox .dbr .subVal { color: inherit; font-weight: 400; font-size: 14px; }
.dashboardBox .dbr .dbLine { width: 1px; float: left; margin-left: 25px; }
.dashboardBox .dbr .dbLine:after { content: " "; width: 1px; height: 25px; background-color: #9b9b9b; top: 50%; position: absolute; transform: translateY(-50%); }
.dashboardBox .dbr .right .btnWrap { width: 100%; float: left; padding-right: 50px; }
.dashboardBox .dbr .right .btnWrap > button { border: 1px solid; background-color: #ffffff; width: 185px; height: 45px; border-radius: 5px; cursor: pointer; }
.dashboardBox .dbr .right .btnWrap > button > i { font-size: 18px; }
.dashboardBox .dbr .right .btnWrap > button > span { font-size: 15px; font-weight: 900; margin-left: 10px; }
.dashboardBox02 { padding: 40px 10px 40px 60px !important; }
.dashboardBox02 .dbr { line-height: 20px !important; padding-left: 0px !important;}

/* 계약서양식관리 CSS */
.fs-12 { color: #ccc; font-size: 12px; }
.sub_tit_fs { color: #ccc; font-size: 12px; font-weight: normal; }
.status_wrap { width: 100%; float: left; text-align: center; }
.use_yn_wrap { width: 60px; height: 25px; border-radius: 10px; left: 50%; transform: translateX(-50%); }
.use_yn_wrap > span { font-size: 12px; font-weight: 900; color: #fff; top: 50%; transform: translate(-50%, -50%); left: 50%; float: left; }
#previewFrame { float: left; width: 100%; height: 100%; white-space: pre-wrap; word-break: break-all; }
.previewFrame_Wrap { float: left; width: 46%; height: 1000px; }
.type_view .contract_view_left { width: 51%; float: left; margin-right: 0px !important; }
.td-editor { padding: 5px 0px !important; }
.contentBox .contract { width: 52% !important; }
.contentBox .contract_form_preview_wrap { width: 46%; float: left; text-align: center; height: 50px; margin-top: 2%; margin-left: 3%; }
.type_view .contract_view_right { width: 47%; float: right; height: 1060px; overflow-y: auto; box-shadow: 2px 4px 15px 8px rgb(0 0 0 / 10%); margin-left: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.type_view .contract_view_right .contract_view { width: 100%; height: 100%; float: left; border-radius: 5px; background-color: #fff; padding: 15px 20px; margin-top: 3%; }
.type_view .contract_view_right .contract_view .contract_form_view_wrap { width: 100%; float: left; padding: 5% 0; }
.contract_capture_wrap { width: 21cm; min-height: 29.7cm; position: absolute; top: -100%; background-color: #fff; display: none; }
.contract_a4_size { width: 21cm; min-height: 29.7cm; padding: 1.5cm 1.5cm 2cm 1.5cm; }
.contract_form_preview_popup_wrap { width: 100%; float: left; }
.contract_form_preview_popup_wrap > div { width: 100%; float: left; padding: 25px 0; }
.contract_form_preview_popup_wrap > div > div { width: 21cm; min-height: 29.7cm; float: left; border: 1px solid #e9e9e9; padding: 1.5cm 1.5cm 2cm 1.5cm; left: 50%; transform: translateX(-50%); text-align: center; }
.con_form_title_wrap { width: 100%; float: left; }
.con_form_title_wrap .con_form_title_wrap_left { width: 50%; float: left; }
.con_form_title_wrap .con_form_title_wrap_right { width: 47%; float: left; top: 25px; margin-left: 3%; }
.con_form_title_wrap .con_form_title_wrap_right .con_form_preview_title { width: 200px; height: 40px; border-radius: 15px; border: 1px solid #333333; text-align: center; left: 50%; transform: translateX(-50%); }
.con_form_title_wrap
  .con_form_title_wrap_right
  .con_form_preview_title
  .preview_text { line-height: 38px; font-weight: 800; }

/* 디비분배 설정 */
.type_form .form form > div.dist_pause > h1 { float: left; margin-right: 10px; line-height: 30px; margin-bottom: 0px; }
.type_form .form form > div.dist_pause > div { float: left; }
.type_form .form h1.tit > div { float: right; }
.type_form .form h1.tit > span { float: right; line-height: 30px; margin-right: 10px; color: #333; font-weight: bold; font-size: 18px; }
.type_form .form h1.tit > span.stop { color: #cc3333; }
.type_form .form h1.tit > span.stop > i { color: #cc3333; font-size: 18px; }
.type_form .form > .dist_pause h1 { float: left; margin-right: 10px; line-height: 30px; margin-bottom: 0px; }
.store_table { width: 100%; float: left; }
.store_table ul { width: 50%; float: left; padding: 10px 0px; }
.store_table ul li:first-child { width: 10%; float: left; line-height: 35px; }
.store_table ul li:last-child { width: 90%; float: left; line-height: 35px; } 
.store_table ul li input { width: 40% !important; float: left; }
.store_table ul li span { padding: 0px 5px; line-height: 35px; }
.store_table ul li .swung_dash { float: left; line-height: 35px; width: 5%; text-align: center; }
.type_form table tbody td > ul.team_list { width: 100%; float: left; }
.type_form table tbody td > ul.team_list > li.memli { width: 300px; float: left; font-size: 15px; text-align: center; }
.type_form table tbody td > ul.team_list > li { width: 300px; float: left; padding: 10px; border: 1px solid #ccc; margin: 5px; }
.type_form table tbody td > ul.team_list > li span { line-height: 35px; height: 35px; }
.type_form table tbody td > ul.team_list > li span.name { float: left; }
.type_form table tbody td > ul.team_list > li span.code { float: left; color: #ccc; }
.type_form table tbody td > ul.team_list > li span.sort { float: right; }
.type_form table tbody td > ul.team_list > li input.distinp { float: right; width: 35px; margin-left: 10px; }

/* 개인정보 처리방침 */
.privacy_contents_wrap { width: 100%; float: left; height: 250px; overflow-y: auto; padding: 10px; }
.privacy_contents_wrap::-webkit-scrollbar { width: 5px; }
.privacy_contents_wrap::-webkit-scrollbar-thumb { background-color: #c3c3c3; border-radius: 10px; }
.privacy_contents_wrap::-webkit-scrollbar-track { background-color: white; box-shadow: inset 0px 0px 5px white; }
.privacy_policy_wrap .tit:not(:nth-child(1)) { margin-top: 35px; }
.privacy_policy_wrap > table > tbody > tr > td { padding: 15px 0; }
.privacy_policy_wrap > table > tbody > tr > td > textarea { width: 100%; height: 250px; padding: 10px; overflow: auto; }
.privacy_policy_wrap > table > tbody > tr > td > textarea::-webkit-scrollbar { width: 5px; }
.privacy_policy_wrap
  > table
  > tbody
  > tr
  > td
  > textarea::-webkit-scrollbar-thumb { background-color: #c3c3c3; border-radius: 10px; }
.privacy_policy_wrap
  > table
  > tbody
  > tr
  > td
  > textarea::-webkit-scrollbar-track { background-color: white; box-shadow: inset 0px 0px 5px white;}
.privacy_contents_wrap { width: 100%; float: left; height: 250px; overflow-y: auto; padding: 10px; }
.privacy_contents_wrap::-webkit-scrollbar { width: 5px; }
.privacy_contents_wrap::-webkit-scrollbar-thumb { background-color: #c3c3c3; border-radius: 10px; }
.privacy_contents_wrap::-webkit-scrollbar-track { background-color: white; box-shadow: inset 0px 0px 5px white; }
.terms_and_policies_wrap { width: 100%; float: left; }
.terms_and_policies_wrap > div { width: 100%; float: left; border: 1px solid #e9e9e9; min-height: 600px; padding: 20px; box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07); }

/* SMS */
.smsTemplateWrap { width: 100%; float: left; border-top: 2px solid #dedede; border-bottom: 1px solid #e3e3e3; padding: 20px 0px; }
.smsTemplateWrap > ul { width: 100%; float: left; }
.smsTemplateWrap > .itemList > li { width: calc(calc(100% - 80px) / 5); float: left; margin-right: 20px; margin-bottom: 20px; background-color: #fafafa; padding: 15px; border: 1px solid #e5e5e5; }
.smsTemplateWrap > .itemList > li > button { width: 65px; float: right; margin-left: 3px; height: 35px; line-height: 35px; font-weight: bold; font-size: 14px; color: #fff; text-align: center; cursor: pointer; }
.smsTemplateWrap > .itemList > li > textarea.sms_content { height: 200px; margin-bottom: 10px; width: 100%; }
.smsTemplateWrap > .itemList > li > input.temp_title { margin-bottom: 10px; width: 100%; }
.smsTemplateWrap > .itemList > li > p.byte { width: 100%; float: left; margin-bottom: 5px; text-align: right; font-size: 12px; letter-spacing: -0.5px; }
.btnBlack { border: 1px solid #000; background-color: #000; }
.btnGray01 { border: 1px solid #999; background-color: #999; }
.sms_tab_wrap{ width: auto; float: left; background-color: white; border: 1px solid #e2e2e2; margin-top: 15px; }
.sms_tab { width: 100%; float: left; }
.sms_tab .active { background-color: #66151e !important; color: white; }
.sms_tab li{ width: 160px; float: left; text-align: center; font-weight: bold;}
.sms_tab a{ width: 100%; float: left; line-height: 35px; color: inherit;}

/* 물류 카테고리관리 UI */
.basicSortWrap { width: 100%; float: left; }
.basicSortWrap h1.tit { font-size: 20px; font-weight: bold; line-height: 18px; color: #000; }
.basicSortWrap div.bsw_wrap { margin-top: 20px; border-top: 1px solid #333; }
.basicSortWrap > div { width: 100%; float: left; }
.basicSortWrap > div > div { width: 100%; float: left; }
.basicSortWrap .bsw_left { width: 35%; float: left; }
.basicSortWrap .bsw_left .bsw_write * { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.bsw_left div.bsw_wrap { background-color: #f8f8f8; padding: 0 24px; }
.bsw_left div.bsw_wrap > div { width: 100%; float: left; }
.bsw_left div.bsw_wrap > div:not(:first-of-type) { border-top: 1px solid #dedede; }
.bsw_left .bsw_btn_box { padding: 20px 0; }
.bsw_left .bsw_btn_box > * { float: left; }
.bsw_left .bsw_btn_box .line { height: 35px; line-height: 35px; width: 1px; background-color: #dedede; margin-left: 10px; }
.bsw_left .bsw_btn_box .deleteItem { font-weight: 400; width: 70px; background-color: #f5f5f5; font-size: 13px; padding: 0 15px; }
.bsw_left .bsw_write { padding: 20px 0; }
.bsw_left .bsw_write > div { width: 100%; float: left; height: 550px; overflow-y: auto; }
.bsw_left .bsw_write > div > form { width: 100%; float: left; height: 100%; }
.bsw_left .bsw_write > div > form > div { width: 100%; float: left; }
.bsw_left .bsw_write .nonData { width: 100%; float: left; text-align: center; top: 50%; transform: translateY(-50%); }
.bsw_left .bsw_write .nonData span { width: 100%; float: left; color: #d1d1d1; font-size: 15px; font-weight: normal; }
.bsw_left .bsw_write .nonData span:not(:first-of-type) { margin-top: 10px; }
.bsw_left .bsw_write .nonData span i { color: inherit; font-size: 45px; }
.bsw_left .cate_depth_box.active > div.cate_box .cate_info { box-shadow: inset 0 0 0 2px #66151e; background-color: rgba(173, 124, 51, 0.1); }
.bsw_left .cate_depth_box.active > div.cate_box .cate_info span { color: #66151e !important; }
.bsw_left .cate_depth_box.useN * { color: #ccc !important; cursor: default !important; }
.bsw_left .cate_depth_box { float: right; }
.bsw_left .depth1 > div { width: 100%; }
.bsw_left .depth2 > div { width: 90%; }
.bsw_left .depth3 > div { width: 89%; }
.bsw_left .depth3 { right: 0 !important; left: unset !important; }
.bsw_left .cate_box { float: right; }
.bsw_left div.cate_box { margin-top: 12px; }
.bsw_left .cate_box > div { float: left; line-height: 40px; }
.bsw_left .cate_box i { font-size: 18px; }
.bsw_left .cate_box .folder_icon { padding: 0 10px; text-align: center; }
.bsw_left .cate_box .folder_icon i { color: #a6a6a6; }
.bsw_left .cate_box .cate_info { width: calc(100% - (37px * 2)); box-shadow: inset 0 0 0 1px #ccc; padding: 0 15px; cursor: pointer; background-color: #f8f8f8; }
.bsw_left .cate_info .cate_name { width: auto; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 93%; }
.bsw_left .cate_info .cate_name span { color: black; }
.bsw_left .cate_info .cate_move { width: auto; float: right; }
.bsw_left .cate_info .cate_move i { color: #d4d4d4; }
.bsw_left .cate_box .plus_icon { padding: 0 10px; text-align: center; }
.bsw_left .cate_box .plus_icon i { cursor: pointer; }
.basicSortWrap .bsw_right { width: 60%; float: right; }
.category_set_box { width: 100%; float: left; }
.category_set_box > ul { width: 100%; float: left; border-bottom: 1px solid #e2e2e2; }
.category_set_box > ul > li { float: left; line-height: 65px; height: 65px; }
.category_set_box > ul li.label { width: 30%; background-color: #f6f6f6; text-align: center; color: #000; }
.category_set_box > ul li.value { width: 70%; padding: 0 24px; }
.category_set_box > ul li.value > * { top: 50%; transform: translateY(-50%); }
.category_set_box > ul li.value input { width: 100%; float: left; }
.category_set_btn_box { width: 100%; float: left; text-align: right; margin-top: 60px; }
.menu_category { width: 100%; float: left; border-top: 1px solid #000; }
.menu_category .category_top { width: 100%; float: left; }
.menu_category .category_top ul { width: calc(100% / 3); height: 225px; overflow-y: auto; float: left; border-right: 1px solid #dfdfdf; }
.menu_category .category_top ul:first-child { border-left: 1px solid #dfdfdf; }
.menu_category .category_top ul::-webkit-scrollbar { width: 13px; background: #f1f1f1; }
.menu_category .category_top ul::-webkit-scrollbar-thumb { background: #c1c1c1; }
.menu_category .category_top ul li { width: 100%; float: left; line-height: 45px; padding-left: 35px; color: #000; cursor: pointer; }
.menu_category .category_top ul li.active { font-weight: bold; }
.menu_category .category_bottom { width: 100%; float: left; background: #ececec; padding: 20px 0; line-height: 30px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.menu_category .category_bottom ul { width: 100%; float: left; padding-left: 40px; }
.menu_category .category_bottom ul li { float: left; color: #000; }
.menu_category .category_bottom ul li.line { width: 1px; height: 30px; background: #cfcfcf; margin: 0 20px; }
.ingredientNoData td { text-align: center; height: 200px; }
.ingredientNoData td p { width: 100%; float: left; color: #d1d1d1; font-size: 15px; }
.ingredientNoData td p:not(:first-of-type) { margin-top: 10px; }
.ingredientNoData td p i { color: inherit; font-size: 45px; }
.ingredientSelect { background-color: #f8f8f8; border: 1px solid #e2e2e2 !important; padding: 12px 55px; }
.ingredientSelect > div { display: inline-block; vertical-align: middle; min-width: 70px; }
.ingredientSelect > div input { float: left; height: 40px; }
.ingredientSelect .is_box { width: 100%; float: left; }
.ingredientSelect .is_box > i { position: absolute; font-size: 15px; right: 11px; top: calc(50% - 2px); transform: translateY(-50%); cursor: pointer; }
.ingredientSelect .is_tit { font-size: 14px; color: black; }
.ingredientSelect .is_memo { font-size: 12px; color: #b7b7b7; margin-left: 30px; }
.is_result { position: absolute; width: 100%; top: 100%; background-color: white; z-index: 999; border: 1px solid #ccc; border-top: none; display: none; }
.is_result .close_is_result { width: 100%; float: left; line-height: 30px; text-align: right; padding-right: 10px; }
.is_result .close_is_result i { cursor: pointer; color: #999; }
.is_result .is_result_list { width: 100%; float: left; max-height: 350px; overflow-y: auto; border-top: 1px solid #e2e2e2; }
.is_result .is_result_list li { padding: 10px; cursor: pointer; }
.is_result .is_result_list li.active { color: #ccc; }
.is_result .is_result_list li:not(:first-of-type) { border-top: 1px solid #e2e2e2; }
.is_result .is_result_list li:hover { background-color: #f8f8f8; }
.is_result .is_result_list .no_results { display: none; }
.ingredientTable .remove_ingredient { color: #bfbfbf; }
.info_store_menu .week_day .pos_menu_top { width: 100%; float: left; border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; }
.info_store_menu .week_day .pos_menu_top .pos_menu_txt { width: auto; float: right; }
.info_store_menu .week_day .pos_menu_top .pos_menu_txt .pos_synch_btn { width: 110px; height: 25px; float: right; border-radius: 20px; border: 1px solid #d7d7d7; background-color: #eeeeee; margin-left: 10px; padding: 0px 15px; color: #b9b9b9; font-size: 12px; font-weight: bold; line-height: 25px; cursor: pointer; }
.info_store_menu .week_day .pos_menu_top .pos_menu_txt .pos_synch_btn i { margin-right: 3px; color: #b9b9b9; font-size: 12px; }
.info_store_menu .week_day .pos_menu_list { width: 100%; float: left; margin-top: 5px; }
.info_store_menu .week_day .pos_menu_list ul { width: 100%; float: left; }
.info_store_menu .week_day .pos_menu_list li { width: 50%; float: left; margin-top: 10px; }
.info_store_menu .week_day .pos_menu_list p { width: 100%; float: left; color: #d1d1d1; font-size: 15px; text-align: center; margin-top: 30px; }
.info_store_menu .week_day .pos_menu_list p:not(:first-of-type) { margin-top: 10px; }
.info_store_menu .week_day .pos_menu_list p i { color: inherit; font-size: 45px; }
.info_store_menu .week_day .pos_menu_top .pos_menu_left { float: left; width: calc(100% - 120px); }
.info_store_menu .week_day .pos_menu_top .pos_menu_left i { float: left; line-height: 19px; font-size: 20px; }
.info_store_menu .week_day .pos_menu_top .pos_menu_left p { min-width: 267px; float: right; color: #cccccc; font-size: 12px; line-height: 27px; }
.support_top .operating_info .info_tap * > li.active { font-weight: bold; }
.table-container { position: relative; width:100%; float:left; }
.table-body-container { overflow-y: auto; max-height: 500px; }
.table-body-container table tbody tr:first-of-type td { border-top:1px solid #e4e4e4 !important; }
.table-container thead { position: sticky; top: 0; background-color: #fff;  z-index: 1; }
.storeSelectFrm { width: 100%; float: left; }
.storeSelectFrm.small { width: 400px; }
.storeSelectFrm > div { width: 100%; float: left; }
.storeSelectFrm > div > div { width: 100%; float: left; }
.storeSelectFrm .searchInpArea input { border: none; border-bottom: 1px solid #d1d1d1; }
.storeSelectFrm .searchInpArea i { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); }
.storeSelectFrm .searchStoreArea { position: absolute; top: calc(100% - 1px); border: 1px solid #d1d1d1; z-index: 100; background-color: white; padding: 0 10px; display: none; }
.storeSelectFrm .searchStoreArea.active { display: block; }
.storeSelectFrm .searchStoreArea > div { width: 100%; float: left; }
.storeSelectFrm .ssa_top { line-height: 35px; }
.storeSelectFrm .ssa_top h1 { width: 100%; float: left; }
.storeSelectFrm .ssa_top .closeBtn { position: absolute; width: 25px; height: 25px; line-height: 23px; cursor: pointer; border-radius: 50px; border: 1px solid #ccc; text-align: center; right: 0; top: 50%; transform: translateY(-50%); }
.storeSelectFrm .storeList { border-top: 1px solid #ccc; padding: 10px 0; }
.storeSelectFrm .storeList > ul { width: 100%; float: left; height: 150px; overflow: auto; }
.storeSelectFrm .storeList > ul > li { width: 100%; float: left; line-height: 30px; cursor: pointer; color: #ccc; text-align: left; }
.storeSelectFrm .storeList > ul > li:hover { color: #333; }
.storeSelectFrm .storeList > ul > li.active { color: #333; }
.storeSelectFrm .storeResultArea { margin-top: 12px; display: none; }
.storeSelectFrm .storeResultArea.active { display: block; }
.storeSelectFrm .storeResultArea.single { background-color: #f8f8f8; border: 1px solid #ebebeb; line-height: 40px; padding-left: 15px; color: #868686; }
.storeSelectFrm .storeResultArea .removeSimilarBtn { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); cursor: pointer; font-size: 16px; color: #cc3333;}
.verticalTable tbody td { padding: 8px 17px; text-align: center; }
.verticalTable tbody td.tal { padding-left: 30px; }
.verticalTable tbody td:not(:first-of-type) { border-left: 1px solid #f0f0f0;}

/* 고객의 소리 */
.title_over { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.voc_wrapV .inq_code { width: 100%; float: left; border-bottom: none; padding: 0px; margin-bottom: 5px; margin-top: 30px; }
.voc_wrapV .doc_code { border-bottom: 1px solid #e2e2e2; }
.voc_wrapV .inq_code > ul > li { margin: 15px 5px; font-size: 18px; font-weight: bold; line-height: 18px; color: #333; }
.voc_wrapV .previewBtnWrap { position: absolute; left: 50%; transform: translateX(-50%); top: 30px; z-index: 5; background: rgba(0, 0, 0, 0.3); padding: 5px 10px; }
.voc_wrapV .previewBtnWrap span:not(:first-child) { margin-left: 10px; }
.voc_wrapV .previewBtnWrap i { font-size: 22px; color: #fff; cursor: pointer; }
.voc_wrapV .img_s { margin-top: 100px; }
.voc_wrapV .type_view .view .file_preview video { top: 0; transform: translateX(-50%); }
.voc_wrapV .check_box { display: block !important; float: left; padding: 5px; margin: 3px 10px 0 0; }
.voc_wrapV .select > div { float: left; padding-right: 20px; }
.voc_wrapV textarea { max-width: 100% !important; width: 100% !important; }
.voc_wrapV .contents { text-align: left !important; padding: 15px !important; }
.voc_wrapV .sv_idx { margin-right: 10px; }
.voc_wrapV .msgBtn { width: 15% !important; margin: 0 0 0 10px !important; height: 35px; font-weight: bold; font-size: 14px; border-radius: 5px; height: 37px; cursor: pointer; display: none; }
.voc_wrapV #msgBtn_01 { background-color: #49361C; color: #ffffff; }
.voc_wrapV #msgBtn_01 > i { color: #ffffff; margin-right: 8px; }

/* 폐점처리 */
.close_btn { height: 30px; line-height: 30px; padding: 0; border-radius: 0; float: left; }
.close_btn:not(:first-of-type) { margin-left: 5px; }
.close_btn.check { width: 58% !important; }
.close_btn.cancel { width: 40% !important; margin-left: 2%; background: #ccc; color: #fff; }

/* 오픈매장 관리 */
.calendar_title_wrap { width: 100%; float: left; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.calendar_title_wrap > div.left { width: 30%; float: left; }
.calendar_title_wrap > div.left > i { font-size: 19px; color: #222; }
.calendar_title_wrap > div.left > span { font-weight: 900; font-size: 20px; color: #222; margin-left: 10px; }
.calendar_title_wrap > div.right { width: 70%; float: right; text-align: right; }
.calendar_title_wrap > div.right > div:nth-child(2) { width: 100px; }
.calendar_title_wrap > div.right > div:nth-child(2) > span { color: #666666; font-size: 16px; font-weight: 900; }
.calendar_title_wrap > div.right > div:nth-child(1) { max-width: calc(100% - 120px); margin-left: 10px; display: flex; overflow-x: auto; padding-bottom: 5px; }
.calendar_title_wrap > div.right > div:nth-child(1) > div { width: auto; height: 25px; padding: 0 15px; display: flex; border-radius: 15px; margin-left: 5px; }
.calendar_title_wrap > div.right > div:nth-child(1)::-webkit-scrollbar { width: 5px; height: 5px; }
.calendar_title_wrap > div.right > div:nth-child(1)::-webkit-scrollbar-thumb { background-color: rgb(193 193 193); }
.calendar_title_wrap > div.right > div:nth-child(1)::-webkit-scrollbar-track { background-color: rgb(241 241 241); }
.calendar_title_wrap > div.right > div:nth-child(1) > div .num { display: flex; justify-content: center; flex-direction: column; align-items: center; justify-content: center; min-width: 18px; }
.calendar_title_wrap > div.right > div:nth-child(1) > div .num > span { font-size: 10px; color: #ffffff; display: flex; text-align: center; border: 1px solid #fff; border-radius: 10px; padding: 0 4px 0 2px; }
.calendar_title_wrap > div.right > div:nth-child(1) > div .tit { color: #ffffff; padding: 0 5px; line-height: 25px; z-index: 9; white-space: nowrap; font-size: 13px; }
.calendar_title_wrap > div.right > div:nth-child(1) > div > span { color: #ffffff; }
.calendar_title_wrap > div.right .noData { background-color: #e7e7e7; width: 102px !important; text-align: center; }
.calendar_title_wrap > div.right .noData .tit { color: #666666 !important; }
.calendar_search_wrap { width: 100%; float: left; margin-top: 20px; }
.calendar_search_wrap > div { width: 100%; height: 85px; float: left; background-color: #f8f8f8; border: 1px solid #e2e2e2; padding: 10px 40px; }
.calendar_search_wrap > div > div { float: left; top: 50%; transform: translateY(-50%); }
.calendar_search_wrap > div .tit > span { font-size: 14px; }
.calendar_search_wrap > div .search { margin-left: 20px; }
.calendar_search_wrap > div .search > input { width: 450px; }
.calendar_search_wrap > div .search > i { position: absolute; right: 15px; top: 10px; }
.calendar_search_wrap > div .guide { margin-left: 20px; }
.calendar_search_wrap > div .guide > span { font-size: 12px; color: #b7b7b7; }
.calendar_view { margin-top: 30px; }
.calendar_view .open_calendar_wrap { width: 81%; float: left; }
.calendar_view .open_calendar_wrap .open_calendar { width: 100%; min-height: 810px; float: left; }
.calendar_view .open_calendar_wrap .open_calendar .title { width: 100%; display: flex; }
.calendar_view .open_calendar_wrap .open_calendar .title .date { width: 115px; float: left; }
.calendar_view .open_calendar_wrap .open_calendar .title .date > span { font-weight: 900; font-size: 22px; color: #222; }
.calendar_view .open_calendar_wrap .open_calendar .title .btn_area { width: 225px; height: 30px; margin-left: 20px; float: left; }
.calendar_view .open_calendar_wrap .open_calendar .title .btn_area > div { width: 33.33%; height: 100%; float: left; top: 50%; transform: translateY(-50%); }
.calendar_view .open_calendar_wrap .open_calendar .title .btn_area > div > button { width: 100%; height: 100%; float: left; background-color: #fff; border: 1px solid #cecece; cursor: pointer; }
.calendar_view .open_calendar_wrap .open_calendar .title .btn_area > div:not(:nth-child(3)) > button { border-right: none; }
.calendar_view .open_calendar_wrap .open_calendar .title .select_area { width: calc(100% - 369px); height: 30px; margin-left: 20px; float: left; }
.calendar_view .open_calendar_wrap .open_calendar .title .select_area .right > span { font-size: 14px; }
.calendar_view .open_calendar_wrap .open_calendar .title .select_area .right > select { min-width: 277px; height: 40px; margin-left: 10px; border-color: #d8d8d8; padding: 0 10px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap { width: 100%; height: 100%; margin-top: 40px; display: flex; flex-direction: column; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .title { width: 100%; float: left; padding-bottom: 7px; border-bottom: 1px solid #d0d0d0; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .title > div { width: 14.28%; float: left; padding-left: 3px; font-weight: 900; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .title > div.blue { color: #3061bf; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .title > div.red { color: #c65252; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week { width: 100%; display: flex; border-bottom: 1px solid #d0d0d0; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day { width: 14%; min-height: 150px; flex: 1; padding-bottom: 20px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > p { padding: 5px 0 0 5px; font-weight: 900; line-height: 25px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.blue > p { color: #3061bf; font-weight: 900; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.blue > p > span { color: #3061bf; font-weight: 900; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.red > p { color: #c65252; font-weight: 900; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.red > p > span { color: #c65252; font-weight: 900; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.today > p > span.number { display: inline-block; width: 25px; color: #fff; border-radius: 20px; text-align: center; padding-right: 2px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.holiday > p { color: #c65252; font-weight: 900; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.holiday > p > span { color: #c65252; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.holiday > p > span.op-3 { opacity: 0.3; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.holiday > p > span.text { margin-left: 5%; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap { width: calc(100% + 1px); float: left; margin-top: 10px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.empty > div.bar_wrap { opacity: 0.3; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap.hidden_text { overflow: hidden; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap > div.empty_bar { width: 100%; float: left; height: 25px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap > div.bar_tit { width: 100%; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap > div.bar_tit > i { color: #c7c7c7; font-size: 12px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap > div.bar_tit > span { color: #333333; margin-left: 3px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap .bar { width: 100%; float: left; height: 25px; cursor: pointer; white-space: nowrap; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap .bar > span { color: #fff; padding: 0 5px; line-height: 25px; z-index: 9; white-space: nowrap; font-size: 13px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap .bar .bar_number { width: 15px; height: 15px; float: left; border: 1px solid #ffffff; border-radius: 10px; top: 50%; transform: translateY(-50%); }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap .bar .bar_number > span { font-size: 10px; color: #ffffff; bottom: 5px; left: 1.5px; min-width: 9.1px; display: inline-block; text-align: center; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap.start .bar { width: calc(100% - 25px); float: right; border-top-left-radius: 15px; border-bottom-left-radius: 15px; white-space: nowrap; padding-left: 5%; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap.start .barIcon { width: 10px; height: 20px; float: left; margin-left: 10px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap.start .barIcon > i { top: 50%; transform: translateY(-50%); }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap.end .bar { float: left; border-top-right-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; color: #fff; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap.end .barIcon { margin-right: 5px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day > div.bar_wrap.oneDay .bar { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; color: #fff; padding-right: 5px; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day:not(:last-child) { border-right: 1px solid #d0d0d0; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.empty { width: 14.28%; flex: 1; }
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day.empty > p > span.op-3 { opacity: 0.3; }
.calendar_view .info_wrap { width: 19%; float: left; padding-left: 20px; }
.calendar_view .info_wrap .pin_wrap { width: 100%; float: left; padding: 5px; }
.calendar_view .info_wrap .pin_wrap.right { float: right; }
.calendar_view .info_wrap .pin_wrap > div { width: 33.33% !important; float: left; text-align: center; }
.calendar_view .info_wrap .pin_wrap > .prev > i { color: #3061bf; }
.calendar_view .info_wrap .pin_wrap > .late > i { color: #e13a3a; }
.calendar_view .info_wrap .pin_wrap > .normal > i { color: #c7c7c7; }
.calendar_view .info_wrap .pin_wrap > div > i { font-size: 14px; }
.calendar_view .info_wrap .pin_wrap > div > span { margin-left: 5px; font-size: 13px; color: #afafaf; }
.calendar_view .info_wrap .info_inner { width: 100%; float: left; min-height: 1000px; padding: 7% 5%; background-color: #f6f6f6; margin-top: 20px; }
.calendar_view .info_wrap .info_inner .info_guide { width: 100%; float: left; height: 43px; background-color: #fff; border-radius: 5px; }
.calendar_view .info_wrap .info_inner .info_guide > div { width: 100%; float: left; top: 50%; transform: translateY(-50%); text-align: center; }
.calendar_view .info_wrap .info_inner .info_guide > div > span { color: #cccccc; font-size: 12px; }
.calendar_view .info_wrap .info_inner .info_color { width: 100%; float: left; margin-top: 10px; }
.calendar_view .info_wrap .info_inner .info_color > div { width: 100%; float: left; padding: 5px 15px; border-radius: 10px; cursor: pointer; margin-top: 5px; }
.calendar_view .info_wrap .info_inner .info_color > div.active { background-color: #e6e6e6; }
.calendar_view .info_wrap .info_inner .info_color > div > div.square { width: 15px; height: 15px; float: left; background-color: #ccc; top: 2px; border-radius: 2px; }
.calendar_view .info_wrap .info_inner .info_color > div > div.title { width: calc(100% - 20px); margin-left: 5px; float: left; }
.calendar_view .info_wrap .info_inner .info_color > div > div.title > span { font-size: 14px; }
.calendar_view .info_wrap .info_inner .main_tit { width: 100%; float: left; padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
.calendar_view .info_wrap .info_inner .main_tit .left { width: 50%; float: left; line-height: 30px; }
.calendar_view .info_wrap .info_inner .main_tit .left > span { font-weight: 900; font-size: 18px; vertical-align: bottom; line-height: normal; }
.calendar_view .info_wrap .info_inner .main_tit .right { width: 50%; float: right; text-align: right; line-height: 30px; white-space: nowrap; }
.calendar_view .info_wrap .info_inner .main_tit .right > span { font-size: 13px; vertical-align: bottom; line-height: normal; color: #666666; }
.calendar_view .info_wrap .info_inner .main_tit .right > span:nth-child(2) { color: #999999; }
.calendar_view .info_wrap .info_inner .sub_tit { width: 100%; float: left; margin-top: 15px; }
.calendar_view .info_wrap .info_inner .sub_tit .left { width: 100%; float: left; }
.calendar_view .info_wrap .info_inner .sub_tit .left .store > span { font-size: 15px; }
.calendar_view .info_wrap .info_inner .sub_tit .left .store .icon > i { color: #999999; }
.calendar_view .info_wrap .info_inner .sub_tit .left .store .store_name { color: #333333; margin-left: 5px; }
.calendar_view .info_wrap .info_inner .sub_tit .left .member { color: #666666; font-size: 13px; margin-top: 5px; }
.calendar_view .info_wrap .info_inner .sub_tit .left .member > span { color: #999999; font-size: 13px; }
.calendar_view .info_wrap .info_inner .line_box_wrap { width: 100%; float: left; }
.calendar_view .info_wrap .info_inner > div:nth-child(3) { margin-top: 20px; }
.calendar_view .info_wrap .info_inner .line_box_wrap .left { width: 10%; min-height: 150px; float: left; text-align: center; }
.calendar_view .info_wrap .info_inner .line_box_wrap .left .circle_wrap { width: 100%; float: left; }
.calendar_view .info_wrap .info_inner .line_box_wrap .left .circle_wrap .circle { width: 15px; height: 15px; float: left; border: 3px solid #bebebe; border-radius: 15px; }
.calendar_view .info_wrap .info_inner .line_box_wrap .left .line_wrap { width: 100%; float: left; }
.calendar_view .info_wrap .info_inner .line_box_wrap .left .line_wrap .line { width: 1px; height: 160px; float: left; border-left: 1px solid #e2e2e2; left: 7px; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right { width: 90%; float: right; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div { width: 100%; float: left; padding: 10px 0; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box { width: 100%; min-height: 150px; padding: 20px 20px; float: left; background-color: #ffffff; border-radius: 15px; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .tit_wrap { width: 100%; float: left; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .tit_wrap .tit { float: left; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .tit_wrap .tit > span { font-weight: 900; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .tit_wrap .status { float: right; border: 1px solid; padding: 2px 10px; border-radius: 15px; line-height: 15px; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .tit_wrap .status > span { font-weight: 900; font-size: 11px; vertical-align: bottom; line-height: normal; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .date_wrap { width: 100%; float: left; text-align: right; padding: 0 5px; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .date_wrap > span { font-size: 11px; color: #cccccc; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .guide_wrap { width: 100%; min-height: 65px; float: left; margin-top: 5px; background-color: #f6f6f6; border-radius: 10px; padding: 5%; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .guide_wrap .icon { width: 10%; float: left; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .guide_wrap .icon > span > i { color: #dedede; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .guide_wrap .text { width: 90%; float: left; }
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box .guide_wrap .text > p { color: #999999; font-size: 13px; }
.open_calendar_popup { width: 300px; min-height: 100px; padding: 20px 25px; position: absolute; background-color: #f8f8f8; box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07); display: none; z-index: 10; max-height: 400px; overflow-y: auto; }
.open_calendar_popup::-webkit-scrollbar { width: 5px; }
.open_calendar_popup::-webkit-scrollbar-thumb { background-color: rgb(193 193 193); }
.open_calendar_popup::-webkit-scrollbar-track { background-color: rgb(241 241 241); }
.open_calendar_popup .title { width: 100%; float: left; padding: 0 0 10px 5px; }
.open_calendar_popup .title > p { font-size: 15px; font-weight: 900; }
.open_calendar_popup .contents { width: 100%; height: 61px; float: left; padding: 10px 0; border-bottom: 1px solid #d4d4d4; }
.open_calendar_popup .no_data_wrap { width: 100%; height: 100%; float: left; padding: 10px 0; }
.open_calendar_popup .no_data_wrap .no_data { width: 100%; float: left; }
.open_calendar_popup .no_data_wrap .no_data > p { text-align: center; }
.open_calendar_popup .no_data_wrap .no_data .icon > i { font-size: 30px; color: #ccc; }
.open_calendar_popup .no_data_wrap .no_data .text { font-size: 18px; color: #ccc; margin-top: 10px; }
.open_calendar_popup .contents > div { float: left; text-align: center; }
.open_calendar_popup .contents .check_wrap { width: 10%; }
.open_calendar_popup .contents .check_wrap > i { line-height: 40px; font-size: 15px; }
.open_calendar_popup .contents .text_wrap { width: 60%; text-align: left; padding: 0 2px 0 10px; top: 50%; transform: translateY(-50%); }
.open_calendar_popup .contents .text_wrap > p.icon > i { color: #d1d1d1; font-size: 35px; }
.open_calendar_popup .contents .text_wrap > p.text { color: #d1d1d1; margin-top: 10px; }
.open_calendar_popup .contents .text_wrap.no_data { width: 100%; text-align: center; }
.open_calendar_popup .contents .text_wrap > p { font-size: 13px; }
.open_calendar_popup .contents .text_wrap > p.main { color: #333333; }
.open_calendar_popup .contents .text_wrap > p.sub { color: #666666; margin-top: 2px; }
.open_calendar_popup .contents .date_wrap { width: 30%; }
.open_calendar_popup .contents .date_wrap > span { line-height: 40px; color: #999999; font-size: 13px; }
.linked_bar { margin-top: 19px; }
.scroll_list_wrap { border: 1px solid #e2e2e2; overflow: hidden; }
.scroll_list_wrap.left_table { border-radius: 30px 0 0 30px; border-right: none; width: 350px !important; }
.scroll_list_wrap.right_table { border-radius: 0 30px 30px 0; width: 1080px !important; overflow-x: auto; }
.scroll_list_wrap.right_table.active { border-radius: 0 30px 30px 0; width: 1320px !important; overflow-x: auto; }
.scroll_list_wrap::-webkit-scrollbar { height: 2px; }
.scroll_list_wrap::-webkit-scrollbar-thumb { background-color: rgb(193, 193, 193); border-radius: 999px; }
.scroll_list_wrap::-webkit-scrollbar-track { background-color: rgb(241, 241, 241); margin-right: 25px; }
.scroll_list_wrap > div > table > thead > tr > th { padding: 0 10px; }
.scroll_list_wrap > div > table > thead > tr > th.darkHeader { background-color: #f8f8f8; }
.scroll_list_wrap > div > table > thead > tr > th.darkHeader2 { background-color: #eeeeee; color: #666666; font-weight: normal; height: 30px !important; }
.scroll_list_wrap > div > table > thead > tr > th.whiteHeader { background-color: #ffffff; height: 90px !important; }
.scroll_list_wrap > div > table > tbody > tr > td { padding: 0 !important; }
.scroll_list_wrap > div > table > tbody > tr > td > p.bar, .scroll_list_wrap > div > table > tbody > tr > td > p.barSub { width: 100%; float: left; }
.scroll_list_wrap > div > table > tbody > tr > td > p.barSub { margin-top: 5px; }
.scroll_list_wrap > div > table > tbody > tr > td > p.barSub > span { color: #757575; font-size: 11px; }
.scroll_list_wrap > div > table > tbody > tr > td > p.bar, .scroll_list_wrap > div > table > tbody > tr > td > p.barSub > i { font-size: 12px; color: #ccc; margin-right: 5px; }
.scroll_list_wrap > div > table > tbody > tr > td > p.barSub { padding: 0 5px; }
.scroll_list_wrap > div > table > tbody > tr > td > p.bar { background-color: #ccc; height: 11px; }
.scroll_list_wrap.right_table > div > table > tbody > tr:not(.listNoData) > td:not(.noHover):hover { cursor: pointer; background-color: #f6f9ff; }
.round_list .listSet .rightBox .pin_wrap { width: 250px !important; padding-left: 5px; }
.round_list .list table thead tr:first-of-type th { border-top: 0 !important; padding: 0 !important; }
.round_list .listSet .rightBox div:not(:first-of-type) { margin-left: 0 !important; }
.round_list .list table tbody tr:last-child td { border-bottom: none !important; }
.round_list .list table tbody td:not(:first-of-type), .round_list .list table thead th:not(:first-of-type) { border-left: 1px dashed #e2e2e2 !important; }
.round_list .list table tbody td { padding: 0; height: 70px; }
.scroll_list_wrap > div > table > tbody > tr > td > p.bar_bt_text { float: left; width: 100%; }
.scroll_list_wrap > div > table > tbody > tr > td > p.bt_text_1 { color: #aaaaaa !important; }
.scroll_list_wrap > div > table > tbody > tr > td > p.bt_text_2 { color: #d9d9d9 !important; }
.scroll_list_wrap.left_table > div > table > thead, .scroll_list_wrap.right_table > div > table > thead { height: 120px; }
.scroll_list_wrap.right_table > div > table > thead > tr:nth-child(1) > th { font-size: 12px; }
.scroll_list_wrap > div > table > thead > tr > th > div.number { float: left; width: 100%; text-align: center; }
.scroll_list_wrap.right_table > div > table > thead > tr > th > div.number > div { display: inline-flex; border: 1px solid #b7b7b7; border-radius: 10px; width: 15px; height: 15px; }
.scroll_list_wrap.right_table > div > table > thead > tr > th > div.number > div > span { color: #666666; font-size: 9px; min-width: 8.6px; left: 1.5px; }
.scroll_list_wrap.right_table > div > table > thead > tr > th > div.title { float: left; width: 100%; height: 40px; padding: 2px 5px 0 5px; }
.scroll_list_wrap.right_table > div > table > thead > tr > th > div.title > p { font-size: 12px; }
.scroll_list_wrap.right_table > div > table > tbody > tr:last-child > td { height: 69px; }
.scroll_list_wrap.right_table > div > table > tbody > tr.listNoData > td { height: 200px; }
.round_list .list table tbody tr td .st_name { color: #000000; font-size: 14px; }
.round_list .list table tbody tr td .calendarBtn { margin-left: 5px; }
.round_list .list table thead tr:not(:first-of-type) th:first-of-type { border-left: 0 !important; }
.op_cp_list .list table tbody tr td .calendarBtn { margin-left: 5px; }
.type_list .listSet .rightBox div { width: auto; display: inline-block; vertical-align: middle; }
.type_list .listSet .rightBox div:not(:first-of-type) { margin-left: 8px; }

/* 일정관리 */
.listTopWrap { width: 100%; float: left; border-bottom: 2px solid; }
.listTopWrap .leftWrap { width: 50%; float: left; }
.listTopWrap .leftWrap .leftTotalWrap { width: 100%; padding: 10px; }
.listTopWrap .leftWrap .leftTotalWrap .total { font-size: 18px; }
.listTopWrap .leftWrap .leftTotalWrap .guideText_1 { margin-left: 30px; }
.listTopWrap .leftWrap .leftTotalWrap .guideText_2 { margin-left: 10px; color: #333; }
.listTopWrap .leftWrap .leftTotalWrap .guideText_2>i { color: #333; }
.listTopWrap .leftWrap .leftTotalWrap .totalNumber { margin-left: 5px; font-size: 18px; }
.listTopWrap .leftWrap .leftTotalWrap .division { border-right: 1px solid #e1e1e1; height: 16px; position: absolute; top: 15px; left: 94px; }
.listTopWrap .rightWrap { width: 50%; float: right; text-align: right; }
.listTopWrap .leftWrap .leftTotalWrap>span>i { font-size: 8px; bottom: 2px; margin-right: 5px; }
.listTopWrap .rightWrap .division { border-right: 1px solid #e1e1e1; height: 16px; position: absolute; top: 15px; right: 110px; }
.list_text tbody .datelist { padding: 10px 10px 20px 10px !important; }
.datelist .data_div p.subText { color: #ccc; font-size: 12px; }
.sch_main { width: 100%; float: left; padding-bottom: 50px; }
.sch_main button { border: none; cursor: pointer; }
.sch_main .maina a { cursor: pointer; }
.sch_main .maina { width: 320px; float: left; border-radius: 10px; padding: 15px; }
.sch_main .cal { width: 100%; float: left; }
.sch_main .name { width: 100%; float: left; margin-bottom: 20px; font-size: 18px; line-height: 23px; height: 23px; }
.sch_main .name > i { font-size: 23px; color: #636363; margin-right: 8px; vertical-align: middle; top: -2px; }
.sch_main .name > b { font-size: 13px; color: #000; margin-right: 5px; }
.sch_main .name > span { color: #000; font-weight: 500; letter-spacing: -0.5px; font-size: 13px; }
.sch_main .but { width: 100%; float: left; margin-bottom: 30px; }
.sch_main .but > button { width: 100%; height: 50px; line-height: 38px; font-weight: bold; font-size: 15px; color: #fff; background-color: #467cdf; }
.sch_main .but > button > i { color: #fff; margin-right: 5px; }
.sch_main .cal_date { width: 100%; float: left; }
.sch_main .dateinfo { width: 100%; height: 30px; line-height: 30px; float: left; margin-bottom: 20px; position: relative; }
.sch_main .dateinfo > p { width: 100%; font-size: 24px; text-align: center; float: left; font-weight: 600; color: #000; }
.sch_main .dateinfo > p > span { font-size: 25px; color: #467cdf; margin-left: 2px; }
.sch_main .dateinfo > a { position: absolute; width: 30px; height: 30px; line-height: 27px; border-radius: 100%; background-color: #fff; border: 1px solid #e1e1e1; text-align: center; font-size: 17px; color: #000; top: 0; z-index: 1; }
.sch_main .dateinfo > a:first-of-type { left: 0; padding-right: 2px; }
.sch_main .dateinfo > a:last-of-type { right: 0; padding-left: 2px; }
.sch_main .table_cal { width: 100%; float: left; border: 1px solid #e1e1e1; border-radius: 10px; padding: 10px 30px; }
.sch_main .table_cal > table { width: 100%; float: left; }
.sch_main .table_cal > table th { height: 30px; text-align: center; color: #999; font-size: 12px; font-weight: bold; }
.sch_main .table_cal > table td { height: auto; min-height: 30px; text-align: center; color: #222; font-size: 12px; font-weight: bold; position: relative; vertical-align: top; padding: 3px 1px; box-sizing: border-box; }
.sch_main .table_cal > table td > .gray { color: #999; }
.sch_main .cal_cell_day { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; }
.sch_main .cal_cell_day .nowday { box-sizing: border-box; min-height: 30px; font-size: 15px; font-weight: bold; color: #000; line-height: 1; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.sch_main .cal_cell_day .nowday.gray { color: #999; }
.sch_main .cal_cell_day > .activeaa { box-sizing: border-box; color: #fff; width: 30px; height: 30px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 100%; background-color: #467cdf; font-weight: 500; }
.sch_main .cal_dots { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; gap: 2px; width: 100%; min-height: 8px; margin-top: 2px; line-height: 0; box-sizing: border-box; }
.sch_main .cal_dots_empty { pointer-events: none; }
.sch_main .cal_dots .cal_dot { display: block; width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; font-size: 0; overflow: hidden; background: currentColor; }
.sch_main .table_cal .bef { color: #999; }
.sch_main .today { width: 100%; float: left; margin-top: 25px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 20px 0; }
.sch_main .today > .tit { color: #467cdf; width: 100%; float: left; padding: 0 10px; font-size: 15px; font-weight: bold; }
.sch_main .today > .tit > i { margin-right: 8px; font-size: 17px; color: #467cdf; }
.sch_main .today > .tit > ul { width: 100%; float: left; padding: 0 20px 0 32px; margin-top: 10px; }
.sch_main .today > .tit > ul > li { width: 100%; float: left; margin: 10px 0; }
.sch_main .today > .tit > ul > li > span { height: 15px; line-height: 15px; font-weight: 500; }
.sch_main .today > .tit > ul > li > .to { float: left; font-size: 14px; color: #000; font-weight: bold; }
.sch_main .today > .tit > ul > li > .me { float: right; font-size: 13px; color: #333; letter-spacing: -0.5px; font-weight: bold; }
.sch_main .mainb { width: calc(100% - 370px); float: left; margin-left: 50px; margin-top: 35px; }
.sch_main .top { width: 100%; height: 50px; float: left; border-bottom: 2px solid #467cdf; position: relative; }
.sch_main .top > div { width: 100%; float: left; height: 100%; padding-top: 25px; }
.sch_main .left { position: absolute; z-index: 0; left: 0; bottom: -1px; padding-left: 5px; }
.sch_main .left > button { background-color: #fff; color: #999; font-size: 14px; width: 180px; height: 50px; line-height: 48px; margin-left: 7px; border-radius: 5px 5px 0px 0px; font-weight: 600; border: 1px solid #636363; }
.sch_main .left *.active { border-color: #636363; color: #636363; }
.sch_main .right { position: absolute; right: 0; bottom: -1px; padding-left: 0px 10px 10px 0px; }
.sch_main .right > button { width: 150px; height: 40px; line-height: 38px; margin-left: 7px; font-size: 14px; margin-bottom: 10px; font-weight: 600; }
.sch_main .right .schIn { color: #fff; background-color: #467cdf; }
.sch_main .right .memoup { color: #fff; background-color: #636363; }
.sch_main .right .schIn > i, .sch_main .right .memoup > i { color: #fff; margin-right: 5px; }
.sch_main .date { width: 30%; float: left; position: absolute; transform: translatex(40%); text-align: center; height: 100%; left: 27%; bottom: 60%; }
.sch_main .date > a { width: 35px; height: 35px; border: 1px solid; border-radius: 100%; float: left; z-index: 2; text-align: center; top: 16px; color: #467cdf; line-height: 34px;}
.sch_main .date > a.rightarr { right: 45px; }
.sch_main .date > a.leftarr { left: 45px; }
.sch_main .date > a > i { padding-top: 8px; color: #467cdf; }
.sch_main .date > p { float: left; padding-top: 5px; }
.sch_main .date span { font-size: 25px; font-weight: bold; color: #467cdf; display: inline-block; line-height: 22px; padding-left: 10px; }
.sch_main .date > p > i { font-size: 35px; color: #467cdf; bottom: 3px; position: relative; }
.sch_main .date .date1 { font-size: 12px; font-weight: 500; color: #999; float: left; padding-left: 0px; }
.sch_main .text { width: 100%; float: left; border-color: #636363; border-bottom: 1px solid #636363; }
.sch_main .text > ul { width: 100%; float: left; padding: 30px 20px; }
.sch_main .text > ul > li { width: 100%; float: left; border-radius: 5px; background-color: #f3f3f3; padding: 20px 30px; list-style: none; }
.sch_main .time { width: 100%; float: left; line-height: 18px; font-size: 13px; font-weight: bold; color: #333; }
.sch_main .time > i { font-size: 18px; margin-right: 10px; top: 2px; position: relative; }
.sch_main .mainb .todayschdule { width: 100%; height: 140px; line-height: 140px; float: left; text-align: center; font-weight: 500; color: #aaa; border-bottom: 1px solid #000; }
.list_text { width: 100%; float: left; border-bottom: 1px solid #467cdf; border-collapse: collapse; }
.list_text tbody > tr { border-bottom: 1px solid #e1e1e1; }
.list_text tbody > tr th { border-right: 1px solid #e1e1e1; padding: 25px 0px; color: #333; }
.list_text tbody .datelist { padding: 10px 50px 20px 50px; }
.list_text tbody .datelist .data_div { width: 100%; float: left; padding-top: 10px; }
.list_text .noData { width: 100%; float: left; text-align: center; padding: 20px 0px; font-weight: bold; color: #333; }
.resultWrap { position: absolute; width: calc(100% - 150px); background-color: #fff; top: 100%; border: 1px solid #ccc; right: 0; z-index: 2; margin-top: -1px; display: none; }
.resultWrap > ul.resultBox { width: 100%; float: left; padding: 20px; max-height: 158px; overflow-y: auto; }
.resultBox::-webkit-scrollbar { width: 5.2px; }
.resultBox::-webkit-scrollbar-thumb { background: #c1c1c1; }
.receiveWrap { border-bottom: 1px solid #d8d8d8; min-height: 50px; }
.receiveWrap > .value { width: 100%; height: 45px; float: left; white-space: nowrap; padding-bottom: 5px; overflow-x: auto; }
.receiveWrap > .value > li { display: inline-block; height: 35px; line-height: 35px; padding: 0 10px; margin-right: 5px; border: 1px solid; }
.schedule_list .list_text tbody .datelist { padding: 10px 10px 20px 10px !important; }
.schedule_list .type_date { width: 80px !important; text-align: center; }
.schedule_list .type_code { margin-left: 10px; width: 200px !important; text-align: center; }
.schedule_list .type_memo {  margin-left: 30px; max-width: 400px; overflow: hidden; text-overflow: ellipsis; }
.schedule_list .litext>i { position: absolute; top: 21px; right: 15px; cursor: pointer; }
.schedule_list .monthBtn { border: 1px solid #ccc !important; margin-right: 25px; }

/* 계약관리 */
.down_btn { width: 100px; border-radius: 5px; background-color: #F4F4F4; border: 1px solid #E0E0E0; font-size: 11px; color: #999999; padding-top: 3px; padding-bottom: 3px; }
.down_btn i { color: #8C8C8C; margin-right: 5px; }
.headphone { cursor: pointer; }
.headphone>i { margin-right: 5px;}
button.alarmTalkBtn { width: 110px; height: 35px; background-color: #49361c; cursor: pointer; border: none; }
button.alarmTalkBtn > i { color: #fff; font-size: 12px; }
button.alarmTalkBtn > span { color: #fff; font-size: 12px; margin-left: 10px; font-weight: 900; }
.list .contract_list > ul > li > span.main_color, .list .contract_list > ul > li > p > span.main_color { font-weight: 900; }
.list .contract_list > ul > li > span.headphone > i, .list .contract_list > ul > li > p > span.headphone > i { font-weight: 900; cursor: pointer; padding: 0 5px; }
.list .contract_list > ul > li > span.confirm_date, .list .contract_list > ul > li > p > span.confirm_date { font-size: 12px; color: #999; }
.list .contract_list > ul > li > span.sub_text, .list .contract_list > ul > li > p > span.sub_text { color: #ccc; font-size: 12px; }
.list .contract_list > ul > li > p > span.list_view_btn > i { font-size: 12px; cursor: pointer; margin-left: 5px; }
.list .contract_list > ul > li > button.con_write_btn { width: 90px; height: 35px; background-color: #fff; color: #49361c; border: 1px solid #49361c; font-weight: 900; font-size: 13px; cursor: pointer; }
.list .contract_list > ul > li > button.disabled { border-color: #ccc; color: #ccc; cursor: default; }
.store_pre_con_dt_wrap { width: 100%; float: left; }
.store_pre_con_dt_wrap .top_info_wrap, .store_pre_con_dt_wrap .bottom_list_wrap { width: 100%; float: left; padding: 40px 50px 15px 50px; }
.store_pre_con_dt_wrap .bottom_list_wrap { padding-bottom: 50px; }
.store_pre_con_dt_wrap .top_info_wrap { height: 133px; }
.store_pre_con_dt_wrap .top_info_wrap > div { width: 100%; height: 100%; float: left; border: 1px solid #e2e2e2; border-radius: 7px; padding: 0 35px; position: relative; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul { width: 100%; height: 50px; float: left; top: 50%; transform: translateY(-50%); position: relative; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li { top: 50%; transform: translateY(-50%); position: relative; list-style: none; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(1) { width: 58%; float: left; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(1) > span { font-size: 18px; color: #000; margin-left: 5px; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(1) .icon > i { font-size: 18px; color: #666666; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(2), .store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(4) { text-align: right; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(2) { width: 25%; float: left; padding-right: 25px; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(2) > span { margin-left: 5px; font-size: 14px; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(2) .icon > i { font-size: 16px; color: #cccccc; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(3) { width: 1%; min-height: 20px; float: left; border-right: 1px solid #dfdfdf; }
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(4) { width: 16%; float: left; font-size: 14px; padding-left: 10px; }
.store_pre_con_dt_wrap .bottom_list_wrap > div.tit { width: 100%; float: left; }
.store_pre_con_dt_wrap .bottom_list_wrap > div.tit > span { font-size: 18px; color: #000000; }
.store_pre_con_dt_wrap .bottom_list_wrap .type_list { margin-top: 15px; width: 100%; float: left; }
p.confirmText { color: #1e3fb3; }
p.noConfirmText { color: #cc3333; }
.list .contract_list > ul { width: 100%; float: left; background-color: #f8f8f8; border: 2px solid #e2e2e2; border-radius: 10px; height: 50px; text-align: center; display: table; padding: 5px 0; }
.list .contract_list > ul:not(:first-child) { background-color: #ffffff; border-radius: 0px; height: 70px; margin-top: 10px; }
.nodiv { width: 100%; float: left; padding-top: 30px; text-align: center; }
.nodiv .picon { width: 100%; float: left; color: #d1d1d1; font-size: 15px; }
.nodiv .picon i { color: inherit; font-size: 45px; }
.nodiv .ptext { width: 100%; float: left; color: #d1d1d1; font-size: 15px; padding-top: 10px; }
.list .contract_list > ul > li { width: 10%; display: table-cell; text-align: center; position: relative; vertical-align: middle; }
.list .contract_list > ul > li.width4 { width: 4%; }
.list .contract_list > ul > li.width22 { width: 22%; }
.list .contract_list > ul > li.width22 > span.finish_date { color: #cc3333; font-size: 12px; }
.list .contract_list > ul:not(:first-child) > li { position: relative; }
.list .contract_list > ul > li > span { display: inline-block; font-weight: 900; color: #000; letter-spacing: 0; }
.list .contract_list > ul > li > p { font-weight: 300; font-size: 12px; color: #000; letter-spacing: 0; }
.list .contract_list > ul > li > p.subText { color: #ccc; font-size: 12px; }
.list .contract_list > ul:not(:first-child) > li > span { display: inline-block; font-weight: 100; color: #666; letter-spacing: 0; font-size: 13px; }
.contract_list .right_line { position: absolute; height: 15px; width: 1px; background-color: #e2e2e2; right: 0; top: 50%; transform: translate(0, -50%); }
.list .go_list { color: #1e63b7; font-size: 18px; cursor: pointer; }
.list .go_list.fs14 { font-size: 14px; cursor: pointer; }
.contract_list .sub_text { color: #ccc !important; }
.contractW_form.type_form select.txtBox { width: auto; }
.contractW_form.type_form .form .file_one span { width: 300px !important; background-color: #F8F8F8 !important; }
.contractW_form.type_form .form .file_one { padding: 40px 25px !important; }
.contractW_form .sales_area_label { position: absolute; top: 10px; left: 320px; }
.contractW_form .fileName { position: absolute; top: 10px; }
.contractW_form .sizeGuide { position: absolute; top: 40px; }
.contractW_form .docImagePreview { margin-top: 35px !important; }
.contractW_form.type_form .form .zipaddr input { width: 85% !important;}
.contractW_form.type_form .form .zipaddr button { width: 14% !important; margin-left: 1% !important; }
.contractW_form .ls-none { letter-spacing: 0 !important; }
.contractW_form .store_size > input { width: 40% !important; text-align: right; }
.contractW_form .store_size > span { line-height: 35px; margin-left: 10px; }
.contractW_form #st_date, #ex_date { width: 220px; float: left; margin-right: 10px; }
.contractW_form .right_guide_span { float: right; color: #999999; font-size: 13px; }
.con_royalty { width: 12% !important; text-align: right; }
.con_royalty_percent { line-height: 35px; margin-left: 10px; }
.con_store_name { background-color: #f8f8f8; }
.con_tt_price_wrap { width: 100%; float: left; }
.con_tt_price_wrap > div { width: 21%; float: left; }
.con_tt_price_wrap > div:not(:nth-child(1)) { margin-left: 20px; }
.con_tt_price_wrap > div > input.txtBox { width: 70%; float: left; margin-left: 10px; text-align: right; }
.con_tt_price_wrap > div > span { float: left; line-height: 35px; }
.con_tt_price_wrap > div > span:nth-child(1) { font-weight: 900; }
.con_tt_price_wrap > div > span:nth-child(3) { font-weight: 400; margin-left: 5px; }
.con_member_wrap { width: 100%; float: left; }
.con_member_wrap:nth-child(1) { background-color: #fbfbfb; }
.con_member_wrap .con_member_info_guide { width: 100%; float: left; }
.con_member_wrap .con_member_info { width: 100%; height: 195px; float: left; border: 1px solid #e2e2e2; padding: 34px 30px; margin-top: 10px; border-radius: 10px; }
.con_member_wrap .con_member_info > div { height: 100%; float: left; }
.con_member_wrap .con_member_info > div.left { width: 70%; }
.con_member_wrap .con_member_info > div.right { width: 30%; }
.con_member_wrap .con_member_info > div.right > div { width: 60%; height: 100%; float: right; border-left: 1px solid #dedede; }
.con_member_wrap .con_member_info > div.right > div > button { float: right; top: 50%; transform: translateY(-50%); position: relative; }
.con_member_wrap .con_member_info > div.right > div > button.delBtn { width: 150px; height: 35px; cursor: pointer; background: #fff; border: 1px solid #e2e2e2; }
.con_member_wrap .con_member_info > div.right > div > button > span { margin-left: 5px; }
.con_member_wrap .con_member_info > div.right > div > button.delBtn > span, .con_member_wrap .con_member_info > div.right > div > button.delBtn > i { color: #999999; }
.con_member_wrap .con_member_info > div > div.info_1 { width: 100%; float: left; }
.con_member_wrap .con_member_info.multiRow > div > div.info_1:not(:first-of-type) { margin-top: 15px; }
.con_member_wrap .con_member_info > div > div.info_1 > div { width: 33.2%; float: left; }
.con_member_wrap .con_member_info > div > div.info_2 { width: 100%; float: left; margin-top: 10px; }
.con_member_wrap .con_member_info > div > div > span, .con_member_wrap .con_member_info > div > div > div > span { float: left; line-height: 35px; font-weight: 900; }
.con_member_wrap .con_member_info > div > div > input.txtBox, .con_member_wrap .con_member_info > div > div > div > input.txtBox { margin-left: 10px; }
.con_member_wrap .con_member_info > div > div.info_1 > div > input.txtBox { width: 70%; }
.con_member_wrap .con_member_info > div > div.info_2 > input.txtBox { width: 92.5%; }
.con_member_wrap .con_member_info > div > div.info_2 > input.addr_dt { margin-top: 5px; margin-left: 33.5px; }
.con_member_wrap .con_member_info > div > div.add_info_2 > input.addr { width: 76.7%; }
.con_member_wrap .con_member_info > div > div.add_info_2 > button { width: 120px; height: 35px; margin-left: 10px; font-weight: 900; background-color: #fff; cursor: pointer; border: 1px solid #e2e2e2; }
.con_member_wrap .con_member_info > div > div > input.txtBox[readonly], .con_member_wrap .con_member_info > div > div > div > input.txtBox[readonly], .con_tt_price_wrap > div > input.txtBox[readonly] { background-color: #f8f8f8; }
.con_member_wrap .con_member_info_guide > p { font-size: 9pt; color: #ccc; }
.con_member_wrap .con_member_info_guide > p > span { font-size: 12px; color: #999999; }
.con_member_wrap .con_member_info_guide > p:nth-child(2) { margin-left: 5px; }
.con_radio_wrap > div { width: 400px !important; float: left !important; }
.con_radio_wrap > div > select { min-width: 180px !important; float: none !important; }
.doc_info_wrap > table > tbody > tr > td > i { color: #8e8e8e; font-size: 21px; margin-left: 10px; cursor: pointer; }
.sizeGuide { display: inline-block; vertical-align: middle; line-height: 40px; margin-left: 12px; font-size: 12px; color: #ccc; float: none !important; width: auto !important; }

/* 가맹점 상세보기 */
.form_list_btn_wrap .total_price_list td { border-top: none !important; }
.titEditBtn { width: 60px; height: 33px; line-height: 33px; text-align: center; float: left; }
.titEditBtn i { color: #ccc; cursor: pointer; }
.info_sub .titEditBtn::after { content: ""; border: 1px solid #e9e9e9; position: absolute; height: 100%; left: 100%; }
.viewEditBtnWrapper { margin-top: 10px; border-top: 1px solid #e9e9e9; padding-top: 8px; }
.viewEditBtnWrapper .titEditBtn { border: 1px solid #e9e9e9; width: 33px; }
.viewEditBtnWrapper .titEditBtn i { color: #999; }
.lastUpdateInfo { float: right; margin-top: 65px; color: #ccc; }
.lastUpdateInfo i { color: #ccc; margin-right: 10px; }
.income_div { width: 800px; border: 1px solid #e2e2e2; padding: 1% 3% 1% 3%; float: left; left: 50%; transform: translateX(-50%); border-radius: 5px; }
.guideWrap { width: 100%; float: left; background-color: #fcfcfc; padding: 32px 60px; border: 1px solid #e2e2e2; margin-top: 80px; }
.guideWrap div { width: 100%; float: left; }
.guideWrap div table td.icon i { font-size: 30px; color: #cccccc; }
.guideWrap div table td.line span { width: 1px; height: 57px; display: inline-block; vertical-align: middle; background-color: #ebebeb; }
.guideWrap div table td.guideMemo { color: #666; font-size: 13px; }
.guideWrap div table td.guideMemo * { color: inherit; font-size: inherit; }
.guideWrap div table td.guideMemo h1 { line-height: 29px; }
.guideWrap div table td.left_line { padding: 0px 25px; }
.guideWrap div table td.left_guide { padding: 0px 35px; }
.work_write { width: 100%; float: left; padding: 10px 80px; border: 2px solid #e2e2e2; margin-bottom: 30px; border-radius: 5px; }
.work_write form { width: 100%; float: left; }
.work_write form > .code_date { width: 25%; float: left; padding: 20px 0px; }
.work_write form > .code_date > ul { width: 100%; float: left; }
.work_write form > .code_date > ul.ul1 { margin-bottom: 10px; }
.work_write form > .code_date > ul > .tit { width: 15%; float: left; line-height: 35px; }
.work_write form > .code_date > ul > .select { width: 85%; float: left; }
.work_write form > .code_date > ul > .calendar { width: 85%; float: left; }
.work_write form > .code_date select { width: 100%; }
.work_write form > .code_date input { width: 100%; }
.work_write form > .workcontent { width: 55.7%; float: left; margin: 0px 30px; padding: 20px 0px; }
.work_write form > .workcontent span.tit { width: 10%; float: left; text-align: center; }
.work_write form > .workcontent span.input { width: 90%; float: left; }
.work_write form > .workcontent textarea.content_inp { height: 80px; width: 95%; float: left; resize: none; }
.work_write form > .btnWrap { width: 14.4%; float: left; padding: 20px 0px; }
.work_write form > .btnWrap .workBtn { cursor: pointer; border: none; width: 180px; padding: 10px 0px; background-color: #467cdf; color: #fff; font-size: 17px; border-radius: 5px; font-weight: 500; }
.type_list > div.margin { margin-top: 15px; }
.type_list .list .workList { padding: 5px 0px; border-left: 1px solid #ededed; position: relative; }
.workList .leftWrap { width: 10%; float: left; padding: 15px 0px; }
.workList .leftWrap div.circle { width: 20px; height: 20px; float: left; display: inline-block; position: absolute; border-radius: 50%; left: -11px; background-color: #467cdf; }
.workList .leftWrap div.circle > div { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background-color: #fff; position: absolute; left: 5px; top: 5px; }
.workList .leftWrap div.date { width: 77%; float: right; display: inline-block; font-size: 15px; font-weight: 500; color: #333; }
.workList .rightWrap { width: 90%; float: left; padding: 15px 35px; background-color: #f8f8f8; border-radius: 5px; }
.workList .rightWrap > ul { width: 100%; float: left; }
.workList .rightWrap > ul > li { float: left; }
.workList .rightWrap > ul > li.icon { width: 5%; }
.workList .rightWrap > ul > li.icon > i { color: #949494; }
.workList .rightWrap > ul > li.work_status_td { width: 15%; color: #333; font-weight: 600; }
.workList .rightWrap > ul > li.content { width: 50%; }
.workList .rightWrap > ul > li.content > a { text-decoration: underline; text-underline-position: under; }
.workList .rightWrap > ul > li.inquiry { width: 12.5%; }
.workList .rightWrap > ul > li.inquiry > div { width: 65%; float: right; background-color: #fff; text-align: center; border-radius: 15px; }
.workList .rightWrap > ul > li.inquiry > div > span { font-weight: 600; }
.workList .rightWrap > ul > li.inquiry > div.red { border: 1px solid #cc3333; }
.workList .rightWrap > ul > li.inquiry > div.red > span { color: #cc3333; }
.workList .rightWrap > ul > li.inquiry > div.blue { border: 1px solid #467cdf; }
.workList .rightWrap > ul > li.inquiry > div.blue > span { color: #467cdf; }
.workList .rightWrap > ul > li.inquiry > div.green { border: 1px solid green; }
.workList .rightWrap > ul > li.inquiry > div.green > span { color: green; }
.workList .rightWrap > ul > li.line { width: 2.5%; text-align: right; }
.workList .rightWrap > ul > li.manager { width: 15%; text-align: right; float: right; }
.type_list > div.margin .nowork { text-align: center; }
.type_list .listplus { width: 100%; float: left; border: 1px solid #ededed; margin-top: 50px; }
.type_list .listplus > button { width: 100%; float: left; background-color: #fff; cursor: pointer; padding: 15px 0px; border-radius: 5px; border: none; }

/* 메인페이지 */
.rightContainer { width:100%; float:left; }
.rightContainer .footer { float: none; display: flex; border-top: 1px solid #ccc; width: 100%; flex-direction: column; }
#rightContent { width: 1300px; flex-grow: 1; height: 100%; display: flex; flex-direction: column; min-width: 1300px; min-height: 100vh; background-color: #f0f1f2; transition: all 0.5s; }
.dashboradWrapper { width: 1300px; flex-grow: 1; height: 100%; display: flex; flex-direction: column; min-width: 1300px; min-height: 100vh; }

/* 통계 레이아웃  */
.chartTit { width: 100%; float: left; font-size: 22px; line-height: 22px; color: black; font-weight: bold; border-bottom: 1px solid #f1f1f1; padding: 30px; }
.chartTit .activeColor { font-size: inherit; line-height: inherit; color: #4075e7; }
.chartBox { width: 100%; float: left; margin-top: 30px; padding: 20px 52px; }
.chartBox > canvas { left: 50%; transform: translateX(-50%); }
.chartBox .w100 { width: 100%; }
.dashboardBox { width: 100%; float: left; border: 2px solid #e2e2e2; padding: 25px 10px; }
.dashboardGuide { width: 100%; float: left; margin-top: 10px; }
.dashboardGuide > p { color: #afafaf; font-size: 12px; }
.dashboardBox .dbl { width: 150px; float: left; border-right: 2px solid #e3e3e3; text-align: center; padding: 3px 0; }
.dashboardBox .dbl i { color: #cbcbcb; }
.dashboardBox .dbr { width: calc(100% - 150px); float: left; line-height: 48px; padding-left: 50px; }
.dashboardBox .dbr .dbItem { width: auto; float: left; font-size: 18px; }
.dashboardBox .dbr .dbItem:not(:first-of-type) { margin-left: 3%; }
.dashboardBox .dbr .dbItem * { font-size: inherit; }
.dashboardBox .dbr .tit { font-weight: bold; color: #333; }
.dashboardBox .dbr .subtit { font-weight: normal; font-size: 14px !important; color: #9c9c9c; }
.dashboardBox .dbr .val { margin-left: 25px; color: #ff6004; font-weight: bold; }
.dashboardBox .dbr .subVal { color: inherit; font-weight: 400; font-size: 14px; }
.dashboardBox .dbr .dbLine { width: 1px; float: left; margin-left: 25px; }
.dashboardBox .dbr .dbLine:after { content: " "; width: 1px; height: 25px; background-color: #9b9b9b; top: 50%; position: absolute; transform: translateY(-50%); }
.dashboardBox .dbr .right .btnWrap { width: 100%; float: left; padding-right: 50px; }
.dashboardBox .dbr .right .btnWrap > button { border: 1px solid; background-color: #ffffff; width: 185px; height: 45px; border-radius: 5px; cursor: pointer; }
.dashboardBox .dbr .right .btnWrap > button > i { font-size: 18px; }
.dashboardBox .dbr .right .btnWrap > button > span { font-size: 15px; font-weight: 900; margin-left: 10px; }
.dashboardBox02 { padding: 40px 10px 40px 60px !important; }
.dashboardBox02 .dbr { line-height: 20px !important; padding-left: 0px !important; }
.chartSearch { width: 100%; float: left; }
.chartSearch button { cursor: pointer; }
.chartSearch a { cursor: pointer; }
.chartSearch > form { width: 100%; float: left; display: table; table-layout: fixed; }
.chartSearch > form > div { width: auto; float: left; }
.chartSearch .frmWrap { width: 870px; height: 25px; vertical-align: middle; display: table-cell; }
.chartSearch .frmWrap > li { width: 100%; float: left; margin: 5px 0; }
.chartSearch .frmWrap > li > select { width: 130px; height: 32px; line-height: 32px; margin-right: 10px; margin-left: 5px; border: 1px solid #ebebeb; color: #888; padding-left: 10px; }
.chartSearch .frmWrap > li > select > option { color: #888; }
.chartSearch .frmWrap > li > input { width: 530px; height: 32px; line-height: 32px; margin-right: 10px; border: 1px solid #ebebeb; padding-left: 10px; }
.chartSearch .drag { width: 100%; float: left; margin: 5px 0; }
.chartSearch .drag span { width: 50px; height: 32px; line-height: 32px; float: left; cursor: pointer; background-color: #ebebeb; font-weight: bold; font-size: 12px; text-align: center; margin-right: 5px; }
.chartSearch .drag .reg_term { min-width: 40px; height: 32px; line-height: 32px; float: left; font-size: 14px; font-weight: bold; background-color: #fff; text-align: inherit; color: black; }
.chartSearch .drag .search { width: 140px; float: left; height: 32px; color: #666; border: 1px solid #ebebeb; padding: 0 10px; letter-spacing: -0.5px; margin-right: 20px; }
.chartSearch .search_Btn { width: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-left: 1px solid #e1e1e1; padding: 15px 0 15px 100px; }
.chartSearch .search_Btn > button { width: 150px; height: 40px; float: left; font-weight: 500; font-size: 14px; }
.onlyDivLine { width: 100%; float: left; height: 1px; margin: 5px 0 10px 0; padding-right: 60px; }
.onlyDivLine > div { width: 100%; float: left; height: 1px; background: #f1f1f1; }
.mgt-none { margin-top: 0 !important; }
.chartSubTit { width: 100%; float: left; padding: 40px 60px 20px 60px; }
.chartSubTit .text { float: left; font-size: 18px; color: #000000; height: 24px; }
.chartSubTit .text .squareIcon { float: left; width: 9px; height: 9px; background-color: #646464; top: 50%; transform: translateY(-50%); border-radius: 3px; margin-right: 10px; }
.open-chart-btn-wrap button { cursor: pointer; padding: 5px 20px; }
.open-chart-btn-wrap button:not(:nth-child(1)) { margin-left: 5px; }
.chartDashBoart { width: 100%; float: left; padding: 0 60px; }
.size_indication{ float: right; margin: 1px 3px; font-size: 12px; }
.pipeline_td .stroe_name { line-height:50px; height:50px; border-bottom:1px solid #e2e2e2; padding: 0 10px; cursor: pointer;}
.pipeline_td .stroe_name:last-child { border-bottom: none; }

/* 상세검색 커스텀 */
.contentWrap.dashboardver2 .contentBox { padding: 35px 45px; }
.dashboardver2 .tit { font-size: 18px; font-weight: bold; color: #000; }
.dashboardver2 .tilde { float: left; padding: 0px 12px; line-height: 35px; }
.data_search_wrap2 { width: 100%; float: left; margin-top: 20px; padding: 0 7px; }
.data_search_wrap2 form { width: 100%; float: left; height: 100%; }
.data_search_wrap2 .search_values_wrap { width: 80%; float: left; }
.data_search_wrap2 ul { width: 100%; float: left; }
.data_search_wrap2 ul > li.detail_search { width: 100%; float: left; }
.data_search_wrap2 ul > li.detail_search:nth-child(1) { margin-top: 0px; }
.data_search_wrap2 ul > li.detail_search span.reg_term { font-size: 14px; font-weight: 400; color: #000; float: left; min-width: 90px; line-height: 32px; }
.data_search_wrap2 ul > li.detail_search div.shbox { float: left; min-width: 110px; }
.data_search_wrap2 ul > li.detail_search div.shbox2 { min-width: 460px; }
.data_search_wrap2 .storeSelectFrm .searchInpArea input { border: 1px solid #d8d8d8; }
.data_search_wrap2 .storeSelectFrm .searchInpArea .searchStoreArea { width: 100%; min-width: 280px; }
.data_search_wrap2 .storeSelectFrm .searchInpArea .searchStoreArea ul li { padding: 0 !important; }
.data_search_wrap2 li.detail_search > ul { width: 100%; float: left; }
.data_search_wrap2 li.detail_search > ul li { float: left; padding: 7px 0px; }
.data_search_wrap2 .search_Btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 20%; height: 100%; }
.data_search_wrap2 .search_Btn::after { content: ""; position: absolute; width: 1px; height: 200px; background-color: #ebebeb; }
.data_search_wrap2 .search_Btn::after { top: 50%; transform: translateY(-50%); bottom: 0; left: 0; }
.data_search_wrap2 .search_Btn button { top: 50%; transform: translateY(-50%); color: #fff; border: none; width: 130px; height: 40px; line-height: 32px; font-weight: 500; font-size: 14px; text-align: center; cursor: pointer; }
.data_search_wrap2 .input_wrap { float: left; margin-right: 15px; }
.search_date_style_2 .detail_search_date span.date_select_btn { width: 50px; height: 32px; line-height: 32px; float: left; background-color: #ebebeb; font-weight: bold; font-size: 12px; text-align: center; margin-right: 5px; cursor: pointer; }
.search_date_style_2 .detail_search_date span.date_select_btn.active { color: #fff; }
.data_search_wrap2 li.detail_search .txtBox { height: 32px; line-height: 32px; }
.data_search_wrap2 li.detail_search .shbox2 .txtBox { width: 100%; }
.open-chart-btn-wrap { float: left; }
.open-chart-btn-wrap button { cursor: pointer; padding: 5px 20px; }
.open-chart-btn-wrap button:not(:nth-child(1)) { margin-left: 5px; }
.total-open-table-wrap { width: 160px; position: absolute; }
.total-open-table-wrap table tbody tr td { border: 1px solid #cccccc; text-align: center; padding: 5px 0; font-weight: 900; }
.total-open-table-wrap table tbody tr td:nth-child(1) { background-color: #f8f8f8; }
.fw-900 { font-weight: 900 !important; }
.chartDashBoart { width: 100%; float: left; padding: 0 60px; }
div.upValue, div.downValue { float: left; width: 100%; }
div.upValue, div.upValue .icon { color: #cc3333; }
div.downValue, div.downValue .icon { color: #1e3fb3; }
div.downValue .icon, div.upValue .icon { font-size: 10px; }
.searchWrapLine { width: 97%; position: absolute; top: 45px; height: 1px; border-bottom: 1px solid #ebebeb; }
.aspsCompChartWrap { overflow-x: auto !important; }
.aspsCompChartWrap::-webkit-scrollbar { height: 5px; }
.aspsCompChartWrap::-webkit-scrollbar-thumb { background-color: rgb(193, 193, 193); border-radius: 999px; }
.aspsCompChartWrap::-webkit-scrollbar-track { background-color: rgb(241, 241, 241); }
.aspsCompChartLeftWrap { overflow-x: scroll; }
.aspsCompChartLeftWrap::-webkit-scrollbar { height: 5px; }
.aspsCompChartLeftWrap::-webkit-scrollbar-thumb { background-color: rgb(241, 241, 241); }
.aspsCompChartLeftWrap::-webkit-scrollbar-track { background-color: rgb(241, 241, 241); }
.searchWrapMonthSelect { margin-left: 10px; }
.lhs_ss_date, .lhs_ee_date { float: left; }
.lhs_list_left { width: 70px; border-right: 1px solid #e2e2e2; }
.lhs_list_left > div > div > table > tbody > tr > th { height: 90px; background-color: #f8f8f8; color: #333; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.lhs_list_right { width: calc(100% - 70px); }
.dashboardBox .lhs-dbr .val { color: #333; }
.dashboardBox .lhs-dbr .val.red { color: #cc3333; }
.lhs-dbr .dbItem:not(:nth-child(1)) { padding-left: 3%; border-left: 1px solid #e9e9e9; }
.lhs-unitWrapper { position: absolute; top: 280px; right: 60px; }
.lhs-unitWrapper.right90 { right: 90px; }
.lhs-unitWrapper.top200 { top: 200px; }
.lhs-unitWrapper.top855 { top: 855px; }
.lhs-unitWrapper.top1510 { top: 1510px; }
.lhs-unitWrapper.right105 { right: 105px; }
.lhs-unitWrapper2 { position: absolute; top: -5px; left: 50px; }
.lhs-unitWrapper .unit, .lhs-unitWrapper2 .unit { color: #ccc !important; font-size: 14px; letter-spacing: 0px; text-align: right; line-height: 18px; font-weight: 400 !important; }



/* 출점보고서 */
input[type="file"] {
  display: none;
}
.custom_tab_layout {
  width: 100%;
  float: left;
  border: 1px solid #e8e8e8;
}
.custom_tab_layout > div {
  width: 100%;
  float: left;
}
.custom_tab_layout #custom_tab ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 0;
  margin: 0;
  list-style: none;
}
.custom_tab_layout #custom_tab ul li {
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  font-size: 15px;
}

.custom_tab_layout #custom_tab ul li.active {
  color: #c7a165;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 7px;
}

.custom_tab_layout #custom_tab ul li:not(:first-of-type) {
  border-left: 1px solid #e8e8e8;
}
.custom_tab_layout #custom_tab ul li:not(.active) {
  border-bottom: 1px solid #e8e8e8;
}

.custom_tab_layout .custom_tit {
  width: 100%;
  display: inline-block;
}
.custom_tab_layout .custom_tit > h1 {
  font-size: 16px;
  color: black;
  float: left;
  line-height: 35px;
}
.custom_tab_layout .custom_tit > h1 span:nth-of-type(1) {
  margin-left: 15px;
  border: 1px solid #999;
  color: #666;
  border-radius: 50px;
  width: 65px;
  line-height: 24px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.custom_tab_layout .custom_tit > h1 span:nth-of-type(1) i {
  color: #ccc;
  margin-left: 2px;
}
.custom_tab_layout .custom_tit > h1 .areaSizeSpan {
  margin-left: 5px;
  color: #333;
}
.custom_tab_layout .custom_tit > button {
  float: right;
}

*[data-guide2]:hover:after {
  content: attr(data-guide2);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350px;
  font-family: Noto Sans KR;
  font-size: 12px;
  padding: 15px 10px;
  z-index: 9999999;
  border: 1px solid #ccc;
  color: #ccc;
  background-color: white;
}

.custom_tab_layout #custom_body {
  padding: 58px 34px;
}
.custom_tab_layout #custom_body > div {
  width: 100%;
  float: left;
  display: none;
}
.custom_tab_layout #custom_body.allView > div:not(:first-of-type) {
  margin-top: 80px;
}
.custom_tab_layout #custom_body > div > div {
  width: 100%;
  float: left;
}
.custom_tab_layout #custom_body > div > div:not(:first-of-type) {
  margin-top: 80px;
}
.custom_tab_layout #custom_body > div.active {
  display: block;
}
.custom_tab_layout #custom_body .type_form select.txtBox {
  width: 100%;
}

.custom_tab_layout #custom_body .brand_info img,
.custom_tab_layout #custom_body .img_preview_candidate img {
  object-fit: cover;
}

label.customCheckBox {
  margin-right: 5px;
}
.customCheckBoxLabel {
  margin: 0 !important;
  vertical-align: baseline !important;
}

/* 경쟁브랜드 */

.compThumbnail {
  width: 70px;
  height: 70px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.compThumbnail > div {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  overflow: hidden;
}
.compThumbnail > div > div {
  width: 100%;
  height: 100%;
}
.uploadNone {
  width: 100%;
  height: 100%;
}
.uploadNone i {
  font-size: 24px;
  color: #999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.undoImage {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
}
.undoImage i {
  color: white;
  font-size: 12px;
}

.imageUploadBtn {
  cursor: pointer;
}

.compThumbnail img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.moreCompBtn {
  font-size: 20px;
  cursor: pointer;
}
.removeCompBtn {
  font-size: 20px;
  color: #bfbfbf;
  cursor: pointer;
}

.verticalTable .impact {
  background-color: #ececec !important;
}
.verticalTable tbody td {
  padding: 8px 17px;
  text-align: center;
}
.verticalTable tbody td.tal {
  padding-left: 30px;
}
.verticalTable tbody.smallPaddingArea td {
  padding: 8px 8px;
}

.verticalTable.multiTable {
  margin-top: 0 !important;
}
.verticalTable.multiTable tbody tr:first-of-type > * {
  border-top: 2px solid #bebebe !important;
}

.verticalTable thead th:not(:first-of-type) {
  border-left: 1px solid #f0f0f0;
}
.verticalTable tbody td:not(:first-of-type) {
  border-left: 1px solid #f0f0f0;
}
.verticalTable .imageArea {
  text-align: left;
  padding-left: 50px;
}
.verticalTable .imageArea img {
  width: 55px;
  height: 55px;
  border-radius: 5px;
}
.verticalTable .imageArea span {
  margin-left: 10px;
}
.verticalTable .smallInpArea input:nth-of-type(1) {
  width: 60%;
}
.verticalTable .smallInpArea input:nth-of-type(2) {
  width: 35%;
  margin-left: 5%;
}
.verticalTable .smallInpArea * {
  letter-spacing: 0;
}
.verticalTable .smallInpArea span:nth-of-type(2) {
  color: #aaa;
}

.verticalTable .common_sub_btn {
  margin-left: 13px;
}
.verticalTable .common_sub_btn.round {
  border-radius: 5px;
}
.verticalTable .common_sub_btn.mini {
  width: 80px;
}
.verticalTable .subText {
  font-size: 12px;
  color: #ccc;
  margin-left: 5px;
}
.verticalTable .listBorderLeft {
  border-left: 1px solid #f0f0f0;
}

/* 영업지역 표기 */
.salesAreaPreview {
  width: 100%;
  float: left;
  display: none;
  margin-top: 15px;
}
.salesAreaPreview img {
  max-width: 40%;
}

/* 출점 관련 */

.sizeGuide {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  margin-left: 12px;
  font-size: 12px;
  color: #ccc;
  float: none !important;
  width: auto !important;
}

.map_marker_info {
  border-radius: 50px;
  padding: 0 25px;
  line-height: 33px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.map_marker_info img {
  position: absolute;
  width: 34px;
  height: 46px;
  left: 0;
  bottom: 100%;
  transform: translateY(50%);
}
.map_marker_info span {
  font-size: 14px;
  color: white;
  margin-left: 10px;
}

.img_preview_candidate {
  width: 100%;
  float: left;
}
.img_preview_candidate > ul {
  width: 100%;
  float: left;
}
.img_preview_candidate > ul > li {
  width: 23%;
  float: left;
}
.img_preview_candidate > ul > li:not(:first-of-type) {
  margin-left: 2.666%;
}
.img_preview_candidate > ul > li span {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  min-width: 80px;
  text-align: center;
  line-height: 36px;
}

.brand_info {
  width: 100%;
  float: left;
}
.brand_info > ul {
  width: 100%;
  float: left;
}
.brand_info > ul > li {
  width: 23%;
  float: left;
}
.brand_info > ul > li:not(:first-of-type) {
  margin-left: 2.666%;
}
.brand_info > ul > li > div {
  width: 100%;
  float: left;
}
.brand_info > ul > li > div.brand_img {
  text-align: center;
}
.brand_info > ul > li > div.brand_img img {
  width: 100%;
  height: 250px;
}
.brand_info .brand_img span {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  min-width: 80px;
  text-align: center;
  line-height: 36px;
}

.brand_info .brand_details ul {
  width: 100%;
  float: left;
  border: 1px solid #e2e2e2;
  border-top: none;
}
.brand_info .brand_details li {
  float: left;
  text-align: center;
  line-height: 40px;
}
.brand_info .brand_details li.label {
  width: 40%;
  background-color: #f6f6f6;
  color: #000;
}
.brand_info .brand_details li.value {
  width: 60%;
  padding: 0 5px;
}