@charset "utf-8";

#wrap {width:100%;background:url('../images/navi_bg.png') repeat-x 0 45px;}
/* #wrap_in {width:1260px;margin:0 auto;} */

/* 로그인 */
.login {width:692px;margin:0 auto;padding-top:300px;}
.log_top {font-size:24px;font-weight:600;color:#3877bc;}
.log_top .sp01 {color:#48d1ea;padding-left:3px;}
.log_top .sp02 {color:#999;font-weight:normal;font-size:14px;padding-left:6px;}
.log_content {position:relative;width:692px;height:248px;background:url('../images/login_bg.png') no-repeat 0 0;margin-bottom:6px;}
.log_content .inner {position:absolute;top:74px;left:23px;width:334px;height:105px;border:2px solid #a1c8e3;background-color:#fff;}
.log_content .inner .cast_title {overflow:hidden;margin-bottom:8px;}
.log_content .inner .cast_title.pt {padding-top:26px;}
.log_content .inner .label01 {float:left;width:55px;text-align:left;font-weight:bold;padding-left:10px;font-size:12px;color:#666;line-height:22px;}
.log_content .inner .ipt {float:left;width:147px;border:1px solid #b6b6b6;height:20px;line-height:20px;padding:0 6px;}
.log_content .inner .btn_login {position:absolute;top:28px;left:237px;width:74px;height:50px;}
.log_bottom {font-size:12px;color:#999;text-align:right;}

/* layout - 공통 */
.header {width:100%;height:83px;position:relative;}
.header .top_inner {min-width:1200px;height:45px;margin:0 auto;}
.header .top_inner h1 {float:left;font-size:18px;color:#3877bc;font-weight:600;line-height:45px;height:45px;padding-left:15px;}
.header .top_inner h1 .sp01 {color:#48d1ea;padding-left:3px;}
.header .top_inner h1 .sp02 {color:#999;font-weight:normal;font-size:12px;padding-left:6px;}
.header .top_inner .path {float:right;}
.header .top_inner .path ul {padding:18px 24px 0 0;overflow:hidden;}
.header .top_inner .path ul li {float:left;padding:0 9px 0 7px;line-height:11px;background:url('../images/path_bar.gif') no-repeat right 0;}
.header .top_inner .path ul li.last {background:none;}
.header .top_inner .path ul li a {color:#707070;font-size:11px;}
.header .top_inner .log_info {float:right;padding:13px 20px 0 0;}
.header .top_inner .log_info span {display:inline-block;font-size:12px;font-weight:bold;color:#19bcdf;padding-right:12px;}
.header .top_inner .log_info a {display:inline-block;border:1px solid #485767;height:18px;line-height:18px;text-align:center;color:#fff;border-radius:2px;background-color:#67768b;padding:0 8px;}
.header .navi {min-width:1212px;height:38px;background:url('../images/navi_bg.png') repeat-x 0 0;}
.header .navi .navi_inner {height:35px;padding-left:12px;}
.header .navi .navi_inner ul {overflow:hidden;float:left;z-index:10;}
.header .navi .navi_inner ul li {float:left;padding:0 14px 0 13px;background:url('../images/navi_bar.gif') no-repeat right 9px;line-height:35px;}
.header .navi .navi_inner ul li.last {background:none;}
.header .navi .navi_inner ul li a {display:block;color:#fff;font-size:12px;font-weight:bold;}
.header .navi .navi_inner ul li a.on {color:#53d0fe;}
.header .navi .navi_inner ul li ul {position:absolute;width:100%;background-color:#1c436d;height:46px;left:0;}
.header .navi .navi_inner ul li ul li {line-height:46px;padding:0 10px;background:none;}
.header .navi .navi_inner ul li ul li a {font-size:12px;color:#fff;}
.header .navi .navi_inner ul li ul li a:hover {color:#19bcdf;}
.solgan {width:100%;height:191px;margin-top:-3px;background-color:#dfdfdf;}
.solgan .inner {width:1260px;margin:0 auto;}

.content {position:relative;width:1260px;margin:0 auto;}

/* layout - 메인 */
.content .main_con {width:985px;margin:35px auto 0;overflow:hidden;}
.content .main_left {float:left;width:310px;}
.content .main_user {border:1px solid #ddd;padding:15px 0;width:308px;height:168px;}
.content .h2_bgbox {font-size:14px;font-weight:600;color:#275cac;border:1px solid #ddd;background:#eff5fe;padding:6px 0 6px 15px;margin:0 10px 20px 10px;}
.content .main_user .main_photo {width:80px;height:90px;margin:0 10px;}
.content .main_user ul {width:200px;}
.content .main_user ul li {line-height:22px;letter-spacing:-0.5px;font-weight:600;color:#999;}
.content .main_user ul li span {color:#000;margin:0 0 0 3px;font-weight:normal;}
.content .main_work {clear:both;float:left;margin:20px 0 0 0;}
.content .main_work .today {font-size:20px;font-weight:600;color:#f89304;line-height:20px;text-align:center;margin:25px 0;}
.content .main_work span {color:#000;letter-spacing:0.5px;}

.content .main_center {float:left;width:340px;margin:0 30px;}
.content .cnblock {height:200px;}
.content .cn_tit {overflow:hidden;height:25px;border-bottom:1px solid #ddd;padding:0 0 10px 0;}
.content .cn_tit h2 {font-size:14px;font-weight:600;float:left;line-height:14px;color:#275cac;}
.content .cn_tit a {float:right;padding-right:6px;}
.content .cn_con {width:100%;margin:18px 0 8px 0;padding:0 0 20px 0;border-bottom:1px solid #ddd;}
.content .cn_con li {height:25px;line-height:25px;padding:0 15px;}
.content .cn_con li a {float:left;font-size:12px;color:#666;}
.content .cn_con li span {float:right;font-size:12px;color:#666;}
.content .cn_con li:hover {background-color:#f5f5f5;}
.content .cn_con li:hover a {color:#333;font-weight:600;}
.content .cn_con li:hover span {color:#666;font-weight:600;}

.main_schedule  {float:left;width:273px;}
.main_monwork {width:273px;}
.main_monwork p {text-align:center;font-size:12px;font-weight:600;line-height:25px;color:#000;border:1px solid #ddd;background:#f5f5f5;}

.box {float:left;width:60px;font-size:12px;line-height:24px;text-align:center;padding:5px 0;}
.box span {font-size:20px;font-weight:700;}
.box1, .box2, .box3, .box4 {border-radius:4px;}
.box1 {background:#e3f1fd;color:#6dabde;}
.box2 {background:#fbdfdf;color:#df6d6d;}
.box3 {background:#ddfbf8;color:#39ada2;}
.box4 {background:#f2e9fe;color:#9174b6;}

.content .main_energy {width:943px;margin:20px auto 50px;overflow:hidden;border:1px solid #ddd;padding:20px;}

/* layout - 서브 */
.leftmenu {position:absolute;left:0;top:0;width:210px;height:100%;}
.leftmenu .left_tit {width:210px;height:50px;line-height:51px;text-align:center;font-size:24px;color:#fff;font-weight:500;background:url('../images/left_tit.png') no-repeat 0 0;}
.leftmenu .left_con {background-color:#f3f3f3;border:1px solid #d1d1d1;border-top:none;min-height:100%;}
.leftmenu .left_con ul li {width:208px;height:36px;border-bottom:1px solid #ddd;}
.leftmenu .left_con ul li a {display:block;color:#222;font-size:14px;font-weight:600;line-height:16px;padding:10px 0 11px 10px;}
.leftmenu .left_con ul li a:hover {color:#275cac;font-weight:600;}
.leftmenu .left_con .odd {background:url('../images/bul_off.png') no-repeat 192px 13px;}
.leftmenu .left_con .osel {background:url('../images/bul_on.png') no-repeat 192px 13px;}
.leftmenu .left_con ul li ul {display:none;}
.leftmenu .left_con ul li ul li {width:190px;padding:0 0 0 18px;background:#eee url('../images/bul_lm2depth.png') no-repeat 20px 15px;}
.leftmenu .left_con ul li ul li a {display:inline-block;color:#555;}

.sub_content {margin:0 0 0 220px;width:1040px;overflow:hidden;}
.sub_content .sub_h2 {height:50px;line-height:50px;color:#275cac;font-size:20px;font-weight:500;border-bottom:2px solid #87bbf5;}
.sub_content .xh {font-size:12px;color:#666;margin:11px 0 16px 8px;}

.searchbox {padding:15px;border:1px solid #ddd;text-align:center;}
.searchbox select {min-width:100px;display:inline-block;border:1px solid #ccc;height:24px;vertical-align:top;margin-right:5px;}
.searchbox input {display:inline-block;vertical-align:top;}
.searchbox input[type='text'] {height:18px;margin:0;}

.tbl_topl {float:left;width:514px;}
.tbl_top {background:#f5f5f5;padding:14px;color:#222;font-size:14px;line-height:14px;font-weight:600;border:1px solid #ddd;}
.tbl_top span.menu {color:#275cac;font-weight:600;padding-right:5px;}
.tbl_top span.menu a {color:#275cac !important;}

.f_left {float:left;}
.f_right {float:right;}
.star, .tbold {color:#00aeff;font-weight:bold;}
.tbold02 {color:#275cac ! important;}
.p_left {float:left;width:290px;}
.p_right {float:left;width:300px;margin-left:10px;}
.s_tit {color:#222;font-size:14px;font-weight:600;margin-bottom:2px;}
.thleft {text-align:left;margin:0 0 0 10px;}
.tdcenter {text-align:center;}
.le_spacing {letter-spacing:-0.5px;}
.le_spacing02 {letter-spacing:1px;}
.photo, .photo02, .photo03 {border:1px solid #aaa;background-color:#eee;text-align:center;}
.photo {width:230px;height:190px;line-height:190px}
.photo02 {width:150px;height:170px;line-height:170px;}
.photo03 {width:280px;height:200px;line-height:200px;}
.disin {display:inline-block;}
.fweight {font-weight:normal;}

/* footer */
.footer {padding:8px 0;background:#f3f3f3;text-align:center;font-size:11px;color:#777;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}

/* 테이블 스타일 */
.trbg {background-color:#f5f5f5;}
.click_a {display:inline-block;vertical-align:middle;}
.lath {border-right:1px solid #ddd;}
.latd {border-left:1px solid #e5e5e5;}

.table01 {margin-bottom:20px;}
.table01 th {border-top:3px solid #275cac;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#275cac;padding:6px 0;background-color:#eff5fe;}
.table01 td {border-top:none !important;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;color:#111;padding:6px 10px;}
.table01 td a {color:#0c49bd;}
.table01 td:first-child {border-left:1px solid #e5e5e5;}
.table01 th:first-child {border-left:1px solid #e5e5e5;}
.table01 tr:hover {background-color:#eee;}
.table01 tr:hover td{color:#333;}
.table01 .rom {background-color:#8ba5be;color:#fff;}
.table01 .yel {background-color:#fff600;}
.table01 .pd_twice {padding:2px 10px;}

.table02 {border-top:1px solid #ddd;margin-bottom:10px;}
.table02 th {border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:#eff5fe;color:#275cac;padding:6px 10px;text-align:left;}
.table02 td {border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:6px;text-align:left;}
.table02 select {border:1px solid #ccc;height:20px;line-height:20px;margin-right:5px;}
.table02 img {vertical-align:middle;padding:0 5px;cursor:pointer;}
.table02 input[type="text"] {vertical-align:middle;}

.table03 {border-top:3px solid #275cac;margin-bottom:20px;}
.table03 th {border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#275cac;padding:6px 0;background-color:#eff5fe;}
.table03 td {border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;color:#111;padding:6px 10px;}

.table04 {border-top:3px solid #275cac;margin-bottom:10px;}
/* .table04 th {border-left:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#eff5fe;color:#275cac;font-weight:600;padding:6px 10px;} */
.table04 th {border-left:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#eff5fe;color:#275cac;font-weight:600;padding:6px 10px;}
.table04 .tht {border-left:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#275cac;color:#fff;font-weight:600;padding:6px 10px;}
.table04 .thd {border-left:0px solid #ddd;background-color:#fff;color:#000;font-weight:600;padding:6px 10px;font-size: 15px;}
.table04 td {border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding:6px 5px;}
.table04 select {border:1px solid #ccc;height:24px;margin-right:5px;}
.table04 textarea {border:1px solid #ccc;width:98%;min-height:50px;padding:0 5px;}
.table04 input[type='text'] {width:85%;}
.table04 img {vertical-align:middle;cursor:pointer;}

.table05 {border-top:3px solid #275cac;margin-bottom:10px;}
.table05 th {border:1px solid #ddd;border-top:none;background-color:#eff5fe;color:#275cac;font-weight:600;padding:6px 10px;}
.table05 td {border:1px solid #ddd;border-top:none;padding:none;}

.table06 {border-top:3px solid #275cac;margin-bottom:10px;}
.table06 th {border-bottom:1px solid #ddd;border-left:1px solid #ddd;color:#275cac;padding:6px 10px;background-color:#eff5fe;letter-spacing:0;}
.table06 td {border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:6px 5px;letter-spacing:0;}

.schedule {position:relative;width:100%;}
.schedule_l {float:left;width:300px;height:100%;}
.schedule_r {margin-left:310px;}
.schedule_tbl {border-top:1px solid #ddd;}
.schedule_tbl th {border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#222;padding:6px 0;background-color:#d1e6e8;}
.schedule_tbl th.tw {background-color:#f5f5f5;padding:6px 0;}
.schedule_tbl td {border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#111;padding:2px;}
.schedule_tbl .red {color:#ff0000;}
.schedule_tbl .blue {color:#007aff;}
.schedule_tbl .org {color:#f89304;font-weight:600;}
.schedule_tbl select {border:1px solid #ccc;height:24px;margin-right:5px;padding:2px;}
.schedule_tbl .tl {text-align:left;line-height:16px;}
.schedule_tbl .tr {text-align:right;line-height:16px;}
.schedule_tbl .tl02 {text-align:left;line-height:18px;}
.schedule_tbl .tr02 {text-align:right;line-height:18px;}
.schedule_tbl .bg_blue {background-color:#d1e6e8;}

.w_scroll {overflow:auto;padding:0;margin:0;}
.atten {background-color:#d1e6e8;margin:0;padding:0;}
.atten ul li {line-height:20px;}

/* popup */
.pop {width:100%;padding:15px;}
.pop .tit {font-size:24px;border-bottom:2px solid #6da8e9;margin-bottom:14px;line-height:26px;padding-bottom:3px;color:#444;font-weight:normal;}

.pop_tt {border:2px solid #d0d0d0;background-color:#f6f6f6;margin-bottom:10px;}
.pop_tt ul {padding:10px 0 0 15px;}
.pop_tt ul li {margin-bottom:12px;line-height:12px;}
.pop_lay {width:100%;overflow:hidden;}

.tab {width:800px;position:relative;overflow:hidden;border-bottom:2px solid #aaa;}
.tab ul {width:100%;}
.tab ul li {float:left;text-align:center;background:#eee;}
.tab ul li a {display:block;padding:5px 15px;border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.tab ul li:last-child a {border-right:1px solid #cdcdcd;}
.tab ul li a.on {color:#000;font-weight:600;background:#fff;border-bottom:2px solid #fff;margin:0 0 -3px;}
.tab ul li a:hover {color:#000;font-weight:600;}

.tabBd {width:1040px;position:relative;overflow:hidden;border-bottom:2px solid #aaa;}
.tabBd ul {width:100%;}
.tabBd ul li {float:left;text-align:center;background:#eee;}
.tabBd ul li a {display:block;padding:5px 15px;border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.tabBd ul li:last-child a {border-right:1px solid #cdcdcd;}
.tabBd ul li a.on {color:#000;font-weight:600;background:#fff;border-bottom:2px solid #fff;margin:0 0 -3px;}
.tabBd ul li a:hover {color:#000;font-weight:600;}

.pop_paging ul {width:100%;}
.pop_paging ul li {display:inline;margin:0 5px 0 0;line-height:21px;}
.pop_paging ul li a {display:inline-block;text-align:center;}
.pop_paging ul li.on a {display:inline-block;color:#2b98d4;}
.pop_paging ul li a:hover {color:#275cac;font-weight:600;}

.pop .pop_area {width:100%;}
.pop .area_list {height:160px;overflow:auto;padding:15px 0 15px 20px;}
.pop .area_list ul li {line-height:25px;}

/* 버튼 스타일 */
.bt_lay {width:100%;overflow:hidden;}
.text_btn {color:#00aeff;font-weight:600;padding-right:8px;}
.text_btn2 {color:#00aeff;font-weight:600;padding-left:4px;padding-right:4px;}
.btn {display:inline-block;height:20px;line-height:18px;font-size:12px;padding:0 15px;border-radius:3px;}
.btn_workoff {color:#777;background-color:#eee;border:1px solid #ccc;}
.btn_workon {color:#fff;background-color:#275cac;border:1px solid #133e7f;}

.btn02 {display:inline-block;height:24px;line-height:24px;color:#fff !important;font-size:14px;padding:0 15px;}
.btn03 {display:inline-block;height:24px;line-height:24px;color:#fff !important;font-size:14px;padding:0 15px;}
.btn04 {display:inline-block;height:24px;line-height:24px;color:#fff !important;font-size:14px;padding:0 10px;}
.btn_list {background-color:#275cac;}
.btn_primary {background-color:#123e6f;}
.btn_inverse {background-color:#797979;}

/* 페이징 */
.paging ul {width:100%;}
.paging ul li {display:inline;line-height:19px;}
.paging ul li a {display:inline-block;text-align:center;padding:0 5px;}
.paging ul li.ico a {border:none;}
.paging ul li.on a {display:inline-block;border:1px solid #2b98d4;color:#2b98d4;}
.paging ul li a:hover {color:#275cac;}

/* 코드관리 */
.tree {float:left;width:100%;margin:10px;}
.tree ol li {width:450px;line-height:18px;padding:0 0 5px 0;}
.tree ol li ol li {width:450px;margin:0 0 0 15px;}
.tree ol li ol li ul {width:450px;margin:0 0 0 15px:}
.tree ol li ol li ul li {background:url('../images/file.gif') no-repeat 0 2px;text-indent:13;padding:0 0 0 18px;}

/* 분석관리 */
.analysys {width:100%;border-top:3px solid #275cac;}
.analysys h3 {font-size:12px;text-align:center;font-weight:600;color:#275cac;background-color:#eff5fe;padding:6px 0;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.analysys div {text-align:center;padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}

td.use_n {font-weight: bold; color: #DDD;}


.sitemap {padding:15px 0 0 15px;width:950px;overflow:hidden;}
.sitemap dt {float:left;width:117px;height:43px;margin-bottom:7px;}
.sitemap dt a {border:2px solid #92c2f7;background-color:#eff7ff;width:113px;height:39px;line-height:39px;display:block;color:#3c7abe;font-size:14px;font-weight:600;text-align:center;}
.sitemap dt a.ev {background-color:#fff;}
.sitemap dd {float:left;width:832px;height:43px;margin-bottom:7px;}
.sitemap dd ul {padding:7px 0 0 13px;}
.sitemap dd ul li {float:left;margin-right:12px;}
.sitemap dd ul li a {display:block;padding:0 11px 0 6px;height:27px;line-height:27px;font-size:14px;color:#003e6d;font-weight:600;}
.sitemap dd ul li a:hover {background-color:#ebebeb;}
.sitemap dd.bv ul li a {color:#222;}
