@charset "utf-8";

/* 초기화 - 중복을 속성 고려 */
html {overflow-x:hidden; height:100%; }
body {height:100%; margin:0;padding:0;border:0;font-size:17px; font-family: 'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; font-weight: 400; -webkit-text-size-adjust: none; letter-spacing: -0.5px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button{cursor:pointer;vertical-align:top}

textarea {resize: none;}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

.blind{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;ont-size:0;line-height:0}

body{padding-top:155px}

em, address {font-style: normal;}
button {line-height: 1; -webkit-appearance:none; vertical-align:middle; border-radius:0; background-color:transparent; cursor: pointer; border:0;outline:0; font-family:inherit; color:inherit; }
table {border-collapse:collapse;border-spacing:0;}
textarea, input, table, caption, thead, tbody, tfoot, tr, th, td {padding:0;margin:0;border:0;outline:0;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.skip {position: relative;}
.skip a:focus, .skip a:active {top: 0; z-index: 1000;}
.skip a {position: absolute; top: -30px; left: 0; width: 100%; background: #333; text-align: center; color: #fff;}
.hide {display:none !important;}
.show {display:block !important;}
.fl {float: left;}
.fr {float: right;}

.btn-right{padding:15px 0;text-align:right;}
.btn-center{padding:15px 0;text-align:center;}

.btn-style01 {background:#58aa0f;font-weight:bold; font-size:17px; border-radius:10px; padding:20px; text-align:center; color:#fff; transition: all 0.2s ease-in-out; }
.btn-style01:hover {background:#3a3a3a;}
.btn-default {display:inline-block; text-align:center; background:#282828; color:#fff; font-size:13px;font-weight:bold; padding:10px 20px; border-radius:100px;transition: all 0.2s ease-in-out; }
.btn-default:hover {background:#ef8213;}{padding:10px 30px;}
.btn-primary {display:inline-block; text-align:center; background:#282828; color:#fff; font-size:13px;font-weight:bold; padding:12px 20px; border-radius:100px;transition: all 0.2s ease-in-out; }
.btn-primary:hover {background:#ef8213;padding:12px 30px;}

#tbl-box { border:1px solid #d4dbd9; border-radius:30px;overflow:hidden;}

.tbl-style01-list,
.tbl-style01-list th,
.tbl-style01-list td{position:relative;border:0}
.tbl-style01-list{width:100%;border:0;font-size:13px;font-weight:bold;border-collapse:collapse;}
.tbl-style01-list th,
.tbl-style01-list td{padding:9px 6px;background:#fff;border-right:1px solid #e3e3e3;border-top:1px solid #e3e3e3;font-weight:400;}
.tbl-style01-list thead th{padding:20px 0;background-color:#70a0cb; color:#fff;font-weight:bold;border-top:0;border-right:1px solid #508cab;}
.tbl-style01-list td .finished{font-weight:bold}
.tbl-style01-list .progress{display:block;width:100%;height:12px;background-image:linear-gradient(120deg, rgb(1, 105, 182) 0%, rgb(0, 162, 123) 100%); }

.tbl-style02-list,
.tbl-style02-list th,
.tbl-style02-list td {border:0}
.tbl-style02-list {width:100%;border:0;font-weight:bold; font-size:13px;}
.tbl-style02-list td {padding:8px 12px;border-bottom:1px solid  #d9d0b7; border-collapse:collapse; font-weight:400;}
.tbl-style02-list th {background-color:#f7f4eb; color:#000;padding:20px 0; font-weight:bold;border-top:0;border-bottom:1px solid #d9d0b7;}

.i_text { margin: 3px; padding:13px; font-size: 13px; border: 1px solid #d9d0b7; border-radius: 5px;vertical-align: top;}

.wrap { width:98%; margin:0 auto;}

/* 레이아웃 */
.container{position:relative;width:1400px;margin:0 auto}
.container:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}

.main main .container {padding:35px 0;}
[class*='col2'] div {width: calc(100% / 2); float: left;}
[class*='col2']:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}

.tab-box{display:flex;width:100%;border:1px solid #ccc;overflow:hidden}
.tab-box a{text-align:center;padding:12px;background-color:#efefef;font-size:13px;transition:.1s;flex:1}
.tab-box a.active,
.tab-box a:hover{background-color:#444;color:#fff}

/* 뉴상단메뉴 */
#navbar{position:fixed;top:0;width:100%;transition: 0.4s;z-index: 10000; padding:0; border-bottom:0;background:rgba(0,0,0,0);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); }
#navbar #header-wrap { background:#fff;width:100%; margin:0 auto; position:relative; border-bottom:1px solid rgba(255,255,255,0.17); overflow:hidden; }
#navbar #header-wrap #header-top{padding:10px 0;border-bottom:1px solid #dddddd;}
#navbar #header-wrap #header-top .tnb {width:1400px;margin:0 auto;text-align:right;}
#navbar #header-wrap #header-top .tnb a{width:80px;text-align:center;font-size:13px;font-weight:400; margin-left: 15px;}
#navbar #header-wrap #header-top .tnb span { display:inline-block; line-height:25px; margin-left: 7px;}
#navbar #header-wrap #header-top .tnb a:hover { color:#0faa70;}
#navbar #header-wrap #header-layout{position:relative;width:1400px;margin:0 auto;padding:20px 0;}
#navbar #header-wrap #header-layout .logo{text-align:left;transition: 0.4s; margin:10px 0 25px;}
#navbar #header-wrap #header-layout .logo-a{display:block; color:#fff;}
#navbar #header-wrap #header-layout .logo-b{display:none; color:#000;}
#navbar #header-wrap #header-layout #header-col02 {position:absolute;top:30px;right:0;}
#navbar #header-wrap #header-layout #header-col02 .gnb{ transition: all 0.2s ease-in-out; font-weight: normal; }
#navbar #header-wrap #header-layout #header-col02 .gnb ul{}
#navbar #header-wrap #header-layout #header-col02 .gnb ul:after{display:block;clear:both;content:''}
#navbar #header-wrap #header-layout #header-col02 .gnb ul li {float:left;position:relative;margin:0 30px;}
#navbar #header-wrap #header-layout #header-col02 .gnb ul li img { margin-left:10px;}
#navbar #header-wrap #header-layout #header-col02 .gnb ul li > a{display:block;width:125px;padding:10px;font-size:17px;font-family:'NotoSansKR';font-weight:bold;}
#navbar #header-wrap #header-layout #header-col02 .gnb ul li > a:hover{ color:#0247b6;}
#navbar #header-wrap #header-layout #header-col02 .gnb ul li .snb {position:absolute;display:none;margin:40px 0 0 15px;transition: all 0.2s ease-in-out;text-align:left;z-index:100}
#navbar #header-wrap #header-layout #header-col02 .gnb ul li .snb a {display:block;margin-bottom:2px;padding:6px 0;color:#fff;border:0;font-size:13px;font-weight:500;line-height:20px;transition: all 0.2s ease-in-out;}
#navbar #header-wrap #header-layout #header-col02 .gnb ul li .snb a:hover{color:#d8f41d;text-decoration: underline;}
#navbar #header-wrap #header-layout #header-col02 .gnb ul li:hover .snb{display:block;}
#navbar:hover #header-wrap #header-layout #header-col02 .gnb ul li .snb {display:block;}
#navbar #header-wrap #header-layout #header-col02 .all-menu {float:left; display:block; transition: all 0.2s ease-in-out; padding-bottom:50px; background: #000;}
#navbar .gnb-full{transition: all 0.2s ease-in-out;height:0;background-image:linear-gradient(120deg, rgb(1, 105, 182) 0%, rgb(0, 162, 123) 100%); }
#navbar:hover .gnb-full{display:block;height:160px;}

/* footer */
#footer {background:#333333; color:rgba(255,255,255,0.5); padding:20px 0; overflow:hidden;  }
#footer .wrap { width:1400px; margin: 0 auto;}
#footer .wrap .logo { display:block; margin-right:30px;float: left; }
#footer .wrap .address {font-size:13px; color:#828282;float: left; text-align: left; }
#footer .wrap .address .copy { color:#fff; margin-top:20px; font-size:15px;}
#footer .wrap .sns {float:right; width:20%; text-align:right;}

#main_group { margin: 250px auto 150px; overflow:hidden;}
#main_group .col01 { float:left; width:890px;}
#main_group .col01 .row01 { font-size:46px; color:#3d3d3d; font-weight:400; letter-spacing:-2px;}
#main_group .col01 .row02 { margin-top:70px; margin-left:-20px;}
#main_group .col01 .row02  ul{}
#main_group .col01 .row02  ul li { float:left; width:125px; text-align:center;opacity:1.0;}
#main_group .col01 .row02  ul li:hover { opacity:0.8;transition: all 0.2s ease-in-out;}
#main_group .col01 .row02  ul li span { display:block; line-height:30px;}
#main_group .col01 .row02  ul li span a {}
#main_group .col01 .row02  ul li span a:hover {color:#eee;}
#main_group .col02 { float:left; width:560px;}
#main_group .col02 .row03 {}
#main_group .col02 .row04 { margin-top:110px;}

#main_banner { width:100%; display:block; font-size:40px; height:248px;}
#main_banner .item01 {position:relative; float:left;width:50%;background:#006ab6; height:248px;}
#main_banner .item01:hover { background:#3e6af0; cursor:pointer;}
#main_banner .item01 .pic01 { position:absolute;right:480px; bottom:0;}
#main_banner .item01 .txt01 { position:absolute;right:200px; top:70px; color:#fff; text-align:left; font-weight:600;}
#main_banner .item02 {  position:relative; float:left;width:50%;background:#12ac6b; height:248px;}
#main_banner .item02:hover { background:#48d487; cursor:pointer;}
#main_banner .item02 .pic02 { position:absolute;left:80px; bottom:0;}
#main_banner .item02 .txt02 { position:absolute;left:350px; top:70px; color:#fff; text-align:left; font-weight:600;}
#main_banner .txt03 { font-size:21px;font-weight:200; line-height:40px; letter-spacing:-2px;}

#sub-visual{width:100%;margin-bottom:30px;padding-top:70px;background-image:url(../images/sub_bg.jpg);}
#sub-visual .title{display:block;width:1400px;height:70px;margin: 0 auto;padding:30px 0 0 50px;background:#fff;border-radius:30px 30px 0 0;font-size:21px; font-weight:400; letter-spacing:-2px;}
#sub-visual .title img { margin-right:15px; margin-bottom:10px;}

#page-login{padding-top:15%;background:#262f61;}
#page-login #intro{width:100%; height:100%;  display:block; }
#page-login #intro .login_box { background:#fff; width:400px; margin: 0 auto; padding:50px; border-radius:30px; }
#page-login #intro .login_box h3 { margin-bottom:40px;}
#page-login #intro .form-login .item{position:relative;}
#page-login #intro .form-login .item label{display:block;margin:0 0 10px;font-size:14px;font-family:'NotoSansKR'; font-weight:bold;}
#page-login #intro .form-login .item label img { margin-right:10px;}
#page-login #intro .form-login .item .i_text{width:100%; padding:20px; border:0;outline:none;background:#eaeff7; border-radius:10px; margin-bottom:20px;}

.container .form-search{ justify-content: center;background: #fff; border-radius: 30px; padding:10px;margin-bottom: 10px; font-size: 12px; display: flex;}
.container .form-search form { display: contents;}
.container .form-search .sch_wrap { display:flex;align-items: center; justify-content: flex-start; width:400px; height: 3rem; line-height: 3rem; padding: 10px 20px; background-color: #F7F7F7; border-radius: 2em; }
.container .form-search select { padding: 10px 20px; border-radius: 30px; border-color:#ddd;margin-right:10px;}
.container .form-search .sch_wrap input { background-color: #F7F7F7; width:380px;}
.container .form-search .sch_wrap .ico {display:inline-block;width: 23px;height: 23px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23717171" viewBox="0 0 512 512"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>')center/contain no-repeat;}

#page-main{;}
#page-main main{background:url(../images/main_visual01.jpg) center no-repeat;background-size:cover;transition:.5s}
#page-main main.bg-01{background-image:url(../images/main_visual01.jpg)}
#page-main main.bg-02{background-image:url(../images/main_visual02.jpg)}
#page-main main.bg-03{background-image:url(../images/main_visual03.jpg)}
#page-main .colgroup-01{display:flex;width:80%;margin:0 auto;padding:20px 0;}
#page-main .colgroup-01 .box-cont{background-color:#f3f3f3;border:1px solid #eee;box-shadow:1px 1px 3px #999;}
#page-main .colgroup-01 .col-01{flex:0 1 400px;margin-right:20px}
#page-main .colgroup-01 .col-02{flex:1 0 1000px}
#page-main .colgroup-01 .col-01 .box-calendar{margin:12px;padding:6px;background-color:#fff;border-radius:7px;overflow:hidden}
#page-main .colgroup-02{padding:30px 0}
#page-main .colgroup-03{background-color:#fff;}
#page-main #calendar{background-color:#fff;}

#page-main .main_contents{;}
#page-main .main_contents .cont_tbl{position:relative;}
#page-main .main_contents .cont_tbl .btn-status{position:absolute;top:0;left:0;color:#fff;font-size:20px}
#page-main .main_contents .cont_tbl .btn-appendix{position:absolute;top:0;right:0;color:#fff;font-size:15px}
#page-main .main_contents .cont_tbl .form-search{display: flex;padding:10px;margin-bottom: 10px;justify-content: center;border-radius: 30px;  font-size: 12px; }
#page-main .main_contents .cont_tbl .form-search form { display: contents;}
#page-main .main_contents .cont_tbl .form-search .sch_wrap { display:flex;align-items: center;justify-content: flex-start; width:400px; height: 3rem; line-height: 3rem; padding: 10px 20px; background-color: #F7F7F7; border-radius: 2em; }
#page-main .main_contents .cont_tbl .form-search select { padding: 10px 20px; border-radius: 30px; border-color:#ddd;margin-right:10px;}
#page-main .main_contents .cont_tbl .form-search .sch_wrap input { background-color: #F7F7F7; width:380px;}
#page-main .main_contents .cont_tbl .form-search .sch_wrap .ico {display:inline-block;width: 23px;height: 23px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23717171" viewBox="0 0 512 512"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>')center/contain no-repeat;}
#page-main .main_contents .cont_tbl table{ border:1px solid #d3d3d3;border-radius:30px;overflow:hidden}
#page-main .main_contents .cont_tbl table .appendix{display:none}

#page-main .main_contens h3 { font-size:43px; color: #fff; text-align:center; font-weight: 400; margin-top:5%;}
#page-main .main_contens .item-list { overflow:hidden; width:1000px; margin:50px auto; }
#page-main .main_contens .item-list ul{}
#page-main .main_contens .item-list ul li{ float: left; width:25%; text-align: center; padding: 25px;opacity: 0.7;}
#page-main .main_contens .item-list ul li:hover { opacity: 1.0; }

#page-main .box-status{display:flex;}
#page-main .box-status .all-time{width:100%; font-size:20px; font-weight:bold; line-height:60px; text-align:center; }
#page-main .box-status .status-item{position:relative;margin:12px;padding:6px;border:1px solid #e5e4e4;background-color:#fff;border-radius:7px;box-shadow:0 1px 1px #f1f0f0;flex:0 1 50%}
#page-main .box-status .status-item .time{font-size:17px;font-weight:600;color:#252525;}
#page-main .box-status .status-item .ip{font-size:13px;color:#252525;}
#page-main .box-status .status-item .at_home{position:absolute; top:-15px; right:-90px; background-color:#fff;color:#000;cursor:pointer;}
#page-main .box-status .status-item .at_home.active{color:#fff}
#page-main .box-status .status-item .btn-checked {position:absolute;top:3px;right:3px;}
#page-main .box-sign{display:flex;}
#page-main .box-sign .sign {position:relative;display:block;margin:12px;padding:12px;border-radius:7px;background-color:#efefef;cursor:pointer;flex:0 1 25%;}
#page-main .box-sign .sign .new {display:none; position:absolute; top:2px; left:10px; color:#fff; font-size:13px; }
#page-main .box-sign .sign .item01 {color:#575757; font-size:13px;}
#page-main .box-sign .sign .item02 {color:#464646; font-size:13px; font-weight:600;}
#page-main .box-sign .sign .item02 a:hover { color:#1b65a3;}
#page-main .quick {position:absolute;top:275px;right:0;width:110px;border-radius:10px;z-index:100;}
#page-main .quick ul {}
#page-main .quick ul li { float:left; width:100%; display:block;}
#page-main .quick ul li:first-child a { border-radius: 10px  10px 0 0;}
#page-main .quick ul li:last-child a { border-radius: 0 0 10px  10px;}
#page-main .quick ul li img { margin-bottom:7px;}
#page-main .quick ul li a {display:block; padding: 20px 0; color:#fff;text-align:center;  background: #3d5996; color:#fff; font-size: 12px;}
#page-main .quick ul li a:hover { cursor: pointer;background: #fff; color:#000;}
#page-main .link_box { width:1400px; margin: 0 auto; text-align: left; padding: 40px 0;}
#page-main .link_box a { border:1px solid #c3c3c3; padding: 8px 15px; font-size:13px; font-weight: bold; color:#3b3b3b; border-radius: 100px;}
#page-main .link_box a:hover { border:1px solid #27292f;}

#page-main .cont-editor{display:flex; align-items: flex-start; }
#page-main .cont-editor .left{margin-left:5px; width:20%;border: 0px solid lightgray}
#page-main .cont-editor .left .list{ background: #fbfaef; padding: 10px; color:#fff; border-radius:10px;}
#page-main .cont-editor .left .list-chapter a{ border:0px solid #eee; padding: 15px 15px 15px 7px; display: inline-block; font-size:13px;  border-radius: 7px; font-weight: 600;}
#page-main .cont-editor .left .list-chapter a.active { }
#page-main .cont-editor .left .list-chapter a.three { background-image:linear-gradient(120deg, rgb(1, 105, 182) 0%, rgb(0, 162, 123) 100%); color:#8be9fd;}
#page-main .cont-editor .right{margin-left:10px; margin-right:240px; width:72%}

#nav-project{padding:30px 0;}
#nav-project #sub-tab{display:flex;margin:0 auto}
#nav-project #sub-tab a{display:inline-block;width:300px;padding:15px 0;margin:0 10px; background:#e9e8e8; border-radius:100px;text-align:center; color:#7d7d7d; font-size:17px; letter-spacing:-2px;font-weight:600;transition: all 0.2s ease-in-out;flex:1 1 300px}
#nav-project #sub-tab a:hover,
#nav-project #sub-tab a.active{background-image:linear-gradient(120deg, rgb(1, 105, 182) 0%, rgb(0, 162, 123) 100%); color:#fff;}

#page-project-editor{;}
#page-project-editor .cont-editor{display:flex}
#page-project-editor .cont-editor .left{width:27%;border:0;}
#page-project-editor .cont-editor .left .list{  background: #fbfaef; padding: 30px; color:#fff; border-radius:10px;}
#page-project-editor .cont-editor .left .list-chapter a{ border:0; padding: 15px 15px 15px 7px; display: inline-block; font-size:13px;  border-radius: 7px; font-weight: 600;}
#page-project-editor .cont-editor .left .list-chapter a:hover { }
#page-project-editor .cont-editor .left .list-chapter a.active { }
#page-project-editor .cont-editor .left .list-chapter a.three { background-image:linear-gradient(120deg, rgb(1, 105, 182) 0%, rgb(0, 162, 123) 100%); color:#8be9fd;}
#page-project-editor .cont-editor .right{margin-left:20px;width:80%}

#page-project-chapter{;}
#page-project-chapter .cont-editor{display:flex}
#page-project-chapter .cont-editor .left{width:27%;border: 0px solid lightgray}
#page-project-chapter .cont-editor .left .list{ background: #fbfaef; padding: 30px; color:#fff; border-radius:10px;}
#page-project-chapter .cont-editor .left .list-chapter a{ border:0px solid #eee; padding: 15px 15px 15px 7px; display: inline-block; font-size:13px;  border-radius: 7px; font-weight: 600;}
#page-project-chapter .cont-editor .left .list-chapter a.active { }
#page-project-chapter .cont-editor .left .list-chapter a.three { background-image:linear-gradient(120deg, rgb(1, 105, 182) 0%, rgb(0, 162, 123) 100%); color:#8be9fd;}
#page-project-chapter .cont-editor .right{margin-left:20px;width:80%}

#page-project-lists{;}
#page-project-lists .cont-editor{display:flex}
#page-project-lists .cont-editor .left{width:27%;border: 0px solid lightgray}
#page-project-lists .cont-editor .left .list{ background: #fbfaef; padding: 30px; color:#fff; border-radius:10px;}
#page-project-lists .cont-editor .left .list-chapter a{ border:0px solid #eee; padding: 15px 15px 15px 7px; display: inline-block; font-size:13px;  border-radius: 7px; font-weight: 600;}
#page-project-lists .cont-editor .left .list-chapter a.active { }
#page-project-lists .cont-editor .left .list-chapter a.three { background-image:linear-gradient(120deg, rgb(1, 105, 182) 0%, rgb(0, 162, 123) 100%); color:#8be9fd;}
#page-project-lists .cont-editor .right{margin-left:20px;width:80%}

#page-project-lists #wrap .container #tbl-box .btn-sel{position:absolute; top: 270px; left:300px;font-size:18px; margin-bottom: 20px;}
#page-project-lists #wrap .container #tbl-box .btn-text{position:absolute; top: 270px; left:420px; font-size:20px; margin-bottom: 20px; border: 1px solid #d9d0b7; }

#page-project-work{}
#page-project-work .container > h3{margin-bottom:12px}
#page-project-work .container > table{margin-bottom:30px;}

.subject { font-size:17px; font-weight:bold; padding: 15px 0;}

.paginate-complex{padding: 30px 0;text-align:center}
.paginate-complex a {}
.paginate-complex a.on { background: #000; color:#fff; border-radius: 10px; text-align:center;width:30px;height:30px; display: inline-block; margin: 10px;}

.btn-add2 { background:#f5f5f5; border:1px solid #d5d5d5; padding: 7px 15px; text-align: center; font-size: 12px; border-radius:30px; }
.btn-add2:hover { border:1px solid #a5a5a5;}

.mw{display:none;position:fixed;z-index:100000}

#mw-popup{top:10%;left:50%;width:600px;margin:0 0 0 -150px;background-color:#fff;border:1px solid #ccc;padding:10px;box-shadow:0 0 10px #ccc}
#mw-popup .hx{margin-bottom:12px;text-align:left}

/*레이어열기 */
.overlay {height: 100%;width: 0;position: fixed;z-index: 10001;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 25%;width: 100%;text-align: center;margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #818181;display: block;transition: 0.3s;}
.overlay a:hover,
.overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 20px;right: 20px;font-size: 40px;}

@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
}

.ui-autocomplete {position:absolute; cursor:default; z-index:999999 !important;}

.tbl-list,
.tbl-list th,
.tbl-list td{border:0}
.tbl-list{width:100%;border-top:2px solid #424242;font-size:12px;border-spacing:0}
.tbl-list caption{padding:6px;text-align:left}
.tbl-list th,
.tbl-list td{padding:7px;border-bottom:1px solid #e4e4e4;}
.tbl-list th a,
.tbl-list td a{font-weight:bold}
.tbl-list thead th{border-bottom:1px solid #424242;background-color:#f9f9f9}
.tbl-list tfoot th,
.tbl-list tfoot td{;}
.tbl-list tr.even th,
.tbl-list tr.even td{background-color:#f0f0f0}

.form-table{}
.form-table em{color:#f33}
.form-table input,
.form-table textarea,
.form-table select,
.form-table table,
.form-table button{vertical-align:top}
.form-table table, .form-table th, .form-table td{border:0}
.form-table table{width:100%;margin-bottom:30px;border:0;table-layout:fixed;border-collapse:collapse;border-top:2px solid #65b8d8;font-size:13px;}
.form-table caption{padding:8px;font-weight:bold;text-align:left}
.form-table th,
.form-table td{padding:6px;border-left:1px solid #fff;}
.form-table th{color:#333; }
.form-table td{color:#666}
.form-table thead th{border-bottom:1px solid #fff;background:#fff;}
.form-table tbody th{border-bottom:1px solid #fff;background:#dfedf3;text-align:left}
.form-table tfoot th{border-bottom:1px solid #fff}
.form-table tbody td{border-bottom:1px solid #fff; background:#f5f5f5;}
.form-table tfoot td{border-bottom:1px solid #fff;font-weight:bold;color:#333}
.form-table .item{position:relative;margin:-4px 0}
.form-table .item .i_dsc{margin:2px 0}
.form-table .item .i_check,
.form-table .item .i_radio{position:relative;top:2px;margin-right:5px}
.form-table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form-table .item .i_text{max-width:99%;margin:1px;padding:3px;font-size:13px;border:1px solid #dedede;border-radius:2px;vertical-align:top}
.form-table .item .i_text.full{width:99%}
.form-table .item .btn{margin:3px}
.form-table .item select.i_text{padding:3px}
.form-table .item input.i_text:read-only{background-color:#fff;}
.form-table .item label{margin:0 10px 0 0;cursor:pointer;white-space:nowrap}

#page-intranet-workdiary{}
#page-intranet-workdiary .form-search{margin-bottom:30px;padding:20px 50px;border:1px solid #ccc;background-color:#f0f0f0;border-radius:10px}
#page-intranet-workdiary .form-search h4{margin-bottom:24px;font-size:21px}
#page-intranet-workdiary .form-search .i_text{max-width:99%;margin:1px;padding:6px;font-size:13px;border:1px solid #dedede;border-radius:2px;}

.list-signline{;}
.list-signline .item{display:inline-block;width:70px;margin-right:10px;text-align:left;}
.list-signline .item .status{display:inline-block;width:12px;height:12px;margin-right:6px;border:1px solid #444;}
.list-signline .item .status-complete{background-color:#31a831}
.list-signline .item .status-reject{background-color:#f33;}