@charset "UTF-8";
/*-------------------------------------------------------------------
	파일정의 : style
	작성날짜 : 2020-04-06 김하연
	참고사항 : 이 파일은 개별 페이지에 대한 스타일을 정의합니다.
	분류순서 : 기본정책 > 유틸리티 > 사용자정의(컬러, 폰트, 보더, 간격 등)
	속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
    ## main
-------------------------------------------------------------------*/
#main.contents{overflow: hidden; overflow-x: auto;}
#main.contents>.set_inner{min-width: 900px;}
#map{position: relative; width: 100%; height: 100%;}
.img_ship{position: absolute; right: 50%; top: 47%; z-index: 15;}
.img_ship>a{display: block; width: 10px; height: 22px; background-image: url(../img/img_ship.png); background-position: center; background-repeat: no-repeat; background-size: 10px 22px!important;}
.img_ship>a:before{position: absolute; left: 50%; top: 50%; margin:0 0 0 0; width: 0; height: 0; border-radius: 0; background-color: rgba(255,255,255,.5); border: none; content: ''; box-shadow: 0 4px 5px rgba(0,0,0,.2); -webkit-transition: ease-out .2s; -o-transition: ease-out .2s; transition: ease-out .2s; z-index: -1;}
.img_ship.is_active>a{background-image: url(../img/img_ship_active.png);}
.img_ship.is_active>a:before{margin: -40px 0 0 -40px; width: 80px; height: 80px; border-radius: 40px; border: 2px solid #fff;}
/* radial menu - main */
.radial_menu{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1;}
.radial_menu .menu{position: relative; width: 0; height: 0; -webkit-transition: ease-out .2s; -o-transition: ease-out .2s; transition: ease-out .2s;}
.radial_menu.is_active .menu{width: 180px; height: 180px;}
.radial_menu.is_active .menu li{opacity: 1; -webkit-transition: ease-out .2s; -o-transition: ease-out .2s; transition: ease-out .2s; transition-delay: .05s;}
.radial_menu .menu li {position: absolute; overflow: hidden; width: 50px; height: 50px; border-radius: 25px; margin-left: -25px; margin-top: -25px; box-shadow: 0 4px 5px rgba(0,0,0,.2); opacity: 0;}
.radial_menu .menu li:first-child{left: 0; top: 50%;}
.radial_menu .menu li:nth-child(2){left: 14%; top: 15%;}
.radial_menu .menu li:nth-child(3){left: 50%; top: 0;}
.radial_menu .menu li:nth-child(4){left: 86%; top: 15%;}
.radial_menu .menu li:nth-child(5){left: 100%; top: 50%;}
.radial_menu .menu li a{display: block; height: 100%; background-color: #000; background-image: url(../img/ic_radial_menu.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100px 250px;}
.radial_menu .menu li.btn_ship_info{background-position: 0 0!important;}
.radial_menu .menu li.btn_navigation a{background-position: 0 -50px!important;}
.radial_menu .menu li.btn_machinery a{background-position: 0 -100px!important;}
.radial_menu .menu li.btn_emergency a{background-position: 0 -150px!important;}
.radial_menu .menu li.btn_alarm a{background-position: 0 -200px!important;}
.radial_menu .menu li.is_active a{background-color: #c2a264;}
.radial_menu .menu li.btn_ship_info.is_active a{background-position: -50px 0!important;}
.radial_menu .menu li.btn_navigation.is_active a{background-position: -50px -50px!important;}
.radial_menu .menu li.btn_machinery.is_active a{background-position: -50px -100px!important;}
.radial_menu .menu li.btn_emergency.is_active a{background-position: -50px -150px!important;}
.radial_menu .menu li.btn_alarm.is_active a{background-position: -50px -200px!important;}

/* main popup + widget */
.main_pop_group{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.pop_ship_info{position: absolute; width: 510px; left: 20px; top: 20px; background: rgba(45,48,57,.8); padding: 20px; box-sizing: border-box; z-index: 10;}
.pop_ship_info .cnt_title{padding: 0; margin: 0;}
.pop_ship_info .cnt_title h2{float: left; margin-top: 0;}
.pop_ship_info .cnt_title p{float: right; color: #fff;}
.pop_ship_info .img_area{float: left; margin-right: 20px;}
.pop_ship_info .info_area{float: left; max-width: 240px;}
.info_in_dl{margin-top: 20px;}
.info_in_dl.top{margin-top: 0;}
.info_in_dl dl{padding-bottom: 12px; border-bottom: 1px solid #000;}
.info_in_dl dl dt{font-size: 12px;line-height: 1;margin-bottom: 10px;}
.info_in_dl dl dd{font-size: 14px;}
.info_in_dl dl dd+dd{margin-left: 10px;}
.info_in_dl dl dd span{font-size: 26px; font-weight: 700;}
.info_in_dl.col_2 .col:nth-child(n+3){margin-top: 15px;}
.info_in_dl dl.dd2:after{display: block; clear: both; content: '';}
.info_in_dl dl.dd2 dd{float: left;}
.environment .info_in_dl.v2 dl{float: left; width: 50%; border-bottom: none;}
.info_in_dl.v2 dl dt{font-size: 12px; margin-bottom: 6px;}
.info_in_dl.v2 dl dd span{font-size: 22px;}
.info_in_dl.horizontal{text-align: center; border-bottom: 1px solid #000;}
.info_in_dl.horizontal dl{display: inline-block; border: none; padding: 15px 0;}
.info_in_dl.horizontal dl dt, .info_in_dl.horizontal dl dd{display: inline-block;}
.info_in_dl.horizontal dl dt{vertical-align: 5px; margin-right: 10px;}
.horizontal.has_border .col{position: relative;}
.horizontal.has_border .col:before {position: absolute; left: 0; top: 18px; height: 20px; width: 1px; background: #000; content: '';}
.horizontal.has_border .col:first-child:before{display: none;}
.r_container_info .cnt_box{padding: 10px 20px;}
.r_container_info .info_in_dl.bottom dl{border: none; box-sizing: border-box; text-align: center;}
.r_container_info .info_in_dl.bottom dl:first-child{float: left; padding-left: 60px;}
.r_container_info .info_in_dl.bottom dl:last-child{float: right; padding-right: 60px;}
.r_container_info .info_in_dl.horizontal{margin-top: 0;}
#main .widget_item.navigation .info_in_dl{margin-top: 0;}

.pop_ship_info .col_12{margin-top: 15px;}
/*.widget_wrap{position: absolute; left: 20px; bottom: 20px; z-index: 10;}*/
.widget_group:after{display: block; clear: both; content: '';}
.widget_item{float: left;}
.widget_item>.inner{width: 510px;}
.widget_item.deviation>.inner{width: auto;}
.col>.widget_item, .widget_item.full{width: 100%;}
.widget_item+.widget_item{margin-left: 20px;}
.widget_item .cnt_title{margin: 0;}
.widget_item .cnt_title+.cnt_area{margin: 0;}
/*#main .widget_item>.inner>.cnt_area{background: rgba(45,48,57,.8);}*/
.widget_item>.inner>.cnt_area{background: #292c35;}
.widget_item>.inner>.cnt_area .inner{padding: 20px;}
.widget_item.cargo .info_wrap p{font-size: 16px; margin-bottom: 5px;}
.widget_item.motion .info_in_dl{width: 95px; text-align: center; padding-top: 50px;}
.widget_item.motion .info_in_dl dl+dl{margin-top: 15px; border-bottom: none;}
.widget_item.deviation{position: absolute; width: auto; left: 20px; bottom: 20px; margin: 0; z-index: 15;}
.widget_item.deviation .cnt_title{position: relative;}
.close_widget{position: absolute; right: 10px; top: 2px;}
.close_widget .close{position: relative; display: block; width: 16px; height: 16px; margin: 10px; opacity: 1;}
.close_widget .close:before, .close_widget .close:after{position: absolute; left: 0; top: 50%; width: 16px; height: 2px; margin-top: -1px; background: #fff; content: '';}
.close_widget .close:before{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.close_widget .close:after{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.widget_item .btn_txt{font-size: 14px; color: #fff; border-bottom: 1px solid #fff;}
.widget_item .btn_txt:hover{color: #fff;}
.widget_item .right .btn_txt{float: right;}
.half_circle .ship_arw{position: absolute;overflow: visible;left: -1px;top: -45px;transform-origin: 107px 45px;}
.half_circle .ship_arw:before{display: block; width: 172px; height: 31px; background: url(../img/img_trim_ship.png)0 0 no-repeat; background-size: contain!important; content: '';}
.active_trim .txt_area p{font-size: 14px;}
.active_trim .txt_area div{font-size: 16px;}
.active_trim .txt_area div span{font-size: 28px; line-height: 1;}
.out_value .active_trim .txt_area div span{font-size: 21px !important; line-height: 1;}
/*out_value 적용이 안됨*/

.deviation .btn_area{text-align: right; margin-bottom: 15px;}
.deviation .departure{float: left;}
.deviation .arrival{float: right; text-align: right;}
.ic_deviation{display: inline-block; width: 40px; height: 40px; background-image: url(../img/ic_deviation.png); background-repeat: no-repeat;}
.departure .ic_deviation {background-position: 0 0;}
.departure.disable .ic_deviation {background-position: 0 -40px;}
.departure.is_active .ic_deviation {background-position: 0 -80px;}
.arrival .ic_deviation {background-position: -40px 0;}
.arrival.disable .ic_deviation {background-position: -40px -40px;}
.arrival.is_active .ic_deviation {background-position: -40px -80px;}
.progress_status .label_area{margin-bottom: 8px;}
.progress_status .label_area .disable p{color: #000;}
.progress_status .label_area.label1 p span{font-size: 28px;}
.progress_status .label_area.label1 i{vertical-align: middle; margin-top: -2px;}
.progress_status .label_area.label1 i+p{margin-left: 6px;}
.deviation .port_time{margin: 14px -20px 18px;}
.deviation .port_time>div{padding: 0 20px;}
.deviation .etc p span{font-size: 28px;}
.deviation .etc .knots{float: left;}
.deviation .etc .rpm{float: right;}
.info_in_box .ttl_area{background: #000; text-align: center;}
.info_in_box .ttl_area p{line-height: 30px;}
.info_in_box .cnt_area{padding: 20px; border: 1px solid #000; border-top: 0;}
.info_in_box .txt{float: left;}
.info_in_box .txt.l{font-size: 24px; margin-right: 20px;}
.info_in_box .col:nth-child(-n+2){margin-bottom: 20px;}
#main .widget_item.boiler .info_in_box .col:nth-child(-n+2){margin-bottom: 0;}
.info_in_box.bigger .cnt_area{padding: 40px 20px;}
.info_in_box.bigger .txt{width: 100%; text-align: center;}
.info_in_box.bigger .txt.l{font-size: 56px; margin: 0; line-height: 1;}
.info_in_box.bigger .txt.s{font-size: 16px; margin-top: 10px;}

.map_deviation{position: relative;}
.map_deviation .line_wrap{position: absolute; left: 0; right: 0; top: 55px; text-align: center;}
.map_deviation .table_area{position: absolute; left: 20px; right: 20px; bottom: 20px;}
.tbl.deviation thead{background: rgba(0,0,0,.8);}
.tbl.deviation tbody{background: rgba(45,48,57,.8);}
.tbl.deviation tbody tr:nth-child(even){background: rgba(45,48,57,.6);}
.tbl.deviation td, .tbl.deviation th{font-size: 16px; color: #fff; line-height: 38px;}
.tbl.deviation tr{border-color: #2d3039;}
.tbl.deviation td{border-right: 1px solid #2d3039; box-sizing: border-box;}
.tbl.deviation td:last-child{border: none;}

.ic_main_engine{display: inline-block; width: 56px; height: 38px; background: url(../img/ic_main_engine.png)center no-repeat;}
.ic_generator{display: inline-block; width: 56px; height: 38px; background: url(../img/ic_generator.png)center no-repeat;}
.ic_boiler{position: relative; display: inline-block; width: 64px; height: 38px; background: url(../img/ic_boiler.png)center no-repeat;}
.ic_boiler:before{position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 14px; color: #000; content: 'Boiler'; font-style: normal; font-weight: 700;}
.steps_bar{margin-top: 15px;}
.steps_bar .bar{display: block; height: 1px; margin: 0 12.5%; background: #bbbdbf;}
.steps_bar ul {margin-top: 20px;}
.steps_bar ul li{float: left; position: relative; width: 25%; font-size: 14px; color: #bbbdbf; text-align: center;}
.steps_bar ul li:before{position: absolute; width: 9px; height: 9px; background: #bbbdbf; border-radius: 50%; left: 0; right: 0; top: -17px; margin: 0 auto; content: '';}
.steps_bar ul li.is_active{color: #fff;}
.steps_bar ul li.is_active:before{background: #c2a46a;}
.steps_bar ul li.is_active:after{position: absolute; width: 19px; height: 19px; left: 0; right: 0; top: -22px; margin: 0 auto; border: 1px solid #c2a46a; content: ''; border-radius: 50%;}
.widget_item.calling .input_area.emergency input {padding: 5px 10px 5px 40px!important; line-height: 28px; font-size: 16px;}
.widget_item.calling .input_area.emergency input::placeholder{font-size: 16px;}
.widget_item.calling .msg_area{border-top: 1px solid #50565b; padding: 8px 0 0; margin-top: 10px;}
.widget_item.calling_result{position: absolute; right: 20px; top: 240px; margin: 0; z-index: 16;}
.widget_item.calling_result>.inner{width: auto!important; max-width: 380px;}
.widget_item.calling_result .btn_area{margin-top: 26px;}
.widget_item.calling_result a:hover{color: #fff;}
.widget_item.have_calling{display: none; position: absolute; right: 20px; top: 20px; margin: 0; z-index: 16;}
.widget_item.have_calling>.inner{width: auto!important; max-width: 380px;}
.widget_item.have_calling a:hover{color: #fff;}
.widget_item.have_calling .btn_area{margin-top: 20px;}
.widget_item.alarm .info_in_box .txt{width: 100%; text-align: center; margin: 0;}
.widget_item.reefer_search .col{box-sizing: border-box;}
.widget_item.reefer_search .col:first-child{width: 140px; border-right: 1px solid #000;}
.widget_item.reefer_search .col:last-child{width: 100%; margin-right: -140px; padding-right: 160px; margin-top: 6px;}
.widget_item.reefer_alarm .cnt_box{padding: 5px 20px 15px;}
.widget_item.reefer_alarm .table_type_list{margin-bottom: 15px; border-bottom: 1px solid #000;}
.widget_item.reefer_alarm .table_type_list dl dd{float: left; margin-left: 15px;}
.widget_item.reefer_alarm .input_area.select{padding-right: 130px;}
#rcmsDashboard .widget_item.container_list .cnt_box{height: 259px;}
#rcmsDashboard .widget_item.container_alarm .cnt_box{height: 120px;}
#rcmsDashboard .widget_item.container_position{margin-top: 25px;}
#rcmsDashboard .widget_item.container_position .cnt_box{height: 140px;}
.widget_item.cargo .info_wrap{margin-top: 20px;}
.widget_item.environment .graph_box.wind_t{position: relative; width: 180px; height: 180px; background: url(../img/bg_wind_chart.png)center no-repeat;}
.widget_item.environment .graph_box.wind_r{position: relative; width: 180px; height: 180px; box-sizing: border-box; border-radius: 90px;}
.widget_item.environment .wind_direction{display: block; width: 100%; height: 100%;}
.wind_t .wind_direction{background-size: 1020px 510px; background-repeat: no-repeat; background-image: url(../img/wind_direction_big.png);}
.wind_t .wind_direction.speed_calm{background-position: 0 0;}
.wind_t .wind_direction.speed_5{background-position: -170px 0;}
.wind_t .wind_direction.speed_10{background-position: -340px 0;}
.wind_t .wind_direction.speed_15{background-position: -510px 0;}
.wind_t .wind_direction.speed_20{background-position: -680px 0;}
.wind_t .wind_direction.speed_25{background-position: -850px 0;}
.wind_t .wind_direction.speed_30{background-position: 0px -170px;}
.wind_t .wind_direction.speed_35{background-position: -170px -170px;}
.wind_t .wind_direction.speed_40{background-position: -340px -170px;}
.wind_t .wind_direction.speed_45{background-position: -510px -170px;}
.wind_t .wind_direction.speed_50{background-position: -680px -170px;}
.wind_t .wind_direction.speed_55{background-position: -850px -170px;}
.wind_t .wind_direction.speed_60{background-position: 0 -340px;}
.wind_t .wind_direction.speed_65{background-position: -170px -340px;}
.wind_r .wind_direction{position: relative; background: url(../img/arw_wind_direction2.png)center no-repeat; z-index: 1;}
.wind_r .circle{position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border-radius: 50%; background: url(../img/bg_wind_chart_02.png)center no-repeat;}
.shadow .widget_item{box-shadow: 0 2px 10px rgba(0,0,0,.15);}
.info_wrap .cargo_map{position: relative; padding-top: 48px;}
.cargo_map .ship_body{position: relative; width: 100%; max-width: 475px; height: 46px; background: url(../img/img_cargo_ship.png)center no-repeat; background-size: contain!important; z-index: 2;}
.cargo_map .ship_top{position: absolute; left: 16px; top: 0; width: 100%; max-width: 376px; height: 55px; margin: 0 auto; background: url(../img/img_cargo_ship_top.png)center no-repeat; background-size: contain!important; content: ''; z-index: 0;}
.cargo_map .tbl{position: absolute; max-width: 462px; left: 5px; right: 0; bottom: 40px; border-collapse: separate; border-spacing: 2px; z-index: 1;}
.cargo_map .tbl tbody{background: transparent;}
.cargo_map .tbl td{height: 7px; background: #959CA3;}
.cargo_map .tbl td.is_active{background: #C2A264;}
.cargo_map .tbl td.empty{background: transparent;}
.range_area{position: relative; width: 100%; height: 100%; z-index: 1;}
.range_area .range{position: absolute; left: 50%;}
.range_area .range.np{width: 648px; height: 283px; top: 215px; margin-left: 20px; background: url(../img/range_np.png)center no-repeat;}
.range_area .range.sp{width: 702px; height: 321px; top: 505px; margin-left: 43px; background: url(../img/range_sp.png)center no-repeat;}
.range_area .range.io{width: 358px; height: 369px; top: 374px; margin-left: -344px; background: url(../img/range_io.png)center no-repeat;}
.range_area .range.sa{width: 356px; height: 333px; top: 520px; margin-left: -782px; background: url(../img/range_sa.png)center no-repeat;}
.range_area .range.na{width: 300px; height: 356px; top: 175px; margin-left: -830px; background: url(../img/range_na.png)center no-repeat;}
.range_area .range .label{display: inline-block; min-width: 131px; position: absolute; left: 50%; top: 50%; height: 36px; padding: 12px; box-sizing: content-box; background: #2892ff; border-radius: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.range_area .range .label p{float: left; width: 95px; font-size: 14px; color: #fff; line-height: 1.2; padding: 2px 0 0 4px;}
.range_area .range .label span{float: left; width: 36px; line-height: 36px; border-radius: 18px; font-size: 28px; color: #2892ff; background: #fff; text-align: center; font-weight: 700;}
.range.sp .label{background: #c2a264;}
.range.sp .label span{color: #c2a264;}
.range.io .label{background: #8b5beb;}
.range.io .label span{color: #8b5beb;}
.range.na .label{background: #52c1ac;}
.range.na .label span{color: #52c1ac;}
.range.sa .label{background: #f0823f;}
.range.sa .label span{color: #f0823f;}

#main .widget_group{display: inline-flex; margin: 0 20px;}
.widget_area{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0 20px; overflow: hidden; overflow-x: auto;}

/*-------------------------------------------------------------------
    ## trend
-------------------------------------------------------------------*/
#trend .btn_group.kpi button{margin-right: 20px; margin-left: 0;}
#trend .btn_group.kpi button:last-child{margin-right: 0;}
#trend .btn_group button.gray{border: 1px solid #bbbdbf;}
.btn_group.vessel{padding-right: 80px;}
.btn_group.vessel .grid+.grid{margin-top: 20px;}

/*-------------------------------------------------------------------
    ## security
-------------------------------------------------------------------*/
.computer_status_wrap .cnt_box{padding: 34px 20px; box-sizing: border-box;}
.computer_status_wrap .label_group{padding: 0 60px; margin-top: 20px;}
.computer_status_wrap .img_area{max-width: 271px; margin: 0 auto;}
#securityEach .events_wrap .col:nth-child(-n+2){margin-bottom: 20px;}
#securityEach .cnt_title.has_btn .btn_txt{float: right; margin: 5px 0 0 0;}
#securityAll .tbl{table-layout: fixed;}
#securityAll .tbl td{line-height: normal; padding: 0;}
#securityAll .tbl td a{line-height: 1.2; padding: 6px 5px;}

/*-------------------------------------------------------------------
    ## conning
-------------------------------------------------------------------*/
.conning_group{margin: 0 -10px;}
.conning_item{float: left; width: 20%; padding: 0 10px; box-sizing: border-box;}
.conning_item:nth-child(n+6){margin-top: 20px;}
.conning_item .cnt_box{padding: 0;}
.conning_item .top_area .vessel{float: left;}
.conning_item .top_area .time{float: right;}
.conning_item .info_area{position: relative; padding: 0 15px;}
.conning_item dl{display: table; width: 100%; padding: 10px 0;}
.conning_item dl dt{width: 40px; font-size: 12px; text-align: center;}
.conning_item dl dd{font-size: 14px; text-align: right;}
.conning_item dl dd strong{font-size: 22px; margin-right: 3px;}
.ic_wind{display: inline-block; width: 40px; height: 40px; background-size: 240px 120px; background-repeat: no-repeat; background-image: url(../img/wind_speed.png); vertical-align: middle; margin-top: -7px;}
.conning_item .info_area .unit_dir{display: inline-block; width: 6px; height: 6px; border-radius: 3px; border: 2px solid #fff; box-sizing: border-box; vertical-align: 10px;}
.ic_wind.speed_calm{background-position: 0 0;}
.ic_wind.speed_5{background-position: -40px 0;}
.ic_wind.speed_10{background-position: -80px 0;}
.ic_wind.speed_15{background-position: -120px 0;}
.ic_wind.speed_20{background-position: -160px 0;}
.ic_wind.speed_25{background-position: -200px 0;}
.ic_wind.speed_30{background-position: 0 -40px;}
.ic_wind.speed_35{background-position: -40px -40px;}
.ic_wind.speed_40{background-position: -80px -40px;}
.ic_wind.speed_45{background-position: -120px -40px;}
.ic_wind.speed_50{background-position: -160px -40px;}
.ic_wind.speed_55{background-position: -200px -40px;}
.ic_wind.speed_60{background-position: 0 -80px;}
.ic_wind.speed_65{background-position: -40px -80px;}
.conning_item .bf .green{color: #25d63e;}
.conning_item .bf .yellow{color: #ffd600;}
.conning_item .bf .red{color: #ff0000;}
#conningInfo .widget_wrap{position: static;}
#conningInfo .widget_item>.cnt_box{padding: 0;}
#conningInfo .widget_item>.cnt_box .inner{padding: 0 20px;}
#conningInfo .depth .info_in_dl dl+dl{margin-top: 15px; border-bottom: none;}
#conningInfo .depth .cnt_box>.inner{padding: 20px;}
#conningInfo .environment .cnt_box>.inner{padding: 0 20px 20px;}
#conningInfo .depth_txt{float: left; width: 100px;}
#conningInfo .depth_txt+.graph_box{float: left; width: 100%; margin-right: -100px; padding-right: 100px; padding-left: 20px; box-sizing: border-box;}
#conningInfo .widget_item{width: 100%;}
#conningInfo .widget_item+.widget_item{margin: 20px 0 0 0;}
#conningInfo .grid.triple>.col{width: 50%;}
#conningInfo .grid.triple>.col.center {width: 386px;}
#conningInfo .grid.triple>.col.left{margin-left: -193px; padding-left: 193px; box-sizing: border-box;}
#conningInfo .grid.triple>.col.right{margin-right: -193px; padding-right: 193px; box-sizing: border-box;}
#conningInfo .grid.triple>.col.center .cnt_box{padding: 43px 20px; max-height: 851px;}
.navi_info_wrap{background: transparent url(../img/bg_conning_ship.png)center no-repeat; background-size: contain!important; padding: 60px 0 80px;}
.navi_info_wrap dl{position: relative; height: 6.5vw; text-align: center; padding: 26px 0; box-sizing: border-box;}
.navi_info_wrap dt{font-size: 16px; margin-bottom: 5px;}
.navi_info_wrap dd{font-size: 20px;}
.navi_info_wrap dd span{font-size: 2.5vw;}
.navi_info_wrap dl:before{position: absolute; left: 0; right: 0; bottom: 0; height: 1px; width: 200px; margin: 0 auto; background: #000; content: '';}
.navi_info_wrap dl:nth-child(5):before{display: none;}
#conningInfo .navi_info_wrap{position: relative;}
#conningInfo .navi_info_wrap .rudder{position: absolute; left: 0; right: 0; bottom: 30px; width: 18px; height: 59px; background: url(../img/img_rudder.png)center no-repeat; margin: 0 auto; transform-origin: center 10px;}
#conningInfo .widget_item.engine .cnt_box>.inner{padding: 20px;}
#conningInfo .widget_item.alerts .cnt_box>.inner{padding: 20px;}
#conningInfo .widget_item.engine .info_in_dl{margin-top: 15px;}
#conningInfo .widget_item.engine .info_in_dl dl{float: left; width: 140px; border: none; padding: 0;}
#conningInfo .widget_item.engine .info_in_dl:first-child{margin-top: 0;}
#conningInfo .widget_item.engine .graph_box{float: left; width: 100%; margin-left: -140px; padding-left: 140px; box-sizing: border-box; text-align: center;}
#conningInfo .info_in_dl.load{border-bottom: 1px solid #000; padding-bottom: 15px;}
#conningInfo .widget_item.alerts .txt_area{height: 100px;}
#conningInfo .widget_item.alerts .btn_area{float: right; width: 230px;}

/*-------------------------------------------------------------------
    ## diesel engine overview
-------------------------------------------------------------------*/
#geOverview .cnt_area{display: table; width: 100%; height: 100%;}
#geOverview>.set_inner{height: 100%;}
#geOverview .bg_area{position: fixed; left: 280px; right: 0; top: 150px; bottom: 17px; background-size: 1540px 517px; background-repeat: no-repeat; background-position: center 150px; background-image: url(../img/bg_generator_engine_new.png); z-index: 0;}
.sidebar-collapse #geOverview .bg_area{left: 0;}
.engine_info_group{position: relative; display: table-cell;  height: 100%; width: 100%; text-align: center; vertical-align: middle; z-index: 1;}
.table_area.g_engine{display: block; width: 1068px; margin: 30px 15px 0;}
#geOverview .table_area.g_engine .tbl tr td:first-child{width: 190px; box-sizing: border-box; text-align: left;}
.engine_info{display: inline-block; vertical-align: top; padding: 30px 15px 0;}
.engine_info>.cnt_box{display: inline-block;}
/*
#geOverview .engine_info.box_1{top: 58px; margin-left: -330px;}
#geOverview .engine_info.box_2{top: 160px; margin-left: -665px;}
*/
#geOverview .engine_info.box_2 dt{padding-right: 40px;}
/*
#geOverview .engine_info.box_3{top: 430px; margin-left: -336px;}
#geOverview .engine_info.box_4{top: 188px; margin-left: 450px;}
*/

.engine_info .ttl+dl{margin-top: 20px;}
#geOverview .layout_wrap{display: table; margin: 0 auto;}
#geOverview .layout_col{display: table-cell; vertical-align: middle;}
#geOverview .layout_col .engine_info_group{display: table;}
#geOverview .layout_col .engine_info{display: table-cell;}
#geOverview .layout_col.group .engine_info_group{text-align: left;}
#geOverview .layout_col.group .engine_info_group:first-child .engine_info{vertical-align: bottom;}
#geOverview .layout_col.group .engine_info.box_4{text-align: right;}

/*-------------------------------------------------------------------
    ## main engine overview
-------------------------------------------------------------------*/
.contents.me .bg_area{position: fixed; left: 280px; right: 0; top: 150px; bottom: 17px; background-size: 1552px 756px; background-repeat: no-repeat; background-position: center 50px; background-image: url(../img/bg_machinery.png); z-index: 0;}
.sidebar-collapse .contents.me .bg_area{left: 0;}
.contents.me>.set_inner, .contents.me .cnt_area{height: 100%;}
#meOverview .engine_info .cnt_box{width: 290px; box-sizing: border-box;}
#meOverview .engine_info dt{padding-right: 0;}
.table_area.m_engine{display: block; width: 1558px; margin: 30px auto 0;}
#meOverview .table_area.m_engine .tbl tr td:first-child{width: 190px; box-sizing: border-box; text-align: left;}
#meOverview .tbl td, #meOverview .tbl td a{padding: 8px 10px;}
#meOverview .cnt_area{display: table; width: 100%;}


/*-------------------------------------------------------------------
    ## piston cooling
-------------------------------------------------------------------*/
.bg_area.me{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: 1552px 756px; background-repeat: no-repeat; background-position: center 50px; background-image: url(../img/bg_main_engine.png); z-index: 0;}
#pistoneCooling{padding-top: 280px;}
#pistoneCooling .bg_area{position: fixed; left: 280px; right: 0; top: 150px; bottom: 17px; background-size: 1552px 756px; background-repeat: no-repeat; background-position: center 50px; background-image: url(../img/bg_machinery.png); z-index: 0;}
.sidebar-collapse #pistoneCooling .bg_area{left: 0;}
#pistoneCooling .cnt_box.box_1{width: 1380px; margin-right: 5px;}
#pistoneCooling .cnt_area{display: table; width: 100%;}
.cnt_box_wrap{display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.cnt_box_wrap .cnt_box{display: inline-block; position: relative; vertical-align: top;}
.cnt_box_wrap .cnt_box .cnt_title {text-align: left;}
/*-------------------------------------------------------------------
    ## Exhaust Gas
-------------------------------------------------------------------*/
#exhaustGas{overflow-y: auto;}
#exhaustGas .cnt_box.box_4{width: 1565px;}
#exhaustGas .cnt_box.box_5{width: 1360px;}
#exhaustGas .cnt_area{display: table; width: 100%;}
#exhaustGas .cnt_box{margin: 30px 15px 0;}

/*-------------------------------------------------------------------
    ## Jacket cooling
-------------------------------------------------------------------*/
#jacketCooling{padding-top: 215px;}
#jacketCooling .cnt_area{display: table; width: 100%;}
#jacketCooling .cnt_box.box_1{display: block; width: 310px; margin: 0 auto 30px;}
#jacketCooling .cnt_box.box_2{width: 1380px;}

/*-------------------------------------------------------------------
    ## Main Bearings
-------------------------------------------------------------------*/
#mainBearings{padding-top: 425px;}
#mainBearings .cnt_area{display: table; width: 100%;}
#mainBearings .cnt_box{width: 1380px;}

/*-------------------------------------------------------------------
    ## stability
-------------------------------------------------------------------*/
#stability .cnt_area.arm .cnt_box{padding: 0;}
#stability .arm_item{position: relative; height: 60px;}
#stability .arm_box_group .col{border-left: 1px solid #000; box-sizing: border-box;}
#stability .arm_box_group .col:nth-child(11), #stability .arm_group .col:last-child{border-right: 1px solid #000;}
#stability .arm_box_group .col:nth-child(n+12){border-top: 1px solid #000;}
#stability .arm_item.alarm{background: #ff0000;}
#stability .arm_item.disable{background: #bbbdbf;}
#stability .arm_visual_group{margin-top: 20px;}
.arm_visual_group .graph_area{padding: 0; margin: 0;}
/*.arm_visual_group .img_box{height: 348px; background: url(../img/img_stability_shipment.png)center no-repeat; background-size: contain!important;}*/
.arm_visual_group .img_area{padding: 10px; box-sizing: border-box;}
.table_area.itt .tbl+.tbl{margin-top: 25px;}
#stability .arm_visual_group .grid{display: flex; flex-wrap: wrap;}
#stability .arm_visual_group .grid .col{display: flex; width: 50%;}
#stability .arm_visual_group .cnt_box{width: 100%; height: 100%;}
#stability .table_area.itt+.table_area.itt{margin-top: 26px;}

/*-------------------------------------------------------------------
    ## Reefer
-------------------------------------------------------------------*/
#rcmsDashboard .widget_wrap{position: static;}
.widget_item.container_info .cnt_box{padding: 0 20px;}
#rcmsDashboard .widget_item+.widget_item{margin: 25px 0 0 0;}

/*-------------------------------------------------------------------
    ## Export
-------------------------------------------------------------------*/
.export_filter .grid+.grid{position: relative; margin-top: 20px; padding-bottom: 20px;}
.export_filter .grid+.grid:before{position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background: #000; content: '';}
.export_filter .btn_area{padding-top: 20px;}
#export .table_head .btn_area{padding: 40px 0 20px;}
/*#export .table_area .table_body{height: 400px; overflow: hidden; overflow-y: auto; overflow-x: auto;}*/

/*-------------------------------------------------------------------
    ## infra
-------------------------------------------------------------------*/
#infra.contents{overflow-x: auto;}
#infra.contents .set_inner{min-width: 1600px;}
#infra .table_group{overflow: hidden;}
.inform_box.infra{position: fixed; right: 40px; top: 80px; background: #000; box-shadow: 0 0 10px rgba(0,0,0,.3); z-index: 100;}
.inform_box.infra .txt_area{padding: 20px;}
.inform_box.infra .txt_area+.txt_area{padding-top: 0;}
.inform_box.infra .txt_area p{display: inline-block; font-size: 16px; color: #fff; line-height: 20px;}
.inform_box.infra .txt_area p strong{font-weight: 700; margin-right: 15px;}
.ic_infra_alarm{display: inline-block; width: 21px; height: 19px; background: url(../img/ic_infra_alarm.png)center no-repeat; vertical-align: middle; margin: -2px 9px 0 0;}
.inform_box.infra .btn_abort{display: inline-block; font-size: 14px; color: #c2a264; line-height: 20px; margin-left: 22px; font-weight: 700;}
#infra .tbl.infra th{text-align: center!important;}

/*-------------------------------------------------------------------
    ## Alarm_dashboard
-------------------------------------------------------------------*/
#alarmDashboard .tbl.alarm_dash th{text-align: center!important;}

/*-------------------------------------------------------------------
    ## Data Status
-------------------------------------------------------------------*/
#dataStatusDashboard .tbl.data_dash th {text-align: center !important;}

/*-------------------------------------------------------------------
    ## compressed air system
-------------------------------------------------------------------*/
#airSystem .cnt_area{text-align: center;}
#airSystem .info_wrap{position: relative; display: inline-block; padding-top: 30px;}
#airSystem .info_wrap .bg_area{display: inline-block;}
#airSystem .info_wrap .txt_area{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
#airSystem .table_area{position: absolute; width: 510px; left: 103px; top: 0;}
#airSystem .tbl td p{display: inline-block;}
#airSystem .tbl.basic td, #airSystem .tbl.basic td a{padding: 10px 0; font-size: 12px;}
#airSystem .table_foot{margin-top: 5px;}
.system_info p{display: inline-block; vertical-align: middle;}
.system_info dl{display: table; width: 100%; text-align: left;}
.system_info dt, .system_info dd, .system_info span{display: table-cell; font-size: 12px; color: #fff;}
.system_info dd{text-align: right;}
.system_info p{width: 44px; height: 20px; line-height: 20px; background: #22242c; text-align: center; color: #00fd3c;}
.system_info span{display: inline-block; margin-left: 2px; line-height: 20px; vertical-align: middle;}
.system_info .unit{font-size: 16px; line-height: normal; vertical-align: bottom;}
.system_info{margin: 2px 0}
#airSystem .txt_group .txt{font-size: 14px; line-height: 1.2;}
#airSystem .txt_group .box_txt .txt{color: #000;}
#airSystem .txt_group>.txt{position: absolute; color: #fff; font-size: 16px;}
#airSystem .txt_group>.txt.type2{font-size: 14px; font-weight: 700;}
#airSystem .txt_group>.txt.type2 .thin{display: block; font-weight: normal;}
#airSystem .txt_group .txt.onMachine{color: #010101; text-align: center;}
#airSystem .txt_group .txt.onMachine.out{color: #fff;}
#airSystem .txt_group .txt_01{left: 210px; top: 196px;}
#airSystem .txt_group .txt_02{left: 210px; top: 303px;}
#airSystem .txt_group .txt_03{left: 210px; top: 411px;}
#airSystem .txt_group .txt_04{left: 210px; top: 506px;}
#airSystem .txt_group .txt_05{left: 210px; top: 602px;}
#airSystem .txt_group .txt_06{left: 180px; top: 653px;}
#airSystem .txt_group .txt_07{left: 180px; top: 713px;}
#airSystem .txt_group .txt_08{left: 322px; top: 310px;}
#airSystem .txt_group .txt_09{left: 322px; top: 332px;}
#airSystem .txt_group .txt_10{left: 322px; top: 609px;}
#airSystem .txt_group .txt_11{left: 322px; top: 631px;}
#airSystem .txt_group .txt_12{left: 362px; top: 476px;}
#airSystem .txt_group .txt_13{left: 362px; top: 522px;}
#airSystem .txt_group .txt_14{left: 421px; top: 303px;}
#airSystem .txt_group .txt_15{left: 492px; top: 200px;}
#airSystem .txt_group .txt_16{left: 492px; top: 221px;}
#airSystem .txt_group .txt_17{left: 492px; top: 330px;}
#airSystem .txt_group .txt_18{left: 492px; top: 378px;}
#airSystem .txt_group .txt_19{left: 492px; top: 450px;}
#airSystem .txt_group .txt_20{left: 481px; top: 473px;}
#airSystem .txt_group .txt_21{left: 470px; top: 500px;}
#airSystem .txt_group .txt_22{left: 562px; top: 378px;}
#airSystem .txt_group .txt_23{left: 635px; top: 330px;}
#airSystem .txt_group .txt_24{left: 635px; top: 378px;}
#airSystem .txt_group .txt_25{left: 603px; top: 426px;}
#airSystem .txt_group .txt_26{left: 657px; top: 475px;}
#airSystem .txt_group .txt_27{left: 657px; top: 518px;}
#airSystem .txt_group .txt_28{left: 528px; top: 609px;}
#airSystem .txt_group .txt_29{left: 459px; top: 712px;}
#airSystem .txt_group .txt_30{left: 611px; top: 712px;}
#airSystem .txt_group .txt_31{left: 766px; top: 191px;}
#airSystem .txt_group .txt_32{left: 766px; top: 225px;}
#airSystem .txt_group .txt_33{left: 900px; top: 191px;}
#airSystem .txt_group .txt_34{left: 900px; top: 225px;}
#airSystem .txt_group .txt_35{left: 765px; top: 488px;}
#airSystem .txt_group .txt_36{left: 782px; top: 510px;}
#airSystem .txt_group .txt_37{left: 842px; top: 510px;}
#airSystem .txt_group .txt_38{left: 884px; top: 495px;}
#airSystem .txt_group .txt_39{left: 934px; top: 510px;}
#airSystem .txt_group .txt_40{left: 813px; top: 553px;}
#airSystem .txt_group .txt_41{left: 782px; top: 595px;}
#airSystem .txt_group .txt_42{left: 842px; top: 595px;}
#airSystem .txt_group .txt_43{left: 884px; top: 580px;}
#airSystem .txt_group .txt_44{left: 934px; top: 595px;}
#airSystem .txt_group .txt_45{left: 813px; top: 635px;}
#airSystem .txt_group .txt_46{left: 996px; top: 570px;}
#airSystem .txt_group .txt_47{left: 878px; top: 716px;}
#airSystem .txt_group .txt_48{left: 1030px; top: 716px;}
#airSystem .txt_group .txt_49{left: 952px; top: 109px;}
#airSystem .txt_group .txt_50{left: 1043px; top: 67px;}
#airSystem .txt_group .txt_51{left: 1034px; top: 416px;}
#airSystem .txt_group .txt_52{left: 1231px; top: 192px;}
#airSystem .txt_group .txt_53{left: 1155px; top: 389px;}
#airSystem .txt_group .txt_54{left: 1245px; top: 389px;}
#airSystem .txt_group .txt_55{left: 1155px; top: 434px;}
#airSystem .txt_group .txt_56{left: 1075px; top: 524px;}
#airSystem .txt_group .txt_57{left: 1232px; top: 524px;}
#airSystem .txt_group .txt_58{left: 1286px; top: 509px;}
#airSystem .txt_group .txt_59{left: 1286px; top: 568px;}
#airSystem .txt_group .txt_60{left: 1351px; top: 88px;}
#airSystem .txt_group .txt_61{left: 1472px; top: 97px;}
#airSystem .txt_group .txt_62{left: 1472px; top: 124px;}
#airSystem .txt_group .txt_63{left: 1472px; top: 153px;}
#airSystem .txt_group .txt_64{left: 1472px; top: 185px;}
#airSystem .txt_group .txt_65{left: 1472px; top: 212px;}
#airSystem .txt_group .txt_66{left: 1472px; top: 240px;}
#airSystem .txt_group .txt_67{left: 1472px; top: 267px;}
#airSystem .txt_group .txt_68{left: 1472px; top: 297px;}
#airSystem .txt_group .txt_69{left: 1472px; top: 324px;}
#airSystem .txt_group .txt_70{left: 1472px; top: 354px;}
#airSystem .txt_group .txt_71{left: 1472px; top: 380px;}
#airSystem .txt_group .txt_72{left: 1472px; top: 410px;}
#airSystem .txt_group .txt_73{left: 1472px; top: 437px;}
#airSystem .txt_group .txt_74{left: 1472px; top: 467px;}
#airSystem .txt_group .txt_75{left: 1472px; top: 487px;}
#airSystem .txt_group .txt_76{left: 1472px; top: 507px;}
#airSystem .txt_group .txt_77{left: 1472px; top: 528px;}
#airSystem .txt_group .txt_78{left: 1472px; top: 552px;}
#airSystem .txt_group .txt_79{left: 1472px; top: 577px;}
#airSystem .txt_group .txt_80{left: 1472px; top: 603px;}
#airSystem .txt_group .txt_81{left: 1472px; top: 632px;}
#airSystem .txt_group .txt_82{left: 1472px; top: 660px;}
#airSystem .txt_group .txt_83{left: 1472px; top: 687px;}
#airSystem .txt_group .txt_84{left: 1472px; top: 714px;}
#airSystem .txt_group .txt_85{left: 1472px; top: 741px;}
#airSystem .txt_group .txt_86{left: 1472px; top: 804px;}
#airSystem .txt_group .txt_87{left: 1472px; top: 824px;}
#airSystem .txt_group .txt_88{left: 1338px; top: 835px;}
#airSystem .txt_group .txt_89{left: 180px; top: 754px;}
#airSystem .txt_group .txt_90{left: 302px; top: 832px;}
#airSystem .txt_group .txt_91{left: 541px; top: 818px;}
#airSystem .txt_group .txt_92{left: 940px; top: 818px;}
#airSystem .txt_group .txt_93{left: 1112px; top: 833px;}
#airSystem .txt_group .txt_94{left: 709px; top: 29px;}
#airSystem .txt_group .txt_95{left: 800px; top: 82px;}
#airSystem .txt_group .txt_96{left: 800px; top: 278px;}
#airSystem .txt_group .txt_97{width: 79px; left: 1183px; top: 51px; padding: 0 10px; box-sizing: border-box;}
#airSystem .txt_group .txt_98{width: 79px; left: 1105px; top: 253px; padding: 0 5px; box-sizing: border-box;}
#airSystem .txt_group .txt_99{width: 79px; left: 1197px; top: 244px; padding: 0 10px; box-sizing: border-box;}
#airSystem .txt_group .txt_100{left: 1391px; top: 60px; white-space: nowrap;}
#airSystem .txt_group .txt_101{left: 1342px; top: 757px; white-space: nowrap;}
#airSystem .txt_group .txt_102{left: 1390px; top: 866px; white-space: nowrap;}
#airSystem .txt_group .box_txt .name{float: right; width: 86px; height: 24px; line-height: 24px; font-size: 14px; color: #000; font-weight: 700; margin-bottom: 14px; text-align: center; margin-right: 11px;}
#airSystem .vertical_txt{position: absolute; right: 74px; top: 74px;}
#airSystem .vertical_txt .txt{position: absolute; left: 0; white-space: nowrap; color: #fff; text-align: left!important; line-height: 1.1;}
#airSystem .vertical_txt .v_txt_01{top: 0;}
#airSystem .vertical_txt .v_txt_02{top: 40px;}
#airSystem .vertical_txt .v_txt_03{top: 80px;}
#airSystem .vertical_txt .v_txt_04{top: 120px;}
#airSystem .vertical_txt .v_txt_05{top: 172px;}
#airSystem .vertical_txt .v_txt_06{top: 209px;}
#airSystem .vertical_txt .v_txt_07{top: 261px;}
#airSystem .vertical_txt .v_txt_08{top: 316px;}
#airSystem .vertical_txt .v_txt_09{top: 358px;}
#airSystem .vertical_txt .v_txt_10{top: 395px;}
#airSystem .vertical_txt .v_txt_11{top: 446px;}
#airSystem .vertical_txt .v_txt_12{top: 488px;}
#airSystem .vertical_txt .v_txt_13{top: 531px;}
#airSystem .vertical_txt .v_txt_14{top: 590px;}
#airSystem .vertical_txt .v_txt_15{top: 635px;}
#airSystem .vertical_txt .v_txt_16{top: 680px;}
#airSystem .vertical_txt .v_txt_17{top: 720px;}
#airSystem .box_txt{position: absolute; left: 0; top: 116px; box-sizing: border-box;}
#airSystem .box_txt .item{position: absolute; width: 160px; left: 0;}
#airSystem .box_txt .item dt, #airSystem .box_txt .item dd, #airSystem .box_txt .item .ttl{color: #000;}
#airSystem .box_txt .item.item_01{top: 0;}
#airSystem .box_txt .item.item_02{top: 106px;}
#airSystem .box_txt .item.item_03{top: 211px;}
#airSystem .box_txt .item.item_04{top: 317px;}
#airSystem .box_txt .item.item_05{top: 423px;}
#airSystem .box_txt .system_info{margin-top: 10px;}
#airSystem .box_txt .system_info dd p, #airSystem .box_txt .system_info p{width: 70px; font-size: 24px; line-height: 28px; height: 28px;}
#airSystem .box_txt .system_info dd span, #airSystem .box_txt .system_info span{line-height: 22px; color: #000;}
#airSystem .box_txt.v2{left: 392px; top: 346px;}
#airSystem .box_txt.v2 .item{width: 90px; height: 112px; padding: 6px 5px 0; box-sizing: border-box;}
#airSystem .box_txt.v2 .item.item_02{top: 0; left: 294px;}
#airSystem .box_txt.v2 .item.item_03{top: 144px; left: 740px;}
#airSystem .box_txt.v2 .system_info{margin: 0;}
#airSystem .box_txt.v2 .system_info dl{display: block;}
#airSystem .box_txt.v2 .system_info dt, #airSystem .box_txt.v2 .system_info dd, .system_info .ttl{display: block; text-align: center;}
#airSystem .box_txt.v2 .system_info dt{text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 1.2;}
#airSystem .box_txt.v2 .system_info dd{margin-top: 7px;}
#airSystem .box_txt.v2 .system_info dd span{display: block;}
#airSystem .box_txt.main{width: 255px; height: 132px; left: 181px; top: 45px;}
#airSystem .box_txt.main .item{width: 100%; padding: 10px 10px 0; box-sizing: border-box;}
#airSystem .box_txt.main .item>.ttl{font-size: 14px; color: #000; font-weight: 700; text-align: center; line-height: 1.2;}
#airSystem .box_txt.main .system_info{margin-top: 8px;}
#airSystem .box_txt.main .system_info dl+dl{margin-top: 4px;}
#airSystem .box_txt.main .system_info span{min-width: 24px;}
#airSystem .status_txt{position: absolute; bottom: 95px; left: 595px; text-align: left;}
#airSystem .status_txt p{color: #fff;}
#airSystem .status_txt .txt+.status{margin-top: 10px;}
#airSystem .status_txt .status span{display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #00fd3c; vertical-align: middle; margin-top: -2px;}
#airSystem .status_txt .status span.alert{background: #ff0000; padding: 0!important; margin: 0!important; border: none!important;}
#airSystem .status_txt .status p{display: inline-block; font-size: 14px;}
#airSystem .status_txt .item{position: absolute; width: 160px; top: 0; left: 0;}
#airSystem .status_txt .item.item_02{left: 238px;}
#airSystem .status_txt .item.item_03{left: 427px;}
#airSystem .status_txt .item.item_04{left: 634px; top: 26px;}
#airSystem .status_txt.v2{left: 296px; bottom: 171px;}
#airSystem .status_txt.v3{left: 896px; bottom: 562px; text-align: center;}
#airSystem .status_txt.v3 .item{width: 70px; padding: 0 5px; box-sizing: border-box;}
#airSystem .status_txt.v3 .item.item_02{left: 87px;}
#airSystem .table_foot .system_info span{margin-left: 0;}
#airSystem .abn_box{display: block; text-align: center;}
#airSystem .abn_box>span{display: inline-block; width: 65px; line-height: 20px; height: 20px; background: #adadad; font-size: 14px; font-weight: 700; border-radius: 10px; color: #000;}
#airSystem .txt .abn_box{margin-top: 6px;}
#airSystem .abn_box.is_active>span{background: #ff0000;}
#airSystem .abn_box.ta{position: absolute; bottom: 60px;}
#airSystem .abn_box.ta004{left: 488px;}
#airSystem .abn_box.ta003{left: 638px;}
#airSystem .abn_box.ta002{left: 881px;}
#airSystem .abn_box.ta001{left: 1030px;}

/*-------------------------------------------------------------------
    ## Boiler
-------------------------------------------------------------------*/
#boiler{padding-bottom: 20px;}
#boiler .cnt_area{text-align: center;}
#boiler .info_wrap{position: relative; display: inline-block; padding-top: 45px; padding-left: 40px;}
#boiler .info_wrap .bg_area{display: inline-block;}
#boiler .info_wrap .txt_area{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
#boiler .txt_group .txt{font-size: 14px; }
#boiler .txt_group .txt.txt_01{left: 85px; top: 54px;}
#boiler .txt_group .txt.txt_02{left: 237px; top: 8px; text-align: center;}
#boiler .txt_group .txt.txt_03{left: 684px; top: 74px;}
#boiler .txt_group .txt.txt_04{right: 359px; top: 128px;}
#boiler .txt_group .txt.txt_05{right: 218px; top: 94px;}
#boiler .txt_group .txt.txt_06{right: 117px; top: 72px;}
#boiler .txt_group .txt.txt_07{left: 220px; top: 164px;}
#boiler .txt_group .txt.txt_08{left: 473px; top: 277px;}
#boiler .txt_group .txt.txt_09{left: 233px; top: 395px;}
#boiler .txt_group .txt.txt_10{right: 405px; top: 370px;}
#boiler .txt_group .txt.txt_11{left: 9px; bottom: 73px; text-align: center;}
#boiler .txt_group .txt.txt_12{left: 46px; bottom: -11px;}
#boiler .txt_group .txt.txt_13{left: 532px; bottom: 132px;}
#boiler .txt_group .txt.txt_14{right: 552px; bottom: 64px; text-align: center;}
#boiler .txt_group .txt.txt_15{right: 293px; bottom: 64px; text-align: center;}
#boiler .txt_group .txt.txt_16{left: 206px; bottom: 88px; color: #000;}
#boiler .ttl{font-size: 20px; font-weight: 700; color: #000;}
#boiler .box_txt .item{position: absolute;}
#boiler .box_txt .item.inbox{width: 166px; text-align: center; padding: 0 5px; box-sizing: border-box;}
#boiler .box_txt .item.inbox dd span{width: 26px; text-align: left;}
#boiler .box_txt .item.inbox .status_txt p, #boiler .box_txt .item.inbox dt, #boiler .box_txt .item.inbox dd span{color: #000;}
#boiler .box_txt .item.inbox .status_txt{display: inline-block;}
#boiler .box_txt .item.inbox .ttl+.status_txt{margin: 10px 0 12px;}
#boiler .box_txt .item.inbox .status_txt+.system_info{margin: 2px 0 0;}
#boiler .box_txt .item.inbox .system_info{text-align: left;}
#boiler .box_txt .item.inbox .system_info dl{padding: 1px 0;}
#boiler .box_txt .item.item_01{left: 688px; top: 183px;}
#boiler .box_txt .item.item_02{right: 62px; top: 183px;}
#boiler .box_txt .item.item_03{left: 218px; top: 46px; width: 115px; box-sizing: border-box; padding: 0 5px;}
#boiler .box_txt .item.item_04{left: 573px; top: 64px;}
#boiler .box_txt .system_info.big p{width: 60px; font-size: 20px;}
#boiler .status_txt{text-align: left;}
#boiler .status_txt .item{position: absolute;}
#boiler .status_txt .txt+.status{margin-top: 10px;}
#boiler .status_txt .status span{display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #00fd3c; vertical-align: middle; margin-top: -2px;}
#boiler .status_txt .status span.alert{background: #ff0000; padding: 0!important; margin-bottom: 0!important; border: none!important;}
#boiler .status_txt .status p{display: inline-block; font-size: 14px;}
#boiler .status_txt .item.inbox p{color: #000;}
#boiler .status_txt .item.item_01{left: 150px; bottom: 170px;}
#boiler .status_txt .item.item_02{left: 300px; bottom: 123px;}
#boiler .status_txt .item.item_03{left: 300px; bottom: 72px;}
#boiler .status_txt .item.item_04{right: 476px; bottom: 141px;}
#boiler .status_txt .item.item_05{right: 340px; bottom: 141px;}
#boiler .status_txt .item.item_06{right: 412px; bottom: 55px; text-align: center;}
#boiler .status_txt .item.item_06 .status{display: inline-block; background: #adadad; padding: 3px 6px;}
#boiler .status_txt .item.item_06 .status p{color: #000;}
#boiler .status_txt .item.item_07{left: 439px; bottom: 37px;}

/*-------------------------------------------------------------------
    ## Infra detail
-------------------------------------------------------------------*/
#infraDetail{text-align: center;}
#infraDetail .map_wrap{display: inline-block; position: relative; width: 1570px; height: 802px; margin: 0 auto; padding: 20px; box-sizing: border-box; text-align: left; }
#infraDetail .map_item_group{position: absolute; z-index: 2; left: 20px; right: 20px; top: 17px; bottom: 20px; }
#infraDetail .map_item{position: absolute;}
#infraDetail .map_item .txt_area{position: absolute; left: 50%; white-space: nowrap; transform: translateX(-50%);}
#infraDetail .map_item .img_area+.txt_area{margin-top: 4px;}
#infraDetail .map_item.txt_top .txt_area{margin-bottom: 4px}
#infraDetail .map_item.txt_top .img_area{margin-top: 24px;}
#infraDetail .map_item.txt_top.sms .img_area{margin-top: 30px;}
#infraDetail .bg_area{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;}
#infraDetail .bg_area>span{position: absolute;}
#infraDetail .ttl_area{position: relative; z-index: 1;}
#infraDetail .ttl_area .ttl_02{position: absolute; left: 0; top: 590px;}
#infraDetail .ttl_area .ttl_03{position: absolute; left: 684px; top: 590px;}
#infraDetail .txt_area{text-align: center;}
#infraDetail .txt_area span{display: inline-block; font-size: 14px; color: #fff; line-height: 1;}
#infraDetail .ic_connection{width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-radius: 5px; background: #00fd3c; margin: -2px 5px 0 0;}
#infraDetail .map_item.sms{top: 188px; left: 0;}
#infraDetail .map_item.sms .txt_area{margin-bottom: 12px;}
#infraDetail .map_item.sms .txt_area{margin-bottom: 12px;}
#infraDetail .map_item.l3sw{top: 282px; left: 388px;}
#infraDetail .map_item.firewall{top: 0; left: 603px;}
#infraDetail .map_item.saterllite{top: 0; left: 993px;}
#infraDetail .map_item.txt_top .txt_area{margin-bottom: 10px}
#infraDetail .map_item.vxt{top: 142px; left: 694px;}
#infraDetail .map_item.vdr{top: 142px; left: 872px;}
#infraDetail .map_item.ecdis{top: 142px; left: 1050px;}
#infraDetail .map_item.ams{top: 142px; left: 1229px;}
#infraDetail .map_item.voip{top: 142px; left: 1407px;}
#infraDetail .map_item.l2sw_1{top: 409px; left: 694px;}
#infraDetail .map_item.l2sw_2{top: 409px; left: 872px;}
#infraDetail .map_item.l2sw_3{top: 409px; left: 1050px;}
#infraDetail .map_item.l2sw_4{top: 409px; left: 1229px;}
#infraDetail .map_item.nvr{top: 409px; left: 1407px}
#infraDetail .map_item.l2sw_5{top: 591px; left: 272px;}
#infraDetail .map_item.loading_cpt{top: 650px; left: 116px;}
#infraDetail .map_item.rcms{top: 650px; left: 427px;}
#infraDetail .map_item.l2sw_6{top: 650px; left: 761px;}
#infraDetail .map_line_group{position: absolute; left: 20px; right: 20px; top: 17px; bottom: 20px; z-index: 1;}
#infraDetail .line_item{position: absolute;}
#infraDetail .line_item.sms{position: absolute; left: 165px; top: 318px; width: 223px; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.saterllite{position: absolute; left: 729px; top: 47px; width: 264px; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.firewall{position: absolute; left: 463px; top: 46px; width: 150px; height: 234px; border-top: 2px solid #bec0c2; border-left: 2px solid #bec0c2;}
#infraDetail .line_item.vxt{position: absolute; left: 554px; top: 262px; width: 196px; height: 31px; border-right: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}
#infraDetail .line_item.vdr{position: absolute; left: 554px; top: 262px; width: 378px; height: 41px; border-right: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}
#infraDetail .line_item.ecdis{position: absolute; left: 554px; top: 262px; width: 555px; height: 51px; border-right: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}
#infraDetail .line_item.ams{position: absolute; left: 554px; top: 262px; width: 731px; height: 61px; border-right: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}
#infraDetail .line_item.voip{position: absolute; left: 554px; top: 262px; width: 910px; height: 71px; border-right: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}
#infraDetail .line_item.nvr{position: absolute; left: 554px; top: 343px; width: 910px; height: 64px; border-right: 2px solid #bec0c2; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.l2sw_4{position: absolute; left: 554px; top: 353px; width: 731px; height: 54px; border-right: 2px solid #bec0c2; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.l2sw_3{position: absolute; left: 554px; top: 363px; width: 555px; height: 44px; border-right: 2px solid #bec0c2; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.l2sw_2{position: absolute; left: 554px; top: 373px; width: 378px; height: 34px; border-right: 2px solid #bec0c2; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.l2sw_1{position: absolute; left: 554px; top: 383px; width: 196px; height: 24px; border-right: 2px solid #bec0c2; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.l2sw_5{position: absolute; left: 328px; top: 380px; width: 58px; height: 209px; border-left: 2px solid #bec0c2; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.loading_cpt{position: absolute; left: 175px; top: 630px; width: 95px; height: 18px; border-left: 2px solid #bec0c2; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.rcms{position: absolute; left: 387px; top: 630px; width: 95px; height: 18px; border-right: 2px solid #bec0c2; border-top: 2px solid #bec0c2;}
#infraDetail .line_item.l2sw_6{position: absolute; left: 535px; top: 421px; width: 282px; height: 142px; border-left: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}
#infraDetail .line_item.l2sw_6:before{position: absolute; right: 0; top: 100%; height: 87px; border-right: 2px solid #bec0c2; content: '';}
#infraDetail .map_item.error .txt_area i{background: #ff0000!important;}

/*20200805 색깔변경*/
#infraDetail .map_item.orange .txt_area i{background: #ff7200!important;}
/*20200731 추가*/
#infraDetail .map_item.yellow .txt_area i{background: #ffd600!important;}
#infraDetail .map_item.grey .txt_area i{background: #2d3039!important;}

#infraDetail .line_item.error{border-color: #ff0000!important;}
#infraDetail .line_item.error:before, #infraDetail .line_item.error:after{border-color: #ff0000!important;}

/*20200811 수정*/
#infraDetail .map_item.table {left: 0px; top: 360px;}

/***************/
#infraDetail .tbl{width: auto; table-layout: fixed; box-shadow: 0 2px 13px rgba(0,0,0,.3);}
#infraDetail .tbl th{width: 50px; font-size: 14px; min-height: 30px; padding: 7px;}
#infraDetail .tbl td{width: 100px; font-size: 16px; box-sizing: border-box; padding: 0; min-height: 30px; padding: 7px 0; line-height: 1;}
#infraDetail .tbl td span{width: 34px; font-size: 14px; float: right; text-align: left;}

/*20200811 추가*/
#infraDetail .map_item.table .cnt3 th{width: 100px;}


/* 24k_1 */
#infraDetail.v_24k_1 {
    text-align: center;
}

#infraDetail.v_24k_1 .map_wrap {
    display: inline-block;
    position: relative;
    width: 1570px;
    height: 802px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

#infraDetail.v_24k_1 .map_item_group {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
}

#infraDetail.v_24k_1 .map_item {
    position: absolute;
}

#infraDetail.v_24k_1 .map_item .txt_area {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}

#infraDetail.v_24k_1 .map_item .img_area + .txt_area {
    margin-top: 4px;
}

#infraDetail.v_24k_1 .map_item.txt_top .txt_area {
    margin-bottom: 4px
}

#infraDetail.v_24k_1 .map_item.txt_top .img_area {
    margin-top: 24px;
}

#infraDetail.v_24k_1 .map_item.txt_top.sms .img_area {
    margin-top: 30px;
}

#infraDetail.v_24k_1 .bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

#infraDetail.v_24k_1 .bg_area > span {
    position: absolute;
}

#infraDetail.v_24k_1 .ttl_area {
    position: relative;
    z-index: 1;
}

#infraDetail.v_24k_1 .ttl_01 {
    position: absolute;
    left: 0px;
    top: 14px;
}

#infraDetail.v_24k_1 .ttl_02 {
    position: absolute;
    left: 1120px;
    top: 14px;
}

#infraDetail.v_24k_1 .txt_area {
    text-align: center;
}

#infraDetail.v_24k_1 .txt_area span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

#infraDetail.v_24k_1 .ic_connection {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #00fd3c;
    margin: -2px 5px 0 0;
}

#infraDetail.v_24k_1 .map_item.sms {
    top: 336px;
    left: 325px;
}

#infraDetail.v_24k_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_24k_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_24k_1 .map_item.l3sw {
    top: 331px;
    left: 815px;
}

#infraDetail.v_24k_1 .map_item.saterllite {
    top: 63px;
    left: 612px;
}

#infraDetail.v_24k_1 .map_item.txt_top .txt_area {
    margin-bottom: 10px
}

#infraDetail.v_24k_1 .map_item.vdr {
    top: 637px;
    left: 104px;
}

#infraDetail.v_24k_1 .map_item.ecdis {
    top: 637px;
    left: 358px;
}

#infraDetail.v_24k_1 .map_item.ams {
    top: 637px;
    left: 863px;
}

#infraDetail.v_24k_1 .map_item.voip {
    top: 637px;
    left: 612px;
}

#infraDetail.v_24k_1 .map_item.loading_cpt {
    top: 202px;
    left: 1277px;
}

#infraDetail.v_24k_1 .map_item.rcms {
    top: 503px;
    left: 1277px;
}

#infraDetail.v_24k_1 .map_line_group {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
    z-index: 1;
}

#infraDetail.v_24k_1 .line_item {
    position: absolute;
}

#infraDetail.v_24k_1 .line_item.sms {
    position: absolute;
    left: 490px;
    top: 401px;
    width: 325px;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_24k_1 .line_item.saterllite {
    position: absolute;
    left: 727px;
    top: 114px;
    width: 171px;
    height: 217px;
    border-top: 2px solid #bec0c2;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_24k_1 .line_item.vdr {
    position: absolute;
    left: 162px;
    top: 506px;
    width: 717px;
    height: 65px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_24k_1 .line_item.vdr:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 69px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_24k_1 .line_item.ecdis {
    position: absolute;
    left: 416px;
    top: 506px;
    width: 478px;
    height: 88px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_24k_1 .line_item.ecdis:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 46px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_24k_1 .line_item.voip {
    position: absolute;
    left: 670px;
    top: 506px;
    width: 239px;
    height: 110px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_24k_1 .line_item.voip:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 24px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_24k_1 .line_item.ams {
    position: absolute;
    left: 921px;
    top: 506px;
    width: 0px;
    height: 132px;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_24k_1 .line_item.loading_cpt {
    position: absolute;
    left: 982px;
    top: 250px;
    width: 203px;
    height: 136px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_24k_1 .line_item.loading_cpt:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 93px;
    border-top: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_24k_1 .line_item.rcms {
    position: absolute;
    left: 982px;
    top: 415px;
    width: 203px;
    height: 136px;
    border-right: 2px solid #bec0c2;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_24k_1 .line_item.rcms:before {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 93px;
    border-bottom: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_24k_1 .map_item.error .txt_area i {
    background: #ff0000 !important;
}

/*20200805 색깔변경*/
#infraDetail.v_24k_1 .map_item.orange .txt_area i {
    background: #ff7200 !important;
}
/*20200731 추가*/
#infraDetail.v_24k_1 .map_item.yellow .txt_area i {
    background: #ffd600 !important;
}

#infraDetail.v_24k_1 .map_item.grey .txt_area i {
    background: #2d3039 !important;
}

#infraDetail.v_24k_1 .line_item.error {
    border-color: #ff0000 !important;
}

#infraDetail.v_24k_1 .line_item.error:before, #infraDetail.v_24k_1 .line_item.error:after {
    border-color: #ff0000 !important;
}

#infraDetail.v_24k_1 .map_item.table {
    left: 124px;
    top: 336px;
    width: 500px;
}

/***************/
#infraDetail.v_24k_1 .tbl {
    width: auto;
    table-layout: fixed;
    box-shadow: 0 2px 13px rgba(0,0,0,.3);
}

#infraDetail.v_24k_1 .tbl th {
    width: 50px;
    font-size: 14px;
    min-height: 30px;
    padding: 7px;
}

#infraDetail.v_24k_1 .tbl td {
    width: 100px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    min-height: 30px;
    padding: 7px 0;
    line-height: 1;
}

#infraDetail.v_24k_1 .tbl td span {
    width: 34px;
    font-size: 14px;
    float: right;
    text-align: left;
}

/*20200811 추가*/
#infraDetail.v_24k_1 .map_item.table .cnt3 th {
    width: 100px;
}

/* 24k_2 */
#infraDetail.v_24k_2 {
    text-align: center;
}

#infraDetail.v_24k_2 .map_wrap {
    display: inline-block;
    position: relative;
    width: 1570px;
    height: 802px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

#infraDetail.v_24k_2 .map_item_group {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
}

#infraDetail.v_24k_2 .map_item {
    position: absolute;
}

#infraDetail.v_24k_2 .map_item .txt_area {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}

#infraDetail.v_24k_2 .map_item .img_area + .txt_area {
    margin-top: 4px;
}

#infraDetail.v_24k_2 .map_item.txt_top .txt_area {
    margin-bottom: 4px
}

#infraDetail.v_24k_2 .map_item.txt_top .img_area {
    margin-top: 24px;
}

#infraDetail.v_24k_2 .map_item.txt_top.sms .img_area {
    margin-top: 30px;
}

#infraDetail.v_24k_2 .bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

#infraDetail.v_24k_2 .bg_area > span {
    position: absolute;
}

#infraDetail.v_24k_2 .ttl_area {
    position: relative;
    z-index: 1;
}

#infraDetail.v_24k_2 .ttl_01 {
    position: absolute;
    left: 0px;
    top: 14px;
}

#infraDetail.v_24k_2 .ttl_02 {
    position: absolute;
    left: 1120px;
    top: 14px;
}

#infraDetail.v_24k_2 .ttl_03 {
    position: absolute;
    left: 1120px;
    top: 414px;
}

#infraDetail.v_24k_2 .txt_area {
    text-align: center;
}

#infraDetail.v_24k_2 .txt_area span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

#infraDetail.v_24k_2 .ic_connection {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #00fd3c;
    margin: -2px 5px 0 0;
}

#infraDetail.v_24k_2 .map_item.sms {
    top: 336px;
    left: 325px;
}

#infraDetail.v_24k_2 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_24k_2 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_24k_2 .map_item.l3sw {
    top: 331px;
    left: 815px;
}

#infraDetail.v_24k_2 .map_item.saterllite {
    top: 63px;
    left: 612px;
}

#infraDetail.v_24k_2 .map_item.txt_top .txt_area {
    margin-bottom: 10px
}

#infraDetail.v_24k_2 .map_item.vdr {
    top: 637px;
    left: 104px;
}

#infraDetail.v_24k_2 .map_item.ecdis {
    top: 637px;
    left: 358px;
}

#infraDetail.v_24k_2 .map_item.ams {
    top: 527px;
    left: 1277px;
}

#infraDetail.v_24k_2 .map_item.voip {
    top: 637px;
    left: 612px;
}

#infraDetail.v_24k_2 .map_item.loading_cpt {
    top: 140px;
    left: 1159px;
}

#infraDetail.v_24k_2 .map_item.rcms {
    top: 140px;
    left: 1393px;
}

#infraDetail.v_24k_2 .map_line_group {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
    z-index: 1;
}

#infraDetail.v_24k_2 .line_item {
    position: absolute;
}

#infraDetail.v_24k_2 .line_item.sms {
    position: absolute;
    left: 490px;
    top: 401px;
    width: 325px;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_24k_2 .line_item.saterllite {
    position: absolute;
    left: 727px;
    top: 114px;
    width: 171px;
    height: 217px;
    border-top: 2px solid #bec0c2;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_24k_2 .line_item.vdr {
    position: absolute;
    left: 162px;
    top: 506px;
    width: 717px;
    height: 65px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_24k_2 .line_item.vdr:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 69px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_24k_2 .line_item.ecdis {
    position: absolute;
    left: 416px;
    top: 506px;
    width: 478px;
    height: 88px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_24k_2 .line_item.ecdis:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 46px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_24k_2 .line_item.voip {
    position: absolute;
    left: 670px;
    top: 506px;
    width: 239px;
    height: 110px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_24k_2 .line_item.voip:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 24px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_24k_2 .line_item.ams {
    position: absolute;
    left: 982px;
    top: 448px;
    width: 352px;
    height: 80px;
    border-right: 2px solid #bec0c2;
    border-bottom: 0px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_24k_2 .line_item.loading_cpt {
    position: absolute;
    left: 982px;
    top: 271px;
    width: 236px;
    height: 90px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_24k_2 .line_item.rcms {
    position: absolute;
    left: 982px;
    top: 271px;
    width: 469px;
    height: 106px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_24k_2 .map_item.error .txt_area i {
    background: #ff0000 !important;
}

/*20200805 색깔변경*/
#infraDetail.v_24k_2 .map_item.orange .txt_area i {
    background: #ff7200 !important;
}
/*20200731 추가*/
#infraDetail.v_24k_2 .map_item.yellow .txt_area i {
    background: #ffd600 !important;
}   

#infraDetail.v_24k_2 .map_item.grey .txt_area i {
    background: #2d3039 !important;
}

#infraDetail.v_24k_2 .line_item.error {
    border-color: #ff0000 !important;
}

#infraDetail.v_24k_2 .line_item.error:before, #infraDetail.v_24k_2 .line_item.error:after {
    border-color: #ff0000 !important;
}

#infraDetail.v_24k_2 .map_item.table {
    left: 124px;
    top: 336px;
    width: 500px;
}

/***************/
#infraDetail.v_24k_2 .tbl {
    width: auto;
    table-layout: fixed;
    box-shadow: 0 2px 13px rgba(0,0,0,.3);
}

#infraDetail.v_24k_2 .tbl th {
    width: 50px;
    font-size: 14px;
    min-height: 30px;
    padding: 7px;
}

#infraDetail.v_24k_2 .tbl td {
    width: 100px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    min-height: 30px;
    padding: 7px 0;
    line-height: 1;
}

#infraDetail.v_24k_2 .tbl td span {
    width: 34px;
    font-size: 14px;
    float: right;
    text-align: left;
}

/*20200811 추가*/
#infraDetail.v_24k_2 .map_item.table .cnt3 th {
    width: 100px;
}


    /* 16k_1 */
#infraDetail.v_16k_1 {
    text-align: center;
}

#infraDetail.v_16k_1 .map_wrap {
    display: inline-block;
    position: relative;
    width: 1570px;
    height: 802px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

#infraDetail.v_16k_1 .map_item_group {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
}

#infraDetail.v_16k_1 .map_item {
    position: absolute;
}

#infraDetail.v_16k_1 .map_item .txt_area {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}

#infraDetail.v_16k_1 .map_item .img_area + .txt_area {
    margin-top: 4px;
}

#infraDetail.v_16k_1 .map_item.txt_top .txt_area {
    margin-bottom: 4px
}

#infraDetail.v_16k_1 .map_item.txt_top .img_area {
    margin-top: 24px;
}

#infraDetail.v_16k_1 .map_item.txt_top.sms .img_area {
    margin-top: 30px;
}

#infraDetail.v_16k_1 .bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

#infraDetail.v_16k_1 .bg_area > span {
    position: absolute;
}

#infraDetail.v_16k_1 .ttl_area {
    position: relative;
    z-index: 1;
}

#infraDetail.v_16k_1 .ttl_01 {
    position: absolute;
    left: 0px;
    top: 14px;
}

#infraDetail.v_16k_1 .ttl_02 {
    position: absolute;
    left: 1120px;
    top: 14px;
}

#infraDetail.v_16k_1 .txt_area {
    text-align: center;
}

#infraDetail.v_16k_1 .txt_area span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

#infraDetail.v_16k_1 .ic_connection {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #00fd3c;
    margin: -2px 5px 0 0;
}

#infraDetail.v_16k_1 .map_item.sms {
    top: 336px;
    left: 325px;
}

#infraDetail.v_16k_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_16k_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_16k_1 .map_item.l3sw {
    top: 331px;
    left: 815px;
}

#infraDetail.v_16k_1 .map_item.saterllite {
    top: 63px;
    left: 612px;
}

#infraDetail.v_16k_1 .map_item.txt_top .txt_area {
    margin-bottom: 10px
}

#infraDetail.v_16k_1 .map_item.vdr {
    top: 637px;
    left: 104px;
}

#infraDetail.v_16k_1 .map_item.ecdis {
    top: 637px;
    left: 358px;
}

#infraDetail.v_16k_1 .map_item.ams {
    top: 637px;
    left: 863px;
}

#infraDetail.v_16k_1 .map_item.voip {
    top: 637px;
    left: 612px;
}

#infraDetail.v_16k_1 .map_item.loading_cpt {
    top: 202px;
    left: 1277px;
}

#infraDetail.v_16k_1 .map_item.rcms {
    top: 503px;
    left: 1277px;
}

#infraDetail.v_16k_1 .map_line_group {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
    z-index: 1;
}

#infraDetail.v_16k_1 .line_item {
    position: absolute;
}

#infraDetail.v_16k_1 .line_item.sms {
    position: absolute;
    left: 490px;
    top: 401px;
    width: 325px;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_16k_1 .line_item.saterllite {
    position: absolute;
    left: 727px;
    top: 114px;
    width: 171px;
    height: 217px;
    border-top: 2px solid #bec0c2;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_16k_1 .line_item.vdr {
    position: absolute;
    left: 162px;
    top: 506px;
    width: 717px;
    height: 65px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_16k_1 .line_item.vdr:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 69px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_16k_1 .line_item.ecdis {
    position: absolute;
    left: 416px;
    top: 506px;
    width: 478px;
    height: 88px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_16k_1 .line_item.ecdis:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 46px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_16k_1 .line_item.voip {
    position: absolute;
    left: 670px;
    top: 506px;
    width: 239px;
    height: 110px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_16k_1 .line_item.voip:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 24px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_16k_1 .line_item.ams {
    position: absolute;
    left: 921px;
    top: 506px;
    width: 0px;
    height: 132px;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_16k_1 .line_item.loading_cpt {
    position: absolute;
    left: 982px;
    top: 250px;
    width: 203px;
    height: 136px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_16k_1 .line_item.loading_cpt:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 93px;
    border-top: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_16k_1 .line_item.rcms {
    position: absolute;
    left: 982px;
    top: 415px;
    width: 203px;
    height: 136px;
    border-right: 2px solid #bec0c2;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_16k_1 .line_item.rcms:before {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 93px;
    border-bottom: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_16k_1 .map_item.error .txt_area i {
    background: #ff0000 !important;
}

/*20200805 색깔변경*/
#infraDetail.v_16k_1 .map_item.orange .txt_area i {
    background: #ff7200 !important;
}
/*20200731 추가*/
#infraDetail.v_16k_1 .map_item.yellow .txt_area i {
    background: #ffd600 !important;
}

#infraDetail.v_16k_1 .map_item.grey .txt_area i {
    background: #2d3039 !important;
}

#infraDetail.v_16k_1 .line_item.error {
    border-color: #ff0000 !important;
}

#infraDetail.v_16k_1 .line_item.error:before, #infraDetail.v_16k_1 .line_item.error:after {
    border-color: #ff0000 !important;
}

#infraDetail.v_16k_1 .map_item.table {
    left: 124px;
    top: 336px;
    width: 500px;
}

/***************/
#infraDetail.v_16k_1 .tbl {
    width: auto;
    table-layout: fixed;
    box-shadow: 0 2px 13px rgba(0,0,0,.3);
}

#infraDetail.v_16k_1 .tbl th {
    width: 50px;
    font-size: 14px;
    min-height: 30px;
    padding: 7px;
}

#infraDetail.v_16k_1 .tbl td {
    width: 100px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    min-height: 30px;
    padding: 7px 0;
    line-height: 1;
}

#infraDetail.v_16k_1 .tbl td span {
    width: 34px;
    font-size: 14px;
    float: right;
    text-align: left;
}

/*20200811 추가*/
#infraDetail.v_16k_1 .map_item.table .cnt3 th {
    width: 100px;
}


/* existing_1 */
#infraDetail.v_existing_1 {
    text-align: center;
}

#infraDetail.v_existing_1 .map_wrap {
    display: inline-block;
    position: relative;
    width: 1570px;
    height: 802px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

#infraDetail.v_existing_1 .map_item_group {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
}

#infraDetail.v_existing_1 .map_item {
    position: absolute;
}

#infraDetail.v_existing_1 .map_item .txt_area {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}

#infraDetail.v_existing_1 .map_item .img_area + .txt_area {
    margin-top: 4px;
}

#infraDetail.v_existing_1 .map_item.txt_top .txt_area {
    margin-bottom: 4px
}

#infraDetail.v_existing_1 .map_item.txt_top .img_area {
    margin-top: 24px;
}

#infraDetail.v_existing_1 .map_item.txt_top.sms .img_area {
    margin-top: 30px;
}

#infraDetail.v_existing_1 .bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

#infraDetail.v_existing_1 .bg_area > span {
    position: absolute;
}

#infraDetail.v_existing_1 .ttl_area {
    position: relative;
    z-index: 1;
}

#infraDetail.v_existing_1 .ttl_01 {
    position: absolute;
    left: 0px;
    top: 14px;
}

#infraDetail.v_existing_1 .ttl_02 {
    position: absolute;
    left: 1120px;
    top: 14px;
}

#infraDetail.v_existing_1 .txt_area {
    text-align: center;
}

#infraDetail.v_existing_1 .txt_area span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

#infraDetail.v_existing_1 .ic_connection {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #00fd3c;
    margin: -2px 5px 0 0;
}

#infraDetail.v_existing_1 .map_item.sms {
    top: 336px;
    left: 325px;
}

#infraDetail.v_existing_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_existing_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_existing_1 .map_item.l3sw {
    top: 331px;
    left: 815px;
}

#infraDetail.v_existing_1 .map_item.saterllite {
    top: 63px;
    left: 612px;
}

#infraDetail.v_existing_1 .map_item.txt_top .txt_area {
    margin-bottom: 10px
}

#infraDetail.v_existing_1 .map_item.vdr {
    top: 637px;
    left: 104px;
}

#infraDetail.v_existing_1 .map_item.ams {
    top: 637px;
    left: 863px;
}

#infraDetail.v_existing_1 .map_item.loading_cpt {
    top: 202px;
    left: 1277px;
}

#infraDetail.v_existing_1 .map_line_group {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
    z-index: 1;
}

#infraDetail.v_existing_1 .line_item {
    position: absolute;
}

#infraDetail.v_existing_1 .line_item.sms {
    position: absolute;
    left: 490px;
    top: 401px;
    width: 325px;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_existing_1 .line_item.saterllite {
    position: absolute;
    left: 727px;
    top: 114px;
    width: 171px;
    height: 217px;
    border-top: 2px solid #bec0c2;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_existing_1 .line_item.vdr {
    position: absolute;
    left: 162px;
    top: 470px;
    width: 717px;
    height: 101px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_existing_1 .line_item.vdr:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 69px;
    border-right: 2px solid #bec0c2;
    content: '';
}


#infraDetail.v_existing_1 .line_item.ams {
    position: absolute;
    left: 921px;
    top: 470px;
    width: 0px;
    height: 168px;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_existing_1 .line_item.loading_cpt {
    position: absolute;
    left: 982px;
    top: 250px;
    width: 203px;
    height: 136px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_existing_1 .line_item.loading_cpt:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 93px;
    border-top: 2px solid #bec0c2;
    content: '';
}


#infraDetail.v_existing_1 .map_item.error .txt_area i {
    background: #ff0000 !important;
}

/*20200805 색깔변경*/
#infraDetail.v_existing_1 .map_item.orange .txt_area i {
    background: #ff7200 !important;
}
/*20200731 추가*/
#infraDetail.v_existing_1 .map_item.yellow .txt_area i {
    background: #ffd600 !important;
}

#infraDetail.v_existing_1 .map_item.grey .txt_area i {
    background: #2d3039 !important;
}

#infraDetail.v_existing_1 .line_item.error {
    border-color: #ff0000 !important;
}

#infraDetail.v_existing_1 .line_item.error:before, #infraDetail.v_existing_1 .line_item.error:after {
    border-color: #ff0000 !important;
}

#infraDetail.v_existing_1 .map_item.table {
    left: 124px;
    top: 336px;
    width: 500px;
}

/***************/
#infraDetail.v_existing_1 .tbl {
    width: auto;
    table-layout: fixed;
    box-shadow: 0 2px 13px rgba(0,0,0,.3);
}

#infraDetail.v_existing_1 .tbl th {
    width: 50px;
    font-size: 14px;
    min-height: 30px;
    padding: 7px;
}

#infraDetail.v_existing_1 .tbl td {
    width: 100px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    min-height: 30px;
    padding: 7px 0;
    line-height: 1;
}

#infraDetail.v_existing_1 .tbl td span {
    width: 34px;
    font-size: 14px;
    float: right;
    text-align: left;
}

/*20200811 추가*/
#infraDetail.v_existing_1 .map_item.table .cnt3 th {
    width: 100px;
}

/* existing_2 */
#infraDetail.v_existing_2 {
    text-align: center;
}

#infraDetail.v_existing_2 .map_wrap {
    display: inline-block;
    position: relative;
    width: 1570px;
    height: 802px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

#infraDetail.v_existing_2 .map_item_group {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
}

#infraDetail.v_existing_2 .map_item {
    position: absolute;
}

#infraDetail.v_existing_2 .map_item .txt_area {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}

#infraDetail.v_existing_2 .map_item .img_area + .txt_area {
    margin-top: 4px;
}

#infraDetail.v_existing_2 .map_item.txt_top .txt_area {
    margin-bottom: 4px
}

#infraDetail.v_existing_2 .map_item.txt_top .img_area {
    margin-top: 24px;
}

#infraDetail.v_existing_2 .map_item.txt_top.sms .img_area {
    margin-top: 30px;
}

#infraDetail.v_existing_2 .bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

#infraDetail.v_existing_2 .bg_area > span {
    position: absolute;
}

#infraDetail.v_existing_2 .ttl_area {
    position: relative;
    z-index: 1;
}

#infraDetail.v_existing_2 .ttl_01 {
    position: absolute;
    left: 0px;
    top: 14px;
}

#infraDetail.v_existing_2 .ttl_02 {
    position: absolute;
    left: 1120px;
    top: 14px;
}

#infraDetail.v_existing_2 .txt_area {
    text-align: center;
}

#infraDetail.v_existing_2 .txt_area span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

#infraDetail.v_existing_2 .ic_connection {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #00fd3c;
    margin: -2px 5px 0 0;
}

#infraDetail.v_existing_2 .map_item.sms {
    top: 336px;
    left: 325px;
}

#infraDetail.v_existing_2 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_existing_2 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_existing_2 .map_item.l3sw {
    top: 331px;
    left: 815px;
}

#infraDetail.v_existing_2 .map_item.saterllite {
    top: 63px;
    left: 612px;
}

#infraDetail.v_existing_2 .map_item.txt_top .txt_area {
    margin-bottom: 10px
}

#infraDetail.v_existing_2 .map_item.vdr {
    top: 637px;
    left: 104px;
}

#infraDetail.v_existing_2 .map_item.ams {
    top: 637px;
    left: 863px;
}

#infraDetail.v_existing_2 .map_item.loading_cpt {
    top: 202px;
    left: 1277px;
}

#infraDetail.v_existing_2 .map_line_group {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
    z-index: 1;
}

#infraDetail.v_existing_2 .line_item {
    position: absolute;
}

#infraDetail.v_existing_2 .line_item.sms {
    position: absolute;
    left: 490px;
    top: 401px;
    width: 325px;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_existing_2 .line_item.saterllite {
    position: absolute;
    left: 727px;
    top: 114px;
    width: 171px;
    height: 217px;
    border-top: 2px solid #bec0c2;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_existing_2 .line_item.vdr {
    position: absolute;
    left: 162px;
    top: 470px;
    width: 717px;
    height: 101px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_existing_2 .line_item.vdr:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 69px;
    border-right: 2px solid #bec0c2;
    content: '';
}


#infraDetail.v_existing_2 .line_item.ams {
    position: absolute;
    left: 921px;
    top: 470px;
    width: 0px;
    height: 168px;
    border-right: 2px solid #bec0c2;
}

#infraDetail.v_existing_2 .line_item.loading_cpt {
    position: absolute;
    left: 982px;
    top: 250px;
    width: 203px;
    height: 136px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_existing_2 .line_item.loading_cpt:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 93px;
    border-top: 2px solid #bec0c2;
    content: '';
}


#infraDetail.v_existing_2 .map_item.error .txt_area i {
    background: #ff0000 !important;
}

/*20200805 색깔변경*/
#infraDetail.v_existing_2 .map_item.orange .txt_area i {
    background: #ff7200 !important;
}
/*20200731 추가*/
#infraDetail.v_existing_2 .map_item.yellow .txt_area i {
    background: #ffd600 !important;
}

#infraDetail.v_existing_2 .map_item.grey .txt_area i {
    background: #2d3039 !important;
}

#infraDetail.v_existing_2 .line_item.error {
    border-color: #ff0000 !important;
}

#infraDetail.v_existing_2 .line_item.error:before, #infraDetail.v_existing_2 .line_item.error:after {
    border-color: #ff0000 !important;
}

#infraDetail.v_existing_2 .map_item.table {
    left: 124px;
    top: 336px;
    width: 500px;
}

/***************/
#infraDetail.v_existing_2 .tbl {
    width: auto;
    table-layout: fixed;
    box-shadow: 0 2px 13px rgba(0,0,0,.3);
}

#infraDetail.v_existing_2 .tbl th {
    width: 50px;
    font-size: 14px;
    min-height: 30px;
    padding: 7px;
}

#infraDetail.v_existing_2 .tbl td {
    width: 100px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    min-height: 30px;
    padding: 7px 0;
    line-height: 1;
}

#infraDetail.v_existing_2 .tbl td span {
    width: 34px;
    font-size: 14px;
    float: right;
    text-align: left;
}

/*20200811 추가*/
#infraDetail.v_existing_2 .map_item.table .cnt3 th {
    width: 100px;
}


/* 13k_1 */
#infraDetail.v_13k_1 {
    text-align: center;
}

#infraDetail.v_13k_1 .map_wrap {
    display: inline-block;
    position: relative;
    width: 1570px;
    height: 802px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

#infraDetail.v_13k_1 .map_item_group {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
}

#infraDetail.v_13k_1 .map_item {
    position: absolute;
}

#infraDetail.v_13k_1 .map_item .txt_area {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}

#infraDetail.v_13k_1 .map_item .img_area + .txt_area {
    margin-top: 4px;
}

#infraDetail.v_13k_1 .map_item.txt_top .txt_area {
    margin-bottom: 4px
}

#infraDetail.v_13k_1 .map_item.txt_top .img_area {
    margin-top: 24px;
}

#infraDetail.v_13k_1 .map_item.txt_top.sms .img_area {
    margin-top: 30px;
}

#infraDetail.v_13k_1 .bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

#infraDetail.v_13k_1 .bg_area > span {
    position: absolute;
}

#infraDetail.v_13k_1 .ttl_area {
    position: relative;
    z-index: 1;
}

#infraDetail.v_13k_1 .ttl_01 {
    position: absolute;
    left: 0px;
    top: 14px;
}

#infraDetail.v_13k_1 .ttl_02 {
    position: absolute;
    left: 1120px;
    top: 14px;
}

#infraDetail.v_13k_1 .ttl_03 {
    position: absolute;
    left: 1120px;
    top: 247px;
}

#infraDetail.v_13k_1 .txt_area {
    text-align: center;
}

#infraDetail.v_13k_1 .txt_area span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

#infraDetail.v_13k_1 .ic_connection {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #00fd3c;
    margin: -2px 5px 0 0;
}

#infraDetail.v_13k_1 .map_item.sms {
    top: 282px;
    left: 144px;
}

#infraDetail.v_13k_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_13k_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_13k_1 .map_item.l3sw {
    top: 311px;
    left: 276px;
}

#infraDetail.v_13k_1 .map_item.saterllite {
    top: 76px;
    left: 182px;
}

#infraDetail.v_13k_1 .map_item.txt_top .txt_area {
    margin-bottom: 10px
}

#infraDetail.v_13k_1 .map_item.vdr {
    top: 288px;
    left: 12px;
}

#infraDetail.v_13k_1 .map_item.navtex {
    top: 76px;
    left: 850px;
}

#infraDetail.v_13k_1 .map_item.bnwas {
    top: 76px;
    left: 564px;
}

#infraDetail.v_13k_1 .map_item.ecdis {
    top: 76px;
    left: 707px;
}

#infraDetail.v_13k_1 .map_item.inclinometer {
    top: 76px;
    left: 421px;
}

#infraDetail.v_13k_1 .map_item.bif {
    top: 246px;
    left: 493px;
}

#infraDetail.v_13k_1 .map_item.gyro {
    top: 246px;
    left: 636px;
}

#infraDetail.v_13k_1 .map_item.eco {
    top: 246px;
    left: 922px;
}

#infraDetail.v_13k_1 .map_item.ams {
    top: 246px;
    left: 779px;
}

#infraDetail.v_13k_1 .map_item.voip {
    top: 76px;
    left: 13px;
}

#infraDetail.v_13k_1 .map_item.loading_cpt {
    top: 55px;
    left: 1159px;
}

#infraDetail.v_13k_1 .map_item.rcms {
    top: 55px;
    left: 1393px;
}

#infraDetail.v_13k_1 .map_item.bwts {
    top: 300px;
    left: 1120px;
}

#infraDetail.v_13k_1 .map_item.egcs {
    top: 300px;
    left: 1268px;
}

#infraDetail.v_13k_1 .map_item.spm {
    top: 300px;
    left: 1413px;
}

#infraDetail.v_13k_1 .map_item.eer_daq {
    top: 474px;
    left: 700px;
}

#infraDetail.v_13k_1 .map_item.eer_wdaq {
    top: 646px;
    left: 144px;
}

#infraDetail.v_13k_1 .map_item.ecr_daq {
    top: 490px;
    left: 1268px;
}

#infraDetail.v_13k_1 .map_item.ecr_wdaq {
    top: 646px;
    left: 1269px;
}

#infraDetail.v_13k_1 .map_line_group {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
    z-index: 1;
}

#infraDetail.v_13k_1 .line_item {
    position: absolute;
}

#infraDetail.v_13k_1 .line_item.sms {
    position: absolute;
    left: 260px;
    top: 360px;
    width: 16px;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.saterllite {
    position: absolute;
    left: 240px;
    top: 197px;
    width: 141px;
    height: 27px;
    border-top: 0 solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.saterllite:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 90px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.vdr {
    position: absolute;
    left: 128px;
    top: 360px;
    width: 16px;
    border-top: 2px solid #bec0c2;
    border-bottom: 0px;
    border-right: 0px;
}

#infraDetail.v_13k_1 .line_item.ecdis {
    position: absolute;
    left: 765px;
    top: 196px;
    width: 0px;
    height: 279px;
    border-right: 2px solid #bec0c2;
    border-bottom: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.voip {
    position: absolute;
    left: 72px;
    top: 197px;
    width: 271px;
    height: 54px;
    border-left: 2px solid #bec0c2;
    border-right: 0 solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.voip:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 63px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.ams {
    position: absolute;
    left: 780px;
    top: 366px;
    width: 58px;
    height: 52px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.ams:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 59px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.gyro {
    position: absolute;
    left: 693px;
    top: 366px;
    width: 56px;
    height: 52px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.gyro:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 59px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.bnwas {
    position: absolute;
    left: 621px;
    top: 196px;
    width: 112px;
    height: 237px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.bnwas:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 44px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.bif {
    position: absolute;
    left: 560px;
    top: 366px;
    width: 159px;
    height: 82px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.bif:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 29px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.inclinometer {
    position: absolute;
    left: 478px;
    top: 196px;
    width: 226px;
    height: 268px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.inclinometer:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 14px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.navtex {
    position: absolute;
    left: 795px;
    top: 195px;
    width: 114px;
    height: 237px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.navtex:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 44px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.eco {
    position: absolute;
    left: 810px;
    top: 366px;
    width: 172px;
    height: 81px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.eco:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 29px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.loading_cpt {
    position: absolute;
    left: 1060px;
    top: 176px;
    width: 159px;
    height: 16px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.loading_cpt_2 {
    position: absolute;
    left: 815px;
    top: 191px;
    width: 247px;
    height: 322px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.rcms {
    position: absolute;
    left: 1084px;
    top: 176px;
    width: 369px;
    height: 29px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.rcms_2 {
    position: absolute;
    left: 815px;
    top: 204px;
    width: 270px;
    height: 331px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.bwts {
    position: absolute;
    left: 1178px;
    top: 420px;
    width: 116px;
    height: 36px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.bwts:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 36px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.egcs {
    position: absolute;
    left: 1326px;
    top: 420px;
    width: 0;
    height: 71px;
    border-right: 0px solid #bec0c2;
    border-bottom: 0px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.spm {
    position: absolute;
    left: 1358px;
    top: 420px;
    width: 117px;
    height: 36px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.spm:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 36px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_1 .line_item.eer_wdaq {
    position: absolute;
    left: 259px;
    top: 480px;
    width: 71px;
    height: 216px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.ecr_wdaq {
    position: absolute;
    left: 348px;
    top: 480px;
    width: 921px;
    height: 216px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.ecr_daq {
    position: absolute;
    left: 1178px;
    top: 538px;
    width: 90px;
    height: 97px;
    border-right: 0px solid #bec0c2;
    border-bottom: 0px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.ecr_daq_2 {
    position: absolute;
    left: 369px;
    top: 480px;
    width: 811px;
    height: 157px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .line_item.eer_daq {
    position: absolute;
    left: 388px;
    top: 480px;
    width: 312px;
    height: 43px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_1 .map_item.error .txt_area i {
    background: #ff0000 !important;
}

/*20200805 색깔변경*/
#infraDetail.v_13k_1 .map_item.orange .txt_area i {
    background: #ff7200 !important;
}
/*20200731 추가*/
#infraDetail.v_13k_1 .map_item.yellow .txt_area i {
    background: #ffd600 !important;
}

#infraDetail.v_13k_1 .map_item.grey .txt_area i {
    background: #2d3039 !important;
}

#infraDetail.v_13k_1 .line_item.error {
    border-color: #ff0000 !important;
}

#infraDetail.v_13k_1 .line_item.error:before, #infraDetail.v_13k_1 .line_item.error:after {
    border-color: #ff0000 !important;
}

#infraDetail.v_13k_1 .map_item.table {
    left: 59px;
    top: 414px;
    width: 400px;
}

/***************/
#infraDetail.v_13k_1 .tbl {
    width: auto;
    table-layout: fixed;
    box-shadow: 0 2px 13px rgba(0,0,0,.3);
}

#infraDetail.v_13k_1 .tbl th {
    width: 50px;
    font-size: 14px;
    min-height: 30px;
    padding: 7px;
}

#infraDetail.v_13k_1 .tbl td {
    width: 100px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    min-height: 30px;
    padding: 7px 0;
    line-height: 1;
}

#infraDetail.v_13k_1 .tbl td span {
    width: 34px;
    font-size: 14px;
    float: right;
    text-align: left;
}

/*20200811 추가*/
#infraDetail.v_13k_1 .map_item.table .cnt3 th {
    width: 100px;
}


/* 13k_2 */
#infraDetail.v_13k_2 {
    text-align: center;
}

#infraDetail.v_13k_2 .map_wrap {
    display: inline-block;
    position: relative;
    width: 1570px;
    height: 802px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

#infraDetail.v_13k_2 .map_item_group {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
}

#infraDetail.v_13k_2 .map_item {
    position: absolute;
}

#infraDetail.v_13k_2 .map_item .txt_area {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}

#infraDetail.v_13k_2 .map_item .img_area + .txt_area {
    margin-top: 4px;
}

#infraDetail.v_13k_2 .map_item.txt_top .txt_area {
    margin-bottom: 4px
}

#infraDetail.v_13k_2 .map_item.txt_top .img_area {
    margin-top: 24px;
}

#infraDetail.v_13k_2 .map_item.txt_top.sms .img_area {
    margin-top: 30px;
}

#infraDetail.v_13k_2 .bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

#infraDetail.v_13k_2 .bg_area > span {
    position: absolute;
}

#infraDetail.v_13k_2 .ttl_area {
    position: relative;
    z-index: 1;
}

#infraDetail.v_13k_2 .ttl_01 {
    position: absolute;
    left: 0px;
    top: 14px;
}

#infraDetail.v_13k_2 .ttl_02 {
    position: absolute;
    left: 1120px;
    top: 14px;
}

#infraDetail.v_13k_2 .ttl_03 {
    position: absolute;
    left: 1120px;
    top: 247px;
}

#infraDetail.v_13k_2 .txt_area {
    text-align: center;
}

#infraDetail.v_13k_2 .txt_area span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

#infraDetail.v_13k_2 .ic_connection {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #00fd3c;
    margin: -2px 5px 0 0;
}

#infraDetail.v_13k_2 .map_item.sms {
    top: 282px;
    left: 124px;
}

#infraDetail.v_13k_2 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_13k_2 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_13k_2 .map_item.l3sw {
    top: 311px;
    left: 256px;
}

#infraDetail.v_13k_2 .map_item.saterllite {
    top: 76px;
    left: 162px;
}

#infraDetail.v_13k_2 .map_item.txt_top .txt_area {
    margin-bottom: 10px
}

#infraDetail.v_13k_2 .map_item.vdr {
    top: 288px;
    left: -8px;
}

#infraDetail.v_13k_2 .map_item.navtex {
    top: 71px;
    left: 813px;
}

#infraDetail.v_13k_2 .map_item.ais {
    top: 71px;
    left: 527px;
}

#infraDetail.v_13k_2 .map_item.ecdis {
    top: 71px;
    left: 670px;
}

#infraDetail.v_13k_2 .map_item.inclinometer {
    top: 71px;
    left: 384px;
}

#infraDetail.v_13k_2 .map_item.autopilot {
    top: 71px;
    left: 951px;
}

#infraDetail.v_13k_2 .map_item.dgps {
    top: 246px;
    left: 456px;
}

#infraDetail.v_13k_2 .map_item.gyro {
    top: 246px;
    left: 599px;
}

#infraDetail.v_13k_2 .map_item.eco {
    top: 246px;
    left: 885px;
}

#infraDetail.v_13k_2 .map_item.anemometer {
    top: 246px;
    left: 742px;
}

#infraDetail.v_13k_2 .map_item.voip {
    top: 76px;
    left: -7px;
}

#infraDetail.v_13k_2 .map_item.loading_cpt {
    top: 55px;
    left: 1159px;
}

#infraDetail.v_13k_2 .map_item.rcms {
    top: 55px;
    left: 1393px;
}

#infraDetail.v_13k_2 .map_item.bwts {
    top: 300px;
    left: 1120px;
}

#infraDetail.v_13k_2 .map_item.egcs {
    top: 300px;
    left: 1315px;
}

#infraDetail.v_13k_2 .map_item.spm {
    top: 436px;
    left: 1221px;
}

#infraDetail.v_13k_2 .map_item.ams {
    top: 436px;
    left: 1413px;
}

#infraDetail.v_13k_2 .map_item.bms {
    top: 646px;
    left: 1413px;
}

#infraDetail.v_13k_2 .map_item.eer_daq {
    top: 474px;
    left: 671px;
}

#infraDetail.v_13k_2 .map_item.eer_wdaq {
    top: 646px;
    left: 124px;
}

#infraDetail.v_13k_2 .map_item.ecr_daq {
    top: 646px;
    left: 1272px;
}

#infraDetail.v_13k_2 .map_item.ecr_wdaq {
    top: 646px;
    left: 1132px;
}

#infraDetail.v_13k_2 .map_line_group {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
    z-index: 1;
}

#infraDetail.v_13k_2 .line_item {
    position: absolute;
}

#infraDetail.v_13k_2 .line_item.sms {
    position: absolute;
    left: 240px;
    top: 360px;
    width: 16px;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.saterllite {
    position: absolute;
    left: 220px;
    top: 197px;
    width: 141px;
    height: 27px;
    border-top: 0 solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.saterllite:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 90px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.vdr {
    position: absolute;
    left: 108px;
    top: 360px;
    width: 16px;
    border-top: 2px solid #bec0c2;
    border-bottom: 0px;
    border-right: 0px;
}

#infraDetail.v_13k_2 .line_item.ecdis {
    position: absolute;
    left: 728px;
    top: 191px;
    width: 0px;
    height: 284px;
    border-right: 2px solid #bec0c2;
    border-bottom: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.voip {
    position: absolute;
    left: 52px;
    top: 197px;
    width: 271px;
    height: 54px;
    border-left: 2px solid #bec0c2;
    border-right: 0 solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.voip:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 63px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.anemometer {
    position: absolute;
    left: 738px;
    top: 366px;
    width: 63px;
    height: 52px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.anemometer:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 59px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.gyro {
    position: absolute;
    left: 656px;
    top: 366px;
    width: 62px;
    height: 52px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.gyro:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 59px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.ais {
    position: absolute;
    left: 584px;
    top: 191px;
    width: 124px;
    height: 242px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.ais:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 44px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.dgps {
    position: absolute;
    left: 517px;
    top: 366px;
    width: 181px;
    height: 82px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.dgps:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 29px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.inclinometer {
    position: absolute;
    left: 441px;
    top: 191px;
    width: 247px;
    height: 272px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.inclinometer:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 14px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.navtex {
    position: absolute;
    left: 748px;
    top: 191px;
    width: 124px;
    height: 242px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.navtex:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 44px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.autopilot {
    position: absolute;
    left: 767px;
    top: 191px;
    width: 247px;
    height: 272px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.autopilot:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 14px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.eco {
    position: absolute;
    left: 758px;
    top: 366px;
    width: 187px;
    height: 81px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.eco:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 29px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.loading_cpt {
    position: absolute;
    left: 1064px;
    top: 176px;
    width: 155px;
    height: 29px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.loading_cpt_2 {
    position: absolute;
    left: 786px;
    top: 204px;
    width: 279px;
    height: 309px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.rcms {
    position: absolute;
    left: 1088px;
    top: 176px;
    width: 365px;
    height: 46px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.rcms_2 {
    position: absolute;
    left: 786px;
    top: 220px;
    width: 304px;
    height: 314px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.bwts {
    position: absolute;
    left: 1178px;
    top: 420px;
    width: 127px;
    height: 184px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.bwts:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 45px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.egcs {
    position: absolute;
    left: 1346px;
    top: 420px;
    width: 30px;
    height: 163px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.egcs:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 66px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.spm {
    position: absolute;
    left: 1281px;
    top: 557px;
    width: 44px;
    height: 26px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.spm:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 66px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.ams {
    position: absolute;
    left: 1366px;
    top: 557px;
    width: 108px;
    height: 47px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.ams:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 45px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.bms {
    position: absolute;
    left: 1387px;
    top: 696px;
    width: 26px;
    height: 0px;
    border-right: 0px solid #bec0c2;
    border-bottom: 0px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.eer_wdaq {
    position: absolute;
    left: 239px;
    top: 480px;
    width: 71px;
    height: 216px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.ecr_wdaq {
    position: absolute;
    left: 328px;
    top: 480px;
    width: 804px;
    height: 216px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.ecr_daq {
    position: absolute;
    left: 348px;
    top: 480px;
    width: 937px;
    height: 145px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .line_item.ecr_daq:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 24px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_13k_2 .line_item.eer_daq {
    position: absolute;
    left: 368px;
    top: 480px;
    width: 303px;
    height: 43px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_13k_2 .map_item.error .txt_area i {
    background: #ff0000 !important;
}

/*20200805 색깔변경*/
#infraDetail.v_13k_2 .map_item.orange .txt_area i {
    background: #ff7200 !important;
}
/*20200731 추가*/
#infraDetail.v_13k_2 .map_item.yellow .txt_area i {
    background: #ffd600 !important;
}

#infraDetail.v_13k_2 .map_item.grey .txt_area i {
    background: #2d3039 !important;
}

#infraDetail.v_13k_2 .line_item.error {
    border-color: #ff0000 !important;
}

#infraDetail.v_13k_2 .line_item.error:before, #infraDetail.v_13k_2 .line_item.error:after {
    border-color: #ff0000 !important;
}

#infraDetail.v_13k_2 .map_item.table {
    left: 39px;
    top: 414px;
    width: 400px;
}

/***************/
#infraDetail.v_13k_2 .tbl {
    width: auto;
    table-layout: fixed;
    box-shadow: 0 2px 13px rgba(0,0,0,.3);
}

#infraDetail.v_13k_2 .tbl th {
    width: 50px;
    font-size: 14px;
    min-height: 30px;
    padding: 7px;
}

#infraDetail.v_13k_2 .tbl td {
    width: 100px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    min-height: 30px;
    padding: 7px 0;
    line-height: 1;
}

#infraDetail.v_13k_2 .tbl td span {
    width: 34px;
    font-size: 14px;
    float: right;
    text-align: left;
}

/*20200811 추가*/
#infraDetail.v_13k_2 .map_item.table .cnt3 th {
    width: 100px;
}

/* 9k_1 */
#infraDetail.v_9k_1 {
    text-align: center;
}

#infraDetail.v_9k_1 .map_wrap {
    display: inline-block;
    position: relative;
    width: 1570px;
    height: 802px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

#infraDetail.v_9k_1 .map_item_group {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
}

#infraDetail.v_9k_1 .map_item {
    position: absolute;
}

#infraDetail.v_9k_1 .map_item .txt_area {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}

#infraDetail.v_9k_1 .map_item .img_area + .txt_area {
    margin-top: 4px;
}

#infraDetail.v_9k_1 .map_item.txt_top .txt_area {
    margin-bottom: 4px
}

#infraDetail.v_9k_1 .map_item.txt_top .img_area {
    margin-top: 24px;
}

#infraDetail.v_9k_1 .map_item.txt_top.sms .img_area {
    margin-top: 30px;
}

#infraDetail.v_9k_1 .bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

#infraDetail.v_9k_1 .bg_area > span {
    position: absolute;
}

#infraDetail.v_9k_1 .ttl_area {
    position: relative;
    z-index: 1;
}

#infraDetail.v_9k_1 .ttl_01 {
    position: absolute;
    left: 0px;
    top: 14px;
}

#infraDetail.v_9k_1 .ttl_02 {
    position: absolute;
    left: 1120px;
    top: 14px;
}

#infraDetail.v_9k_1 .ttl_03 {
    position: absolute;
    left: 1120px;
    top: 247px;
}

#infraDetail.v_9k_1 .txt_area {
    text-align: center;
}

#infraDetail.v_9k_1 .txt_area span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

#infraDetail.v_9k_1 .ic_connection {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background: #00fd3c;
    margin: -2px 5px 0 0;
}

#infraDetail.v_9k_1 .map_item.sms {
    top: 282px;
    left: 124px;
}

#infraDetail.v_9k_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_9k_1 .map_item.sms .txt_area {
    margin-bottom: 12px;
}

#infraDetail.v_9k_1 .map_item.l3sw {
    top: 311px;
    left: 256px;
}

#infraDetail.v_9k_1 .map_item.saterllite {
    top: 76px;
    left: 162px;
}

#infraDetail.v_9k_1 .map_item.txt_top .txt_area {
    margin-bottom: 10px
}

#infraDetail.v_9k_1 .map_item.vdr {
    top: 288px;
    left: -8px;
}

#infraDetail.v_9k_1 .map_item.navtex {
    top: 71px;
    left: 813px;
}

#infraDetail.v_9k_1 .map_item.inclinometer {
    top: 71px;
    left: 527px;
}

#infraDetail.v_9k_1 .map_item.ecdis {
    top: 71px;
    left: 670px;
}

#infraDetail.v_9k_1 .map_item.voip {
    top: 76px;
    left: -7px;
}

#infraDetail.v_9k_1 .map_item.loading_cpt {
    top: 55px;
    left: 1159px;
}

#infraDetail.v_9k_1 .map_item.rcms {
    top: 55px;
    left: 1393px;
}

#infraDetail.v_9k_1 .map_item.bwts {
    top: 300px;
    left: 1120px;
}

#infraDetail.v_9k_1 .map_item.egcs {
    top: 300px;
    left: 1315px;
}

#infraDetail.v_9k_1 .map_item.spm {
    top: 436px;
    left: 1221px;
}

#infraDetail.v_9k_1 .map_item.ams {
    top: 436px;
    left: 1413px;
}

#infraDetail.v_9k_1 .map_item.bms {
    top: 646px;
    left: 1413px;
}

#infraDetail.v_9k_1 .map_item.eer_daq {
    top: 474px;
    left: 671px;
}

#infraDetail.v_9k_1 .map_item.eer_wdaq {
    top: 646px;
    left: 124px;
}

#infraDetail.v_9k_1 .map_item.ecr_daq {
    top: 646px;
    left: 1272px;
}

#infraDetail.v_9k_1 .map_item.ecr_wdaq {
    top: 646px;
    left: 1132px;
}

#infraDetail.v_9k_1 .map_line_group {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 17px;
    bottom: 20px;
    z-index: 1;
}

#infraDetail.v_9k_1 .line_item {
    position: absolute;
}

#infraDetail.v_9k_1 .line_item.sms {
    position: absolute;
    left: 240px;
    top: 360px;
    width: 16px;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.saterllite {
    position: absolute;
    left: 220px;
    top: 197px;
    width: 141px;
    height: 27px;
    border-top: 0 solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.saterllite:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 90px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.vdr {
    position: absolute;
    left: 108px;
    top: 360px;
    width: 16px;
    border-top: 2px solid #bec0c2;
    border-bottom: 0px;
    border-right: 0px;
}

#infraDetail.v_9k_1 .line_item.ecdis {
    position: absolute;
    left: 728px;
    top: 191px;
    width: 0px;
    height: 284px;
    border-right: 2px solid #bec0c2;
    border-bottom: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.voip {
    position: absolute;
    left: 52px;
    top: 197px;
    width: 271px;
    height: 54px;
    border-left: 2px solid #bec0c2;
    border-right: 0 solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.voip:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 63px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.inclinometer {
    position: absolute;
    left: 584px;
    top: 191px;
    width: 124px;
    height: 242px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.inclinometer:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 44px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.navtex {
    position: absolute;
    left: 748px;
    top: 191px;
    width: 124px;
    height: 242px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.navtex:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 44px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.loading_cpt {
    position: absolute;
    left: 1064px;
    top: 176px;
    width: 155px;
    height: 29px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.loading_cpt_2 {
    position: absolute;
    left: 786px;
    top: 204px;
    width: 279px;
    height: 309px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.rcms {
    position: absolute;
    left: 1088px;
    top: 176px;
    width: 365px;
    height: 46px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.rcms_2 {
    position: absolute;
    left: 786px;
    top: 220px;
    width: 304px;
    height: 314px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.bwts {
    position: absolute;
    left: 1178px;
    top: 420px;
    width: 127px;
    height: 184px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.bwts:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 45px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.egcs {
    position: absolute;
    left: 1346px;
    top: 420px;
    width: 30px;
    height: 163px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.egcs:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 66px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.spm {
    position: absolute;
    left: 1281px;
    top: 557px;
    width: 44px;
    height: 26px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.spm:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 66px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.ams {
    position: absolute;
    left: 1366px;
    top: 557px;
    width: 108px;
    height: 47px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.ams:before {
    position: absolute;
    left: 0;
    top: 100%;
    height: 45px;
    border-left: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.bms {
    position: absolute;
    left: 1387px;
    top: 696px;
    width: 26px;
    height: 0px;
    border-right: 0px solid #bec0c2;
    border-bottom: 0px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 2px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.eer_wdaq {
    position: absolute;
    left: 239px;
    top: 480px;
    width: 71px;
    height: 216px;
    border-right: 2px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 0px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.ecr_wdaq {
    position: absolute;
    left: 328px;
    top: 480px;
    width: 804px;
    height: 216px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.ecr_daq {
    position: absolute;
    left: 348px;
    top: 480px;
    width: 937px;
    height: 145px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .line_item.ecr_daq:before {
    position: absolute;
    left: 100%;
    top: 100%;
    height: 24px;
    border-right: 2px solid #bec0c2;
    content: '';
}

#infraDetail.v_9k_1 .line_item.eer_daq {
    position: absolute;
    left: 368px;
    top: 480px;
    width: 303px;
    height: 43px;
    border-right: 0px solid #bec0c2;
    border-bottom: 2px solid #bec0c2;
    border-left: 2px solid #bec0c2;
    border-top: 0px solid #bec0c2;
}

#infraDetail.v_9k_1 .map_item.error .txt_area i {
    background: #ff0000 !important;
}

/*20200805 색깔변경*/
#infraDetail.v_9k_1 .map_item.orange .txt_area i {
    background: #ff7200 !important;
}
/*20200731 추가*/
#infraDetail.v_9k_1 .map_item.yellow .txt_area i {
    background: #ffd600 !important;
}

#infraDetail.v_9k_1 .map_item.grey .txt_area i {
    background: #2d3039 !important;
}

#infraDetail.v_9k_1 .line_item.error {
    border-color: #ff0000 !important;
}

#infraDetail.v_9k_1 .line_item.error:before, #infraDetail.v_9k_1 .line_item.error:after {
    border-color: #ff0000 !important;
}

#infraDetail.v_9k_1 .map_item.table {
    left: 39px;
    top: 414px;
    width: 400px;
}

/***************/
#infraDetail.v_9k_1 .tbl {
    width: auto;
    table-layout: fixed;
    box-shadow: 0 2px 13px rgba(0,0,0,.3);
}

#infraDetail.v_9k_1 .tbl th {
    width: 50px;
    font-size: 14px;
    min-height: 30px;
    padding: 7px;
}

#infraDetail.v_9k_1 .tbl td {
    width: 100px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    min-height: 30px;
    padding: 7px 0;
    line-height: 1;
}

#infraDetail.v_9k_1 .tbl td span {
    width: 34px;
    font-size: 14px;
    float: right;
    text-align: left;
}

/*20200811 추가*/
#infraDetail.v_9k_1 .map_item.table .cnt3 th {
    width: 100px;
}

/* v2 */
#infraDetail.v2 .map_wrap{height: 817px;}
#infraDetail.v2 .map_wrap{height: 817px;}
#infraDetail.v2 .bg_01{bottom: 0; height: 100%;}
#infraDetail.v2 .ttl_area .ttl_02{left: 17px; top: 50px;}
#infraDetail.v2 .ttl_area .ttl_03{left: 263px; top: 50px;}
#infraDetail.v2 .ttl_area .ttl_04{position: absolute; left: 17px; top: 528px;}
#infraDetail.v2 .ttl_area .ttl_05{position: absolute; left: 648px; top: 528px;}
#infraDetail.v2 .map_item.l2sw_5{top: 110px; left: 61px;}
#infraDetail.v2 .map_item.nvr{top: 258px; left: 61px;}
#infraDetail.v2 .map_item.l3sw{left: 272px; top: 190px;}
#infraDetail.v2 .map_item.firewall{left: 463px; top: 50px;}
#infraDetail.v2 .map_item.saterllite{left: 665px; top: 50px;}
#infraDetail.v2 .map_item.vxt{top: 92px; left: 891px;}
#infraDetail.v2 .map_item.vdr{top: 92px; left: 1050px;}
#infraDetail.v2 .map_item.ecdis{top: 92px; left: 1210px;}
#infraDetail.v2 .map_item.voip{top: 92px; left: 1368px;}
#infraDetail.v2 .map_item.l2sw_1{top: 354px; left: 891px;}
#infraDetail.v2 .map_item.l2sw_2{top: 354px; left: 1050px;}
#infraDetail.v2 .map_item.l2sw_3{top: 354px; left: 1210px;}
#infraDetail.v2 .map_item.l2sw_4{top: 354px; left: 1368px;}
#infraDetail.v2 .map_item.table .cnt1 td{width: 90px;}
#infraDetail.v2 .map_item.table .cnt2 th{width: 100px;}
#infraDetail.v2 .map_item.table .cnt2 td{width: 120px;}
#infraDetail.v2 .map_item.table .sms{left: 0; right: 0; top: 7px; text-align: center;}
#infraDetail.v2 .map_item.table .sms .txt_area, #infraDetail.v2 .map_item.table .sms .img_area{display: inline-block; margin: 0; position: static; left: auto; right: auto; top: auto; vertical-align: middle;}
#infraDetail.v2 .map_item.table .sms .txt_area{transform: translateX(0); margin: -2px 0 0 10px;}
#infraDetail.v2 .map_item.table .tbl{float: left; margin-top: 32px;}
#infraDetail.v2 .map_item.table .tbl.cnt1{margin-left: 14px; margin-right: 13px;}
#infraDetail.v2 .map_item.l2sw_8{top: 524px; left: 105px;}
#infraDetail.v2 .map_item.l2sw_7{top: 524px; left: 240px;}
#infraDetail.v2 .map_item.l2sw_6{top: 524px; left: 373px;}
#infraDetail.v2 .map_item.l2sw_9{top: 658px; left: 105px;}
#infraDetail.v2 .map_item.loading_cpt{top: 658px; left: 300px;}
#infraDetail.v2 .map_item.rcms{top: 658px; left: 443px;}
#infraDetail.v2 .map_item.l2sw_8 .img_area+.txt_area, #infraDetail.v2 .map_item.l2sw_7 .img_area+.txt_area, #infraDetail.v2 .map_item.l2sw_6 .img_area+.txt_area, #infraDetail.v2 .map_item.l2sw_9 .img_area+.txt_area, #infraDetail.v2 .map_item.loading_cpt .img_area+.txt_area, #infraDetail.v2 .map_item.rcms .img_area+.txt_area{margin-top: 0;}
#infraDetail.v2 .map_item.loading_cpt .txt_area span{letter-spacing: -.04em;}
#infraDetail.v2 .map_item.loading_cpt .ic_connection{margin-right: 2px;}
#infraDetail.v2 .map_item.l2sw_10{top: 615px; left: 743px;}
#infraDetail.v2 .map_item.ams{top: 615px; left: 946px;}
#infraDetail.v2 .line_item.nvr{position: absolute; left: 119px; top: 237px; width: 0; height: 19px; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.firewall{position: absolute; left: 352px; top: 97px; width: 121px; height: 91px; border-top: 2px solid #bec0c2; border-left: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.satellite{position: absolute; left: 589px; top: 97px; width: 76px; border-top: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l3sw{position: absolute; left: 176px; top: 158px; width: 61px; height: 100px; border-top: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l3sw:before{position: absolute; left: 100%; top: 100%; width: 35px; border-top: 2px solid #bec0c2; content: '';}
#infraDetail.v2 .line_item.vxt{position: absolute; left: 438px; top: 212px; width: 509px; height: 17px; border-bottom: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.vdr{position: absolute; left: 438px; top: 212px; width: 669px; height: 27px; border-bottom: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.ecdis{position: absolute; left: 438px; top: 212px; width: 829px; height: 37px; border-bottom: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.voip{position: absolute; left: 438px; top: 212px; width: 989px; height: 47px; border-bottom: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_4{position: absolute; left: 438px; top: 269px; width: 989px; height: 83px; border-top: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_3{position: absolute; left: 438px; top: 279px; width: 829px; height: 73px; border-top: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_2{position: absolute; left: 438px; top: 289px; width: 669px; height: 63px; border-top: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_1{position: absolute; left: 438px; top: 299px; width: 509px; height: 53px; border-top: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.sms{position: absolute; left: 438px; top: 309px; width: 226px; height: 43px; border-top: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_6{position: absolute; left: 346px; top: 362px; width: 83px; height: 86px; border-bottom: 2px solid #bec0c2; border-left: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_6:before{height: 76px;}
#infraDetail.v2 .line_item.l2sw_7{position: absolute; left: 355px; top: 571px; width: 18px; border-top: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_8{position: absolute; left: 220px; top: 571px; width: 20px; border-top: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_9{position: absolute; left: 164px; top: 645px; height: 13px; border-left: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.loading_cpt{position: absolute; left: 360px; top: 620px; width: 19px; height: 18px; border: none; border-right: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.loading_cpt:before{position: absolute; left: 0; top: 100%; height: 20px; border-left: 2px solid #bec0c2; content: '';}
#infraDetail.v2 .line_item.rcms{position: absolute; left: 480px; top: 620px; width: 19px; height: 18px; border: none; border-left: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.rcms:before{position: absolute; left: 100%; top: 100%; height: 20px; border-left: 2px solid #bec0c2; content: '';}
#infraDetail.v2 .line_item.l2sw_10{position: absolute; left: 354px; top: 362px; width: 81px; height: 78px; border-bottom: 2px solid #bec0c2; border-left: 2px solid #bec0c2;}
#infraDetail.v2 .line_item.l2sw_10:before{position: absolute; left: 100%; top: 100%; width: 358px; height: 66px; border-bottom: 2px solid #bec0c2; border-left: 2px solid #bec0c2; content: '';}
#infraDetail.v2 .line_item.l2sw_10:after{position: absolute; right: -360px; bottom: -175px; height: 109px; border-left: 2px solid #bec0c2; content: '';}
#infraDetail.v2 .line_item.ams{position: absolute; left: 858px; top: 662px; width: 88px; border: none; border-top: 2px solid #bec0c2;}



/* v3 */
#infraDetail.v3 .map_wrap{height: 820px; border: 1px solid red;}
#infraDetail.v3 .bg_01{bottom: 0; height: 100%;}
#infraDetail.v3 .ttl_area .ttl_02{left: 17px; top: 50px;}
#infraDetail.v3 .ttl_area .ttl_03{left: 263px; top: 50px;}
#infraDetail.v3 .ttl_area .ttl_04{position: absolute; left: 17px; top: 528px;}
#infraDetail.v3 .ttl_area .ttl_05{position: absolute; left: 648px; top: 528px;}
#infraDetail.v3 .map_item.l2sw_5{top: 110px; left: 61px;}




#infraDetail.v3 .map_item.firewall{left: 50px; top: 70px;}
#infraDetail.v3 .map_item.voip{left: 60px; top:190px;}
#infraDetail.v3 .map_item.ams{left: 60px; top: 356px;}
#infraDetail.v3 .map_item.vxt{top: 474px; left: 60px;}
#infraDetail.v3 .map_item.nvr{top: 640px; left: 60px;}
#infraDetail.v3 .map_item.saterllite{left:260px; top: 70px;}
#infraDetail.v3 .map_item.txt_lack{left: 523px; top: 170px;}
#infraDetail.v3 .map_item.l3sw{left: 440px; top: 200px;}
#infraDetail.v3 .map_item.l2sw{left: 440px; top: 480px;}
#infraDetail.v3 .map_item.cctv_lack{left: 523px; top: 655px;}
#infraDetail.v3 .map_item.g-deck{left: 923px; top:30px;}
#infraDetail.v3 .map_item.l2sw_1{top: 60px; left: 865px;}
#infraDetail.v3 .map_item.c-deck{left: 923px; top:190px;}
#infraDetail.v3 .map_item.l2sw_2{top: 220px; left: 865px;}
#infraDetail.v3 .map_item.a-deck{left: 923px; top:350px;}
#infraDetail.v3 .map_item.l2sw_3{top: 380px; left: 865px;}

#infraDetail.v3 .map_item.fobox_1{top: 520px; left: 865px;}
#infraDetail.v3 .map_item.fobox_2{top: 660px; left: 865px;}
#infraDetail.v3 .map_item.ecdis{top: 30px; left:600px;}
#infraDetail.v3 .map_item.icms{top: 35px; left: 1250px;}
#infraDetail.v3 .map_item.vdr{top: 193px; left: 1250px;}
#infraDetail.v3 .map_item.rcms{top: 356px; left: 1250px;}
#infraDetail.v3 .map_item.loading_cpt{top: 496px; left: 1250px;}
#infraDetail.v3 .map_item.l2sw_4{top: 660px; left: 1250px;}

#infraDetail.v3 .line_item.firewall_1{position: absolute; left: 176px; top: 110px; width: 84px; height: 0px; border-top: 2px solid #bec0c2;}
#infraDetail.v3 .line_item.voip{position: absolute; left: 176px; top: 260px; width: 265px; height: 0px; border-bottom: 2px solid #bec0c2; border-right: 2px solid #bec0c2;}


#infraDetail.v3 .line_item.firewall_2{position: absolute; left: 176px; top: 120px; width: 42px; height: 133px; border-top: 2px solid #bec0c2;border-right: 2px solid #bec0c2;}
#infraDetail.v3 .line_item.firewall_2:before{position: absolute; left: 100%; top: 100%; width: 224px; border-top: 2px solid #bec0c2; content: '';}

#infraDetail.v3 .line_item.ams_1{position: absolute; left: 176px; top:407px; width: 130px; height: 133px; border-top: 2px solid #bec0c2;border-right: 2px solid #bec0c2;}
#infraDetail.v3 .line_item.ams_1:after{position: absolute; left: 100%; top: 100%; width:136px; border-top: 2px solid #bec0c2; content: '';}

#infraDetail.v3 .line_item.vxt{position: absolute; left: 176px; top: 440px; width: 265px; height: 110px; border-bottom: 2px solid #bec0c2; border-right:none;}


#infraDetail.v3 .line_item.nvr_1{position: absolute; left:304px; top:556px; width:136px; height: 133px; border-left: 2px solid #bec0c2; border-top:2px solid #bec0c2;}
#infraDetail.v3 .line_item.nvr_1:after{position: absolute; left: -100%; top: 100%; width:134px; border-top: 2px solid #bec0c2; content: '';}

#infraDetail.v3 .line_item.l3_1{position: absolute; left: 520px; top: 370px; width: 265px; height: 110px; border-left: 2px solid #bec0c2;}

#infraDetail.v3 .line_item.ecdis_1{position: absolute; left: 716px; top:99px; width: 148px; height: 110px; border-top: 2px solid #bec0c2; border-right:none;}

#infraDetail.v3 .line_item.l3_2{position: absolute; left:733px; top:106px; width:131px; height: 153px; border-left: 2px solid #bec0c2; border-top:2px solid #bec0c2;}
#infraDetail.v3 .line_item.l3_2:after{position: absolute; left: -100%; top: 100%; width:129px; border-top: 2px solid #bec0c2; content: '';}

#infraDetail.v3 .line_item.l3_3{position: absolute; left: 606px; top:266px; width: 258px; height: 110px; border-top: 2px solid #bec0c2; border-right:none;}

#infraDetail.v3 .line_item.l3_4{position: absolute; left: 606px; top:273px; width: 130px; height: 152px; border-top: 2px solid #bec0c2;border-right: 2px solid #bec0c2;}
#infraDetail.v3 .line_item.l3_4:after{position: absolute; left: 100%; top: 100%; width:131px; border-top: 2px solid #bec0c2; content: '';}

#infraDetail.v3 .line_item.fo_1{position: absolute; left: 835px; top: 432px; width: 30px; height: 140px; border-left: 2px solid #bec0c2; border-top: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}

#infraDetail.v3 .line_item.fo_2{position: absolute; left: 835px; top: 576px; width: 30px; height: 140px; border-left: 2px solid #bec0c2; border-top: 2px solid #bec0c2; border-bottom: 2px solid #bec0c2;}

#infraDetail.v3 .line_item.l2_1{position: absolute; left: 980px; top:106px; width: 270px; height: 110px; border-top: 2px solid #bec0c2; border-right:none;}


#infraDetail.v3 .line_item.l2_2{position: absolute; left: 980px; top:112px; width: 140px; height: 152px; border-top: 2px solid #bec0c2;border-right: 2px solid #bec0c2;}
#infraDetail.v3 .line_item.l2_2:after{position: absolute; left: 100%; top: 100%; width:131px; border-top: 2px solid #bec0c2; content: '';}



#infraDetail.v3 .line_item.l2_3{position: absolute; left: 980px; top:426px; width: 270px; height: 110px; border-top: 2px solid #bec0c2; border-right:none;}

#infraDetail.v3 .line_item.l2_4{position: absolute; left: 980px; top:433px; width: 140px; height: 132px; border-top: 2px solid #bec0c2;border-right: 2px solid #bec0c2;}
#infraDetail.v3 .line_item.l2_4:after{position: absolute; left: 100%; top: 100%; width:131px; border-top: 2px solid #bec0c2; content: '';}

#infraDetail.v3 .line_item.l2_5{position: absolute; left: 980px; top:710px; width: 270px; height: 110px; border-top: 2px solid #bec0c2; border-right:none;}





#infraDetail.v3 .map_item.table .sms .txt_area, #infraDetail.v3 .map_item.table .sms .img_area{display: inline-block; margin: 0; position: static; left: auto; right: auto; top: auto; vertical-align: middle;}
#infraDetail.v3 .map_item.table .sms .txt_area{transform: translateX(0); margin: -2px 0 0 10px;}


#infraDetail.v3 .map_item.l2sw_8 .img_area+.txt_area, #infraDetail.v3 .map_item.l2sw_7 .img_area+.txt_area, #infraDetail.v3 .map_item.l2sw_6 .img_area+.txt_area, #infraDetail.v3 .map_item.l2sw_9 .img_area+.txt_area, #infraDetail.v3 .map_item.loading_cpt .img_area+.txt_area, #infraDetail.v3 .map_item.rcms .img_area+.txt_area{margin-top: 0;}
#infraDetail.v3 .map_item.loading_cpt .txt_area span{letter-spacing: -.04em;}
#infraDetail.v3 .map_item.loading_cpt .ic_connection{margin-right: 2px;}




/*-------------------------------------------------------------------
    ## ETC
-------------------------------------------------------------------*/
.btn-xs{font-size: 16px!important; line-height: 30px!important; width: auto!important;}

/*-------------------------------------------------------------------
    ## 200605 디자인 가이드 수정
-------------------------------------------------------------------*/
.widget_group.ship_info .widget_item>.inner{width: 450px;}
.widget_group.ship_info .info_in_box .txt.l{font-size: 20px;}
.widget_group.ship_info .info_in_box .box_item .txt.s{font-size: 11px; line-height: 24px;}
.widget_group.ship_info .widget_item.cargo .info_wrap p{font-size: 12px;}
.widget_group.ship_info .widget_item.voyage .port_time p{font-size: 12px;}
.widget_group.ship_info .widget_item.voyage .deviation .etc p{font-size: 12px;}
.widget_group.ship_info .widget_item.voyage .deviation .etc p span{font-size: 20px;}
.widget_group.ship_info .widget_item.voyage .progress_status .label_area p{font-size: 14px;}
.widget_group.ship_info .widget_item.voyage .deviation .btn_deviation{font-size: 12px;}
.widget_group.navigation .widget_item>.inner{width: 360px;}
.widget_group.navigation .widget_item.navigation .info_in_dl dl dt{font-size: 10px;}
.widget_group.navigation .widget_item.navigation .info_in_dl dl dd{font-size: 12px;}
.widget_group.navigation .widget_item.navigation .info_in_dl dl dd span{font-size: 20px;}
.widget_group.navigation .widget_item.navigation .info_in_dl dl{padding-bottom: 10px;}
.widget_group.navigation .widget_item.navigation .info_in_dl.col_2 .col:nth-child(n+3){margin-top: 10px;}
.widget_group.navigation .half_circle .ship_arw{top: -42px;}
.widget_group.navigation .half_circle .ship_arw:before{width: 211px; height: 46px;}
.widget_group.navigation .active_trim .img_area{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 1px; z-index: 1;}
.widget_group.navigation .active_trim .img_area img{max-height: 100%;}
.widget_group.navigation .active_trim{position: relative; min-width: 330px; padding-left: 40px; box-sizing: border-box;}
.widget_group.navigation .widget_item.motion .info_in_dl{padding-top: 0;}
.widget_group.machinery .widget_item>.inner{width: 360px;}
.widget_group.machinery .info_in_dl dl dt{font-size: 10px;}
.widget_group.machinery .info_in_dl dl dd{font-size: 12px;}
.widget_group.machinery .info_in_dl dl dd span{font-size: 20px;}
.widget_group.machinery .info_in_dl dl{padding-bottom: 10px;}
.widget_group.machinery .widget_item.boiler .ttl_area p{font-size: 11px; letter-spacing: -0.02em;}
.widget_group.emergency .widget_item>.inner{width: 450px;}
.widget_group.emergency .steps_bar .bar{margin: 0 9%;}
.widget_group.emergency .steps_bar ul{margin: 12px -20px 0 -20px;}
.widget_group.emergency .steps_bar ul li{font-size: 12px;}
.widget_group.alarm .widget_item>.inner{width: 540px;}
/*.widget_group.alarm .widget_item .grid>.col.col_6{width: 25%;}*/
.widget_group.alarm .info_in_box .cnt_area{padding: 49px 0; text-align: center;}
.widget_group.alarm .info_in_box .col:nth-child(-n+2){margin-bottom: 0;}
.contents .side_menu .search_area{width: 440px; margin-top: -35px;}
.contents .side_menu .search_area .input_area{margin: 15px;}

/* 200618 디자인 수정 */
.widget_group.machinery .mach_running_on{background: #25d63e!important; border: 1px solid #25d63e!important; box-sizing: border-box!important; color: #fff!important;}

#mdl_reefer_position .modal-dialog.modal-lg{width: 720px!important;}
/*#mdl_reefer_position .modal-dialog.modal-lg .modal-content .modal-body{background: #2d3039;}*/
#mdl_reefer_position .modal-dialog.modal-lg .modal-content .modal-body table tbody tr td{padding: 0px!important; height: 28px; font-size: 14px; box-sizing: border-box; width: 28px; text-align: center; line-height: 28px;}
#mdl_reefer_position .reefer_map .table td{background: #bbbdbf!important;}
#mdl_reefer_position .reefer_map .table td.is_sea{background: #3686d5!important;}
#mdl_reefer_position .reefer_map .table td.container_position{background: #c2a46a!important;}
#mdl_reefer_position .modal-dialog.modal-lg .modal-content .modal-body{background: #2d3039!important; padding: 20px 10px 10px 20px;}
#mdl_reefer_position .modal-dialog.modal-lg .modal-content .modal-body table tbody tr:last-child td{background: #2d3039!important; border: none!important;}
#mdl_reefer_position .modal-dialog.modal-lg .modal-content .modal-body table tbody tr td:last-child{background: #2d3039!important; border: none!important;}

.widget_group.emergency .widget_item.calling .input_area.emergency+div .col-md-3 label, .widget_group.emergency .widget_item.calling .input_area.emergency+div+div .col-md-3 label{line-height: 40px; margin-bottom: 0;}
.widget_group.emergency .widget_item.calling .input_area.emergency+div .col-md-3:last-child, .widget_group.emergency .widget_item.calling .input_area.emergency+div+div .col-md-3:last-child{position: relative; padding: 0; border: 1px solid #bbbdbf;}
.widget_group.emergency .widget_item.calling .input_area.emergency+div .col-md-3:last-child select, .widget_group.emergency .widget_item.calling .input_area.emergency+div+div .col-md-3:last-child select{height: 38px; font-size: 12px; color: #fff!important; padding: 0 30px 0 10px}
.widget_group.emergency .widget_item.calling .input_area.emergency+div .col-md-3:last-child:before, .widget_group.emergency .widget_item.calling .input_area.emergency+div+div .col-md-3:last-child:before{position: absolute; right: 10px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-left: 1px solid #bbbdbf; border-bottom: 1px solid #bbbdbf; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); content: '';}
.widget_group.emergency .widget_item.calling .input_area.emergency+div+div+.btn_area input[type="button"]{width: auto!important;}

/*20200812 클래스로 수정*/
.widget_group.alarm .widget_item.alarm .critical{color: #ff1400!important;}
.widget_group.alarm .widget_item.alarm .error {color: #ff7200!important;}
.widget_group.alarm .widget_item.alarm .warning{color: #ffd600!important;}
.widget_group.alarm .widget_item.alarm .info{color: #bbbdbf!important;}
.widget_group.alarm .widget_item.alarm .none{color: #777777!important;}
/************************/


.widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select{
    float: left;
    width: 50%;
    height: 40px !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    box-sizing: content-box;
}
.widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select:after{display:block; clear:both; content:'';}
.widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select .label{float: left; width: 90px; margin: 0; text-align: left;}
.widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select .input_box{border: none;}
.widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select .input_box select{border: 1px solid #bbbdbf; border-radius: 0;}
.widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select .input_box.focus select{border-color: #fff!important;}

/* 200630 추가 */
.main-sidebar{width: 240px;}
.content-wrapper, .main-footer {
    margin-left: 240px;
}
header.main-header .logo{width: 240px;}
.main-header .navbar{margin-left: 240px; height: 60px;}
/* 200819 제거(skin별 메뉴 선택 색상 미적용됨) */
/*.skin-blue .sidebar-menu > li.menu-open > a,
.skin-blue .sidebar-menu > li:hover > a {
    background: transparent;
    color: #b8c7ce;
}
.skin-blue .sidebar-menu > li.treeview.active > a,
.skin-blue .sidebar-menu > li.treeview.active:hover > a {
    color: #000;
    background: #c2a264;
}*/
header.main-header .logo-lg {
    display: table !important;
    width: 100%;
    height: 100%;
}
    header.main-header .logo-lg img {
        display: table-cell;
        /*width: 67px;*/
        width: 63px;
        vertical-align: middle;
        line-height: normal;
        text-align: left;
        /*margin: 17px 0;*/
        margin: 14px 9px;
    }
header.main-header .logo-lg .txt {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    padding-left: 10px;
}
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    -webkit-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
}
.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}
.dropdown.notifications-menu #timezone_info label+label{margin-left: 10px;}
.content-header {height: 60px; padding: 17px 35px;}
.map-weather-item{top: 57px!important;}
.dropdown.notifications-menu #alrm2 .icon-alarm{display: block;}
.dropdown.notifications-menu #alrm2 .icon-alarm:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: -2px 0 0;
    background-image: url(../img/icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 300px 280px;
    background-position: -208px 0;
    content: '';
}
.dropdown.notifications-menu #alrm2 .icon-alarm+label{right: 5px!important;}
.dropdown.notifications-menu.user .icon-arrow:before{margin: 0;}
.content-header > h1 {
    font-size: 28px;
    line-height: 1;
}
.content{padding-left: 35px; padding-right: 35px;}
.tbl.alert{margin-bottom: 0;}
#stabilityAll .conning_item dl dd strong {
    font-size: 16px;
    font-weight: normal;
}
#stabilityAll .conning_item dl dt{text-align: left;}
#stabilityAll .conning_item dl dd, #stabilityAll .conning_item dl dt {line-height: 30px;}
#stabilityAll .conning_item .info_area2 >.grid{padding: 15px 10px;}
#stabilityAll .conning_item .info_area2 > .grid .col_4 .col_12 dt{text-align: center;}
#reeferAll .conning_item .info_area2{padding: 30px 15px;}
#reeferAll .conning_item .grid.grid_20 {
    margin-left: 0;
    margin-right: 0;
}
#reeferAll .conning_item .grid.grid_20>.col{
    padding: 0;
}
#reeferAll .conning_item .grid .col.col_6:nth-child(-n+2) {
    margin-bottom: 10px;
}
#reeferAll .conning_item dl {
    padding: 0;
}
#reeferAll .conning_item dl dt {
    line-height: normal;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #c2a264!important;
}
.select2-container--default .select2-selection--multiple{padding: 4px 12px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #c2a264;
    border-color: #c2a264;
}
.select2-container .select2-search--inline .select2-search__field::placeholder{font-size: 16px;}
#dxDataGridEtc .dx-toolbar-after .dx-toolbar-button + .dx-toolbar-button{padding-left: 15px;}
#dxDataGridEtc .dx-toolbar-after .dx-toolbar-button .btn{line-height: 34px!important;}
#dxDataGridEtc .dx-toolbar-after .dx-toolbar-button .dx-datagrid-search-panel {
    margin-left: 0;
}
#dxDataGridEtc table td{vertical-align: middle;}
#dxDataGridEtc table td a.dx-link-edit {
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px !important;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    padding: 0 20px;
    line-height: 30px !important;
    border: 1px solid #c2a264;
    text-decoration: none;
}

/* 200706 추가 */
.widget_group.navigation .widget_item.motion .cnt_area .info_in_dl {margin-top: 0;}
.widget_group.emergency .widget_item.calling .input_area .input_box, .widget_group.emergency .widget_item.cctv .input_area .input_box {border-color: #bbbdbf !important;}
.widget_group.emergency .widget_item.calling .input_area .input_box.focus, .widget_group.emergency .widget_item.cctv .input_area .input_box.focus {border-color: #fff !important;}
.widget_group.emergency .widget_item.cctv .input_area{padding-top: 0!important; margin-bottom: 15px;}
.widget_group.emergency .widget_item.cctv .input_area:after{clear: both; display: block; content: '';}
.widget_group.emergency .widget_item.cctv .input_area label{line-height: 40px; margin-bottom: 0; font-size: 16px;}
.widget_group.emergency .widget_item.cctv .input_area select{height: 40px;}
.content #mdInfraDetail .modal-dialog{width: 1600px!important;}
.sms_setting_box .box-body > .form-group label{line-height: 38px;}
.user_info_box .box-body{padding: 25px 15px; text-align: center;}
.user_info_box .img_area {
    width: 100px;
    height: 100px;
    padding: 3px;
    border: 3px solid #d2d6de;
    border-radius: 50%;
    margin: 0 auto;
}
.user_info_box .form-group{margin-top: 10px; margin-bottom: 0;}
.user_info_box .img_area .img_box {
    overflow: hidden;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}
.user_info_box .table{max-width: 90%; margin: 25px auto;}
.user_info_box .table tr td:first-child{text-align: left; padding: 0;}
.user_info_box .table tr td:last-child{text-align: right; padding: 0;}
.user_info_box .table tr td label{margin-bottom: 0;}
.user_info_box [data-target="#modalChangePassword"]{width: auto; margin: 15px auto 0 auto;}

/* 200707 추가*/
.main-header{max-height: 120px;}
.widget_group.emergency .widget_item .input_area .col-md-3{float: left; padding: 0;}
.widget_group.emergency .widget_item .input_area .col-md-3:first-child{width: 90px!important;}
.widget_group.ship_info .input_area .input_box {border: 1px solid #bbbdbf !important;}
.widget_group.ship_info .input_area .input_box.focus{border: 1px solid #fff!important;}
.widget_group.machinery .mach_running_on.mach_selected {position: relative; background: transparent !important; border: 1px solid #25d63e !important; box-sizing: border-box !important; color: #fff !important; z-index: 1;}
.widget_group.machinery .mach_running_on.mach_selected:before{position:absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; background: #25d63e; content: ''; z-index: -1;}
.widget_group.machinery .mach_running_off.mach_selected {position: relative; background: transparent !important; border: 1px solid #c2a264 !important; box-sizing: border-box !important; color: #fff !important; z-index: 1;}
.widget_group.machinery .mach_running_off.mach_selected:before{position:absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; background: #c2a264; content: ''; z-index: -1;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area {float: left;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .btn_area{float: right; padding: 3px 0; height: 38px;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area{display: table;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area p, .widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area i{display: table-cell; vertical-align: middle;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area p{padding-left: 5px;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area p span{margin-right: 5px;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .btn_area button{float: left; width: 32px!important; height: 32px!important; line-height: 32px!important; padding: 0!important; font-size: 16px!important;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .btn_area button+button{margin-left: 10px;}    
/* 200708 추가 */
.navbar-nav > li > a#timezone_info {
    display: block;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 0;
    box-sizing: border-box;
}
.form-horizontal .box3.sitemap_manager_detail .form-group label {
    text-align: left;
    padding-left: 25px;
}
.dx-swatch-blackgold .dx-treelist.adm_system_code_tbl .dx-link, .dx-swatch-blackgold .dx-datagrid .dx-link {
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px !important;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    padding: 0 14px;
    line-height: 30px !important;
    border: 1px solid #c2a264;
    text-decoration: none;
}
.adm_system_code_tbl .dx-treelist-content .dx-treelist-table .dx-row > td,
.setting_system_mode .dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}
/* 200709 추가 */
.widget_group.navigation .widget_item.motion .info_in_dl dl:first-child {padding-bottom: 12px;}
.widget_item.deviation .map_deviation #voyageDataGrid > div >.dx-datagrid-rowsview{border-bottom: none;}
.widget_item.deviation .map_deviation #voyageDataGrid .dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {border-bottom-width: 1px !important;}
.user_info_box #UserPhoto .form-group{display: inline-block; width: auto; margin: 0 auto;}
.user_info_box #UserPhoto .form-group:after{clear:both; display:block; content: '';}
#UserPhoto .form-group #btnDeletePhoto, #UserPhoto .form-group #btnChangePhoto{float: left; font-size: 16px!important; line-height: 30px!important; width: auto!important; padding: 0 15px!important; margin: 0;}
#UserPhoto .form-group #btnDeletePhoto{margin-left: 10px;}
.tab-content #profile .form-group{margin-left: 0; margin-right: 0;}
.tab-content #profile .form-group label{float: left; width: 150px; padding-left: 0; z-index: 1;}
.tab-content #profile .form-group label+div{float: left; width: 100%; margin-left: -150px; padding-left: 150px; padding-right: 0; box-sizing: border-box; z-index: 0;}
.tab-content #profile form:first-child{padding: 0 20px;}
.tab-content #profile form:nth-child(2){padding: 0 20px; text-align: right;}
.tab-content #profile form:nth-child(2) > div > div{padding: 0;}
.uer_object_box .btn_area > div > .form-actions{min-width: 230px;}
.uer_object_box .btn_area > div > .form-actions input{float: left; width: 50%; max-width: 110px;}
.uer_object_box .btn_area > div > .form-actions input+input{margin-left: 10px;}
.sitemap_manager_detail .box-body .form-group{margin-left: 0; margin-right: 0; padding: 0 20px;}
.sitemap_manager_detail .box-body .form-group:nth-child(n+2):after{clear:both; display:block; content:'';}
.sitemap_manager_detail .box-body .form-group:nth-child(n+2) > label{position: relative; float: left; width: 150px; padding: 0; z-index: 1;}
.sitemap_manager_detail .box-body .form-group:nth-child(n+2) > div{position: relative; float: left; width: 100%; margin-left: -150px; padding-left: 150px; padding-right: 0; box-sizing: border-box; z-index: 0;}
.sitemap_manager_detail .box-body .form-group:first-child>div{padding: 0;}
.security_detail_log .dx-datagrid-header-panel .dx-toolbar-after > div:first-child .dx-button-content{line-height: 32px; padding: 0 18px;}
.side_menu .search_area .input_area.radio label:before{border-color: #c2a264;}
.side_menu .search_area .input_area.radio input[type="radio"] {display:none; -webkit-appearance: none!important; appearance: none!important;}
.side_menu .search_area .input_area.radio label[for="rdoVessel"]{padding-right: 20px;}
.side_menu .search_area .input_area.search .input_box{border: 1px solid #bbbdbf !important;}
.side_menu .search_area .input_area.search .input_box.focus{border: 1px solid #fff !important;}
.widget_item.calling .msg_area #ecMessage {
    height: 1em;
}
.widget_item.calling .steps_area{margin-bottom: 10px;}
/* 200714 추가 */
.widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area + .btn_area > .pull-right {
    padding-left: 0;
    padding-right: 0;
    text-align: right;
}
.slick-disabled{
    opacity: .5;
}
.slick-disabled:before {
    opacity: .5;
}

/* Security - new 200715 */


#stabilityAll .tbl.security.alert thead, #stabilityAll .tbl.security.alert tbody {
    background: transparent;
}

#stabilityAll .tbl.security.alert tr {
    border: none;
}

#stabilityAll .tbl.security.alert th, #stabilityAll .tbl.security.alert td {
    background: transparent;
    border: none;
}

#container.security #stabilityAll .tbl.security.alert th{
    padding: 4px 0 0;
}
#container.security #stabilityAll .tbl.security.alert td{
    padding: 5px 0 2px;
}

#stabilityAll .tbl.security.alert td {
    position: relative;
    font-size: 23px;
    line-height: 1;
    padding: 6px 0 2px;
}

#stabilityAll .tbl.security.alert td + td:before {
    position: absolute;
    left: 0;
    top: -9px;
    bottom: 8px;
    width: 1px;
    background: #636569;
    content: '';
}

#stabilityAll .tbl.security.alert th + th:before {
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 0;
    width: 1px;
    background: #636569;
    content: '';
}

#stabilityAll .label_group{position: absolute; right: 0; top: -47px;}
#stabilityAll .label_group p{border: none;}
#stabilityAll .conning_item .info_area2 > .grid .col.col_12 dt, #stabilityAll .conning_item .info_area2 > .grid .col.col_12 > label{font-size: 16px;}
#stabilityAll .conning_item .info_area2 > .grid .col.col_12 dd{font-size: 14px;}
#stabilityAll .conning_item .info_area2 > .grid .col.col_12 dd strong{font-size: 24px!important;}
.tab-content.in_user_info{height: auto!important;}
/* 200720 추가 */
.contents.me .bg_area,
#pistoneCooling,
#jacketCooling,
#mainBearings{padding-top: 0;}
#pistoneCooling .bg_area, .contents.me .bg_area{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
#meOverview .cnt_area{position: relative; padding-bottom: 50px;}
#pistoneCooling .cnt_area{position: relative; padding-top: 405px; padding-bottom: 50px;}
#exhaustGas .cnt_area{position:relative; padding-top: 10px; padding-bottom:50px;}
#jacketCooling .cnt_area{position:relative; padding-top: 207px; padding-bottom: 50px;}
#mainBearings .cnt_area{position: relative; padding-top: 430px; padding-bottom: 50px;}
/*
.contents#meOverview, .contents#pistoneCooling, .contents#exhaustGas, .contents#jacketCooling, .contents#mainBearings{padding: 0 35px; margin-left: -35px; margin-right: -35px; margin-bottom: -15px;}
*/
#meOverview .tbl th{padding: 10px; text-align:center;}
#meOverview .table_area.m_engine .tbl tr th:first-child{text-align: left;}
.machinery_tbl_wrap{overflow: hidden; overflow-x: auto; margin-left: -35px; margin-right: -35px; margin-bottom: -15px; padding: 0 35px; box-sizing: border-box;}
.machinery_tbl_wrap>.cnt_area{min-width: 1600px;}
.btn_group.vessel{padding-right: 0;}
#exhaustGas{overflow:visible;}
.widget_group.emergency.pop_emergency_info .widget_item.cctv .cnt_area .input_area.select .input_box{float: left; width: 100%; margin-left: -90px; padding-left: 90px; box-sizing: border-box; border: none;}
.widget_group.emergency.pop_emergency_info .widget_item.cctv .cnt_area .input_area.select .input_box select{border: 1px solid #bbbdbf;}
/* 200729 추가 */
.sidebar-mini.sidebar-collapse .main-header .logo{padding-top: 22px;}
.sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none !important;
}
/* 200803 추가 */
#boiler .info_wrap .bg_area .fullscreen{display: none;}
/* 200806 추가 */
.contents#airSystem{overflow: visible;}
.navi_info_wrap dl{height: 125px;}
.contents#conningInfo .widget_group.shadow .widget_item.depth .graph_box .highcharts-figure{margin: 0 auto;}
.contents#conningInfo .widget_group.shadow .widget_item.depth .cnt_box{height: 260px;}
.contents#conningInfo .widget_group.shadow .widget_item.alerts .info_area2>.grid.grid_10{margin-left: 0; margin-right: 0;}
.contents#conningInfo .widget_item.environment .graph_box.wind_t, .widget_item.environment .graph_box.wind_r{width: 170px; height: 170px;}
.contents#conningInfo .widget_group.shadow .widget_item.environment .info_in_dl.v2 .ttl,
.contents#conningInfo .widget_group.shadow .widget_item.environment .info_in_dl.v2 dl{text-align: left;}
.contents#conningInfo .widget_item.environment .graph_box.wind_t, .widget_item.environment .graph_box.wind_r{display: inline-block;}
.contents#conningInfo .widget_item.environment .cnt_box .inner .grid{text-align: center;}
.contents#conningInfo .environment .cnt_box>.inner{padding: 0 20px 14px;}
.contents#conningInfo .widget_item.alerts .cnt_box>.inner{padding: 21px 20px;}
#airSystem .info_wrap .bg_area .fullscreen{display: none;}

.navi_info_wrap dt{margin-bottom: 10px;}
.navi_info_wrap dd span{font-size: 60px;}
/* 200811 추가 */
.widget_item .cnt_title h3{font-size: 20px; font-weight: 700;}
.widget_item .cnt_title > div:first-child h3{font-weight: 700;}
.widget_item .cnt_title > div:last-child h3{font-weight: normal;}
#main .widget_area .widget_wrap{padding: 0 20px;}
#main .widget_wrap .widget_group{display: inline-flex; width: 100%; margin-left: 0; margin-right: 0;}
#main .widget_wrap .widget_group .widget_item{width: 33.333333%; min-width: 450px; max-width: 550px; padding: 0 5px; box-sizing: border-box;}
#main .widget_wrap .widget_group .widget_item>.inner{width: 100%;}
#main .widget_wrap .widget_group .widget_item+.widget_item{margin-left: 0;}
#main .widget_wrap .widget_item .cnt_area > .inner{height: 300px; padding: 20px; box-sizing: border-box;}
#main .widget_wrap .widget_item.vessel_spec .cnt_area > .inner{padding: 20px!important;}
#main .widget_wrap .widget_item.vessel_spec .info_in_dl{margin-top: 0;}
#main .widget_wrap .widget_item.vessel_spec .info_in_dl > .grid > .col-md-6{float: left; width: 50%!important; padding: 0 10px!important; box-sizing: border-box;}
#main .widget_wrap .widget_item.vessel_spec .info_in_dl dl{padding-bottom: 9px;}
#main .widget_wrap .widget_item .info_in_dl dl dt{font-size: 14px;}
#main .widget_wrap .widget_item .info_in_dl dl dd{margin-top: 7px;}
#main .widget_wrap .widget_item .info_in_dl dl dd{font-size: 16px!important;}
#main .widget_wrap .widget_item .info_in_dl dl dd span{font-size: 28px!important; line-height: 1;}
#main .widget_wrap .widget_item .info_in_dl dl dd span .out_value{font-size: 16px!important; line-height: 1;}
#main .widget_wrap .widget_item .info_in_dl dl{border-color: #50565b;}
#main .widget_wrap .widget_item .info_in_dl.col_2 .col{margin-top: 12px;}
#main .widget_wrap .widget_item .info_in_dl.col_2 .col:first-child{margin-top: 0;}
#main .widget_wrap .widget_item .info_in_dl.col_2 .col.top{margin-top: 0;}
#main .widget_wrap .widget_item .info_in_dl.col_2 .col-md-6:first-child .col{margin-top: 0;}
.widget_wrap .widget_item .vsp_vessel_img_wrap{position: relative; overflow: hidden; width: 100%; height: 215px;}
.widget_wrap .widget_item .vsp_vessel_img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.widget_group.ship_info .widget_item.voyage .deviation .btn_deviation{font-size: 16px; padding-bottom: 4px;}
.widget_group.ship_info .widget_item.voyage .progress_status .label_area p{font-size: 16px;}
.progress_bar .progress{height: 12px;}
.progress_bar .progress .bar{height: 100%;}
.progress_bar p{font-size: 16px; margin-top: 8px;}
.widget_group.ship_info .widget_item.voyage .port_time p.o_end_nation, 
.widget_group.ship_info .widget_item.voyage .port_time p.o_start_nation{margin-top: 7px;}
.widget_group.ship_info .widget_item.voyage .port_time p.time{margin-top: 15px;}
.widget_group.ship_info .widget_item.voyage .port_time p{font-size: 16px;}
.widget_group.ship_info .widget_item.voyage .deviation .etc p{font-size: 16px;}
.widget_group.ship_info .widget_item.voyage .deviation .etc p span{font-size: 28px;}
.deviation .port_time{margin: 14px -20px 12px;}
#main .widget_wrap .widget_item .info_in_box .ttl_area p{line-height: 33px; font-size: 16px; font-weight: 700;}
#main .widget_wrap .widget_item .info_in_box .cnt_area{border-color: #50565b; padding: 16px 15px;}
#main .widget_wrap .widget_group.ship_info .info_in_box .txt.l{width: 100%; text-align: center; font-size: 28px; line-height: 1; margin-bottom: 4px;}
#main .widget_wrap .widget_group.ship_info .info_in_box .txt.s{width: 100%; text-align: center; font-size: 16px;}
#main .widget_wrap .widget_item.navigation .cnt_area > .inner{padding: 30px 20px;}
#main .widget_wrap .widget_item.navigation .info_in_dl.col_2 .col{margin-top: 26px;}
#main .widget_wrap .widget_item.navigation .info_in_dl.col_2 .col.top,
#main .widget_wrap .widget_item.navigation .info_in_dl.col_2 .col:first-child{margin-top: 0;}
#main .widget_wrap .widget_item.motion .info_in_dl dl dt{margin-bottom: 0;}
#main .widget_wrap .widget_item.motion .info_in_dl dl dd{margin-top: 14px;}
#main .widget_wrap .widget_item.motion .cnt_area > .inner{padding: 20px 30px;}
.widget_group.navigation .widget_item.motion .info_in_dl dl:first-child{padding-bottom: 20px;}
.widget_group.navigation .widget_item.motion .info_in_dl dl:last-child{padding-top: 20px; margin-top: 0;}
/*.widget_item.motion .info_in_dl{min-width: 150px;}*/
.widget_group.navigation .widget_item.motion .cnt_area>.inner{display: table;}
.widget_group.navigation .widget_item.motion .info_in_dl,
.widget_group.navigation .widget_item.motion .active_trim{display: table-cell; vertical-align: middle;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area p{padding-left: 12px;}
.widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area p span{font-size: 28px;}
.progress_status .label_area.label1 i+p{margin-left: 12px;}
#main .widget_wrap .widget_group.machinery .widget_item.main_engine .info_in_dl.col_2 .col{margin-top: 25px;}
#main .widget_wrap .widget_group.machinery .widget_item.main_engine .info_in_dl.col_2 .col.top,
#main .widget_wrap .widget_group.machinery .widget_item.main_engine .info_in_dl.col_2 .col:first-child{margin-top: 0;}
#main .widget_wrap .widget_group.machinery .progress_status .label_area{margin-bottom: 15px;}
#main .widget_wrap .widget_item.main_engine .cnt_area > .inner, #main .widget_wrap .widget_item.boiler .cnt_area > .inner{padding: 30px 20px;}
#main .widget_wrap .widget_item.boiler .info_in_dl{margin-top: 50px;}
#main .widget_wrap .widget_group.machinery .widget_item.boiler .info_in_dl.col_2 .col:last-child{margin-top: 25px;}
.toggle_btn_wrap .toggle_btn{display: block; position: relative; width: 60px; height: 30px; padding: 3px; border-radius: 15px; box-sizing: border-box; background: #000; -webkit-transition: ease-out .1s;
-o-transition: ease-out .1s;
transition: ease-out .1s;}
.toggle_btn_wrap .toggle_btn span{display: block; position: absolute; left: 3px; top: 3px; width: 24px; height: 24px; border-radius: 50%; background: #7d8289; -webkit-transition: ease-out .2s;
-o-transition: ease-out .2s;
transition: ease-out .2s;}
.toggle_btn_wrap .toggle_btn.is_active{background: #06e420;}
.toggle_btn_wrap .toggle_btn.is_active span{background: #fff; left: 100%; transform: translateX(-27px);}
/* 200813 추가 */
#main .widget_wrap .widget_item.boiler .progress_status:after{clear: both; display: block; content: '';}
#main .widget_wrap .widget_item.boiler .progress_status .label_area{float: left; margin-bottom: 0;}
#main .widget_wrap .widget_item.boiler .toggle_btn_wrap{float: right;}
.widget_group.alarm .widget_item .grid>.col.col_6:nth-child(n+3){margin-top: 20px;}
.widget_item.alarm .info_in_box .txt{font-weight: 700; font-size: 40px;}
.widget_group.emergency .widget_item.cctv .video_area{height: 205px;}
.widget_group.emergency .widget_item.cctv .video_area #video-player{height: 100%!important; max-height: 100%;}
.widget_item.vdr_audio .cnt_area .form-group{margin-top: 0; margin-bottom: 0;}
.widget_item.vdr_audio .input-group.date .input-group-addon{display: none;}
.widget_item.vdr_audio .form-control.datepicker{padding: 0 8px!important;}
.widget_item.vdr_audio .date_from, .widget_item.vdr_audio .date_to{float: left; width: 50%; padding: 0; vertical-align: middle;}
.widget_item.vdr_audio .date_from .input-group, .widget_item.vdr_audio .date_to .input-group{display: block;}
.widget_item.vdr_audio .date_to{padding-left: 4px; box-sizing: border-box;}
.widget_item.vdr_audio .date_from .form-control.datepicker{height: 40px;}
.widget_item.vdr_audio .cnt_area>.inner .date_wrap{float: left; position:relative; width: 100%; margin-left: -140px; padding-left: 140px; padding-right: 0; box-sizing: border-box; z-index: 1;}
.widget_item.vdr_audio .cnt_area>.inner .date_wrap>div.form-group{display: table; width: 100%;}
.widget_item.vdr_audio .cnt_area>.inner .col-md-4.selectbox{float: left; position:relative; width: 140px!important; padding: 0; z-index: 2;}
.widget_item.vdr_audio .cnt_area>.inner .selectbox select{background: transparent;}
.widget_item.vdr_audio .date_wrap>.form-group:after{clear: both; display: block; content: '';}
.widget_item.vdr_audio .date_wrap .control-label{display: table-cell; vertical-align: middle; width: 56px; line-height: 40px; padding-right: 6px; text-align: right; box-sizing: border-box; margin-bottom: 0;}
.widget_item.vdr_audio .date_wrap .control-label+.row{display: table-cell; vertical-align: middle; box-sizing: border-box;}
.widget_item.vdr_audio .date_wrap .control-label+.row:after{clear: both; display: block; content: '';}
.widget_item.vdr_audio .audio_tbl{padding: 0; margin-top: 12px;}
.widget_item.vdr_audio .audio_tbl>#dxVdrAudioGrid{height: 165px!important;}
.widget_item.vdr_audio #vdr_audio_play{vertical-align: top;}
.widget_item.vdr_audio .dx-datagrid-headers .dx-datagrid-table .dx-row > td{background: #50565b; font-size: 16px; color: #fff; border-color: #50565b;}
.widget_item.vdr_audio .dx-datagrid-borders > .dx-datagrid-rowsview,
.widget_item.vdr_audio .dx-datagrid-borders > .dx-datagrid-headers{border-color: #50565b;}
.widget_group.emergency .widget_item.calling .input_area.emergency:after{clear: both; display: block; content: '';}
.widget_group.emergency .widget_item.calling .input_area.lang{float: left; width: 239px;}
.widget_group.emergency .widget_item.calling .input_area.timeout{float: left; width: 261px;}
.widget_group.emergency .widget_item.calling .input_area.select{display: table;}
.widget_group.emergency .widget_item.calling .input_area.select .label_area,
.widget_group.emergency .widget_item.calling .input_area.select .input_box{display: table-cell; vertical-align: middle;}
.widget_group.emergency .widget_item.calling .input_area.lang .label_area{min-width: 89px;}
.widget_group.emergency .widget_item.calling .input_area.timeout .label_area{min-width: 111px; padding-right: 14px; box-sizing: border-box; text-align: right;}
.widget_group.emergency .widget_item.calling .input_area.select .input_box{width: 100%;}
.widget_group.emergency .widget_item.calling .input_area .label_area label{margin-bottom: 0; line-height: 40px; font-size: 16px;}
.widget_group.emergency .widget_item.calling .input_wrap:after{display: block; clear: both; content: '';}
.widget_group.emergency .widget_item.calling .input_wrap+.btn_area{text-align: center; margin-top: 12px;}
.widget_group.emergency .widget_item.calling .input_wrap+.btn_area .btn{border-width: 2px; line-height: 26px!important; width: auto;}
.widget_item.calling .msg_area .ttl{font-size: 16px; font-weight: 700;}
.widget_item.calling .msg_area #ecMessage{height: auto; line-height: 1; margin-top: 5px; font-size: 12px;}
.widget_group.emergency .widget_item.calling .btn_area.view_history{text-align: right;}
.widget_group.emergency .widget_item.calling .btn_area.view_history a{font-size: 16px;}
.widget_group.emergency .steps_bar{margin-top: 15px;}
/* 200814 추가 */
#mdl_alerts_help .modal-dialog{width: 1180px; max-width: 80%; margin: 10px auto;}
#mdl_alerts_help .modal-body, #mdl_alerts_help .modal-footer{background: #2d3039;}
#mdl_alerts_help .modal-body>.box4{padding: 0; background: transparent; box-shadow: none;}
#mdl_alerts_help .nav-tabs-custom{background: transparent; box-shadow: none;}
#mdl_alerts_help .nav-tabs-custom>.nav-tabs{border: none; margin: -8px;}
#mdl_alerts_help .nav-tabs-custom>.nav-tabs>li{padding: 8px; margin-bottom: 0; margin-right: 0; border: none;}
#mdl_alerts_help .nav-tabs-custom>.nav-tabs>li a{font-size: 16px; max-height: 50px; border: 2px solid #c2a264; color: #c2a264; line-height: 1.2; padding: 14px 20px; font-weight: 700; box-sizing: border-box;}
#mdl_alerts_help .nav-tabs-custom>.nav-tabs>li.active a{background: #c2a264; color: #000;}
#security_info.modal .modal-header{padding: 10px 20px;}
#security_info.modal .modal-header>.form-group{margin-top: 0; margin-bottom: 0;}
#security_info.modal .modal-header>.form-group>label{padding: 0; margin: 0;}
#security_info.modal .modal-header>.form-group>label h4{font-size: 20px; line-height: normal;}
#security_info.modal .modal-header>.form-group>.col-sm-3{padding: 0; text-align: right;}
#security_info.modal .modal-header>.form-group>.col-sm-3 h4{float: right; margin-right: 30px; font-size: 20px;}
/*#security_info.modal .modal-body{background: #2d3039;}*/
#security_info.modal .box3{box-shadow: none; padding-top: 0!important; padding-right: 0!important; padding-bottom: 0!important;}
#security_info.modal .box3>div{float: left; padding-left: 0!important; padding-right: 0!important;}
#security_info.modal .box3>div>h4{font-size: 16px;}
#security_info.modal .box3>div#modal_active{float: right;}
#security_info.modal .box3>div#modal_active h2{font-size: 20px;}
#security_info.modal .modal-body{padding: 0 20px 20px!important;}
#security_info.modal .modal-body > .row{margin-left: 0; margin-right: 0;}
#security_info.modal .modal-body > .row > .col-md-12,
#security_info.modal .modal-body > .row > .col-md-12 > div{padding-right: 0!important; padding-left: 0!important; font-size: 20px; line-height: 1;}
#security_info.modal .modal-body > .row > .col-md-12 > .col-md-6{width: 100%;}
#security_info.modal #dxAlertDataGrid, #security_info.modal #dxEventDataGrid{margin-top: 15px; font-size: 16px;}
#security_info.modal #dxAlertDataGrid{margin-bottom: 20px;}
#security_info.modal #dxAlertDataGrid .dx-row > td,
#security_info.modal #dxEventDataGrid .dx-row > td{padding: 11px 15px;}
/*#security_info.modal #dxAlertDataGrid .dx-datagrid-headers,
#security_info.modal #dxEventDataGrid .dx-datagrid-headers{background: #000;}*/
/*.dx-pager .dx-pages{background: #23252d;}*/ /* pagination 수정 */
.dx-swatch-blackgold .dx-pager .dx-page, .dx-swatch-blackgold .dx-pager .dx-page-size{position: relative; width: 30px; line-height: 30px; padding: 0!important; text-align: center; margin: 0; border: none;}
.dx-swatch-blackgold .dx-pager .dx-page:before, .dx-swatch-blackgold .dx-pager .dx-page-size:before{position: absolute; width: 1px; height: 20px; left: 0; top: 5px; background: #65676c; content: '';}
.dx-swatch-blackgold .dx-pager .dx-page:first-child:before, .dx-swatch-blackgold .dx-pager .dx-page-size:first-child:before{display: none;}
.dx-swatch-blackgold .dx-pager .dx-page-sizes .dx-selection:before, .dx-swatch-blackgold .dx-pager .dx-pages .dx-selection:before{display: none;}
.dx-swatch-blackgold .dx-pager .dx-page-sizes .dx-selection+.dx-page-size:before, .dx-swatch-blackgold .dx-pager .dx-pages .dx-selection+.dx-page:before{display: none;}
#modal-summary-item.modal .modal-header{padding: 10px 20px;}
#modal-summary-item.modal .modal-body{background: #2d3039; padding: 20px!important;}
#modal-summary-item.modal .modal-body .row{margin-right: 0; margin-left: 0;}
#modal-summary-item.modal .tbl.deviation{border-left: 1px solid #000; border-right: 1px solid #000;}
#modal-summary-item.modal .tbl.deviation th{font-size: 16px; line-height: 40px; padding: 0 15px;}
#modal-summary-item.modal .tbl.deviation tr, #modal-summary-item.modal .tbl.deviation td{border-color: #000;}
#modal-summary-item.modal .tbl.deviation td{line-height: 1.2; padding: 7px 15px;}
#modal-summary-item.modal .modal-title, #modal-summary-item.modal .modal-title span{font-size: 20px; line-height: 1;}
#modal-summary-item.modal .tbl.deviation tbody tr:nth-child(2n){background: #23252d;}
#modal-summary-item.modal .tbl.deviation tbody tr:nth-child(4) td:first-child,
#modal-summary-item.modal .tbl.deviation tbody tr:nth-child(14) td:first-child,
#modal-summary-item.modal .tbl.deviation tbody tr:nth-child(14) td:nth-child(2),
#modal-summary-item.modal .tbl.deviation tbody tr:nth-child(20) td:first-child{background: #2d3039;}
#container.navigation .conning_item dl dt, #container.navigation .conning_item dl dd{font-size: 14px;}
#container.navigation .conning_item dl dd strong{font-size: 26px;}
.contents#conningInfo .widget_item.environment .cnt_box .inner .grid{text-align: center;}
.contents#conningInfo .widget_item.environment .cnt_box .inner .grid .info_in_dl{display: inline-block; width: 100%; max-width: 240px; text-align: left; vertical-align: top;}
.contents#conningInfo .widget_item.environment .cnt_box .inner .grid .info_in_dl dl:last-child{width: auto; float: right;}
aside.control-sidebar .box-body .row+.row{margin-top: 10px;}
aside.control-sidebar .box-body .row .form-group{margin-top: 0; margin-bottom: 0;}
aside.control-sidebar .box-body .row .form-group:after{clear: both; display: block; content: '';}
aside.control-sidebar .box-body .row .form-group+.form-group{margin-top: 5px;}
/*#container.security .contents#stabilityAll > .set_inner > .clearFix{margin-top: -15px;}*/
#container.security .info_area2 > .grid > .col.col_12 label{margin-bottom: 2px;}
#container.security .info_area2 > .grid > .col.col_12{margin-bottom: 2px;}
#container.security .info_area2 > .grid > .col.col_12:nth-child(2){margin-bottom: 0;}
#container.security .info_area2 > .grid > .col.col_12 dl{padding: 0;}
#container.security .info_area2 > .grid > .col.col_12 dl dt{font-weight: 400;}
#container.security .info_area2 > .grid > .col.col_12 dl dd strong{display: block; font-size: 20px!important; margin-right: 0; min-height: 22px;}
/* 200819 추가 */
.widget_item.vessel_spec .vessel_name_area{margin-bottom: 12px;}
#main .widget_wrap .widget_item.vessel_spec .info_in_dl.col_2 .col+.col{margin-top: 15px;}
#container.navigation #conningAll .conning_item dl{padding: 13px 0;}
.contents.stability .conning_item .info_area2 .grid .col_4 .tbl.security.alert{width: 75px!important; height: 85px;}
.contents.stability .conning_item .info_area2 .grid .col_4 .tbl.security.alert thead{display: block; padding-top: 15px; line-height: 1; text-align: center;}
.contents.stability .conning_item .info_area2 .grid .col_4 .tbl.security.alert tbody{display: block; text-align: center; margin-top: 10px;}
.contents.stability .conning_item .info_area2 .grid .col_4 .tbl.security.alert tbody td{display: inline-block; line-height: 1; vertical-align: top;}
.contents.stability .conning_item .info_area2 .grid{margin-left: 0; margin-right: 0;}
.contents.stability .conning_item .info_area2 .grid .col{padding: 0;}
.contents.stability .conning_item .info_area2{padding: 0;}
.contents.stability#stabilityAll .conning_item .info_area2 >.grid{padding: 10px 15px 3px;}
.contents.stability .conning_item .info_area2 .grid .col_8 .col_12+.col_12{margin-top: 2px;}
.contents.stability#stabilityAll  .conning_item .info_area2 > .grid .col.col_12 dt, .contents.stability#stabilityAll  .conning_item .info_area2 > .grid .col.col_12 > label{font-size: 12px;}
/* 200820 추가 */
.contents#conningInfo .table_type_list{padding: 2px 0;}
.contents#conningInfo .table_type_list dt{font-size: 16px;}
.contents#conningInfo .table_type_list dd{font-size: 28px;}
.contents#conningInfo .table_type_list dt, .contents#conningInfo .table_type_list dd{line-height: 50px;}
.contents#conningInfo .info_in_dl.v2 dl dt{margin-bottom: 0;}
.contents#conningInfo .info_in_dl.v2 dl dd,
.contents#conningInfo .info_in_dl.v2 dl dt{font-size: 16px; font-weight: 400;}
.contents#conningInfo .info_in_dl.v2 dl dd span{font-size: 28px; font-weight: 700;}
.contents#conningInfo .widget_item.depth .info_in_dl.v2 dl dd span{margin-right: 3px;}
.contents#conningInfo .widget_item.coordinates .table_type_list.v2{margin: 0;}
.contents#conningInfo .col.right .widget_item.coordinates .table_type_list dl:first-child{padding-right: 16px; padding-left: 0;}
.contents#conningInfo .col.right .widget_item.coordinates .table_type_list dl:last-child{padding-left: 16px; padding-right: 0;}
.contents#conningInfo .highcharts-figure{margin: 0 auto;}
.contents#conningInfo .navi_info_wrap dt{font-weight: 400;}
.contents#conningInfo .navi_info_wrap dd span{font-size: 56px; font-weight: normal; letter-spacing: -.02em;}
/*.contents#conningInfo .col.right .widget_item.alerts #dxDataGrid{height: 270px!important;}*/
.contents#conningInfo .grid.triple{margin-left: 0; margin-right: 0;}
.modal .contents#conningInfo .widget_item.engine .cnt_box>.inner{padding: 20px 20px 0;}
/*.modal .contents#conningInfo .col.right .widget_item.alerts #dxDataGrid{height: 230px!important;}*/
.contents#conningInfo #spnVessel{font-size: 20px; font-weight: 700;}
.contents#conningInfo #obj-time{font-size: 20px;}
#main .widget_item.vdr_audio .input_area.select .input_box{border: 1px solid #bbbcbe; border-color: #bbbcbe!important;}
#main .widget_item.vdr_audio .input_area.select .input_box.focus{border-color: #fff!important;}
#main .widget_item.vdr_audio .input_area.select .input_box select{border: none; background: transparent;}
.widget_item.vdr_audio .btn_area.vdr_play{margin-bottom: 20px;}
.widget_item.vdr_audio .btn_area.vdr_play button{float: left;}
.widget_item.vdr_audio .btn_area.vdr_play p{float: right; font-size: 16px; line-height: 32px;}
.widget_item.vdr_audio .btn_area.vdr_play p span{margin-right: 3px;}
.widget_item.vdr_audio #vdr_range_selector{width: 100%!important; max-width: 100%;}
.widget_item.vdr_audio #vdr_range_selector svg{width: 100%!important;}
.vdr_range_selector_wrap{margin: 30px 0;}
.vdr_audio_player_wrap #vdr_audio_player{width: 100%!important; height: 16px!important;}
/* 200821 추가 */
.row.summary{margin-left: -35px; margin-right: -35px;}
.row.summary>.left-area{padding-left: 40px!important;}
.row.summary>.col-md-8#ctr-container{width: 100%!important; margin-left: -16.66666667%; padding: 0;}
.row.summary>.col-md-8#ctr-container svg>g{transform: translate(835px, 350px)!important;}
#container.infra #stabilityAll .conning_item .tbl.infra tr td.disabled a{color: rgba(255,255,255,.1);}
#container.infra #stabilityAll .conning_item .tbl.infra td.disabled .red,
#container.infra #stabilityAll .conning_item .tbl.infra td.disabled{background: #2d3039;}
/* 200824 추가 */
#main .widget_wrap .widget_group .slick-arrow {position: absolute; top: -30px; width: 30px; height: 30px; background: #2d3039; font-size: 0; margin-top: -15px;}
#main .widget_wrap .widget_group .slick-arrow.slick-next{right: 0;}
#main .widget_wrap .widget_group .slick-arrow.slick-prev {left: 0;}
#main .widget_wrap .widget_group .slick-arrow.slick-next:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
}
#main .widget_wrap .widget_group .slick-arrow.slick-prev:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 11px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
}
#main .widget_area{overflow: visible;}
.slick-slider .slick-track{margin: 0 -5px;}
.slick-slider .slick-list{overflow: visible;}
.btn_div .input_area label{margin-bottom: 0; cursor: pointer;}
.btn_div .input_area label:focus{background: none;}
.btn_div .input_area.check .checkmark{vertical-align: middle; margin-right: 5px;}
/* 200901 추가 */
.btn_wrap.with_check {display: table;}
.btn_wrap.with_check label{margin-bottom: 0;}
.btn_wrap.with_check .input_area.check, 
.btn_wrap.with_check .btn_div{display: table-cell; vertical-align: top; text-align: left;}
.btn_wrap.with_check .input_area.check{max-width: 40px; width: 40px; padding: 0 10px;}
/* 200902 추가 */
.widget_group.navigation .active_trim .img_area .bar_wrap{position: absolute; left: 0; right: 0; top: 6px; bottom: 3px; z-index: 1;}
.widget_group.navigation .active_trim .img_area .bar_box{position: absolute; top: 50%; bottom: 0; left: 0; right: 0;}
.widget_group.navigation .active_trim .img_area .bar{position: absolute; left: -15px; width: 15px; height: 1px; background: #fff;}
.widget_group.navigation .active_trim .img_area img{position: relative; z-index: 2;}
/* 200903 추가 */
#main .widget_wrap .widget_group.alarm .widget_item.alarm{width: 550px;}
.map-weather-item .c_layer{width: 35px; height: 35px; padding: 0!important; box-sizing: border-box;  margin: 5px 5px; text-align: center; border: 1px solid #000; background-color: #000;}
.map-weather-item .c_layer i{display: block; width: 35px; height: 35px; background: url(../img/ic_btn_layer.png)center no-repeat; font-size: 0!important;}
.c_layer.c_layer_active{background-color: #c2a46a;}
/* 200914 추가 */
#geOverview .table_area.g_engine th{text-align: center;}
/* 200924 추가 */
.progress_bar .progress .bar{top: 0!important;}
.widget_group.ship_info .widget_item.voyage .departure .ic_deviation{background-position: 0 -80px; opacity: .2;}
/* 200929 추가 */
.leaflet-map-pane .leaflet-marker-menu > ul > li.btn_navigation.is_active a{background-position-x: 0px !important;}
/* 201019 추가 */
.contents#airSystem>.set_inner{min-width: 1600px;}

_wrap@media screen and (max-width: 1600px) {
    .conning_item{width: 25%;}
	.conning_item:nth-child(n+5){margin-top: 20px;}
	.conning_item .top_area p{font-size: 13px;}
	.widget_item.r_container_info .table_type_list dl{width: 100%;}
	.widget_item.r_container_info .table_type_list.v2 dl+dl:before{display: none;}
	.widget_item.r_container_info .info_in_dl.bottom dl{padding: 0; width: 50%; text-align: center;}
}

@media screen and (max-width: 1600px) {
    .conning_item{width: 25%;}
	.conning_item:nth-child(n+5){margin-top: 20px;}
	.conning_item .top_area p{font-size: 13px;}
	.widget_item.r_container_info .table_type_list dl{width: 100%;}
	.widget_item.r_container_info .table_type_list.v2 dl+dl:before{display: none;}
	.widget_item.r_container_info .info_in_dl.bottom dl{padding: 0; width: 50%; text-align: center;}
    
    .user_info_box #UserPhoto .form-group{width: auto;}
    #UserPhoto .form-group #btnDeletePhoto, #UserPhoto .form-group #btnChangePhoto{float: left; width: 48%!important; padding: 0; text-align: center;}
    #UserPhoto .form-group #btnDeletePhoto{margin-left: 4%;}
}
@media screen and (max-width: 1540px) {
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(700px, 350px)!important;}
}

@media screen and (max-width: 1450px) {
    .modal#mdRCMS .modal-dialog{width: 85%!important; margin: 40px auto;}
    .modal#mdRCMS .widget_group .grid.grid_15>div{float: left; width: 100%;}
    .modal#mdRCMS .widget_group .grid.grid_15 .reefer_map .table_area .table_body{overflow: hidden; overflow-x: auto;}
    .modal#mdRCMS .widget_group .grid.grid_15 .reefer_map .table_area .table_body table{margin-bottom: 0;}
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(550px, 350px) scale(.95)!important;}
}
    
@media screen and (max-width: 1366px) {
	.user_info_wrap.row>.col-md-3{position: relative; width: 370px; z-index: 2;}
	.user_info_wrap.row>.col-md-9{position: relative; width: 100%; margin-left: -370px; padding-left: 385px; box-sizing: border-box; z-index: 1;}
	.tab-content #profile .form-group label{width: 100px;}
	.tab-content #profile .form-group label+div{margin-left: -100px; padding-left: 100px;}
}

@media screen and (max-width: 1280px) {
        .conning_item{width: 33.3333%;}
	.conning_item:nth-child(n+4){margin-top: 20px;}
	.header_info .btn_wrap>div{margin-right: 20px;}
	.header_info .btn_wrap>div:last-child{margin-right: 0;}
	#header .info_wrap{width: 170px; margin-right: 20px; text-align: right;}
	#header .info_wrap p{width: 100%; font-size: 12px; margin-right: 0;}
	.header_info .info_wrap{margin-top: 9px; margin-right: 0;}
	.btn_group.vessel{padding-right: 0;}
	.btn_group.vessel .grid+.grid{margin-top: 0;}
	.btn_group.vessel .grid > .col.col10{margin-bottom: 10px;}
	#trend .btn_group button{font-size: 14px;}
	#trend .btn_group.kpi:after{clear: both; display: block; content: '';}
	#trend .btn_group.kpi button{float: left; width: 23.5%; margin-right: 2%;}
	#trend .btn_group.kpi button:last-child{margin-right: 0;}

    /* 200708 추가 */
    .setting_etc_box #dxDataGridEtc .dx-toolbar-items-container{height: auto; text-align: right;}
    .setting_etc_box #dxDataGridEtc .dx-toolbar-after{position: relative; display: block; margin: 0 -5px; padding: 0;}
    .setting_etc_box #dxDataGridEtc .dx-toolbar-after .dx-item{display: block; width: 100%; padding-left: 5px!important; padding-right: 5px!important; box-sizing: border-box;}
    .setting_etc_box #dxDataGridEtc .dx-toolbar-after .dx-item+.dx-item{padding-left: 0;}
    .setting_etc_box #dxDataGridEtc .dx-toolbar-after .dx-item:nth-child(1), .setting_etc_box #dxDataGridEtc .dx-toolbar-after .dx-item:nth-child(2){display: inline-block; width: 110px;}
    .setting_etc_box #dxDataGridEtc .dx-toolbar-after .dx-item:nth-child(3){margin-top: 10px;}
    .setting_etc_box #dxDataGridEtc .dx-toolbar-after .dx-item:nth-child(3)>div{text-align: right;}
    .setting_etc_box #dxDataGridEtc .dx-toolbar-after .dx-item:nth-child(3)>div>div{display: inline-block; width: 100%!important;}
    .navbar-nav > li.dropdown.notifications-menu.timezone_info_wrap{-webkit-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); margin-right: -40px;}
    .navbar-nav > li.dropdown.notifications-menu > a#timezone_info{padding: 0; font-size: 0;}
    .navbar-nav > li.dropdown.notifications-menu > a#timezone_info label{display: block; margin: 0; font-size: 11px; text-align: right;}
    .navbar-nav > li.dropdown.notifications-menu > a#timezone_info label+label{margin-top: -27px; margin-left: 0;}
        
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(450px, 350px) scale(.9)!important;}
    .row.summary>.left-area:after{display: block; clear: both; content: '';}
    .row.summary>.left-area{width: 100%; padding-top: 0!important; height: auto!important;}
    .row.summary>.left-area>div{float: left; padding-top: 0!important; line-height: 25px;}
    .row.summary>.col-md-8#ctr-container{margin-left: 0;}
        
    /* 200824 추가 */
    .contents.stability .conning_item .info_area2 .grid .col.col_4{width: 75px!important; position: relative; z-index: 2;}
    .contents.stability .conning_item .info_area2 .grid .col.col_8{width: 100%!important; margin-left: -75px; padding-left: 95px; box-sizing: border-box; position: relative; z-index: 1;}
        
}

@media screen and (max-width: 1024px){
	.conning_item .top_area p{font-size: 14px;}
	.conning_item dl dd strong{font-size: 18px;}

	.navi_info_wrap dd span{font-size: 26px;}

	.widget_item.reefer_alarm .input_area.select{padding-right: 0;}
    .widget_group.alarm .info_in_box .col.col_6:nth-child(n+3){margin-top: 10px!important;}
    .widget_group.alarm .info_in_box .cnt_area {
        padding: 20px 0;
    }
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(350px, 350px) scale(.85)!important;}
    
    #conningInfo .widget_item.environment .grid > .col.col_6{width: 50%;}
    #conningInfo .widget_item.environment .grid > .col.col_6+.col.col_6{margin-top: 0;}

}

@media screen and (max-width: 991px) {
    .user_info_box #UserPhoto .form-group{max-width: 290px; margin: 0 auto;}
    #UserPhoto .form-group #btnDeletePhoto, #UserPhoto .form-group #btnChangePhoto{max-width: 140px;}
    #UserPhoto .form-group #btnDeletePhoto{margin-left: 10px!important;}

    #mdl_alerts_help .nav-tabs-custom>.nav-tabs{border: none; margin: -4px;}
    #mdl_alerts_help .nav-tabs-custom>.nav-tabs>li{padding: 4px;}
    #mdl_alerts_help .nav-tabs-custom>.nav-tabs>li a{min-height: 36px; font-size: 14px; padding: 8px; border-width: 1px;}
	
	.user_info_wrap.row>.col-md-3{width: 100%;}
	.user_info_wrap.row>.col-md-9{margin-left: 0; padding-left: 15px;}

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

}


@media screen and (max-width: 900px) {
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(300px, 350px) scale(.75)!important;}

}


@media screen and (max-width: 830px){
	#main .widget_item>.inner>.cnt_area{background: rgba(42,45,48,.8); box-shadow: 0 0 8px rgba(0,0,0,.2);}
	#main .widget_wrap{position: static; left: auto; right: auto; top: auto;}

	.cargo_map .ship_top{left: 2.5%; top: auto; bottom: 38%;}
	.radial_menu.is_active .menu{width: 160px; height: 160px;}
	.radial_menu .menu li{width: 40px; height: 40px; border-radius: 20px; margin-left: -20px; margin-top: -20px;}
	.radial_menu .menu li a{background-size: 80px 200px;}
	.radial_menu .menu li.btn_navigation a{background-position: 0 -40px!important;}
	.radial_menu .menu li.btn_machinery a{background-position: 0 -80px!important;}
	.radial_menu .menu li.btn_emergency a{background-position: 0 -120px!important;}
	.radial_menu .menu li.btn_alarm a{background-position: 0 -160px!important;}
	.radial_menu .menu li.btn_ship_info.is_active a{background-position: -40px 0!important;}
	.radial_menu .menu li.btn_navigation.is_active a{background-position: -40px -40px!important;}
	.radial_menu .menu li.btn_machinery.is_active a{background-position: -40px -80px!important;}
	.radial_menu .menu li.btn_emergency.is_active a{background-position: -40px -120px!important;}
	.radial_menu .menu li.btn_alarm.is_active a{background-position: -40px -160px!important;}
	.pop_ship_info.detail{width: 60%;}
	.pop_ship_info.detail .cnt_title h2{font-size: 14px; margin: 0;}
	.pop_ship_info.detail .cnt_title p{font-size: 12px; margin: 0;}
	.pop_ship_info.detail .img_area{position: relative; height: 100px; width: 100%; overflow: hidden; margin-bottom: 15px;}
	.pop_ship_info.detail .img_area img{position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
	.pop_ship_info.detail .cnt_title+.cnt_area{margin-top: 10px;}
	.pop_ship_info.detail .info_area{max-width: 100%;}
	.pop_ship_info.detail .info_in_dl dl dd{font-size: 12px;}
	.pop_ship_info.detail .info_in_dl dl dd span{font-size: 18px;}
	.pop_ship_info.detail .col_12{margin-top: 10px;}
	.pop_ship_info.detail .info_in_dl dl dt{margin-bottom: 5px;}
	.pop_ship_info.detail .info_in_dl dl{padding-bottom: 5px;}
	.tbl.deviation td, .tbl.deviation th{font-size: 14px; line-height: 25px;}
    
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(350px, 350px) scale(.7)!important;}


}

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



}

@media (max-width: 767px)  {
    .conning_item {
        width: 50%;
    }

    .conning_item:nth-child(n+3) {
        margin-top: 20px;
    }

    #header .info_area {
        margin-right: 0;
        padding-right: 0;
    }

    /* nav bar */
    .main-header {
        max-height: 140px !important;
    }

    .main-sidebar {
        padding-top: 60px !important;
    }

    .navbar.navbar-static-top {
        padding-bottom: 45px !important;
    }

    .navbar-custom-menu {
        width: 100% !important;
    }

    .navbar-custom-menu ul.nav.navbar-nav {
        width: auto;
        float: right;
        padding: 12px;
        box-sizing: border-box;
        max-height: 50px;
    }
    .navbar-custom-menu ul.nav.navbar-nav > li.network {
        margin-right: 5px;
    }
    .navbar-custom-menu ul.nav.navbar-nav > li.user {
        margin: 0 3px;
    }
    .navbar-custom-menu ul.nav.navbar-nav > li.user+li.symbol {
        margin: 0 0 0 2px;
    }

    .navbar-custom-menu .navbar-nav > li > a {
        padding: 5px 0 !important;
        height: 34px;
    }

    .navbar-custom-menu .navbar-nav > li > a#timezone_info, .navbar-custom-menu .navbar-nav > li > a#timezone_info label, .navbar-custom-menu .navbar-nav > li > a#timezone_info label span {
        font-size: 11px !important;
    }
    /* 200714 추가 */
    .map-weather-item {
        display: none;
    }

    .widget_item.boiler .info_in_box .txt.l {
        font-size: 28px !important;
    }

    .widget_item.boiler .info_in_box.bigger .cnt_area {
        padding: 30px 20px;
    }
    /* 200715 추가 */
    #stabilityAll .label_group {
        margin-bottom: 0;
    }


    .content-wrapper, .main-footer, .main-header .navbar {
        margin-left: 0;
    }
    .main-header .logo, .main-header .navbar, header.main-header .logo {
        width: 100%;
    }
    /* 200706 추가 */
    /* etc */
    .login-logo > h2 {
        font-size: 16px !important;
    }

    .logo-lg {
        text-align: center;
        line-height: 0.05em !important;
    }
    header.main-header .logo-lg img, header.main-header .logo-lg .txt {
        display: inline-block;
    }
    .content-header {padding: 15px; background: rgba(0,0,0,.1)!important; border-bottom: 1px solid rgba(0,0,0,.1); box-sizing: border-box;}
    .content{padding-left: 15px; padding-right: 15px;}
    /* slick */
    #main .widget_area {
        position: fixed;
        text-align: center;
    }
    #main .widget_wrap .widget_group{display: block; position:relative; width: 450px;  margin: 0 auto!important;}
    #main .widget_wrap .widget_group .widget_item+.widget_item{margin-left: 0;}
    #main .widget_wrap .widget_group .widget_item {width: 470px!important; min-width: 0; padding: 0 10px; box-sizing: border-box; text-align: left;}
    .widget_group.navigation .widget_item > .inner, .widget_group.ship_info .widget_item > .inner, .widget_group.machinery .widget_item > .inner, .widget_group.emergency .widget_item > .inner, .widget_group.alarm .widget_item > .inner{
        width: 100%;
    }

    .main-sidebar {
        padding-top: 50px!important;
        width: 200px;
        -webkit-transform: translate(-200px, 0);
        -ms-transform: translate(-200px, 0);
        -o-transform: translate(-200px, 0);
        transform: translate(-200px, 0);
    }
    .sidebar-open .content-wrapper, .sidebar-open .main-footer {
        -webkit-transform: translate(200px, 0);
        -ms-transform: translate(200px, 0);
        -o-transform: translate(200px, 0);
        transform: translate(200px, 0);
    }
    .navbar-nav > li.dropdown.notifications-menu.timezone_info_wrap {
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    .sidebar-open .navbar-nav > li.dropdown.notifications-menu.timezone_info_wrap {
        right: -215px;
       
    }
    /* 200714 추가 */
    .main-header .logo .logo-lg {
        display: none;
    }
    .main-header .logo .logo-mini{display:block; box-sizing: border-box;}
    .skin-blue .main-header .logo {
        border-bottom: 1px solid rgba(0,0,0,.1);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        text-align: center;
    }
    .main-header .logo {
        height: 50px;
        line-height: 50px;
        padding: 0;
    }
    .navbar.navbar-static-top .sidebar-toggle {
        left: 0;
        top: 0;
        padding: 15px !important;
    }
    
    .main-header .navbar.navbar-static-top {
        padding-bottom: 0 !important;
        min-height: 0;
        background-color: transparent;
    }
    .main-header .navbar.navbar-static-top, .navbar-custom-menu ul.nav.navbar-nav {
        position: static;
    }
    .skin-blue .main-header .navbar .sidebar-toggle{position:absolute;}
    .navbar-custom-menu .navbar-nav > li > a {
        padding: 0 !important;
    }
    .navbar-nav > li.dropdown.notifications-menu.timezone_info_wrap{top: 56px; right: 15px;}
    .sidebar-menu {
        padding: 0;
    }
    .widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select{padding: 8px 0 0!important;}
    
    /* Main Widget */
    .widget_item.vessel_spec .vessel_name_area h3{font-size: }
    
    /* 200824 추가 */
    .modal .contents#conningInfo .grid.triple>.col{width: 100%; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0;}
    .modal .contents#conningInfo .table_type_list dd, 
    .modal .contents#conningInfo .info_in_dl.v2 dl dd span{font-size: 20px;}
    .modal .contents#conningInfo .table_type_list dt{font-size: 14px;}
    .modal .contents#conningInfo .info_in_dl.v2 .ttl{font-size: 14px;}
    .modal .contents#conningInfo .info_in_dl.v2 dl dd, 
    .modal .contents#conningInfo .info_in_dl.v2 dl dt{font-size: 14px;}
    .modal .widget_item .cnt_title h3{padding: 20px 0;}
    .modal .contents#conningInfo .navi_info_wrap dd span{font-size: 40px;}
    .modal .contents#conningInfo .navi_info_wrap dt{font-size: 14px;}
    .modal #conningInfo .widget_item.environment .grid{margin: 0 -10px;}
    .modal #conningInfo .widget_item.environment .grid > .col.col_6{padding: 0 10px;}
    .contents#conningInfo .widget_group.shadow .widget_item.depth .cnt_box{height: auto;}
    .modal .contents#conningInfo .grid.triple>.col.center{margin-top: 40px;}
    #main .slick-slider .slick-list{overflow: hidden;}
    #main .widget_wrap .widget_group .slick-list{margin: 0 -10px; padding: 0!important;}
    #main .widget_wrap .widget_group .slick-arrow {position: absolute; top: 50%; width: 30px; height: 30px; background: #2d3039; font-size: 0; margin-top: -15px;}
    #main .widget_wrap .widget_group .slick-arrow.slick-next{right: -40px;}
    #main .widget_wrap .widget_group .slick-arrow.slick-prev {left: -40px;}
    /* 200825 추가 */
    .navbar-nav > li.dropdown.notifications-menu.timezone_info_wrap{position: absolute; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin-right: 0px;}
    .main-header .navbar{height: 50px;}
    /* 200902 추가 */
    .widget_item .cnt_title h3{font-size: 16px;}

    
}


@media screen and (max-width: 640px){
    /* 200824 추가 */
    .modal .contents#conningInfo .col.right .widget_item.coordinates .table_type_list dl{width: 100%;}
    .modal .contents#conningInfo .col.right .widget_item.coordinates .table_type_list.v2 dl+dl{padding-left: 0; border-top: 1px solid #000;}
    .modal .contents#conningInfo .col.right .widget_item.coordinates .table_type_list.v2 dl+dl:before{display: none;}
}


@media screen and (max-width: 600px){
    #main .widget_wrap .widget_group {width: 400px;}
    #main .widget_wrap .widget_group .widget_item {width: 420px!important;}
    
    #mdl_alerts_help .nav-tabs-custom>.nav-tabs{margin: -3px;}
    #mdl_alerts_help .nav-tabs-custom>.nav-tabs>li{padding: 3px;}
    #mdl_alerts_help .nav-tabs-custom>.nav-tabs>li a{min-height: 30px; font-size: 12px; padding: 7px; border-width: 1px;}
    #mdl_alerts_help .tab-content{font-size: 12px;}
    
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(300px, 300px) scale(.7)!important;}
}

@media screen and (max-width: 550px){
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(280px, 300px) scale(.65)!important;}
}

@media screen and (max-width: 520px){
	.conning_item{width: 100%!important;}
    .conning_item:nth-child(n+2){margin-top: 20px;}
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(260px, 300px) scale(.65)!important;}
}

@media screen and (max-width: 500px){
	#trend .btn_group button{line-height: 30px;}
	#securityEach .grid > .col.col_4:nth-child(2){margin-top: 10px!important;}
	#conningInfo .depth_txt{width: 100%; margin-bottom: 20px;}
	#conningInfo .depth_txt+.graph_box{margin: 0; padding: 0;}
	#conningInfo .depth_txt dt{margin: 0 10px 0 0;}
	#conningInfo .depth_txt dt, #conningInfo .depth_txt dd{display: inline-block; vertical-align: middle;}
	#conningInfo .coordinates .table_type_list.v2 dl{width: 100%;}
	#conningInfo .coordinates .table_type_list.v2 dl+dl:before{display: none;}

	.cargo_map .tbl{bottom: 36px;}
	.cargo_map .tbl td{height: 5px;}

	.pop_ship_info.detail .img_area{height: 60px;}
	.pop_ship_info.detail .info_in_dl dl dd{font-size: 11px; font-weight: normal;}
	.pop_ship_info.detail .info_in_dl dl dd span{font-size: 14px;}

	.widget_item .info_in_box .txt.l{font-size: 18px;}
	.widget_item p{font-size: 11px;}
	.info_in_dl dl dd{font-size: 11px;}
	.info_in_dl dl dd span{font-size: 16px;}

	.progress_status .label_area.label1 p span{font-size: 20px;}

	#conningInfo .widget_item.alerts .grid > .col.col_6+.col.col_6{margin-top: 0;}

	.table_type_list dt{font-size: 11px;}
	.table_type_list dd{font-size: 16px;}

	
	/* nav bar */
	.main-header {max-height: 145px!important;}
 
    /* 200706 추가 */
    .main-sidebar{padding-top: 45px!important;}
    
    .content-header > h1 {
        font-size: 22px;
    }
    .cnt_title h2{font-size: 18px;}
    .cnt_title+.cnt_area{margin-top: 10px;}
    .content-header{height: auto; padding: 10px 15px;}
    .main-header .logo{height: 45px; line-height: 45px;}
    .navbar.navbar-static-top .sidebar-toggle{padding: 13px 15px 12px!important; height: 45px; box-sizing: border-box;}
    header.main-header .logo-lg img {
        width: 50px;
        margin: 11px 0;
    }

    header.main-header .logo-lg .txt{font-size: 10px;}
    #main .widget_area{padding: 0 0 10px;}
    #main .widget_wrap .widget_group {width: 370px;}
    #main .widget_wrap .widget_group .widget_item {width: 390px!important;}
    .widget_group.ship_info .info_in_box .txt.l{font-size: 14px;}
    .widget_group.navigation .widget_item.navigation .info_in_dl dl dd span, .widget_group.machinery .info_in_dl dl dd span{ font-size: 12px;}
    .widget_group.navigation .widget_item.navigation .info_in_dl dl dd, .widget_group.machinery .info_in_dl dl dd{font-size: 11px;}
    .widget_group.ship_info .info_in_box .cnt_area {padding: 20px 10px;}
    .widget_group.navigation .active_trim{margin-left: 20px;}
    .widget_group.machinery .info_in_dl dl dt{margin-bottom: 5px;}
    
    .widget_group.emergency .widget_item.calling .input_area.emergency + div .col-md-3 label, .widget_group.emergency .widget_item.calling .input_area.emergency + div + div .col-md-3 label{line-height: 30px; margin-bottom: 0;}
    .widget_group.emergency .widget_item.calling .input_area.emergency + div .col-md-3:last-child select, .widget_group.emergency .widget_item.calling .input_area.emergency + div + div .col-md-3:last-child select{height: 28px;}
    .widget_item.calling .input_area.emergency input{line-height: 18px;}
    .input_area.emergency input{background-size: 18px 18px;}

    .steps_bar{margin-top: 15px;}
    .widget_group.emergency .widget_item.cctv .input_area label{line-height: 30px;}
    .widget_group.emergency .widget_item.cctv .input_area select{height: 28px; padding: 0 10px;}
    .widget_group.ship_info .widget_item.voyage .cnt_title h3, .widget_group.navigation .widget_item .cnt_title h3, .widget_group.machinery .widget_item .cnt_title h3{position: relative;}
    .widget_group.ship_info .widget_item.voyage #voyage_object_time, .widget_group.navigation .widget_item .cnt_title span, .widget_group.machinery .widget_item .cnt_title span{width: auto!important; right: 10px;}
    .widget_item .cnt_title h3{padding: 10px;}
    .widget_item .cnt_title h3, .widget_item .cnt_title span{font-size: 12px;}
    .deviation .port_time{margin: 10px -20px 14px;}
    .widget_group.ship_info .widget_item.voyage .deviation .etc p span{font-size: 14px;}
    .widget_item > .inner > .cnt_area .inner{padding: 15px 10px;}
    .widget_item.calling .steps_area+.btn_area{margin-top: 10px;}
    .widget_item.calling .steps_area+.btn_area a{font-size: 12px;}
    .widget_item.main_engine .progress_status.has_btn .label_area i{width: 40px; height: auto; background-size: contain;}
    .widget_group.machinery .widget_item.main_engine .progress_status.has_btn .btn_area{padding: 5px 0;}
    #stability .arm_item p{font-size: 11px;}
    .widget_group.shadow .widget_item.depth .highcharts-figure{min-width: 0;}
    .widget_group.shadow .widget_item .cnt_box > .inner {padding: 0;}
    .widget_group.shadow .widget_item.engine .graph_box {padding-left: 0!important; min-width: 0; margin-left: 0!important; }
    .widget_group.shadow .widget_item.engine .graph_box .highcharts-figure{min-width: 0; width: 100%;}
    .modal#mdRCMS .modal-dialog{width: 90%!important;}
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding: 4px;}
    .tab-content #profile form:first-child{padding: 0;}
    .tab-content #profile .form-group label + div{margin-left: 0; padding-left: 0;}
    .sitemap_manager_detail .box-body .form-group{padding: 0;}
    .sitemap_manager_detail .box-body .form-group:nth-child(n+2) > label{width: 100%;}
    .sitemap_manager_detail .box-body .form-group:nth-child(n+2) > div{width: 100%; margin-left: 0; padding-left: 0;}

    /* 200714 추가 */
    #stabilityAll .conning_group .conning_item .cnt_box{padding: 0!important;}
    .navbar-custom-menu .navbar-nav > li > a#timezone_info, .navbar-custom-menu .navbar-nav > li > a#timezone_info label, .navbar-custom-menu .navbar-nav > li > a#timezone_info label span {
        font-size: 9px !important;
    }

    .navbar-nav > li.dropdown.notifications-menu > a#timezone_info label + label {
        margin-top: -30px;
    }
    .navbar-nav > li.dropdown.notifications-menu.timezone_info_wrap{top: 46px;}
    
    .contents .side_menu .search_area{width: 300px; margin-top: 0; top: 60px; right: 0;}
    .contents .side_menu .search_area .input_area{margin: 10px;}
    .contents .side_menu .search_area .input_area.radio{margin-bottom: 5px;}
    .contents .side_menu .search_area .input_area.search{margin-top: 5px;}
    .contents .side_menu .search_area .input_area .input_box{padding: 0;}
    .info_in_box .col:nth-child(-n+2){margin-bottom: 10px;}
    .info_in_dl dl dt{margin-bottom: 5px;}
    .widget_group.machinery .info_in_dl dl{padding-bottom: 5px;}
    .widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select{height: auto!important;}
    .widget_item.boiler .info_in_box .txt.l{font-size: 18px!important;}

    /* 200715 추가 */
    #stabilityAll .conning_item .info_area2 > .grid .col.col_12 dt, #stabilityAll .conning_item .info_area2 > .grid .col.col_12 > label,
    #stabilityAll .tbl.security.alert th {
        font-size: 12px;
    }

    #stabilityAll .conning_item .info_area2 > .grid .col.col_12 dd strong {
        font-size: 14px;
    }
    #stabilityAll .tbl.security.alert td{font-size: 24px;}
    #stabilityAll .conning_item > .cnt_box{padding: 0!important;}
    #stabilityAll .tbl.security.alert td{padding: 0 0 5px;}
    .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-button .btn{font-size: 12px!important; padding: 0 15px;}
    .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-button:last-child{max-width: 150px;}
    .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-button:last-child .dx-datagrid-search-panel{max-width: 100%; margin: 0;}
    .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-button:last-child .dx-datagrid-search-panel .dx-texteditor-input{min-height: 30px;}
    #ddlCompany + .row .dx-datagrid-header-panel{padding-bottom: 35px; margin: 0 -3px;}
    #ddlCompany + .row .dx-datagrid-header-panel .dx-toolbar-after {
        width: 100%;
        padding-left: 0;
    }
    #ddlCompany + .row .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-button {
        float: left;
        display: block;
        width: 33.33333%;
        padding: 0 3px;
        box-sizing: border-box;
    }
    #ddlCompany + .row .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-button:last-child{float: right; width: 100%; max-width: 100%; margin-top: 8px;}
    #ddlCompany + .row .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-button:last-child .dx-datagrid-search-panel {
        max-width: 100%;
        margin: 0;
        width: 100%!important;
    }
    section.content > div > .col-lg-1, section.content > div > .col-lg-10, section.content > div > .col-lg-11, section.content > div > .col-lg-12, section.content > div > .col-lg-2, section.content > div > .col-lg-3, section.content > div > .col-lg-4, section.content > div > .col-lg-5, section.content > div > .col-lg-6, section.content > div > .col-lg-7, section.content > div > .col-lg-8, section.content > div > .col-lg-9, section.content > div > .col-md-1, section.content > div > .col-md-10, section.content > div > .col-md-11, section.content > div > .col-md-12, section.content > div > .col-md-2, section.content > div > .col-md-3, section.content > div > .col-md-4, section.content > div > .col-md-5, section.content > div > .col-md-6, section.content > div > .col-md-7, section.content > div > .col-md-8, section.content > div > .col-md-9, section.content > div > .col-sm-1, section.content > div > .col-sm-10, section.content > div > .col-sm-11, section.content > div > .col-sm-12, section.content > div > .col-sm-2, section.content > div > .col-sm-3, section.content > div > .col-sm-4, section.content > div > .col-sm-5, section.content > div > .col-sm-6, section.content > div > .col-sm-7, section.content > div > .col-sm-8, section.content > div > .col-sm-9, section.content > div > .col-xs-1, section.content > div > .col-xs-10, section.content > div > .col-xs-11, section.content > div > .col-xs-12, section.content > div > .col-xs-2, section.content > div > .col-xs-3, section.content > div > .col-xs-4, section.content > div > .col-xs-5, section.content > div > .col-xs-6, section.content > div > .col-xs-7, section.content > div > .col-xs-8, section.content > div > .col-xs-9{padding-left: 0; padding-right: 0;}
    #reeferAll .conning_item > .cnt_box, #conningAll .conning_item > .cnt_box {
        padding: 0 !important;
    }
    /* 200720 추가 */
    .pop_ship_info{width: 100%;}
    .pop_ship_info .cnt_title h2{width: 100%; font-size: 14px;}
    .pop_ship_info .cnt_title p{float: left; font-size: 11px;}
    .pop_ship_info .img_area{overflow: hidden; margin-right: 0; max-height: 120px; width: 100%; margin-bottom: 10px;}
    .pop_ship_info .img_area img{width: 100%!important; height: auto!important;}
    #main #mainSearchResult .pop_ship_info .grid > .col + .col {margin-top: 10px;}
    .pop_ship_info{padding: 10px;}
    .side_menu .result_area{top: 90px;}
    .dropdown.notifications-menu #alrm2 .icon-alarm:before, .ic.ic_network {
        background-image: url(../img/icon_m.png);
    }
    /* 200820 추가 */
    #main .widget_wrap .widget_group .widget_item .cnt_area > .inner{height: 180px; padding: 10px;}
    #main .widget_wrap .widget_item.vessel_spec .cnt_area > .inner{padding: 10px!important;}
    .widget_item.vessel_spec .vessel_name_area h3{font-size: 12px;}
    #main .widget_wrap .widget_item .info_in_dl dl dt{font-size: 10px;}
    #main .widget_wrap .widget_item .info_in_dl dl dd span{font-size: 12px!important;}
    .widget_wrap .widget_item .vsp_vessel_img_wrap{height: 135px;}
    #main .widget_wrap .widget_item .info_in_dl dl dd{line-height: 1; margin-top: 3px;}
    #main .widget_wrap .widget_item.vessel_spec .info_in_dl dl{padding-bottom: 5px;}
    #main .widget_wrap .widget_item.vessel_spec .info_in_dl.col_2 .col+.col{margin-top: 5px;}
    #main .info_in_dl.col_2 .grid > .col:nth-child(n+3){margin-top: 5px!important;}
    .widget_group.ship_info .widget_item.voyage .deviation .btn_deviation{font-size: 10px; padding-bottom: 2px; vertical-align: top;}
    .widget_group.ship_info .widget_item.voyage .port_time p{font-size: 10px;}
    .widget_group.ship_info .widget_item.voyage .port_time p.time{margin-top: 4px;}
    .widget_group.ship_info .widget_item.voyage .deviation .etc p{font-size: 10px;}
    .widget_group.ship_info .widget_item.voyage .deviation .etc p span{font-size: 10px;}
    .deviation .port_time{margin: 10px -20px 2px;}
    #main .widget_wrap .widget_item .info_in_box .ttl_area p{font-size: 12px; line-height: 24px;}
    #main .widget_wrap .widget_group.ship_info .info_in_box .txt.l{font-size: 16px;}
    #main .widget_wrap .widget_group.ship_info .info_in_box .txt.s{font-size: 10px; line-height: 1;}
    #main .widget_wrap .widget_item .info_in_box .cnt_area{padding: 10px;}
    #main .widget_wrap .widget_item .info_in_dl dl dd{font-size: 10px!important}
    .widget_group.navigation .widget_item.navigation .info_in_dl dl{padding-top: 8px; padding-bottom: 12px;}
    #main .widget_group.machinery .widget_item.main_engine .info_in_dl.col_2 .grid > .col:nth-child(n+3){margin-top: 10px!important;}
    .widget_group.machinery .widget_item.main_engine .info_in_dl.col_2 .grid > .col dl{padding-bottom: 10px;}
    .toggle_btn_wrap .toggle_btn{width: 40px; height: 20px; padding: 2px;}
    .toggle_btn_wrap .toggle_btn span{left: 2px; top: 2px; width: 16px; height: 16px;}
    .toggle_btn_wrap .toggle_btn.is_active span{transform: translateX(-18px);}
    .widget_group.emergency .widget_item.cctv .input_area label{font-size: 10px;}
    .widget_group.emergency .widget_item .input_area .col-md-3:first-child{width: 60px!important;}
    .widget_group.emergency.pop_emergency_info .widget_item.cctv .cnt_area .input_area.select .input_box{margin-left: -60px; padding-left: 60px;}
    .widget_group.emergency .widget_item.cctv .input_area{margin-bottom: 10px;}
    .widget_group.emergency .widget_item.cctv .video_area{height: 125px;}
    .widget_item.vdr_audio .cnt_area>.inner .col-md-4.selectbox{width: 90px!important; font-size: 9px;}
    .widget_item.vdr_audio .cnt_area>.inner .selectbox option{font-size: 9px;}
    .widget_item.vdr_audio .cnt_area>.inner .date_wrap{margin-left: -90px; padding-left: 90px;}
    .widget_item.vdr_audio .date_wrap .control-label{font-size: 10px; width: 30px; line-height: 27px; padding: 0 3px 0 6px;}
    .widget_item.vdr_audio .date_from .form-control.datepicker{font-size: 10px; height: 27px!important;}
    .widget_item.vdr_audio .date_to .input_box, .widget_item.vdr_audio .date_to .input_box select, .widget_item.vdr_audio .date_to .input_box select option{font-size: 10px;}
    .widget_item.vdr_audio .form-control.datepicker{padding: 0 5px!important;}
    .input_area.select .input_box:before{right: 8px; width: 6px; height: 6px; margin-top: -5px;}
    widget_item.vdr_audio .date_to .input_box select option{color: #fff;}
    .input_area .input_box select{padding: 0 20px 0 5px; font-size: 10px;}
    .vdr_range_selector_wrap{margin: 5px 0 0;}
    .vdr_range_selector_wrap #vdr_range_selector .dxrs-range-selector-elements{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
    .widget_item.vdr_audio .btn_area.vdr_play{margin-bottom: 10px; margin-top: -5px;}
    .widget_item.vdr_audio .btn_area.vdr_play button{line-height: 20px!important; padding: 0 5px; font-size: 10px!important;}
    .widget_item.vdr_audio .btn_area.vdr_play p{font-size: 10px; line-height: 22px;}
    .widget_item.calling .input_area.emergency input, .widget_item.calling .input_area.emergency input::placeholder{font-size: 10px;}
    .widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select{padding: 0!important;}
    .widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select.lang{width: 40%;}
    .widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select.timeout{width: 60%;}
    .widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select.lang .label_area{display: none;}
    .widget_group.emergency .widget_item.calling .input_area.timeout .label_area{min-width: 0; padding: 0 5px 0 15px; text-align: right;}
    .widget_group.emergency.pop_emergency_info .widget_item.calling .cnt_area .input_area.select.timeout label{font-size: 10px; line-height: 20px;}
    .widget_group.emergency .widget_item.calling .input_wrap{float: left; width: 100%; margin-left: -70px; padding-left: 70px; box-sizing: border-box;}
    .widget_group.emergency .widget_item.calling .input_wrap+.btn_area{float: left; width: 70px; margin: 0; padding-left: 5px;}
    .widget_group.emergency .widget_item.calling .input_wrap+.btn_area input[type="button"]{width: 100%; font-size: 10px!important; border-width: 1px; padding: 0;}
    .widget_group.emergency .widget_item.calling .input_area.emergency{margin-bottom: 5px;}
    .widget_item.calling .msg_area{float: left; width: 100%; margin-top: 5px; padding-top: 0; border-top: none;}
    .widget_item.calling .steps_area{float: left; width: 100%;}
    .widget_item.calling .msg_area .ttl{font-size: 12px;}
    .widget_item.calling .msg_area #ecMessage{font-size: 10px; margin-top: 3px;}
    .widget_group.emergency .steps_bar .bar{margin: 0 20px;}
    .widget_group.emergency .steps_bar ul{margin: 8px -17px 0;}
    .widget_group.emergency .widget_item.calling .btn_area.view_history a{font-size: 12px;}
    .widget_item.voyage .deviation .btn_area{margin-bottom: 5px;}
    .widget_item.voyage .progress_bar p{margin-top: 3px;}
    .widget_item.voyage .progress_bar p>span{font-size: 9px;}
    .widget_group.navigation .widget_item.motion .cnt_area>.inner{display: block;}
    .widget_group.navigation .widget_item.motion .cnt_area .info_in_dl{display: block; width: 100%; padding: 0;}
    #main .widget_wrap .widget_group.navigation .widget_item.motion .info_in_dl dl dd{margin-top: 3px;}
    .widget_group.navigation .widget_item.motion .info_in_dl dl:last-child{padding-top: 0;}
    .widget_group.navigation .active_trim{padding-left: 20px;}
    .widget_group.navigation .widget_item.motion .active_trim{display: block; width: 100%; min-width: 0; margin: 5px 0 0; padding: 65px 0 0;}
    .widget_group.navigation .half_circle{width: 100px; height: 50px; border-radius: 0 0 50px 50px; margin-top: 0; margin-left: 45px;}
    .widget_group.navigation .active_trim .img_area{height: 140px; right: 47px; margin-top: 10px;}
    .widget_group.navigation .half_circle .ship_arw {top: -23px;transform-origin: 50px 25px;width: 100px;}
    .widget_group.navigation .half_circle .ship_arw:before{width: 140px;height: 25px;}
    .active_trim .txt_area{padding-top: 10px;}
    
    .active_trim .txt_area p, .active_trim .txt_area div {
        font-size: 10px;
    }
    .active_trim .txt_area div span{font-size: 12px;}
    .widget_group.navigation .widget_item.motion .inner .inner{padding: 10px;}
    .widget_group.navigation .widget_item.motion .info_in_dl dl:first-child{padding-bottom: 0;}
    .widget_group.navigation .widget_item.motion .inner .inner{position: relative; height: 100%; padding: 15px 10px 30px 10px;}
    .widget_group.navigation .widget_item.motion .cnt_area .info_in_dl{width: 100%; padding: 0;}
    .widget_group.navigation .widget_item.motion .info_in_dl:after{clear:both; display: block; content: '';}
    .widget_group.navigation .widget_item.motion .info_in_dl dl{float: left; width: 50%; margin: 0; border-bottom: none;}
    .widget_group.navigation .widget_item.motion .info_in_dl dl:last-child{border-left: 1px solid #000;}
    
    /* 200824 추가 */
    .modal #conningInfo .widget_item.environment .grid{margin: 0;}
    .modal #conningInfo .widget_item.environment .grid > .col.col_6{width: 100%!important; padding: 0;}
    .modal #conningInfo .widget_item.environment .grid > .col.col_6+.col.col_6{margin-top: 20px;}
    .modal #conningInfo .widget_item>.cnt_box .inner{padding: 0;}
    .modal #conningInfo .widget_item.coordinates>.cnt_box{padding: 0 15px!important;}
    .modal .contents#conningInfo .widget_item.alerts .cnt_box{padding: 15px!important;}
    .modal .contents#conningInfo .widget_item.alerts .cnt_box>.inner,
    .modal .contents#conningInfo .widget_item.engine .cnt_box>.inner{padding: 0;}
    .modal #conningInfo .widget_item.environment>.cnt_box{padding: 0 15px!important;}
    .modal #conningInfo .widget_item.depth>.cnt_box .inner{padding: 0;}
    .modal .contents#conningInfo .navi_info_wrap dd{font-size: 14px;}
    .modal .contents#conningInfo .navi_info_wrap dd span{font-size: 32px;}
    .modal #conningInfo .grid.triple>.col.center .cnt_box{padding: 15px!important;}
    .modal #conningInfo .grid.triple>.col.center .cnt_box{max-height: 100%;}
    .modal .contents#conningInfo .navi_info_wrap dl{height: 29vw; padding: 9vw;}
    .modal .contents#conningInfo .navi_info_wrap dl:before{width: 50vw;}
    .modal .contents#conningInfo .navi_info_wrap dt,
    .modal .contents#conningInfo .navi_info_wrap dd{font-size: 3vw;}
    .modal .contents#conningInfo .navi_info_wrap dd span{font-size: 6vw;}
    .modal .contents#conningInfo .table_type_list dd{font-size: 10px;}
    .modal .contents#conningInfo .table_type_list dd span{font-size: 14px;}
    .contents#conningInfo .col.right .widget_item.coordinates .table_type_list dl:first-child{padding-right: 0;}
    .modal .contents#conningInfo .table_type_list dt,
    .modal .contents#conningInfo .info_in_dl.v2 dl dd, 
    .modal .contents#conningInfo .info_in_dl.v2 dl dt{font-size: 12px;}
    .modal .contents#conningInfo .widget_item.coordinates .table_type_list dd,
    .modal .contents#conningInfo .widget_item.depth .info_in_dl.v2 dl dd span{font-size: 14px;}
    .modal .contents#conningInfo .info_in_dl dl{padding-bottom: 6px;}
    .modal .contents#conningInfo .depth .info_in_dl dl+dl{margin-top: 6px;}
    .modal .contents#conningInfo .table_type_list dt, 
    .modal .contents#conningInfo .table_type_list dd{line-height: 40px;}
    .modal#mdConning .modal-title-infra #conningTime{font-size: 12px; padding-top: 4px;}
    .modal#mdConning .modal-title-infra #conningVesselId{font-size: 16px;}
    .contents.stability#stabilityAll .conning_item .info_area2 > .grid .col dd{font-size: 10px;}
    .contents.stability#stabilityAll .conning_item .info_area2 > .grid .col dd strong{font-size: 16px!important;}
    /* 200825 추가 */
    .main-header .navbar{height: 45px;}
    

    
    
}

@media screen and (max-width: 480px){
	.cargo_map .ship_top{bottom: 30%;}
    
    
    
   

}

@media screen and (max-width: 450px) {
    #main .widget_wrap .widget_group {width: 320px;}
    #main .widget_wrap .widget_group .widget_item {width: 340px!important;}
    .widget_group.ship_info .info_in_box .cnt_area{padding: 10px;}
    .widget_group.ship_info .emmission .info_in_box .txt.l{width: 100%;}
    .deviation .port_time > div{width: 50%;}
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(230px, 265px) scale(.9)!important;}
}

@media screen and (max-width: 414px) {
    /* 200714 추가 */
    .widget_item > .inner > .cnt_area .inner{padding: 10px;}
    .side_menu {
        top: 10px;
        right: 10px;
    }
    .widget_item .info_in_dl dl dt, .widget_item .info_in_dl dl dd, .widget_item .info_in_dl dl dd span, .info_in_dl dl dd a, .info_in_dl dl dt a,
    .widget_group.navigation .widget_item.navigation .info_in_dl dl dd span, .widget_group.machinery .info_in_dl dl dd span {
        font-size: 10px;
    }
    .progress_status .label_area.label1 i{width: 15px; height: 15px; background-size: contain; margin-top: 0;}
    .widget_item.main_engine .progress_status.has_btn .label_area i{width: 20px; background-size: contain;}
    .widget_item .progress_status .label_area p {
        font-size: 12px;
    }
    .widget_item .progress_status .label_area p span, .widget_group.machinery .widget_item.main_engine .progress_status.has_btn .label_area p span{
        font-size: 14px;
    }
    .progress_status .label_area.label1 i + p{margin-left: 2px;}
    .widget_group.machinery .widget_item.main_engine .progress_status.has_btn .btn_area{padding: 2px 0;}
    .widget_group.machinery .widget_item.main_engine .progress_status.has_btn .btn_area button {
        width: 15px !important;
        height: 15px !important;
        line-height: 14px !important;
        font-size: 10px !important;
    }
    .progress_status .label_area{margin-bottom: 5px;}
    .progress_bar .progress, .progress_bar .progress .bar {
        height: 6px;
    }
    .widget_group.machinery .widget_item.main_engine .progress_status.has_btn .btn_area button + button {
        margin-left: 5px;
    }
    .widget_item.boiler .info_in_box.bigger .cnt_area{padding: 20px 0;}
    .info_in_box.bigger .txt.s{font-size: 12px; margin-top: 5px;}
    .widget_item .cnt_title h3, .widget_item .cnt_title span{font-size: 10.5px;}
    .widget_group.machinery .widget_item.boiler .ttl_area p{font-size: 11px; min-height: 44px; line-height: 1.2;}
    .widget_group.emergency .widget_item.calling .input_area.emergency + div + div + .btn_area input[type="button"]{margin-top: 5px; font-size: 12px!important; line-height: 20px!important;}
    .widget_group.emergency .widget_item.calling .input_area.emergency + div .col-md-3:last-child select, .widget_group.emergency .widget_item.calling .input_area.emergency + div + div .col-md-3:last-child select{height: 25px;}
    .widget_group.emergency .widget_item.calling .input_area.emergency + div .col-md-3 label, .widget_group.emergency .widget_item.calling .input_area.emergency + div + div .col-md-3 label{line-height: 25px; font-size: 11px;}
    
    .widget_item.calling .input_area.emergency input{line-height: 1;}
    .steps_bar{margin-top: 12px;}
    .steps_bar ul li:before {
        width: 6px;
        height: 6px;
        border-radius: 3px;
        top: -11px;
    }
    .steps_bar ul li.is_active:after{width: 12px; height: 12px; border-radius: 6px; top: -14px;}
    .widget_group.emergency .steps_bar ul li {
        font-size: 10px;
    }
    .widget_group.alarm .info_in_box .cnt_area{padding: 10px 0;}
    .progress_status .ic_deviation {
        width: 20px;
        height: 20px;
        background-size: 40px 60px;
    }
    .progress_status .arrival.is_active .ic_deviation{background-position: -20px -40px;}
    .widget_group.ship_info .widget_item.voyage .progress_status .label_area p{font-size: 12px;}
    .widget_item .input_area.search .input_box{background-size: 12px 13px; background-position: 8px 5px;}
    .widget_item .input_area.search .input_box input {
        padding: 5px 5px 5px 28px;
    }
    .widget_item.calling .input_area.emergency input {
        background-size: 15px 15px;
        background-position: 7px 7px;
        padding: 5px 10px 5px 30px !important;
    }
    .widget_item input, .widget_item input::placeholder, .widget_item textarea, .widget_item textarea::placeholder, .widget_item select, .widget_item select::placeholder {
        font-size: 12px;
        line-height: 25px !important;
        height: 25px!important;
    }
    .navbar-nav > li.dropdown.notifications-menu.timezone_info_wrap{display:none;}
    .widget_group.emergency .widget_item.cctv .input_area label{height: 25px; line-height: 25px;}
    /* 200820 추가 */
    .ic_boiler:before{left: 100%; right: auto; font-size: 14px; color: #c2a264; margin-left: 10px;}


}


@media screen and (max-width: 400px){
    #main .widget_wrap .widget_group {width: 300px;}
    #main .widget_wrap .widget_group .widget_item {width: 320px!important;}
	.cargo_map .ship_top{bottom: 20%;}
    #main .widget_area{overflow: visible;}

    /* 200714 추가 */
    .widget_item.boiler .info_in_box .ttl_area p {
        min-height: 50px;
    }
    
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(215px, 265px) scale(.9)!important;}
    

}


@media screen and (max-width: 375px) {
    #main .widget_wrap .widget_group {
        width: 270px;
    }
    #main .widget_wrap .widget_group .widget_item {
        width: 290px!important;
    }
    /* 200720 추가 */
    #main #mainSearchResult .pop_ship_info .grid > .col.col_6{width: 50%!important;}
    #main #mainSearchResult .pop_ship_info .grid > .col.col_6+.col.col_6{margin-top: 0;}
    
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(210px, 240px) scale(.9)!important;
}

@media screen and (max-width: 320px) {
    .contents .side_menu .search_area {
        width: 250px;
    }
    #main .widget_wrap .widget_group {
        width: 220px;
    }
    #main .widget_wrap .widget_group .widget_item {
        width: 240px!important;
    }
    .pop_ship_info .img_area{max-height: 90px;}
    .widget_group.navigation .half_circle{margin-left: 22px;}
    .widget_group.navigation .active_trim .img_area{right: 20px;}
    
    .row.summary>.col-md-8#ctr-container svg>g{transform: translate(180px, 200px) scale(.85)!important;
}