@CHARSET "UTF-8";

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(/font/Roboto-Thin.woff2) format('woff2'),
        url(/font/Roboto-Thin.woff) format('woff'),
        url(/font/Roboto-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(/font/Roboto-Light.woff2) format('woff2'),
        url(/font/Roboto-Light.woff) format('woff'),
        url(/font/Roboto-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/font/Roboto-Regular.woff2) format('woff2'),
        url(/font/Roboto-Regular.woff) format('woff'),
        url(/font/Roboto-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/font/Roboto-Medium.woff2) format('woff2'),
        url(/font/Roboto-Medium.woff) format('woff'),
        url(/font/Roboto-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/font/Roboto-Bold.woff2) format('woff2'),
        url(/font/Roboto-Bold.woff) format('woff'),
        url(/font/Roboto-Bold.otf) format('opentype');
}

/* Change the color to your own background color */
 input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s;
	 -webkit-transition: background-color 9999s ease-out;
     -webkit-box-shadow: 0 0 0px 1000px white inset !important;
/*      -webkit-text-fill-color: #fff !important; */
   }

/********** DEFAULT SETTING **********/
html:first-child select {padding-right: 7px;height: 25px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, table, th, td, input, select, textarea, button {margin:0; padding:0;}
img, fieldset, button {border:0 none;}
img {vertical-align:middle;}
dl, ul, ol, menu, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, select, button {line-height:1.2; /* 입력폼에서 춤추지 않는 최소 줄간 1.2 */ vertical-align:middle;}
input:-ms-clear{
    display: none;
}
button {border:0 none; background-color:transparent; cursor:pointer;}
body, table, th, td, input, textarea, button {font:14px Roboto, sans-serif; color:#000;}
body {background-color:#FFF; height:100%; overflow-x:auto;}
table {border-collapse:collapse; border-spacing:0;}
a {color:#666; text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:none;}
a:hover {color:#164e7e;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
label {margin-right: 4px;vertical-align: middle;}
legend {overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
caption {display:none;}
em, address {font-style:normal;}
hr {display:none !important; visibility:hidden;}
select{width:auto;border: 1px solid #e2e2e2;height: 25px;padding-left: 7px;padding-top:0px;font-family:Roboto;color:#2c2c2c;/* #505050 */font-size: 12px;}
::-moz-focus-inner {padding:0; margin:0; border:0;}

/********** TITLE **********/
.main_title{background:url("/images/common/sub_title.png") no-repeat left center;position:relative;margin-top:20px;margin-bottom:3px;padding-left:16px;font-size:1.34em;color:#000;font-weight:700;}
.sub_title{background:url("/images/common/sub_title.png") no-repeat left center;position:relative;margin-top:20px;margin-bottom:3px;padding-left:16px;font-size:1.34em;color:#000;font-weight:700;}
/* .sub_title{margin: 0px 0 11px;padding-left:18px;background-image:url(/images/sub_m@2x.png);background-size:117px 184px;font-weight:500;font-size: 16px;height: 15px;line-height: 100%;} */

/* .sub_title{margin:8px 0;padding-left:12px;border:0px;background:url("/images/common/sub_title.gif") no-repeat left center;font-weight:500;height:14px;}
 */

.default_tableWrap{border-radius:5px; background: #f5f7f8; padding:3px 5px;}
.Redstar_sign{color: #d40606;}
.tableSrch_icon{width: 19px; cursor: pointer;}
.table_rowControl{position: relative;}
.table_rowControl select{position: absolute; right: 0px; font-size:12px;}
.table_rowControl span{position: absolute; right: 6px; top:-3px; font-size:12px; font-weight: 400; color:#2c2c2c;/* #505050 */}
.selectTd{padding-top:0px !important; padding-bottom: 0px !important;}
.selectTd02{padding-top:5.5px !important; padding-bottom: 5.5px !important;}
.margintBot10{margin-bottom: 10px;}
/* .txt_postTotalWrap .txt_postWrap:last-child{ border-bottom:1px solid #e1e1e1;} */
.txt_postTotalWrap{background: #fffbf7; padding:10px; border-radius:5px; width:100%; box-sizing: border-box;}
.txt_postWrap{display: inline-block; overflow: hidden; position: relative; padding:10px 7px; width: 93%; float: left; border: 1px solid #e1e1e1; border-radius: 6px; background: #fff; }
.txt_postWrap_mine{display: inline-block; overflow: hidden; position: relative; padding:10px 7px; width: 93%; float: right; border: 1px solid #d8dee1; border-radius: 6px; background: #e9f0f4;}
.txt_post { height:20px; overflow:hidden; vertical-align:top; word-break:break-all; display: inline-block;}
.txt_post_inner{overflow: hidden;}
.txt_postNodata{text-align: center !important;}
.curreny__more{position: absolute; right: 1px; top:4px; padding-left:2px; cursor: pointer;}
.curreny__more .plus{font-size: 20px;}
.curreny__more .minus{font-size: 29px; display: none;}
.curreny__more_gray{background: #fff; }
.curreny__more_blue{background: #e9f0f4; }
.board_Refresh{width: 3%; position: relative; top: -2px; cursor: pointer;}
.txt_post_NameDay{float: left; margin-bottom: 2px; margin-top:10px; padding-left: 5px; color: #a1a1a1;}
.txt_post_NameDay_mine{float: right; margin-bottom: 2px; margin-top:10px; padding-right: 5px; color: #a1a1a1;}
.txt_postInputWrap{border-top:1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; overflow: hidden; margin-bottom: 10px;}
.txt_postWriterCom{margin-top:5px; margin-left: 15px; margin-right: 30px;}
.txt_postWriter{margin-top:5px;}
.txt_postInput{width: 80%; float: left; height: 80px; margin:10px; border:1px solid #e1e1e1; border-radius: 6px; margin-top:5px;}
.txt_postBtn{margin: 10px !important; border-radius: 6px !important; margin:10px !important; margin-left:0px !important; float: right; height: 80px !important; width: 14.5% !important; margin-top:5px !important;}
.labelList_control label{margin-right:0px !important;}
.dragfile_Wrap{height: 113px; border-radius:10px; border:2px dotted #8c8c8c; width: 90%; font-size: 14px; line-height: 113px; color: #333333; font-weight: 800; box-sizing: border-box;}
.dragfile_Wrap img{width: 55px;}
.addfile_Wrap{margin-left:0px !important;}
/********** SEARCH AREA, DETAIL AREA **********/
.default_table {margin: 0px;width:100%; font-size: 12px;}
.default_table caption{font-weight:500;font-size:12px;padding-bottom:4px;color:#000000;text-align:left;font-family:Roboto;}
.default_table tr{border-bottom: 1px solid #fff;}
.default_table tr:last-child{border-bottom: 0px;}
.default_table th {box-sizing: border-box;vertical-align:middle;height:40px;color: #2c2c2c;background-color:transparent;text-align:left;padding:5px 10px 5px 10px;word-wrap:break-word;line-height:1.5;font-weight: 500;}
.default_table td {font-weight:normal;vertical-align:middle;text-align:left;padding:6px;line-height:1.5; position: relative;}
.default_table td label {color:#2c2c2c;/* #505050 */margin-right: 25px;}
.default_table a {color: #0068d1;/* #6699cc; */}

.gallTable_wrap tr{border-bottom: 0px;}
.gallTable_wrap tr td div{margin:5px 0px;}
.gallTable_wrap tr td div span:first-child{display: inline-block; width: 100%; height:150px; box-sizing: border-box; border:1px solid #e2e2e2; border-radius: 5px; text-align: center; background: #fff; overflow: hidden;}
.gallTable_wrap tr td div span:first-child img{max-width: 100%; max-height: none;}
.gallTable_wrap tr td div span:first-child img.xlsNpdf{width:50px; margin-top:50px;}
.gallTable_wrap tr td div span:last-child{display: inline-block; width: 100%; box-sizing: border-box; border:1px solid #d5d5d5; border-radius: 5px; text-align: center; background: #e1e1e1; padding:5px 0px; margin-top:5px;}

.division_left_area {width: 49.5%;float: left;padding-right: 5px;}
.division_right_area {width: 49.5%;float: left;padding-left: 5px;}
.clear_area {clear: both;}
.division_left_area .col_label, .division_right_area .col_label {width: 32%;}
.userView_TableTdspan01{display:block; background:#fff; line-height:21px !important; box-sizing: border-box; padding: 1px 8px; border: 1px solid #e2e2e2; height: 25px; font: 12px Roboto, sans-serif; color:#2c2c2c;/* #505050 */ width: 100%; border-radius: 3px;}
.userView_TableTdspan02{display:block; background:#fff; line-height:21px !important; box-sizing: border-box; padding: 1px 8px; border: 1px solid #e2e2e2; font: 12px Roboto, sans-serif; color:#2c2c2c;/* #505050 */ width: 100%; border-radius: 3px; height: 100%; min-height: 25px;}
.userView_TableTdspan02 span{line-height: 20px !important;}
.userView_TableTdspan02 a{margin-left:0px !important; line-height: initial !important;}


/********** LIST AREA **********/
.list_table {width:100%;margin:0 0 15px;padding:8px 0 7px 0;}
/* .list_table tr {background:url("/images/common/table_title_bg.gif") no-repeat left center;} */
.list_table caption {font-weight: bold;font-size: 12px;padding-bottom:4px;color:#000000;text-align:left;}
.list_table tbody tr{border-bottom: 1px solid #e1e1e1;}
.list_table th {box-sizing: border-box;vertical-align:middle;font-weight:600;color:#000000;padding:13px 10px 10px 10px;background-color:#e9f0f4; text-align: center; position: sticky; top: 0px; z-index: 100;}
.list_table th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.list_table th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.list_table td {color:#2c2c2c;/* #505050 */vertical-align:middle;padding:10px 6px;height:auto;text-align:center; position: relative;}
.list_table tr:hover{background:#fff1e6;}
.list_table a {color: #0068d1 !important; cursor: pointer;}/* #6699cc  */
.list_table img {width: 16px; cursor: pointer;}
.list_table_forThumnail{height:67px;}
.list_table_forThumnail td{padding:5px 6px;}
.list_table_forThumnail td img{width:55px; cursor: initial;}
.list_trPointer{cursor: pointer;}
.list_trPointer02{cursor: pointer;}

.list_table_iconGroup{position: relative;}
.list_table_icon{position:absolute;display:inline-block; width:14px; padding:0px;background-color:#ad0505;border-radius:14px;color:#fff;font-size:9px;line-height:14px;vertical-align:middle; right:-6px; top:-5px;}

.list_scorll_header {width:100%;margin:10px 0 0;padding:8px 0 7px 0;border-color:#e5e5e5;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.list_scorll_header tr {background:url("/images/common/table_title_bg.gif") no-repeat left center;}
.list_scorll_header caption {font-weight: bold;font-size: 12px;padding-bottom:4px;color:#000000;text-align:left;}
.list_scorll_header th {box-sizing: border-box;vertical-align:middle;font-weight:500;color:#000000;padding:13px 10px 10px 10px;background-color:#f8f8f8;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center;}
.list_scorll_header td {color:#2c2c2c;/* #505050 */vertical-align:middle;padding: 10px 12px 9px 12px;height:auto;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center;}
.list_scorll_header tr:hover{background:#fefef8;}
.list_scorll_header a {color: #0068d1;}/* #6699cc  */

.list_scroll_area {overflow-x: hidden; overflow-y: scroll; max-height: 300px;}
.list_scroll_area_400 {overflow-x: hidden; overflow-y: auto; max-height: 400px;}
.list_scorll_body {width:100%;margin:0 0 0;padding:8px 0 7px 0;border-color:#e5e5e5;border-top:0px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.list_scorll_body tr {background:url("/images/common/table_title_bg.gif") no-repeat left center;}
.list_scorll_body caption {font-weight: bold;font-size: 12px;padding-bottom:4px;color:#000000;text-align:left;}
.list_scorll_body th {box-sizing: border-box;vertical-align:middle;font-weight:500;color:#000000;padding:13px 10px 10px 10px;background-color:#f8f8f8;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center;}
.list_scorll_body td {color:#2c2c2c;/* #505050 */vertical-align:middle;padding: 10px 12px 9px 12px;height:auto;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center;}
.list_scorll_body tr:hover{background:#fefef8;}
.list_scorll_body a {color: #0068d1;}#6699cc

.list_scorll_area {margin: 0 0 10px 0;}
.list_scorll_area_400 {margin: 0 0 10px 0;}

.list_table_multi_stage_wrap{overflow: hidden;}
.list_table_changeStyle {width:100%;margin:0 0 15px;padding:8px 0 7px 0; width: 49.5%; float: left;}
.list_table_changeStyle02{width: 50%; float: right;}
.list_table_changeStyle02 td{padding:6.5px 6px; }
.list_table_changeStyle02 td:first-child{width: 100px;}
.list_table_changeStyle caption {font-weight: bold;font-size: 12px;padding-bottom:4px;color:#000000;text-align:left;}
/* .list_table_changeStyle tbody tr{border-bottom: 1px solid #e1e1e1;} */
.list_table_changeStyle th {box-sizing: border-box;vertical-align:middle;font-weight:600;color:#000000;padding:13px 10px 10px 10px;background-color:#e9f0f4; text-align: center; border-bottom: 1px solid #fff; border-radius: 5px;}
.list_table_changeStyle tr:first-child th{border-radius: 0px;}
.list_table_changeStyle tr:first-child th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.list_table_changeStyle tr:first-child th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.list_table_changeStyle td {color:#2c2c2c;/* #505050 */vertical-align:middle;padding:10px 6px;height:auto;text-align:center; border-bottom: 1px solid #e1e1e1;}
.list_table_changeStyle tr:hover{background:#fff1e6;}

.list_table_plusBtn{padding:0px 4px; border-radius:3px; display: inline-block; border: 1px solid #f66e00; color: #f66e00; font-weight: 600; cursor: pointer;}

/********** COLGROUP **********/
/* 2단 */
.col_label {width: 15%;}
.col_desc {width: 35%;}

/* 3단 */
.col3_label {width: 15%;}
.col3_desc {width: 18%;}

/********** PAGING AREA **********/
.paging_area {clear:both;width:100%;line-height: 30px;overflow: hidden;}
.paging_area .paging_left{float:left;text-align:left;width:20%;}
.paging_area .paging_center{float:left;text-align:center;*width:58%;width:60%;color:#000;}
.paging_area .paging_right{float:left;text-align:right;width:20%;color: #515151;}
.paging_area .paging_left .page_count{margin-left:2px;margin-right:2px;color:#fd461c;font-weight:500;}
.paging_area .paging_right .page_count{margin-left:2px;margin-right:2px;color: #1aa24c;font-weight:500;}

.paging_bottom {line-height: 20px;height:30px;text-align:center;font-size:12px;font-weight:500;}
.paging_bottom img{width: 10px;}
/* .paging_bottom .current_page{color:red;} */
.paging_bottom .current_page {padding: 0 5px; box-sizing: border-box;display: inline-block;vertical-align: middle; border:1px solid #e0e3e5; background: #f5f7f8; border-radius: 2px;}
.paging_bottom span a {padding: 0 5px;font-size: 12px;color: #888;box-sizing: border-box;background: #fff;display: inline-block;vertical-align: middle;line-height: 23px;font-weight: 400;}
.paging_bottom span a:link {color: #7a7a7a;}

/********** BUTTON AREA **********/
.button_area      {position:relative; width:100%;height:30px;margin:7px 0;}
.icon_button_area {position:relative; width:100%;height:20px;margin:7px 0;}
.button_area .button_left_area{position:absolute;color:#659e1f;margin-top:0px;}
.button_area .button_right_area{width:100%;text-align:right;}
.button_area .button_left_area input{margin-right:3px;margin-bottom:3px;position:relative;z-index:11;}
.button_area .button_right_area input{margin-left:3px;margin-bottom:3px;position:relative;z-index:10;}
.button_area .btnNinputNbtn{width:200px; margin-left: 10px;}

/********** LEGEND AREA **********/
.legend_area {clear:both;width:100%;}
.legend_area .legend_left_area{position:absolute;color:#659e1f;margin-top:0px;}
.legend_area .legend_right_area{width:100%;text-align:right;margin-bottom:0px;}

/********** TAB **********/
/* .container{width:auto;}
.container ul.tab{padding:0;height:auto;}
.container ul.tab li{list-style-type:none;width:auto;height:40px;float:left;border-width:1px;border-style:solid;border-color:#bcbcbc;margin-right:-1px;margin-bottom:-1px;}
.container ul.tab li a{outline:none;background:#f3f3f3;display:block;color:#505050;font-weight:500;line-height:40px;text-align:center;font-size:0.9em;padding:0 10px 0 10px;border-bottom:1px solid #bcbcbc;}
.container ul.tab li a.selected{border-bottom:1px solid #ffffff;background:#ffffff;text-decoration:none;color:#505050;cursor:default;background:url("/images/common/tab_arrowdown.gif") no-repeat center;}
.container ul.panel{clear:both;border:1px solid #bcbcbc;border-top:block;padding:0;}
.container ul.panel li{list-style-type:none;padding:0px;color:#505050;}
 */

.container_main{width:auto;}
.container_main ul.tab{padding:0;height:34px;}
.container_main ul.tab li{list-style-type:none;width:auto;height: 33px;float:left;/* border-width:1px; *//* border-style:solid; *//* border-color:#bcbcbc; */margin-right: 5px;/* margin-bottom:-1px; */}
.container_main ul.tab li a{outline:none;background: #f8f8f8;display:block;color: #4d525a;font-weight: 400;line-height: 33px;text-align:center;font-size: 13px;padding:0 10px 0 10px;border: 1px solid #c5c5c5;}
.container_main ul.tab li a.selected{border: 1px solid #6a6d74;background: #6a6d74;text-decoration:none;color: #fff;cursor:default;/* background:url("/images/common/tab_arrowdown.gif") no-repeat center; */}
.container_main ul.panel{clear:both;border:1px solid #bcbcbc;border-top:block;padding:10px;}
.container_main ul.panel li{list-style-type:none;padding:0px;color:#2c2c2c;/* #505050 */}


/********** TAB **********/
.container2{width:auto;margin-top:10px;}
.container2 ul.tab{padding:0;height:auto;}
.container2 ul.tab li{list-style-type:none;width:auto;height:40px;float:left;border-width:1px;border-style:solid;border-color:#bcbcbc;margin-right:-1px;margin-bottom:-1px;}
.container2 ul.tab li a{outline:none;background:#f3f3f3;display:block;color:#2c2c2c;/* #505050 */font-weight:500;line-height:40px;text-align:center;font-size:0.9em;padding:0 10px 0 10px;border-bottom:1px solid #bcbcbc;}
.container2 ul.tab li a.selected{border-bottom:1px solid #ffffff;background:#ffffff;text-decoration:none;color:#2c2c2c;/* #505050 */cursor:default;background:url("/images/common/tab_arrowdown.gif") no-repeat center;}
.container2 ul.panel{clear:both;border:1px solid #bcbcbc;border-top:block;padding:0;}
.container2 ul.panel li{list-style-type:none;padding:0px;color:#2c2c2c;/* #505050 */}


.pad10{padding-left:10px;}
.r_pad10{padding-right:10px;}

/********** BUTTON **********/
/* 기본 BUTTON (예: 조회버튼, 등록버튼, 리스트버튼 등) */
.default_button {font-size:12px;padding:6px 10px;color:#555;border:1px solid;border-color:#cfcfcf #cccccc #c8c8c8;background:#f5f5f5;cursor:pointer;}
.default_button:hover, .default_button:focus {background:#efefef;border-color:#c3c3c3;}

/* 달력 BUTTON (예: 1D, 1W 1M 등) */
.date_button {min-width: 32px;line-height: 25px;height: 25px;font-size:11px;padding: 0px 7px;color:#555;border:1px solid;border-color: #e2e2e2;background: #f8f8f8;cursor:pointer;box-sizing: border-box;margin-right: 2px;}
.date_button:hover, .date_button:focus {background:#efefef;border-color:#c3c3c3;}

/* 아이콘 BUTTON (예: Add, Del 등) */
.icon_button {font-size:11px; padding:2px 4px;color:#555;border:1px solid;border-color:#cfcfcf #cccccc #c8c8c8;background:#f5f5f5;cursor:pointer;}
.icon_button_disabled {font-size:11px; padding:2px 4px;color:#555;border:1px solid;border-color:#cfcfcf #cccccc #c8c8c8;background:#f5f5f5;color:#ccc;cursor: default;}
.icon_button:hover, .icon_button:focus {background:#efefef;border-color:#c3c3c3;}

/* 계산기 BUTTON (예: 1, 2, *, / 등) */
.cal_button {font-size:11px; padding:2px 2px;color:#555;border:1px solid;border-color:#cfcfcf #cccccc #c8c8c8;background:#f5f5f5;cursor:pointer;width:25px}

/* 팝업 조회 ICON */
.search_button {background: url("/images/common/search_btn.gif") no-repeat center center;border: 0 none;width: 20px;height: 19px;cursor: pointer;}

/* 상세조회 팝업 Icon */
.detail_popup { background: url("/images/common/detail_popup.png") center center; width: 16px; height: 16px; border: 0 none; vertical-align: middle;cursor: pointer;}

/* 비활성화 버튼 */
.button_readonly {font-size:12px;padding:6px 10px;color:#555;border:1px solid;border-color:#cfcfcf #cccccc #c8c8c8;background:#f5f5f5;color:#ccc;cursor: default;}
.button_disabled {font-size:12px;padding:6px 10px;color:#555;border:1px solid;border-color:#cfcfcf #cccccc #c8c8c8;background:#f5f5f5;color:#ccc;cursor: default;}

/* image button cursor */
.btnimg {cursor: pointer;}

/********** FORM **********/
input[type=text]::-ms-clear {display: none;}
.text_input {box-sizing: border-box;padding: 1px 8px;border: 1px solid #e2e2e2;height: 25px;font-family:Roboto;color:#2c2c2c;/* #505050 */}
.checkbox_input {cursor: pointer; margin-right: 5px; }
.radio_input {cursor: pointer; margin-right: 5px; }
textarea {box-sizing: border-box;padding:1px 0 0 8px;border: 1px solid #e2e2e2;font-family:Roboto;color:#2c2c2c;/* #505050 */vertical-align: middle;}

.text_input.datepicker {width: 40% !important;}
.default_table a {display: inline-block;margin-left: -4px;}
img.ui-datepicker-trigger {margin: 0;}
input[id^=inspection] + a {float: left;}

/* 비활성화 입력 */
button.readonly, input.readonly, .input_readonly {border:1px solid #cccccc;font-family:Roboto;color:#333333;background:#eee;}
.disabled, .input_disabled {padding:1px 4px;border:1px solid #cccccc;font-family:Roboto;color:#959595;background:#ebebeb;}

.tlab_validate_required {padding-right:15px; background:url(/images/common/required.gif) 0 -24px no-repeat;background-position: right;}

/********** ALIGN **********/
table .center{text-align:center;}
table .left{text-align:left;}
table .right{text-align:right;}

/********** SPACE **********/
.height_space {height: 10px;clear: both;}

/********** COLOR ***********/
.red {color:red !important;}
.orange {color:orange !important;}
.gray {color:#C8B560 !important;}
.green {color:green !important;}
.blue {color:blue !important;}
.yellow {color:yellow !important;}

.bg_red {background-color:#fdf4f4 !important;}
.bg_orange {background-color:#fdf9f0 !important;}
.bg_gray {background-color:#f8fdf4 !important;}
.bg_green {background-color:#f8f8f8 !important;}
.bg_blue {background-color:#f3f8ff !important;}
.bg_yellow {background-color:#fffef3 !important;}

/********** VALIDATION ***********/
label.error {color: red !important; margin-left: 8px;}

/********** INPUT FORMAT ***************/
input[type=text].uppercase {text-transform:uppercase;}

/********** BLOCKING CIRCLE WRAPPER ***********/
.wrapper {position:absolute;top:50%;left:50%;}

.required{color:#fd461c;font-weight:600;margin-left:3px}


.main__title{margin-left:5px;font-size:2.7em;color:#333333;line-height:1em; font-weight: bold;}
.mainTitle_pad{padding:28px 0px 16px 0px;}
.mainTitle_pad02{padding:16px 0px 4px 0px;}

.R_modalPage{width:0px; height:100%; position: absolute; top:0px; right:0px; border-left:1px solid #e2e2e2; box-shadow: -5px 5px 5px rgba(0, 0, 0, .1); background: #fff; overflow: auto; z-index: 120;}
.R_modalPage_inner{padding:0px 30px 50px 30px; display: none;}
.R_modalPage_close{cursor: pointer; font-size: 32px; font-weight:100; float: right; margin-top:20px;}

.modalContents01, .modalContents02, .modalContents03, .modalContents04, .modalContents05, .modalContents06{display: none;}

.modalSelect01{width: 100%; margin-bottom: 10px;}

.tabSelect_wrap{overflow: hidden; border-bottom: 1px solid #f66e00; margin:5px 0px;}
.tabSelect01, .tabSelect02, .tabSelect03, .tabSelect04, .tabSelect05, .tabSelect06, .tabSelect07, .tabSelect08{background: #cdcdcd; padding:5px 20px; margin-right:5px; border-top-left-radius:3px; border-top-right-radius:3px; font-weight: 600; color: #fff; min-width: 100px; cursor: pointer; box-sizing: border-box; text-align: center;}
.tab01,.tab02,.tab03,.tab04,.tab05,.tab06,.tab07,.tab08{overflow: hidden;}
.Slide_tabSelect_wrap{overflow: hidden; border-bottom: 1px solid #f66e00; margin:5px 0px;}
.Slide_tabSelect01, .Slide_tabSelect02, .Slide_tabSelect03, .Slide_tabSelect04, .Slide_tabSelect05, .Slide_tabSelect06, .Slide_tabSelect07, .Slide_tabSelect08{background: #cdcdcd; padding:5px 10px; margin-right:5px; border-top-left-radius:3px; border-top-right-radius:3px; font-weight: 600; color: #fff; min-width: 70px; cursor: pointer; box-sizing: border-box; text-align: center;}
.Slide_tab01,.Slide_tab02,.Slide_tab03,.Slide_tab04,.Slide_tab05,.Slide_tab06,.Slide_tab07,.Slide_tab08{overflow: hidden;}
.tabSelect_onlyMov01, .tabSelect_onlyMov02, .tabSelect_onlyMov03, .tabSelect_onlyMov04, .tabSelect_onlyMov05, .tabSelect_onlyMov06, .tabSelect_onlyMov07, .tabSelect_onlyMov08{background: #cdcdcd; padding:5px 20px; margin-right:5px; border-top-left-radius:3px; border-top-right-radius:3px; font-weight: 600; color: #fff; min-width: 100px; cursor: pointer; box-sizing: border-box; text-align: center;}
.Slide_tab{overflow: hidden;}

.list_table .selectTd span{display:inline-block;font-size:12px; border-radius: 100px;  padding:5px 15px; width:86px; color: #fff; font-weight: 400;}
.list_table .selectTd span.Completed{background: #0d9d9f;}
.list_table .selectTd span.Ongoing{background: #005d8f;}
.list_table .selectTd span.Scheduled{background: #5e5e5e; /* #3e3e3e; */}
.list_table .selectTd span.Canceled{background: #bf5656;}

.list_table .selectTd span.Scheduled02{background: #5e5e5e;}
.list_table .selectTd span.Arrival{background: #0c8bcf;}
.list_table .selectTd span.Berthing{background: #005d8f;}
.list_table .selectTd span.Departure{background: #0d9d9f;}


.ImgTextMix{position: relative; top:-2px;}
.ImgTtMix{position: relative; top:-2px; margin-left:3px;}
.listTable_redTxt{color: #a90606}

.section__contWrap{border-top: 1px solid #c6c6c6; margin: 10px 0px; padding: 0px 10px; overflow: hidden;}
.section__contWrap_workpage{overflow: hidden; position: relative;}

.weather_wrap{width:100%; float: left; text-align: center; height: 100%; overflow: hidden; margin-top:10px; margin:10px 1% 0px 1%;}
.weather_wrap02{width:40%; float: left; text-align: center; height: 100%; overflow: hidden; margin-top:10px;}
/* .weather_dashWrap{width: 58%; float: right; margin-top:13px;} */
/* .weather_dashWrap .table01{width: 100%; text-align: center;} */
/* .weather_dashWrap .table01 tr:first-child > td{height: 80px;  vertical-align: middle;} */
/* .weather_dashWrap .table01 tr:nth-child(2) > td{text-align: center; font-weight: 600; font-size: 14px;} */
/* .weather_dashWrap .table02{width: 100%;} */
/* .weather_dashWrap .table02 tr td{vertical-align: middle; text-align: center;} */
/* .weather_dashWrap .table02 .tdHeight{height: 85px;} */
/* .weather_dashWrap .table02 .imgMargin{margin-bottom: 10px;} */
/* .weather_dashWrap .table02 .imgTT{text-align: center; font-weight: 600; font-size: 14px;} */
.weather_dashWrap_img{width:100%; height: 505px;}
.weather_dashWrap{width: 100%; position: absolute; left:0px; bottom:0px; background: #fff; opacity: 0.8; height: 80px;}
/* .weather_dashWrap{width: 60%;  margin-top:13px; position: absolute; right:34px; top:48px; background: #fff; opacity: 0.9; border-radius: 5px; height: 257px; height:90px;} */
/* .weather_dashWrap{width: 50%;  margin-top:13px; position: absolute; left:10px; bottom:10px; background: #fff; opacity: 0.9; border-radius: 5px; height: 90px;} */
/* .weather_dashWrap .table01{width: 45%; text-align: center; position: absolute; left:0px; top:0px;margin-top: 10px;} */
/* .weather_dashWrap .table01 tr:first-child > td{height: 50px;  vertical-align: middle;} */
/* .weather_dashWrap .table01 tr:nth-child(2) > td{text-align: center; font-weight: 600; font-size: 11px;} */
/* .weather_dashWrap .table02{width: 100%;} */
/* .weather_dashWrap .table02 tr td{vertical-align: middle; text-align: center;} */
/* .weather_dashWrap .table02 .tdHeight{height: 85px;} */
/* .weather_dashWrap .table02 .imgMargin{margin-bottom: 10px;} */
/* .weather_dashWrap .table02 .imgTT{text-align: center; font-weight: 600; font-size: 14px;} */
.weather_dashWrap .table01{width: 55%; text-align: center; position: absolute; top:10px;}
.weather_dashWrap .table01 tr:first-child > td{height: 43px;  vertical-align: middle;}
.weather_dashWrap .table01 tr:nth-child(2) > td{text-align: center; font-weight: 600; font-size: 11px;}
.weather_dashWrap .table02{width: 100%;}
.weather_dashWrap .table02 tr td{vertical-align: middle; text-align: center;}
.weather_dashWrap .table02 .tdHeight{height: 85px;}
.weather_dashWrap .table02 .imgMargin{margin-bottom: 10px;}
.weather_dashWrap .table02 .imgTT{text-align: center; font-weight: 600; font-size: 14px;}

/* .mainDash_font01{color: #005d8f; font-weight: 900; display: inline-block; width:48px;} */
/* .mainDash_font02{color: #005d8f; letter-spacing:-1px; font-weight: 900;} */
.mainDash_font01{color: #005d8f; font-weight: 900; display: inline-block; width:48px; font-size: 13px; line-height: 13px;}
.mainDash_font02{color: #005d8f; letter-spacing:-1px; font-weight: 900; font-size: 17px;}
.mainDash_font03{display: inline-block; width:60px;}
.mainDash_sign01{position:relative ; /* bottom:-8px; */ right:0px; font-size: 12px; color: #000;}
.mainDash_sign02{position:relative ; /* bottom:-8px;  */right:-4px; font-size: 12px; color: #000;}
.mainDash_font03_gray{color: #333333; letter-spacing:-1px; font-weight: 900;}
.mainDash_font03_blue{color: #005d8f; letter-spacing:-1px; font-weight: 900;}
.mainDash_font04_red{color: #fff; font-weight: 900; background: #a90606; border-radius:100px; display: inline-block; font-size: 21px; width: 25px; margin-right: 2px;}
.mainDash_font04_blue{color: #fff; font-weight: 900; background: #005d8f; border-radius:100px; display: inline-block; font-size: 21px; width: 25px;}
.Dash_betweenIcon{font-size: 14px; color: #000; position: relative; top: -2px;}
.mainDash_redFont{color: #a90606;}

.mainDash_divLine{width:98%; border-top: 1px solid #eeeeee; margin:20px auto;}

/* .weather_table{width: 52%; text-align: center; margin-top: 10px; position: absolute; right:0px; top:0px;} */
/* .weather_table tr:first-child > td{height: 52px;  vertical-align: middle;} */
/* .weather_table tr td{text-align: center; font-weight: 600; font-size: 10px; border-right: 1px solid #eee; height: 20px;} */
/* .weather_table tr td img{width: 30px;} */
/* .weather_table tr td:last-child{border-right: 0px;} */
/* .weather_divide{padding:0px 5px; font-size: 20px; font-weight: 100; color: #e1e1e1;} */

.weather_table{width: 45%; text-align: center;/*  margin-top: 10px; */ position: absolute; right: 0px; top:10px;}
.weather_table tr:first-child > td{height: 43px;  vertical-align: middle;}
.weather_table tr td{text-align: center; font-weight: 600; font-size: 11px; border-right: 1px solid #eee; height: 20px;}
.weather_table tr td img{width: 25px;}
.weather_table tr td:last-child{border-right: 0px;}
.weather_divide{padding:0px 5px; font-size: 20px; font-weight: 100; color: #e1e1e1;}

.weather_table02{width: 45%; text-align: center; margin-top: 10px;}
.weather_table02 tr:first-child > td{height: 43px;  vertical-align: middle;}
.weather_table02 tr td{text-align: center; font-weight: 600; font-size: 11px; border-right: 1px solid #eee; height: 20px;}
.weather_table02 tr td img{width: 35px;}
.weather_table02 tr td:last-child{border-right: 0px;}

/* .weather_table{width: 100%; text-align: center; margin-top: 10px;} */
/* .weather_table tr:first-child > td{height: 80px;  vertical-align: middle;} */
/* .weather_table tr td{text-align: center; font-weight: 600; font-size: 14px; border-right: 1px solid #eee; height: 20px;} */
/* .weather_table tr td img{} */
/* .weather_table tr td:last-child{border-right: 0px;} */
/* .weather_divide{padding:0px 5px; font-size: 20px; font-weight: 100; color: #e1e1e1;} */


/* @media all and (max-width:1536px){ */
/* 	.mainDash_font01{font-size: 15px;} */
/* 	.mainDash_font02{font-size: 25px;} */
/* 	.mainDash_font03_gray, .mainDash_font03_blue{font-size: 25px;} */
/* 	.mainDash_font04_red, .mainDash_font04_blue{font-size: 22px; width:26px;} */
/* } */
/* @media all and (min-width:1537px) and (max-width:3000px){ */
/* 	.mainDash_font01{font-size: 18px;} */
/* 	.mainDash_font02{font-size: 38px;} */
/* 	.mainDash_font03_gray, .mainDash_font03_blue{font-size: 32px;} */
/* 	.mainDash_font04_red, .mainDash_font04_blue{font-size: 29px; width:35px;} */
/* } */

.layerPop_wrapBg{display:none; position: absolute; top:0px; left:0px; background: rgba(0,0,0,0.5); height:100%; width: 100%; z-index: 130;}
.layerPop_wrapBg02{display:none; position: absolute; top:0px; left:0px; background: rgba(0,0,0,0.5); height:100%; width: 100%;  z-index: 140;}
.layerPop_wrapBg03{display:none; position: absolute; top:0px; left:0px; background: rgba(0,0,0,0.5); height:100%; width: 100%;  z-index: 140;}
.layerPop_wrap{border-radius: 5px; background: #fff; padding:10px; width:600px; position:relative; top:calc(50% - 112px); left:calc(50% - 300px); z-index: 130;}
.layerPop_wrap02{border-radius: 5px; background: #fff; padding:10px; width:1000px; position:relative; top:10%; left:calc(50% - 500px); z-index: 140;}
.layerTt_rowControl{position: relative; padding-left: 0px; margin-top: 0px; margin-bottom: 10px;}
.layerTt_rowControl:before{width:initial; height: initial; background: initial; }
.layerTt_rowControl span{position: absolute; right: 0px; top:3px; font-size:14px; font-weight: 400; color:#2c2c2c;/* #505050 */ cursor: pointer;}
.layerGallspan{display: inline-block; width: 50%; height:126px; box-sizing: border-box; border:1px solid #e2e2e2; border-radius: 5px; text-align: center; background: #fff; overflow: hidden;}
.layerGallspan img{max-width: 100%; max-height: 100%;}
.layerGallTable_position{float: right; width: 49%;}
.layerPop_srchWrap{margin-bottom: 10px;}
.layerPop_srchWrap img{width:20px; height:20px;}

/* 달력 휴일 색상 */
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a {color:red;}
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a {color:blue;}

.float_L{float:left;}
.float_R{float:right;}

.AIS_infoWrap{width:100%; text-align: center; height: 500px; overflow: hidden; margin-top:5px;}
.text_input.w93p {width:93% !important;}

.addinput_btnTd{vertical-align: top !important;}
.add_btnTd{text-align:right; vertical-align: top !important;}
.pad_0{padding: 0px; }
.input_NewBtn{min-width:53px !important;}
.input_PlusMinusBtn{min-width:30px !important;}

.dadan_totalWrap{position:relative;}
.dadan_left{display: inline-block; width:49%;}
.dadan_right{display: inline-block; width:49%; position: absolute; right: 0px;}
.samdan_totalWrap{overflow: hidden;}
.ildan{width: 33%; display: inline-block;}
.ildan_Rmargin{margin-right: 0.5%;}
.ildan_pad{padding:9px !important;}
.ildan_name_WrapPad{padding-top:5px}
.ildan_name{border-radius: 3px; background: #e9f0f4; overflow: hidden; padding: 1px 3px; box-sizing: border-box; margin-bottom:5px; text-align:center;}
.ildan_name img{float: right;  margin-top:5px; margin-right: 2px; cursor: pointer;}
.ildan_plus_Wrap{display: block; text-align: center;}
.ildan_plus_Wrap div{display: inline;}
.listTable_Xbtn{width:12px !important;}

.popContants_wrap{padding:0px 20px 10px 20px; box-sizing: border-box;}

/* Estimated Shipment */
.nameWrap_margin{margin-top:2px;}
.DestnationName li, .CargoName li, .ItemNo li{display: inline-block;}
.Desti_aTagPosition{position: relative; top: -1px; padding-right: 10px;}
.forImgPosition{position: relative; font-size: 13px; font-weight: 900;}
.STWG_btnSize{position: absolute; right: 20px; cursor: pointer;}

/* STWG Plan */
.STWG_readonly { pointer-events:none;}
.STWG_readonly_bg{ background:#ededed;}

/* Daily Work */
.tableLine1_style{border-bottom-right-radius: 0px !important;}
.tableLine2_style th{border-top: 1px solid #fff; background-color:#f1f5f7; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 0px !important;}

/* Favorite */
.favorite_btn{width:12px; height:12px; margin-left:3px; cursor: pointer;}

/* language 선택 */
.langSelectWrap{position: absolute; top:15px; right:25px;}
.langSelect_kor{width:24px; height: 24px;}
.langSelect_usa{width:24px; height: 24px; margin-left:5px;}

/* 데이터타임피커 */
.bootstrap-datetimepicker-widget {background: #fff; border:1px solid #666; display: none;}
.bootstrap-datetimepicker-widget .row .col-sm-6{flex: 0 50%; max-width: 50%;}
.bootstrap-datetimepicker-widget .row .col-sm-6 .timepicker-picker .table-condensed .btn .glyphicon-chevron-up:before{content:'▲';}
.datetimepicker{width:90% !important;}
.calendar_btn{width:16px; height:16px; margin-left: 5px;}

/* 데이터타임피커 */
.totalnum_txt{margin-right:10px; text-align: right;}
.rownum_select{ position: absolute; width: 300px !important}
.rownum_select select{ width:70px;}
.page_count{color: #515151 !important;}
.paging_center{width: 100% !important;}

/* Total Report */
.TotalReport_h3 h3{margin-top: 40px;}
.TotalReport_01h3{margin-top: 20px !important;}
.TotalTrColor01{background: #fafafa;}
.TotalTrColor01 td:first-child{font-size:13px; font-weight: 900;}
.TotalTrColor02{background: #f4f4f4;}
.GrandTotalFont{font-size:13px; font-weight: 900;}

/* Time Sheet */
.ui-timepicker-standard{font-family: Roboto !important; font-size: 11px !important; background-color: #FFF; border: 1px solid #AAA;}
.ui-timepicker-standard .ui-state-hover{background-color: #1e90ff !important; color: #fff !important; border: 1px solid #1e90ff !important;}

/* gang board */
.modalListTable_Xbtn{width:12px !important;}
.modalHeight500{height: 500px; overflow: auto;}

/* file list */
.filelist_name{width:182px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.fileTaskGrp{width:120px}
.fileVolume{width:65px}
.fileDate{width:125px}

.adresSectionWrap{border: 1px solid #e3e7e9; overflow: hidden;}
.adresTTWrap{background: #fafafa; font-size: 20px; font-weight: bold; padding:10px;     border-bottom: 1px solid #e3e7e9;}
.adresMenuWrap{width:26%; border-right: 1px solid #e3e7e9; float: left; height: 500px; box-sizing: border-box;}
.adresSelectWrap01{width:48%; border-right: 1px solid #e3e7e9; float: left; height: 400px; box-sizing: border-box; padding: 10px; padding-bottom: 10px; }
.adresSelectWrap01 select{width: 100% !important; height: 95% !important;}
.adresSelectWrap01 select option{margin-top:3px !important;}
.adresSelectWrap02{width:4%; border-right: 1px solid #e3e7e9; float: left; height: 400px; box-sizing: border-box; padding:5px; padding-top:165px;}
.adresSelectWrap03{width:48%; float: left; height: 400px; box-sizing: border-box; padding: 10px; padding-bottom: 10px;}
.adresSelectWrap03 select{width: 100% !important; height: 95% !important;}
.adresSelectWrap03 select option{margin-top:3px !important;}
.adresMenu{margin:15px; text-align:left;}
.adresMenu li{font-size: 14px; font-weight: normal; line-height: 20px; cursor: pointer; list-style:disc ; list-style-position: inside;}
.adresMenu li:hover{font-weight: bold;}
.adresMenu li span.adresSect_num{font-size: 13px; font-weight: normal; color:#2c58b1;}
.adresSection01, .adresSection02, .adresSection03, .adresSection04{width:90%;margin-left: 5.5%; margin-top: 15px;}
.adresSectionTT{font-size: 14px; font-weight: bold;}
.adresDBlebtn01, .adresDBlebtn02, .adresDBlebtn03, .adresDBlebtn04{overflow:auto; height: 445px; margin-top: 5px;}
.adresbtn{font-weight: bold; color: #2c58b1; border: 1px solid #ccc; border-radius: 2px; background: #fff;padding:7px 4px; cursor: pointer; text-align: center;}
.adresbtn img{width: 10px;}
.adres_Rbtn{position:absolute; right:-28px; top:230px;}
.adres_Lbtn{position:absolute; right:-28px; top:260px;}
.adresBtnWrap{border: 1px solid #e3e7e9; border-top:0px ; overflow: hidden;}
.adresBtnWrapTxt{color:#bbb; padding:5px 0px; padding-left: 10px; display: block;}
.adresBtnSection{display: block; text-align: center; padding-bottom:10px;}
.adresBtn_Lmargin{margin-left: 5px !important;}
.adresPop_OpenBtn{background: #5c5c5c !important; /* padding:6px 16px !important; */ box-shadow:none !important;  font-family:'Noto Sans KR', sans-serif  !important; color :#fff !important; width:100%; padding: 0px !important;}

.prjDetail_OwnerMark{position: absolute; right:0px; color: #005d90;}

.gnbSelectWrap{margin-top:20px; width: 100%;}
.gnbMoveBtn{margin-top:2px !important; min-width:20px !important; background-color: #044a75;}
.gnbLogoutTxt{display:block !important; font-size: 13px !important;}

.input_X_icon{position: absolute !important; cursor: pointer !important; width: 12px !important; height:12px !important;}

.ui-datepicker{z-index:110 !important;}