@charset "utf-8";

/*did확인용*/
/*.body_wrap:before{display: block;content: ''; width: 100%;height: 5%;background: url(../images/did_bezel_top.png) 0 0;background-size:100% 100%; position: absolute;left: 0;top: 0;z-index: 99999;}
.body_wrap:after{display: block;content: ''; width: 3%;height:720px;background: url(../images/did_bezel_left.png) 0 0;background-size:100% 100%; position: absolute;left: 0;top: 0;z-index: 99999;}
*/

/*
.body_wrap:before{display: block;content: ''; width: 100%;height: 100%;background: url(../images/did_bezel.png) 0 0;background-size:100% 100%; position: absolute;left: 0;top: 0;z-index: 99999;}
*/

/* =========================================================================== */
/* layout style*/
/* =========================================================================== */

.body_wrap{position: relative; width: 100%; min-width: 768px; min-height: 100%; height: unset; box-sizing:border-box; margin: 0 auto; background: #0b2a3a url(../images/ic_img/header_bg2.png) no-repeat top center;background-size: 1300px;}

/* header */
.header{width:100%;height: 58px;position:relative;overflow:hidden;color:#ffffff;padding: 0;box-sizing: border-box;z-index:1;}
body:before{content: '';width: 100%;height: 4px;display: block;background-image:linear-gradient(to left, #0962ad, #00a6ac, #0962ad);position: absolute;top:0;left: 0;z-index: 10;} 

/* warp_detail01 */
.warp_detail01{width:100%;position:relative; height:auto; padding: 0 0 70px 0;box-sizing: border-box;overflow:auto;color:#ffffff;z-index:2;}
.warp_detail01:after{content: ''; display: block; clear: both;}

/* container */
.container{width:99%;margin: 10px 0.5% 0 0.5%;height: calc(100% - 30px);/*height: 600px;*//* height: 792px; */position:relative;z-index:100;}
/* 그림자 */
.container .shbg{-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);}

/* footer */
.footer{width:100%;position:relative;height: 42px;background: #0d3851 url(../images/ic_img/footer_bg.png) 0 0;background-size: 2px 100%;/* border-top:1px solid #232527; */z-index:100;box-sizing: border-box;padding: 2px 0 0 0;} /*overflow:hidden;*/
/*.footer:before{content: ''; width: 100%;height: 2px;display: block;background: #e49433;position: absolute;top: -2px;left: 0;z-index: 10;} */



/* =========================================================================== */
/* section */
/* =========================================================================== */
/*section01*/
.container .section01{position:relative; float:left; width:32.8%; margin:0; height:100%; box-sizing:border-box;}
.container .section01:after{content:''; display: block; clear: both;}

.container .section01 .section01_01{position:relative;width:100%;height: 49.1%;margin:0;box-sizing:border-box;}
.container .section01 .section01_02{position:relative;width:100%;height: 49.1%;margin-top: 1.8%;box-sizing:border-box;}

.container .section01 .ht100{height:100% !important;}

.container .section01_x4{position:relative;float:left;width: 66.4%;height:100%;margin:0;box-sizing:border-box;}
.container .section01_x6{position:relative; float:left; width:100%; height:100%; margin:0; box-sizing:border-box;}
/*.container .section01_x8{position:relative; float:left; width:100%; height:100%; margin:0; box-sizing:border-box;}
*/
/*section02*/
.container .section02{position:relative; float:left; width:32.8%; margin-left:0.8%; height:100%; box-sizing:border-box;}
.container .section02:after{content:''; display: block; clear: both;}

.container .section02 .section02_01{position:relative;width:100%;height: 49.5%;margin:0;box-sizing:border-box;}
.container .section02 .section02_02{position:relative;width:100%;height: 49.5%;margin-top: 1%;box-sizing:border-box;}
.container .section02 .ht100{height:100%;}


.container .section02_x4{position:relative; float:left; width:66.4%; margin-left:0.8%; height:100%; box-sizing:border-box;}

/*section03*/
.container .section03{position:relative; float:left; width:32.8%; margin-left:0.8%; height:100%; box-sizing:border-box;}
.container .section03:after{content:''; display: block; clear: both;}

.container .section03 .section03_01.ht100{height:100%;}
.container .section03 .section03_01{position:relative;width:100%;height: 49.5%;margin:0;box-sizing:border-box;}
.container .section03 .section03_02{position:relative;width:100%;height: 49.5%;margin-top: 1%;box-sizing:border-box;}

.container .section03.x15{position:relative; float:left; width:49.2%; margin-left:0.8%; height:100%; box-sizing:border-box;}


.container .section03 .section03_001{width: calc(50% - 5px);height: calc(50% - 10px);margin: 0px 10px 20px 0;position:relative;float:left;}
.container .section03 .section03_002{width: calc(50% - 5px);height: calc(50% - 10px);margin: 0px 0px 0 0px;position:relative;float:left;}
.container .section03 .section03_003{width: calc(50% - 5px);height: calc(50% - 10px);margin: 0px 10px 0 0;position:relative;float:left;}
.container .section03 .section03_004{width: calc(50% - 5px);height: calc(50% - 10px);margin: 0;position:relative;float:left;}

/* 실시간 현황 지도 4칸*/
.container .section03 .section03_001{height: calc(50% - 12.333px); margin: 0px 10px 25px 0;}
.container .section03 .section03_002{height: calc(50% - 12.333px); margin: 0px 0px 25px 0;}
.container .section03 .section03_003,
.container .section03 .section03_004{height: calc(50% - 12.333px);}

/*section03영역 2칸*/
.container .section03 .section03_011{width: calc(50% - 5px);height:100%;margin: 0px 10px 0 0;position:relative;float:left;}
.container .section03 .section03_012{width: calc(50% - 5px);height:100%;margin: 0px 0px 0 0px;position:relative;float:left;}
.container .section03:after{content:''; clear:both; display: block;}

/*section_title*/
.container .section_title {position:relative;font-size:18px;font-weight:600;padding:0px;margin:0px;height:40px;letter-spacing:normal;}

.container .section_title .tit01{display:block;width:100%;font-size:23px;margin-top:0px;line-height: 1.5em;font-weight: 500;}
.container .section_title .tit01 img{width:10px; margin-top:-5px;}/* 화살표이미지 */
.container .section_title .tit01_01{display:block; font-size:18px; margin-top:0px; line-height:1.3em; padding-top:6px;}
.container .section_title .tit02{display:block;font-size: 20px;margin-top:0px;line-height: 1.0em;padding-top:6px;}

.container .section_title .btn_top{font-size: 13px;color: #cacaca;position:absolute;top: 8px;right: 0px;border: solid 1px #4e4e4e;background: #1f1f1fb8;border-radius: 4px;box-sizing: border-box;padding: 5px 10px;height: 26px;letter-spacing: -0.08em;line-height: 1.0em;}
.container .section_title .time{display: block;font-size: 13px;position: absolute;right: 3px;top: 3px;letter-spacing: -0.04em;}
.container .section_title .right_txt{display: block;color: #ccc;font-size: 13px;font-weight:400;position: absolute;right: 3px;top: 13px;letter-spacing: -0.04em;}
.container .section_title .right_area{display: block;color: #ccc;font-size: 13px;font-weight:400;position: absolute;right: 3px;top: 0;letter-spacing: -0.04em;}

/*2021-08-26 추가*/
.container .section_title .right_area2{display: block;color: #ccc;font-size: 13px;font-weight:400;position: absolute;right: 3px;top: 10px;letter-spacing: -0.04em;}
.container .section_title .right_area2 .right_txt{display:inline-block; position:relative; top:unset; right:unset; color: #ccc;font-size: 12px;font-weight:400; letter-spacing: -0.04em;}
.container .section_title .right_area2 .right_btn{display:inline-block; background: #0079c2; border: 0; border-radius: 3px; padding: 0 10px; height: 22px; line-height: 22px; color: #fff; font-size: 11px; margin-left:5px; }

/*.container .top_title_date{font-size:11px; color:#9d9ea0;position:absolute; top:13px; right:10px;}*/

/*section_content*/
.container .section_content{-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.container .section_content{position:relative;width:100%;height:calc(100% - 40px);background: #0d3c58;border: 1px solid #165d8a;overflow:hidden;box-sizing:border-box;border-radius:3px;}
.container .section_content.full{height:100% !important;}
.main_container .section01_x6_popup .section_content.pd,
.container .section_content.pd{padding:10px;}
.container .section_content.pd2{padding:10px 0px 10px 10px;}
.container .section_content.pd3{padding:15px;}
.container .section_content.bg{background:#2f3235 !important;}
.container .section_content.bg0{background:none;border:none;box-shadow: none;overflow: visible;}
.container .section_content.policy{height: 520px !important;box-sizing: border-box;padding-left: 210px;}
.container .section_content.policy2{height: 510px !important;}

.container .section_content .content_title{position:relative;font-size:13px;font-weight: 500;height: 26px;display:block;width:100%;}

/* graph_box 세로*/
ul.content_nbox{width:100%; height:100%;}
ul.content_nbox>li{float:left;box-sizing: border-box;width:calc(50% - 5px);margin-left:10px; height:100%;}
ul.content_nbox>li{position:relative;/* background: #4d4542; *//* border: 1px solid #57504a; */background: #0d3c58;border: 1px solid #165d8a;overflow:hidden;box-sizing:border-box;border-radius:3px;}
ul.content_nbox>li:first-child{margin-left:0;}
ul.content_nbox:after{content: ''; display: block; clear: both;}


/*section_btn*/
.section_btn{position:absolute;bottom:10px;right: 15px;width:auto;}
.section_btn a.btn01,
.section_btn a.btn02,
.section_btn a.btn03{display:block;width:auto;height:28px;padding:5px 10px;margin-top:5px;color:#fff;font-size:11px;border-radius: 20px;background:rgba(33,33,36,0.8);box-sizing: border-box;letter-spacing:0em;cursor: pointer;}
.section_btn a.btn01.on{background: rgba(224, 64, 65, 0.8);}
.section_btn a.btn02.on{background: rgba(51, 145, 243, 0.8);}
.section_btn a.btn03.on{background: rgba(106, 150, 8, 0.8);}

.section_btn a.btn_chart{display: block; text-indent: -99999px;background: rgba(0,0,0,0.6) url(../images/hover00.png) no-repeat 50% 50%;background-size:48%;width: 30px;height: 30px;border-radius: 30px;}

/*section_option*/
.container .section_line{border:1px solid #42454d; background:#383c3f; -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);}
.container .ht100{height:100%;}
.container .se_line{border:1px solid #42454d; background:#383c3f;}


/* =========================================================================== */
/* section_popup */
/* =========================================================================== */

.section01_popup .section_title,
.section02_popup .section_title,
.section03_popup .section_title{margin: 0;font-size: 20px;letter-spacing: -0.04em;line-height: 1.5em;font-weight: 500;}

.section01_popup.pd10,
.section02_popup.pd10,
.section03_popup.pd10{padding: 10px;}



/*section_popup 버튼영역*/
.popup_btn_area{box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0;position: absolute; right: 10px; bottom:10px; z-index: 99999999999;}
.popup_btn_area:after{content: ''; display: block; clear: both;}
.popup_btn_area.left{left: 10px;right: auto;}

/*버튼영역 가운데*/
.popup_btn_area.center{transform: translateX(50%); right: 50%;}

.popup_btn_area select{
    border: 1px solid #16252e;
    height: 40px;
    font-size: 12px;
    padding: 3px 15px;
    width: 204px;
    border-radius: 31px;
    color: #fff;
    background: #16252e url(../images/select_arrow_up.png) no-repeat 95% 50%;
    background-size: 30px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.popup_btn_area select:focus{outline: none; border:1px solid #fff; border-radius: 30px;}

/*section_popup 버튼*/
.popup_btn_close{display: inline-block;width: 40px;height: 40px;background: rgba(0, 0, 0, 0.5) url(../images/pop_btn01.png) no-repeat center;background-size: 32%;border-radius:90px;cursor: pointer;text-indent: -99999px;}

/*section_popup 버튼*/
.popup_btn_close02{position:absolute;z-index: 999;bottom: 0;left: 0;box-sizing: border-box;width: 100%;height: 40px;background: #433b38;border-top: solid 1px #3c3633;/* border-radius: 30px; */-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);cursor:pointer;}
.popup_btn_close02 a{display: block;width:100%;height:100%;color: #fff;padding: 10px 0 0 0;box-sizing: border-box;text-align: center;font-size: 13px;}
.popup_btn_close02 i{display: inline-block;width: 20px;height: 20px;background: url(../images/ic_ptz_list_close.png) center center no-repeat;background-size: 12px;vertical-align: -5px;margin-left: 4px;}

.pop_search_box{float: left;background: #433b38;width: 242px;height: 31px;border-radius: 31px;margin-left: 7px;border: solid 1px #433b38;} 

.doc_list_btn{position: absolute;left: 22px;bottom: 10px;width: 45px;height: 45px;background: rgba(0, 0, 0, 0.75);border-radius: 30px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.doc_list_btn a{display: block;width: 100%;height: 100%;text-indent: -999999px;}
.doc_list_btn a.open{background: url(../images/ic_ptz_list.png) center center no-repeat;background-size: 55%;}
.doc_list_btn a.close{background: url(../images/ic_ptz_list_close.png) center center no-repeat;background-size:55%;}

.popup_doc_list{
    position: absolute;
    left: 20px;
    bottom: 60px;
    padding:10px;
    width:400px;
    height: 280px;
    background: #000000bf;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);
}
.popup_doc_list ul{height: 100%;padding: 0 7px 0 3px;box-sizing: border-box;}
.popup_doc_list ul>li{width: 100%;height: 30px;float: left;margin: 0 0 10px 0;padding: 0;color: #fff;text-align: center;position: relative;}
.popup_doc_list ul>li a{display: block;width: 100%;height: 100%;border: solid 1px rgba(204, 204, 204, 0.5);border-radius: 3px;}
.popup_doc_list ul>li img{width:100%;height:100%;border-radius: 3px;}
.popup_doc_list ul>li span{position: absolute;left: 7%;top: 30%;font-size: 11px;color: #fff;}
.popup_doc_list ul>li i{position: absolute;right: 7%;top: 40%;display: block;width: 15px;height: 15px;background:url(../images/checkbox_v.png) center center no-repeat;background-size: 70%;border:solid 1px #9599a0;text-indent: -99999px;border-radius: 30px;}

.popup_doc_list ul>li .on{border: solid 1px #3391f3;border-radius: 3px;}
.popup_doc_list ul>li .on i{background:#3391f3 url(../images/checkbox_v.png) center center no-repeat;background-size: 70%;border:solid 3px #3391f3;}

/*container 밖에 있을때-----------------------*/
.section01_popup,
.section02_popup,
.section03_popup,
.section04_popup{position: absolute;width: 32.5%;top: 10px;height: calc(100% - 30px);height: 600px;background: #0b334a;border: 1px solid #165d8a;border-radius: 3px;overflow:hidden;box-sizing:border-box;z-index: 999999999;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}
.section01_popup{left:0.5%;}
.section02_popup{left:33.75%;}
.section03_popup{left:auto; right:0.5%;}

.section01_popup.h-40,
.section02_popup.h-40,
.section03_popup.h-40{height: calc(100% - 68px);height: 560px;margin-top: 40px;}

.container .section01_popup_x4  {position: absolute; width:66.4%;height:100%;top: 0; z-index: 999999999; background: #0b334a;border: 1px solid #165d8a;border-radius: 3px;overflow:hidden;box-sizing:border-box;z-index: 999999999;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.7);}


/*.section01_popup.bg0,
.section02_popup.bg0,
.section03_popup.bg0{background:none;border:none;box-shadow: none;overflow: visible;}

.section01_popup.bg1,
.section02_popup.bg1,
.section03_popup.bg1{background: #332e2a;border:none;box-shadow: none;overflow: visible;}*/



/* container 안쪽에 있을때 ---------------------------------*/
.container .section01_popup,
.container .section02_popup,
.container .section03_popup,
.container .section04_popup{width:32.8%;height:100%;/*height: 600px;*/top: 0; z-index: 999999999;}
.container .section01_popup{left:0;}
.container .section02_popup{left:33.6%;}
.container .section03_popup{left:auto; right:0;}

.container .section01_popup.h-40,
.container .section02_popup.h-40,
.container .section03_popup.h-40{height: calc(100% - 40px);margin-top: 40px;}


/*2021-08-26*/
.container .section01_popup.h-40.h-50per2,
.container .section02_popup.h-40.h-50per2,
.container .section03_popup.h-40.h-50per2{height: calc(50% - 42px); margin-top: 40px;}

.container .section01_popup.h-50per,
.container .section02_popup.h-50per,
.container .section03_popup.h-50per{height: calc(50% - 5px);margin-top:300px;}

/*전체팝업*/
.main_container .section01_x6_popup,
.container .section01_x6_popup  {position:absolute; top: 0; height: calc(100% - 30px);height: 600px; width:100%; background: #0b334a;border: 1px solid #165d8a;border-radius: 3px;overflow:hidden;box-sizing:border-box;z-index: 999999999;}
.main_container .section01_x6_popup.bg0 {border:none; background:#0b2a3a url(../images/ic_img/header_bg2.png) no-repeat center -72px; background-size: 1300px;}
.container .section01_x6_popup.bg0  {border:none; background:#0b2a3a url(../images/ic_img/header_bg2.png) no-repeat center -68px; background-size: 1300px;}

/*메인 전체팝업 상세*/
.main_container .section01_x6_popup .section_content { position: relative; width: 100%; height: calc(100% - 40px); background: #0d3c58; border: 1px solid #165d8a; overflow: hidden; box-sizing: border-box; border-radius: 3px; }
.main_container .section01_x6_popup .section01 { position: relative; float: left; width: 32.8%; margin: 0; height: 100%; box-sizing: border-box; }
.main_container .section01_x6_popup .section02 { position: relative; float: left; width: 32.8%; margin-left: 0.8%; height: 100%; box-sizing: border-box; }
.main_container .section01_x6_popup .section03 { position: relative; float: left; width: 32.8%; margin-left: 0.8%; height: 100%; box-sizing: border-box; }
.main_container .section01_x6_popup .section_title { position: relative; font-size: 18px; font-weight: 600; padding: 0px; margin: 0px; height: 40px; letter-spacing: normal; }
.main_container .section01_x6_popup .section_title .tit01 { display: block; width: 100%; font-size: 23px; margin-top: 0px; line-height: 1.5em; font-weight: 500; }
.main_container .section01_x6_popup .section_title .tit02 { display: block; font-size: 20px; margin-top: 0px; line-height: 1.0em; padding-top: 6px; }

/*main_container 밖에 있을때-----------------------*/
.main .section01_popup,
.main .section02_popup,
.main .section03_popup,
.main .section04_popup{position:absolute;width: 32.5%;top: 15px;height: calc(100% - 30px);height: 600px;}
.main .section01_popup{left:0.5%;}
.main .section02_popup{left:33.75%;}
.main .section03_popup{left:auto;right: 0.5%;}

.main .section01_popup.h-40,
.main .section02_popup.h-40,
.main .section03_popup.h-40,
.main .section04_popup.h-40{height: calc(100% - 196px);max-height: 567px;margin-top: 35px;}

.main .popup_title{font-size: 14px;font-weight: 500;padding-bottom: 10px;padding-right: 70px;}

/*main_container 안에 있을때-----------------------*/
.main_container .section01_popup,
.main_container .section02_popup,
.main_container .section03_popup,
.main_container .section04_popup{top:0;position:absolute;height:100%;width: 32.8%;}
.main_container .section01_popup{left:0;}
.main_container .section02_popup{left:33.6%;}
.main_container .section03_popup{left: auto;right: 0;}

.main_container .section01_popup.h-40,
.main_container .section02_popup.h-40,
.main_container .section03_popup.h-40,
.main_container .section04_popup.h-40{height: calc(100% - 36px);margin-top: 36px;}

.main_container .section01_popup.h-50per,
.main_container .section02_popup.h-50per,
.main_container .section03_popup.h-50per{height: calc(50% - 5px);margin-top:300px;}





/* DID 2단x3열 5760x2160*/
@media (min-width: 2737px) and (max-width: 7680px) {

    /*did layout 확인용*/
    .body_wrap:after{height:100%;}
    .body_wrap{background-size: 3900px;}


    /*header*/
    .header{height: 174px;/*border-bottom: solid 3px #343f4e;*/}
    .header:before{content: '';width: 100%;height: 11px;position: absolute;top:0;left: 0;} 

    /* warp_detail01 */
    .warp_detail01{height: calc(100% - 300px);}

    /*footer*/
    .footer{height: 126px;/* border-top: 4px solid #343f4e; */padding: 6px 0 0 0;}
    /*.footer:before{content: '';width: 100%;height: 6px;position: absolute;top: -6px;left: 0;} */

    /*container*/
    .container{position:relative;width: 98.4%;height: calc(100% - 99px);margin: 30px 0.8% 69px 0.8%;}


    /* ========================================================================= */
    /* section */
    /* ========================================================================= */
    /*section*/
    .container .section01 .section01_02.line{border:3px solid #42454d;}
    .container .section03 .section03_02.line{border:3px solid #42454d; overflow: hidden;}

    /*section03*/
    .container .section03 .section03_001{width: calc(50% - 15px);height: calc(50% - 30px);margin: 0px 30px 60px 0;position:relative;float:left;}
    .container .section03 .section03_002{width: calc(50% - 15px);height: calc(50% - 30px);margin: 0px 0px 0 0px;position:relative;float:left;}
    .container .section03 .section03_003{width: calc(50% - 15px);height: calc(50% - 30px);margin: 0px 30px 0 0;position:relative;float:left;}
    .container .section03 .section03_004{width: calc(50% - 15px);height: calc(50% - 30px);margin: 0;position:relative;float:left;}


    /* section_title */
    .container .section_title {position:relative; font-size:56px; font-weight:normal; padding:0px; margin:0px; height:120px; letter-spacing:normal;}
    .container .section_title .tit01{font-size: 72px;}
    .container .section_title .tit01 img{width:28px; margin-top:-15px;}/* 화살표이미지 */
    .container .section_title .tit01_01{font-size:56px;padding-top: 20px;}

    .container .section_title .tit02{font-size: 60px;padding-top: 20px;}
    
    .container .section_title .btn_top{font-size: 39px;color: #cacaca;position:absolute;top: 24px;right: 0px;border: solid 3px #4e4e4e;background: #1f1f1fb8;border-radius: 12px;box-sizing: border-box;padding: 15px 30px;height: 78px;letter-spacing: -0.08em;line-height: 1.0em;}
    .container .section_title .time{display: block;font-size: 39px;position: absolute;right: 9px;top: 9px;letter-spacing: -0.04em;}
    .container .section_title .right_txt{display: block;color: #ccc;font-size: 39px;font-weight:400;position: absolute;right: 9px;top: 39px;letter-spacing: -0.04em;}

    /*2021-08-26 추가*/
    .container .section_title .right_area2{font-size: 39px;right: 9px;top: 30px;}
    .container .section_title .right_area2 .right_txt{font-size: 36px;}
    .container .section_title .right_area2 .right_btn{border-radius: 9px; padding: 0 30px; height: 66px; line-height: 66px; font-size: 33px; margin-left:15px; }

    /*section_content*/
    .container .section_content{-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.7);}
    .container .section_content{height:calc(100% - 120px);border: 3px solid #165d8a;border-radius:9px;}
    .container .section_content.full{height:100% !important;}
    .main_container .section01_x6_popup .section_content.pd,
    .container .section_content.pd{padding:30px;}
    .container .section_content.pd2{padding:30px 0px 30px 30px;}
    .container .section_content.pd3{padding:45px;}
    .container .section_content.bg{background:#2f3235 !important;}
    .container .section_content.bg0{}
    .container .section_content.policy{height: 1494px !important;padding-left: 646px;}
    .container .section_content.policy2{height: 1520px !important;}
    .container .section_content.policy2 ul.graph_box>li{ height: 50% !important; }

    .container .section_content .content_title{position:relative;font-size:39px;font-weight: 500;height: 78px;display:block;width:100%;}

    /* graph_box 세로*/
    ul.content_nbox{width:100%; height:100%;}
    ul.content_nbox>li{float:left;box-sizing: border-box;width:calc(50% - 15px);margin-left:30px; height:100%;}
    ul.content_nbox>li{position:relative;background: #0d3c58;border: 3px solid #165d8a;overflow:hidden;box-sizing:border-box;border-radius:9px;}
    ul.content_nbox>li:first-child{margin-left:0;}
    ul.content_nbox:after{content: ''; display: block; clear: both;}

    /*section_btn*/
    .section_btn{position:absolute;bottom:30px;right: 45px;width:auto;}
    .section_btn a.btn01,
    .section_btn a.btn02,
    .section_btn a.btn03{display: block;width:auto;height:84px;padding:15px 30px;margin-top:15px;color:#fff;font-size:33px;border-radius: 60px;background:rgba(33,33,36,0.8);box-sizing: border-box;letter-spacing:0em;cursor: pointer;}
    .section_btn a.btn01.on{background: rgba(224, 64, 65, 0.8);}
    .section_btn a.btn02.on{background: rgba(51, 145, 243, 0.8);}
    .section_btn a.btn03.on{background: rgba(106, 150, 8, 0.8);}

    .section_btn a.btn_chart{width: 90px;height: 90px;border-radius: 90px;}

    
    /* 서브 배경그림자 */
    .container .shbg{-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);}

    /*section_popup*/
    .section01_popup,
    .section02_popup,
    .section03_popup,
    .section04_popup{border: 3px solid #165d8a;top: 30px;height: calc(100% - 90px);border-radius: 9px;-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);}

    .section01_popup.h-40,
    .section02_popup.h-40,
    .section03_popup.h-40,
    .section04_popup.h-40{height: calc(100% - 210px);margin-top:120px;}

    .section01_popup.pd10,
    .section02_popup.pd10,
    .section03_popup.pd10,
    .section04_popup.pd10{padding: 30px;}

    /*전체팝업*/
    .main_container .section01_x6_popup,
    .container .section01_x6_popup  {height: calc(100% - 90px);height: 1800px; border-width: 3px;border-radius: 9px;-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);}
    .main_container .section01_x6_popup.bg0 {box-shadow:none; background:#0b2a3a url(../images/ic_img/header_bg2.png) no-repeat center -216px; background-size: 3900px;}
    .container .section01_x6_popup.bg0  {box-shadow:none; background:#0b2a3a url(../images/ic_img/header_bg2.png) no-repeat center -202px; background-size: 3900px;}
    
    /*메인 전체팝업 상세*/
    .main_container .section01_x6_popup .section_content {height: calc(100% - 120px); border-width: 3px; border-radius: 9px; }
    .main_container .section01_x6_popup .section_title {font-size: 54px;height: 120px;}
    .main_container .section01_x6_popup .section_title .tit01 {font-size: 69px;}
    .main_container .section01_x6_popup .section_title .tit02 {font-size: 60px; padding-top: 18px;}


    /*section_popup 버튼영역*/
    .popup_btn_area{position: absolute;right: 30px;bottom:30px;}

    .popup_btn_area.left{left: 30px;right: auto;}

    .popup_btn_area select{
        border: 3px solid #16252e;
        height: 120px;
        font-size: 36px;
        padding: 3px 45px;
        width: 612px;
        border-radius: 93px;
        color: #fff;
        background: #16252e url(../images/select_arrow_up.png) no-repeat 95% 50%;
        background-size: 90px;
        float: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .popup_btn_area select:focus{outline: none; border:3px solid #fff; border-radius: 90px;}

    /*section_popup 버튼*/
    .popup_btn_close{width: 90px;height: 90px;}


    /*section_popup 버튼*/
    .popup_btn_close02{height: 90px;border-top: solid 3px #3c3633;-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);}
    .popup_btn_close02 a{padding: 27px 0 0 0;font-size: 39px;}
    .popup_btn_close02 i{width:60px;height:60px;background: url(../images/ic_ptz_list_close.png) center center no-repeat;background-size: 36px;vertical-align: -15px;margin-left: 12px;}


    /*container section_popup--------------------*/
    .container .section01_popup,
    .container .section02_popup,
    .container .section03_popup,
    .container .section04_popup{height: 100%;border: 3px solid #165d8a;border-radius: 9px;-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);-moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.7);}

    .section01_popup .section_title,
    .section02_popup .section_title,
    .section03_popup .section_title,
    .section04_popup .section_title{margin: 0;font-size: 60px;font-weight: 500;letter-spacing: -0.04em;}

    .container .section01_popup.h-40,
    .container .section02_popup.h-40,
    .container .section03_popup.h-40,
    .container .section04_popup.h-40{height:calc(100% - 120px);  margin-top:120px;}

    .container .section01_popup.h-50per,
    .container .section02_popup.h-50per,
    .container .section03_popup.h-50per{height: calc(50% - 15px);margin-top: 898px;}

    /*2021-08-26*/
    .container .section01_popup.h-40.h-50per2,
    .container .section02_popup.h-40.h-50per2,
    .container .section03_popup.h-40.h-50per2{height: calc(50% - 126px); margin-top: 120px;}

    .w_33   {width:33% !important;}

    /*main section_popup-------------------------------*/
    .main .section01_popup,
    .main .section02_popup,
    .main .section03_popup{top: 45px;height: calc(100% - 90px);}

    .main .section01_popup.h-40,
    .main .section02_popup.h-40,
    .main .section03_popup.h-40{height: calc(100% - 196px);max-height: 2000px;margin-top: 105px;}

    /*2021-08-26 추가*/
    .container .section_title .right_area2{font-size: 39px;right: 9px;top: 30px;}
    .container .section_title .right_area2 .right_txt{font-size: 36px;}
    .container .section_title .right_area2 .right_btn{border-radius: 9px; padding: 0 30px; height: 66px; line-height: 66px; font-size: 33px; margin-left:15px; }


    .main .section01_popup.popup_title,
    .main .section02_popup.popup_title,
    .main .section03_popup.popup_title{font-size: 42px;padding-bottom: 30px;padding-right: 210px;}

    /*main_container 안에 있을때-----------------------*/
    .main_container .section01_popup,
    .main_container .section02_popup,
    .main_container .section03_popup{top: 0;position: absolute;height: 100%;width: 32.8%;}

    .main_container .section01_popup.h-40,
    .main_container .section02_popup.h-40,
    .main_container .section03_popup.h-40,
    .main_container .section04_popup.h-40{height: calc(100% - 99px);margin-top: 99px;}

/*    .section01_popup.bg0,
    .section02_popup.bg0,
    .section03_popup.bg0{background:none;border:none;box-shadow: none;overflow: visible;}

    .section01_popup.bg1,
    .section02_popup.bg1,
    .section03_popup.bg1{background: #332e2a;border:none;box-shadow: none;overflow: visible;}*/


}


    .section01_popup.bg0,
    .section02_popup.bg0,
    .section03_popup.bg0{background:none;border:none;box-shadow: none;overflow: visible;}

    .section01_popup.bg1,
    .section02_popup.bg1,
    .section03_popup.bg1{background: #0a3045; border:none;box-shadow: none;overflow: visible;}

    .section01_popup.bg2,
    .section02_popup.bg2,
    .section03_popup.bg2{background: #0e3b58;}


/*PC width 1920*/
@media (min-width:1px) and (max-width:2560px) {

    .body_wrap{height:100%;width:100%;min-width:1920px;background: #0b2a3a url(../images/ic_img/header_bg2.png) no-repeat top center;background-size: 1300px;}
    /*.header,
    .footer,
    .warp_detail01{min-width:2112px;}*/

    /*.body_wrap{height: 720px;}
    .header,
    .footer,
    .warp_detail01{min-width:100%;}*/

    .body_wrap.phzone .header,
    .body_wrap.phzone .footer,
    .body_wrap.phzone .warp_detail01{width:1920px; min-width:1920px;}

    .body_wrap.phzone .container{height:calc(100% - 30px); height: 600px;}

    .container{height: 590px;}
    .warp_detail01{overflow-y: auto;}

}

/*--------------------------- layout end 끝*/