@charset "utf-8";
/* CSS Document */

#container { width:100%;height:100%;background:#f3f7f8; }
#login_wrap { position:relative; width:473px; height:100%;font-size:14px; }
.login_form { position:absolute; left:0px; top:190px; width:100%; }
.txt_field_v1  { width:470px; height: 47px;line-height:47px; vertical-align: middle; background: #fff url(../img/icon_v01.png) 18px 50% no-repeat; color: #bcc9c6; border:1px solid #d3d3d3; text-indent:50px;margin-top:30px; }
.txt_field_v1:focus { color:#86a39c; } 
.txt_field_v2  { width:468px; height: 47px;line-height:47px; vertical-align: middle; background: #fff url(../img/icon_v02.png) 18px 50% no-repeat; color: #bcc9c6; border:1px solid #d3d3d3; text-indent:50px;margin-top:18px; }
.txt_field_v2:focus { color:#86a39c; }
.txt_field_v3 { width:100%;vertical-align:middle;box-sizing:border-box;color:#000;border:none;text-align:right;margin-top:20px; }
.txt_field_v3 span {background:url(../img/login_line.gif) 0% 50% no-repeat;padding-left:15px;}
.txt_field_v3 span:first-child {width: 100px;display: inline-block;background:none;background: #ee7b00;color: #fff;height: 40px;line-height: 40px;text-align: center;padding: 0;/* margin-right: 0; */}
.txt_field_v4 { width: 100%; vertical-align: middle;   box-sizing: border-box; color: #000; border:none;padding:15px 0;overflow:hidden; }
.txt_field_v4 span.caps {color:#e1283d;float:right;font-weight:bold;margin-right:3px;}
.login_btn { width:468px;height:58px;line-height:58px;text-align:center;background:#13426b;color:#fff;border:1px solid #d3d3d3;font-weight:bold;margin:0;}
.popup {position:relative;}
.popup h1 {font-size:20px;font-weight:bold;letter-spacing:-1px;height:64px;line-height:68px;color:#fff;border:3px solid #13426b;background:url(../img/popup_bg.gif);text-indent:26px;}
.btn_close {position:absolute;top:30px;right:20px; width:19px; height:19px; display:inline-block; cursor:pointer; background:url(../img/close_btn_v01.gif) no-repeat; }
.popup_contents {border:3px solid #13426b;border-top:none;padding:28px 22px;}
.popup_contents p.cau {color:#e1283d;font-weight:bold;font-size:14px;}
.table_wrap {position:relative;margin-top:20px;}
.wrap { position:relative;width:100%;text-align:center;padding-top:23px; }
.btn_wrap {width:100%;padding:20px 0 0;overflow:hidden;}
.btn_normal { width:95px;font-size:16px;font-weight:bold;color:#fff;background-color:#a9a9a9;height:39px;line-height:39px;cursor:pointer;display:inline-block;}
.btn_confirm { width:95px;font-size:16px;font-weight:bold;color:#fff;background-color:#13426b;height:39px;line-height:39px;cursor:pointer;display:inline-block;}
.btn_search { width:95px;font-size:14px;font-weight:bold;color:#fff;background-color:#13426b;height:27px;line-height:27px;cursor:pointer;display:inline-block;text-align:center;}
.btn_save { width:95px;font-size:14px;font-weight:bold;color:#fff;background-color:#a9a9a9;height:27px;line-height:27px;cursor:pointer;display:inline-block;text-align:center;}
.btn_modify { width:95px;font-size:14px;font-weight:bold;color:#fff;background-color:#a9a9a9;height:27px;line-height:27px;cursor:pointer;display:inline-block;text-align:center;}
.btn_file { width:95px;font-size:14px;font-weight:bold;color:#fff;background-color:#a9a9a9;height:27px;line-height:27px;cursor:pointer;display:inline-block;text-align:center;}
.btn_end { width:95px;font-size:14px;font-weight:bold;color:#fff;background-color:#5db55e;height:27px;line-height:27px;cursor:pointer;display:inline-block;text-align:center;}
.btn_delete { width:95px;font-size:14px;font-weight:bold;color:#fff;background-color:#797979;height:27px;line-height:27px;cursor:pointer;display:inline-block;text-align:center;}

.btn_excel { font-size:14px;font-weight:bold;color:#6c6c6c;height:25px;line-height:25px;cursor:pointer;display:inline-block;text-align:center;border:1px solid #a7a7a7;background:#fff url(../img/icon_v12.gif) 10px 49% no-repeat;text-indent:33px;padding-right:11px;}

.file_txt {background:url(../img/icon_v11.gif) 0 50% no-repeat;padding-left:20px;}
.btn_disable { font-size: 12px; font-weight: bold; color: #cfcfcf; background-color: #eaeaea; padding: 5px 8px; border: 1px solid #bbbbbb; cursor: pointer; display: inline-block; margin-left: 5px; }
.btn_normal.off { color:#999; }
.btn_normal2 { font-size: 12px; font-weight: bold; color: #313439; background-color: #eeeeee; padding: 8px 10px; border: 1px solid #bbbbbb; cursor: pointer; display: inline-block; margin-left: 5px; }
.btn_add { font-size: 12px; font-weight: bold; color: #fff; background-color: #0866c6;  height:24px; line-height:26px;  padding: 0px 7px; border: 1px solid #0a6bce; cursor: pointer; display: inline-block;   margin-left: 5px; }
.btn_add:hover { background: #0044cc; }


.tb_line_blue { border-top: 2px solid #13426b; }
.tb_line_nor { border-top: 1px solid #dddddd; }
.tb_line_normal { border-top: 1px solid #dddddd; }
.tb_line_normal_b { border-top: 1px solid #000; }
.bg_alert_gray { background-color: #f6f6f6; }

/* 텍스트 센터정렬되는 테이블 */
.tb_01 {border-collapse:collapse;font-size:13px;}
.tb_01 thead th { background-color:#f2f8fb;color:#000;}
.tb_01 { width: 100%; border-right: 1px solid #dddddd;  }
.tb_01 th { background-color:#f2f8fb;color:#000;text-align:center;padding:5px 5px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;height:26px;font-weight:bold; }
.tb_01 th.gray { background-color: #c9c9c9; }
.tb_01 td { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 8px 10px; font-size: 12px; vertical-align: middle; height:26px; text-align: center;color:#000; }
.tb_01 td.step_03 {color:#db5a54;font-weight:bold;}
.tb_01 td.step_04 {color:#f39700;font-weight:bold;}
.tb_01 td span.table_title_new { text-align:left;width:120px;background:url(../img/icon_v06.gif) 100% 50% no-repeat;padding:3px 45px 0 0 ;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
.tb_01 td span.table_title { text-align:left;width:120px;padding:3px 45px 0 0 ;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
.tb_01 td span.condi {width:46px;height:19px;line-height:19px;color:#fff;text-align:center;display:inline-block;}
.tb_01 td span.condi_btn {width:66px;height:28px;line-height:25px;color:#fff;text-align:center;display:inline-block;font-size: 14px;cursor: pointer;}
.tb_01 td span.start {background:#db5a54;}
.tb_01 td span.during {background:#5db55e;}
.tb_01 td span.end {background:#c3c3c3;}
.tb_01 td span.stop {background:#f39700;}
.tb_01 td span.delete {background:#797979;}
.tb_01 td span.reqconfirm {background:#57A8FA;}
.bg_alert_gray td {color:#777777;}
.tb_01 td.double { height:70px; }
.tb_01 td.link { text-decoration:underline; }




/*  */
.tb_02 {border-collapse:collapse;font-size:13px;}
.tb_02 thead th { background-color:#f2f8fb;color:#000;}
.tb_02 { width: 100%; border-right: 1px solid #dddddd;  }
.tb_02 th { background-color:#f2f8fb;color:#000;text-align:center;padding:5px 5px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;height:26px;font-weight:bold; }
.tb_02 th.gray { background-color: #c9c9c9; }
.tb_02 td { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 8px 10px; font-size: 12px; vertical-align: middle; height:26px;color:#000;line-height:18px; }
.tb_02 td.step_03 {color:#db5a54;font-weight:bold;}
.tb_02 td.step_04 {color:#f39700;font-weight:bold;}
.tb_02 td span.table_title { text-align:left;width:120px;background:url(../img/icon_v06.gif) 100% 50% no-repeat;padding:3px 45px 0 0 ;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
.tb_02 td span.condi {width:46px;height:19px;line-height:19px;color:#fff;text-align:center;display:inline-block;}
.tb_02 td span.condi_btn {width:66px;height:28px;line-height:25px;color:#fff;text-align:center;display:inline-block;font-size: 14px;cursor: pointer;}
.tb_02 td span.start {background:#db5a54;}
.tb_02 td span.during {background:#5db55e;}
.tb_02 td span.end {background:#c3c3c3;}
.tb_02 td span.stop {background:#f39700;}
.tb_02 td.double { height:70px; }
.tb_02 td.link { text-decoration:underline; }

.input_small { border:1px solid #bbbbbb;padding:5px 5px;width:100px;display:inline-block;float:left;color:#000;}
.input_small.pop { border:1px solid #bbbbbb;padding:5px 5px;width:50%;display:inline-block;float:left;}
.input_medium { border:1px solid #bbbbbb;padding:5px 5px;width:70%; }
.input_medium.email {color:#bcc9c6;}
.input_medium.email:focus {color:#86a39c;}
.input_large { border:1px solid #bbbbbb;padding:5px 5px;width:350px; }
.input_large.pop { border:1px solid #bbbbbb;padding:5px 5px;width:90%; }
.input_large280 { border:1px solid #bbbbbb;padding:5px 5px;width:280px; }
.select_normal { border: 1px solid #bbbbbb; padding: 4px 2px; width:100px; margin:0;font-size:14px;color:#000;}
.select_medium { border: 1px solid #bbbbbb; padding: 4px 2px; width:200px; margin:0;font-size:14px;color:#000;}
.select_wrap {overflow:hidden;}
p.count {width:100%;margin-top:18px;overflow:hidden;}
p.count span.count_txt {font-size:12px;color:#000000;padding-left:20px;float:left;background:url(../img/icon_v05.gif) 0 50% no-repeat;}
p.count em {color:#13426b;font-weight:bold;margin:0 3px;}

.paging { margin: 55px 0; text-align: center;font-size:12px; }
.paging a { color: #86868e; }
.paging li { display: inline; border: 1px solid #DDDDDD; color: #fff; line-height: 20px; padding: 7px 10px; background: #FFF; cursor: pointer; margin-right: 2px;  }
.paging li.left_arrow_move {background:url(../img/icon_v07.gif) 50% 50% no-repeat;text-indent:-9999999px;overflow:hidden;padding:7px 13px;}
.paging li.left_arrow {background:url(../img/icon_v08.gif) 50% 50% no-repeat;text-indent:-9999999px;overflow:hidden;padding:7px 13px;}
.paging li.right_arrow_move {background:url(../img/icon_v09.gif) 50% 50% no-repeat;text-indent:-9999999px;overflow:hidden;padding:7px 13px;}
.paging li.right_arrow {background:url(../img/icon_v10.gif) 50% 50% no-repeat;text-indent:-9999999px;overflow:hidden;padding:7px 13px;}

.paging li a { text-decoration:none; display:inline-block; }
.paging li.on { background:#13426b; color:#fff; border: 1px solid #13426b;  }
.paging li.on a { color:#fff; }


.usertap { background-color:#13426b; width:100%; height:60px; color:#fff; }
.usertap .user_pop {width:100px;height:100px;border:2px solid #13426b;position:absolute;right:174px;top:58px}
.user { color: #86868e; font-size: 14px; color: #FFF; width:960px; margin:0 auto; text-align:right; height: 60px; line-height: 60px;position:relative; }
.user span.header_txt {color:#fff;padding-left:15px;margin-left:15px;background:url(../img/header_line.gif) 0 50% no-repeat;}
.user span.header_txt.pop b {padding-right:15px;background:url(../img/icon_v13.png) 100% 50% no-repeat;margin-right:-4px;cursor:pointer;}
.user span:first-child {background:none;}
.user span a { color: #fff; }
.user a {text-decoration:none; color: #fff;}


.search { background:#f0f0f0;margin-bottom: 10px; border: 1px solid #dddddd; height: 60px; padding-top: 10px; overflow: hidden;margin-top:35px;padding:15px 20px;color:#000;}
.search label { display:inline-block !important; }
.contents {width:960px;margin:0 auto;padding-bottom:100px;}
.contents a {text-decoration:none;}
.contents h1 {background:url(../img/icon_v03.gif) 5px 50% no-repeat;padding-left:30px;margin-top:70px;}
.contents h1 span { font-size:30px;letter-spacing:-1px;color:#13426b;}
.contents h1 span em {font-weight:bold;color:#13426b;}

.icon_cal { background: url(../img/icon_v04.gif) no-repeat; display: inline-block; vertical-align: middle; width: 20px; height: 18px; cursor: pointer; }
.box_txt {font-size:14px;color:#13426b;display:block;width:100%;clear:both;margin-top:17px;float:left;}
.search_box {float:right;}
.searchbar input { padding: 8px 10px; width: 220px; border: 1px solid #cccccc; }

.user_pop {display:none;}


.footer { color:#393939; height:40px; clear:both; text-align:left; border-top:1px solid #ddd; background:#d1d1d1; float:left; width:100%; padding-bottom:10px; }
.footer span { padding:0 50px; padding-top:20px; margin-bottom:20px; float:left;  }
.header { height: 40px; background-color: #358ee0; }
.header .logo { width: 160px; height: 40px; background: url(../img/logo_w.png) no-repeat -8px; text-indent: -9999px; float: left; }
.header .logo a { display: block; width: 100%; height: 100%; }
.headmenu { float: left; height: 40px; border-right: 1px solid #388de0; }
.headmenu ul li { float: left; width: 100px; text-align: center; font-size: 13px; cursor: pointer; }
.headmenu ul li a { display: block; width: 100%; height: 100%; color: #fff; padding: 13px 0; }
.headmenu ul li a:hover { background-color: #2076cd; }
.menu_on { background: #FFF; color: #333333; font-weight: bold; padding: 13px 0; }

.row_fluid { width: 360px; float: left; }
.row_fluid h2 { color: #253745; font-size: 13px; font-weight: bold; padding: 10px;  }
.row_padding { margin-right: 23px }
#left { float: left; height: 100%; width: 159px; background-color: #eeeeee; color: #86868e; /*border-right: 1px solid #dddddd;*/ padding-top: 20px;  }

#left .tt { font-size: 15px; font-weight: bold; color: #444444; background-color: #fff; height: 25px; padding-top: 10px; padding-left: 10px; border-bottom: 1px solid #dddddd; }
#left li { color: #444444; }
.on { color: #358ee0; font-weight: bold; }
.group .title { cursor: pointer; padding: 10px; border-bottom: 1px solid #dddddd; }
.hasSub { background: url(../img/nav_bul02.png) no-repeat 140px; }
.group .title:hover { }
.group .sub { }
.group .sub li { border-bottom: 1px solid #dddddd; background: url(../img/nav_bul.png) no-repeat 10px; padding: 8px 0 8px 23px; }
.group .sub a:link, a:visited, a:active { color: #86868e;}
.leftSec { border: 1px solid #358ee0; background-color: #fff; height:auto; min-height:800px; border-bottom:none; /*border-left:none;*/ }
.leftSec h1 { background-color: #358ee0; color: #fff; padding: 10px; height:16px; text-align:center; }
#right { /*height: auto;*/ float: left; width: 783px; }
.headSec { background-color: #FFF; height: 87px; clear: both; border-bottom: 1px solid #bbbbbb; position:relative; }
.headSec h1 { padding-top: 34px; margin-left: 20px; font-size: 20px; font-weight: bold; color: #358ee0; }
.headSec ul { width: 200px; float:right; display:inline-block; }
.headSec li { float: left; margin-right: 10px; }
.headSec li a, .headSec li a:hover { color: #ffffff; }
.font_b { font-weight: bold; }
.conSec { /*overflow: auto;*/ padding: 20px; }
.sec { width: 100%; float: left; padding:10px; }
.sec h1 { color: #253745; font-size: 14px; font-weight: bold;  }
.sec h2 { color: #253745; font-size: 14px; font-weight: bold; padding: 10px; }
.sec h3 { color: #253745; font-size: 12px; font-weight: normal; padding: 10px; }
.sec h4 { color: #253745; font-size: 12px; font-weight: bold; padding: 10px; }
.sec_v1 { width: 100%; float: left; padding:10px; border-bottom:3px solid #358ee0; padding-bottom:50px; background-color: margin-bottom:30px; }
.sec_v1 h1 { color: #253745; font-size: 14px; font-weight: bold;  }
.sec_v1 h2 { color: #253745; font-size: 13px; font-weight: bold; padding: 10px; }
.sec_v1 h3 { color: #253745; font-size: 12px; font-weight: normal; padding: 10px; }

.depth { font-size: 11px; margin-left: 20px; margin-top: 5px; color: #86868e; }
.depth .current { color: #333; font-weight: bold; }

.search_v1 { border:none; height: 35px; padding-top: 10px; overflow: hidden }
.search li { display: inline }

#content_sec_v1 { position:relative; float: left;width: 290px; background-color: #fff;  }

.wrap_v1 { position:relative; float: left; width:100%; border-bottom:3px solid #358ee0; }
.wrap_v2 { position:relative; float: left; width:100%; border:1px solid #dddddd;  }
.wrap_normal { position:relative;  }
#content_sec_v2 { position:relative; float: left;width: 60px; min-height:200px; background-color: #fff;  }
#content_sec_v3 { position:relative; float: left;width: 390px; background-color: #fff;  }
#content_sec_v1 h2 { background-color: #f7f7f7; color: #333333; font-size: 12px; font-weight: bold; text-align: center; padding: 5px; border:1px solid #dddddd; height:25px; line-height:25px; text-align:left; padding-left:10px; letter-spacing:-0.08em;  }
#content_sec_v3 h2 { background-color: #f7f7f7; color: #333333; font-size: 12px; font-weight: bold; text-align: center; padding: 5px; border:1px solid #dddddd; height:25px; line-height:25px; text-align:left; padding-left:10px;  }
#content_sec_v4 { position:relative; float: left;width: 290px; background-color:#f3f3f3;   }
#content_sec_v5 { position:relative; float: right; width: 433px;    }
#content_sec_v6 { position:relative; float: left;width: 290px; background-color: #fff;  }
#content_sec_v6 h2 { background-color: #f7f7f7; color: #333333; font-size: 12px; font-weight: bold; text-align: center; padding: 5px; border:1px solid #dddddd; height:25px; line-height:25px; text-align:left; padding-left:10px;  }
#content_sec_v7 { position:relative; width: 439px; display:inline-block; float:left; margin-top:30px;  }
#content_sec_v8 { position:relative; width: 48%; display:inline-block; float:left; margin-top:30px;  }



.tb_ow_v1.off { display:none; }
.tb_ow_v1.on { display:block; color: #000; font-weight: normal; }

.popup_v500 { width:460px; overflow:hidden; padding:20px; }
.popup_v700 { width:660px; overflow:hidden; padding:20px; }
.popup_v800 { width:760px; overflow:hidden; padding:20px; }
.popup_v960 { width:920px; overflow:hidden; padding:20px; }


.in_panel { padding:10px; }
.count_div { background:#13426b;width:50px;height:43px;text-align:center;line-height:43px;color:#fff;position:absolute;left:-50px;}

.label_block td label {display: inline-block;}

#minical {width: 960px;position: relative !important; margin: 0 auto;}
#minical table {width: 148px;position: absolute;top: 310px;left: 130px;background: #fff;}