@charset "utf-8";

/*  ######################################### 
     Responsive_breakpoint
  ######################################### */

/* =============================
  =========== Mobile ============
================================ */

@media (min-width:320px) and (max-width:768px) {

 body.dashboard .hidden_sm{display:block !important;}
.lodingdimm{position:fixed;display:block;width:100%;height:100%;background-color:rgba(255,255,255,0.8);left:0px;top:0px;z-index:10000;}
.loading{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:50px;height:50px;display:block;background:url(../../images/dashboard/loading.gif) left top no-repeat;}
}

/* =============================
  ====== Tablet + 노트북 =======
================================ */
@media only all and (min-width:769px) {

 /* ===== Nav start ===== */
.sidenav{display:none;}
.hidden_xl{display:none !important;}
#gnb{z-index:1001;overflow:hidden;position:absolute;width:100%;padding-right:30px;padding-left:30px;background:url("../../images/dashboard/nav_bg.png") repeat-x left top;}
#gnb:after{content:' ';display:block;clear:both;width:100%;}
#gnb h2{position:absolute;width:100%;height:42px;text-indent:-999999px;}
#gnb_1dul{display:block;overflow:hidden;padding:0;zoom:1;text-align:left;height:42px;}
#gnb_1dul .gnb_1dli{z-index:10;position:relative;display:inline-block;width:140px;vertical-align:top;line-height:42px;text-align:left;}
#gnb_1dul .gnb_1dli:nth-child(1){width:153px;}
#gnb_1dul .gnb_1dli a span:after{content:'';display:inline-block;position:absolute;top:19px;width:24px;height:5px;padding-left:9px;padding-right:8px;background:url("../../images/dashboard/arrow_nav.png") no-repeat right top;background-size:7px 5px;}
#gnb_1dul .gnb_1dli .gnb_1da{display:inline-block;height:42px;color:#fff !important;font-weight:bold;text-decoration:none;font-size:16px;}
#gnb_1dul .gnb_1dli .gnb_1da.on{text-decoration:none;border-bottom:3px solid #f9bd01;}
#gnb_1dul .gnb_1dli .gnb_1da:hover{text-decoration:none;border-bottom:3px solid #f9bd01;}
#gnb_1dul .gnb_1dli .gnb_2dul{display:block;position:relative;width:100%;padding:8px 0px}
#gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da{display:block;height:32px;text-align:left;font-size:13px;line-height:32px;letter-spacing:-1px;text-decoration:none;color:rgba(255,255,255,0.6);}
#gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da:focus,#gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da:hover{color:#f9bd01 !important;text-decoration:none;}
.gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da:hover::before{content:"";position:absolute;top:-4px;width:80px;height:3px;background-color:#f9bd01;}
.gnb_1dli:nth-child(2) .gnb_2dul .gnb_2dli .gnb_2da:hover::before{width:64px;}
.selected{color:#f9bd01 !important;}
 /* ===== Nav end ===== */

.lodingdimm{position:fixed;display:block;width:100%;height:100%;background-color:rgba(255,255,255,0.8);left:0px;top:0px;z-index:10000;}
.loading{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:50px;height:50px;display:block;background:url(../../images/dashboard/loading.gif) left top no-repeat;}

}

/* =============================
 ========== 데스크탑 , 키오스크==========
================================ */

/* ######## DASHBOARD START ############ */
body.dashboard{min-width:1896px !important;}
body.dashboard.kiosk{min-width:1080px !important;}

/* ===== Nav start ===== */
body.dashboard #hd{z-index:1002 !important;display:block;position:relative;height:42px;}
body.dashboard #hd.hd_zindex{z-index:100 !important;}
body.dashboard #gnb{z-index:1001;overflow:hidden;position:absolute;width:100%;padding-right:30px;padding-left:30px;background:url("../../images/dashboard/nav_bg.png") repeat-x left top;}
body.dashboard #gnb:after{content:' ';display:block;clear:both;width:100%;}
body.dashboard #gnb h2{position:absolute;width:100%;height:42px;text-indent:-999999px;}
body.dashboard #gnb_1dul{display:block;overflow:hidden;padding:0;zoom:1;text-align:left;height:42px;}
body.dashboard #gnb_1dul .gnb_1dli{z-index:10;position:relative;display:inline-block;width:140px;vertical-align:top;line-height:42px;text-align:left;letter-spacing:0;}
body.dashboard #gnb_1dul .gnb_1dli:nth-child(1){width:153px;}
body.dashboard #gnb_1dul .gnb_1dli a span:after{content:'';display:inline-block;position:absolute;top:19px;width:24px;height:5px;padding-left:9px;padding-right:8px;background:url("../../images/dashboard/arrow_nav.png") no-repeat right top;background-size:7px 5px;}
body.dashboard #gnb_1dul .gnb_1dli .gnb_1da{display:inline-block;height:42px;color:#fff !important;font-weight:bold;text-decoration:none;font-size:16px;}
body.dashboard #gnb_1dul .gnb_1dli .gnb_1da.on{text-decoration:none;border-bottom:3px solid #f9bd01;}
body.dashboard #gnb_1dul .gnb_1dli .gnb_1da:hover{text-decoration:none;border-bottom:3px solid #f9bd01;}
body.dashboard #gnb_1dul .gnb_1dli .gnb_2dul{display:block;position:relative;width:100%;padding:8px 0px}
body.dashboard #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da{display:block;height:32px;text-align:left;font-size:13px;line-height:32px;letter-spacing:-1px;text-decoration:none;color:rgba(255,255,255,0.6);}
body.dashboard #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da:focus,
body.dashboard #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da:hover {color: #f9bd01 !important; text-decoration: none;}
body.dashboard .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da:hover::before {
    content:"";position:absolute;top:-4px;width:80px;height:3px;background-color:#f9bd01;}
body.dashboard .gnb_1dli:nth-child(2) .gnb_2dul .gnb_2dli .gnb_2da:hover::before {width: 64px;}   
body.dashboard .selected{color:#f9bd01 !important;}
/* ===== Nav end ===== */

.wrap_dashboard{display:block;position:relative;height:892px !important;}
body.dashboard.kiosk .wrap_dashboard_kiosk{width:1080px;height:1833px !important;background:url(../../images/dashboard/bg_dashboard_1080_all.png) left top no-repeat;margin:0 auto;}
.wrap_dashboard .map{position:relative;display:inline-block;width:1218px;min-height:892px;background:url(../../images/dashboard/bg_dashboard_1920_all.png) left top no-repeat;}

body.dashboard.kiosk .wrap_dashboard_kiosk .map{position:relative;display:inline-block;width:1080px;min-height:1271px;background:url(../../images/dashboard/bg_dashboard_1080_all.png) left top no-repeat;}
.wrap_dashboard .map.gyeongnam_jinju{background:url(../../images/dashboard/bg_dashboard_1920_gyeongnam_jinju.png) left top no-repeat;}
.wrap_dashboard .map.gangwon{background:url(../../images/dashboard/bg_dashboard_1920_gangwon.png) left top no-repeat;}
.wrap_dashboard .map.ulsan{background:url(../../images/dashboard/bg_dashboard_1920_ulsan.png) left top no-repeat;}
.wrap_dashboard .map.daegu{background:url(../../images/dashboard/bg_dashboard_1920_daegu.png) left top no-repeat;}
.wrap_dashboard .map.gwangju{background:url(../../images/dashboard/bg_dashboard_1920_gwangju.png) left top no-repeat;}
.wrap_dashboard .map.incheon{background:url(../../images/dashboard/bg_dashboard_1920_incheon.png) left top no-repeat;}
.wrap_dashboard .map.seoul{background:url(../../images/dashboard/bg_dashboard_1920_seoul.png) left top no-repeat;}
.wrap_dashboard .map.busan{background:url(../../images/dashboard/bg_dashboard_1920_busan.png) left top no-repeat;}
.wrap_dashboard .map.jeju{background:url(../../images/dashboard/bg_dashboard_1920_jeju.png) left top no-repeat;}
.wrap_dashboard .map.gyeongnam{background:url(../../images/dashboard/bg_dashboard_1920_gyeongnam.png) left top no-repeat;}
.wrap_dashboard .map.jeonnam{background:url(../../images/dashboard/bg_dashboard_1920_jeonnam.png) left top no-repeat;}
.wrap_dashboard .map.jeonbuk{background:url(../../images/dashboard/bg_dashboard_1920_jeonbuk.png) left top no-repeat;}
.wrap_dashboard .map.chungnam{background:url(../../images/dashboard/bg_dashboard_1920_chungnam.png) left top no-repeat;}
.wrap_dashboard .map.chungbuk{background:url(../../images/dashboard/bg_dashboard_1920_chungbuk.png) left top no-repeat;}
.wrap_dashboard .map.gyeonggi{background:url(../../images/dashboard/bg_dashboard_1920_gyeonggi.png) left top no-repeat;}
.wrap_dashboard .map.gyeongbuk{background:url(../../images/dashboard/bg_dashboard_1920_gyeongbuk.png) left top no-repeat;}
.wrap_dashboard .map .date{position:absolute;font-size:18px;color:#131313;top:23px;left:30px;height:24px;}
.wrap_dashboard .map .date span.title{font-size:24px;color:#131313;font-weight:bold;margin-right:10px;line-height:1;}

body.dashboard.kiosk .wrap_dashboard_kiosk .map .date{position:absolute;font-size:27px;color:#131313;top:46px;left:30px;height:36px;}
body.dashboard.kiosk .wrap_dashboard_kiosk .map .date span{font-size:20px;}
body.dashboard.kiosk .wrap_dashboard_kiosk .map .date span.title{font-size:36px;color:#131313;font-weight:bold;margin-right:10px;line-height:1;}

.wrap_dashboard .map .ds-card,.wrap_dashboard_kiosk .map .ds-card{
    position:absolute;display:block;width:auto;height:47px;box-sizing:border-box;padding:0px;font-size:16px;color:#fff;font-weight:bold;background-color:#1658a6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.3);-moz-box-shadow:0px 3px 6px rgba(0,0,0,0.3);box-shadow:0px 3px 6px rgba(0,0,0,0.3);cursor:pointer;}

.wrap_dashboard .map .ds-card.sub,
.wrap_dashboard .map .ds-card.sub span.title,
.wrap_dashboard .map .ds-card.sub span.num_normal,
.wrap_dashboard .map .ds-card.sub span.num_error,
.wrap_dashboard .map .ds-card.sub ul{height:60px;line-height:60px;}

.wrap_dashboard_kiosk .map .ds-card.sub,
.wrap_dashboard_kiosk .map .ds-card.sub span.title,
.wrap_dashboard_kiosk .map .ds-card.sub span.num_normal,
.wrap_dashboard_kiosk .map .ds-card.sub span.num_error,
.wrap_dashboard_kiosk .map .ds-card.sub ul{height:60px;line-height:60px;}

.wrap_dashboard .map .ds-card span.title, .wrap_dashboard_kiosk .map .ds-card span.title {
 display:inline-block;height:47px;line-height:47px;vertical-align:top;width:auto;padding:0 10px;font-size:20px;}


.wrap_dashboard .map .ds-card.sub span.title, .wrap_dashboard_kiosk .map .ds-card.sub span.title {
 font-size:26px;padding:0 12px;}
.wrap_dashboard .map .ds-card span.num_normal, .wrap_dashboard_kiosk .map .ds-card span.num_normal {
 font-size:27px;font-weight:bold;display:inline-block;vertical-align:top;line-height:45px;width:45px;height:47px;text-align:center;background-color:#32ccfe;margin-left:-6px;}
.wrap_dashboard .map .ds-card span.num_error, .wrap_dashboard_kiosk .map .ds-card span.num_error {
 font-size:27px;font-weight:bold;display:inline-block;vertical-align:top;line-height:45px;width:45px;height:47px;text-align:center;background-color:#f79938;margin-left:-6px;}

.wrap_dashboard .map .ds-card span.num_normal,
.wrap_dashboard .map .ds-card span.num_error, .wrap_dashboard_kiosk .map .ds-card span.num_normal,
.wrap_dashboard_kiosk .map .ds-card span.num_error{font-size:34px;min-width:70px;}


.wrap_dashboard .map .ds-card ul, .wrap_dashboard_kiosk .map .ds-card ul {
 display:inline-block;width:auto;height:47px;font-size:14px;font-weight:normal;margin-left:-6px;padding:0 8px 0 5px;background-color:#1b6dc3;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}

.wrap_dashboard .map .ds-card.sub ul, .wrap_dashboard_kiosk .map .ds-card.sub ul {
 font-size:18px;padding:0 10px 0 7px;}
.wrap_dashboard .map .ds-card ul li:first-child, .wrap_dashboard_kiosk .map .ds-card ul li:first-child {
 margin-top:7px;}
.wrap_dashboard .map .ds-card.sub ul li:first-child,.wrap_dashboard_kiosk .map .ds-card.sub ul li:first-child{margin-top:9px;}
.wrap_dashboard .map .ds-card ul li:last-child,.wrap_dashboard_kiosk .map .ds-card ul li:last-child{margin-top:4px;}
.wrap_dashboard .map .ds-card.sub ul li:last-child,.wrap_dashboard_kiosk .map .ds-card.sub ul li:last-child{margin-top:5px;}
.wrap_dashboard .map .ds-card.sub ul li,.wrap_dashboard_kiosk .map .ds-card.sub ul li{line-height:18px;}


.wrap_dashboard .map .ds-card ul li span:first-child,.wrap_dashboard_kiosk .map .ds-card ul li span:first-child{margin-left:12px;}
.wrap_dashboard .map .ds-card ul li span,.wrap_dashboard_kiosk .map .ds-card ul li span{font-weight:bold;color:#00ccff;}

.wrap_dashboard .map .ds-card ul li span.error, .wrap_dashboard_kiosk .map .ds-card ul li span.error {
color:#f79938;margin-left:0px;}

.wrap_dashboard .map .ds-card ul li span span.error,.wrap_dashboard_kiosk .map .ds-card ul li span span.error{color:#f79938;margin-left:0px;}
.wrap_dashboard .map .ds-card span.num span.error,.wrap_dashboard_kiosk .map .ds-card span.num span.error{color:#fbd87d;font-weight:bold;}
.wrap_dashboard .map .ds-card.sub span.icon_marker,.wrap_dashboard_kiosk .map .ds-card.sub span.icon_marker{display:block;width:30px;height:42px;position:absolute;margin:0 auto;bottom:0px;top:62px;left:0;right:0;}

.wrap_dashboard .map .ds-card.sub span.icon_marker::after,.wrap_dashboard_kiosk .map .ds-card.sub span.icon_marker::after{content:'';display:block;width:30px;height:42px;background:url(../../images/dashboard/icon_marker.png) left top no-repeat;}
.wrap_dashboard .state_list{display:inline-block;width:calc(100% - 1219px);height:100%;vertical-align:top;margin-left:-4px;box-sizing:border-box;border-left:2px solid #d0dceb;background-color:#fff;}
.wrap_dashboard .state_list .wrap_operate{position:relative;display:block;}
.wrap_dashboard .state_list .wrap_operate .title{font-size:24px;color:#131313;letter-spacing:-1px;padding:0 33px;line-height:73px;border-bottom:2px solid #d0dceb;}
body.dashboard.kiosk .wrap_dashboard_kiosk .state_list .wrap_operate .title{font-size:24px;color:#131313;letter-spacing:-1px;padding:0 33px;line-height:69px;border-bottom:1px solid #d0dceb;}
.wrap_dashboard .state_list .wrap_operate .title span{font-weight:bold;}
.wrap_dashboard .state_list .wrap_error{position:relative;display:block;}
.wrap_dashboard .state_list .wrap_error .title{font-size:24px;color:#131313;letter-spacing:-1px;padding:0 33px;line-height:73px;border-bottom:2px solid #d0dceb;}
.wrap_dashboard .state_list .wrap_error .title span{font-weight:bold;color:#f79938;}

body.dashboard.kiosk .wrap_dashboard_kiosk .state_list{display:block;width:1020px;height:466px;box-sizing:border-box;border:2px solid #d0dceb;margin:0 auto;background-color:#fff;}
.wrap_dashboard .title_area{position:absolute;width:100%;height:36px;line-height:1;font-size:36px;font-weight:bold;color:#131313;text-align:center;bottom:84px;padding-right:594px;}


/* Rolling Tab */
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow,#slidesho2{width:682px;background-color:#eee;}
body.dashboard.kiosk #slideshow,body.dashboard.kiosk #slideshow2{width:1016px;background-color:#eee;}
#slideshow ul,#slideshow2 ul{margin:0;padding:0;list-style-type:none;height:1%;/* IE fix */}
#slideshow ul:after,#slideshow2 ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}


/*  ---- SLIDESHOW > SLIDES ----- */
#slideshow .slides,#slideshow2 .slides{overflow:hidden;width:682px;}
body.dashboard.kiosk #slideshow .slides,body.dashboard.kiosk #slideshow2 .slides{overflow:hidden;width:1016px;}
#slideshow .slides ul,#slideshow2 .slides ul{width:3210px;background-color:#fff !important;}
#slideshow .slides li,#slideshow2 .slides li{width:682px !important;float:left;padding:0px;background-color:#fff !important;}
body.dashboard.kiosk #slideshow .slides li,body.dashboard.kiosk #slideshow2 .slides li{width:1016px !important;}
#slideshow .slides h2,#slideshow2 .slides h2{margin-top:0;}

/*  ---- SLIDESHOW > NAVIGATION ----- */
#slideshow .slides-nav,#slideshow2 .slides-nav{background-color:#fff;border-bottom:2px solid #e1f2ff;}
#slideshow .slides-nav li,#slideshow2 .slides-nav li{float:left;font-size:18px;color:#999;}
#slideshow .slides-nav li a,#slideshow2 .slides-nav li a{display:block;padding:30px 36px;outline:none;box-sizing:border-box;color:#999;}

body.dashboard.kiosk #slideshow .slides-nav li a,body.dashboard.kiosk #slideshow2 .slides-nav li a{width:203px;text-align:center;}
.js #slideshow .slides-nav li.on,.js #slideshow .slides-nav li.on a,.js #slideshow2 .slides-nav li.on,.js #slideshow2 .slides-nav li.on a{background-color:#fff;box-sizing:border-box;}
.js #slideshow .slides-nav li.on a,.js #slideshow2 .slides-nav li.on a{position:relative;font-weight:bold;color:#1187cf;padding:29px 30px 25px 30px;border-bottom:6px solid #1187cf;/* top:-4px;*/
}
body.dashboard .tbl_type1 tbody tr td>span{display:inline-block;}
body.dashboard .tbl_type1 tbody tr td{padding:7px 10px;font-size:15px;}

body.dashboard .tbl_type1 tbody tr td.bold{color:#1187cf;font-weight:bold;}
body.dashboard.kiosk .tbl_type1 tbody tr td{padding:7px 10px;font-size:20px;}
body.dashboard.kiosk .tbl_type1 tbody tr td.bold{color:#1187cf;font-weight:bold;}

.dot{height:30px;width:30px;background-color:#bbb;border-radius:50%;display:inline-block;vertical-align:middle;margin:0 12px 0 20px;}
.dot.blue{background-color:#33ccff;}
.dot.red{background-color:#f04040;}
.dot.green{background-color:#00ff99;}
.dot.yellow{background-color:#fbd87d;}
.dot.orange{background-color:#f79938;}

body.dashboard footer>p{position:absolute;width:100%;padding-right:600px;padding-bottom:0px;bottom:35px;margin:0 auto;font-size:12px;color:#999999;text-align:center;}
body.dashboard.kiosk footer>p{width:100%;padding-right:0;bottom:28px;margin:0 auto;}

/* ######## DASHBOARD END ############ */