@charset "utf-8";

/* common.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;}

/* font */
body{color:#333; font-size:80%; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;}
input, select, textarea, button{color:#333; font-size:1-0%; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;}

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

/* skip */
caption{position:static;}
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}

/*  */
.mt30{margin-top:30px;}
/* globalLayout */ /*해상도 1920x1080*/
#wapper{}
/* footer */
/* header */
header{z-index:2; position:relative; min-width:1280px; height:90px; border-bottom:1px solid #23a3df; background:url(/images/header_bg.png);}
.header{position:relative; width:1280px; margin:0 auto;}
.header h1{float:left; padding-left:10px;}
.header h1 img{float:left; width:70px; padding-top:27px;}
.header h1 em{float:left; padding:26px 0 0 10px}
.header h1 em span{color:#fff; font-size:27px;}
.header h1 em span.tt1{font-weight:300; letter-spacing:-.16em; letter-spacing:-.16rem;}
.header h1 em span.tt2{font-weight:500; letter-spacing:-.13em; letter-spacing:-.13rem;}
.header ul{clear:both; position:absolute; top:29px; right:0;}
.header ul li{display:inline-block; padding:0 10px; font-size:18px;}
.header ul li a{display:block; padding:10px; color:#fff; text-decoration:none;}
.header ul li.on a{border-bottom:4px solid #cc081b;}
.header .util{position:absolute; top:8px; right:5px;}
.header .util p{display:inline-block; color:#fff; font-weight:400; font-size:.83rem;}
.header .util p strong{padding-right:2px; font-weight:400}
.header .util button{margin:0; border:none; background:none; padding:3px 10px; border-radius:100px; background-color:#0d6c98; color:#fff; font-size:11px; cursor:pointer}
.header .util button:hover{background-color:#1482b5;}

/* main */
.mainvisual{z-index:1; width:100%; min-width:1280px; height:570px; margin-top:-91px; background:url(/images/main_img.jpg) center  no-repeat; background-size:100%;}
.mainvisual .txtarea{width:1280px; margin:0 auto;}
.mainvisual .txtarea p{padding:200px 0 0 20px; color:#fff; font-size:40px; font-weight:700; letter-spacing:-2px;}
.mainvisual .txtarea p span.txt1{font-size:36px; font-weight:400; letter-spacing:-2px;}
.maincntntwrap{padding:30px 0; background-color:#f8f8f8}
.maincontent{display:flex; flex-flow:row wrap; justify-content:space-between; width:1280px; margin:0 auto; padding:0 20px; box-sizing:border-box}
.maincontent .tab li{padding-bottom:10px; font-size:18px;}
.maincontent .tab li a{display:block; width:180px; padding:17px 0 17px 55px; border-radius:7px; background-color:#fff; text-decoration:none; -webkit-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, .13); -moz-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, .13); box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, .13);}
.maincontent .tab li:nth-child(1) a{background:url(/images/icon_main_bb.png) 12px 13px no-repeat;}
.maincontent .tab li:nth-child(2) a{background:url(/images/icon_main_road.png) 12px 13px no-repeat;}
.maincontent .tab li:nth-child(3) a{background:url(/images/icon_main_ss.png) 12px 13px no-repeat;}
.maincontent .tab li.on a{background-color:#008cd6; color:#fff;}
.maincontent .tab li.on:nth-child(1) a{background-image:url(/images/icon_main_bb_on.png)}
.maincontent .tab li.on:nth-child(2) a{background-image:url(/images/icon_main_road_on.png)}
.maincontent .tab li.on:nth-child(3) a{background-image:url(/images/icon_main_ss_on.png)}
.maincontent .cntWrap{display:flex; flex-flow:row wrap; padding:13px; border-radius:10px; background-color:#fff; -webkit-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, .13); -moz-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, .13); box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, .13);}
.maincontent .cntWrap .tblwrp{padding-right:20px;}
.maincontent .cntWrap .tblwrp table{width:330px;}
.maincontent .cntWrap .tblwrp table th, .maincontent .cntWrap .tblwrp table td{font-size:14px;}
.maincontent .cntWrap .tblwrp table th{padding:7px 0; background-color:#2e3649; color:#fff; font-weight:400}
.maincontent .cntWrap .tblwrp table td{padding:5px 0; border-bottom:1px solid #e5e5e5; text-align:center}
.maincontent .cntWrap .tblwrp table td:first-child{background-color:#fafafa; font-weight:500}
.maincontent .cntWrap .tblwrp table tfoot{border:2px solid #008cd6;}
.maincontent .cntWrap .crtwrp .chrtara{width:590px; height:270px;}
.maincontent .cntWrap .crtwrp .chrtara img{width:590px; height:270px;}

/* container */
#container{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:1280px; margin:0 auto; padding:0 12px; box-sizing:border-box}

/* snb */
.snb{width:220px; margin-top:20px; border:1px solid #e0e0e0;}
.snb ul.tab{display:flex; flex-flow:row wrap;}
.snb ul.tab li{width:50%; font-size:15px; text-align:center;}
.snb ul.tab li a{display:block; height:60px; line-height:60px; border:1px solid #ddd; border-top:none; border-right:none; background-color:#f1f1f1; color:#888; text-decoration:none;}
.snb ul.tab li:first-child a{border-right:1px solid #ddd; border-left:none;}
.snb ul.tab li.on{font-weight:700;}
.snb ul.tab li.on a{border-color:#fff; background-color:#fff; color:#000;}
.snb .treearea{overflow-y:scroll; height:700px; padding:10px 10px 30px 10px;}

/* contents */
.contents{width:1000px; padding-top:25px;}
.contents .top_tit{padding:0 0 20px 2px; color:#1f9bcc; font-size:22px; font-weight:700}
.contents ul.top_tab{height:50px; margin-bottom:20px; border-bottom:1px solid #1f9bcc;}
.contents ul.top_tab li{float:left; border:1px solid #ddd; border-bottom-color:#1f9bcc; font-size:16px;}
.contents ul.top_tab li.on{border-color:#1f9bcc; border-bottom-color:#fff; font-weight:700}
.contents ul.top_tab li.on a{color:#1f9bcc;}
.contents ul.top_tab li a{display:block; height:49px; line-height:49px; padding:0 30px; color:#666; text-decoration:none;}
.contents .top_con{margin-bottom:20px; padding:10px 11px; border:1px solid #dddddd; background-color:#f8f8f8;}
.contents .top_con select{margin:0; padding:2px; border:none; background:none; font-size:15px;}
.contents .top_con span{font-size:13px;}
.contents .top_con .bt_save{float:right;}
.contents .top_con .bt_save a{display:block; padding:3px 10px; border:1px solid #d90719; background-color:#fff; color:#d90719; font-weight:700; font-size:14px; text-decoration:none; transition:.1s;}
.contents .top_con .bt_save a:hover{background-color:#d90719; color:#fff;}

/*유지관리 - 관리자*/
.contents .top_con .calndr{display:inline-block}
.contents .top_con .calndr img{vertical-align:top; cursor:pointer;}
.contents .top_con .calndr input{width:120px; height:24px; line-height:24px; margin:0; border:1px solid #ccc; background:none; background-color:#fff; font-size:13px; font-weight:500; text-align:center;}

.pag_wrap {text-align: center;}
.pagination {display: inline-block;}
.pagination a {font-family:Verdana,sans-serif; color: black;  float: left;  padding:8px 10px;  text-decoration: none;  transition: background-color .3s;  border: 1px solid #ddd;  margin: 0 4px;}
.pagination a.active {  background-color: #4CAF50;  color: white;  border: 1px solid #4CAF50;}
.pagination a:hover:not(.active) {background-color: #ddd;}

/* 시설물 정보 */
.facInfo1{padding-bottom:30px;}
.facInfo1 .tit{padding:10px 15px; border:1px solid #dddddd; background-color:#f8f8f8; color:#444; font-weight:900; font-size:15px;}
.facInfo1 select{margin:0; padding:2px; border:none; background:none; font-size:15px;}
.facInfo1 .con{padding:2px;}
.facInfo1 .con .con_tit{padding:1px 0 5px 5px; color:#000; font-size:16px; font-weight:500}
.facInfo1 ul{padding-bottom:20px;}
.facInfo1 ul li{display:inline-block; padding:3px;}
.facInfo1 ul li a{display:block; padding:7px 10px; border-radius:5px; border:1px solid #1f9bcc; color:#1f9bcc; font-weight:500; font-size:13px; text-decoration:none; transition:.1s;}
.facInfo1 ul li a:hover{background-color:#1f9bcc; color:#fff;}
.fcltyInfrm{position:relative;}
.gisarea{width:810px; height:700px; border:1px solid #ccc;}
.gisarea img{width:810px; height:700px;}
.right_con{position:absolute; top:0; right:0; width:160px;  border-bottom:2px solid #646464;}
.right_con .slct_area{padding-bottom:5px; border-bottom:2px solid #222;}
.right_con .slct_area select{border:none; background:none; font-size:16px; font-weight:500;}
.right_con .listwrap{height:670px; overflow-y:auto;}
.right_con .list{padding:0 0 10px 3px; border-bottom:1px solid #cfcece;}
.right_con .list:last-child{border-bottom:none}
.right_con .list p{padding:10px 0 5px; color:#1f9bcc; font-weight:700; font-size:14px;}
.right_con .list ul li{padding:2px 0 2px 6px; background:url(/images/bl_gr3p.png) 0 10px no-repeat; letter-spacing:-0.03em; letter-spacing:-0.03rem; word-break:keep-all;}
.right_con .list ul li a{color:#000; font-weight:500; text-decoration:none}
.right_con .list ul li a:hover{color:#1f9bcc}
.facInfo2{display:flex; flex-flow:row wrap; justify-content:space-between;}
.facInfo2 .sec_img{width:700px; display:flex; flex-flow:row wrap; justify-content:space-between}
.facInfo2 .sec_img .con{width:340px; margin-bottom:20px;}
.facInfo2 .sec_img .con .tit{padding-bottom:5px; font-weight:700; font-size:16px;}
.facInfo2 .sec_img .con .img{height:313px; border:1px solid #ccc; text-align:center;}
.facInfo2 .sec_img .con .img2{text-align:center}
.facInfo2 .sec_img .con .img2 img{width:calc(50% - 4px);}
.facInfo2 .sec_img .con img{width:100%; height:313px; vertical-align:top}
.facInfo2 .sec_img .blPrn{width:100%;}
.facInfo2 .sec_img img.no{width:338px;}
.facInfo2 .sec_tbl{width:260px;}
.facInfo2 .sec_tbl .tbl{padding-bottom:25px;}
.facInfo2 .sec_tbl .tit{padding-bottom:7px; color:#036eb8; font-weight:500; font-size:16px;}
.facInfo2 .sec_tbl table{width:100%; border-top:1px solid #036eb8;}
.facInfo2 .sec_tbl table td{padding:7px 2px; border-bottom:1px solid #ddd; font-size:14px; word-break:keep-all}
.facInfo2 .sec_tbl table td:first-child{width:50%; color:#000; font-weight:700; letter-spacing:-0.5px; text-align:center}
/* 설계/시공 */
.dsgnCnstr{}
/* 유지관리 - 관리자 - 전체 일정 확인 */
.chcFulSch table{width:100%; margin-bottom:20px; border-top:2px solid #1f9bcc;}
.chcFulSch table th{padding:10px 0; border-bottom:1px solid #a8a8a8;}
.chcFulSch table td{padding:10px 0; border-bottom:1px solid #ddd; text-align:center}
.chcFulSch table td a{color:#0390c7; font-weight:500;}
.chcFulSch table td img{vertical-align:middle}
/* 유지관리 */
.mntnn{display:flex; flex-flow:row wrap; justify-content:space-between;}
.mntnn .toptit_area{position:relative; padding-bottom:10px;}
.mntnn .toptit_area .tit{font-size:16px; font-weight:500;}
/* (유지관리)점검일자 */
.inspcDate{width:220px; border-right:1px solid #ddd;}
.inspcDate .toptit_area .tit{padding-bottom:7px; padding-left:3px; border-bottom:1px solid #ddd;}
.inspcDate .toptit_area span.bt_pop{position:absolute; top:0; right:8px;}
.inspcDate .toptit_area span.bt_pop a{}
.inspcDate .clndrArea{position:relative; padding-bottom:10px;}
.inspcDate .clndrArea .tit{padding:0 0 7px 3px; font-size:14px; font-weight:700}
.inspcDate .clndrArea .btn{position:absolute; top:0; right:5px;}
.inspcDate .clndrArea .btn button{margin:0; padding:3px; border:0; background:none; cursor:pointer;}
.clndr_tb{padding:5px;}
.clndr_tb table{width:100%; font-size:11px;}
.clndr_tb table th{padding-bottom:6px;}
.clndr_tb table td{height:14px; text-align:center; cursor:pointer}
.clndr_tb table td:first-child{background-color:#f0f0f0}
.clndr_tb table td img{vertical-align:top}
.clndr_tb tr.round td{font-size:.09rem;}
.clndr_tb td.gray{color:#b1b1b1;}
.clndr_tb tr td.on{background-color:#1f9bcc; color:#fff;}
.inspcDate .clndrData p{width:80%; margin:5px; padding:7px 2px 7px 28px; border:1px solid #ddd; border-radius:5px; background:url(/images/icon_check.png) 5px 5px no-repeat; font-weight:400; font-size:14px;}
/* 일정 없음 */
.noschdl_wrap{width:770px; padding-top:150px; text-align:center}
.noschdl_wrap p{padding-bottom:30px; font-size:18px;}
.noschdl_wrap span.btn{font-size:17px;}
.noschdl_wrap span.btn a{display:inline-block; padding:15px 40px; border-radius:8px; background-color:#1f9bcc; color:#fff; text-decoration:none;}
/* (유지관리)유지관리 체크리스트 */
.checkList{width:420px; padding-bottom:40px;}
.checkList table{width:100%;}
.checkList th{padding:6px 0; border:1px solid #e0e0e0; border-top:2px solid #888;}
.checkList .th1{background-color:#fafafa; font-weight:700; text-align:center}
.checkList td{padding:6px; border:1px solid #e0e0e0; letter-spacing:-1px; word-break:keep-all;}
.checkList td:last-child{letter-spacing:0}
.checkList td.tit{background-color:#fafafa; font-weight:700; letter-spacing:-1px; text-align:center;}
.checkList td.tit{background-color:#fafafa; font-weight:700; letter-spacing:-1px; text-align:center;}
.checkList td .inbox{padding:2px 0 2px 6px; border:1px solid #e0e5e9; background-color:#f2f4f6; box-sizing: border-box}
.checkList td .sinbox_r{padding-right:3px; border:1px solid #e0e5e9; background-color:#f2f4f6; vertical-align:bottom; text-align:right}
.checkList td .w100p{width:100%;}
.checkList td .w20{width:20px;}
.checkList td .w110{width:110px;}
.checkList td img{vertical-align:top}
.entVl{display:flex; flex-flow:row wrap; justify-content:space-around;}
/* (유지관리)사진대지 */
.photoSite{width:320px;}
.pht_form th{padding:8px; border:1px solid #ccc; background-color:#fafafa;}
.pht_form td{position:relative; border:1px solid #ccc; text-align:center; vertical-align:top}
.pht_form td img{vertical-align:top}
.pht_form .thum{width:100%; height:105px; padding:5px 5px 0; box-sizing:border-box}
.pht_form .thum img{width:100%; height:100px; vertical-align:top}
.pht_form span.bt_ent a{display:block; position:absolute; top:0; left:50%; width:100px; margin:45px 0 0 -50px; padding:3px; border-radius:3px; border:1px solid #ccc; background:#f2f4f6; text-decoration:none; box-sizing:border-box;}
.pht_form .tit{padding:5px;}
.pht_form .tit .inbox{width:100%; padding:2px; border:1px solid #ddd; box-sizing:border-box}
#pop_entwrap{}
#pop_entwrap .tit{padding:10px; border-bottom:2px solid #1f9bcd; font-size:16px;}
#pop_entwrap .file_end{padding:15px; background-color:#f6f6f6}
#pop_entwrap .file_end p{padding-bottom:10px;}
#pop_entwrap .txt{padding:10px 20px;}
#pop_entwrap .btn{text-align:center;}
#pop_entwrap .btn a{display:inline-block; padding:5px 15px; border-radius:3px; border:1px solid #ccc; text-decoration:none;}
#pop_entwrap .btn a.ok{border-color:#1f9bcd; background-color:#1f9bcd; color:#fff; font-weight:500}
/* (유지관리)새창 팝업 폼 */
#pop_form .mntnn{width:760px; margin:0 auto; padding-top:10px;}

/* 모니터링 */
.mntrn{}
.mntrn table{width:100%; margin-bottom:20px; border-top:2px solid #1f9bcc;}
.mntrn table th{padding:10px 0; border-bottom:1px solid #a8a8a8;}
.mntrn table td{padding:10px 0; border-bottom:1px solid #ddd; text-align:center}
/* login */
#lg_wpper{height:100vh; background:url(/images/login_bg.jpg) center; background-size:100%;}
#lg_wpper .login{position:absolute; top:50%; left:50%; margin:-300px 0 0 -300px; width:600px; height:600px; border-radius:20px; background-color:#fff;}
#lg_wpper .login .logo{padding:50px 0 40px; text-align:center}
#lg_wpper .login h1{padding-bottom:50px; font-weight:900; font-size:2.2em; font-size:2.2rem; letter-spacing:-.1em; letter-spacing:-.1rem; text-align:center}
#lg_wpper .login h1 span{display:block; font-weight:400; font-size:2.5em; font-size:2.5rem;}
#lg_wpper .login .inputarea{width:80%; margin:0 auto;}
#lg_wpper .login p input{background-color:#eef2f4; font-family: "Open Sans","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;}
#lg_wpper .login p.txt_input{margin-bottom:8px;}
#lg_wpper .login p.txt_input.idtxt{margin-bottom:15px;}
#lg_wpper .login p.txt_input span{display:block; padding-bottom:3px; color:#666; font-weight:400; font-size:16px;}
#lg_wpper .login p.txt_input input{box-sizing:border-box; width:100%; height:45px; line-height:45px; padding-left: 8px; border-radius: 3px; border: 1px solid #ddd; box-shadow: inset 0 1px 3px rgba(0,0,0,0.06); font-size:16px; font-family: "Open Sans","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;}
#lg_wpper .login .lgn_sv{padding-bottom:10px;}
#lg_wpper .login .lgn_sv input{width:16px; height:16px;}
#lg_wpper .login .lgn_sv label{padding-left:5px; font-size:.93em; font-size:.93rem; letter-spacing:-.05em; letter-spacing:-.05rem;}
#lg_wpper .login p.btn_login a{display:block; width:100%; margin-bottom:20px; padding:15px; border: none; border-radius: 3px; background-color:#1273EB; color: #fff; font-size:16px; font-weight:bold; text-align: center; text-decoration:none; cursor: pointer; box-sizing: border-box;}
#lg_wpper .login p.btn_login a:hover{background-color:#116ddf}
#lg_wpper .login .ft_bt ul{text-align:center}
#lg_wpper .login .ft_bt ul li{display:inline-block; position:relative; padding-left:28px; font-size:.92em; font-size:.92rem; letter-spacing:-.05em; letter-spacing:-.05rem;}
#lg_wpper .login .ft_bt ul li:first-child{padding-left:0;}
#lg_wpper .login .ft_bt li+li::before{content: ''; position: absolute; top: 3px; left: 12px; width: 1px; height: 12px; border-radius: 0.5px; background-color: #dadada;}
#lg_wpper .login .ft_bt ul li a{text-decoration:none;}