@charset "UTF-8";

/* CSS Document */

/* ------------------------------------------------------------
 * Name      : portal.css
 * Desc      : 인천항만공사 포털시스템
 * Created   : 2021/04/05 by YJOH
 * Updated   :
------------------------------------------------------------ */

/* Portal Common */
* {margin:0;padding:0}
html,body{height:100%}
body{font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, Sans-serif;font-size:12px;color:#333;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
div, p, span, li, table td{word-break:break-all}
.ep_pg, .ep_pg_body, .ep_pg_main, .ep_pg_block, .ep_pg_grid, .ep_pg_play, .list, .item{margin:0;padding:0}
.ep_pg{margin:auto 0px;text-align:left;width:auto}
.ep_pg_block{position:static}
.ep_pg .ep_pg_main{width:100%;float:right;margin-left:0}
.ep_pg_main .ep_pg_block{float:none;width:auto}
.ep_pg_play li.moving{background:#f6f6f6;border:1px solid #afb1b4}
.ep_pg_play{margin-top:0px}
ul.list{float:left;margin-top:0;zoom:1;margin-left:0;margin-right:-1px;width:49.5% !important}
ul:last-child.list{float:right;margin-right: 0 !important;}
ul:last-child.list .p_bg01 {background-color: #00818f;}
.mod{position:relative;margin-top:10px;padding-bottom:0;height:265px;background:#fff;border:1px solid #cfcfcf;overflow:hidden;margin-bottom:-1px;box-sizing:border-box}
.mod div.portlet-body{overflow:hidden;zoom:1}
.mod .portlet-table-div {height: 164px;overflow-y: auto;}
.portlet-header{position:relative;margin:0;padding:0;font-size:100%;display:block;cursor:move;height:42px}
.p_bg01{width:100%;height:42px;background-color: #2e598d;}
.p_bg02{width:100%;height:42px;background-color: #e2e5e7;}
.portlet-title{font-family:'Noto Sans KR', sans-serif;float:left;display:block;padding:11px 0 0 14px;font-size:15px;color:#ffffff;font-weight:500}
.portlet-title span.point{color:#44a5b8}
.portlet-title-text{height:20px;vertical-align:middle}
.portlet-icon{position:absolute;right:19px;top:12px;z-index:10}
.portlet-icon>a{margin:0 3px}
.portlet-icon>a:first-child{margin:0 3px 0 0}
.portlet-icon>a:last-child{margin:0 0 0 3px}
.portlet-body{padding:10px 19px}
#nav{margin:0px;padding:0px}



.hGraph ul {margin: 0 50px 0 110px;padding: 1px 0 0 0;border: 1px solid #ddd;border-top: 0;border-right: 0;font-size: 11px;font-family: Tahoma, Geneva, sans-serif;list-style: none;}
.hGraph li {position: relative;margin: 10px 0;white-space: nowrap;vertical-align: top;}
.hGraph .gTerm {position: absolute;width: 60px;top: 0;left: -110px;line-height: 20px;text-align: left;color: #767676;font-weight: bold;}
.hGraph .gBar {position: relative;display: inline-block;height: 20px;border: 1px solid #ccc;border-left: 0;background: #e9e9e9;}
.hGraph .gBar span {position: absolute;width: 40px;line-height: 20px;top: 0;right: -50px;color: #767676;}

.ep-tip {background-image:url(../images/question.png);background-repeat: no-repeat;float: right;height: 15px;width: 15px;margin: 1px 2px 0 5px;}
.ep-tip-left {background-image:url(../images/question.png);background-repeat: no-repeat;float: left;height: 15px;width: 15px;margin: 1px 2px 0 5px;}

/* datepicker style */
.ui-datepicker { padding:10px 13px!important;display: none; }
.ui-datepicker.ui-widget-content {border: 1px solid #dcdcdc !important;}
.ui-datepicker th {padding: .7em .3em !important;text-align: center !important;font-weight: bold !important;border-top: solid 1px #686868 !important;}
.bc-s-anniversary .ui-state-default {color:#000000;font-weight:bold;}
.bc-s-saturday .ui-state-default {color:#0000ff;font-weight:bold;}
.bc-s-sunday .ui-state-default {color:#ff0000;font-weight:bold;}
.bc-s-holiday .ui-state-default {color:#ff0000;}
.ep-messagebox {font-size: 17px;}

/* context menu style S */
.ep-list-group {padding-left: 0;margin-bottom: 20px;background: transparent;}
.ep-list-group-item:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;}
.ep-list-group-item {position: relative;display: block;padding: 10px 15px;margin-bottom: -1px;background-color: #fff;border: 1px solid #ddd;text-overflow: ellipsis;overflow: hidden;cursor: pointer;}
.ep-list-group-item:hover {background-color: #F1F1F1;}
.ep-list-group-item:last-child {margin-bottom: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
/* context menu style E */

/* infolet flip btn style S */
.ep-s-infolet-flipbtn {position: absolute; right: 0px; bottom: 0px; padding: 3px; display: none;}

[data-infolet-tag=body]:hover > .ep-s-infolet-flipbtn {display: block;}
/* infolet flip btn style E */

/* tile style S */
.grid-stack .portlet-body {height: 100%;}
.grid-stack .portlet-body>div {height: 100%;}
.grid-stack .portlet-body div[data-infolet-tag=body] {overflow: auto}
/* tile style E */

/* datepicker style S */
.ui-datepicker .ui-widget-header {background: none;border: none;}
/* datepicker style E */

/* jQuery Modal */
.main-bg01 .ui-dialog {padding:0;border: 0 !important;}
.main-bg01 .ui-dialog .ui-dialog-title {margin:0 !important}
.main-bg01 .ui-widget-header .ui-dialog-titlebar-close {top: 3px;padding: 0;width: 30px;height: 30px;margin: 0;display: block;right: 5px;background:#2f75b7;border:0}
.main-bg01 .ui-widget-header .ui-dialog-titlebar-close .ui-icon {background: url("/smart/images/icon_close.png") no-repeat !important;height: 16px;width: 16px;margin: 0 !important;position: absolute;left: 8px;top: 7px;color:#fff}
.main-bg01 .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover .ui-icon {/*background: url("../images/icon_close_hover.png");*/}
.main-bg01 .ui-dialog-titlebar .ui-widget-header .ui-corner-all .ui-helper-clearfix>span.ui-dialog-title{color: rgb(102, 102, 102) !important;}
.main-bg01 .ui-dialog-titlebar.ui-widget-header {background: #2f75b7;border-width: 0px 0px 3px;color: rgb(255, 255, 255);font-size: 14px;font-weight: bold;height: 28px;line-height: 28px;border: 0;padding-top: 3px !important;padding-bottom: 5px !important;padding-right: 0 !important;}
.main-bg01 .ui-draggable .ui-dialog-titlebar {cursor: move;padding-top: 0 !important;padding-bottom: 1px !important;padding-right: 0 !important;height: 35px !important;line-height: 35px !important;}
.main-bg01 .ui-button-text-only .ui-button-text {padding: 0px 11px;border-image: none;height: 20px;color: rgb(54, 54, 54);line-height: 22px;overflow: visible;vertical-align: middle;white-space: nowrap;cursor: pointer;}
.main-bg01 .blockUI.blockOverlay {position: fixed !important;}
.main-bg01 .ui-widget-overlay {position: fixed !important;background:#000;opacity:0.5;width:100% !important}
.main-bg01 .ui-dialog .ui-dialog-content {padding:10px 20px}

/* 테이블 상세보기 S */
.popdetail {width: 100%;padding: 0 10px;box-sizing: border-box;display: block;float:left;margin-bottom: 10px;}
.detail_header {border: #c8d1db solid 1px;padding: 8px;word-break: normal;text-align: center;font-size: 13px;color: #316db5;font-weight: 600;background: #f1f6fb;border-top: #316db5 solid 2px;width:100%;float: left;display:flex;align-items:center;justify-content:center;box-sizing: border-box;}
.detail_row {float:left;width:100%;display:flex;box-sizing: border-box;}
.detail_row > div {padding: 10px;}
.detail_h {padding: 8px;word-break: normal;text-align: center;font-size: 13px;color: #316db5;font-weight: 600;background: #f1f6fb;width:15% !important;float: left;display:flex;align-items:center;justify-content:center;box-sizing: border-box;flex:1;border-bottom: 1px solid rgb(234,231,231);border-right: 1px solid rgb(234,231,231);}
.detail_h:first-child {border-left: 1px solid rgb(234,231,231);}
.detail_c {width:35% !important;float: left;font-size: 12px;text-align: center;display:flex;align-items:center;justify-content:center;box-sizing: border-box;border-bottom: 1px solid rgb(234,231,231);border-right: 1px solid rgb(234,231,231);}
.detail_c2 {width:85% !important;float: left;font-size: 12px;text-align: center;display:flex;align-items:center;justify-content:center;box-sizing: border-box;border-bottom: 1px solid rgb(234,231,231);border-right: 1px solid rgb(234,231,231);}
.detail_th {box-sizing: border-box;height: 50px;}
.detail_th > div {background: rgb(234,231,231);height: 50px;float: left;font-size: 12px;font-weight: 600;text-align: center;display:flex;align-items:center;justify-content:center;box-sizing: border-box;border-bottom: 1px solid rgb(234,231,231);border-right: 1px solid rgb(234,231,231);}
.detail_th > div:nth-child(1) { width: 30%; }
.detail_th > div:nth-child(2) { width: 20%; }
.detail_th > div:nth-child(3) { width: 10%; }
.detail_th > div:nth-child(4) { width: 10%; }
.detail_th > div:nth-child(5) { width: 10%; }
.detail_th > div:nth-child(6) { width: 10%; }
.detail_th > div:nth-child(7) { width: 10%; }
.detail_con {box-sizing: border-box;}
.detail_con > div {height: 50px;float: left;font-size: 12px;font-weight: 600;text-align: center;display:flex;align-items:center;justify-content:center;box-sizing: border-box;border-bottom: 1px solid rgb(234,231,231);border-right: 1px solid rgb(234,231,231);}
.detail_con > div:nth-child(1) { width: 30%; }
.detail_con > div:nth-child(2) { width: 20%; }
.detail_con > div:nth-child(3) { width: 10%; }
.detail_con > div:nth-child(4) { width: 10%; }
.detail_con > div:nth-child(5) { width: 10%; }
.detail_con > div:nth-child(6) { width: 10%; }
.detail_con > div:nth-child(7) { width: 10%; }
/* 테이블 상세보기 E */

/* 페이징 S */
div#paging {width: 100%;box-sizing: border-box;text-align: center;height: 40px;margin: 20px auto;}
div#paging > span {cursor:pointer}
div#paging > ul > li {margin-left:2px;margin-right:2px;font-size: 11px;cursor: pointer;}
div#paging > button {margin-left:2px;margin-right:2px}
div#paging > span > img {margin-left:2px;margin-right:2px;}
div#paging > ul > li.nowPage {font-size: 12px;background: #145a9d;color: #fff;font-weight: bold;}
/* 페이징 E */


@media only all and (max-width:400px){
.portlet-body {padding:10px 10px !important}
}

@media only all and (max-width:767px){
.ui-dialog .ui-dialog-content {height: auto !important}
}


#list1{}
#list2{}
#list1 .capture_01{ display: none;}
#list2 .capture_01{ display: none;}
#preview_contents .real_con_01{ display: none;}