﻿/* CSS Document */

body { margin: 0; padding: 0; color: #333; font-size: 11px; font-family: Verdana, Geneva, sans-serif; letter-spacing: normal; line-height: 130%; }
* { margin:0; padding:0; }
ul { list-style: none; }
/*img { border: 0; display: block; margin: 0; padding: 0; }*/
img { border: 0; margin: 0; padding: 0; }
select, input { font-size: 11px; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { color: #00235d; text-decoration: underline; font-weight: normal; }
caption { background: url(/images/new/bg_caption.gif) 8px 9px no-repeat; text-align: left; font-size: 11px; color: #23496e; padding: 3px 0 7px 15px; font-weight: bold;}

.brclear { clear: both; margin: 0; padding: 0; }
.fl_left { float: left; margin-right: 5px;}
.red { color:#f3291a; line-height:160%;}
.spcs { width: 55px; display: inline-block;  font-weight: bold; color:#f3291a;}

/* 로고 및 상단 버튼 */
/*2011-03-14#Header { float: left; margin: 0; padding: 0; background: url(/images/bg_01.gif) left top no-repeat; height: 69px; display: inline; }*/
#Header { margin: 0; padding: 0; background: url(/images/bg_01.gif) -20px top no-repeat; height: 69px; }
#Header dt { padding: 21px 0 16px 0; float: left;}
#Header dd { float: right; }
#Header ul { padding-right: 10px; margin: 5px; padding: 0; }
#Header li { float: left; padding-left: 5px; margin: 0; color: #1360a8;}
#Header li span { color: #00b1c3; font-weight: bold;}


/* 상단 메인 메뉴 */
#Gnv { background-color: #adcee3; margin-left: 0; display: inline;}
#Gnv ul { background: url(/images/new/bg_gnb.gif) left top no-repeat; padding: 7px 0 0 15px; height: 33px;  margin: -40px 0 0 160px;}
*html #Gnv ul { background: url(/images/new/bg_gnb.gif) left top no-repeat; padding: 7px 0 0 15px; height: 33px;  margin: -57px 0 0 160px;}
#Gnv li { float: left; padding: 0 0 0 20px; margin: 0 0 0 0; background: url(/images/gnb_bar.gif) 9px 50% no-repeat; }
#Gnv li.first { background: none; padding-left: 0;}
#Gnv li img { display: block;}
.gbv_bg{ position: absolute;top: 29px;left: 0;z-index:-1;width: 100%}
.gbv_bg div{width: 100%;background-color: #adcee3;height: 40px;}

/* 상단 메인 메뉴 */
/*#Gnv { width: 100%; background-color: #adcee3; float: none; margin-bottom: 20px; }
#Gnv ul { background: url(/images/BG_Gnv.gif) left top no-repeat; height: 70px; padding-left: 25px; width: 1000px; }
#Gnv li { float: left; padding: 0 0 0 20px; margin: 0; width: 165px; background: url(/images/gnb_bar.gif) 7px 50% no-repeat; }
#Gnv li.first { background: none; }*/

/* 하단 Copy */
#Footer { width: 100%; padding: 20px 0 20px 0; text-align: center; background-color: #f5f5f5; border: 1px solid #dcdcdc; border-left: none; border-right: none; }
#Footer img { margin: 0 auto;}


/* 왼쪽메뉴 */
/*.leftmenu { margin: 5px 0 30px 0; width: 160px; height: 300px; float: left; background: url(/images/leftmenu_bg.gif) right top no-repeat;clear:both} 2011-03-14*/
.leftmenu {
  background: url("/images/leftmenu_bg.gif") no-repeat scroll right top transparent;
    height: 300px;
    left: 0;
    position: absolute;
    top: 75px;
    width: 160px;}
.leftmenu li.tit { background-color:#8bb7dc; height: 30px; padding: 10px 0 0 20px; margin: 0;}
.leftmenu li ul li { border-bottom: 1px solid #a9bfd2; color: #00235d; font-size: 11px; margin:0 10px 0 15px; padding: 0;}
.leftmenu li ul li ul li { border-bottom: 1px dashed #a9bfd2; color: #00235d;  margin:0 5px 0 10px; padding: 0;}
.leftmenu li ul li a:link, .leftmenu li ul li a:visited { background:url(/images/leftmenu_li_off.gif) 5px 8px no-repeat; padding: 5px 0 5px 22px; display: block; color: #00235d; font-size: 11px; font-weight: bold;}
.leftmenu li ul li a:hover, .leftmenu li ul li a:active { background:url(/images/leftmenu_li_on.gif) 5px 11px no-repeat #e5eef6; adding: 5px 0 5px 22px; display: block; color: #00235d; font-size: 11px; font-weight: bold; text-decoration: none;}
.leftmenu li ul li ul li a:link, .leftmenu li ul li ul li a:visited { margin: 0; padding: 4px 0 4px 13px; font-size: 11px; background-color: #e5eef6; background: none; font-weight: normal;}
.leftmenu li ul li ul li a:hover, .leftmenu li ul li ul li a:active { margin: 0; padding: 4px 0 4px 13px; font-size: 11px; background: url(/images/leftmenu_li_li_bg.gif) right top no-repeat; color: #fff; font-weight: bold; text-decoration: none;}

/* 우측 콘텐츠 영역 */
#Con_wrap { margin-left: 170px; padding-right: 10px;min-height: 300px;}/* 브라우저 영역너비에 따라 이동하는 배경이미지*/
h1.f_title { background: url(/images/new/bg_h1.gif) left 10px no-repeat; float: left; margin: 0 0 0 0; padding: 10px 0 0 20px; font-size: 14px; font-weight: bold; color: #182e6c;} /*타이틀이미지*/

/* 페이지 네비 */
.page_nav { float: right; padding-right: 10px; margin: 10px 0 5px 0;}
.page_nav li { float: left; background: url(/images/page_nav_dd.gif) left 6px no-repeat; padding: 0 0 0 10px; margin: 0 0 0 8px;}
.page_nav li.home { background: none; padding: 0;}
.page_nav li a { padding: 2px 3px 3px 3px; display: block;}

/* 테이블 스타일 모음 */
.com { margin:0px; padding: 0; text-align: left; }
.com li {  width:100px; float:left; color: #333;  padding: 3px 5px 3px 8px; background: url(/images/li_img_01.gif) 0px 6px no-repeat; margin: 2px 0 0 0; }
.com li.mid {  width:200px; float:left; color: #333;  padding: 3px 5px 3px 8px; background: url(/images/li_img_01.gif) 0px 6px no-repeat; margin: 2px 0 0 0; }
.com li.long {  width:250px; float:left; color: #333;  padding: 3px 5px 3px 8px; background: url(/images/li_img_01.gif) 0px 6px no-repeat; margin: 2px 0 0 0; }
.com li.two {  width:160px; float:left; color: #333;  padding: 3px 5px 3px 8px; background: url(/images/li_img_01.gif) 0px 6px no-repeat; margin: 2px 0 0 0; }

.btn_01 { margin: 0; padding: 0; text-align: center; cursor:hand;}
.btn_01 li { background: url(/images/btn_01_01.gif) right top no-repeat; float: left; padding: 0 0 5px 0; margin-right: 5px;}
.btn_01 li.right { background: url(/images/btn_01_01.gif) right top no-repeat; float: right; padding: 0 0 5px 0;}
.btn_01 li.blue { background: url(/images/btn_02_01.gif) right top no-repeat;}
.btn_01 li.green { background: url(/images/btn_03_01.gif) right top no-repeat; float: left; padding: 0 0 5px 0;}
input.btn_01 { background: url(/images/btn_01_02.gif) left top no-repeat; font-weight: bold; color: #fff; border: none; width: 70px; padding: 5px 0;}
input.btn_02 { background: url(/images/btn_02_02.gif) left top no-repeat; font-weight: bold; color: #fff; border: none; width: 70px; padding: 5px 0;}
input.btn_03 { background: url(/images/btn_03_02.gif) left top no-repeat; font-weight: bold; color: #fff; border: none; width: 50px; padding: 5px 0;}
input.btn_04 { background: url(/images/btn_02_02.gif) left top no-repeat; font-weight: bold; color: #fff; border: none; width: 40px; padding: 5px 0;}


.table_wrap { border: 1px solid #c7dce9; background-color: #e7f2f9; border-collapse: collapse; font-size: 11px;}
.table_wrap td { background-color: #fff; padding: 2px; vertical-align: top;}
.table_overflow { width: 99%; overflow-x: auto; padding-bottom: 15px; margin-bottom: 10px;}

.table_01 { border-top: 1px solid #92bad4;  border-bottom: 1px solid #92bad4; margin-bottom:10px;clear: both;}/*2011-03-14*/
.table_01 label.label_hidden { display: none;}
.table_01 th  { background: url(/images/bul_square.gif) 15px 50% no-repeat #e7f2f9; border-bottom: 1px solid #fff; border-left: 1px solid #fff; font-size: 11px; color: #00235d; font-weight: bold; text-align: left; padding: 3px 15px 3px 25px;}
.table_01 th.first{  border-top: 1px solid #fff; }
.table_01 td { background-color: #fff; padding: 3px 15px 3px 10px; border-top: 1px solid #dadada;}
.table_01 td.first { border-top: none;}
.table_01 tfoot td.left { border: 1px solid #dadada; background-color: #fff; text-align: left; font-size:11px;}
.table_01 td label { padding-bottom: 10px;}
.table_01 p { float: right;}


.table_02 { border-collapse: separate; margin-bottom: 10px;}
.table_02 thead th { padding: 6px 0 5px 0; color: #00235d; line-height: 95%; border-top: 3px double #aac9dd; ; border-bottom: 3px double #aac9dd; background: url(/images/new/th_table_02.gif) left 50% no-repeat #e7f2f9;}
.table_02 thead th.first { border-left: 3px double #aac9dd; background-image: none;}
.table_02 thead th.last { border-right: 3px double #aac9dd; }
.table_02 tbody td { text-align: center; padding: 5px 10px; border-bottom: 1px solid #d1d1d1; background: none #fff;}
.table_02 tbody td.bg_gray {background-color: #eff0f2;}
.table_02 tbody td.bg_gray_red {background-color: #eff0f2; color:#f3291a; line-height:160%;}
.table_02 tbody td.subject {background-color: #eff0f2; text-align:left;}
/*.table_02 tbody td span { float: left; margin: 6px 5px 0 0;}*/
.table_02 tfoot td { text-align: left; padding: 5px 10px; background: none #fff; color:#CC0000;}


.table_03 { background-color: #FFF;	border: 1px solid #92bad4;	border-collapse: collapse; margin-bottom: 10px; width: 100%;}
.table_03 thead th {background: none; padding: 0; margin: 0; background-color: #c9e2f1; text-align: center; padding: 3px 0; border: none; font-size: 11px; line-height: 110%; color: #00235d; font-weight: normal; }
.table_03 thead pre { padding: 3px; }
.table_03 tbody td { border: 1px solid #dadada; background-color: #fff; text-align: center; font-size:11px; padding: 2px 0; }
.table_03 tbody pre { padding: 3px; mso-number-format:"\@";}
.table_03 tbody td.left { border: 1px solid #dadada; background-color: #fff; text-align: left; font-size:11px;}
.table_03 tbody td label {display: none;}
.table_03 tbody tr.odd {background-color: #f4f5f7;}

.table_03_chart { background-color: #FFF;	border: 1px solid #92bad4;	border-collapse: collapse; margin-bottom: 10px; width: 70%;}
.table_03_chart thead th {background: none; padding: 0; margin: 0; background-color: #c9e2f1; text-align: center; padding: 3px 0; border: none; font-size: 11px; line-height: 110%; color: #00235d; font-weight: normal; }
.table_03_chart thead pre { padding: 3px; }
.table_03_chart tbody td { border: 1px solid #dadada; background-color: #fff; text-align: center; font-size:11px; padding: 2px 0; }
.table_03_chart tbody pre { padding: 3px; mso-number-format:"\@";}
.table_03_chart tbody td.left { border: 1px solid #dadada; background-color: #fff; text-align: left; font-size:11px;}
.table_03_chart tbody td label {display: none;}
.table_03_chart tbody tr.odd {background-color: #f4f5f7;}


.table_04 ul.time_list3 { list-style: none; margin: 0; padding: 0; width: 200; height:50px; overflow-x: scroll; }
.table_04 ul.time_list3 li { padding: 0; float: left; margin: 5 5px 5px 5px; width: 80px; center; display: inline;}

.con_table_01 { width: 100%; background-color: #FFF; border: 1px solid #dadada; border-collapse: collapse;}
.con_table_01 thead th { background: none; padding: 0; margin: 0; background-color: #adcee3; text-align: center; padding: 3px 5px; border: 1px solid #fff; font-size: 11px; line-height: 110%; color: #333;}
.con_table_01 tbody td { border: 1px solid #dadada; background-color: #fff; text-align: center; font-size:11px; padding: 3px 5px;}
.con_table_01 tbody td.left { border: 1px solid #dadada; background-color: #fff; text-align: left; font-size:11px;}
.con_table_01 tbody td label { display: none;}
.con_table_01 tbody tr.odd { background-color: #f4f5f7;}

.table_05 { border-top: 1px solid #92bad4;  border-bottom: 1px solid #92bad4; margin-bottom:15px; border-collapse: collapse;}
.table_05 th { border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; font-size: 11px; color: #3672ab; font-weight: normal; text-align: left; padding: 3px 10px 3px 10px; background-color: #e7f2f9; line-height: 95%; width: 70px;}
.table_05 td { background-color: #fff; padding: 3px 15px 3px 5px; border-top: 1px solid #dadada; font-size: 11px; vertical-align: middle; letter-spacing: -1px; font-size: 11px;}
.table_05 td.first { border-top: none;}

.table_06 { border-top: 2px solid #92bad4; font-size:11px;}
.table_06 thead th { background: url(/images/new/th_table_06.gif) left top no-repeat #e7f4fb; color: #3672ab; padding: 7px 0; border-bottom: 1px solid #d8eaf4;}
.table_06 tbody td { border-bottom: 1px solid #dadada; text-align: center; padding: 5px 10px;}
.table_06 tbody td.item { font-weight: bold; text-align: left;}
.table_06 tbody td.left { text-align: left;}
.table_06 tfoot td { text-align: right; padding: 10px;}



/*목록 페이징 css*/
.board_list_page { text-align: center; width: 100%px; padding-bottom: 15px;}
.board_list_page a { width: 15px; display: inline-block; border: 1px solid #fff; }
.board_list_page a:link, .board_list_page a: visited { color: #666; }
.board_list_page a:hover, .board_list_page a:active { color: #13619b; font-weight: bold; text-decoration: none; border: 1px solid #a2c2d8; background-color: #fff; }
.board_list_page input { margin-bottom: -3px; }
.board_list_page span { width: 15px; display: inline-block; border: 1px solid #fff;  font-weight: bold;}

/*-- 아이디 조회 --*/
.idcheck { width:400px; height:180px; margin:0px; padding:0px; }
.idcheck dl { margin:0px; padding:0px;}
.idcheck dt { margin:0px; padding:0px;}
.idcheck dd { height:110px; margin:4px; padding:30px 0 0 30px; border:1px solid #CCC; text-align:center;}
.idcheck img { margin:0 0 -4px 0px;}



/* 2009-09-02 추가 CSS */
.btn_05 { background: url(/images/btn_04_02.gif) right top no-repeat; height: 25px; text-align: center; width: 50px;}
input.btn_05 { background: url(/images/btn_04_01.gif) left top no-repeat; padding: 0; margin: 0; border: none; height: 25px; font-weight: bold; color: #055485; display: inline;}
.btn_06 { background: url(/images/btn_05_02.gif) right top no-repeat; height: 25px; text-align: center; width: 50px;}
input.btn_06 { background: url(/images/btn_05_01.gif) left top no-repeat; padding: 3px 0 0 0; margin: 0; border: none; height: 25px; font-weight: bold; color: #43680a; display: inline;}

h1.pop { background: url(/images/pop_bg_01.gif) left top no-repeat; padding: 20px 0 0 45px; font-size: 13px; color: #fff; height: 60px; margin-bottom: 20px;}
.pop_bg { background: url(/images/pop_bg_02.gif) left top repeat-x;}
.pop_client_sel { margin: 10px; background: url(/images/bul_pop_01.gif) 11px 21px no-repeat #eff0f3; border: 1px solid #d0dbe5; padding: 10px 10px 10px 25px; font-size: 11px; color: #00235d; font-weight: bold;}

.pop_list_01 { padding: 10px; width: 100%; clear: both; }
.pop_list_01 thead th { background: url(/images/th_table_02.gif) left 50% no-repeat #799ac7; color: #fff; padding: 10px; font-size: 11px;}
.pop_list_01 thead th.first { background-image: none;}
.pop_list_01 tbody td { border-bottom: 1px dashed #dadada; text-align: center; color: #333; padding: 10px; font-size: 11px;}
.pop_list_01 tbody td.grey { background-color: #eff0f3;}
.pop_list_01 tbody td.left { text-align: left;}
.pop_list_01 tfoot td.pop_btn { background-color: #cbd8ea; padding: 10px 0 0 10px;}

.pop_list_02 { padding: 10px; width: 100%; background-color: #fff;}
.pop_list_02 tbody th { background: url(/images/li_img_01.gif) 13px 50% no-repeat #799ac7; border-bottom: 1px solid #799ac7; border-left: 1px solid #fff; color: #fff; padding: 10px 10px 10px 25px; font-size: 11px; text-align: left;}
.pop_list_02 tbody td { border-top: 1px solid #799ac7; border-bottom: 1px solid #799ac7; border-right: 1px solid #799ac7; text-align: left; color: #333; padding: 10px 10px 10px 15px; font-size: 11px;}
.pop_list_02 tbody td input { height: 17px;}
.pop_list_02 tbody td.grey { background-color: #eff0f3;}
.pop_list_02 tfoot td.pop_btn { background-color: #cbd8ea; padding: 10px 0 0 10px;}

ul.btn_norm_list { list-style: none; padding-top: 10px;}
ul.btn_norm_list li { margin-bottom: 3px; font-size: 0;}


.btn_day1 {	width: 53px; height: 17px;	background: url(/images/new/btn_day_01.gif) left top no-repeat;	text-align: right; color: #fff;	font-weight: bold;	border: none; margin-top: 0; padding-right: 4px; font-size: 0;}
.btn_day2 {	width: 53px; height: 17px;	background: url(/images/new/btn_day_02.gif) left top no-repeat;	text-align: right; color: #fff;	font-weight: bold;	border: none; margin-top: 0; padding-right: 4px; font-size: 0;}
.btn_day3 {	width: 53px; height: 17px;	background: url(/images/new/btn_day_03.gif) left top no-repeat;	text-align: right; color: #fff;	font-weight: bold;	border: none; margin-top: 0; padding-right: 4px; font-size: 0;}
.btn_day4 {	width: 53px; height: 17px;	background: url(/images/new/btn_day_04.gif) left top no-repeat;	text-align: right; color: #fff;	font-weight: bold;	border: none; margin-top: 0; padding-right: 4px; font-size: 0;}
.btn_day5 {	width: 53px; height: 17px;	background: url(/images/new/btn_day_05.gif) left top no-repeat;	text-align: right; color: #fff;	font-weight: bold;	border: none; margin-top: 0; padding-right: 4px; font-size: 0;}

dl.item_name { float: left; margin-bottom: 5px; width: 680px;  padding-left: 20px; }
dl.item_name dt { float: left; margin-right: 10px; font-size: 16px; font-weight: bold; color: #286897; background: url(/images/btn_next.gif) left 1px no-repeat; padding-left: 20px; }
dl.item_name dd { float: left; font-size: 16px; color: #333; font-weight: bold;}

.input1 {background-color:#4588BD;border:#29688D 1px solid;font-family:Verdana;font-size:9pt;color:#ffffff;height:18px;font-weight:bold;}
.input2 {background-color:#4588BD;border:#29688D 1px solid;font-family:Verdana;font-size:9pt;color:#ffffff;height:18px;font-weight:;}
.input_red {background-color:#E42945;border:#990000 1px solid;font-family:Verdana;font-size:9pt;color:#ffffff;height:18px;font-weight:;}
.input_small {background-color:#4588BD;border:#29688D 1px solid;font-family:Verdana;font-size:8pt;color:#ffffff;height:15px;font-weight:;}