@charset "utf-8";

/*
@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("//fonts.googleapis.com/earlyaccess/nanummyeongjo.css");

폰트 잠깐 감춤
*/

/* Common Style */
* { margin: 0; padding: 0; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, q, s, samp, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border: 0 none; }
body { position: relative; margin: 0 auto; font-size: 13px; line-height: 140%; letter-spacing:-0.5px; font-family:'Malgun Gothic','Nanum Gothic', 'Dotum','Gulim','Tahoma','Verdana',sans-serif; overflow:x-hidden; }
input { font-family: 'Malgun Gothic', 'Nanum Gothic','Dotum','Gulim','Tahoma','Verdana',sans-serif}
header, h1 { font-size: 100%; }
html, body {height: 100%;font-size:13px; overflow:auto;}
div, p, span, li, table td {word-break:break-all}
caption,legend { position: absolute; width:0; height: 0; font-size: 0; overflow: hidden; visibility: hidden }
img { border: none; vertical-align: top; /*width: 100%;*/ }
select, input { vertical-align: middle}
hr { display: none; border: 0 none; }
ol, ul, ul li{ list-style: none; }
em { font-style: normal; }
label{cursor:pointer}

.input[type=text] { 
-webkit-ime-mode:active !important;
-moz-ime-mode:active !important; 
-ms-ime-mode:active !important; 
ime-mode:active !important; 
}

/* link Style */
a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { /*outline: 0 none;*/ text-decoration: underline; }

#wrap { position:relative;width:898px;padding:5px; }

/****** 공통 ******/
/* header */
#header { width:100%;background-color:#0661a0;height:52px; }
#header h1 { font-size:25px;color:#fff;text-indent:15px;line-height:52px;font-weight:500; }

#header2 { width:100%;background:#2e83be;height:26px;padding:15px 0;text-indent:15px; }
#header2 span { color:#fff; }
#header2 select { display:inline-block;height:24px;border:1px solid #abadb3;color:#707070;margin-bottom:3px; }

#contents h2 { display:block;text-indent:12px;background: url("/images/bul_1.jpg") no-repeat 0 center;margin-bottom:5px;margin-left:5px;font-size:14px; }
.c_p { padding:20px 10px;}
.c_p1 { padding:5px;}
.c_p2 { padding:10px;}
.m20 { margin:20px 0; }
.ml5 { margin-left:5px; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.w586 { width:586px; }
.w370 { width:370px; }
.w250 { width:250px; }
.w150 { width:150px; }
.w145 { width:145px; }
.w80 { width:80px;}
.w40 {width:40px;}
a.btn_c { display:inline-block;width:100px;height:26px;line-height:26px;color:#fff;background:#7c7d7e;border:1px soikd #353739;text-align:center; }

#contents .eventListTable{width:auto;height:673px;overflow:hidden;border-bottom:1px solid #bbb}
#contents .eventListTable .eventListHead{overflow-y:scroll;scrollbar-arrow-color:#f0f0f0;scrollbar-track-color:#f0f0f0;scrollbar-face-color:#f0f0f0;scrollbar-shadow-color:#f0f0f0}
#contents .eventListTable .eventListHead::-webkit-scrollbar{background-color: #f0f0f0}
#contents .eventListTable .eventListBody{max-height:640px;overflow-y:scroll}

#contents article #insertCon, #contents article #updateCon{display:none}

select.select {text-indent:5px;}

.condition li { line-height:26px;height:26px;color:#515151;margin-bottom:5px; }
.condition li select { display:inline-block;padding:0 5px;height:22px;border:1px solid #abadb3;color:#707070; width:65px}
.condition li input[type='text'] { height:22px;border:#abadb3 solid 1px;vertical-align: middle;text-indent:10px;color:#707070;margin-bottom:2px; width:85px}
.condition li span { display:inline-block;text-indent:12px;background: url("/images/bul_1.jpg") no-repeat 0 center;margin-bottom:2px;margin-left:5px; }
.condition li a.btn { display:inline-block;width:80px;text-align:center;text-decoration:none;height:22px;line-height:22px;border:1px solid #004778;background:#0661a0;color:#fff; }

.table_type1 { width: 100%;border-collapse:collapse;font-size:14px; }
.table_type1 thead th { border-right:1px solid #bbbbbb;color:#fff;font-weight:600;background:#2e83be; padding:7px 0; }
.table_type1 thead th:farst-child { border-left:1px solid #bbbbbb; }
.table_type1 thead th:last-child { border-right:1px solid #bbbbbb; }
.table_type1 td {color:#666666; vertical-align:middle;height:28px;line-height:28px;border: 1px solid #bbbbbb;text-align:center;padding:2px 0; }
.table_type1 tr:nth-child(even) { background:#f0f0f0; }
.table_type1 a.btn { display:inline-block;width:50px;text-align:center;text-decoration:none;height:22px;line-height:22px;border:1px solid #004778;background:#0661a0;color:#fff; }
.table_type1 input[type='text'] { width:90%;height:24px;border:#abadb3 solid 1px;vertical-align: middle;text-indent:5px;color:#707070;margin-bottom:3px; }
.table_type1 input[type='password'] { width:90%;height:24px;border:#abadb3 solid 1px;vertical-align: middle;text-indent:5px;color:#707070;margin-bottom:3px; }
.table_type1 select { display:inline-block;width:90%;height:24px;border:1px solid #abadb3;color:#707070;margin-bottom:3px; }

.table_type2 { width: 100%;border:1px solid #bbbbbb;border-collapse:collapse;font-size:14px; }
.table_type2 thead th { border-left:1px solid #bbbbbb;border: 1px solid #fff;border-bottom:1px solid #bbbbbb;color:#fff;font-weight:600;background:#2e83be; padding:7px 0; }
.table_type2 thead th:farst-child { border-left:1px solid #bbbbbb; }
.table_type2 thead th:last-child { border-right:1px solid #bbbbbb; }
.table_type2 td {color:#666666; vertical-align:middle;height:45px;line-height:45px;border: 1px solid #bbbbbb;text-align:center;}

.table_type3 { width: 100%;border:1px solid #bbbbbb;border-collapse:collapse;margin:10px 0;font-size:14px; opacity:0.5}
.table_type3 th { background:#f0f0f0;color:#666666; height:45px;line-height:45px;border: 1px solid #bbbbbb;text-align:center; }
.table_type3 td { color:#666666; border: 1px solid #bbbbbb;text-align:left;padding-left:15px; }
.table_type3 a.btn1 { display:inline-block;margin:0 8px;width:80px;text-align:center;text-decoration:none;height:31px;line-height:31px;border:1px solid #707375;background:#8b8b8b;color:#fff; }
.table_type3 a.btn2 { display:inline-block;width:80px;text-align:center;text-decoration:none;height:31px;line-height:31px;border:1px solid #004778;background:#0661a0;color:#fff;; }
.table_type3 input[type='text'] { height:25px;border:#abadb3 solid 1px;text-indent:5px;color:#707375;}
.table_type3 input[type='text'].file { display:inline-block;height:31px;border:#707375 solid 1px;background:#f5f5f5;vertical-align: middle;text-indent:5px;color:#707375;margin-bottom:3px; }
.table_type3 select { display:inline-block;height:25px;border:1px solid #abadb3;color:#707070; }

.table_type4 { width: 100%;border:1px solid #bbbbbb;border-collapse:collapse;margin:10px 0;font-size:14px; }
.table_type4 th { background:#f0f0f0;color:#666666; height:47px;line-height:47px;border: 1px solid #bbbbbb;text-align:center; }
.table_type4 td { color:#666666; border: 1px solid #bbbbbb;text-align:left;padding-left:15px; }
.table_type4 a.btn1 { display:inline-block;margin:0 8px;width:80px;text-align:center;text-decoration:none;height:31px;line-height:31px;border:1px solid #707375;background:#8b8b8b;color:#fff; }
.table_type4 a.btn2 { display:inline-block;width:80px;text-align:center;text-decoration:none;height:31px;line-height:31px;border:1px solid #004778;background:#0661a0;color:#fff;; }
.table_type4 input[type='text'] { height:25px;border:#abadb3 solid 1px;text-indent:5px;color:#707375;}
.table_type4 input[type='text'].file { display:inline-block;height:31px;border:#707375 solid 1px;background:#f5f5f5;vertical-align: middle;text-indent:5px;color:#707375;margin-bottom:3px; }
.table_type4 select { display:inline-block;width:200px;height:25px;border:1px solid #abadb3;color:#707070; }

.tab_type1 { width:421px;margin:10px 0; }
.tab_type1 li { float:left;width:104px;font-size:16px;color:#606060;font-weight:500;text-align:center;border-top:1px solid #707375;border-left:1px solid #707375;border-bottom:1px solid #707375; }
.tab_type1 li:last-child { border-right:1px solid #707375;}
.tab_type1 li a { display:block;width:100%;text-decoration:none;padding:10px 0;color:#000; }
.tab_type1 li a.on { background:#707375;color:#fff; }

.map_wrap { position:relative;border:1px solid #bababa;width:898px;height:420px;margin-top:5px; }
.speech_bubble { position:absolute;top:20px;right:46px;background:url("/images/speech_bubble.png") no-repeat;width:328px;height:248px;padding-top:20px; }
.weather_info1 .close_btn { position:absolute;top:20px;right:20px; }
.weather_info1 { width:290px;margin:0 auto; }
.weather_info1 li { float:left;font-size:14px;color:#202020; }
.weather_info1 strong { font-size:16px; }
.weather_info1 .timg { color:#a5a5a5; }

.weather_info2 { width:290px;margin:15px auto;padding-top:15px;border-top:1px solid #ccc; }
.weather_info2 li { text-align:center;float:left;width:25%;font-size:12px;color:#838383; }
.weather_info2 img { display:block;margin:5px auto; }
.weather_info2 strong { display:block;color:#303030;font-size:13px; }

.weather_btn { position:absolute;bottom:10px;right:155px;border:2px solid #8b8b8b;width:112px;height:36px;padding:7px 0;background:#fff;border-radius:50px; }
.weather_btn img { width:36px; }
.weather_btn span { float:left;margin-left:10px;font-size:12px;color:#303030; }
.weather_btn span strong { font-size:16px; }

.addsig_bottom_btns {opacity:0.5}
.addsig_bottom_btns li{float:left;margin-right:20px}
.addsig_bottom_btns li:nth-child(1) {margin-left:90px}
.addsig_bottom_btns li:nth-child(2) {margin-right:275px}
.addsig_bottom_btns li a.btn { display:inline-block;width:80px;text-align:center;text-decoration:none;height:22px;line-height:22px;border:1px solid #004778;background:#0661a0;color:#fff; }

#contents .updatePhaseAdd{display:none;position:relative;}
#contents .updatePhaseAdd .updatePhaseDiv{display:block;height:65px;margin:5px;background-color:#ffffff;border:1px solid #bababa;z-index:10}
#contents .updatePhaseAdd .updatePhaseDiv h4{padding:10px 10px 5px 10px;text-align:left}
#contents .updatePhaseAdd .updatePhaseDiv h3{margin:10px 10px 5px 5px}
#contents .updatePhaseAdd .updatePhaseDiv ul li{padding-left:5px;float:left;line-height:25px}
#contents .updatePhaseAdd .updatePhaseDiv label{background:none}
#contents .updatePhaseAdd .updatePhaseDiv ul li .updateDeg{padding-left:30px}
#contents .updatePhaseAdd .updatePhaseDiv ul li input[type=number]{width:50px}
#contents .updatePhaseAdd .updatePhaseDiv ul li input[type=text]{width:80px}
#contents .updatePhaseAdd .updatePhaseDiv ul li input[type=button]{width:70px;height:25px;cursor:pointer;background:#96a2b2 !important; color:#fff; font-weight:bold;line-height:25px}
#contents .updatePhaseAdd .updatePhaseDiv ul li.phaseResetBt{padding-left:30px}
#contents .updatePhaseAdd .updatePhaseDiv ul li.phaseSaveBt{padding-left:15px}
#contents .updatePhaseAdd .updatePhaseDiv .linkMessage{position:absolute;top:37px;left:260px;line-height:20px}

.updatePhaseDiv li a.btn { display:inline-block;width:50px;text-align:center;text-decoration:none;border:1px solid #004778;background:#0661a0;color:#fff; }

#contents .updatePhaseAdd .phaseInfoCon{width:auto;height:100%;padding:0 5px}
#contents .updatePhaseAdd .linkInfoCon{width:auto;height:100%;padding:0 5px}
#contents .updatePhaseAdd .phaseInfoCon table, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table{width:100%;border-collapse:collapse;}
#contents .updatePhaseAdd .phaseInfoCon table thead, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table thead{width:100%;background-color:#f4f4f4}
#contents .updatePhaseAdd .phaseInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table td{width:9.1%}
#contents .updatePhaseAdd .linkInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table td{padding:6px;text-align:center;border:1px solid #bababa;width:10%}
/* #contents .updatePhaseAdd .phaseInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table th{font-weight: bold;color: #2d2d2d;} */
#contents .updatePhaseAdd .phaseInfoCon table td{color:#515151;height:90px}
#contents .updatePhaseAdd .linkInfoCon table td{color:#515151}
#contents .updatePhaseAdd .phaseInfoCon table .aProgress td{height:auto}
#contents .updatePhaseAdd .phaseInfoCon table .bProgress td{height:auto}
/* #contents .updatePhaseAdd .phaseInfoCon input{width: 50px;margin: 0 18px;line-height: 15px;text-align: center;cursor: pointer;} */

#contents .updatePhaseAdd .updateMapNo{display:inline-block;margin:5px;position:relative;left:780px}
#contents .updatePhaseAdd .updateMapNo #updateMapNo{width:45px}
#contents .updatePhaseAdd .updateAPhaseBack{position:absolute;width:785px;height:100px;z-index:20;left:105px;top:142px}
#contents .updatePhaseAdd .updateBPhaseBack{position:absolute;width:800px;height:100px;z-index:20;left:105px;top:245px}
#contents .updatePhaseAdd .updateAPhaseBack ul li,.updatePhaseAdd .updateBPhaseBack ul li{float:left;width:98.1px;height:100px;cursor:pointer}

/* 정보관리 업로드 */
#contents .uploadDiv{display:none; padding:10px}
#contents .uploadDiv h4{display:block !important}
#contents .uploadDiv ul li{padding:10px}
#contents .uploadDiv ul li select{height:27px;overflow:hidden}
#contents .uploadDiv ul li input[type="file"]{display: inline-block;padding: .2em .75em;font-size: inherit;font-family: inherit;line-height: normal;
vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;
border-radius: .25em;-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;appearance: none;}
#contents .uploadDiv ul li input[type="button"]{width:100px;height:30px;cursor:pointer}
#contents .uploadDiv ul li label{display: inline-block;padding: .5em;color: #000000;font-size: inherit;line-height: normal;background-color: #fdfdfd;
cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;width:100px;text-align:center}

#contents .table_type4 .file {height:32px;line-height:34px}
#contents .table_cover {position:absolute;width:888px;height:295px;opacity:0;z-index:20}
