@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

/* Common */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, div{margin:0;padding:0}
body, input, textarea, select, button, table, pre{font-size:12px;font-family: 'Nanum Gothic', sans-serif;font-weight:400;color:#464646; }
img, fieldset{border:0;}
img{vertical-align:middle;max-width:100%}
ul, ol, li{list-style:none;}
em, address{font-style:normal}
a{color:black;text-decoration:none}
a:hover, a:active, a:focus{text-decoration:none}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; white-space: pre-line; }

*{box-sizing: border-box;}

.clearfix:before, .clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

input{padding:6px;border-radius:3px;border:1px solid #e0e0e0;background:#f1f1f1;outline:none}
textarea{display:block;width:100%;padding:6px;border:1px solid #e0e0e0;background:#f1f1f1;border-radius:3px;outline:none}
input:focus,
textarea:focus{border-color:#666}
select{padding:5px;border-radius:3px;border:1px solid #e0e0e0;outline:none;}
select:focus{border-color:#666}

.radio-check-item { margin-right:7px;}
.radio-check-item label input[type="radio"],
.radio-check-item label input[type="checkbox"] {display:none;}
.radio-check-item label input[type="radio"] + em,
.radio-check-item label input[type="checkbox"] + em {display:inline-block;width:16px;height:15px;margin-right:0px;background:url('../images/radio-check-item-off.png') 0 0 no-repeat;vertical-align:middle;}
.radio-check-item label input[type="radio"]:checked + em,
.radio-check-item label input[type="checkbox"]:checked + em { background:url('../images/radio-check-item-on.png') 0 0 no-repeat;}

.radio-check-item2 { margin-right:7px;}
.radio-check-item2 label input[type="radio"],
.radio-check-item2 label input[type="checkbox"] {display:none;}
.radio-check-item2 label input[type="radio"] + em,
.radio-check-item2 label input[type="checkbox"] + em {display:inline-block;width:16px;height:15px;margin-right:0px;background:url('../images/radio-check-item-off.png') 0 0 no-repeat;vertical-align:middle;}
.radio-check-item2 label input[type="radio"]:checked + em,
.radio-check-item2 label input[type="checkbox"]:checked + em { background:url('../images/radio-check-item-on.png') 0 0 no-repeat;}

#login_bg{width:100%; background:url('../images/login_bg.jpg') 0 0 no-repeat;}
#login {width:477px;margin:240px auto 0;padding:45px 60px 30px 60px;box-shadow: 3px 3px 7px 1px #efefef; border-radius:7px; background:#fff; color:#333333; font-size:13px; }
#login h3 { text-align:center; margin-bottom:25px;}
#login input { background:#f1f1f1; border-radius:7px; border:0; padding:15px; font-size:15px;}
#login .btn { background:#494949; width:100%; border:0; border-radius:7px; padding:15px; font-size:15px; font-weight: bold; color:#fff;}
#login .login_link { text-align:center; border-top:1px solid #f1f1f1; padding-top:20px; margin-top:26px;}
#login .login_link a { color:#7d7d7d; margin: 0 10px;}
#login .login_link a:hover { color:#000;}

#join_bg { background:#f1f1f1;}
#join { width:865px; margin:50px auto; box-shadow: 3px 3px 7px 1px #d8d6d6; background:#fff; border-radius:7px; padding:45px 60px 30px 60px; color:#333333;  }
#join h3 { font-size:30px; color:#333333; border-bottom:1px solid #333333; padding-bottom:15px; font-weight:600;}
#join .join_tbl { width:100%; text-align:left; font-size:15px; }
#join .join_tbl th,
#join .join_tbl td {border-bottom:1px solid #f1f1f1; padding:17px 0;}
#join input { background:#f1f1f1; border-radius:7px; border:0; padding:8px; font-size:15px;}
#join .calendar { background:url('../images/calendar-icon.png') no-repeat #f1f1f1; border-radius:7px; border:0; padding:8px; font-size:15px;}

#join .btn-group { text-align:center; margin:40px 0 20px;}
#join .btn-style01 { display:inline-block; width:220px; padding:12px; background:#31903c; color:#fff; font-weight:bold;border:0; border-radius:7px; font-size:17px;}
#join .btn-style02 { display:inline-block; width:220px; padding:12px; background:#494949; color:#fff; font-weight:bold;border:0; border-radius:7px; font-size:17px;}


#ser_id { position:absolute; top:10px; right:30px; width:540px; margin:50px auto; background:#fff; border-radius:7px; padding:30px; border:2px solid #31903c; }
#ser_id h3 { font-size:20px; color:#333333; border-bottom:1px solid #333333; padding-bottom:15px; font-weight:600;}
#ser_id h3 .btn-close { float:right;}
#ser_id input { background:#f1f1f1; border-radius:7px; border:0; padding:8px; }
#ser_id .join_tbl { width:100%; text-align:left; font-size:13px;}
#ser_id .join_tbl th,
#ser_id .join_tbl td {border-bottom:1px solid #f1f1f1; padding:12px 0;}
#ser_id .btn-group { text-align:center; margin:20px 0 0px;}
#ser_id .btn-style01 { display:inline-block; width:220px; padding:12px; background:#31903c; color:#fff; font-weight:bold; border-radius:7px; font-size:13px;}
#ser_id .btn-style02 { display:inline-block; width:220px; padding:12px; background:#494949; color:#fff; font-weight:bold; border-radius:7px; font-size:13px; }

#ser_pw { position:absolute; top:320px; right:30px; width:540px; margin:50px auto; background:#fff; border-radius:7px; padding:30px; border:2px solid #31903c; }
#ser_pw h3 { font-size:20px; color:#333333; border-bottom:1px solid #333333; padding-bottom:15px; font-weight:600;}
#ser_pw h3 .btn-close { float:right;}
#ser_pw input { background:#f1f1f1; border-radius:7px; border:0; padding:8px; }
#ser_pw .join_tbl { width:100%; text-align:left; font-size:13px;}
#ser_pw .join_tbl th,
#ser_pw .join_tbl td {border-bottom:1px solid #f1f1f1; padding:12px 0;}
#ser_pw .btn-group { text-align:center; margin:20px 0 0px;}
#ser_pw .btn-style01 { display:inline-block; width:220px; padding:12px; background:#31903c; color:#fff; font-weight:bold; border-radius:7px; font-size:13px;}
#ser_pw .btn-style02 { display:inline-block; width:220px; padding:12px; background:#494949; color:#fff; font-weight:bold; border-radius:7px; font-size:13px; }

#left{position:fixed;top:0;left:0;bottom:0;width:235px; border-right:0px solid #31903c; margin-right:30px; padding:0 10px; box-shadow:1px 1px 1px 3px #f5f5f5; background:#fff;overflow:auto}
#left .logo { margin:40px 0 30px; text-align:center;}
#left .login-member { font-size:12px; letter-spacing:-1px;overflow:hidden; margin-bottom:20px; }
#left .login-member img { float:left; margin-right:7px;}
#left .login-time { background:#616161; font-size:13px; padding:8px; text-align:center; color:#fff; border-radius:7px;}
#left .login-time img { margin: 0 10px; }

.ac-container{margin: 10px auto 30px auto;text-align: left;}
.ac-container .item{;}
.ac-container .item .lnb{position:relative;display:block;padding-left:40px;line-height:50px;color: #000;font-size: 14px;letter-spacing:-1px;border-bottom:0px solid #f1f1f1; margin-bottom:5px;background-color:#eff2f7;background-position:10px 16px;background-repeat:no-repeat;border-radius:7px;}
.ac-container .item .lnb.active{background-color:#005ead;color:#fff;}
.ac-container .item:hover article{;}
.ac-container .item article a { font-size:13px; color:#565656; display:block; line-height:30px;}
.ac-container .item article a:hover,
.ac-container .item article a.active{ color:#005dae;}

/* 신버전 */
.ac-container .subUl01{background-image:url('../images/lnb01-off.png')}
.ac-container .subUl01.active,
.ac-container .subUl01 a:hover {background-image:url('../images/lnb01-ov.png')}
.ac-container .subUl02{background-image:url('../images/lnb02-off.png')}
.ac-container .subUl02.active,
.ac-container .subUl02 a:hover {background-image:url('../images/lnb02-ov.png')}
.ac-container .subUl03{background-image:url('../images/lnb03-off.png')}
.ac-container .subUl03.active,
.ac-container .subUl03 a:hover {background-image:url('../images/lnb03-ov.png')}
.ac-container .subUl04{background-image:url('../images/lnb04-off.png')}
.ac-container .subUl04.active,
.ac-container .subUl04 a:hover {background-image:url('../images/lnb04-ov.png')}
.ac-container .subUl05{background-image:url('../images/lnb05-off.png')}
.ac-container .subUl05.active,
.ac-container .subUl05 a:hover {background-image:url('../images/lnb05-ov.png')}
.ac-container .subUl06{background-image:url('../images/lnb06-off.png')}
.ac-container .subUl06.active,
.ac-container .subUl06 a:hover {background-image:url('../images/lnb06-ov.png')}
.ac-container .subUl07{background-image:url('../images/lnb08-off.png')}
.ac-container .subUl07.active,
.ac-container .subUl07 a:hover {background-image:url('../images/lnb08-ov.png')}
.ac-container .subUl08{background-image:url('../images/lnb07-off.png')}
.ac-container .subUl08.active,
.ac-container .subUl08 a:hover {background-image:url('../images/lnb07-ov.png')}

/* 구버전 */
.ac-container .lnb01 { background:url('../images/lnb01-off.png') 10px 16px no-repeat #eff2f7; border-radius:7px;}
.ac-container .lnb01.active,
.ac-container .lnb01 a:hover { background-image:url('../images/lnb01-ov.png')}
.ac-container .lnb02 { background:url('../images/lnb02-off.png') 10px 16px no-repeat #eff2f7; border-radius:7px;}
.ac-container .lnb02.active,
.ac-container .lnb02 a:hover { background-image:url('../images/lnb02-ov.png')}
.ac-container .lnb03 { background:url('../images/lnb03-off.png') 10px 16px no-repeat #eff2f7; border-radius:7px;}
.ac-container .lnb03.active,
.ac-container .lnb03 a:hover { background-image:url('../images/lnb03-ov.png')}
.ac-container .lnb04 { background:url('../images/lnb04-off.png') 10px 16px no-repeat #eff2f7; border-radius:7px;}
.ac-container .lnb04.active,
.ac-container .lnb04 a:hover { background-image:url('../images/lnb04-ov.png')}
.ac-container .lnb05 { background:url('../images/lnb05-off.png') 10px 16px no-repeat #eff2f7; border-radius:7px;}
.ac-container .lnb05.active,
.ac-container .lnb05 a:hover { background-image:url('../images/lnb05-ov.png')}
.ac-container .lnb06 { background:url('../images/lnb06-off.png') 10px 16px no-repeat #eff2f7; border-radius:7px;}
.ac-container .lnb06.active,
.ac-container .lnb06 a:hover { background-image:url('../images/lnb06-ov.png')}
.ac-container .lnb07 { background:url('../images/lnb07-off.png') 10px 16px no-repeat #eff2f7; border-radius:7px;}
.ac-container .lnb07.active,
.ac-container .lnb07 a:hover { background-image:url('../images/lnb08-ov.png')}
.ac-container .lnb08 { background:url('../images/lnb08-off.png') 10px 16px no-repeat #eff2f7; border-radius:7px;}
.ac-container .lnb08.active,
.ac-container .lnb08 a:hover { background-image:url('../images/lnb08-ov.png')}

.ac-container label{padding: 0;position: relative;z-index: 20;display: block;cursor: pointer;color: #000;font-size: 15px;letter-spacing:-1px;border-bottom:1px solid #f1f1f1;line-height:50px;padding-left:40px;}
.ac-container label:hover{color:#005dae;}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{color: #005dae;}
.ac-container input{display: none;}

.ac-container article{display:none;position:relative;padding:12px;background:#f8f8f8;margin-top:0;overflow: hidden;z-index: 10;box-shadow: 0px 0px 0px 0px rgba(155,155,155,0.3);border-bottom:1px solid #f1f1f1; margin-bottom:10px;}
.ac-container article.active{display:block;}
.ac-container article p{font-style: italic;color: #777;line-height: 23px;font-size: 14px;padding: 20px;text-shadow: 1px 1px 1px rgba(255,255,255,0.8);}

.ac-container article.ac-small a { font-size:12px; color:#565656; display:block; line-height:30px;}
.ac-container article.ac-small a:hover,
.ac-container article.ac-small a.active{ color:#005dae;}

/*switch component*/
.el-switch,
.el-switch-style,
.el-switch-style:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.el-switch {display: inline-block;font-size: 100%;height: 1.6em;position: relative;}
.el-switch .el-switch-style {height: 1.6em;left: 0;background: #C0CCDA;-webkit-border-radius: 0.8em;border-radius: 0.8em;display: inline-block;position: relative;top: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;width: 3em;cursor: pointer;}
.el-switch .el-switch-style:before {display: block;content: '';height: 1.4em;position: absolute;width: 1.4em;background-color: #fff;-webkit-border-radius: 50%;border-radius: 50%;left: 0.1em;top: 0.1em;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.el-switch > input[type="checkbox"] {display: none;}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {cursor: not-allowed;background-color: #D3DCE6;}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {background-color: #20a0ff;}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {left: 50%;}
.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {background-color: #b0d7f5;}
.el-switch.el-switch-blue > input[type="checkbox"]:checked + .el-switch-style {background-color: #20a0ff;}
.el-switch.el-switch-blue > input[type="checkbox"]:checked[disabled] + .el-switch-style {background-color: #b0d7f5;}
.el-switch.el-switch-green > input[type="checkbox"]:checked + .el-switch-style {background-color: #13ce66;}
.el-switch.el-switch-green > input[type="checkbox"]:checked[disabled] + .el-switch-style {background-color: #a1efc4;}
.el-switch.el-switch-red > input[type="checkbox"]:checked + .el-switch-style {background-color: #ff4949;}
.el-switch.el-switch-red > input[type="checkbox"]:checked[disabled] + .el-switch-style {background-color: #f9b3b3;}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked + .el-switch-style {background-color: #f7ba2a;}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked[disabled] + .el-switch-style {background-color: #fbeac1;}
/*define size*/
.el-radio.el-radio-sm,
.el-checkbox.el-checkbox-sm,
.el-switch.el-switch-sm {font-size: 85%;}
.el-radio.el-radio-lg,
.el-checkbox.el-checkbox-lg,
.el-switch.el-switch-lg {font-size: 125%;}

h3 { font-size:17px; color:#333333; margin:30px 0 20px 0;}

#right{position:fixed;top:0;right:0;bottom:0;left:260px;}
#right .work {}
#right .work ul { overflow:hidden; margin-left:-20px;}
#right .work ul li{ display:block;  float:left; background:#d4d1be; border-radius:7px; width:306px; height:136px; margin-left:20px; padding:30px 0 0 53px; font-size:15px; color:#2f0606; line-height:35px; }
#right .work ul li:hover { background:#7fba22;}
#right .work ul li img { float:left; margin-right:30px;}
#right .work ul li .time-check { font-size:27px; font-weight:bold;}
#right .document {}
#right .document { margin-left:-10px;}
#right section { display: none; padding: 20px 0 0;}
#right .document label { display: inline-block; background:#f6f6f6; box-shadow: 0px 0px 2px 0px #d8d6d6; border: 1px solid #e8e8e8; width:180px; padding:30px 0; margin-left:10px; border-radius:7px; text-align:center; font-size:15px; color:#2f0606;}
#right .document label .document-num { font-size:27px; color:#7fba22; font-weight:bold;}
#right .document label:hover { cursor: pointer;}

/*input 클릭시, label 스타일*/
#right input:checked + label { color: #555;  border-top: 4px solid #7fba22; background:#fff; }
#right input:checked + label .document-num { font-size:30px; color:#31903c; font-weight:bold;}

#right #tab1:checked ~ #content1,
#right #tab2:checked ~ #content2,
#right #tab3:checked ~ #content3,
#right #tab4:checked ~ #content4,
#right #tab5:checked ~ #content5 {display: block;}
#right .cont-box { margin-left:10px; padding:15px; box-shadow: 0px 0px 2px 0px #d8d6d6; border: 1px solid #e8e8e8; width:960px; min-height:50px; border-radius:7px;}
#right .tim-schedule {}
#right .tim-schedule ul { overflow:hidden; margin-left:-20px;}
#right .tim-schedule ul li{ display:block;  float:left; background:#f6f6f6; border-radius:7px; width:306px; height:136px; margin-left:20px; padding:35px 0 0 53px; font-size:15px; color:#2f0606; line-height:35px; }
#right .tim-schedule ul li img { float:right; margin-right:23px;}
#right .tim-schedule ul li .time-check { font-size:27px; font-weight:bold; color:#2f0606;}
#right .tim-schedule ul li .time-check:hover {color:#e76407;}

.form-table{;}

.search-box { position:relative; border-radius:7px; background:#f6f6f6; width:200px;}
.search-box .search-btn { position:absolute; right:8px; top:7px;}

.tbl-style01 { width:100%; font-size:13px;}
.tbl-style01 th,
.tbl-style01 td { border:0; padding:13px 5px; text-align:center;}
.tbl-style01 th { background:#f1f1f1;}
.tbl-style01 td { border-top:1px dotted #e0e0e0 }
.tbl-style01 a { color:#333333;}
.tbl-style01 a:hover { color:#000; text-decoration:underline;}

.tbl-style02 th,
.tbl-style02 td{border:1px solid #d4d1be}
.tbl-style02{width:100%;border:1px solid #d4d1be;border-collapse:collapse;table-layout:fixed}
.tbl-style02 caption{padding:6px;text-align:left;font-weight:bold;}
.tbl-style02 th,
.tbl-style02 td{padding:12px;border-bottom:1px solid #d4d1be}
.tbl-style02 th{background:#f4f3ec;}
.tbl-style02 td{;}
.tbl-style02 .btn-add { display:inline-block; background:#494949; padding:5px; font-size:11px; color:#fff; width:60px; margin:0 auto;border-radius:7px; cursor:pointer; text-align:center;}
.tbl-style02 .btn-add:hover { background:#31903c;}
.tbl-style02 .item{margin-bottom:6px}
.tbl-style02 .item label{margin-right:6px}
.tbl-style02 .item .i_check{position:relative;top:3px;margin-right:5px}

.tbl-style03{width:100%;border-collapse:collapse}
.tbl-style03 th,
.tbl-style03 td{padding:10px 15px; text-align:center;border:1px solid #d4d1be;}
.tbl-style03 th{background:#f4f3ec;}
.tbl-style03 td{;}
.tbl-style03 .btn-add { display:block; background:#494949; padding:5px; font-size:11px; color:#fff; width:60px; margin:0 auto;border-radius:7px; cursor:pointer;}
.tbl-style03 .btn-add:hover { background:#ee881c;}
.tbl-style03 .total {background:#fcf4e7; font-weight:bold;}
.tbl-style03 .btn-view { display:inline-block; width:70px; margin:0 auto; padding:3px; border:1px solid #005dae; color:#005dae; font-weight:bold; border-radius:7px; background:#fff; }
.tbl-style03 .btn-view:hover { border:1px solid #005dae; background:#005dae; color:#fff;}

.tbl-style04 th,
.tbl-style04 td{padding:10px;border:1px solid #e8e8e8}
.tbl-style04 {width:100%;border-collapse:collapse}
.tbl-style04 thead th{background:#72a64f;border:1px solid #517638;font-size:11px; color:#fff;}
.tbl-style04 .btn-add { display:inline-block; background:#494949; padding:5px; font-size:11px; color:#fff; width:60px; margin:0 auto;border-radius:7px; cursor:pointer;}
.tbl-style04 .btn-add:hover { background:#31903c;}
.tbl-style04 .total td{background:#ebfae1; font-weight:bold;}
.tbl-style04 .all_total td {background:#5f5f5f; font-weight:bold; color:#fff;}
.tbl-style04 .btn-view { display:inline-block; padding:3px; border:1px solid #005dae; color:#005dae; font-weight:bold; border-radius:7px; background:#fff; cursor:pointer; }
.tbl-style04 .btn-view:hover { border:1px solid #005dae; background:#005dae; color:#fff;}
.tbl-style04 .select-box { padding:3px; border-radius:0px; background:#fff;}
.tbl-style04 .btn-save { font-size:11px; color:#fff; background:#000; padding:3px 10px; line-height:30px; cursor:pointer;}
.tbl-style04 .red { color:#f84e54;}
.tbl-style04 .active td{background:#ebfae1}

.tbl-style05 { width:100%; border:1px solid #d4d1be; border-bottom:0;}
.tbl-style05 th,
.tbl-style05 td { border:0; padding:10px 15px; text-align:left;border-bottom:1px solid #d4d1be}
.tbl-style05 th { background:#f4f3ec;}
.tbl-style05 td {  background:#fff; }

.btn-group { text-align:center; margin:40px 0 20px;}
.btn-center,
.btn-group02 { text-align:center; margin:20px 0;}
.btn-right,
.btn-group03 { text-align:right; margin:20px 0;}

.btn{display:inline-block;padding:9px 12px;border:0;border-radius:3px;cursor:pointer;text-align:center;font-size:13px;font-weight:400}
.btn-large{padding:12px;font-size:17px;}
.btn-small{padding:7px;font-size:12px;}
.btn-primary{background:#ee881c; color:#fff;}
.btn-primary:hover{;}
.btn-default{background:#494949; color:#fff;}
.btn-default:hover{background-color:#111}
.btn-info{background-color:#fff;border:1px solid #494949;}
.btn-info:hover{background-color:#ee881c; color:#fff; border:1px solid #ee881c;}
.btn-delete{background:#494949; color:#fff;}

.btn-both{margin-bottom:12px}
.btn-both:after{display:block;clear:both;content:''}
.btn-both .fl{float:left}
.btn-both .fr{float:right}
.btn-style01 { display:inline-block; width:220px; padding:12px; background:#ee881c; color:#fff; font-weight:bold;border:0; border-radius:7px; font-size:17px; cursor:pointer; text-align:center}
.btn-style02 { display:inline-block; width:220px; padding:12px; background:#494949; color:#fff; font-weight:bold;border:0; border-radius:7px; font-size:17px; cursor:pointer; text-align:center}
.btn-style03 { display:inline-block; width:150px; padding:7px; background:#494949; color:#fff; font-weight:bold;border:0; border-radius:7px; font-size:15px; cursor:pointer; text-align:center;}
.btn-style03:hover {background:#ee881c; color:#fff;}
.btn-style04{display:inline-block;padding:8px 12px;background:#fff; text-align:center; border:1px solid #494949;color:#000; border-radius:7px; font-size:12px;font-weight:bold;cursor:pointer;}
.btn-style04:hover { background:#ee881c; border:1px solid #ee881c; color:#fff;}
.btn-style05 { display:inline-block; width:50px; padding:7px 0; background:#494949; color:#fff; font-weight:bold; border-radius:7px; font-size:12px; cursor:pointer; text-align:center;}
.btn-style05:hover {background:#005dae; color:#fff;}
.btn-add05 { display:block; background:#494949; padding:5px; font-size:11px; color:#fff; width:60px;  text-align:center; margin:0 auto;border-radius:7px; cursor:pointer;}
.btn-add05:hover { background:#005dae;}
.btn-add02 { display:block; background:#494949; padding:5px; font-size:11px; color:#fff; width:60px;  text-align:center; margin:0 auto;border-radius:7px; cursor:pointer;}
.btn-add02:hover { background:#005dae;}

/* 페이징 */
.paginate-complex{padding:15px 0;line-height:18px;text-align:center;}
.paginate-complex a{margin:0 6px;color:#b7b7b7;font-size:13px;text-decoration:none}
.paginate-complex a.on,
.paginate-complex a:hover{color:#000}
.paginate-complex a img{height:18px}

.page_num { margin:30px 0; text-align:center; }
.page_num a { padding:0 5px;}
.page_num a:hover,
.page_num a.active { font-weight:bold;}
.page_num img {}

.menu-tab {height:70px;border-bottom:2px solid #005ead; margin-bottom:30px;}
.menu-tab ul {overflow:hidden; }
.menu-tab ul li { float:left; width:18%;text-align:center; display:block;padding:15px 15px; border:1px solid #e8e8e8; border-bottom:1px solid #f6f6f6;border-radius:7px 7px 0 0; margin-right:3px;}
.menu-tab ul li.on,
.menu-tab ul li:hover { border:2px solid #005ead; border-bottom:2px solid #fff;  background:#fff; font-weight:bold; color:#005ead; cursor:pointer;}

.menu-tab02{height:48px;border-bottom:2px solid #005ead; margin-bottom:30px;}
.menu-tab02 ul {overflow:hidden; }
.menu-tab02 ul li { float:left; text-align:center;display:block; padding:15px 15px; border:1px solid #e8e8e8; border-bottom:1px solid #f6f6f6;border-radius:7px 7px 0 0; margin-right:3px; }
.menu-tab02 ul li.on,
.menu-tab02 ul li:hover { border:2px solid #005ead; border-bottom:2px solid #fff;  background:#fff; font-weight:bold; color:#005ead; cursor:pointer;}

/* 탭 */
ul.msTab_color{margin:0;border-bottom:2px solid #7fba22; height:37px;}
ul.msTab_color li{float:left; width:90px; padding:10px 0px; text-align:center; background:#fff;border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; cursor:pointer; font-weight:600; font-size:1.1em;}
ul.msTab_color li.right{float:right;border-left:1px solid #fff; }
ul.msTab_color li:first-child{border-left:1px solid #fff;}
ul.msTab_color li.leftOfOn{border-right:0px none;}
ul.msTab_color li.on{background:#7fba22; padding:10px 0;border:1px solid #7fba22; color:#FFFFFF; border-radius:5px 5px 0 0;}
ul.msTab_color.small {margin:0px 0px 5px 0px; height:29px;}
ul.msTab_color.small li{padding:7px 0px; width:70px;}


/* 페이지 */
.mResultTablePage{padding:10px 0;text-align:center}
.mResultTablePage div.pagePrevButton{margin:0px 5px 0px 0px; }
.mResultTablePage div.pageNextButton{margin:0px 0px 0px 5px; }
.mResultTablePage div.pageButton{display:inline-block;margin:0px 2px;  }
.mResultTablePage div.pageButtonOn{cursor:pointer; margin:0px 2px;}
.mResultTablePage .pageNum{display:inline-block;margin:3px 0px 0px 0px;}
.mResultTablePage .pageNum span{padding:3px 7px 3px 7px; margin:0px 0px; cursor:pointer;}
.mResultTablePage .pageNum span.on{font-weight:bold; background:#3DBEDE; color:#FFFFFF;}


#Container{;}
#Container .content {;}
#Container .content .article1 {width:100%;}
#Container .content .article1:after {content:""; display:block; clear:both;}
#Container .content .article1 .at1_st1{;}
#Container .content .article1 .at1_st1 .box{width:90%; height:500px; overflow-x:auto; overflow-y:auto;}
#Container .content .article1 .at1_st1 .box .mostCategoryAdd{font-weight:bold; cursor:pointer}
#Container .content .article1 .at1_st1 .box .mMenuTree{width:200%;}
#Container .content .article1 .at1_st2 {;}
#Container .content .article1 .at1_st2 .signWrap {width:100%; margin-top:20px;}
#Container .content .article1 .at1_st2 .signWrap:after {content:""; display:block; clear:both;}
#Container .content .article1 .at1_st2 .signWrap .signLeft {width:45%; float:left;}
#Container .content .article1 .at1_st2 .signWrap .signCenter {width:15%; float:left; text-align:center; padding:160px 0 0 0;}
#Container .content .article1 .at1_st2 .signWrap .signRight {width:40%; float:right;}
#Container .content .article1 .at1_st1{float:left; width:260px;}

#resultTableWrap1,
#resultTableWrap2 {overflow:auto;}

/* 팝업창 */
.msPopup {clear:both; display:none; position:absolute; background:#fff; width:800px; left:50%; top:0; margin-left:-350px; z-index:7000; border:3px solid #555555; border-radius:7px; padding:20px; margin-top:15px; margin-bottom:20px !important;}
.msPopup .titleWrap2 {margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #ddd}
.msPopup .titleWrap2:after{display:block;clear:both;content:''}
.msPopup .titleWrap2 .left2{float:left; font-size:15px; font-weight:600; }
.msPopup .titleWrap2 .right2{float:right; cursor:pointer;}

#popup-officialdoc{;}
#popup-officialdoc .header{margin:0 0 10px;padding:10px;border-bottom:1px solid #ddd}
#popup-officialdoc .header:after{display:block;clear:both;content:''}
#popup-officialdoc .header .left2{float:left; font-size:15px; font-weight:600; }
#popup-officialdoc .header .right2{float:right; cursor:pointer;}
#popup-officialdoc .closeBt{width:100%; text-align:right;}
#popup-officialdoc .botCon {text-align:center; margin:10px 0 0 0;}

/* 수정이력 */
#historyList {width:1100px; margin-left:-560px;}
#historyList .closeBt {width:100%; text-align:right;}
#historyList .botCon {text-align:center; margin:10px 0 0 0;}
#historyList  .ks_type1 tbody tr:nth-child(odd) {background:#FFFFFF;}
#historyList  .ks_type1 tbody tr td{/*border: 1px solid #AAAAAA;*/}
#historyList  .ks_type1 tbody tr.bgColor td{background:#f9f9f9;}

.m20 { margin-bottom:20px;}
.m30 { margin-bottom:30px;}