/* @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); */


/* COMMON 
============================================================ */
html,body{ height:100%; }
.hidden{ text-indent:100%; white-space:nowrap; overflow:hidden; display:block;}
.relaover {position:relative; overflow:hidden;}
.float.left {float:left !important;}
.float.right {float:right !important;}
.txt-center {text-align:center !important;}
.txt-left {text-align:left !important;}
.txt-right {text-align:right;}
.regular {font-weight:400 !important;}
.bold {font-weight:500;}
.extra-bold {font-weight:700;}
.uppercase{ text-transform:uppercase;}
.block{display:block !important;}
.inline{display:inline-block !important;}
.border-0 {border:0 !important;}
.radius-3 {border-radius:3px !important;}
.transparent{background:transparent;}
.block{display:block;}
.compulsory {font-size:14px; display:inline-block; color:#cd4d4e; position:relative; top:3px; margin-right:5px;}
.dis-in {display:inline-block; font-size:0; vertical-align: middle;}
.padding-0 {padding:0 !important;}
.margin-0 {margin:0 !important;}
.mg-top-30 {margin-top:30px !important;}
.mg-lt-5 {margin-left:5px !important;}
.mg-lt-10 {margin-left:10px !important;}
.mg-bt-15 {margin-bottom:15px !important;}
hr.w100p {width:100%; margin:30px 0; border:0; border-bottom:1px solid #999;}
hr.w-line {width:50px; margin:15px auto; border:0; border-bottom:1px solid #02a597;}
span.h-line {font-size:10px; margin:0 3px; color:#bbb; position: relative; top: -2px;}
hr.w50 { width:50px; margin:10px auto; border:0; border-bottom:2px solid #666;}




/* INPUT
============================================================ */
input:focus,
select:focus { border-color:#1c92eb; outline: 0;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition:background-color 5000s ease-in-out 0s; }
input,select {width:100%; height:35px; vertical-align:middle; font-size:14px; padding:0 10px; color:#333; border-color:#ddd; background-color:#f8f9fd; box-sizing:border-box;  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius:3px;}
textarea {display:block; width:100%; height:180px; font-size:14px; line-height:20px; color:#444; padding:10px; letter-spacing:-0.5px; background-color:#fff; resize:none; box-sizing:border-box; border:1px solid #ddd; border-radius:3px; overflow-x: hidden;}  
input.w40{width:40px !important;}
input.w55{width:55px !important;}
input.w70{width:70px !important;}
input.w100{width:100px !important;}
input.w150{width:150px !important;}
input.w200{width:200px !important;}
input.w240{width:240px !important;}
input.w300{width:300px !important;}
input.w700{width:700px !important;}
input.w800{width:800px !important;}
select.w100{width:100px !important;}
select.w150{width:150px !important;}
select.w200{width:200px !important;}



/* ICON
============================================================ */
.icon-i {display:inline-block; vertical-align:middle; background-size:cover;}
.icon-b {display:block; margin:0 auto; background-size:cover;}
.i-refresh {width:20px; height:21px; background:url('../img/icon_btn_refresh.png') no-repeat; margin-left:10px;}
.i-plus {width:20px; height:20px; background:url('../img/icon_plus.png') no-repeat; margin-left:10px; background-size:cover;}
.i-minus {width:20px; height:20px; background:url('../img/icon_minus.png') no-repeat; margin-left:10px; background-size:cover;}
.dot {display:inline-block; width:5px; height:5px; vertical-align:middle; margin-right:10px; border-radius:25px;}
.dot.mint { background-color:#66ec2b; }
.dot.red {background-color:#f70505;}
.dot.wt {background-color:#fff;}
.lg-dot {display:inline-block; width:27px; height:6px; vertical-align:middle; margin-right:2px; border-radius:25px;}
.lg-dot.red {background-color:#ff6d6d;}
.lg-dot.pup {background-color:#7f98e0;}
.lg-dot.gray {background-color:#b2b2b2;}
.lg-dot.org {background-color:#fbad4f;}
.lg-dot.grn {background-color:#41d8a9;}
.lg-dot.blue {background-color:#36c5fd;}


.i-state-01 {width:18px; height:18px; background:url('../img/ic_state_01.png') no-repeat; margin-right:10px; position:relative; top:-2px;}
.i-state-02 {width:14px; height:20px; background:url('../img/ic_state_02.png') no-repeat; margin-right:10px; position:relative; top:-2px;}
.i-state-03 {width:21px; height:21px; background:url('../img/ic_state_03.png') no-repeat; margin-right:10px; position:relative; top:-2px;}
.i-state-04 {width:14px; height:14px; background:url('../img/ic_state_04.png') no-repeat; margin-right:10px; position:relative; top:-2px;}
.i-state-05 {width:21px; height:21px; background:url('../img/ic_state_05.png') no-repeat; margin-right:10px; position:relative; top:-2px;}
.i-state-06 {width:19px; height:19px; background:url('../img/ic_state_06.png') no-repeat; margin-right:10px; position:relative; top:-1px;}
.i-left-plus {width:12px; height:12px; background:url('../img/icon_left_plus.png') no-repeat; position:relative; top:-1px;}
.i-left-01 {width:18px; height:15px; background:url('../img/icon_left_01.png') no-repeat; margin-right:10px; position:relative; top:-1px;}
.i-left-02 {width:18px; height:18px; background:url('../img/icon_left_02.png') no-repeat; margin-right:10px; position:relative; top:-1px;}
.i-left-03 {width:18px; height:18px; background:url('../img/icon_left_03.png') no-repeat; margin-right:10px; position:relative; top:-1px;}
.i-left-04 {width:18px; height:15px; background:url('../img/icon_left_04.png') no-repeat; margin-right:10px; position:relative; top:-1px;}
.i-left-05 {width:18px; height:18px; background:url('../img/icon_left_05.png') no-repeat; margin-right:10px; position:relative; top:-1px;}
.i-nodate {width:14px; height:14px; background:url('../img/icon_nodate.png') no-repeat; margin-right:10px; position:relative; top:-1px;}
.i-place {width:12px; height:14px; background:url('../img/icon_place.png') no-repeat; margin-right:8px; position:relative; top:-1px;}
.i-place-arrow {width:6px; height:10px; background:url('../img/icon_place_arrow.png') no-repeat; margin:0 10px; position:relative; top:-1px;}
.i-transit {width:15px; height:18px; background:url('../img/icon_transit.png') no-repeat; margin-right:5px; position:relative; top:-1px;}
.i-patient {width:19px; height:14px; background:url('../img/icon_patient.png') no-repeat; margin-right:5px; position:relative; top:-1px;}
.i-start {width:11px; height:15px; background:url('../img/icon_start.png') no-repeat; margin-right:5px; position:relative; top:-1px;}
.i-sequence {width:20px; height:20px; background:url('../img/icon_sequence.png') no-repeat; position:relative; top:6px; float:right;}
.i-arrive {width:12px; height:14px; background:url('../img/icon_arrive.png') no-repeat; margin-right:5px; position:relative; top:-1px;}
.i-transit-02 {width:40px; height:18px; background:url('../img/icon_transfer_02.png') no-repeat; margin-left:5px; position:relative; top:-1px; float:right;}
.i-time {width:17px; height:17px; background:url('../img/icon_time.png') no-repeat; margin:0 5px; position:relative; top:-1px;}
.i-place-02 {width:11px; height:28px; background:url('../img/icon_place_02.png') no-repeat; position:relative; top:0px; left: -2px;}
.i-place-last {width:11px; height:16px; background:url('../img/icon_place_last.png') no-repeat; position:relative; top:0px; left: -2px;}
.i-stopover {width:7px; height:26px; background:url('../img/icon_stopover.png') no-repeat; position:relative; top:5px; vertical-align: initial;}
.i-stop {width:7px; height:7px; background:url('../img/icon_stop_last.png') no-repeat; position:relative; top:0; vertical-align: initial;}
.i-plus-more {width:10px; height:10px; background:url('../img/icon_side_plus.png') no-repeat; position:relative; top:-1px; margin-left:5px;}
.i-cback {width:13px; height:11px; background:url('../img/icon_cback_arrow.png') no-repeat; position:relative; top:-1px; margin:0 8px;}
.i-stopover-move {width:7px; height:26px; background:url('../img/icon_stopover_move.png') no-repeat; position:relative; top:5px; vertical-align: initial;}


/* BUTTON
============================================================ */
.btn-wrap {font-size:0;}
.btn{ display:inline-block; text-align:center; vertical-align:middle; padding:0; border-radius:0; border:0; font-size:14px; color:#333; box-sizing:border-box; border-radius:3px;}
.btn.xs {padding:0 10px; height:30px; line-height:30px; font-size:11px;}
.btn.sm {width:60px; height:35px; line-height:35px; font-size:12px}
.btn.md {width:150px; height:50px; line-height:50px;}
.btn.lg {width:200px; height:50px; line-height:50px;}
.btn.border {color:#555; border:1px solid #c1c1c1; background-color:#fff;}
.btn.opct {opacity: 0.8; transition:0.3s;}
.btn.opct:hover {opacity:1}


/* COLOR
============================================================ */
.white {color:#fff !important;}
.red {color:#e96065 !important;}
.bg-white {background-color:#fff !important;}
.bg-blue {background-color:#1c92eb !important;}
.bg-red {background-color:#e96065 !important;}
.bg-gray {background-color:#969696 !important;}
.bg-org {background-color:#f1a700 !important;}
.bg-dark {background-color:#b7b7b7 !important;}




/* !LAYOUT
============================================================ */
html,body {position:relative; width:100%; height:100%; min-width:874px; background-color:#f0f1f5;}
#wrap {position:relative; width:100%; min-width:1024px; min-height:100%;}
#sidebar {position:absolute; top:0; left:0; bottom:0; width:205px; z-index:999;}
#main {position:relative; width:100%;}
.contents-inner {padding:20px;}
.row {margin-left:-15px; margin-right:-15px;}
.col-md-6,.col-md-12 {padding-left:5px; padding-right:5px;}



/* SIDEBAR
============================================================ */
.left-menu {background-color:#3d3d3d;}
.left-menu .logo-box {height:80px; border-bottom:1px solid #4a4a4a; background-color:#3d3d3d; padding-top:20px;}
.left-menu .logo-box .logo {width:85px; height:38px; background:url('../img/logo.png') center no-repeat; margin:0 auto; }
.left-menu .info {padding:24px; background-color:#3d3d3d; border-bottom:1px solid #4a4a4a;}
.left-menu .info .hos-img {padding:12px 0; background-color:#fff; border-radius:5px; margin-bottom:5px; text-align:center;}
.left-menu .info .hos-img img {width:100px;}
.left-menu .info .hos-name {font-size:13px; color:#fff;}
.left-menu .info .user-wrap {position:relative; margin-top:10px;}
.left-menu .info .user-wrap .user {font-size:15px; color:#fff;}
.left-menu .info .user-wrap .btn-logout {position:absolute; top:4px; right:0; width:16px; height:14px; background: url('../img/btn_logout.png') no-repeat;}

.left-menu .menu-box {border-bottom:1px solid #4a4a4a;}
.left-menu .menu-box li {position:relative; margin: 0;}
.left-menu .menu-box li > a { display: block; position: relative; padding:16px 20px; color:#fff; font-size:14px; font-weight:400; border-top: 1px solid #515d6e;}
.left-menu .menu-box li > a .i-left-plus {position:absolute; right:20px; top:24px;}
.left-menu .menu-box li > a.menutitle { background-color:#3d3d3d;}
.left-menu .menu-box li > a:hover {background-color:#1b1b1b; color:#fff;}
.left-menu .menu-box li.first a {border-top:0;}
.left-menu .menu-box li > ul.submenu { display: block; margin:0; padding:10px 0; background-color:#282828;}
.left-menu .menu-box li > ul.submenu > li {margin:0 20px;}
.left-menu .menu-box li > ul.submenu > li > a { display: block; padding:10px; border-top:none; font-size:13px; color:#cacddd;}
.left-menu .menu-box li > ul.submenu > li:first-child > a { padding-top:20px;}
.left-menu .menu-box li > ul.submenu > li:last-child > a { padding-bottom:20px;}
.left-menu .menu-box li > ul.submenu > li > a:hover {background:none; text-decoration:underline;}



/* !MAIN INDEX
==================================== */
.page-fluid {padding-left:0 !important;}
.main-content {padding-left:205px;}
.main-content .notice-wrap {width:100%; height:50px; line-height:50px; background-color:#282828;}
.main-content .notice-wrap p {font-size:12px; color:#fff;}
.main-content .notice-wrap p span {display:inline-block; color:#e53737; margin-right:20px; padding-left:20px;}
.main-content .notice-wrap .btn-fluid {position:absolute; top:0; right:0; width:50px; height:50px; background:#24c6bc url('../img/btn_fluid.png') center no-repeat;}
.main-content .notice-wrap .btn-fluid.f-close {background:#24c6bc url('../img/btn_fluid_close.png') center no-repeat;}
.main-content .state {position:relative; overflow:hidden; width:100%; background-color:#fff; border-radius:4px; margin-bottom:20px;}
.main-content .state li {position:relative; float:left; width:16.666666%; height:64px; text-align:center;}
.main-content .state li a {display:block; padding:21px 0;}
.main-content .state li p {display:inline-block; font-size:14px; color:#555; font-weight:500;}
.main-content .state li .num {display:inline-block; width:36px; height:20px; margin-left:8px; background-color:#ebecef; font-size:13px; color:#333; border-radius:25px; text-align:center;}
.main-content .state li:last-child:after { content:""; display:none;}
.main-content .state li:after {content:""; position:absolute; right:0; top:10px; width:1px; height:46px; background-color:#e6e6e6;}

.main-content .item-box .title-wrap {position:relative; overflow:hidden; width:100%; height:45px; background-color:#949494; padding:0 20px; border-top-left-radius:4px; border-top-right-radius:4px;}
.main-content .item-box .title-wrap .title {float:left; display:inline-block;  font-size:14px; color:#fff; line-height:45px;}
.main-content .item-box .title-wrap .title .num {display:inline-block; width:40px; line-height:20px; margin-left:5px; background-color:#f39c1a; font-size:13px; color:#fff; border-radius:25px; text-align:center;}
.main-content .item-box .title-wrap .title .num.mt {background-color:#24c6bc;}
.main-content .item-box .title-wrap .title .num.rd {background-color:#e53737;}
.main-content .item-box .title-wrap a {float:right;}
.main-content .item-box .title-wrap .main-more-btn {float:right; display:inline-block; vertical-align:middle; line-height:45px; color:#fff; font-size:13px;}
.main-content .item-box .cn-box {background-color:#fff; min-height:150px;}
.main-content .item-box .cn-box .item {position:relative; padding:8px 20px; border-bottom:1px solid #ddd; }
.main-content .item-box .cn-box .item.bdnone {border-bottom:0;}
.main-content .item-box .cn-box .item .top-wrap {position:relative; overflow:hidden;}
.main-content .item-box .cn-box .item .top-wrap .state-bar {margin-bottom:5px;}
.main-content .item-box .cn-box .item .top-wrap .info {}
.main-content .item-box .cn-box .item .top-wrap .info p {display:inline-block; font-size:12px; color:#666; font-weight:500;}
.main-content .item-box .cn-box .item .top-wrap .info p:first-child {margin-right:5px;}
.main-content .item-box .cn-box .item .top-wrap .info .pit {color:#757984;}
.main-content .item-box .cn-box .item .nodate {font-size:14px; color:#ddd; font-weight:500; letter-spacing:0;}
.main-content .item-box .cn-box .item .place {width:100%; margin:6px 0; background-color:#f4f5f9; font-size:13px; color:#333; padding:5px 10px; font-weight:500;}
.main-content .item-box .cn-box .item .place .stopover {display:inline-block; color:#50b33e;}
.main-content .item-box .cn-box .item .info-view {margin-top:10px; position: relative; overflow: hidden}
.main-content .item-box .cn-box .item .info-view .tb-detail {width:100%; border:1px solid #dadada;}
.main-content .item-box .cn-box .item .info-view .tb-detail tbody tr th,
.main-content .item-box .cn-box .item .info-view .tb-detail tbody tr td {font-size:12px; vertical-align:top; color:#333; background-color:#fff; padding:0; border:1px solid #dadada; text-align:left; padding:7px; box-sizing:border-box;}
.main-content .item-box .cn-box .item .info-view .tb-detail tbody tr th {font-weight:400; text-align:center; background-color:#f8f8f8;}
.main-content .item-box .cn-box .item .info-view .btn-tg-view {float:right; position:relative; border-bottom: 1px solid #ddd; font-size:12px; color:#e84949; margin-top:5px;}
.main-content .item-box .cn-box .item .info-view .transunder {display:inline-block;}
.main-content .item-box .cn-box .item .info-view .transunder:after {content:''; width: 0px; height: 1px; display: block; background:#e84949; transition:400ms;}
.main-content .item-box .cn-box .item .info-view .transunder:hover:after {width:100%;}
.main-content .item-box .cn-box .item .hover {position:absolute; top:120px; left:170px; background-color:#fff; border:1px solid #ddd; padding:20px; z-index:9999; width: 200px; border-radius: 5px; box-shadow: 0px 5px 14px #ccc;}
.main-content .item-box .cn-box .item .hover .txt {display:inline-block; line-height: 14px; vertical-align: top; margin-left: 15px;}
.main-content .item-box .cn-box .item .hover .txt.last {margin-left:11px; line-height: 13px;}
.main-content .item-box .cn-box .item.sm {padding:8px 10px}
.main-content .item-box .cn-box .item.sm .top-wrap .info p {font-size:13px}
.main-content .item-box .cn-box .item.sm .place {margin:8px 0 0; font-size:13px; padding:5px 10px;}
.main-content .item-box .cn-box .item.sm .lg-dot {width:24px; height:5px; margin-right:1px;}
.main-content .item-box .cn-box .item.sm .i-patient {width:17px; height:12px; background-size:contain;}
.main-content .item-box .cn-box .item.sm .i-time {width:15px; height:15px; background-size:contain;}
.main-content .item-box .cn-box .item.sm .top-wrap .state-bar {margin-bottom:0;}
.btn-hover-close {position:absolute; top:12px; right:12px; width:12px; height:12px; background:url('../img/btn_pop_close_b.png') no-repeat; background-size:cover;}
.hover.cback .btn-close {position:absolute; top:15px; right:15px; width:12px; height:12px; background:url('../img/btn_pop_close_b.png') no-repeat; background-size:cover; margin:0;}
.hover.cback .btn-close-left {position:absolute; top:15px; left:15px; width:12px; height:12px; background:url('../img/btn_pop_close_b.png') no-repeat; background-size:cover; margin:0;}
/* !SUB
==================================== */
/* !title */
.main-title {position:relative; background:#fff; margin-bottom:20px;}
.main-title .title-wrap { position:relative;  border:1px solid #dee3ec;}
.main-title .title-wrap h2 {display:inline-block; font-size:18px; color:#232a2f; line-height:64px; letter-spacing:-0.5px; padding-left:25px; font-weight:700;}
.main-title .page-nav{ position: absolute; top:23px; right:20px; }
.main-title .page-nav li { font-size: 12px; display:inline-block; vertical-align:bottom; color:#757575;}
.main-title .page-nav li a { color:#5f5f5f;}
.main-title .page-nav li:first-child:before { content:""; background:transparent;}
.main-title .page-nav li:before {display:inline-block; width:5px; height:7px; content:" "; margin:0 5px; background-image:url('../img/page_nav_arrow.png');}
.main-title .page-nav li.active {color:#1cb9bc;}
.top-menu-wrap {position:relative; height:34px;}


/* regist */
.regist-wrap {width:100%; background-color:#fff; border:1px solid #dee3ec;}
.table-top-wrap.regist-table {padding:20px 25px; border:0; border-bottom:1px solid #dee3ec; margin:0;}
.table-top-wrap.regist-table .left h3{font-size:16px; letter-spacing:-0.5px; line-height:30px; font-weight:700;}

.regist-box {width:100%; background-color:#fff; padding:15px 50px;}
.regist-box.tbbox {padding:30px 50px;}
.regist-box .btn-wrap {padding:20px 0; text-align:center;}




/* !TABLE
==================================== */
.table-top-wrap {position:relative; overflow:hidden; margin-bottom:15px;}
.table-top-wrap .left {float:left;}
.table-top-wrap .right {float:right;}

/* !list-table */
.list-table {position:relative; width:100%;}
.list-table .table-wrap  {width:100%; border:1px solid #ddd; overflow-x: auto;}
.list-table table  {width:110%;}
.list-table table input[type=checkbox] {width:14px; height:14px; vertical-align:middle;}
.list-table table th,
.list-table table td {color:#242424; text-align:center; border-right:1px solid #ddd;}
.list-table table td {padding:3px 5px; }
.list-table table th:last-child,
.list-table table td:last-child {border-right:0;}
.list-table table thead th { height:36px; font-weight:700; background-color:#f9f9f9; border-bottom:1px solid #ddd; box-sizing:border-box; }
.list-table table tbody tr { border-bottom:1px solid #ddd; box-sizing:border-box; height:34px;}
.list-table table tbody tr:last-child {border-bottom:0;}
.list-table table .table-left {text-align:left !important; padding-left:10px !important;}
.list-table table .w50 {min-width:50px !important;}
.list-table table .w180 {min-width:180px !important;}
.list-table table input,
.list-table table select { height:24px;}
.list-table .state-bar {margin-bottom:0;}
.list-table .state-bar .lg-dot {width:21px; display:block; margin:0 auto 6px;}
.list-table .state-bar .lg-dot.last { margin-bottom:0;}
.list-table .i-transit-02 {float:none; margin-left:10px;}
.list-table table td.left {text-align:center;}
.list-table table td.txt-left {padding-left:15px;}

.state-bar-txt {margin-bottom:0;}
.state-bar-txt p.item {display:block; padding:2px 5px; width:50px; margin:0 auto; font-size:12px; color:#fff; text-align:center; border-radius:25px; margin-bottom:5px;}
.state-bar-txt p.item.bg-red {background-color:#ff6d6d;}
.state-bar-txt p.item.bg-pup {background-color:#7f98e0;}
.state-bar-txt p.item.bg-gray {background-color:#b2b2b2;}
.state-bar-txt p.item.bg-org {background-color:#fbad4f;}
.state-bar-txt p.item.bg-grn {background-color:#41d8a9;}
.state-bar-txt p.item.bg-blue {background-color:#36c5fd;}
.state-bar-txt p.item.bg-cyan {background-color:#0D98BA;}


/* ���̺� */
.table {width:450px; margin-bottom:0;}
.table thead tr th,
.table tbody tr td {height:40px; font-size:14px; color:#333; background-color:#fff; padding:0; border:0; text-align:center; padding:5px 10px; vertical-align: middle;  box-sizing:border-box;}
.table thead tr th {border-top:1px solid #ddd !important; border-bottom:1px solid #ddd; font-weight:700; font-size:13px; }
.table tbody tr td .btn-wrap {font-size:0; padding:0;}
.table tbody tr td .btn-wrap .btn.border {margin-left:5px;}
.table tbody tr:first-child td {padding-top:15px;}

.table-df {width:100%; margin-bottom:0;}
.table-df thead tr th,
.table-df tbody tr td {height:40px; font-size:14px; color:#333; border:1px solid #ddd; background-color:#fff; padding:0; text-align:center; padding:5px 10px; vertical-align: middle;  box-sizing:border-box;}
.table-df thead tr th {font-weight:700; font-size:13px; background-color:#f7f7f7;}

.bell-wrap {position:relative; overflow:hidden;}
.bell-wrap .left-con {float:left; width:315px;}
.bell-wrap .right-con {margin-left:380px; width:530px;}
.table-hoz {width:100%; margin-bottom:0;}
.table-hoz tbody tr th,
.table-hoz tbody tr td {height:40px; font-size:14px; vertical-align:top; color:#333; background-color:#fff; padding:0; border:0; text-align:left; padding:8px 10px; box-sizing:border-box; border-bottom:1px;}
.table-hoz tbody tr th {width:85px; font-weight:400; font-size:14px; padding-top:16px; padding-left:0;}
.table-hoz tbody tr td.inputwrap .inputbox {position:relative; margin-bottom:5px;}
.table-hoz tbody tr td.inputwrap .inputbox.last {margin-bottom:0;}
.table-hoz tbody tr td.inputwrap .inputbox .btn-plus {position:absolute; left:352px; top:5px; }
.table-hoz tbody tr td .inputbox input {width:210px;}
.table-hoz tbody tr td .inputbox span {display:inline-block; font-size:14px; color:#333; margin-left:3px;}

.table-hoz tbody tr td .inputbox.registcall input {width:183px; border-color:#ddd;}
.table-hoz tbody tr td .inputbox.registcall .ui-button-icon-only .ui-icon {left:11%;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 1px solid #ddd;}

.table-hoz tbody tr td .ho-box {display:inline-block; margin-left:30px;}
.table-hoz tbody tr td .ho-box span {display:inline-block; font-size:14px; color:#333; margin-left:3px;}

.bell-wrap .right-con .table-hoz tbody tr th {width:100px;}
.bell-wrap .left-con tbody tr th {position:relative;}
.bell-wrap .left-con tbody tr th .dot {position:absolute; right:0; top:22px; display:inline-block; width:6px; height:6px; vertical-align:middle; margin-right:6px; border-radius:25px;}
.bell-wrap .left-con tbody tr th .dot.dot-bk { background-color:#969696;}
.bell-wrap .left-con tbody tr th .dot.dot-red { background-color:#e96065;}
.bell-wrap .left-con tbody tr th .dot.dot-green { background-color:#00c768;}
.destnum {display:inline-block; border:1px solid #a7a7a7; border-radius:50%; width:23px; height:23px; font-size:13px; color:#777; font-weight:500; text-align:center; vertical-align:middle; margin-right:10px; padding-top:1px;}

.bell-wrap .call-info{ font-size:16px; margin-bottom:10px;}
.bell-wrap .call-info p{ color:#333; }
.bell-wrap .call-info p .call-info-place{text-decoration: underline; font-weight:500;}
.bell-wrap .call-info p .call-info-place{font-weight:500;}
.bell-wrap .call-info img{width: 23px; height:23px; vertical-align:text-bottom; margin-right:5px;}


/* ����� */

.wt-box-bcd {position:relative;width:100%; height:162px; background-color:#fff; text-align:center; margin-bottom:30px; border: 1px solid #dee3ec;}
.wt-box-bcd p {display:block;  font-size:28px; font-weight:700; padding-top:53px;}
.wt-box-bcd .bcd-wrap {position:absolute; top:32px; right:9px; text-align:center; margin-left:20px;}
.wt-box-bcd .bcd-wrap span {display:block; font-size:16px; color:#555; font-weight:400;}


.good-list-view {background-color:#fff; border:1px solid #dee3ec; padding:20px; font-size:0; text-align:center;}
.good-list-view li { display: inline-block; font-size:13px; width:140px; text-align:left;}
.good-list-view li .text-wrap {text-align:left; display:inline-block;}
.good-list-view li .text-wrap p {font-size:13px; line-height:20px;}
.good-list-view li .text-wrap p.num {font-size:12px;}
.good-list-view li .text-wrap strong {font-size:22px; font-weight:400; margin-right:3px;}

.good-list-search-wrap{width:100%; background-color:#fff; border:1px solid #dee3ec; }
.good-list-search { background-color:#f8f9fd; padding:0 20px; font-size:0; }
.good-list-search li {position:relative; overflow:hidden; padding:15px 0; font-size:13px; border-top:1px solid #e9edf2;}
.good-list-search li:first-child {border-top:0;}
.good-list-search li .search-label {float:left; margin:0; font-weight:400; padding-top:7px;}
.good-list-search .search-content {position:relative; padding-left:170px; }

.search-wrap {width:100%; background-color:#fff; border:4px solid #d1d5e4; padding:20px; margin:15px 0;}
.search-wrap .order-search {font-size:0;}
.search-wrap .order-search li {position:relative; font-size:13px; border-top:1px solid #e9edf2;}
.search-wrap .order-search li:first-child {border-top:0; }
.search-wrap .order-search li.first {line-height:30px;}
.search-wrap .order-search li .search-label {float:left; margin:0; font-weight:400; padding-top:7px;}
.search-wrap .order-search .search-content {position:relative;}
.search-wrap .order-search input,
.search-wrap .order-search select {background-color:#fff;}

.list-table-wrap {background-color:#fff; border:1px solid #dee3ec; }
.table-top-wrap.list-table {padding:20px; border:0; border-bottom:1px solid #dee3ec; margin:0;}
.table-top-wrap.list-table .left h3 {display:inline-block; font-size:16px; letter-spacing:-0.5px; line-height:35px; font-weight:400;}
.table-top-wrap.list-table .right .state-bar {margin:0; font-size:0;}
.table-top-wrap.list-table .right .state-bar li {position:relative; display:inline-block; margin-right:5px;}
.table-top-wrap.list-table .right .state-bar li a {display:inline-block; padding:5px 10px; font-size:13px; color:#777; font-weight:500;}
.table-top-wrap.list-table .right .state-bar li a .icon-i {display:inline-block; margin-right:8px; width:18px;}
.table-top-wrap.list-table .right .state-bar li:after {content:""; position:absolute; right:-2px; top:7px; width:1px; height:15px; background-color:#ddd;}
.table-top-wrap.list-table .right .state-bar li:last-child:after { content:""; display:none;}

.list-table-wrap .list-table {padding:20px;}
.list-table-wrap .list-table table {font-size:13px;}
.list-table-wrap .list-table table thead th {height:40px; font-weight:400;}
.list-table-wrap .list-table table tbody tr { height:40px;}

.regstusertab li a {font-size:14px; color:#333;}

/* good-regist */
.regist-wrap {width:100%; background-color:#fff; border:1px solid #dee3ec;}
.table-top-wrap.regist-table {padding:20px 25px; border:0; border-bottom:1px solid #dee3ec; margin:0;}
.table-top-wrap.regist-table .left h3{font-size:16px; letter-spacing:-0.5px; line-height:30px; font-weight:700;}
.good-regist-box {width:100%; background-color:#fff; padding:15px 50px;}
.good-regist-box.tbbox {padding:30px 50px;}
.good-regist-box .btn-wrap {padding:20px 0; text-align:center;}
.good-regist { background-color:#fff;  font-size:0; }
.good-regist li {position:relative; overflow:hidden; padding:15px 0; font-size:14px; border-top:1px solid #e9edf2;}
.good-regist li:first-child {border-top:0;}
.good-regist li .regist-label {float:left; margin:0; font-weight:400; padding-top:6px; font-size:14px;}
.good-regist .regist-content {position:relative; padding-left:160px; font-size:0px;}
.good-regist .regist-content p {display:inline-block; font-size:13px; vertical-align:middle; margin-left:5px;}
.good-regist .regist-content li {display:inline-block; border:1px solid #dee3ec; border-right:0; width:200px; height:36px; line-height:36px; text-align:center; padding:0;}
.good-regist .regist-content li:last-child {border-right:1px solid #dee3ec;}
.good-regist .regist-content li.clicked {background-color:#39435c; color:#fff;}
.good-regist .regist-content li a {display:block;}

.good-regist .transport-wrap {width:300px;}
.good-regist .transport-wrap .item-wrap {border-bottom:1px solid #ddd; padding-bottom:15px;}
.good-regist .transport-wrap .item-wrap .list-item {margin-bottom:15px;}
.good-regist .transport-wrap .item-wrap .list-item.last {margin-bottom:0;}
.good-regist .transport-wrap .list-item .check,
.good-regist .transport-wrap .list-item .text {display:inline-block;}
.good-regist .transport-wrap .list-item .check input[type=checkbox]{ display:none; margin:0; }
.good-regist .transport-wrap .list-item .check label{ display:inline-block; width:18px; height:18px; margin:0; cursor:pointer; vertical-align:middle; background:url('../img/icon_check_off.jpg') no-repeat; }
.good-regist .transport-wrap .list-item .check input[type=checkbox]:checked + label{ background:url('../img/icon_check_on.jpg') no-repeat; }
.good-regist .transport-wrap .list-item .text {margin-left:10px; width:240px;}
.good-regist .transport-wrap .btn-wrap { position:relative; overflow:hidden; padding:15px 0px;}
.good-regist .transport-wrap .btn-wrap .btn {width:90px; line-height:32px; font-size:13px;}
.good-regist .transport-wrap .btn-wrap .btn.btndel {float:left;}
.good-regist .transport-wrap .btn-wrap .btn.btnmod {float:right; color:#fff;}


.good-regist .transport-wrap.part {width:85%;}
.good-regist .transport-wrap.part .list-item .text {width:270px;}
.good-regist .transport-wrap.part .btn-wrap { position:relative; overflow:hidden; padding:15px 0px;}


.good-regist .regist-content-add {position:relative; padding-left:160px; margin-bottom:10px; }
.good-regist .regist-content-add:last-child {margin-bottom:0;}
.good-regist .btn-add-wrap {float:right;}
.good-regist .btn-add-wrap a {display:block;}
.good-regist .btn-regist-add {display:inline-block; border:1px solid #425164; background-color:#425164; font-size:18px; color:#fff; width:36px; height:36px; line-height:36px; vertical-align:middle; text-align:center;}
.good-regist .btn-regist-add a {display:block;}
.good-regist .btn-regist-del {display:inline-block; border:1px solid #dee3ec; background-color:#fff; font-size:18px; color:#999; width:36px; height:36px; line-height:36px; vertical-align:middle; text-align:center;}
.good-regist .btn-regist-del a {display:block;}
.good-regist .option-content-add {position:relative; padding-left:160px; width:440px; margin-bottom:10px;}
.good-regist .option-content-add:last-child {margin-bottom:0;}
.good-regist .btn-option-add-wrap {position:absolute; top:0; left:370px;}

.good-regist .img-wrap .img-list {position:relative; overflow:hidden;}
.good-regist .img-wrap .img-list li {padding:0; float:left; margin-right:10px;}
.good-regist .img-wrap .img-list li:last-child {margin-right:0;}
.good-regist .img-wrap .img-list .register-img {vertical-align:middle; text-align:center; position:relative; border: 1px dashed #c1c5cd; width:140px; height:140px; font-size:40px; color:#c0c6d1;}
.good-regist .img-wrap .img-list .register-img .btn-add-img {width:100%; height:100%; display:block;}
.good-regist .img-wrap .img-list .img-view {vertical-align:middle; text-align:center; position:relative; width:140px; height:140px; font-size:40px; color:#c0c6d1;}


.check-wrap {line-height:35px;}
.check-wrap div {display:inline-block; margin-right:30px;}
.check-wrap div.txt {display:inline-block; font-size: 14px; color: #333; vertical-align: middle; margin-right:10px;}
.check-wrap div:nth-child(5) {margin-right:15px;}
.check-wrap div:nth-child(6) {margin-right:10px;}
.check-wrap input[type="checkbox"]{ display:none; margin:0; }
.check-wrap input[type="checkbox"]:checked + label{ background:url('../img/icon_check_on.jpg') no-repeat; }
.check-wrap label{ display:inline-block; margin:0; padding-left:25px; font-size:14px; color:#434853; line-height:17px; font-weight:400; cursor:pointer; vertical-align:middle; background:url('../img/icon_check_off.jpg') no-repeat; }

.good-regist.bell .regist-content{padding-left:94px;}
.good-regist.bell .regist-content span.text {display:inline-block; font-size:14px; margin:0 5px; vertical-align:middle;}
.good-regist.bell .regist-content .search-date {display:inline-block; margin-right:10px;}
.good-regist.bell .regist-content .search-date input[type=text] {width:150px; background:#f8f9fd url('../img/icon_calendar.png') no-repeat 122px; cursor: pointer;}

.check-wrap-02 {line-height:35px;}
.check-wrap-02 div {display:inline-block; margin-right:30px;}
.check-wrap-02 div.txt {display:inline-block; font-size: 14px; color: #333; vertical-align: middle; margin-right:10px;}
.check-wrap-02 div.txt.last {margin-right:30px;}
.check-wrap-02 div:nth-child(3) {margin-right:15px;}
.check-wrap-02 div:nth-child(4) {margin-right:15px;}
.check-wrap-02 div:nth-child(5) {margin-right:10px;}
.check-wrap-02 input[type="text"]{ height:30px; line-height:30px;}
.check-wrap-02 input[type="checkbox"]{ display:none; margin:0; }
.check-wrap-02 input[type="checkbox"]:checked + label{ background:url('../img/icon_check_on.jpg') center left no-repeat; }
.check-wrap-02 label{ display:inline-block; margin:0; padding-left:25px; font-size:14px; color:#434853; line-height:30px; font-weight:400; cursor:pointer; vertical-align:middle; background:url('../img/icon_check_off.jpg') center left no-repeat; }

.check-wrap-03{line-height:35px;}
.check-wrap-03 div{display:inline-block; }
.check-wrap-03 input{width:15px; height:15px; }
.check-wrap-03 label{vertical-align: -3px !important; margin-right:20px;}

/* !paging */
.paging {position:relative; text-align:center; margin-top:10px;}
.paging div {display:inline-block;}
.paging .prev {margin-right:10px; }
.paging .next {margin-left:10px; }
.paging ul {font-size:0; text-align:center;}
.paging li {display:inline-block; font-size:12px; vertical-align:top; margin-left:-1px;}
.paging .num li a {border:1px solid #d4d4d4; padding:4px 9px; color:#5f5f5f; line-height:25px; box-sizing:border-box;}
.paging .num li a.clicked {border:1px solid #1c92eb; background-color:#1c92eb; color:#fff; font-weight:700;}



/* !LOGIN JOIN
============================================================ */
.bg-login { background:url('../img/bg_login.jpg') no-repeat; background-size:cover;}
.login-wrap {position:relative;}
.login-box {background-color:#fff; box-sizing:border-box; width:700px; height:360px; position:absolute; top:50%; margin-top:230px; left: 50%; margin-left: -350px; border-radius:10px; box-shadow: 0px 13px 23px rgba(0,0,0,0.2)}
.login-box .left {position:relative; float:left; width:270px; height:100%; background-color:#2e384e; padding:45px 40px; box-sizing:border-box;}
.login-box .left .tit {font-size:35px; color:#fff; font-weight:700; letter-spacing:0;}
.login-box .left .desc {font-size:16px; color:#979eaf;}
.login-box .left .logo {position:absolute; bottom:25px; left:25px; width:85px; height:38px; background:url('../img/logo.png') center no-repeat;}
.login-box .form-wrap {margin-left:270px; padding:50px 65px;}
.login-box .form-wrap .item-wrap {position:relative; margin-bottom:15px; border-bottom: 1px solid #a2a2a2;}
.login-box .form-wrap .item-wrap input {width:80%; height:40px; font-size:15px; letter-spacing:0; padding:0; background-color:#fff; border:0; border-radius:0; margin-left:42px;}
.login-box .form-wrap .item-wrap select {width:85%; height:40px; padding:0; border:0; border-radius:0; font-size:15px; background-color:#fff; margin-left:35px;}
.login-box .form-wrap .item-wrap.last {margin-bottom:0;}
.login-box .form-wrap .btn-login {display:block; width:100%; height:45px; line-height:45px; letter-spacing:0; font-size:14px; text-align:center; color:#fff; background-color:#242d42; margin-top:30px;}
.login-box .form-wrap .item-wrap.code-02  {background:url('../img/icon_code.png') center left 6px no-repeat; background-size:17px 21px;}
.login-box .form-wrap .item-wrap.pass-02  {background:url('../img/icon_key.png') center left 6px no-repeat; background-size:18px 19px;}
.login-box .form-wrap .item-wrap.id-02  {background:url('../img/icon_id.png') center left 6px no-repeat; background-size:19px 19px;}



/* !LOGIN JOIN
============================================================ 
.bg-login { background:url('../img/bg_login.jpg') no-repeat; background-size:cover;}
.login-wrap {position:relative;}
.login-box {background-color:#fff; box-sizing:border-box; border:1px solid #ddd; padding:50px 100px; width:600px; height:442px; position:absolute; top: 50%; margin-top: 221px; left: 50%; margin-left: -300px; border-radius:15px; box-shadow: 0px 13px 23px rgba(0,0,0,0.2)}
.login-box .item-wrap {margin-bottom:15px;}
.login-box .item-wrap p {font-size:13px; color:#333; font-weight:500; margin-bottom:5px;}
.login-box .item-wrap input {height:40px; font-size:14px; letter-spacing:-0.5px; padding:10px; background-color:#fff; margin-right:5px;}
.login-box .item-wrap.last {margin-bottom:0;}
.login-box .btn-login {display:block; width:100%; height:50px; line-height:50px; font-size:15px; text-align:center; color:#fff; background-color:#333; margin-top:30px;}
*/



/* !FOOTER
==================================== */
.footerwrap {background-color:#f8f8f8; border-top:1px solid #e5e5e5; }
.footerwrap .info {}
.footerwrap .info {padding-left:225px; font-size:11px; color:#8c8c8c; text-align:left; margin:0; line-height:38px;}

.popup {
    position: absolute;
    top: 120px;
    left: 170px;
	width:620px !important;
    background-color: #fff;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 0px 5px 14px rgba (0,0,0,0.5);
}
.popup .title-wrap {position:relative; }
.popup .title-wrap h1 {font-size:18px; color:#333; font-weight:700; padding:30px 30px 0 30px}
.popup .title-wrap .btn-close {position:absolute; top:-15px; right:-15px; width:35px; height:35px; border-radius:50%; background: #dcdcdc url(../img/btn_pop_close_b.png) center center no-repeat; background-size: 15px;}
.popup .text-wrap {padding:30px;}
.popup .text-wrap .txt {font-size:14px; color:#555; line-height:23px;}
.popup .pop-bottom {position:relative; background-color:#dcdcdc; padding:0 30px;}
.popup .pop-bottom input[type=checkbox] {margin:0;}
.popup .pop-bottom label {vertical-align:middle; font-size:13px; color:#444; font-weight: 400; margin-left: 5px;}

#pop-loader-wrap {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 999;
	}
#pop-spinner {
    position: relative;
    margin: 0 auto;
    text-align: center;
    z-index: 9999;}


.pop-loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #85a2b7;
  border-bottom: 10px solid #85a2b7;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#ui-id-1,
#ui-id-2,
#ui-id-3 {max-height:230px; overflow-y:scroll; overflow-x:hidden;}
#ui-id-1.ui-menu .ui-menu-divider,
#ui-id-2.ui-menu .ui-menu-divider,
#ui-id-3.ui-menu .ui-menu-divider {margin:0; border:0;}




/***** 혼잡도 degree of congestion
================================================****/


.play-stop{
	display:block !important;
	float:right;
	
}

.play-stop img{
	width:80px;
}

.tabCon .btn-gr{
	margin-right:20px;
}

.tabCon{
	position:relative;
	 overflow-x:auto;
     white-space: nowrap;
     box-sizing: border-box;
}

.tabCon .btn{
	width:100px;
	height:50px;
	border:1px solid #fff;
	outline:none;
  	outline-style: none;
  	 -moz-outline-style:none; 
	margin:0;
	display:block;
	background-color:#dee1e6;
	border-radius:0px;
	position:relative;
}

.tabCon .btn .cont-green{
	width: 25px;
	height: 25px;
	position: absolute;
	left: 57px;
	z-index: 10;
	background: url("/assets/css/images/ping_1.png") no-repeat top center;
	background-size: 23px;
	font-size: 13px;
	color: #fff;
}

.tabCon .btn .cont-yellow{
	width: 25px;
	height: 25px;
	position: absolute;
	left: 57px;
	z-index: 10;
	background: url("/assets/css/images/ping_2.png") no-repeat top center;
	background-size: 23px;
	font-size: 13px;
	color: #fff;
}

.tabCon .btn .cont-red{
	width: 25px;
	height: 25px;
	position: absolute;
	left: 57px;
	z-index: 10;
	background: url("/assets/css/images/ping_3.png") no-repeat top center;
	background-size: 23px;
	font-size: 13px;
	color: #fff;
}

.tabCon .btn .cont-colorless{
	width: 25px;
	height: 25px;
	position: absolute;
	left: 57px;
	z-index: 10;
	background: url("/assets/css/images/ping_1.png") no-repeat top center;
	background-size: 23px;
	font-size: 13px;
	color: #fff;
	display: none;
}

area {
  width:150px;
  height:150px;
  cursor:default;
}
area:focus{
 border: none;
  outline:none;
  outline-style: none;
  -moz-outline-style:none; 
}
 area::after{
 background:url("/assets/css/images/ping_1.png") no-repeat top center;
 background-size: 25px 25px; 
 background-position:13px 9px;
 width:50px;
 height:50px;
 text-align:center;
 color:#fff;
 font-size:13px;
}

.Fdiv-float>div {display:inline-block; vertical-align: top;}

/*-------------------------8F*/
.F8div{position:relative;}

.F8 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:182px;
  top:205px; 
}


.F8 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:480px;
  top:205px; 
}

.F8 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:228px;
  top:285px; 
}

.F8 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:457px;
  top:285px;
}

.F8 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:182px;
  top:365px; 
}

.F8 area:nth-child(6)::after{
	 content:attr(data-congest);
  position: absolute;
  left:480px;
  top:365px; 
}


/*//-------------------------8F*/

/*-------------------------7F*/
.F7div{position:relative;}

.F7 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:182px;
  top:215px; 
}

.F7 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:483px;
  top:203px; 
}

.F7 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:458px;
  top:285px; 
}

.F7 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:193px;
  top:362px; 
}

.F7 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:440px;
  top:365px; 
}

.F7 area:nth-child(6)::after{
	 content:attr(data-congest);
  position: absolute;
  left:525px;
  top:360px; 
}

/*//-------------------------7F*/

/*-------------------------6F*/
.F6div{position:relative;}

.F6 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:182px;
  top:215px; 
}

.F6 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:480px;
  top:203px; 
}

.F6 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:193px;
  top:357px; 
}

.F6 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:432px;
  top:363px; 
}

.F6 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:742px;
  top:510px; 
}

/*-------------------------6F*/

/*-------------------------5F*/
.F5div{position:relative;}

.F5 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:103px;
  top:270px;
}

.F5 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:160px;
  top:155px;
}

.F5 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:275px;
  top:20px;
}

.F5 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:360px;
  top:505px;
}

.F5 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:466px;
  top:200px;
}

.F5 area:nth-child(6)::after{
	 content:attr(data-congest);
  position: absolute;
  left:665px;
  top:400px;
}


/*//-------------------------5F*/

/*-------------------------4F*/
.F4div{position:relative;}

.F4 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:228px;
  top:150px;
}

.F4 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:383px;
  top:205px;
}

.F4 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:440px;
  top:270px;
}

.F4 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:487px;
  top:180px;
}

.F4 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:353px;
  top:452px;
}

.F4 area:nth-child(6)::after{
	 content:attr(data-congest);
  position: absolute;
  left:705px;
  top:410px;
}

/*//-------------------------4F*/

/*-------------------------3F*/
.F3div{position:relative;}

.F3 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:227px;
  top:65px;
}

.F3 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:227px;
  top:193px;
}

.F3 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:473px;
  top:160px;

}

.F3 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:523px;
  top:255px;

}

.F3 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:206px;
  top:508px;
}

.F3 area:nth-child(6)::after{
	 content:attr(data-congest);
  position: absolute;
  left:312px;
  top:525px;
}

.F3 area:nth-child(7)::after{
	 content:attr(data-congest);
  position: absolute;
  left:375px;
  top:525px;
}

.F3 area:nth-child(8)::after{
	 content:attr(data-congest);
  position: absolute;
  left:445px;
  top:525px;
}

.F3 area:nth-child(9)::after{
	 content:attr(data-congest);
  position: absolute;
  left:510px;
  top:517px;
}

.F3 area:nth-child(10)::after{
	 content:attr(data-congest);
  position: absolute;
  left:710px;
  top:465px;
}


/*-------------------------3F*/


/*-------------------------2F*/
.F2div{position:relative;}

.F2 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:222px;
  top:118px;
}

.F2 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:385px;
  top:188px;
}

.F2 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:483px;
  top:200px;
}

.F2 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:225px;
  top:500px;
}

.F2 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:368px;
  top:488px;
}

.F2 area:nth-child(6)::after{
	 content:attr(data-congest);
  position: absolute;
  left:457px;
  top:533px;
}

.F2 area:nth-child(7)::after{
	 content:attr(data-congest);
  position: absolute;
  left:516px;
  top:533px;
}

.F2 area:nth-child(8)::after{
	 content:attr(data-congest);
  position: absolute;
  left:708px;
  top:453px;
}

.F2 area:nth-child(9)::after{
	 content:attr(data-congest);
  position: absolute;
  left:733px;
  top:357px;
}


/*//-------------------------2F*/



/*-------------------------1F*/
.F1div{position:relative;}

.F1 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:170px;
  top:-5px;
}

.F1 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:158px;
  top:40px;
}

.F1 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:248px;
  top:83px;
}


.F1 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:260px;
  top:150px;
}


.F1 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:475px;
  top:195px;
}


.F1 area:nth-child(6)::after{
	 content:attr(data-congest);
  position: absolute;
  left:475px;
  top:236px;
}

.F1 area:nth-child(7)::after{
	 content:attr(data-congest);
  position: absolute;
  left:243px;
  top:310px;
}

.F1 area:nth-child(8)::after{
	 content:attr(data-congest);
  position: absolute;
  left:223px;
  top:510px;
}

.F1 area:nth-child(9)::after{
	 content:attr(data-congest);
  position: absolute;
  left:367px;
  top:530px;
}

.F1 area:nth-child(10)::after{
	 content:attr(data-congest);
  position: absolute;
  left:458px;
  top:520px;
}

.F1 area:nth-child(11)::after{
	 content:attr(data-congest);
  position: absolute;
  left:510px;
  top:565px;
}

/*//-------------------------1F*/


/*-------------------------B2*/
.B2div{position:relative;}

.B2 area:nth-child(1)::after{
	 content:attr(data-congest);
  position: absolute;
  left:110px;
  top:45px;
}

.B2 area:nth-child(2)::after{
	 content:attr(data-congest);
  position: absolute;
  left:225px;
  top:185px;
}

.B2 area:nth-child(3)::after{
	 content:attr(data-congest);
  position: absolute;
  left:380px;
  top:185px;
}
.B2 area:nth-child(4)::after{
	 content:attr(data-congest);
  position: absolute;
  left:203px;
  top:445px;
}


.B2 area:nth-child(5)::after{
	 content:attr(data-congest);
  position: absolute;
  left:478px;
  top:380px;
}

.B2 area:nth-child(6)::after{
	 content:attr(data-congest);
  position: absolute;
  left:510px;
  top:407px;
}

.B2 area:nth-child(7)::after{
	 content:attr(data-congest);
  position: absolute;
  left:570px;
  top:410px;
}

.B2 area:nth-child(8)::after{
	 content:attr(data-congest);
  position: absolute;
  left:705px;
  top:440px;
}


.B2 area:nth-child(9)::after{
	 content:attr(data-congest);
  position: absolute;
  left:370px;
  top:530px;
}

.B2 area:nth-child(10)::after{
	 content:attr(data-congest);
  position: absolute;
  left:653px;
  top:565px;
}



/*//------------------------B2*/


/* ------------------GF */
.GFdiv{position:relative;}


.GF area:nth-child(1)::after{
  content:attr(data-congest);
  position: absolute;
  left:55px;
  top:35px;
}

.GF area:nth-child(2)::after{
  content:attr(data-congest);
  position: absolute;
  left: 225px;
  top:205px;
}

.GF area:nth-child(3)::after{
  content:attr(data-congest);
  position: absolute;
  left: 425px;
  top:180px;
}

.GF area:nth-child(4)::after{
  content:attr(data-congest);
  position: absolute;
  left: 553px;
  top:177px;
}

.GF area:nth-child(5)::after{
  content:attr(data-congest);
  position: absolute;
  left: 645px;
  top:305px;
}

.GF area:nth-child(6)::after{
  content:attr(data-congest);
  position: absolute;
  left: 495px;
  top:395px;
}

.GF area:nth-child(7)::after{
  content:attr(data-congest);
  position: absolute;
  left: 570px;
  top:380px;
}

.GF area:nth-child(8)::after{
  content:attr(data-congest);
  position: absolute;
  left: 555px;
  top:415px;
}

.GF area:nth-child(9)::after{
  content:attr(data-congest);
  position: absolute;
  left: 678px;
  top:420px;
}

.GF area:nth-child(10)::after{
  content:attr(data-congest);
  position: absolute;
  left: 190px;
  top:445px;
}

.GF area:nth-child(11)::after{
  content:attr(data-congest);
  position: absolute;
  left: 310px;
  top:480px;
}

.GF area:nth-child(12)::after{
  content:attr(data-congest);
  position: absolute;
  left: 387px;
  top:495px;
}

.GF area:nth-child(13)::after{
  content:attr(data-congest);
  position: absolute;
  left: 433px;
  top:502px;
}

.GF area:nth-child(14)::after{
  content:attr(data-congest);
  position: absolute;
  left: 535px;
  top:512px;
}

.GF area:nth-child(14)::after{
  content:attr(data-congest);
  position: absolute;
  left: 527px;
  top:512px;
}

.GF area:nth-child(15)::after{
  content:attr(data-congest);
  position: absolute;
  left: 623px;
  top:542px;
}

.GF area:nth-child(16)::after{
  content:attr(data-congest);
  position: absolute;
  left: 672px;
  top:550px;
}
/*// ------------------GF */

.ping-green::after {
  background: url("/assets/css/images/ping_1.png") no-repeat top center;
  background-size: 25px 25px;
  background-position: 13px 9px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
.ping-yellow::after {
  background: url("/assets/css/images/ping_2.png") no-repeat top center;
  background-size: 25px 25px;
  background-position: 13px 9px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
.ping-red::after {
  background: url("/assets/css/images/ping_3.png") no-repeat top center;
  background-size: 25px 25px;
  background-position: 13px 9px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
.ping-colorless::after {
  display: none;
}


/* 20210305 */
.cmcep-rspctm {width:687px !important; }
.cmcep-rspctm .regist-box.tbbox {padding:15px;}
.cmcep-rspctm .destnum {width:20px; height:20px; padding-top:0; margin-right:5px;}
.cmcep-rspctm .bell-wrap .left-con {width:220px;}
.cmcep-rspctm .bell-wrap .right-con {margin-left: 250px; width:415px}
.cmcep-rspctm .table-hoz tbody tr td .inputbox.registcall input {width: 88px;}
.cmcep-rspctm .table-hoz tbody tr td .ho-box {margin-left:25px;}
.cmcep-rspctm hr.w100p {margin:12px 0 0; border-bottom: 1px solid #c3c3c3;}
.cmcep-rspctm .table-hoz tbody tr th {padding-top:13px;}
.cmcep-rspctm .check-wrap-02 {width:500px;}
.cmcep-rspctm .good-regist li {padding:9px 0;}
.cmcep-rspctm .main-title {position:relative; overflow:hidden; border: 1px solid #dee3ec; margin-bottom:15px;}
.cmcep-rspctm .main-title .title-wrap{float:left; border:0;}
.cmcep-rspctm .main-title .btn-wrap{float:right; position:relative; top:12px; right:20px;}
.cmcep-rspctm .main-title .btn-wrap .btn.md{width:80px; height:40px; line-height:40px;}
.cmcep-rspctm input, select {height:30px; line-height:30px;}
.main-content.cmcep-rspctm {padding-left:0;}


.bg-login.login_cmcep {width: 687px; overflow-x: hidden; background-position: center; min-width: initial;}
.bg-login.login_cmcep #wrap{min-width: 687px; max-width: 687px;}
.login_cmcep .login-box {width: 570px; margin-left: -300px;}
.login_cmcep .login-box .left {width: 240px;  padding: 45px 40px;}
.login_cmcep .login-box .left .tit {font-size:28px;}
.login_cmcep .login-box .form-wrap {margin-left: 250px; padding: 48px 34px;}