@charset "utf-8";


#content_main {padding:30px; height:auto;padding-top:100px; }
#content {padding:91px 20px 20px 250px;}
#left { position: fixed; top:91px; left:0px; bottom:0px; width:230px; height:100%; border-right:1px solid #d4d4d4; margin-top: 0px; padding-bottom:0px; border-radius:0px; background:#faf9f8;  z-index:90;}
#left .left_top { padding:10px 20px 10px 10px;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:18px; }

#left .leftmenu { }
#left .leftmenu > ul { }
#left .leftmenu > ul > li { background:#faf9f8; }
#left .leftmenu > ul > li > a { display:block;padding:15px 15px 15px 10px;border-bottom:0px solid #c8c8c8; color:#333333 }
#left .leftmenu > ul > li:last-child > a{}
#left .leftmenu > ul > li > a > span { display:block; color:#4e5155; font-size:15px; font-weight: normal; padding-left:10px; padding-right:23px; background:url(../../_Images/common/ico_left2depth_on.png) no-repeat right 50%; }

#left .leftmenu > ul > li > a:hover > span,#left .leftmenu > ul > li > a:active > span,#left .leftmenu > ul > li > a:focus > span {color:#333333}
#left .leftmenu > ul > li > a.current { color:#ffffff; border-radius:0 !important; background:#4d4d4d; }
#left .leftmenu > ul > li > a.current > span {color:#ffffff; background:url(../../_Images/common/ico_left2depth_active.png) no-repeat right 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; background:url(../../images/ico_left4depth_off.gif) no-repeat 11px 11px }
#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:#ffd602; 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 25px 5px 55px; color:#4e5155; font-size:12px; background:url(../../_Images/common/ico_left4depth_off.gif) no-repeat 48px 12px }
#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:#4e5155;}
#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 48px 12px; text-decoration: none; font-weight:bold; color:#333333;}
#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:7px 20px 6px 48px;line-height:20px;border-top:0px solid #f0f1f2;border-bottom:0px solid #c8c8c8; background:#ffd602; }
#left .leftmenu.depth4 > ul > li > ul > li > a span { display:block;padding:0 10px 0 0; color:#4e5155; background:url(../../_Images/common/ico_left3depth2.gif) no-repeat 100% 6px; }
#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:#4e5155; font-weight: normal;}
#left .leftmenu.depth4 > ul > li > ul > li > a.current span { color:#333333; font-weight:bold; text-decoration: none; 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:#ffd602;}

#left .left_close { position:absolute;top:9px;right:0;width:31px;height:32px;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:91px 20px 20px 50px; }
#content.leftfolded #left {position: fixed; left:0px; bottom:0px; width:30px; height:100%; border-right:1px solid #d4d4d4; background:#faf9f8; }
#content.leftfolded #left .leftmenu, #content.leftfolded #left .left_top { display:none; }
#content.leftfolded #left .left_close { position:absolute; width:31px; top:9px; right:auto; left:0px; background:url(../../_Images/common/btn_left_close.gif) no-repeat 0 0; }



/* main 20140812
---------------------------------------------------------*/
.clearBoth { clear:both; }
#main { position:relative;background:#eaeaea; }



/* 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}


.numlist>li {border-bottom:1px solid #eaeaea; position:relative;padding:20px 0 15px 200px; overflow:hidden;min-height:30px;}
.numlist2>li {padding-left:50px !important; word-break:keep-all}
.numlist>li span.num {position:absolute; left:0; top:10px; display:inline-block; padding-right:20px; background:url(../../images/myc/bg_numlist.png) no-repeat; width:39px; height:39px; text-align:center;line-height:39px; font-size:14px; font-weight:bold; color:#335db5}
.numlist>li h3{ position:absolute; left:50px; top:22px; font-size:13px; font-weight:bold; color:#3a3a3a}
.listtype>li {padding:0 0 0 8px;background:url(../../images/myc/bul_type01.png) no-repeat 0 9px; line-height:18px}
.listtype>li strong {color:#4270cc}
.listtype>li ol {padding:7px 0}
.listtype>li ol li {padding-left:20px; color:#666}

.listtype_table>li { padding-left:10px;}
.listtype_table>li.link { color:#4270cc; padding-left:0}


.con_txt{ padding:0 0 5px 8px; line-height:16px; color:#686868;  }

/*지시문유형*/
.instruct_page ul { padding-left:25px}
.instruct_page ul li { font-size:12px; line-height:16px; padding-bottom:4px;}
.instruct_page ul li strong{ color:#d06c08}
.instruct_page ul.listtype_02 { padding-left:5px}
.instruct_modulecon { overflow:visivility;min-height:22px;height:auto !important;padding:6px 0 5px 17px;line-height:22px;text-overflow:clip;white-space:normal;border:1px solid #ddd;border-radius:2px;color:#3a3a3a;background:#faf9f8;}
.instruct_modulecon ol li { font-size:12px; line-height:16px; padding-bottom:4px;}
.instructbox { margin:10px 20px 10px 10px;background:#fffef3; border:1px solid #dbd9c0;padding:10px 25px;color:#585858; font-size:12px; }
.instructbox ul {padding-left:0}


.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;}

.billsearch {width:100%; float:left; }
.billsearch dt { background:#3d444d; padding: 10px 25px; color:#fff; font-size:15px; font-weight:600}
.billsearch dt span {font-size:30px; font-weight:600; color:#fff}
.billsearch dd { float:left; background:#e8e8ea; padding:25px; width:938px}
.billsearch dd .title { float:left; font-size:16px; color:#282828; font-weight:600; line-height:25px; margin-bottom:10px}
.billsearch dd .date { float:left; background:#9696a6; color:#fff; font-size:12px; padding:5px 10px; margin-left:10px; margin-top:4px}
.billsearch dd .total { font-size:20px; color:#444; font-weight:600}

.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;}

.table_group {-webkit-overflow-scrolling:touch; position:relative; width:100%; margin-top:5px; margin-bottom:10px;}
.table_group > .table > tbody > tr.gridhover > td { background:#fbfbfb !important; }
.table {width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.table tbody, .table tfoot {text-align:center;}
.table thead tr th {padding:8px 5px 8px 5px; border-top:1px solid #e1e1e1; background:#f4f4f4; color:#4e5155; font-size:13px; text-align:center;}
.table tbody tr th, .table tfoot tr th {padding:10px 5px 10px 5px; border-top:1px solid #e1e1e1; background:#fdfdfd;  font-size:13px; text-align:center;}
.table thead tr:first-child th {border-top-width:0;}
.table tbody tr td, .table tfoot tr td {padding:7px 5px 7px 5px; border-top:1px solid #e1e1e1; color:#4e5155; font-size:13px;text-align:center;background:#ffffff;}
.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:#e1e1e1;}
.table tbody ul, .table tbody ol {padding-left:0; text-align:left;}

.table a:link, .table a:visited { color:#4e5155; text-decoration:none; }
.table a:hover, .table a:active { text-decoration: underline; color:#000; }
.table .link a {color:#0072bc}

.tableView {width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.tableView caption {display:none}
.tableView th, .tableList td  {white-space:nowrap; }
.tableView thead th {padding: 10px 15px; color: #4e5155 ; font-size: 13px; font-weight:600; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left; background:#f4f4f4}
.tableView tbody th {color:#4e5155;padding: 15px; font-size: 13px; font-weight:600}
.tableView tbody th, .tableView tbody td {border-top:1px solid #e1e1e1; line-height:20px; padding: 8px 15px; text-align:left;  font-size: 13px; color:#4e5155; background:#ffffff}
.tableView tbody td a {font-size: 13px; color:#000}
.tableView tbody td.file a {font-size: 13px; color:#326edc}
.tableView tbody td.content {padding: 20px 15px;}
.tableView tbody td.content p { padding:15px 0; text-align:left; font-size: 13px; line-height:24px}

.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:#1e1e1e;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;}
.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}


.file_input_div { position: relative; width: 80px; height: 28px; overflow: hidden }
.tableWrite {width:100%; border-top:1px solid #555555; border-bottom:1px solid #e1e1e1;}
.tableWrite caption{display:none}
.tableWrite th, .tableWrite td  {white-space:nowrap;}
.tableWrite thead th {padding: 8px 20px; color: #1e1e1e ; font-size: 13px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:600}
.tableWrite tbody th {padding: 6px 10px; font-size:13px; color:#4e5155; font-weight:600; background:#f4f4f4; border-top:1px solid #555555; border-bottom:1px solid #e1e1e1; text-align:right;}
.tableWrite td {padding: 6px 10px; color: #4e5155; font-size: 13px; border-bottom:1px solid #e1e1e1; background:#ffffff}
.tableWrite tbody .left{text-align:left; padding-left:20px;font-size: 13px;}
.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}

.box_guide {border:1px solid #e5e5e5; padding:10px 20px 20px 20px; line-height:22px; margin-top:10px; height:65px; overflow-y:scroll; background:#fff}
.box_guide li { padding-bottom:5px; }
.box_graybg { padding:15px 0; background:#f0f0f0; text-align:center; font-size:13px; color:#444; font-weight:600; margin-top:15px}
.cms_text1 {text-align:center; padding:20px 0px; font-size:15px; font-weight:bold;}

.clearfix:after {display:block; visibility:hidden; clear:both; content:'.'; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

.bbs_category_list {margin-top:20px; margin-bottom:10px; border:3px solid #e9e9e9; background:#ffffff; position:relative}
.bbs_category_list ul {padding:12px 10px; text-align:left;}
.bbs_category_list ul li {display:inline; float:left; margin:3px 3%; padding-left:8px; background:url(../../_Images/common/sub_menu_dot.gif) no-repeat 0 10px; white-space:nowrap; font-weight:bold;}
.title_cnt { font-weight:bold;}
.hide_cnt { display:none; padding-top:10px; color:#666;}

.r_search {width:30%; position:absolute; top:10px; right:20px;}
.r_search_form {border: 1px solid #cccccc; margin: 8px;position: relative;}
.r_search button {background: #4787ed url(../../_Images/common/search_white.png) center center no-repeat; border: 0; height: 30px; right: 0; margin: 0;outline: 0;padding: 0;position: absolute;top: 0;width: 60px!important; }
.r_search_box {background-color: transparent; border: 1px solid #d9d9d9;display: block;height: 30px!important; padding: 0; width: 100%}
.r_search_box:focus {outline: 0}

#left_wrap { float: left; width: 200px; }
#left_wrap .lnbbox_wrap { padding: 0px 0px 30px 0; }
#left_wrap .lnbbox_wrap h2 { height: 60px; font-size: 25px; font-weight: bold; color: #242424; letter-spacing: -1px; margin-bottom: 30px; }
#left_wrap .lnbbox_wrap .s_menu { background:#ffffff; border-top: 2px solid #636770; border-bottom: 1px solid #636770}
#left_wrap .lnbbox_wrap .s_menu .lnb { display: inline-block; width: 170px; background:#ffffff; padding: 9px 15px; font-size: 15px; font-weight: bold; color: #444; border-bottom: 1px solid #e9e9e9; }
#left_wrap .lnbbox_wrap .s_menu .lnb:hover { background: #4068b4; color: #FFF; text-decoration: none; }
#left_wrap .lnbbox_wrap .s_menu .lnb_on { display: inline-block; width: 170px; background: #4068b4; padding: 9px 15px; font-size: 15px; font-weight: bold; color: #FFF; border-bottom: 1px solid #e9e9e9; }
#left_wrap .lnbbox_wrap .s_menu .lnb_on:hover { text-decoration: none; }
#left_wrap .lnbbox_wrap .s_smenu{padding: 12px 15px 15px 15px;border-bottom:1px solid #e9e9e9;display:none;}
#left_wrap .lnbbox_wrap .s_smenu li{height:25px;line-height:25px;overflow:hidden;}
#left_wrap .lnbbox_wrap .s_smenu .on a {color:#4068b4; font-weight:bold}
#left_wrap .lnbbox_wrap .s_smenu .on:hover {color:#4068b4; text-decoration:underline;}

.video {margin-left:220px;width:800px; }

.r_search {width:30%; position:absolute; top:0px; right:20px;}
.r_search_form {border: 1px solid #cccccc; margin: 8px;	position: relative;}
.r_search button {background: #4787ed url(../../_Images/common/search_white.png) center center no-repeat; border: 0; height: 30px; right: 0; margin: 0;	outline: 0;	padding: 0;	position: absolute;	top: 0;	width: 60px!important; }
.r_search_box {background-color: transparent; border: 0!important;	display: block;	height: 30px!important; padding: 0; width: 100%}
.r_search_box:focus {outline: 0}

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



.tableView_type1 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #2b405b;margin-left:-1px;font-size:0.938em;border-bottom:1px solid #bbb;}
.tableView_type1 th {padding:10px 15px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;font-size:13px}
.tableView_type1 td {padding:7px 15px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;font-size:13px}
.tableView_type1 th {background:#f8f8f8;color:#222;}
.tableView_type1 td {background:#fff;color:#555;}
.tableView_type1 thead th {font-size:13px;background:#fff;color:#333;border-bottom:1px solid #000; text-align:center;}
.tableView_type1 tbody th {text-align:center;}
.tableView_type1 th:first-child, .tableView_type1 td:first-child {border-left:0}
.tableView_type1 th:last-child, .tableView_type1 td:last-child {border-right:0}
.tableView_type1 .left,.tableView_type1 .l {text-align:left; padding-left:15px}


/* 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 }

/* 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-color: #ffd602; color:#fff; }
.modal-header h2 { color:#4e5155; line-height:30px; padding:0px;}
.modal-body { padding: 15px 10px; }
.modal-footer { padding: 2px 16px; background-color: #5cb85c; color:#fff; }


/* 로그인 */
#wrapping { width: 100%; height: 520px; position: absolute; left: 50%; margin-left: -50%; margin-top: -260px; vertical-align: middle; top: 50%; }
#wrapping .Login { position: relative; width: 800px; height: 440px; margin: 0 auto; background:#fff url(../../_Images/login/img_login.png) no-repeat right 50%; display: block; font-size: 25px; color: #333333; font-weight: 300 }
/* 로고 */
#wrapping .Login h1 { width: 340px; height: 43px; left: 30px; top: 40px; position: absolute; font-weight: 300; }
#wrapping .Login h1 img { vertical-align: middle; padding-right: 15px; padding-bottom: 3px; }
#wrapping .Login .login_box { width: 340px; top: 110px; position: relative; left: 30px; }
/* 로그인 상자 안의 로그인 폼 부분 */
#wrapping .Login .login_box dl { width: 100%; }
#wrapping .Login .login_box dt { width: 70px; padding: 5px 0 5px 0px; font-size: 13px; color: #939393; letter-spacing: -1px; }
#wrapping .Login .login_box dd { width: 100%; padding: 2px 0 20px 0; }
#wrapping .Login .login_box input[type='text'], #wrapping .Login .login_box input[type='password'] { width: 100%; height: 35px; border: 0px; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #202020; }
#wrapping .Login .login_box input::placeholder {
color: #202020;
}
#wrapping .Login .login_box input::-webkit-input-placeholder {
color: #202020;
}
#wrapping .Login .login_box input:-ms-input-placeholder {
color: #202020;
}
/*#wrapping .Login .login_box .id { background: url(_Image/Login/login_icon_id.png) no-repeat right 50%; }
#wrapping .Login .login_box .pw { background: url(_Image/Login/login_icon_pw.png) no-repeat right 50%; }*/
#wrapping .Login .login_box p { height: 40px; }
#wrapping .Login .login_box .checkbox { font-size: 13px; color: #202020 }
#wrapping .Login .login_box .checkbox input+label { display: inline-block; }
#wrapping .Login .login_box .checkbox input+label>span { display: inline-block; }
#wrapping .Login .btn_login { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; height: 45px; line-height: 45px; text-align: center; padding: 0; background: #ffd602; border: solid 0px #004899; border-radius: 3px; color: #333333; font-size: 14px; cursor: pointer; text-decoration: none; }
#wrapping .copyright {width:100%; text-align:center; border-top:1px solid #dadada; padding:30px 0px; font-size: 12px; color: #333333 }


/* 스케줄관리 */
.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-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; color: #000;}

.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;}

/* The checkbox */
.checkbox { display: block; position: relative; padding-left: 25px; margin-bottom: 30px; cursor: pointer; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff; border:2px solid #d0d0d0; border-radius:5px; }
/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark { background-color: #fff; }
/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark { background-color: #fff; border:2px solid #12263f; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid #12263f; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }