@charset "utf-8";
#content { padding: 51px 20px 30px 250px; }
#left { position: fixed; top: 51px; left: 0px; bottom: 0px; width: 230px; height: 100%; border: 0px solid #d4d4d4; margin-top: 0px; padding-bottom: 0px; border-radius: 0px; background: #3b3f48; z-index: 99; }
#left .left_top { padding: 20px 20px 11px 20px; border-bottom: 0px solid #4f7bd5; border-radius: 5px 5px 0 0; height: 30px; }
#left .left_top h1 { line-height: 23px; text-align: center; color: #fff; font-size: 20px; font-weight: normal }
#left .left_content { width: 230px; position: fixed; top: 112px; left: 0px; bottom: 0px; margin-bottom: 20px; }
#left .leftmenu { position: relative; top: 0px; }
#left .leftmenu > ul { }
#left .leftmenu > ul > li { background: #3b3f48; }
#left .leftmenu > ul > li > a { display: block; padding: 12px 5px 14px 12px; border-bottom: 0px solid #c8c8c8; vertical-align: middle; }
#left .leftmenu > ul > li:last-child > a { }
#left .leftmenu > ul > li > a > span {/*color:#fff;*/ font-size: 14px; font-weight: normal; margin-top: 5px; }
#left .leftmenu > ul > li > a > i { display: inline-block; font-size: 15px; line-height: 17px; margin: 0 5px 0 3px; text-align: center; width: 20px; vertical-align: top;}
#left .leftmenu > ul > li > a:hover > span, #left .leftmenu > ul > li > a:active > span, #left .leftmenu > ul > li > a:focus > span {/*color:#95c4ff*/ }
#left .leftmenu > ul > li > a.current { border-radius: 0 !important; }
#left .leftmenu > ul > li > a.current > span { font-weight: bold; color: #95c4ff; background: url(../../_Images/common/ico_left2depth_active.gif) no-repeat left 50%; }
#left .leftmenu > ul > li.no_depth > a > span, #left .leftmenu > ul > li.no_depth > a.current > span { background: url(../../_Images/common/ico_left2depth_none.gif) no-repeat left 50%; }
#left .leftmenu > ul > li > ul { }
#left .leftmenu > ul > li > ul > li { }
#left .leftmenu > ul > li > ul > li > a { display: block; padding: 0 5px 0 26px; line-height: 34px; border-top: 0px solid #2a313b; border-bottom: 0px solid #c8c8c8; /*background:#696971 url(../../_Images/common/left_03_d.gif) no-repeat 15px 15px;*/ }
#left .leftmenu > ul > li > ul > li > a span { display: block; padding: 3px 5px 3px 20px; color: #2a313b; font-size: 13px; }
#left .leftmenu > ul > li > ul > li > a:hover > span, #left .leftmenu > ul > li > ul > li > a:active > span, #left .leftmenu > ul > li > ul > li > a:focus > span { color: #fff; font-weight: 600; }
#left .leftmenu > ul > li > ul > li > a.current span { color: #fff; }
#left .leftmenu > ul > li > ul > li > ul { background: #8f8f95; padding: 5px 0px; }
#left .leftmenu > ul > li > ul > li > ul > li { }
#left .leftmenu > ul > li > ul > li > ul > li > a { display: block; color: #fff; }
#left .leftmenu > ul > li > ul > li > ul > li > a > span { display: block; padding: 5px 15px 5px 40px; color: #ffffff; font-size: 12px; background: url(../../_Images/common/ico_left4depth_off.gif) no-repeat 30px 11px }
#left .leftmenu > ul > li > ul > li > ul > li > a:hover > span, #left .leftmenu > ul > li > ul > li > ul > li > a:active > span, #left .leftmenu > ul > li > ul > li > ul > li > a:focus > span { color: #fff; font-weight: bold }
#left .leftmenu > ul > li > ul > li > ul > li > a.prev { }
#left .leftmenu > ul > li > ul > li > ul > li > a.current { }
#left .leftmenu > ul > li > ul > li > ul > li > a.current span { background: url(../../_Images/common/ico_left4depth_off.gif) no-repeat 30px 11px; text-decoration: underline; }
#left .leftmenu > ul > li > ul > li > ul > li:first-child > a.current { border-top: 0; }
#left .leftmenu > ul > li > ul > li > ul > li:last-child > a.current { border-bottom: 0 }
#left .leftmenu > ul > li > ul > li > ul > li:first-child > a.current span { }
#left .leftmenu > ul > li > ul > li > ul > li:last-child > a.current span { }
#left .leftmenu.depth4 > ul > li > ul > li > a { display: block; padding: 6px 25px 5px 55px; line-height: 20px; border-top: 0px solid #f0f1f2; border-bottom: 0px solid #c8c8c8;/*background:#3b3f48 url(../../_Images/common/bul_left3depth.gif) no-repeat 45px 15px;*/ }
#left .leftmenu.depth4 > ul > li > ul > li > a span { display: block; padding: 0 10px 0 0; color: rgba(255, 255, 255, 0.6); }
#left .leftmenu.depth4 > ul > li > ul > li > a:hover > span, #left .leftmenu.depth4 > ul > li > ul > li > a:active > span, #left .leftmenu.depth4 > ul > li > ul > li > a:focus > span { color: #fff; font-weight: normal; }
#left .leftmenu.depth4 > ul > li > ul > li > a.current span { color: #fff; background: url(../../_Images/common/ico_left3depth.gif) no-repeat 100% 6px; }
#left .leftmenu.depth4 > ul > li > ul > li.no_depth > a span, #left .leftmenu.depth4 > ul > li > ul > li.no_depth > a.current span { background: #696971; }
#left .left_close { position: absolute; top: 12px; right: 0; width: 20px; height: 37px; background: url(../../_Images/common/btn_left_opener.gif) no-repeat 0 0; }
#left .left_close span { display: inline-block; text-indent: -9999px; }
#content.leftfolded { padding: 51px 20px 30px 35px; }
#content.leftfolded #left { width: 20px; height: 37px; border-bottom: 0px solid #d4d4d4; }
#content.leftfolded #left .leftmenu, #content.leftfolded #left .left_top { display: none; }
#content.leftfolded #left .left_close { position: absolute; width: 20px; top: 0px; right: auto; left: 0px; padding-top: 12px; background: #FFF url(../../_Images/common/btn_left_close.gif) no-repeat 0 12px; }
/*.contentmain_bg {background:#f5f7fa;}*/
.contentmain_bg { background: #ffffff; }
/* indicatetab - a태그 이외 디자인 요청건 */
ul.indicatetab li span { display: block; padding: 0 5px; line-height: 32px; color: #4c4d4d; font-size: 13px; font-weight: bold; border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; background: #ededed; }
ul.indicatetab li.selected span { color: #fff; border-top: 1px solid #4270cc; border-bottom: 1px solid #4270cc; background: #4270cc; }
ul.indicatetab li.selected:first-child span { border-left: 1px solid #4270cc }
.charge { height: 50px; font-size: 17px; font-weight: bold; color: #fff; display: block; position: relative; background: #556890; padding-left: 30px; padding-right: 30px; }
.charge .txt1 { font-size: 17px; font-weight: bold; color: #ffffff; vertical-align: middle; padding-top: 5px; line-height: 40px; }
.charge .txt2 { margin-top: 10px; }
.charge .txt2 a { color: #fff }
.charge .txt3 { font-size: 15px; text-align: center; padding: 7px 20px; margin-left: 10px; background: #fcaf17 }
.charge_list { background: #f0f0f0; padding: 20px; margin-bottom: 20px; }
.total { font-size: 20px; color: #333; }
.table_charge { background: #fff; margin-bottom: 5px; }
.table_charge caption { display: none }
.table_charge th, .table_charge td { white-space: nowrap; }
.table_charge tbody th { font-size: 14px; text-align: center; color: #444444; font-weight: 600; background: #fafafa; border: 1px solid #dddddd; line-height: 20px }
.table_charge td { padding: 15px 0px; text-align: center; color: #444444; font-size: 14px; border: 1px solid #dddddd; line-height: 20px; font-weight: bold }
.table_charge tbody .left { text-align: left; padding-left: 20px; font-size: 13px; }
.table_charge tbody .blue { color: #39f; }
.approval { position: relative; display: block; }
.approval h2 { font-size: 33px; font-weight: normal; color: #000; line-height: 60px; letter-spacing: 5px; text-align: center; display: block; }
.approval .approval_side { display: block; height: 110px; }
.approval .approval_side135 { display: block; height: 135px; }
.approval .approval_side255 { display: block; height: 255px; }
/* 결재자 */
.tableApproval { width: auto; border-collapse: collapse; table-layout: auto; position: absolute; right: 0px; }
.tableApproval caption { display: none }
.tableApproval th, .tableWrite td { }
.tableApproval thead th { padding: 5px 10px; color: #1e1e1e; font-size: 13px; border: 1px solid #e1e1e1; font-weight: 600 }
.tableApproval tbody th { padding: 5px 10px; font-size: 13px; color: #4e5155; font-weight: 600; background: #f5f5f5; border: 1px solid #e1e1e1; text-align: center }
.tableApproval td { padding: 5px 5px; color: #4e5155; font-size: 13px; border: 1px solid #e1e1e1; background: #ffffff; text-align: center }
/* 전체 휴가일수 */
.tableApproval_List { width: 100%; border-top: 1px solid #222222; }
.tableApproval_List caption { display: none }
.tableApproval_List th, .tableApproval_List td { }
.tableApproval_List thead th { padding: 7px 10px; color: #1e1e1e; font-size: 13px; border-top: none; font-weight: 600 }
.tableApproval_List tbody th { padding: 7px 10px; font-size: 13px; color: #4e5155; font-weight: 600; background: #f5f5f5; border: 1px solid #e1e1e1; border-top: none; text-align: center }
.tableApproval_List td { padding: 7px 10px; color: #4e5155; font-size: 13px; border: 1px solid #e1e1e1; border-top: none; background: #ffffff; text-align: center; white-space: nowrap; }
.tableApproval_List .txt { display: block; margin-bottom: 5px; }
.table_list { -webkit-overflow-scrolling: touch; position: relative; width: 100%; margin-top: 5px; margin-bottom: 10px; overflow: auto }
.table_list > table > tbody > tr:hover > td { /*background:#ffffec !important;*/ }
.table_group { -webkit-overflow-scrolling: touch; position: relative; width: 100%; margin-top: 5px; margin-bottom: 10px; overflow: auto }
.notice { position: relative; width: 100%; border-bottom: 1px solid #e1e1e1; overflow: auto }
.notice .content { padding: 15px; line-height: 24px; }
.table { width: 100%; border-top: 1px solid #222222; border-bottom: 1px solid #e1e1e1; max-width: 100%; table-layout: fixed; border-collapse: collapse; }
.table tbody, .table tfoot { text-align: center; }
.table thead tr th { padding: 7px 5px 7px 5px; border-top: 1px solid #d9d9d9; background: #fafafa; color: #4e5155; font-size: 13px; text-align: center; }
.table tbody tr th, .table tfoot tr th { padding: 7px 5px 7px 5px; border-top: 1px solid #d9d9d9; background: #fdfdfd; font-size: 13px; text-align: center; }
.table thead tr:first-child th { border-top-width: 0; }
.table tbody tr td { padding: 6px 5px 6px 5px; border-top: 1px solid #ffffff; color: #4e5155; font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; }
.table tbody tr td a, .table tfoot tr td a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; }
.table tbody tr:first-child th, .table tbody tr:first-child td, .table tfoot tr:first-child th, .table tfoot tr:first-child td { border-top-color: #bababa; }
.table tbody ul, .table tbody ol { padding-left: 0; text-align: left; }
.table a:link, .table a:visited { color: #4e5155; text-decoration: none; font-weight: bold }
.table a:hover, .table a:active { text-decoration: underline; color: #000; }
.table .link a { color: #0072bc }
.table > tbody > tr:nth-child(2n) > td, .table> tbody > tr:nth-child(2n) > th { /*background:#f9f9f9;*/ }
.table tfoot tr td { padding: 10px 5px 10px 5px; border-top: 1px solid #d9d9d9; color: #4e5155; font-size: 14px; font-weight: bold; text-align: center; background: #fafafa; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; }
.table tfoot tr td .txt { font-size: 18px; font-weight: bold; color: #000000; }
.table .btn-del i { font-size: 16px; color: #999; }
.table .team_bg { background: #f1f5f7 !important; }
.table .team_bg td { border-top: 1px solid #dee2e6; font-weight: bold; }
.table .total_bg { background: #5a6268 !important; }
.table .total_bg td { color: #ffffff; font-weight: bold; }
.tableView { width: 100%; border-top: 1px solid #222222; border-bottom: 1px solid #e1e1e1; }
.tableView caption { display: none }
.tableView thead th { white-space: normal; }
.tableView thead th { padding: 10px 15px; color: #333333; font-size: 14px; font-weight: 600; border-top: none; border-bottom: 1px solid #bababa; text-align: left; background: #f8f8f8 }
.tableView tbody th { color: #4e5155; padding: 15px; font-size: 13px; font-weight: 600 }
.tableView tbody th, .tableView tbody td { color: #4e5155; border-top: 1px solid #e1e1e1; line-height: 20px; padding: 8px 15px; text-align: left; font-size: 13px; background: #ffffff }
.tableView tbody td a { font-size: 13px; color: #000 }
.tableView tbody td.file a { font-size: 13px; color: #3456d4 }
.tableView tbody td.content p { padding: 0px 0; font-size: 13px; line-height: 24px }
.tableView tbody td.content img { max-width: 100%; }
.tablePerson { width: 100%; border-top: 1px solid #222222; }
.tablePerson caption { display: none }
.tablePerson thead th { white-space: normal; }
.tablePerson thead th { padding: 10px 15px; color: #333333; font-size: 14px; font-weight: 600; border-top: none; border-bottom: 1px solid #bababa; text-align: left; background: #f8f8f8 }
.tablePerson tbody th { color: #4e5155; padding: 15px; font-size: 13px; font-weight: 600 }
.tablePerson tbody th, .tablePerson tbody td { color: #4e5155; border-bottom: 1px solid #e1e1e1; line-height: 20px; padding: 8px 15px; text-align: left; font-size: 13px; background: #ffffff }
.tablePerson tbody td a { font-size: 13px; color: #000 }
.tablePerson tbody td.file a { font-size: 13px; color: #3456d4 }
.tablePerson tbody td.content p { padding: 15px 0; font-size: 13px; line-height: 24px }
.tablePerson tbody td.content img { max-width: 100%; }
.tablePerson td { color: #4e5155; line-height: 20px; padding: 8px 15px; text-align: left; font-size: 13px; background: #ffffff }
.RLineDott { border-right: 1px dotted #e1e1e1; }
.tableView_next { width: 100%; }
.tableView_next caption { display: none }
.tableView_next th, .tableList td { white-space: nowrap; }
.tableView_next thead th { padding: 10px 15px; color: #4e5155; font-size: 15px; font-weight: 600; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: left; background: #fafafa }
.tableView_next tbody th { color: #4e5155; padding: 15px; font-size: 13px; font-weight: 600 }
.tableView_next tbody th, .tableView_next tbody td { border-bottom: 1px solid #e1e1e1; line-height: 20px; padding: 8px 15px; text-align: left; font-size: 13px; background: #ffffff }
.tableView_next tbody td a { font-size: 13px; color: #4e5155; font-weight: 600 }
.tableView_next tbody td.file a { font-size: 13px; color: #007ed5 }
.tableView_next tbody td.content p { padding: 15px 0; text-align: left; font-size: 13px; line-height: 24px }
.tableWrite { width: 100%; border-top: 1px solid #222222; }
.tableWrite caption { display: none }
.tableWrite thead th { line-height: 26px; padding: 4px 10px 5px 10px; color: #4e5155; font-size: 13px; border-top: none; font-weight: 600; vertical-align: middle }
.tableWrite tbody th { line-height: 26px; padding: 4px 10px 5px 10px; font-size: 13px; color: #4e5155; font-weight: 600; background: #f5f5f5; border: 1px solid #e1e1e1; border-top: none; text-align: right; vertical-align: middle }
.tableWrite td { line-height: 26px; padding: 4px 10px 5px 10px; color: #4e5155; font-size: 13px; border: 1px solid #e1e1e1; border-top: none; background: #ffffff; vertical-align: middle; white-space: nowrap }
.tableWrite tbody .left { text-align: left; padding-left: 20px; font-size: 13px; }
.tableWrite .txt { display: block; margin-bottom: 5px; }
.tableWrite2 tbody tr td {text-align: center;}

.checkright { float: right; text-align: right; width: 200px; padding-top: 40px }
.text_red { font-size: 13px; color: #e10000 }
.file_input_hidden { font-size: 29px; position: absolute; right: 0px; top: 0px; opacity: 0; cursor: pointer; opacity: 0 }

.tableFile { width: 100%; border: 1px solid #d9d9d9; }
.tableFile caption { display: none }
.tableFile th, .tableFile td { white-space: nowrap; }
.tableFile tbody th { padding: 2px 15px; font-size: 12px; color: #444444; font-weight: normal; background: #f9f9f9; border-top: 1px solid #d9d9d9; text-align: center }
.tableFile tbody td { padding: 2px 15px; text-align: center; color: #444444; font-size: 12px; border-top: 0px solid #d9d9d9; background: #ffffff }
.tableFile tbody td a { font-size: 12px; color: #000 }
/*리스트유형*/
ul.listtype_01 { padding-top: 10px }
ul.listtype_01 li { padding-left: 5px; line-height: 20px; padding-bottom: 3px; }
ul.listtype_01 li ul { padding: 5px 0 0 5px }
ul.listtype_01 li .red { color: #f00 !important }
/*20180809*/
.tableChart01 { width: 100%; border: 1px solid #d9d9d9; }
.tableChart01 caption { display: none }
.tableChart01 th, .tableChart01 td { white-space: nowrap; }
.tableChart01 thead th { padding: 7px 20px; font-size: 13px; color: #ffffff; font-weight: 600; background: #4270cc; border: 1px solid #2f5ebd; text-align: center }
.tableChart01 tbody th { padding: 8px 20px; font-size: 13px; font-weight: normal; background: #f8f8f8; border: 1px solid #dddedf; text-align: center }
.tableChart01 tbody td { padding: 8px 20px; text-align: center; font-weight: 600; font-size: 13px; border: 1px solid #dddedf; background: #ffffff }
.tableChart01 tbody td a { font-size: 13px; color: #000 }
.tableChart02 { border-collapse: collapse; border-spacing: 0px; table-layout: fixed; width: 100%; margin-bottom: 10px; }
.tableChart02 caption { display: none }
.tableChart02 th, .tableChart02 td { white-space: nowrap; }
.tableChart02 th { padding: 5px 5px; font-size: 13px; color: #ffffff; font-weight: normal; background: #717586; border: 1px solid #535760; text-align: center }
.tableChart02 td { padding: 7px 5px; text-align: center; font-weight: 600; font-size: 13px; border-left: 1px solid #dddedf; border-right: 1px solid #dddedf; border-bottom: 1px solid #dddedf; word-wrap: break-word; background: #ffffff }
.tableChart02 td a { font-size: 13px; color: #000 }
.tableChart02 th:first-child, .tableChart02 td:first-child { border-left: 0 }
.tableChart02 th:last-child, .tableChart02 td:last-child { border-right: 0 }
.tableChart02 .bg_color01 { background: #4270cc!important; border: 1px solid #2f5ebd!important; }
.tableChart02 .bg_color02 { background: #f8f8f8!important; }
/* The Modal (background) */
.modal { display: none;/* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }
/* Modal Content */
/* .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 500px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }*/
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 0px solid #888; width: 530px; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }
.modal-content700 { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 0px solid #888; width: 700px; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }

/* Add Animation */
@-webkit-keyframes animatetop { from {
top:-300px;
opacity:0
}
to { top: 0; opacity: 1 }
}
 @keyframes animatetop { from {
top:-300px;
opacity:0
}
to { top: 0; opacity: 1 }
}
/* The Close Button */
.close { color: #fff; float: right; font-size: 28px; padding-top: 3px; font-weight: bold; }
.close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; }
.modal-header { padding: 5px 16px; background: linear-gradient(to right, #38a9f9, #43e9b3); color: #fff; }
.modal-header h2 { color: #fff; line-height: 30px; padding: 0px; }
.modal-body { padding: 15px 10px; }
.modal-footer { padding: 2px 16px; background-color: #5cb85c; color: #fff; }
.collapsable { width: 100%; padding: 0; list-style: none; }
.collapsable a.folder { padding: 13px 0 12px 40px; font-size: 14px; font-weight: normal; color: #fff; cursor: pointer; display: inline-block; background: #3b3f48 url(../../_Images/common/icon_arrowR.png) no-repeat 200px 50%; color: rgba(255, 255, 255, 0.6); }
.collapsable a.folder:hover { background: #353840 url(../../_Images/common/icon_arrowR.png) no-repeat 200px 50%; color: #ffffff; }
.collapsable.on a.folder { background: #353840 url(../../_Images/common/icon_arrowD.png) no-repeat 200px 50%; color: #ffffff; }
.collapsable ul {/*display: none;*/ margin: 5px 0px; }
.collapsable ul li { width: 100%; background: #464854; }
.collapsable ul li a.file { color: #eeeeee; padding-left: 57px; background: #3b3f48 url(../../_Images/common/bul_left3depth.gif) no-repeat 45px 15px; cursor: pointer; font-size: 13px; font-weight: normal; display: block; }
.collapsable ul li.on a.file { color: #eeeeee; background: #3b3f48 url(../../_Images/common/bul_left3depth.gif) no-repeat 45px 15px; }
.collapsable ul li a.file:hover { color: #ffffff; background: #3b3f48 url(../../_Images/common/bul_left3depth.gif) no-repeat 45px 15px; }
/*============================================================
comment
=============================================================*/
.comment-wrap { padding: 15px 20px;/* background-color:#f9f9f9; *//* border:1px solid #e5e5e5; */ margin-bottom: 15px; }
.comment-wrap .input-group { width: 100%; margin-top: 5px; position: relative; /* display: block; */ border-collapse: separate; }
.comment-wrap .input-group .input-group-btn { position: absolute; right: 0px; top: 0; height: 48px; width: 53px; color: #fff; background: #00bcd4; border-radius: 3px; z-index: 9; }
.comment-wrap .input-group-btn .btn { height: 48px; width: 54px; }
.comment-wrap .input-group-btn .btn i { font-size: 22px; color: #ffffff }
.comment-wrap .input-group textarea { height: 48px; width: 100%; padding-right: 80px; }
.comment-view { width: 100%; margin-top: 15px; }
.comment-view > ul > li { position: relative; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px #c9c9c9 dashed; }
.comment-view > ul > li.last { border-bottom: none; }
.comment-view p {/*position:absolute; left:38px; bottom:14px; margin:0;*/ margin: 0; color: #666; }
.comment-view p a { display: inline !important; }
.comment-view ul ul {/*height:75px; padding-top:10px;*/ }
.comment-view li li { display: inline-block; margin-right: 3px; vertical-align: middle; }
.comment-view ul a { display: block; color: #999 }
.comment-view .name { padding-right: 10px; margin-right: 24px; font-weight: bold; width: 50px; }
.comment-view .content { padding-right: 10px; margin-right: 24px; }
.comment-view .date { color: #999 }
.comment-view .btn-del { position: absolute; top: 5px; right: 5px; }
.comment-view .btn-del i { font-size: 16px; color: #999 }
/* 사이트맵 */
.sitemap-wrap { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.sitemap-wrap .sitemap-list { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.sitemap-wrap .sitemap-list { float: left; width: 20%; position: relative; padding-top: 10px; padding-right: 6px; padding-left: 6px; padding-bottom: 10px; }
/*.sitemap-wrap .sitemap-list:last-child {padding-left:3.333%;}*/
.sitemap-wrap .sitemap-list h3 { padding-bottom: 0px; height: 40px; }
.sitemap-wrap .sitemap-list .tit { font-size: 15px; line-height: 20px; color: #333333; text-align: center; margin-bottom: 20px; background: #f9f9f9; border: 1px solid #cccccc; border-bottom: 1px solid #3b3f48; font-weight: bold; }
.sitemap-wrap .sitemap-list .tit span { display: block; padding: 10px 0 10px 0; color: #333333; vertical-align: middle }
/*.sitemap-wrap .sitemap-list:nth-child(even) .tit {background:#219f4e url(/homepage/kor/_Img/Content/sitemap_bg02.gif) no-repeat 0 0;}*/
/*.sitemap-wrap .sitemap-list .tit a {padding:10px 0 10px 0; vertical-align:middle} */
.sitemap-wrap .depth2 .lm_l2 { margin: 5px 0; }
.sitemap-wrap .depth2 .lm_l3 { margin-bottom: 5px; }
.sitemap-wrap .depth2 .lm_l3 label { font-size: 13px; color: #666; vertical-align: middle; }
.sitemap-wrap .depth2 .lm_l3 a:hover { text-decoration: underline }
.sitemap-wrap .depth2 .lm_a2 { position: relative; display: block; font-size: 15px; font-weight: bold; color: #3ab6ea; padding-left: 5px; padding-bottom: 5px; }
/*.sitemap-wrap .depth2 .lm_a2:after {content:'';position:absolute;left:0;top:11px;width:3px;height:3px;background:#2b405b;}*/
.sitemap-wrap .depth3 { padding-left: 5px; margin: 5px 0 20px 0 }
.sitemap-wrap .depth3 .lm_a3 { position: relative; font-size: 13px; color: #666; padding-bottom: 5px; }
/*.sitemap-wrap .depth3 .lm_a3 {position:relative;display:block;font-size:13px;color:#666;padding-left:8px;padding-bottom:5px;}
.sitemap-wrap .depth3 .lm_a3:after {content:'';position:absolute;left:0;top:11px;width:2px;height:2px;background:#2b405b;}*/
.sitemap-wrap .depth4 { background: #f1f1f1; padding: 7px 10px; margin: 5px 0 }
.sitemap-wrap .depth4 .lm_l4 { margin: 3px 0; }
.sitemap-wrap .depth4 .lm_a4 { position: relative; display: block; font-size: 14px; color: #666; padding-left: 10px; }
.sitemap-wrap .depth4 .lm_a4:after { content: ''; position: absolute; left: 0; top: 11px; width: 2px; height: 2px; background: #666; }
.sitemap-wrap .depth5 { display: none; }
.sitemap-wrap .txt { font-size: 13px; font-weight: bold; display: block; width: 100%; overflow: hidden; padding: 10px 0px; }
/* 스케줄관리 */
.tableDay_List { width: 100%; border: 1px solid #e1e1e1; table-layout: fixed }
.tableDay_List caption { display: none }
.tableDay_List th, .tableDay_List td { }
.tableDay_List thead th { line-height: 26px; padding: 4px 10px 5px 10px; background: #f8f8f8; color: #1e1e1e; font-size: 13px; text-align: center; font-weight: bold; border-top: 1px solid #dadada; border-bottom: 1px solid #e1e1e1; font-weight: 600 }
.tableDay_List tbody td { height: 110px; padding: 4px 10px 5px 10px; font-size: 13px; color: #4e5155; border: 1px solid #e1e1e1; border-top: none; vertical-align: top; }
.schedule a { color: #4e5155 !important; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.tableDay_List .txt { display: block; margin-bottom: 5px; }
.fc-day-number { float: right; padding: 1px; }
.fc-sun { color: #f05050!important; }
.fc-sat { color: #3456d4!important; }
.fc-holiday { color: red !important; background-color: #ffffff !important; }
.fc-other-month { color: #bbb !important; background-color: #ffffff !important; }
.fc-day { color: #111 !important; background-color: #ffffff !important; }
.fc-today { background: #ffffd8; font-weight: bold;}
.fc-day-add { float: left; width: 18px; height: 18px; line-height: 13px; background: #fff; border: 0px solid #dadada; border-radius: 20px; text-align: center; vertical-align: middle; cursor: pointer }
.fc-day-add i { font-size: 18px; color: rgba(49, 58, 70, 0.7); }
.fc-day-header { display: block; overflow: hidden }
.fc-title { color: red; }
.schedule { color: #6691e5; padding-right: 5px; }
.schedule span { padding-right: 5px; font-size: 12px; }
.schedule .sort { font-weight: bold }
.schedule .more { color: #111; font-weight: bold }
.tooltip { position: relative;}/* display: inline-block; }*/
.tooltip .tooltiptext { visibility: hidden; width: 130px; color: #333; padding: 5px 10px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ opacity: 0; transition: opacity 1s; white-space: normal; word-break: keep-all; background: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: #cccccc solid 1px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); z-index: 999; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
.current_date { position: relative; text-align: center; padding: 5px 0px; }
.current_date span.date { margin: 10px; font-size: 18px; font-weight: bold; font-family: tahoma; letter-spacing: 0; vertical-align: middle; display: inline-block }
.btn_ic { display: inline-block; padding: 3px 5px 5px 5px; cursor: pointer; border: 1px solid #cbcbcb; }
.btn_ic i { font-size: 15px; }
/* 갤러리 */
.gallery_lst { padding: 10px 0; border-top: 1px solid #222222; border-bottom: 1px solid #e1e1e1; }
.gallery_lst > ul { padding: 0 15px }
.gallery_lst > ul:after { clear: both; display: block; content: "" }
.gallery_lst > ul > .item { float: left; width: 20%; padding: 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.gallery_lst .gallery { position: relative; width: 100%; padding-top: 220px; border: 1px solid #e8e8e8 }
.gallery { position: relative }
.gallery > .img { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 220px; z-index: 1 }
.gallery > .img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; filter: alpha(opacity=10); content: "" }
.gallery > .img > img { position: absolute; top: 0; left: 50%; height: 100%; max-width: none; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.gallery .caption { position: relative; padding: 20px }
.gallery .caption > a { display: block }
.gallery .caption > a > .category { display: block; margin-bottom: 5px; font-weight: 300; font-size: 12px; line-height: 16px; color: #6691e5; letter-spacing: -0.03333em }
.gallery .caption > a > strong { display: block; font-weight: bold; font-size: 14px; line-height: 24px; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
/*.gallery_lst .gallery:hover { box-shadow: 0px 3px 16px rgba(0,0,0,0.2) }*/
/*.gallery_lst .gallery:hover > .img:after { position: absolute; top: 0;	left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(63, 210, 203, .8); opacity: 1; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; filter: alpha(opacity=50); content: "";}
.gallery_lst .gallery:hover > .img > img { position: absolute; top: 0; left: 0; height: 100%; max-width: none; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; filter: alpha(opacity=50); content: "";}*/

/* 담당업무표 */
.person-info-body { position: relative; }
.person-info-body .person-info-photo { position: absolute; top: 0; left: 10px; }
.person-info-body .person-info { margin: 10px 0px 10px 120px; }
.person-info-body .person-info .name_eng { margin-left: 5px; font-size: 14px; font-weight: normal; color: #999; }
.person-info-body .person-info ul { padding: 0; }
.person-info-body .person-info ul li { padding: 0; }
.person-info-body .person-info .dept { margin: 0 0 5px 0; font-size: 12px; line-height: 16px; color: #6691e5; }
.person-info-body .person-info .name { margin: 0 0 10px 0; font-size: 14px; color: #111; font-weight: bold; }
.person-info-body .person-info .name span { font-size: 14px; }
.per50 img { width: 90px; height: 90px; border-radius: 50%; }
.agree_jump { position: relative; overflow: hidden; margin-top: 20px; border: 1px solid #ddd; padding: 20px 40px 20px }
.agree_jump li { position: relative; padding-left: 10px; float: left; width: 19%; margin: 5px 0px }
.agree_jump li:before { content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #666666; border-radius: 50%; }
.agree_wrap { margin-top: 15px }
.agree_title { position: relative; padding: 50px 0 0 0; margin: 0px; font-weight: bold !important; color: #ed2373; font-size: 15px }
.agree_title .jump { position: absolute; top: 0; margin: 0; padding: 0; }
.agree_title a { margin-top: 50px; }
.agree_cont { padding-bottom: 10px }
.agree_cont strong { color: #444; font-size: 13px; display: block; margin: 20px 0 10px; letter-spacing: 0 }
.agree_cont strong.u { text-decoration: underline; font-size: 14px; color: #000 }
.agree_cont li, .agree_cont p { font-size: 12px; line-height: 22px; color: #666; letter-spacing: 0; font-weight: normal; margin-left: 15px; }
.agreebody table { border-collapse: collapse; border-spacing: 0 }
.agreebody img { border: 0 }
.footer-scroll-top { z-index: 100; position: fixed; right: 22px; bottom: 22px; display: block; text-align: center; }
.footer-scroll-top i { border-radius: 50px; border: 1px solid #ddd; width: 30px; height: 30px; line-height: 30px; display: block; vertical-align: middle; background: #ffffff }
.title_cnt { text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.main-modal-content { position: relative; background: #fff; border: 1px solid #545857; width: 470px; background-clip: padding-box; outline: none; }
.line-box h2 { position: relative; padding: 10px 40px 10px 20px; margin-bottom: 20px; text-align: left; color: #f7531f; font-size: 15px; font-weight: bold; border-top: 0px #ff2024 solid; border-bottom: 1px #e6e7ea solid; background: #ffffff; }
.line-box h2 a { position: absolute; right: 20px; }
.line-box h2 span { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; }
.main-notice { padding: 0 20px; overflow: auto; }
.notice-content { width: 100%; height: 440px; line-height: 24px; }
.line-box .bottom { display: block; width: 100%; overflow: hidden; height: 34px; line-height: 34px; text-align: left; font-size: 12px; font-weight: bold; color: #d4d4d4; background: #454545; }
.pr_20 { padding-right: 20px !important; }
.table_type01 { width: 100%; border-top: 1px solid #222222; border-bottom: 1px solid #e1e1e1; max-width: 100%; table-layout: fixed; border-collapse: collapse; }
.table_type01 tbody, .table_type01 tfoot { text-align: center; }
.table_type01 thead { border-bottom: 1px solid #bababa !important; }
.table_type01 thead tr th { padding: 7px 5px 7px 5px; border: 1px solid #e1e1e1; border-bottom: 0px; background: #fafafa; color: #4e5155; font-size: 13px; text-align: center; }
.table_type01 tbody tr th, .table_type01 tfoot tr th { padding: 7px 5px 7px 5px; border: 1px solid #e1e1e1; background: #ffffff; font-size: 13px; text-align: center; }
.table_type01 thead tr:first-child th { border-top-width: 0; }
.table_type01 tbody tr td { padding: 6px 5px 6px 5px; border: 1px solid #e1e1e1; color: #4e5155; font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; }
.table_type01 tbody tr td a, .table_type01 tfoot tr td a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; }
.table_type01 tbody tr:first-child th, .table_type01 tbody tr:first-child td, .table_type01 tfoot tr:first-child th, .table_type01 tfoot tr:first-child td { border-top-color: #bababa; }
.table_type01 tbody ul, .table_type01 tbody ol { padding-left: 0; text-align: left; }
.table_type01 a:link, .table_type01 a:visited { color: #4e5155; text-decoration: none; font-weight: bold }
.table_type01 a:hover, .table_type01 a:active { text-decoration: underline; color: #000; }
.table_type01 .link a { color: #0072bc }
.table_type01 > tbody > tr:nth-child(2n) > td, .table_type01 > tbody > tr:nth-child(2n) > th { /*background:#f9f9f9;*/ }
.table_type01 tfoot tr td { padding: 10px 5px 10px 5px; border-top: 1px solid #d9d9d9; color: #4e5155; font-size: 14px; font-weight: bold; text-align: center; background: #fafafa; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; }
.table_type01 tfoot tr td .txt { font-size: 18px; font-weight: bold; color: #000000; }
.table_type01 .btn-del i { font-size: 16px; color: #999; }

/* 기존 승인  */
.tableApprove { width: 100%; border: 1px solid #d9d9d9; }
.tableApprove caption { display: none }
.tableApprove th, .tableApprove td { white-space: nowrap; }
.tableApprove thead th { padding: 7px 20px; font-size: 13px; color: #ffffff; font-weight: 600; background: #4270cc; border: 1px solid #2f5ebd; text-align: center }
.tableApprove tbody th { padding: 4px 20px; font-size: 13px; font-weight: 600; background: #f8f8f8; border: 1px solid #dddedf; text-align: center }
.tableApprove tbody td { padding: 6px 20px; text-align: center; font-size: 13px; border: 1px solid #dddedf; background: #ffffff }
.tableApprove tbody td a { font-size: 13px; color: #000 }

/* inner Table  */
.tableInner { width: 100%; border: 0px  !important; }
.tableInner caption { display: none }
.tableInner th, .tableInner td { white-space: nowrap; }
.tableInner tbody th { padding: 2px 15px; font-size: 12px; color: #444444; font-weight: 600; background: #f9f9f9; border-top: 0px !important; text-align: center }
.tableInner tbody td { padding: 2px 15px; text-align: center; color: #444444; font-size: 12px; border-top: 0px solid #d9d9d9; background: #ffffff }
.tableInner tbody td a { font-size: 12px; color: #000 }

.tableInner01 { width: 550px; border: 0px  !important; }
.tableInner01 caption { display: none }
.tableInner01 th, .tableInner01 td { white-space: nowrap; }
.tableInner01 tbody th { padding: 2px 15px; font-size: 12px; color: #444444; font-weight: 600; background: #f9f9f9; border-top: 1px solid #d9d9d9 !important; text-align: center }
.tableInner01 tbody td { padding: 2px 10px; text-align: center; color: #444444; font-size: 12px; border-top: 0px solid #d9d9d9; background: #ffffff }
.tableInner01 tbody td a { font-size: 12px; color: #000 }