.input_group input[type="checkbox"]:checked + label:before{background:#205BFF url(../img/check_on.svg) no-repeat center center; background-size:11px auto !important;}

.content.main,
.content.intro1,
.content.intro2,
.content.manual{padding:56px 0 0 0;margin:0 auto;overflow-x:hidden;}
/*
.modal.video_pop.main .modal-body .close{width:48px;height:48px;background:url(../img/btn-close.png) no-repeat center center;background-size:48px;}
.modal.video_pop.main .modal-body .video_area iframe{width:1200px;height:675px;}
*/

.width50{width:50% !important;}
.width45{width:45% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}
.width110{width:110% !important;}
.width150{width:150% !important;}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.ml2{margin-left:2rem;}
.mtb2{margin-top:2rem;margin-bottom:2rem;}
.mtb4{margin-top:4rem;margin-bottom:4rem;}
.mtb6{margin-top:6rem;margin-bottom:6rem;}
.mtb8{margin-top:8rem;margin-bottom:8rem;}

.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
.p0{padding:0 !important;}
.ptb0{padding-top:0 !important;padding-bottom:0 !important;}


textarea::-ms-input-placeholder{color:#999;font-weight:400;line-height:auto;}
textarea:-ms-input-placeholder{color:#999;font-weight:400;line-height:auto;}

/* main */
.main_box.gray{background:#f9f9f9}

.main_box{padding:1.8rem 0rem;}
.main_box .sec1{padding-bottom:1rem;padding-top:1.5rem;}
.main_box .sec1 p{font-size:1.5rem;font-weight:500;}
.main_box .sec1 .info1{display:flex;align-items:center;}
.main_box .sec1 .icon{width:50%;display:flex;justify-content:flex-end;}
.main_box .sec1 .icon img{width:80%;}
.main_box .sec1 .box{font-size:4rem;line-height:4rem;display:flex;flex-direction: column;padding-right:2rem;}
.main_box .sec1 .box span{display:block;font-weight:700;text-align:center;}
.main_box .sec1 .box span.txt_s{font-size:2rem;color:#4c4c4c;font-weight:500;}
.main_box .sec1 .info2{display:flex;justify-content:center;padding:1.2rem 0 1.2rem 0;gap:1.2rem;}
.main_box .sec1 .info2 p{height:3rem;line-height:3rem;font-weight:600;}
.main_box .sec1 .info2 .txt1{padding-left:2.1rem;background:url(../img/w_icon2.svg) left center no-repeat;background-size:1.7rem auto;}
.main_box .sec1 .info2 .txt2{padding-left:2.1rem;background:url(../img/w_icon4.svg) left center no-repeat;background-size:1.9rem auto;}
.main_box .sec1 .info2 .txt3{padding-left:2.1rem;background:url(../img/w_icon3.svg) left center no-repeat;background-size:1.9rem auto;}

.main_box .sec2{margin:0 2rem;}
.main_box .sec2 .inner{border-radius:0.8rem;padding-bottom:2rem;background:#fff;box-shadow:0px 0px 5px 3px rgb(225 225 225);margin-bottom:2rem;}
.main_box .sec2 .inner > .tit{border-bottom:1px solid #ededed;display:flex;}
.main_box .sec2 .inner > .tit p{font-size:2.1rem;line-height:5rem;font-weight:600;text-align:center;width:50%;border-left:1px solid #ededed;color:#ff6c00;}
.main_box .sec2 .inner > .tit p:first-child{border:none;color:#00389e}
.main_box .sec2 .info .chart{display:flex;padding:0.4rem 1.2rem 0.4rem 0;align-items: center;border-top:1px dotted #ccc;}
.main_box .sec2 .info .chart .txt{width:35%;font-size:2.6rem;font-weight:700;text-align:center;z-index:0;}
.main_box .sec2 .info .chart .txt span{color:#636363;font-size:1.6rem;font-weight:400;height:3rem;display:block;}
.main_box .sec2 .info .chart:first-child{border:none;}
.main_box .sec2 .info .chart .chart_box{width:64%;}
.main_box .sec2 .info .ai_msg{display:flex;padding:0.8rem 1.4rem 0.8rem 1.4rem;margin:1rem 2rem 0 2rem;gap:1.6rem;align-items:center;justify-content:center;background:#f8f8f8;border-radius:0.6rem;}
.main_box .sec2 .info .ai_msg .tit{font-size:1.8rem;width:20%;text-indent:-9999px;background:url(../img/ai_icon.svg) no-repeat center center;background-size:2.4rem auto;height:3.5rem;width:3rem;}
.main_box .sec2 .info .ai_msg .txt{font-size:1.6rem;line-height:2rem;font-weight:500;color:#24397c;width:80%;}

.sub_box{padding:2rem;min-height:700px;}

select{height:4.4rem;line-height:4.2rem;border:1px solid #dcdcdc;border-radius:4px;width:auto;min-width: 70px;font-size:1.7rem;font-weight:600;text-indent:12px;color:#222;background:#fff url(../img/btn_option_gray.svg) no-repeat right 1rem center;}

.op_box label{font-size:0;display:none;}
.op_box select{border:1px solid #616161;}
.op_box select{color:#008407;}
.op_box{padding:1.4rem 1rem;margin:-2rem -2rem 2rem -2rem;display:flex;gap:0.6rem;background:#616161;align-items:end;}
.op_box button{background:#fff;border:1px solid #dcdcdc;border-radius:4px;padding:0 1.2rem;font-size:1.8rem;}
.op_box .btn_search{height:44px;margin-left:auto;font-weight:600;color:#fff;border:1px solid #616161;background:#00a009 url(../img/top_search_w.svg) no-repeat center center;width:54px;background-size:3.5rem auto;text-indent:-9999px;}
.op_box .btn_date{font-weight:600;background:#fff url(../img/date_btn_green.svg) no-repeat center center;background-size:2.4rem auto;text-indent:-9999px;width:5.6rem;border:1px solid #227a26;}
.op_box .btn_setup{height:44px;margin-left:auto;font-weight:600;color:#fff;border:1px solid #616161;background:#00a009 url(../img/setup.svg) no-repeat center center;width:54px;background-size:2.8rem auto;text-indent:-9999px;}

.op_box input[type="date"]{padding:0 0.4rem 0 0.6rem;height:4.4rem;line-height:4.4rem;color:#008407;border:1px solid #616161;border-radius:4px;font-size:1.7rem;font-weight:600;
background:#fff;text-align:left;max-width:120px;}

/*달력있는버전
.op_box input[type="date"]{padding:0 1rem 0 1.5rem;height:4.4rem;line-height:4.4rem;color:#227a26;border:1px solid #227a26;border-radius:4px;min-width:150px;font-size:1.8rem;font-weight:600;
/background:#fff url(../img/date_btn_green.svg) no-repeat right 0.8rem center;background-size:2.2rem auto;text-align:left;}
*/


input[type="date"][readonly]{}
input[type="date"]::-webkit-date-and-time-value {
  text-align: left; /* 또는 center, right */
}

.write_box {display:flex;align-items:left;gap:1rem;padding:0 0 1rem 0;flex-wrap:wrap;flex-direction: column;}
.write_box label{font-size:1.8rem;font-weight:500;margin-right:1rem;}
.write_box input[type="date"]{padding:0 1.5rem 0 1.5rem;height:4.4rem;line-height:4.4rem;color:#222;border:1px solid #dcdcdc;border-radius:4px;font-size:1.8rem;font-weight:600;
background:#fff;text-align:left;}

/*달력있는버전
.write_box input[type="date"]{padding:0 2rem 0 1.5rem;height:4.4rem;line-height:4.4rem;color:#222;border:1px solid #dcdcdc;border-radius:4px;min-width:150px;font-size:1.6rem;font-weight:600;
background:#fff url(../img/date_btn_green.svg) no-repeat right 0.8rem center;background-size:2.2rem auto;text-align:left;}
*/

.table_top{padding:0 0 1rem 0;display:flex;align-items:center;margin-left:-0.8rem;}
.table_top .info{font-size:1.8rem;font-weight:600;line-height:2rem;margin:0.6rem 0 0.6rem 0.6rem;}
.table_top .info{border-right:1px solid #ccc;padding-right:0.6rem;}
.table_top .info:first-child{border-left:1px solid #ccc;padding-left:0.6rem;}
.table_top button{color:#227a27;border:1px solid #227a27;font-weight:600;margin-left:auto;border-radius:4px;padding:1.2rem 1.6rem 1.2rem 1.6rem;font-size:1.8rem;}
.table_top .btn_down{color:#227a27;border:1px solid #227a27;font-weight:600;margin-left:auto;background:#fff url(../img/down_icon_green.svg) no-repeat left 1.6rem center;padding:1.2rem 1.6rem 1.2rem 3.8rem;}
.table_top .info.area{color:#00389e}
.table_top .info.sec{color:#ff6c00;}
.table_top .info.wrap{margin-top:auto;}
.table_top .info_box{display:flex;flex-wrap:wrap;width:100%;}

.data{}
.data table{width:100%;padding:0;border-top:2px solid #404040;}
.data table thead{}
.data table th{font-weight:600;color:#394135;font-size:1.6rem;text-align:center;border-bottom:1px solid #c2cdbe;padding:1.3rem 0;white-space: nowrap;background:#e8ede6;}
.data table tr td{font-size:1.8rem;text-align:center;border-bottom:1px solid #dedede;padding:1rem 0;font-weight:500;color:#666666;white-space: nowrap;}
.data table tbody tr:nth-child(even){background:#f5f5f5;}

.pop table{width:100%;padding:0;border-top:2px solid #404040;}
.pop table thead{}
.pop table th{font-weight:600;color:#394135;font-size:1.6rem;line-height:2rem;text-align:center;border-bottom:1px solid #c2cdbe;padding:1rem 0;white-space: nowrap;background:#e8ede6;}
.pop table tr td{word-break: break-all;line-height:2.2rem;font-size:1.6rem;border-bottom:1px solid #dedede;border-right:1px solid #dedede;padding:0.5rem 1rem 0.5rem 1rem;font-weight:500;color:#666666;}
.pop table tr td:last-child{border-right:none;}
.pop table select{width:auto;min-width:70px;height:4rem;line-height:3.2rem;}
.pop table button.up{text-indent:-9999px;background:url(../img/tb_up.svg) center center no-repeat;width:3rem;height:3rem;background-size:1.5rem;}

table.center td{text-align:center;}

.sub_box .chart{padding:3rem 0.4rem 0.4rem 2rem;border:1px solid #ccc;border-radius:0.8rem;margin-bottom:1.4rem;}
.sub_box .chart .chart_box{overflow-x: scroll;overflow-y:hidden;}


.fixTable_wrap{position:relative;overflow:auto;display:flex;width:100%;overflow-y:auto;border-top:2px solid #404040;}
.fixTable_wrap .fixTable_header{position:sticky;left:-1px;min-width:64px;background:#fff;}
.fixTable_wrap .fixTable_body{width:auto;left:80px;display:flex;}
.fixTable_wrap .fixTable_body .data{width:100%;min-width:80px;}
.fixTable_wrap .fixTable_body .data table,
.fixTable_wrap .fixTable_header .data table{border:none;}
.fixTable_wrap .fixTable_body .data table tr td{padding:1rem 0.6rem;}
.fixTable_wrap .fixTable_header .data table th{border-right:1px solid #c2cdbe;background:#d7dfd3;}
.fixTable_wrap .fixTable_header .data table td{border-right:1px solid #c2cdbe;background:#d7dfd3;color:#394135;border-bottom:1px solid #c2cdbe}

.sub_box.gray{background:#f9f9f9}
.sub_box .list{}
.sub_box .list dl{background:#fff;padding:3rem 3.2rem 3rem 3rem;display:flex;border-radius:6px;box-shadow:0px 0px 5px 3px rgb(225 225 225);flex-wrap:wrap;gap:1rem;margin-bottom:2rem;}
.sub_box .list dl dt{font-size:2.2rem;line-height:3rem;width:100%;margin:0 0 2rem 0;padding-bottom:2rem;font-weight:600;border-bottom:1px dotted #ccc;}
.sub_box .list dl dd{font-size:2rem;padding-right:1rem;color:#6a6a6a;font-weight:500;}
.sub_box .list dl dd.red{color:#EB5757 !important;margin-left:auto;border-right:1px solid #ccc;}
.sub_box .list dl dd.blue{color:#008eff !important;}

.sub_box .btn_group{display:flex;gap:1rem;}
.sub_box .btn_group button{font-size:1.8rem;background:#fff;font-weight:600;width:100%;padding:2rem;border-radius:4px;border:1px solid #dcdcdc;}
.sub_box .btn_group button.confirm{background:#227a26;color:#fff;border:1px solid #227a26;}

.sub_box .view{background:#fff;padding:3rem 3.2rem 5rem 3rem;box-shadow:0px 0px 5px 3px rgb(225 225 225);margin:0 0 2rem 0;border-radius:6px;}
.sub_box .view dl{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;}
.sub_box .view dl dt{font-size:2.2rem;line-height:3rem;width:100%;margin:0 0 2rem 0;padding-bottom:2rem;font-weight:600;border-bottom:1px dotted #ccc;}
.sub_box .view dl dd{font-size:2rem;padding-right:1rem;color:#6a6a6a;font-weight:500;}
.sub_box .view dl dd.red{color:#EB5757 !important;margin-left:auto;border-right:1px solid #ccc;}
.sub_box .view dl dd.blue{color:#008eff !important;}
.sub_box .view .text{font-size:1.8rem;line-height:2.8rem;padding:2rem 0 0 0;}

.sub_box .write{margin-bottom:2rem;}
.sub_box .write textarea{padding:1.4rem;width:100%;border:1px solid #dcdcdc;min-height:400px;margin-top:1rem;line-height:2rem;border:1px solid #dcdcdc;border-radius:4px;width:100%;font-size:1.6rem;color:#222;}


.cctv_box{position:fixed;width:100%;height:calc(100% - 10rem);background:#000;}
.cctv_box .inner{position:relative;height:100%;}
.cctv_box .btn{position:fixed;bottom:2rem;right:2rem;}
.cctv_box .btn button{text-indent:-9999px;background:rgba(34, 122, 39, 0.7) url(../img/setup.svg) center center no-repeat;background-size:2.6rem auto;border-radius:100%;width:7rem;height:7rem;}
.cctv_box .inner .cctv_group{overflow-y:scroll;display:flex;flex-direction: column;gap:1px;height:100%;}
.cctv_box .inner .cctv_group div{position:relative;background:#838383;height:25%;}
.cctv_box .inner .cctv_group div span{position:absolute;top:2rem;left:2rem;font-size:2rem;color:#fff;font-weight:600;}
.cctv_box .inner .cctv_group .box1{}
.cctv_box .inner .cctv_group.full div{height:30rem;}

.cctv_box .control_btn{position:fixed;left:calc(50% - 11rem);bottom:6rem;display:flex;flex-wrap:wrap;width:22rem;flex-direction:column;align-items:center;}
.cctv_box .control_btn button{width:7rem;height:7rem;border-radius:0.6rem;touch-action: manipulation;}
.cctv_box .control_btn .group{display:flex;width:100%;justify-content: space-between;}
.cctv_box .control_btn .up{background:rgba(255, 255, 255, 0.2) url(../img/control.svg) center center no-repeat;background-size:2rem;}
.cctv_box .control_btn .left{background:rgba(255, 255, 255, 0.2) url(../img/control_left.svg) center center no-repeat;background-size:2rem;}
.cctv_box .control_btn .right{background:rgba(255, 255, 255, 0.2) url(../img/control_right.svg) center center no-repeat;background-size:2rem;}
.cctv_box .control_btn .down{background:rgba(255, 255, 255, 0.2) url(../img/control_down.svg) center center no-repeat;background-size:2rem;}
.cctv_box .control_btn button.up:active,
.cctv_box .control_btn button.left:active,
.cctv_box .control_btn button.right:active,
.cctv_box .control_btn button.down:active{transform: scale(0.95); /* 버튼이 살짝 작아지며 눌리는 효과 */opacity: 0.85;}


.pop_wrap{position:fixed;width:100%;height:100%;z-index:9999999;background:rgba(0,0,0, 0.6);display:flex;justify-content:center;align-items:center;}
.pop_inner{background:#fff;border-radius:0.8rem;width:95%;height:100%;max-height:96%;position:relative;overflow: hidden;}
.pop_inner.short{height:24rem;}
.pop_con{position:relative;height:100%;padding:0 0 8rem 0;}
.pop_con .title{height:5rem;padding:0 0 0 2rem;background:#227a26;border-radius:0.8rem 0.8rem 0 0;}
.pop_con .title h1{font-size:2rem;color:#fff;font-weight:600;line-height:5rem;}
.pop_con .conbox{padding:1rem 1rem 3rem 1rem;overflow-y: scroll;height:calc(100% - 6rem);}
.pop_con .btn{display:flex;gap:1.4rem;justify-content:center;padding:2rem 0 2rem 0;}
.pop_con .btn button{border:1px solid #dcdcdc;font-size:1.8rem;font-weight:600;padding:1.5rem 2.5rem;border-radius:0.8rem;}
.pop_con .btn .ok{background:#227a26;color:#fff;border:1px solid #227a26;}
.pop_con .conbox .tit{font-size:2rem;font-weight:600;line-height:2.5rem;text-align:center;padding-top:1rem;margin-bottom:1rem;}
.pop_con .conbox .txt{font-size:1.5rem;line-height:2rem;text-align:center;}

.pop_inner.msg{height:24rem;}
.pop_inner.msg .pop_con{padding:0;}
.pop_inner.msg .pop_con .conbox{overflow:hidden;height:100%;padding:1rem 1rem 1rem 1rem;}
.pop_inner.msg .pop_con .conbox .pop{background:url(../img/confirm.svg) top 4rem center no-repeat;background-size:4rem auto;padding-top:8rem;}

.control_box{padding:2rem 2rem;}
.control_box .inner{margin:-2rem -2rem 0 -2rem;}
.cctv_view{position:relative;width:100%;background:#838383;height:26rem;}
.cctv_view span{position:absolute;top:2rem;left:2rem;font-size:2rem;color:#fff;font-weight:600;}
.view_btn{display:flex;align-items:center;justify-content:center;margin:1rem 0;gap:1.2rem;padding:0 1rem;}
.view_btn button{width:13%;height:4.5rem;border:1px solid #ccc;font-size:1.8rem;font-weight:600;color:#7c7c7c;border-radius:0.8rem;}
.view_btn button.on{border:1px solid #227a26;color:#227a26;}
.view_btn button.prev{text-indent:-9999px;background:url(../img/prev.svg) center center no-repeat;background-size:1rem;}
.view_btn button.next{text-indent:-9999px;background:url(../img/next.svg) center center no-repeat;background-size:1rem;}

.control_box .pop{padding:1rem;}
.control_box .title{font-size:2.2rem;line-height:2.5rem;padding-left:1rem;font-weight:600;}
table .control{font-size:1.5rem;padding:1.4rem 1.5rem;margin:0.5rem 0;border:1px solid #ccc;white-space:nowrap;font-weight:600;}
table .control.on{color:#008cff;border:1px solid #028cff;}
.control_box .pop .point1{font-size:2.2rem;color:#e22d2d;display:block;padding:1rem 0;font-weight:600;}
.control_box .pop .point2{font-size:2.2rem;color:#008dff;display:block;padding:1rem 0;font-weight:600;}

.control_box .btn{display:flex;gap:1.4rem;justify-content:center;padding:1rem 0 2rem 0;}
.control_box .btn button{border:1px solid #dcdcdc;font-size:1.8rem;font-weight:600;padding:1.5rem 2.5rem;border-radius:0.8rem;}
.control_box .btn .ok{background:#227a26;color:#fff;border:1px solid #227a26;}

.control_box .table_top{padding:2rem 1rem 0rem 1rem;}


.chatbot{position:fixed;width:100%;height:calc(100% - 10rem);background:#ecf5ed;}

.chat_bt{position:fixed;bottom:0;width:100%;height:11rem;background:#555555;padding:1rem;display:flex;gap:1rem;}
.chat_bt textarea{border:1px solid #555555;font-size:1.6rem;line-height:2rem;width:80%;height:9rem;border-radius:0.4rem;padding:1rem;resize:none;}
.chat_bt .group{display:flex;flex-direction:column;gap:1rem;}
.chat_bt button{background:#227a26;font-size:1.6rem;height:4rem;border-radius:0.4rem;padding:0 1rem;color:#fff;font-weight:600;white-space:nowrap;}
.chat_bt button.upload{background:#999999}
.chat_bt.on{height:14rem;}
.chat_bt.on textarea{height:12rem;}

.chatbot .inner{padding:2rem 1rem 1rem 1rem;display:flex;flex-direction:column;gap:1.5rem;height:calc(100% - 11rem);overflow-y:scroll;}
.chatbot .inner p{font-size:1.6rem;background:#fff;border-radius:0.6rem;line-height:2.3rem;padding:1rem 1.5rem;max-width:80%;font-weight:600;}
.chatbot .inner .bot{margin-right:auto;border:1px solid #d9e9db;max-width:100%;}
.chatbot .inner .user{margin-left:auto;background:#c9ffcd;color:#1d321e;border:1px solid #a6e5ab;}

.chatbot .list.open{right:0;}
.chatbot .list{position:absolute;right:-80%;top:0;width:80%;height:100%;background:#fff;z-index:9999;}
.chatbot .list .btn_open{position:absolute;text-indent:-99999px;width:5rem;height:4.5rem;border-radius:1rem 0 0 1rem;background:#227a26 url(../img/side_menu.svg) no-repeat center center;background-size:3rem auto;margin:2rem 0 0 -5rem;}
.chatbot .list .btn_open.hide{display:none;}
.chatbot .list .btn_close{display:none;background:#227a26 url(../img/side_m_close.svg) no-repeat center center;position:absolute;text-indent:-99999px;width:5rem;height:4.5rem;border-radius:1rem 0 0 1rem;background-size:1.6rem auto;margin:2rem 0 0 -5rem;}
.chatbot .list .btn_close.show{display:block;}

.chatbot .list ul{overflow-y: scroll;height:100%;}
.chatbot .list ul li{display:flex;flex-direction:column;padding:2rem 2rem 2rem 1.5rem;border-top:1px solid #f0f0f0;}
.chatbot .list ul li p{font-size:1.6rem;line-height:2rem;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.chatbot .list ul li span{margin-left:auto;font-size:1.4rem;color:#686868;margin-top:1rem;}


/**/