@charset "utf-8";



/* 버튼 공통 */

.buttons {position:relative; }

.buttons:after {clear:both; display:block; content:"";}

.buttons a.btn {display:block; width:; text-align:center; font-weight:400; font-size:14px; vertical-align:middle; border-radius:20px;}

.buttons a.btn img {width:20px; vertical-align:middle; padding:0 2px 0 0;}



.buttons.buttons3 {margin-left:-5px;}

.buttons.buttons3 span {display:block; float:left; width:33.333%;}

.buttons.buttons3 span a.btn { margin-left:5px;}



.buttons.buttons4 {margin-left:-3px;}

.buttons.buttons4 span {display:block; float:left; width:25%;}

.buttons.buttons4 span a.btn { margin-left:3px; font-size:13px;}

.buttons.buttons4 a.btn img {width:18px;}



a.btn.color {background:url("../img/contents/push_button_bg1.jpg")center center no-repeat; background-size:cover; line-height:38px; color:#fff;}

a.btn.colory {line-height:38px; color:#fff; background:#ffbd2f;}

a.btn.colorr {line-height:38px; color:#fff; background:#fd7a16;}

a.btn.coloryline {background:none; border:2px solid #fead26; line-height:34px; color:#ef9500;}

a.btn.black {line-height:38px; color:#fff; background:#231f20;}

a.btn.line {background:none; border:2px solid #fd7a16; line-height:34px; color:#fd7a16;}

a.btn.default {background:none; border:2px solid #555; line-height:34px; color:#333;}















/* 배치도 */

.sub_depth {position:fixed; width:100%; left:0; top:84px; z-index:60;}

.sub_depth ul:after {display:block; content:''; clear:both;}

.sub_depth ul li {width:50%; float:left;}

.sub_depth ul li a {position:relative; display:block; text-align:center; line-height:31px; background:#f2f2f2; border-bottom:1px solid #333; padding:0 1%; font-size:14px;}

.sub_depth ul li a:after {content: ''; display: inline-block; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left:50%; margin-left:-5px; bottom: -5px; background: #444; position: absolute; opacity: 0; z-index: 59;}

.sub_depth ul li a.on {background:#444; color:#fff;}

.sub_depth ul li a.on:after {opacity:1;}





.contents.map {padding:0 0;}

.map .mapview {position:fixed; width:100%; height:100%; z-index:50;}

.map .mapview iframe {width:100%; height:100%;}

.gmnoprint {display:none;}



.area_set {position:relative; }

.area_set p { text-align:center; position:absolute; text-align:center; border-radius:50%; box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;z-index:60;}

.area_set p a {display:block; padding:12px; height:26px; width:26px;}

.area_set p.add {top:130px; right:15px; background:#231f20 url("../img/contents/area_add_w.png") center center no-repeat; background-size:26px;}

.area_set p.fix {top:160px; right:15px; background:#fff url("../img/contents/area_fix_free.png") center center no-repeat; background-size:26px;}

.area_set p.fix.lock {background:#fff url("../img/contents/area_fix_lock.png") center center no-repeat; background-size:26px;}



.setting_view {position:fixed; width:100%; height:100%; z-index:1000; display:none;}

.setting_view.on {display:block;}

.setting_view .setting_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1001;}

.setting_view .setting_close {position:absolute; width:45px; height:45px; line-height:45px; vertical-align:middle; text-align:center; display:block; right:0; z-index:1005;}

.setting_view .setting_close img {width:25px;}

.setting_view .setting_inner {position:absolute; width:320px; height:auto; top:50%; left:50%; transform:translate(0,-50%);margin:0 0 0 -160px; background:#fff; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; z-index:1002;}

.setting_view .setting_header {border-bottom:1px solid #e9e9e9;}

.setting_view .setting_header p {font-weight:300; font-size:16px; line-height:45px; vertical-align:middle; color:#333; padding:0 12px;}

.setting_view .setting_header p span {font-weight:600;}

.setting_view .setting_list {padding:16px 12px;}

.setting_view .setting_list ul li dl {margin:0 0 8px 0;}

.setting_view .setting_list ul li:last-child dl {margin:0 0 0 0;}

.setting_view .setting_list ul li dl:after {clear:both; display:block; content:"";}

.setting_view .setting_list ul li dl dt {float:left; width:25%; line-height:35px; vertical-align:middle;}

.setting_view .setting_list ul li dl dd {float:left; width:75%; }

.setting_view .setting_list ul li dl dd input {width:90.5%;border:1px solid #e9e9e9; padding:0 5px;}

.setting_view .setting_list ul li dl dd select {width:97%;border:1px solid #e9e9e9; padding:0 5px;height:35px; background:#fff;}

.setting_view .setting_list ul li dl dd.half-field:after {clear:both; display:block; content:"";}

.setting_view .setting_list ul li dl dd span {display:block; line-height:35px; vertical-align:middle;}

.setting_view .setting_list ul li dl dd.half-field span {display:inline-block; width:47.5%; margin:0 5px 0 0;}

.setting_view .setting_list ul li dl dd.half-field span:last-child {margin:0 0 0 0;}

.setting_view .setting_list ul li dl dd.ficons {position:relative;}

.setting_view .setting_list ul li dl dd.ficons .ficon {display:inline-block; min-width:45px; margin:0 10px 0 0; cursor:pointer; text-align:center;}

.setting_view .setting_list ul li dl dd.ficons .ficon span {font-size:12.5px; line-height:22px; color:#777; display:;}

.setting_view .setting_list ul li dl dd.ficons .ficon img {width:28px;}

.setting_view .setting_list ul li dl dd.ficons .ficon img.on {display:none;}

.setting_view .setting_list ul li dl dd.ficons .ficon.on img.on {display:inline-block;}

.setting_view .setting_list ul li dl dd.ficons .ficon.on img.default {display:none;}

.setting_view .setting_list .setting_button {position:relative;margin:10px 0 0 0;}

.setting_view .setting_list .setting_button a {display:block; width:100%; text-align:center; font-weight:400; vertical-align:middle; font-size:14px; border-radius:22px; line-height:40px; color:#fff; background:#231f20;}



.contents.map .footnote {position:fixed; background:rgba(255,255,255,.75); border:1px solid #e9e9e9; z-index:60; width:; left:4%; bottom:74px;}

.contents.map .footnote ul {padding:12px;}

.contents.map .footnote ul li {display:inline-block;}

.contents.map .footnote ul li p {border-right:1px solid #e9e9e9; padding:0 6px 0 0; margin:0 6px 0 0; font-size:12px;}

.contents.map .footnote ul li:last-child p {border-right:0px; padding:0 0 0 0; margin:0 0 0 0;}

.contents.map .footnote ul li p img {width:20px;}

.contents.map .footnote ul li p span {padding:0 0 0 2px; }









/* 위험알리미 */

.device_list {position:relative; z-index:50; padding:0 0 280px 0;}

.device_list ul:after {clear:both; display:block; content:"";}

.device_list ul li {float:left; width:33.333%; }

.device_list ul li dl {padding:12px 8px; /*border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;*/}

.device_list ul li:nth-child(3n) dl {border-right:0px;}

/*

.device_list ul li:last-child dl {border-bottom:0px;}

.device_list ul li:nth-last-child(2) dl {border-bottom:0px;}

.device_list ul li:nth-last-child(3) dl {border-bottom:0px;}

*/

.device_list ul li dl dt {text-align:center; cursor:pointer;}

.device_list ul li dl dt .device_icon {margin:0 0 4px 0;}

.device_list ul li dl dt .device_icon span.focus {display:none;}

.device_list ul li dl dt .device_icon span img {width:51px;}

.device_list ul li dl dt.on .device_icon span.default {display:none;}

.device_list ul li dl dt.on .device_icon span.focus {display:block;}

.device_list ul li dl dt.on p {color:#fdb514; font-weight:600;}



.device_list ul li dl dd {display:none;}















/* 레이어 공통 */

.info_layer {position:fixed; width:100%; left:0px; bottom:62px; background:#fff; border-top:2px solid #231f20; z-index:100;}

.info_layer .close {position:absolute; width:45px; height:45px; line-height:45px; vertical-align:middle; text-align:center; background:#e9e9e9; display:block; right:0; z-index:105;}

.info_layer .close img {width:25px;}



.info_layer .layer_header {border-bottom:1px solid #e9e9e9;}

.info_layer .layer_header .layer_title {font-weight:400; font-size:16px; line-height:45px; vertical-align:middle; color:#333;}

.info_layer .layer_header .layer_title span {font-weight: 600;}



.info_layer .layer_contents {padding:12px 0 6px 0;}



.info_tab {font-size:0px;}

.info_tab:after {clear:both; display:block; content:"";}

.info_tab ul {float:left;}

.info_tab ul li {display:inline-block; float:none; clear:both; width:auto;  }

.info_tab ul li a {cursor:pointer; padding:0 16px; display:block; line-height:30px; vertical-align:middle; font-size:14px; border:1px solid #e9e9e9; }

.info_tab ul li:last-child a {border-left:0px;} 

.info_tab ul li.on a {background:#333; color:#fff; border:1px solid #333;}

.info_tab .tab_icon {border:1px solid #e9e9e9; display:inline-block; float:left; line-height:30px; height:30px; width:39px; vertical-align:middle; text-align:center; margin:0 5px;}

.info_tab .tab_icon a {display:block;}

.info_tab .tab_icon img {width:23px; margin:0 auto;}



.info_tab_con .infolist {height:88px;}

.info_tab_con .infolist.infolist02 {overflow-y:scroll;}

.info_tab_con .infolist ul li {position:relative; float:none; clear:both; width:100%;}

.info_tab_con .infolist ul li:after {clear:both; display:block; content:"";}

.info_tab_con .infolist ul li p {float:left; line-height:1.6em; font-size:14px;}

.info_tab_con .infolist.infolist01 ul li p.infolist_title {width:30%; color:#777;}

.info_tab_con .infolist.infolist01 ul li p.infolist_con {width:70%; color:#444; font-weight:400;}

.info_tab_con .infolist.infolist02 ul li p.infolist_title {width:65%; color:#444; font-weight:400;}

.info_tab_con .infolist.infolist02 ul li p.infolist_con {width:35%; color:#777;}









/* 알림 */

.contents.notice {background:#fff;}

.contents.notice .forecast_tab ul li {width:20%;}

.basic_list {position:relative; border-bottom:1px solid #e9e9e9; background:#fff;}

.basic_list ul li.new {background:#fffbf1;}

.basic_list ul li dl {margin:0 2%; border-bottom:1px solid #eee; padding:10px 0;}

.basic_list ul li:last-child dl {border-bottom:0px;}

.basic_list ul li dl:after {clear:both; display:block; content:"";}

.basic_list ul li dl dt {width:8%; float:left; text-align:center;}

.basic_list ul li dl dt span {display:block; width:8px; height:8px; border-radius:4px; margin:0 auto; margin-top:18px;}

.basic_list ul li dl dt span.step1 {background:#ccc;}

.basic_list ul li dl dt span.step2 {background:#fd9e17;}

.basic_list ul li dl dt span.step3 {background:#ea3700;}

.basic_list ul li dl dt span.step4 {background:#01b56e;}

.basic_list ul li dl dd {width:92%; float:left;}

.basic_list ul li dl dd .info {margin:0 0 2px 0;}

.basic_list ul li dl dd .info:after {clear:both; display:block; content:"";}

.basic_list ul li dl dd .info p {letter-spacing:0px;}

.basic_list ul li dl dd .info .name {width:50%; float:left; color:#333; font-weight:600;}

.basic_list ul li dl dd .info .name span {font-weight:400;}

.basic_list ul li dl dd .info .date {width:50%; float:left; text-align:right; font-size:14px; }

.basic_list ul li dl dd .explain p {font-weight:400;}

.basic_list ul li dl dd .explain p span.new_badge {display:inline-block; line-height:20px; height:18px; width:18px; vertical-align:middle; font-size:12px; color:#fff; font-weight:600; border-radius:10px; background:#fd7417; text-align:center; margin:0 2px; }



.basic_list.none {border-bottom:0px; background:none; }

.basic_list.none p {margin:0 2%; text-align:center; padding:20% 0; color:#777;}



@media screen and (max-width:1200px) {

.basic_list.none p {padding:40% 0;}

}

@media screen and (max-width:640px) {

.basic_list ul li dl {margin:0 4%;}

.basic_list.none p {margin:0 4%; padding:50% 0;}

}









/* 추락안전 - Mobile App */

.contents.app_safety {position:relative; background:#fff; padding:84px 0 0 0; margin:0 0 86px 0;}

.appsafety_tab {position:relative;}

.appsafety_tab ul:after {clear:both; display:block; content:"";}

.appsafety_tab ul li {float:left; width:50%; text-align:center;}

.appsafety_tab ul li a {display:block; line-height:36px; vertical-align:middle; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

.appsafety_tab ul li a img {width:23px; vertical-align:middle; margin:-2px 2px 0 0; display:none;}

.appsafety_tab ul li:first-child a {border-left:1px solid #ddd; border-radius:18px 0 0 18px; }

.appsafety_tab ul li:last-child a {border-radius:0 18px 18px 0;}

.appsafety_tab ul li.on a {background:#333; color:#fff;}

.appsafety_tab ul li.on a img {display:inline;}

.appsafety_tab ul li:first-child.on a {background:#da3539;}

.appsafety_tab ul li:last-child.on a{background:#2359c4;}

.appsafety_tab_con {position:relative;}



.appsafety_list {position:relative; border-bottom:1px solid #e9e9e9; background:#fff;}

.appsafety_list ul li dl {margin:0 2%; border-bottom:1px solid #eee; padding:10px 0;}

.appsafety_list ul li:last-child dl {border-bottom:0px;}

.appsafety_list ul li dl:after {clear:both; display:block; content:"";}

.appsafety_list ul li dl dt {width:20%; float:left;}

.appsafety_list ul li dl dt .number { width:46px; height:46px; line-height:46px; background:#eee; text-align:center; border-radius:50%; font-weight:600; }

.appsafety_list ul li dl dd {width:80%; float:left;}

.appsafety_list ul li dl dd .sf_tit {line-height:26px; margin:-4px 0 3px 0;}

.appsafety_list ul li dl dd .sf_tit span.line {font-weight:200; color:#ddd;}

.appsafety_list ul li dl dd a.view_btn {display:inline-block; height:22px; line-height:22px; vertical-align:middle; border:1px solid #ddd; font-size:12.5px; padding:0 10px;}

.appsafety_list ul li dl dd a.view_btn img {width:16px; vertical-align:middle;}



.appsafety_list.ok ul li dl dd .sf_tit {line-height:46px; margin:0 0 0 0;}





@media screen and (max-width:640px) {

.appsafety_list ul li dl {margin:0 4%;}

}









/* 현장관리 */

.block_list {background:#fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}

.block_list ul li {border-bottom:1px solid #eee;}

.block_list ul li:last-child {border-bottom:0px;}

.block_list ul li:after {clear:both; display:block; content:"";}

.block_list ul li p {float:left; padding:12px 0;}

.block_list ul li p.title {width:30%; color:#333; font-weight:400;}

.block_list ul li p.sub {width:70%; text-align:right;}



.guide p {font-size:13px; color:#888; line-height:1.35em; margin:0 0 4px 0; padding:0 0 0 8px; background:url("../img/contents/bullet.png")left 7px no-repeat;}

.guide p:last-child {margin:0 0 0 0;}















/* 계정정보 */

.account .block_list ul li:after {clear:both; display:block; content:"";}

.account .block_list ul li .title {width:50%; float:left;}

.account .block_list ul li .sub {width:50%; float:left; text-align:right;}

.account .block_list ul li .switch_box {width:50%; float:left; text-align:right; padding:7px 0 8px 0}



/* 계정정보 - 스위치 */

/*

.checkbox{display:none}

.switch {float:right; width: 58px; height: 30px; background: #E5E5E5; z-index: 0; margin: 0; padding: 0; appearance: none; border: none; cursor: pointer; position: relative; border-radius:16px; //IE 11 -moz-border-radius:16px; //Mozilla -webkit-border-radius:16px; //Chrome and Safari }

.switch:before {content: ' '; position: absolute; left: 1px; top: 1px; width: 58px; height: 30px; background: #e5e5e5; z-index: 1; border-radius:16px; //IE 11 -moz-border-radius:16px; //Mozilla -webkit-border-radius:16px; //Chrome and Safari }

.switch:after {content: ' '; height: 28px; width: 28px; border-radius: 28px; background: #FFFFFF; position: absolute; z-index: 2; top: 1px; left: 1px; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-box-shadow: 0 2px 5px #999999; box-shadow: 0 2px 5px #999999;}

.switchOn , .switchOn:before {background: #fdb514 !important;}

.switchOn:after{left: 32px !important;}

*/













/* 로그인 */

.login {position:fixed; width:100%; height:100%; background:#fff url("../img/contents/login_visual.png") center 50px no-repeat; background-size:100%;}

.login .login_contents {position:absolute; width:100%; top:35%;}



.login .login_contents .lar_txt {font-size:30px; font-weight:200; color:#333; line-height:1.3em;}

.login .login_contents .lar_txt span {font-weight:500;}

.login .login_contents .sma_txt { color:#777; margin:4px 0 0 0;}





.login_button {width:100%; height:62px; position:fixed; left:0; bottom:0; background:#fdb514; z-index:12; display:block; color:#222; font-weight:500; text-align:center; line-height:62px; vertical-align:middle; font-size:16px; letter-spacing:1px;}

.login_button {}





.login_form {margin:24px 0 0 0;}

.login_form .input_row {position:relative; overflow:hidden; height:32px; padding: 5px 39px 5px 11px; border-bottom:1px solid #b8b8b8; margin-bottom:4px; background: none; margin:0 0 4px 0;}

.login_form .input_row.focus {border-bottom: solid 1px #222;}

.login_form .input_row .input_box {display:block; overflow:hidden;}

.login_form .input_row .input_box .lbl {font-size: 15px; line-height: 16px; vertical-align:middle; position: absolute; z-index: 8; top: 13px; left: 11px; color: #999; opacity:0;}

.login_form .input_row .input_box .int {font-size: 14px; vertical-align:middle; position: relative; z-index: 9; width: 100%; height: 27px; line-height:27px; color: #000; border: none; background-color: rgba(255,255,255,0) !important;}
/* FIXME 해당 이미지가 없어 static collect 진행 중 에러가 발생하여 빈 파일 생성 함 */
.login_form .input_row .wrg {position: absolute; z-index: 1000; top: 11px; right: 9px; width: 19px; height: 19px; margin: 0; padding: 0; cursor: pointer; color: transparent; border: 0; background-color: transparent; background: url(../img/common/round_del.png) no-repeat; background-size:100%;}



.login_form .input_row input {background:none !important; border:0px !important;}



.login_form .check_info {position:relative; margin:12px 0;}

.check_box {position: relative; display: block; margin:6px 0 8px 0; min-height:24px;}

.check_box input {position: absolute; top: 1px; left: 1px; width: 22px; height: 22px; display:none;}

.check_box input:checked+label {background: url("../img/contents/check_on.png") top left no-repeat; background-size:22px; }

.check_box label {/*font-size: 14px; line-height: 26px; overflow:overlay;*/ position: absolute; top: 0; left: 0; padding-left: 28px; line-height:22px; color: #555; background: url("../img/contents/check.png") top left no-repeat; background-size:22px;}









/* 기상 및 대기질 정보 */

.contents.forecast {padding:86px 0 124px 0;}

.forecast_tab {position:relative;}

.forecast_tab ul:after {clear:both; display:block; content:"";}

.forecast_tab ul li {float:left; width:50%; text-align:center;}

.forecast_tab ul li a {display:block; line-height:36px; vertical-align:middle; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

.forecast_tab ul li:first-child a {border-left:1px solid #ddd; border-radius:18px 0 0 18px;}

.forecast_tab ul li:last-child a {border-radius:0 18px 18px 0;}

.forecast_tab ul li.on a {background:#333; color:#fff;}

.forecast_tab_con {position:relative;}

.sealed_tab {position:relative;}

.sealed_tab ul:after {clear:both; display:block; content:"";}

.sealed_tab ul li {float:left; width:25%; text-align:center;}

.sealed_tab ul li a {display:block; line-height:36px; vertical-align:middle; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

.sealed_tab ul li:first-child a {border-left:1px solid #ddd; border-radius:18px 0 0 18px;}

.sealed_tab ul li:last-child a {border-radius:0 18px 18px 0;}

.sealed_tab ul li.on a {background:#333; color:#fff;}

.sealed_tab_con {position:relative;}



.day {position:relative; margin:0 0 15px 0;}

.day:last-child {margin:0 0 0 0;}

.day .d_tit {font-size:18px; font-weight:500; color:#444; margin:0 4% 4px 4%;}

.day .d_tit span {font-size:12px; font-weight:400; color:#666; letter-spacing:0.5px; padding:0 0 0 4px;}

.day .d_tit span span.time {font-weight:600;}

.day .d_box {position:relative; background:#fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:10px 0 15px 0;}



.d_box .main {border-bottom:1px solid #e9e9e9; text-align:center; padding:0 0 12px 0; margin:0 0 12px 0;}

.d_box .main dl dd {margin:4px 0 0 0; font-size:28px; font-weight:600; line-height:28px; vertical-align:middle; color:#333;}

.d_box .main dl dd span {font-size:14px; font-weight:500; vertical-align:top;}

.d_box .main dl dd.sub_txt {margin:6px 0 0 0; font-size:14px; line-height:20px; vertical-align:middle; font-weight:400;}

.d_box .main dl dd.sub_txt p {display:inline-block; padding:0 5px;}

.d_box .main dl dd.sub_txt p.temp {color:#999; border-left:1px solid #e9e9e9;}

.d_box .main dl dd.sub_txt p.temp span {font-size:14.5px; font-weight:600; padding:0 3px;}

.d_box .main dl dd.sub_txt p.temp span.low {color:#2359c4;}

.d_box .main dl dd.sub_txt p.temp span.high {color:#da3539;}

.d_box .main dl dd.sub_txt p.temp span em {font-weight:400; font-size:12.5px; padding:0 3px 0 0;}



.d_box .etc {position:relative;}

.d_box .etc ul:after {clear:both; display:block; content:"";}

.d_box .etc ul li {float:left; text-align:center; }

.d_box .etc.etc3 ul li {width:33.333%;}

.d_box .etc.etc4 ul li {width:25%;}

.d_box .etc ul li dl {border-right:1px dashed #e9e9e9;}

.d_box .etc ul li:last-child dl {border-right:0px;}

.d_box .etc ul li dl dt img {width:22px;}

.d_box .etc ul li dl dt span {display:block; font-size:12.5px; color:#666;}

.d_box .etc ul li dl dd {margin:6px 0 0 0; font-weight:600; color:#333;}



.d_box.air .main:after {clear:both; display:block; content:"";}

.d_box.air .main dl {float:left; width:50%; text-align:center;}

.d_box.air .main dl dt {position:relative; margin:0 0 0 0;}

.d_box.air .main dl dt span {position:absolute; font-size:9px; color:#fff; display:inline-block; width:18px; line-height:12px;}

.d_box.air .main dl dt span.condition1 {margin:52px 0 0 19px;}

.d_box.air .main dl dt span.condition2 {margin:29px 0 0 31px;}

.d_box.air .main dl dt span.condition3 {margin:16px 0 0 72px;}

.d_box.air .main dl dt span.condition4 {margin:38px 0 0 111px;}

.d_box.air .main dl dt canvas {width:152px; height:76px;}

.d_box.air .main dl dd {margin:0 0 0 0; font-size:26px;}

.d_box.air .main dl dd p {font-size:14px; font-weight:400; vertical-align:middle;}

.d_box.air .main dl dd p span {font-size:11px; font-weight:400; vertical-align:bottom;}



.d_box.air .etc ul li dl dt {font-size:13px; color:#666;}

.d_box.air .etc ul li dl dt span {display:inline; font-size:11px; color:#555;} 

.d_box.air .etc ul li dl dd {margin:2px 0 0 0;}

.d_box.air .etc ul li dl dd.grade {margin:0 0 0 0;}

.d_box.air .etc ul li dl dd.grade span {display:inline-block; margin:0 auto; width:10px; height:10px; border-radius:50%;} 

.d_box.air .etc ul li dl dd.grade.grade1 span {background:#2359c4;}

.d_box.air .etc ul li dl dd.grade.grade2 span {background:#01b56e;}

.d_box.air .etc ul li dl dd.grade.grade3 span {background:#f5c932;}

.d_box.air .etc ul li dl dd.grade.grade4 span {background:#da3539;}



.d_list {position:relative; margin-top:8px; background:#fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}

.d_list ul li {border-bottom:1px solid #e9e9e9;}

.d_list ul li:last-child {border-bottom:0px;}

.d_list ul li dl {}

.d_list ul li dl:after {clear:both; display:block; content:"";}

.d_list ul li dl dt {width:40%; float:left; font-size:14px; color:#333;}

.d_list ul li dl dt p {padding:8px 10px; border-right:1px solid #e9e9e9;}

.d_list ul li dl dd {float:left; text-align:center;}

.d_list ul li dl dd p {padding:8px 10px;}

.d_list ul li dl dd.number {width:35%;}

.d_list ul li dl dd.number p {font-weight:600; color:#333; border-right:1px solid #e9e9e9;}

.d_list ul li dl dd.condition {width:25%;}

.d_list ul li dl dd.condition p {font-size:13px;}

.d_list ul li dl dd.condition p span {display:inline-block; margin:0 auto; margin-right:3px; width:10px; height:10px; border-radius:50%;}

.d_list ul li dl dd.condition p span.con1 {background:#2359c4;}

.d_list ul li dl dd.condition p span.con2 {background:#01b56e;}

.d_list ul li dl dd.condition p span.con3 {background:#f5c932;}

.d_list ul li dl dd.condition p span.con4 {background:#da3539;}



.air_table.mobile .wrap {padding:8px 0; margin:0 4%;}

.air_table.mobile .overview {font-size:14.5px; margin:0 0 16px 0; }

.air_table.mobile .guide {font-size:13px; margin:6px 0 0 0;}

.air_table.mobile .basic_tb tr th {font-size:13.5px;}

.air_table.mobile .basic_tb tr td  {padding:6px; font-size:14.5px;}

.air_table.mobile .basic_tb tr td.color {font-size:13.5px;}



.calamity {position:fixed; width:100%; bottom:62.8px; background:rgba(0,0,0,.78); z-index:51; height:38px;}

.calamity span {display:inline-block; width:8%; line-height:38px; text-align:center; margin:0 8px;}

.calamity span img {width:24px; vertical-align:middle; }

.calamity p {width:86.5%; float:right; overflow:hidden; white-space: nowrap; line-height:38px; font-size:14px; vertical-align:middle; color:#fff;}















/* 대시보드 현황판 */

/* 상단헤더 */

#header.dashboard_header {z-index:20;}

#header.dashboard_header .wrap {width:94%;}

.dashboard_header p {display:inline-block; line-height:64px; color:#fff; font-size:25px; }

#header.dashboard_header .head_top {height:64px;}

#header.dashboard_header .head_top h1 {width:auto; margin:5px 20px 0 0; }

#header.dashboard_header .head_top h1 img {width:112px;}

.dashboard_header p.title span {font-weight:500;}

.dashboard_header p.time {float:right; letter-spacing:0px; margin:0 70px 0 0;}

#header.dashboard_header a.logout {position:absolute; display:block; width:64px; height:64px; line-height:64px; top:0; right:0; text-align:center; background:#fdb514;}

#header.dashboard_header a.logout img {width:36px;}

#header.dashboard_header a.download {position:absolute; display:block; width:64px; height:64px; line-height:64px; top:0; right:0; text-align:center; background:#333333; margin-right: 64px;}

#header.dashboard_header a.download img {width:36px;}



/* 레프트메뉴 */

.left_menu {position:fixed; width:240px; height:100%; background:#0d0d0d; z-index:15;}

.left_menu ul {margin:64px 0 0 0;}

.left_menu ul li {position:relative; line-height:64px;}

.left_menu ul li a {display:block; color:#fff; padding:0 32px; font-size:19px;}

.left_menu ul li.on {background:#fdb514; }

.left_menu ul li.on a {color:#222;font-weight:600; }

.left_menu ul li.on:after {content: ''; display: inline-block; width: 16px; height: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top:24px; right:-8px; background: #fdb514; position: absolute; opacity: 1; z-index: 99999999;}



.left_menu .data-origin {position:absolute; width:176px; left:32px; bottom:32px; color:#fff; font-size:13px; line-height:1.3em;}

.left_menu .data-origin p span {margin-top:0; margin-bottom:6px; font-size:13.5px; font-weight:600;}

.left_menu .data-origin span {display:block; margin-top:6px;}















/* 컨텐츠 */

.dashboard_container {position:relative; padding:64px 0 100px 240px; z-index:10;}

.dashboard_container .contents {position:relative; padding:30px 40px;}

.dashboard_container .contents h2 {position:relative;font-size:50px; font-weight:600; color:#222; margin:0 0 20px 0;}



.dashboard_container .contents h2 a.set_button {display:block; position:absolute; background:#0d0d0d; border:1px solid #0d0d0d; color:#fff; width:112px; height:36px; line-height:36px; top:10px; right:0; font-size:15px; font-weight:500; text-align:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.dashboard_container .contents h2 a.set_button:hover {background:none; color:#0d0d0d;}





.box_list {position:relative; margin:0 0 0 -32px;}

.box_list:after {clear:both; display:block; content:"";}

.box_list .box_grid {position:relative; float:left; }

.box_list.grid2 .box_grid {width:50%;}

.box_list.grid3 .box_grid {width:33.3333%;}

.box_list.grid4 .box_grid {width:25%;}

.box_list .box_grid .box_inner {margin:0 0 32px 32px; background:#fff; border-radius:3px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);}

.box_list .box_grid p.box_tit {line-height:48px; vertical-align:middle; font-size:30px; font-weight:600; color:#333; padding:10px 24px; border-bottom:1px solid #e9e9e9;}

.box_list .box_grid p.box_tit:after {clear:both; display:block; content:"";}

.box_list .box_grid p.box_tit span.time {float:right; color:#666; font-size:18px; letter-spacing:0px; font-weight:400;}

.box_list .box_grid span.line {font-weight:100; color:#ddd; padding:0 4px;}

.box_list .box_grid .wrap {margin:0 0 0 0 !important; padding:24px; }



















/* 안전장비 운용현황 */

.box_grid.device ul:after {clear:both; display:block; content:"";}

.box_grid.device ul li {width:25%; float:left;}

.box_grid.device ul li dl {text-align:center; border-right:1px dashed #e9e9e9; margin:14px 0;}

.box_grid.device ul li:last-child dl {border-right:0px;}

.box_grid.device ul li dl dt {margin:0 0 18px 0;}

.box_grid.device ul li dl dd p.device_tit {font-size:17px; color:#666;}

.box_grid.device ul li dl dd p.device_num {font-weight:600;font-size:30px; color:#222; margin:12px 0 0 0;}







/* 안전장비 정보현황 */

.box_grid.info_list {position:relative;}

.box_grid.info_list ul {margin:0 0 0 -40px;}

.box_grid.info_list ul:after {clear:both; display:block; content:"";}

.box_grid.info_list ul li {position:relative; float:left;}

.box_grid.info_list.list2 ul li {width:50%;}

.box_grid.info_list.list3 ul li {width:33.333%;}

.box_grid.info_list.list4 ul li {width:25%;}

.box_grid.info_list ul li div {position:relative; margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px dashed #e9e9e9; }



.box_grid.info_list ul li:first-child div {border-left:0px;} 

.box_grid.info_list ul li div p.info_list_tit {position:relative;}

.box_grid.info_list ul li div p.info_list_tit span {display:block; position:relative; background:#f1f1f1; text-align:center; line-height:30px; vertical-align:middle; color:#222; font-size:18px; z-index:50; font-weight:500;}

.box_grid.info_list ul li div ul.info_lists {position:relative; margin:16px 0 0 0; height:140px; overflow-y:scroll; overflow-x:hidden;}

.box_grid.info_list ul li div ul.info_lists li {position:relative; width:90%; padding:0 0 0 20px; margin:0 0 10px 0;}

.box_grid.info_list ul li div ul.info_lists li:last-child {margin:0 0 0 0;}

.box_grid.info_list ul li div ul.info_lists li p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

.box_grid.info_list ul li div ul.info_lists li p.con {font-size:16px; font-weight:500; color:#333; height: 23px; line-height: 23px;}

.box_grid.info_list ul li div ul.info_lists li p.date {font-size:14px; color:#666; letter-spacing:0px; height:17px; line-height: 17px;}



.box_grid.info_list ul li.yellow div p.info_list_tit {border-bottom:2px solid #fdb514; }

.box_grid.info_list ul li.yellow div p.info_list_tit:after {content: ''; display: inline-block; width: 8px; height: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom:-5px; left:50%; margin:0 0 0 -4px; background: #fdb514; position: absolute; opacity: 1; z-index: 10 !important;}

.box_grid.info_list ul li.yellow div ul.info_lists li {background:url("../img/contents/dashboard_bullet_yellow.png")center left no-repeat;}



.box_grid.info_list ul li.red div p.info_list_tit {border-bottom:2px solid #da3539;}

.box_grid.info_list ul li.red div p.info_list_tit:after {content: ''; display: inline-block; width: 8px; height: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom:-5px; left:50%; margin:0 0 0 -4px; background: #da3539; position: absolute; opacity: 1; z-index: 10 !important;}

.box_grid.info_list ul li.red div ul.info_lists li {background:url("../img/contents/dashboard_bullet_red.png")center left no-repeat;}



.box_grid.info_list ul li.green div p.info_list_tit {border-bottom:2px solid #01b56e;}

.box_grid.info_list ul li.green div p.info_list_tit:after {content: ''; display: inline-block; width: 8px; height: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom:-5px; left:50%; margin:0 0 0 -4px; background: #01b56e; position: absolute; opacity: 1; z-index: 10 !important;}

.box_grid.info_list ul li.green div ul.info_lists li {background:url("../img/contents/dashboard_bullet_green.png")center left no-repeat;}







/* 주요작업정보 */

.box_grid.normal_list .box_tit:after {clear:both; display:block; content:"";}

.box_grid.normal_list .box_tit a.plus {display:inline-block; float:right;}

.box_grid.normal_list .box_tit a.plus img {width:24px;}

.box_grid.normal_list ul {position:relative; margin:2px 0 3px 0; height:236px; overflow-y:;}

.box_grid.normal_list ul li {position:relative;}

.box_grid.normal_list ul li:after {clear:both; display:block; content:"";}

.box_grid.normal_list ul li p {float:left; width:70%;}

.box_grid.normal_list ul li p input {width:92%; padding:0 8px;}

.box_grid.normal_list ul li p span {display:block; padding:0 0 0 20px; background:url("../img/contents/dashboard_bullet.png")center left no-repeat; font-size:17px; font-weight:500; color:#333;  line-height:36px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}

.box_grid.normal_list ul li .buttons {display:; float:right; width:30%; line-height:36px; text-align:right;}

.box_grid.normal_list ul li .buttons a {display:inline-block; font-size:13px; padding:0 10px; line-height:26px; border-radius:14px;}

.box_grid.normal_list ul li .buttons a.modify {border:1px solid #444; color:#333;}

.box_grid.normal_list ul li .buttons a.delete {border:1px solid #333; background:#333; color:#fff;}



@media only screen and (max-width: 1450px) {

.box_grid.normal_list ul li .buttons a {padding:0 6px; font-size:11px;}

}









/*날씨, 미세먼지*/

/*

.box_list .box_grid .d_box.weather .main dl dt {height:60px;}

.box_list .box_grid .d_box.weather .main dl dd {font-size:34px;}

.box_list .box_grid .d_box.weather .main dl dd span {font-size:17px;}

.box_list .box_grid .d_box.weather .main dl dd.sub_txt {margin-top:12px;}

.box_list .box_grid .d_box.weather .main dl dd.sub_txt p.temp {border-left:0; color:#ddd;}

.box_list .box_grid .d_box.weather .main dl dd.sub_txt p.temp span {font-size:20px;}

.box_list .box_grid .d_box.weather .main dl dd.sub_txt p.temp span em {font-size:17px;}

.box_list .box_grid .d_box .etc ul li dl dt img {width:30px;}

.box_list .box_grid .d_box .etc ul li dl dt span {font-size:16px; margin-top:5px;}

.box_list .box_grid .d_box .etc ul li dl dd {font-size:19px; line-height:normal;}



.box_list .box_grid .d_box.air .wrap {padding:17px 24px 24px 24px;}

.box_list .box_grid .d_box.air .main {padding:0 0 18px 0; margin:0 0 18px 0;}

.box_list .box_grid .d_box.air .main dl dd {font-size:30px;}

.box_list .box_grid .d_box.air .main dl dd p {font-size:17px; margin-bottom:5px;}

.box_list .box_grid .d_box.air .etc ul li dl dt {font-size:16px;}

.box_list .box_grid .d_box.air .etc ul li dl dd p {font-size:18px;}

*/



.dashboard_container .d_box.weather .main dl dt {height:60px;}

.dashboard_container .d_box.weather .main dl dd {font-size:34px;}

.dashboard_container .d_box.weather .main dl dd span {font-size:17px;}

.dashboard_container .d_box.weather .main dl dd.sub_txt {margin-top:12px;}

.dashboard_container .d_box.weather .main dl dd.sub_txt p.temp {border-left:0; color:#ddd;}

.dashboard_container .d_box.weather .main dl dd.sub_txt p.temp span {font-size:20px;}

.dashboard_container .d_box.weather .main dl dd.sub_txt p.temp span em {font-size:17px;}

.dashboard_container .d_box .etc ul li dl dt img {width:30px;}

.dashboard_container .d_box .etc ul li dl dt span {font-size:16px; margin-top:5px;}

.dashboard_container .d_box .etc ul li dl dd {font-size:19px; line-height:normal;}



.dashboard_container .d_box.air .wrap {padding:17px 24px 24px 24px;}

.dashboard_container .d_box.air .main {padding:0 0 18px 0; margin:0 0 18px 0;}

.dashboard_container .d_box.air .main dl dd {font-size:30px;}

.dashboard_container .d_box.air .main dl dd p {font-size:17px; margin-bottom:5px;}

.dashboard_container .d_box.air .etc ul li dl dt {font-size:16px;}

.dashboard_container .d_box.air .etc ul li dl dd p {font-size:18px;}





.air_table .wrap {padding:18px 32px;}

.air_table .overview {font-size:16px; margin:0 0 20px 0; line-height:1.4em; color:#da3539;}

.air_table .guide {font-size:13.5px; color:#777; margin:10px 0 0 0;}

.air_table span.num_small {font-size:11px; vertical-align:bottom; letter-spacing:0px;}

.basic_tb{table-layout:fixed; width:100%;  word-break:break-all; vertical-align:middle; color:#444; border-top:2px solid #333;}

.basic_tb tr th {border-bottom:1px solid #e9e9e9 ;border-right:1px solid #e9e9e9; line-height:1.4em;  text-align:center; font-size:14px; background:#f8f8f8 ;  vertical-align:middle; color:#222; font-weight:400; padding:6px;}

.basic_tb tr td  {border-bottom:1px solid #e9e9e9 ;border-right:1px solid #e9e9e9; line-height:1.4em;  text-align:center;vertical-align:middle; padding:4px; font-weight:500;}

.basic_tb tr th:last-child {border-right:0px;}

.basic_tb tr td:last-child {border-right:0px;}

.basic_tb td img{ max-width:100%}

.basic_tb tr td.color {background:rgba(9,113,206,0.05); font-size:14px; font-weight:400;}

.basic_tb tr td span.con1 {color:#2359c4;}

.basic_tb tr td span.con2 {color:#01b56e;}

.basic_tb tr td span.con3 {color:#dfad00;}

.basic_tb tr td span.con4 {color:#da3539;}



.dashboard_container .calamity {position:fixed; width:100%; bottom:0; background:rgba(0,0,0,.78); z-index:51; height:46px;}

.dashboard_container .calamity span {display:inline-block; width:5%; line-height:46px; text-align:center; margin:0 0;}

.dashboard_container .calamity span img {width:24px; vertical-align:middle; }

.dashboard_container .calamity p {width:95%; line-height:46px; font-size:15px;}

















/* 하단 안전공지 스크롤 */

.dashboard_container .calamity {position:fixed; width:100%; bottom:0; left:0; background:rgba(0,0,0,.78); z-index:51; height:84px; color:#fff;}

.dashboard_container .calamity .calamity_inner {margin-left:240px;}

.dashboard_container .calamity:after {content:''; display:block; clear:both;}

.dashboard_container .calamity span.calamity_icon {position:relative; float:left; display:block; width:5%; line-height:84px; text-align:center; margin:0 0;}

.dashboard_container .calamity span img {width:30px; vertical-align:middle; }

.dashboard_container .calamity .calamity_wrap {position:relative; float:left; width:90%; line-height:84px; font-size:15px; overflow:hidden; }

.dashboard_container .calamity .calamity_wrap .marquee-with-options {width:100%; position:relative; overflow:hidden;}

.dashboard_container .calamity .calamity_wrap .marquee-with-options .js-marquee {display:inline-block; width:auto; font-size:23px;}

.dashboard_container .calamity .calamity_wrap .marquee-with-options .js-marquee p {display:inline-block; color:#111;}

.dashboard_container .calamity .calamity_wrap .marquee-with-options .js-marquee p input {padding:0 10px;}

.dashboard_container .calamity .calamity_wrap .marquee-with-options a {display:inline-block; line-height:26px; padding:0 10px; border-radius:13px; font-size:12px; margin-left:2px;}

.dashboard_container .calamity .calamity_wrap .marquee-with-options a.modify {border:1px solid rgba(255, 255, 255, .6); color:#fff;}

.dashboard_container .calamity .calamity_wrap .marquee-with-options a.save {border:1px solid rgba(255, 255, 255, 1); background:#fff; color:#111;}

.dashboard_container .calamity .calamity_opitem {position:relative; float:right; width:5%; line-height:84px; text-align:center;}

.dashboard_container .calamity .calamity_opitem a {display:inline-block; padding:0 7px;}

.dashboard_container .calamity .calamity_opitem a:first-child {margin-right:0px;}

.dashboard_container .calamity .calamity_opitem a img {height:15px; vertical-align:middle;}

.calamity .resume {}













/* 주의, 경고 팝업 */

.notice_popup {position:absolute; z-index:1000; width:100%; top:46%; transform:translate(0, -50%); display:block;  text-align:center;}

.notice_popup .np_wrap {position:relative; text-align:center; margin-left:240px;}

.notice_popup .np_wrap:after {content:''; display:block; clear:both;}

.notice_popup dl {position:relative; animation: fade 2.2s infinite; -webkit-animation: fade 2.2s infinite; display:block; width:38%; margin:0 auto; }

.notice_popup dl dt {position:relative; z-index:999;}

.notice_popup dl dd {position:relative; z-index:998; margin-top:-50px; border-radius:12px; padding:120px 0;}

.notice_popup dl dd .np_tit {font-size:94px; font-weight:600; line-height:1.4em; letter-spacing:5px;}

.notice_popup dl dd .np_sub {margin-top:60px; font-size:44px; font-weight:; line-height:1.4em;}



.caution {z-index:10000 !important;}

.caution dl dd {background:rgba(243, 176, 33, .95); color:#111;}

.warning {z-index:10001 !important;}

.warning dl dd {background:rgba(200, 34, 36, .95); color:#fff;}



@keyframes fade {0% { opacity: 1; } 20% { opacity: 1; } 50% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; }}

@-webkit-keyframes fade {0% {opacity: 1; } 20% {opacity: 1; } 50% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; }}









/* 전체현황 버튼 */

.dashboard_btn.buttons {margin-left:-10px;}

.dashboard_btn.buttons span {display:block; float:left; width:20%;}

.dashboard_btn.buttons span a.btn {font-size:22px; font-weight:500; border-radius:30px; margin-left:10px;}

.dashboard_btn.buttons span a.btn img {width:28px; padding:0 4px 0 0;}



.dashboard_btn.buttons a.btn.color {line-height:50px;}

.dashboard_btn.buttons a.btn.colory {line-height:50px;}

.dashboard_btn.buttons a.btn.colorr {line-height:50px;}

.dashboard_btn.buttons a.btn.coloryline {line-height:46px;}

.dashboard_btn.buttons a.btn.black {line-height:50px;}

.dashboard_btn.buttons a.btn.line {line-height:46px;}

.dashboard_btn.buttons a.btn.default {line-height:46px;}





@media only screen and (max-width: 1580px) {

.dashboard_btn.buttons span a.btn {font-size:15px;}

.dashboard_btn.buttons span a.btn img {width:22px; padding:0 2px 0 0;}

}







/* 세부안전현황 */

.box_grid.device_detail {position:relative;}

.box_grid.device_detail .detail_info {position:relative; background:#f8f8f8; padding:0 24px; line-height:48px; color:#333; font-size:18px;}

.box_grid.device_detail .detail_info span.num {color:#222; font-size:24px; font-weight:800; letter-spacing:0px;}

.box_grid.device_detail .detail_info a.more_map {position:absolute; display:block; width:48px; height:48px; background:#e7e7e7; top:0;  right:0; text-align:center;}

.box_grid.device_detail .detail_info a.more_map:hover {background:#;}

.box_grid.device_detail .detail_info a.more_map img {width:32px; vertical-align:middle;}

.box_grid.device_detail .detail_btn {position:relative; padding:12px 24px; border-top:2px solid #e9e9e9;}

.box_grid.device_detail .detail_btn span a.btn {font-size:19px; font-weight:500;}

.box_grid.device_detail .detail_btn span a.btn img {width:25px;}

.box_grid.device_detail .detail_btn a.btn.color {line-height:40px;}

.box_grid.device_detail .detail_btn a.btn.colory {line-height:40px;}

.box_grid.device_detail .detail_btn a.btn.colorr {line-height:40px;}

.box_grid.device_detail .detail_btn a.btn.coloryline {line-height:36px;}

.box_grid.device_detail .detail_btn a.btn.black {line-height:40px;}

.box_grid.device_detail .detail_btn a.btn.line {line-height:36px;}

.box_grid.device_detail .detail_btn a.btn.default {line-height:36px;}







/* 대시보드 배치도 */

.dashboard_container.map_layout {padding:0 0 0 0;}

.dashboard_container.map_layout .setting_view .setting_inner {position:absolute; width:400px; height:auto; top:50%; left:50%; margin:0 0 0 -200px; transform:translate(0,-50%);}

.dashboard_container.map_layout .setting_view .setting_inner .setting_list {padding:24px 32px;}

.dashboard_container .contents.map {position:relative; padding:0 0;}

.dashboard_container .contents.map .area_set p.add {top:65px; right:15px;}

.dashboard_container .contents.map .info_layer {position:fixed; width:420px; left:inherit; right:0; bottom:0; border-left:2px solid #231f20;}

.dashboard_container .contents.map .info_layer .layer_header {padding:0 20px;}

.dashboard_container .contents.map .info_layer .layer_contents {padding:12px 20px;}

.dashboard_container .contents.map .mapview {top:0; left:0;}



.dashboard_container .contents.map .footnote {position:fixed; z-index:60; top:65px; left:265px; bottom:inherit; }

.dashboard_container .contents.map .footnote ul {padding:12px 20px;}

.dashboard_container .contents.map .footnote ul:after {content:''; display:block; clear:both;}

.dashboard_container .contents.map .footnote ul li {display:inline-block;}

.dashboard_container .contents.map .footnote ul li p {padding:0 10px 0 0; margin:0 10px 0 0; font-size:14px;}

.dashboard_container .contents.map .footnote ul li p img {width:39px;}

.dashboard_container .contents.map .footnote ul li p span {padding:0 0 0 4px; }





/* 대시보드 기상대기질 */

.dashboard_container .contents.forecast {position:relative;}



.dashboard_container .contents.forecast .forecast_tab_con {margin:0 0 0 -32px;}

.dashboard_container .contents.forecast .forecast_con {margin:0 0 0 -32px;}

.dashboard_container .contents.forecast .forecast_tab_con0:after {clear:both; display:block; content:"";}

.dashboard_container .contents.forecast .day {margin:0 0 0 0; width:50%; float:left; }

.dashboard_container .contents.forecast .day .d_tit {color:#333; margin:0 0 6px 32px; font-size:25px; line-height:1.4em; font-weight:600;}

.dashboard_container .contents.forecast .day .d_tit span {font-size:17px;}

.dashboard_container .contents.forecast .day .d_box {position:relative; background:#fff; border-top:0px; border-bottom:0px; padding:10px 0 15px 0; margin:0 0 3px 32px; border-radius:3px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);}



.dashboard_container .contents.forecast .day .etc ul li dl dt img {width:30px;}

.dashboard_container .contents.forecast .d_list {border-top:0px; border-bottom:0px; margin:20px 0 3px 32px; border-radius:3px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);}

.dashboard_container .contents.forecast .d_list ul li dl dt p {padding:15px 20px;}

.dashboard_container .contents.forecast .d_list ul li dl dd p {padding:15px 20px;}

.dashboard_container .contents.forecast .d_list ul li dl dd.condition p {font-size:15px;}



.dashboard_container .contents.forecast .d_list.table table {width:100%; text-align:center;}

.dashboard_container .contents.forecast .d_list.table table tr {border-bottom:1px solid #eee;}

.dashboard_container .contents.forecast .d_list.table table tr th {padding:15px; border-right:1px solid #eee; font-weight:400; font-size:14.5px;}

.dashboard_container .contents.forecast .d_list.table table tr th:last-child {border-right:0px;}

.dashboard_container .contents.forecast .d_list.table table tr td {padding:15px; border-right:1px solid #eee; font-size:16px; font-weight:600;}

.dashboard_container .contents.forecast .d_list.table table tr td:last-child {border-right:0px;}

.dashboard_container .contents.forecast .d_list.table table tr td.number span {font-size:12px;}

.dashboard_container .contents.forecast .d_list.table table tr td.condition span {display:block; margin:0 auto; margin-bottom:5px; width:10px; height:10px; border-radius:50%;}

.dashboard_container .contents.forecast .d_list.table table tr td.condition span.con1 {background:#2359c4;}

.dashboard_container .contents.forecast .d_list.table table tr td.condition span.con2 {background:#01b56e;}

.dashboard_container .contents.forecast .d_list.table table tr td.condition span.con3 {background:#f5c932;}

.dashboard_container .contents.forecast .d_list.table table tr td.condition span.con4 {background:#da3539;}







/* 대시보드 알림 */

.dashboard_container .forecast_tab ul li a {line-height:40px; vertical-align:middle; background:none; border-top:0px; border-bottom:1px solid #222; border-right:0px; cursor:pointer; font-size:18px;}

.dashboard_container .forecast_tab ul li:first-child a {border-left:0px; border-radius:0 0 0 0;}

.dashboard_container .forecast_tab ul li:last-child a {border-radius:0 0 0 0;}

.dashboard_container .forecast_tab ul li.on a {background:#222; color:#fff; font-size:20px; font-weight:500;}



.dashboard_container .contents.notice {background:none;}



.dashboard_container .contents.notice .basic_list {position:relative; border-bottom:0px; background:none;}

.dashboard_container .contents.notice .basic_list ul {margin-top:3px;}

.dashboard_container .contents.notice .basic_list ul li.new {background:#fffbf1;}

.dashboard_container .contents.notice .basic_list ul li {background:#fff; margin:0 3px 6px 3px;}

.dashboard_container .contents.notice .basic_list ul li dl {margin:0 0; border-bottom:0px; padding:16px 0; border-radius:3px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);}

.dashboard_container .contents.notice .basic_list ul li:last-child dl {border-bottom:0px;}

.dashboard_container .contents.notice .basic_list ul li dl dt {width:4%; float:left; text-align:center;}

.dashboard_container .contents.notice .basic_list ul li dl dd {width:94%; float:left;}

.dashboard_container .contents.notice .basic_list ul li dl dd .info {margin-bottom:8px;}

.dashboard_container .contents.notice .basic_list ul li dl dd .info .name {font-size:19px;}

.dashboard_container .contents.notice .basic_list ul li dl dd .info .date {font-size:16px;}

.dashboard_container .contents.notice .basic_list ul li dl dd .explain {font-size:17px;}







/* 대시보드 현장관리 */

.dashboard_container .contents.setting {position:relative;}

.dashboard_container .contents.setting .block_list {background:#fff; border-top:0px; border-bottom:0px; border-radius:3px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);}













/* 대시보드 추락안전 */

.safety {position:relative;}

.safety_list .box_grid .box_tit img {width:28px;}

.safety_list .box_grid .box_tit.box_tit1 {color:#da3539;}

.safety_list .box_grid .box_tit.box_tit2 {color:#2359c4;}

.safety_list ul li dl {border-bottom:1px dashed #e9e9e9;padding:0 0 12px 0; margin:0 0 12px 0; line-height:52px; cursor:pointer;}

.safety_list ul li:last-child dl {border-bottom:0px; padding:0 0 0 0; margin:0 0 0 0;}

.safety_list ul li dl:after {display:block; content:''; clear:both;}

.safety_list ul li dl dt {float:left; width:70%;}

.safety_list ul li dl dd {float:right; width:30%; text-align:right;}

.safety_list ul li dl dt p {display:inline-block; font-size:20px; font-weight:500;}

.safety_list ul li dl dt p.number {width:52px; line-height:52px; background:#eee; border-radius:50%; text-align:center; color:#222; font-size:18px; font-weight:600; letter-spacing:0px; margin:0 8px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.safety_list ul li dl:hover dt p.number {background:#222; color:#fff;}

.safety_list ul li dl dd p {display:inline-block; }

.safety_list ul li dl .line {padding:0 6px; font-weight:100;}

.safety_list ul li dl dd p.condition_btn span {display:inline-block; background:#e4e4e4; border:1px solid #e4e4e4; font-size:12px; line-height:28px; height:28px; width:46px; text-align:center;}

.safety_list ul li dl dd p.condition_btn span.condition1.on {background:#f5c932; border:1px solid #f5c932; color:#fff;}

.safety_list ul li dl dd p.condition_btn span.condition2.on {background:#da3539; border:1px solid #da3539; color:#fff;}

.safety_list ul li dl dd p.condition_btn span.condition3.on {background:#01b56e; border:1px solid #01b56e; color:#fff;}

.safety_list ul li dl dd p.condition_btn span.condition4.on {background:#2359c4; border:1px solid #2359c4; color:#fff;}

.safety_list ul li dl dd a.view_btn {display:inline-block; border:1px solid #ddd; line-height:30px; height:30px; font-size:12.5px; text-align:center; width:110px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.safety_list ul li dl dd a.view_btn img {width:20px;}

.safety_list ul li dl dd a.view_btn:hover {border:1px solid #333; color:#333;}





.safety h3 {position:relative; color:#222; font-weight:600; font-size:25px; line-height:36px;}

.safety h3 span {font-size:17px; color:#888; font-weight:400; padding:0 0 0 6px;}

.safety h3 .setting_btn {display:block; position:absolute; top:0; right:0;}

.safety h3 .setting_btn a {display:inline-block; width:112px; height:36px; line-height:36px; top:10px; right:0; font-size:17px; font-weight:500; text-align:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.safety h3 .setting_btn a.add_button {border:1px solid #0d0d0d; color:#0d0d0d;}

.safety h3 .setting_btn a.add_button:hover {background:#0d0d0d; color:#fff;}

.safety h3 .setting_btn a.set_button {background:#0d0d0d; border:1px solid #0d0d0d; color:#fff;}

.safety h3 .setting_btn a.set_button:hover {background:none; color:#0d0d0d;}







.safety_box {position:relative;}

.safety_box a.delete {position:absolute; top:12px; right:12px;}

.safety_box dl:after {display:block; clear:both; content:'';}

.safety_box dl dt {float:left; width:25%;}

.safety_box dl dt p {width:90px; height:90px; line-height:90px; background:#eee; border-radius:50%; text-align:center; color:#222; font-weight:600; letter-spacing:0px; font-size:13px; margin:22px 0 0 0;}

.safety_box dl dt p span {display:inline-block; line-height:90px;}

.safety_box dl dt p span input {display:inline-block; line-height:90px; height:90px; background:none; border:none; font-size:28px; font-weight:600; width:45px;}

.safety_box dl dt p span input:focus {border-bottom:1px solid #333; outline:none;}

.safety_box dl dt p span input:active {border-bottom:1px solid #333;}

.safety_box dl dd {position:relative; float:right; width:75%;}

.safety_box dl dd:after {display:block; clear:both; content:'';}

.safety_box dl dd p.position {float:left; width:49%;}

.safety_box dl dd p.name {float:right;width:49%;}

.safety_box dl dd p.contact {float:left; width:100%; margin-top:10px;}

.safety_box dl dd p span {padding:0 0 0 0; background:none; font-size:16px; color:#555; line-height:20px;}

.safety_box dl dd p span.in_t {display:block; height:36px; line-height:36px; border:1px solid #ddd; border-radius:2px; padding:0 8px; } 

.safety_box dl dd p input {height:36px; line-height:36px; border:0px; width:100%; padding:0 0; font-size:14px; font-weight:600; -webkit-transition: 0.3s; transition: 0.3s; font-size:19px;}

.safety_box dl dd p input:focus {border:0px; outline:none;}

.safety_box dl dd p input[type="text"]::-webkit-input-placeholder {color:rgba(0,0,0,.1); font-weight:200; font-size:13px;}

.safety_box dl dd p input[type="text"]::-moz-placeholder {color:rgba(0,0,0,.1); font-weight:200; font-size:13px;}

.safety_box dl dd p input[type="text"]:-ms-input-placeholder {color:rgba(0,0,0,.1); font-weight:200; font-size:13px;}

.safety_box dl dd p input[type="text"]:-moz-placeholder {color:rgba(0,0,0,.1); font-weight:200; font-size:13px;}

.safety_box .condition_bar {border-top:1px solid #e9e9e9; padding:16px 24px; line-height:30px; font-weight:500; font-size:19px;}

.safety_box .condition_bar:after {display:block; clear:both; content:'';}

.safety_box .condition_bar .condition_btn {float:right; width:60%; text-align:right;}

.safety_box .condition_bar .condition_btn span {display:inline-block; background:#e4e4e4; border:1px solid #e4e4e4; font-size:15px; line-height:28px; height:28px; width:52px; text-align:center; font-weight:400;}

.safety_box .condition_bar .condition_btn span.on {font-weight:500;}

.safety_box .condition_bar .condition_btn span.condition1.on {background:#f5c932; border:1px solid #f5c932; color:#fff;}

.safety_box .condition_bar .condition_btn span.condition2.on {background:#da3539; border:1px solid #da3539; color:#fff;}

.safety_box .condition_bar .condition_btn span.condition3.on {background:#01b56e; border:1px solid #01b56e; color:#fff;}

.safety_box .condition_bar .condition_btn span.condition4.on {background:#2359c4; border:1px solid #2359c4; color:#fff;}









/* 대시보드 현장관리 */

.dashboard_container .setting .block_list ul li p {padding:18px 0;}

.dashboard_container .setting .block_list .title {font-size:20px; }

.dashboard_container .setting .block_list .sub {font-size:20px; font-weight:500; color:#222;}





















::-webkit-scrollbar {

      width: 5px;

}

::-webkit-scrollbar-track {

      background-color:none;

}  

::-webkit-scrollbar-thumb {

      background-color: rgba(0, 0, 0, 0.15);

	  border-radius:3px;

} 

::-webkit-scrollbar-button {

      background-color: none;

	  display:none;

} 

::-webkit-scrollbar-corner {

      background-color: none;

}











/* 통합 대시보드 */

#header.dashboard_header.v_type .wrap {width:88%;}

#header.dashboard_header.v_type a.add {position:absolute; display:block; width:50px; height:50px; line-height:50px; top:0; right:102px; text-align:center; background:#3d3d3d; border-right:1px solid #222;}

#header.dashboard_header.v_type a.add img {width:30px;}

#header.dashboard_header.v_type a.modify {position:absolute; display:block; width:50px; height:50px; line-height:50px; top:0; right:51px; text-align:center; background:#3d3d3d; }

#header.dashboard_header.v_type a.modify img {width:30px;}

#header.dashboard_header.v_type a.logout {position:absolute; display:block; width:50px; height:50px; line-height:50px; top:0; right:0; text-align:center; background:#fdb514;}

#header.dashboard_header.v_type a.logout img {width:30px;}

#header.dashboard_header.v_type .view_type {position:relative; display:inline-block; float:right; margin:0 0 0 14px; line-height:52px;}

#header.dashboard_header.v_type .view_type a {display:inline-block; line-height:30px; width:30px; margin:0 1px; text-align:center; font-size:18px; border-radius:50%;}

#header.dashboard_header.v_type .view_type a.dim {background:#424242; color:#c0c0c0; font-weight:400;}

#header.dashboard_header.v_type .view_type a.on {background:#eee; color:#222; font-weight:600;}



.dashboard_container.all {padding:52px 0 0 0;}

.dashboard_container.all .box_list .box_grid .wrap {margin:0 0 0 0 !important; padding:12px; }

.dashboard_container.all .box_list .box_grid .box_inner {border-radius:3px !important; padding:0 0 0 0;}

.dashboard_container.all .box_list .box_grid a.delete {position:absolute; display:block; width:33px; height:33px; line-height:33px; background:#333; z-index:100; top:-12px; left:18px; border-radius:50%; text-align:center;}

.dashboard_container.all .box_list .box_grid a.delete img {width:18px; vertical-align:middle;}



.dashboard_container.all .box_list .box_grid {position:relative;}

.dashboard_container.all .box_list .box_grid .app.wrap {padding:12px 12px 0 12px;}

.dashboard_container.all .box_list .box_grid .app p:after {clear:both; display:block; content:"";}

.dashboard_container.all .box_list .box_grid .app p span {display:block; width:90%; float:left; vertical-align:middle;  }

.dashboard_container.all .box_list .box_grid .app p span input {width:95%; padding:0 2.5%; -webkit-appearance:none; line-height:40px; height:40px;vertical-align:middle; border:1px solid #ddd; border-radius:20px 0 0 20px; font-size:17px; font-weight:600;}

.dashboard_container.all .box_list .box_grid .app p span.btns {display:block; width:10%; float:left; }

.dashboard_container.all .box_list .box_grid .app p span.btns a {display:block;text-align:center; background:#333; border:1px solid #333; color:#fff; font-size:14px; line-height:40px;  vertical-align:middle; border-radius:0 20px 20px 0;}



.dashboard_container.all .loader {position:absolute; z-index:96321; left:50%; top:50%; margin:-20px 0 0 -20px;}



.dashboard_bottom {position:fixed; z-index:96321; width:108px; height:108px; background:#0d0d0d; color:#fff; bottom:30px; right:30px; border-radius:50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.dashboard_bottom a {display:block; line-height:50px; text-align:center; padding:19px 0;}

.dashboard_bottom span {display:block; line-height:20px;}



.dashboard_bottom:hover {background:#fdb514;}





/* 통합 대시보드 iFrame */

.integration_iframe {position:relative; }



.integration_iframe .box_list {position:relative; margin:0 0 0 0; padding:; background:#fff;}

.integration_iframe .box_list .wrap {margin:0 0 0 0 !important; padding:12px; }

.integration_iframe .box_list .box_grid {position:relative; float:inherit;  width:100%; border:0 solid #e9e9e9;}

.integration_iframe .box_list .box_grid .box_inner {margin:0 0 0 0; background:none; border-radius:3px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}



.integration_iframe .box_list .box_grid p.box_tit {line-height:36px; font-size:14.5px; padding:0 12px; border-bottom:0px solid #e9e9e9; background:#f5f5f5;}

.integration_iframe .box_list .box_grid p.box_tit span.time {font-size:13px;}

.integration_iframe .box_list .box_grid span.line {font-weight:100; color:#ddd; padding:0 4px;}

.integration_iframe .box_list .box_grid .wrap {margin:0 0 0 0 !important; padding:12px; }



.integration_iframe .box_list .box_info .area_info {margin:0 0 0 0;}

.integration_iframe .box_list .box_info .area_info:after {clear:both; display:block; content:"";}

.integration_iframe .box_list .box_info .area_info .title {font-size:16px; color:#222; font-weight:500; line-height:40px; float:left; width:72%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}

.integration_iframe .box_list .box_info .area_info a {display:block; float:right; line-height:40px; background:#fdb514; padding:0 10px; font-size:14px; }

.integration_iframe .box_list .box_info .area_info a img {width:16px; vertical-align:middle;}







/* 안전장비 운용현황 */

.integration_iframe .box_grid.device ul li dl {margin:0 0;}

.integration_iframe .box_grid.device ul li dl dt {margin:0 0 6px 0;}

.integration_iframe .box_grid.device ul li dl dt img {width:46px;}

.integration_iframe .box_grid.device ul li dl dd p.device_tit {font-size:12.5px; line-height:1.35em;}

.integration_iframe .box_grid.device ul li dl dd p.device_num {font-size:16px; margin:2px 0 0 0;}







/* 안전장비 정보현황 */

.integration_iframe .box_grid.info_list ul {margin:0 0 0 -40px;}

.integration_iframe .box_grid.info_list ul li div p.info_list_tit span {color:#555; font-size:13px;}

.integration_iframe .box_grid.info_list ul li div ul.info_lists {position:relative; margin:10px 0 0 0; height:86px; overflow-y:scroll; overflow-x:hidden;}

.integration_iframe .box_grid.info_list ul li div ul.info_lists li {width:85%; padding:0 0 0 16px; margin:0 0 6px 0;}

.integration_iframe .box_grid.info_list ul li div ul.info_lists li p.con {font-weight:500; color:#333; height: 23px; line-height: 23px;}

.integration_iframe .box_grid.info_list ul li div ul.info_lists li p.date {height:16px; line-height: 16px;}















/* 통합 대시보드 미세먼지 */

.dashboard_container .contents h2 span.forecast_notice {display:block; position:absolute; font-size:16px; top:14px; right:0px;}

.dashboard_container .contents h2 span.forecast_notice em {font-weight:600; font-size:17px; padding:0 0 0 5px;}



















/* 통합 대시보드 SMS관리 */

.sms {position:relative;}

.sms .sms_box {clear:both; float:inherit;}

.sms .sms_box .box_tit span.dot {display:inline-block; width:8px; height:8px; border-radius:50%; margin:0 4px 0 0;}

.sms .sms_box .box_tit span.dot.dot1 {background:#ea3700;}

.sms .sms_box .box_tit span.dot.dot2 {background:#fd9e17;}

.sms .sms_box .box_tit span.dot.dot3 {background:#ccc;}

.sms .sms_box ul {height:auto; margin:0 0 0 -40px;}

.sms .sms_box ul:after {display:block; content:''; clear:both;}

.sms .sms_box ul li {width:33.3333%; float:left;}

.sms .sms_box ul li dl {margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px dashed #e9e9e9;}

.sms .sms_box ul li:first-child dl {border-left:0px;}

.sms .sms_box ul li dl dt {font-size:15px; color:#222; font-weight:500; margin:0 0 5px 0;}

.sms .sms_box ul li dl dd div {border:1px solid #ddd; border-radius:2px; padding:8px;}

.sms .sms_box ul li dl dd textarea {border:0px; resize:none; width:100%;}

.sms .sms_box ul li dl dd textarea:focus {border:0px; outline:none;}



.sms .sms_box.common_sms {position:relative;}

.sms .sms_box.common_sms dl:after {display:block; content:''; clear:both;}

.sms .sms_box.common_sms dl dt {width:10%; float:left; font-size:15px; color:#222; font-weight:500; margin:15px 0 0 0;}

.sms .sms_box.common_sms dl dd {width:90%; float:left;}

.sms .sms_box.common_sms dl dd div {border:1px solid #ddd; border-radius:2px; padding:8px;}

.sms .sms_box.common_sms dl dd textarea {border:0px; resize:none; width:100%;}

.sms .sms_box.common_sms dl dd textarea:focus {border:0px; outline:none;}





/* 통합 대시보드 주소록관리 */

.group_add {position:relative;}

.group_add .group_box ul {height:auto;}

.group_add .group_box ul li {border-bottom:1px dashed #e9e9e9; padding:0 0 14px 0; margin:0 0 10px 0;}

.group_add .group_box ul li:last-child {border-bottom:0px; padding:0 0 0 0; margin:0 0 0 0;}

.group_add .group_box ul li:after {display:block; content:''; clear:both;}

.group_add .group_box ul li p {position:relative; float:left; margin:0 1% 0 0;}

.group_add .group_box ul li p.position {width:24%;}

.group_add .group_box ul li p.name {width:20%;}

.group_add .group_box ul li p.contact {width:36%;}

.group_add .group_box ul li p span {padding:0 0 0 0; background:none; font-size:12px; color:#555; line-height:20px;}

.group_add .group_box ul li p span.in_t {height:36px; line-height:36px; border:1px solid #ddd; border-radius:2px; padding:0 8px;} 

.group_add .group_box ul li p input {height:36px; line-height:36px; border:0px; width:100%; padding:0 0; font-size:14px; font-weight:600; -webkit-transition: 0.3s; transition: 0.3s;}

.group_add .group_box ul li p input:focus {border:0px; outline:none;}

.group_add .group_box ul li p input[type="text"]::-webkit-input-placeholder {color:rgba(0,0,0,.1); font-weight:200; font-size:13px;}

.group_add .group_box ul li p input[type="text"]::-moz-placeholder {color:rgba(0,0,0,.1); font-weight:200; font-size:13px;}

.group_add .group_box ul li p input[type="text"]:-ms-input-placeholder {color:rgba(0,0,0,.1); font-weight:200; font-size:13px;}

.group_add .group_box ul li p input[type="text"]:-moz-placeholder {color:rgba(0,0,0,.1); font-weight:200; font-size:13px;}

.group_add .group_box ul li .worker_delete {position:absolute; right:0; top:28px;}



.group_add .group_box ul li .select_chk {display:inline-block; float:left; margin:27px 2% 0 0;}

.group_add .group_box ul li .select_chk label{cursor: pointer;}

.group_add .group_box ul li .select_chk label input[type='checkbox']{display: none;}

.group_add .group_box ul li .select_chk label span{vertical-align: middle; display: inline-block; white-space: nowrap; margin-left: 4px; font-size: 1.2rem; font-weight: 400; -webkit-transition: 0.3s; transition: 0.3s;}

.group_add .group_box ul li .select_chk label input[type='checkbox']:checked ~ span{color: #222;}

.group_add .group_box ul li .select_chk label .icon{width: 20px; height: 20px; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; border: 1px solid #f0f0f0; background: #f0f0f0; -webkit-transition: 0.3s;  transition: 0.3s;}

.group_add .group_box ul li .select_chk label input[type='checkbox']:checked + .icon{ background: #fdb514; border-color: #fdb514;}

.group_add .group_box ul li .select_chk label input[type='checkbox']:checked + .icon::after{content: ''; width: 11px; height: 8px; position: absolute; top: 2px; left: 4px; border: 2px solid #fff; border-top: none; border-right: none;

background: transparent; opacity: 1; transform: rotate(-45deg);}



.group_add .group_box ul li.list_set {border-bottom:1px solid #e9e9e9;}

.group_add .group_box ul li.list_set .select_chk {margin:0 0 0 0;}

.group_add .group_box ul li.list_set a {display:inline-block; margin:0 0 0 1%; line-height:21px; border:1px solid #ddd; padding:0 5px; font-size:12px; vertical-align:middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.group_add .group_box ul li.list_set a:hover {background:#231f20; border:1px solid #231f20; color:#fff;}







/* 시간 선택 */

.contact_time {position:relative; background:#fff; border-radius:3px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); padding:24px 40px; width:700px; margin:0 auto;}

.contact_time:after {display:block; content:''; clear:both;}

.contact_time p.time_tit {float:left; width:50%; font-size:16px; font-weight:400; color:#333;}

.contact_time p.time_tit span {display:block; color:#999; font-size:13px; font-weight:400;}

.contact_time .time_int {float:left; width:50%;}



.contact_time .time_int:after {display:block; content:''; clear:both;}

.contact_time .time_int .clockpicker {display:block; float:left;}

.contact_time .time_int .clockpicker:after {display:block; content:''; clear:both;}

.contact_time .time_int .clockpicker input {float:left;width:110px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:2px 0 0 2px; text-align:center; font-size:16px; font-weight:600; color:#333;}

.contact_time .time_int .clockpicker input:focus {outline:none;}

.contact_time .time_int .clockpicker span.input-group-addon {float:left; display:block; width:40px; height:40px; border:1px solid #ddd; border-left:0px; border-radius:0 2px 2px 0;}

.contact_time .time_int .clockpicker span.time_ico {display:block; width:40px; height:40px; background:#eee url("../img/contents/clock_ico.jpg")center center no-repeat}

.contact_time .time_int span.sla {float:left; display:block; font-size:20px; line-height:42px; font-weight:600; color:#ccc; padding:0 10px;}



.popover.clockpicker-popover {margin-top:0 !important; top:216px !important;}

.text-primary {color:#222 !important;}









/* 스위치 추가*/

.onoffswitch {position:absolute; top:16px; right:24px;}

.onoffswitch input[type="checkbox"] {display: none;}

.label__on-off {overflow: hidden; position: relative; display: inline-block; width: 80px; height: 36px; -webkit-border-radius: 18px; -moz-border-radius: 18px;  border-radius: 18px; background-color: #ed4956;  color: #fff;  font-weight: bold; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s;  -ms-transition: all .3s;-o-transition: all .3s; transition: all .3s; line-height: 0; text-align: left;}

.label__on-off > * { vertical-align: sub; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 16px; letter-spacing:0px; font-weight:600;}

.label__on-off .marble { position: absolute; top: 1px; left: 1px; display: none; width: 34px; height: 34px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3);}

.label__on-off .on {display: none; padding-left: 30px; line-height: 36px;}

.label__on-off .off {padding-left: 30px; line-height: 36px;}

.input__on-off:checked + .label__on-off {background-color: #0bba82;}

.input__on-off:checked + .label__on-off .on {display: inline-block;}

.input__on-off:checked + .label__on-off .off {display: none;}

.input__on-off:checked + .label__on-off .marble {left: 45px; }


/* Pagination */
.pagination-container {
      margin-left: 0%;
      margin-bottom: 10px;
}
.pagination ul li {list-style-type: none; float: left;}
.pagination ul li a.page-size { 
      background:#0d0d0d;
      color: white;
      font-weight: 400;
}
.pagination ul li a {
      color: #0d0d0d;
      font-weight: 400;
      display: inline-block;
      line-height: 30px;
      width: 30px;
      margin: 0 1px;
      text-align: center;
      font-size: 15px;
      border-radius: 10%;}
.pagination ul li a.page-link {
      font-size: 17px;}
.pagination ul li a.disabled {
      background: #eee;
    color: #222;
    font-weight: 600;
}