@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
hr{display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
table{border-collapse:collapse;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}

/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}
/* skipNavi */
#skipNavi{position:absolute; left:0; top:0; width:100%; z-index:5;}
#skipNavi li{position:absolute; left: 0; top: 0;  width:100%; z-index:5;}
#skipNavi a{display:block; width:1px; height:1px; margin-bottom:-1px; font-size:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{width:100%; height:auto; padding:5px 0; background:#3ab8e5; color:#fff; font-size:1em; text-align:center;}

/* font */
body{color:#666; font-size:87%; font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;}
input, select, textarea{color:#666; font-size:100%; font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;}

/* linkStyle */
a{color:#666; text-decoration:none;}
a:hover, a:active, a:focus{color:#666; text-decoration:underline;}

body{background-color:#24458c;}
#wrap{width:1550px; height:900px; background:url(/images/swmm/base.jpg) no-repeat;}
section.tabmenu{padding:12px 0 0 15px;}
section.tabmenu li{padding-bottom:3px;}
section.tabmenu img{vertical-align:top}

section.lyut_cnts{}
section.lyut_cnts span{display:block; position:absolute;}
/*번개*/
section.lyut_cnts span.top_lghtn{top:79px; left:290px;}
/*left*/
section.lyut_cnts span.lf_m1{top:131px; left:117px;}
section.lyut_cnts span.lf_m2{top:221px; left:136px;}
section.lyut_cnts span.lf_m3{top:365px; left:117px;}
section.lyut_cnts span.lf_txt{top:671px; left:95px;}
section.lyut_cnts span.lf_txt img{position:absolute; top:0; left:0;}
section.lyut_cnts span.lf_f_bt{top:687px; left:97px;}
section.lyut_cnts span.mapicon_rain{top:337px; left:326px;}
section.lyut_cnts span.mapicon_squ{top:457px; left:630px;}

.popup{position:absolute;}
.pop1{top:170px; left:700px;}
.pop2{top:200px; left:1000px; width:392px;}
.pop2 a{display:block; position:absolute;}
.pop2 a.close{top:1px; right:1px; width:30px; height:28px;}
.pop2 a.okay{top:395px; right:20px; width:80px; height:28px;}
.pop2 .input input{position:absolute; left:177px; margin:0; padding:0; border:none; background:none; width:70px; height:17px; line-height:17px; padding-left:7px; border:1px solid #939393; background-color:#fff; color:#000; font-size:12px;}
.pop2 .input input:nth-child(1){top:273px;}
.pop2 .input input:nth-child(2){top:293px;}
.pop2 .input input:nth-child(3){top:313px;}
.pop2 .input input:nth-child(4){top:333px;}
.pop2 .input input:nth-child(5){top:353px;}
.pop2 .input input:nth-child(6){top:373px;}
.pop2 .input input:nth-child(7){top:393px;}
.pop3{top:60px; left:900px; width:413px;}
.pop3 a.close{display:block; position:absolute; top:1px; right:8px; width:30px; height:28px;}
.pop3 a.lidctrl{display:block; position:absolute; top:559px; right:9px;}
.pop3 .input input{position:absolute; left:207px; margin:0; padding:0; border:none; background:none; width:100px; height:19px; line-height:19px; padding-left:2px; border:1px solid #939393; background-color:#fff; color:#000; font-size:12px;}
.pop3 .input input:nth-child(1){top:223px;}
.pop3 .input input:nth-child(2){top:247px;}
.pop3 .input input:nth-child(3){top:271px;}
.pop3 .input input:nth-child(4){top:295px;}
.pop3 .input input:nth-child(5){top:319px;}
.pop3 .input input:nth-child(6){top:343px;}
.pop3 .input input:nth-child(7){top:367px;}
.pop3 .input input:nth-child(8){top:391px;}
.pop3_help{position:absolute; top:277px; left:1220px; border:1px solid #3359a2; background-color:#fff; -webkit-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); -moz-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63);}
.pop3_help ul{padding:4px 8px;}
.pop3_help li{height:24px; line-height:23px;}
.pop3_help li strong{color:#4a7cc3; font-weight:500; font-size:.7em; font-size:.7rem;}
.pop3_help li span{font-size:.79em; font-size:.79rem;}

.pop4{top:260px; left:800px; -webkit-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); -moz-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63);}
.pop4 a.close{display:block; position:absolute; top:1px; right:1px; width:30px; height:26px;}
.pop4 a.add{display:block; position:absolute; top:40px; right:20px; width:75px; height:26px;}
.pop4 a.del{display:block; position:absolute; top:120px; right:20px; width:75px; height:26px;}
.pop4 a.ok{display:block; position:absolute; top:216px; left:415px; width:75px; height:26px;}
/*
background-color:red; opacity:.5;
*/
.pop4 .txt{position:absolute; top:67px; left:19px;}
.pop4 .txt .line{position:relative; height:25px;}
.pop4 .txt .line.on p{background-color:#99d1ff;}
.pop4 .txt p{position:absolute; overflow:hidden; text-overflow:clip; width:85px; height:24px; line-height:24px; padding-left:6px; border:1px solid #f0f0f0; background-color:#fff; color:#000; font-size:.7em; font-size:.7rem; font-weight:400}
.pop4 .txt p:nth-child(1){left:0;}
.pop4 .txt p:nth-child(2){left:92px;}
.pop4 .txt p:nth-child(3){left:184px;}
.pop4 .txt p:nth-child(4){left:276px;}
.pop4 .txt p:nth-child(5){left:368px;}
.pop4 .txt p:nth-child(6){width:76px; left:460px;}

.pop5{top:220px; left:600px; -webkit-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); -moz-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63);}
.pop5 a.close{display:block; position:absolute; top:1px; right:1px; width:30px; height:26px;}
.pop5 a.okay{display:block; position:absolute; top:390px; left:392px; width:80px; height:26px;}
.pop5 select{display:block; position:absolute; top:44px; left:124px; width:188px; color:#000; font-size:.77rem;}
.pop5 input.rt_check{display:block; position:absolute; top:38px; left:360px;}
.pop5 input.inbox{position:absolute; height:21px; line-height:21px; margin:0; padding:0; border:none; background:none; padding-left:2px; border:1px solid #939393; background-color:#fff; color:#000; font-size:12px;}
.pop5 input.area{top:65px; left:562px; width:77px;}
.pop5 input.number{top:98px; left:562px; width:61px;}
.pop5 a.arrow{display:block; position:absolute; left:628px; width:15px; height:11px;}
.pop5 a.arrow.up{top:98px;}
.pop5 a.arrow.down{top:110px;}
.pop5 p.scO{position:absolute; top:132px; left:562px; width:80px; height:19px; line-height:19px; color:#000; background-color:#f0f0f0; font-size:.77rem;}

.pop6{top:260px; left:700px; -webkit-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); -moz-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63);}
.pop6 a.okay{display:block; position:absolute; top:202px; left:104px; width:80px; height:26px;}
.pop6 .text{position:absolute; top:108px; left:140px; width:70px; color:#000; background-color:#f0f0f0; font-size:.77rem; text-align:right}
.pop6 .text p{height:20px;}
.pop6 .input{position:absolute; top:108px; left:152px; width:80px;}
.pop6 .input input{width:50px; height:15px; margin-bottom:1px; padding-right:5px; color:#000; font-size:.72rem; text-align:right}

.pop7{top:25px; left:683px; width:820px; padding:10px 10px;; border:1px solid #666; background-color:#fff; -webkit-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); -moz-box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63); box-shadow: 6px 6px 10px -9px rgba(0,0,0,0.63);}
.pop7 a.close{position:absolute; top:6px; right:6px;}
.pop7 p.tit{padding-bottom:5px; color:#222; font-weight:700; font-size:.781em; font-size:.781rem;}
.pop7 .tbl{padding-bottom:10px;}
.pop7 .tbl table{width:100%;}
.pop7 .tbl th, .pop7 .tbl td{padding:3px 0; border:1px solid #ddd; font-size:.77em; font-size:.77rem;}
.pop7 .tbl th{background-color:#ebf0f3; color:#222; font-weight:400; line-height:110%; letter-spacing:-0.2px;}
.pop7 .tbl th span{display:block; color:#777; font-weight:400; font-size:.7em; font-size:.7rem;}
.pop7 .tbl td{text-align:center}
.pop7 .chart{width:800px; height:240px; padding-left:10px;}
.pop7 p.inpbtn{font-size:.77em; font-size:.77rem; text-align:right}
.pop7 p.inpbtn a{display:inline-block; padding:3px 15px; background-color:#3963ad; color:#fff;}
.pop7 .textarea{}
.pop7 .textarea textarea{width:100%; height:255px; padding:10px; border:none; border:1px solid #8c9096; background:none; background-color:#f1f6ff; color:#66799a; font-weight:400; font-size:.66em; font-size:.66rem; box-sizing:border-box}
/*
background-color:red; opacity:.5;
*/