@charset "utf-8";
/*스타일*/
html, body, div {
	scrollbar-face-color: #F2F2F2;
	scrollbar-shadow-color: #999999;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
} 
    
body {
	margin:0;
	padding:0 0 0 0;
	position:relative;	
	color: #555555;
	font-size:12px;
	font-family: Calibri, Dotum, Gulim, "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,sans-serif;
	letter-spacing:0px;
}



/* 공통 Basic */
* {
	vertical-align: middle;
}

ul {
	margin : 2px;
	padding : 0px;
	padding-left:10px;
	color:#333;
}
li {
	list-style:none;
}
hr {
	color:#dfdfdf;
}
hr.main {
	margin : 5px 0px 2px 0px;
	color:#a8caf0;
	size:1px;
}
span {
	vertical-align:middle;
}

img {
	border:none;
	border:0;
	vertical-align:middle;
	list-style:none;	
}

table {
	border:0;
	vertical-align:middle;
}

td {
	color:#555555;
	font-family:"Calibri";
	font-size:11pt;	
	line-height:13px;
}

.table_list td{
	color:#393939;
}
 
.table_write td{
	color:#393939;
}

button {
	border:none;
	border:0;
	vertical-align:middle;
}

form {
	margin:0;
	padding:0;
	font-family: "Calibri", "돋움", arial;
	font-size:9pt;
	text-decoration:none;
	letter-spacing:-0.02em;	
	line-height:13pt;
}
select{
	height:20px;
	border:1px solid #cccccc;	
	color:#333;
	font-size:9pt;
	font-family: "돋움";
	font-weight:normal;
}
                                
input { 
	font-family: "돋움";
    font-weight:normal;
    font-size: 12px;
    height:14px;
    color:#333;    
}

/********************   layout   *****************************/
/* 상단 레이아웃 */
#itgs_index {
	/*display:inline-block;*/
	width:100%;
}
/* 전체외곽박스 */
#container {
	position: relative;
	/*display:inline-block;*/
	width:100%;            
	height:100%;
}
/* 상단 레이아웃 */
#contHeader {	
	position: relative;
	/*display:inline-block;*/
	width:100%;
}
/* 가운데영역 */
#contBody {
	float:left;
	position: relative;
	/*display:inline-block;*/
	/* width:980px; */	
	width:1190px;	
	height:100%;
	/*background:url('../../images/itses/layout/left_bg.gif') repeat-y 215px 0;*/	
}
/* 왼쪽내용 레이아웃 */
#contLeft {
	float:left;
	/*display:inline-block;*/
	/* width:180px; */
	width:210px;
	height:100%;
	margin:0px 5px 0px 0px;
}
  
/* 오른쪽내용 레이아웃 */
#contGen {
	float:left;
	position: relative;
	/*display:inline-block;*/
	/* width:780px; */
	width:960px;
	padding:0px 0px 30px 10px;
}
/* 하단 레이아웃 */
#contFooter {
	float:left;
	position: relative;
	width:1190px;
	height:38px;
	margin-top:20px;
	padding:13px 8px 5px 18px;
	background:url('../../images/itses/layout/copyright_bg.gif') repeat-x -146px 0;
	overflow-x:hidden;
}

/* 오른쪽내용 레이아웃 */   
#mainContGen {              
	float:left;
	position: relative;
	/*display:inline-block;*/
	width:970px;
	padding:10px 0px 30px 20px;
}

/************ 정렬 **********/
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.v_mid {vertical-align:middle;}

/* vertical align */
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}
  
/*****************************메인 타이틀 ******************************/
#contPagetitle {
	float:left;
	width:100%;
	height:25px;
	margin-top:0px;
	margin-left:10px;
}             
#contPagetitle p {
	float:left;
	margin:0;
	height:25px;
	padding:5px 10px 0px 20px;
	color:#000;
	font-weight:bold;
	font-size: 14px;
	background:url(../../../images/tg/layout/bul_green.gif) no-repeat 0px 5px;
}
#contPagetitle ul {
	margin:0;
	padding:0;
	float:right;
}
#contPagetitle ul.contTopBtn {
	margin:0;
	padding:0px 0px 0px 0px;
	float:right;
}
.contTopBtn li {
	margin:0;
	padding:0;
	padding-left:5px;
	float:left;	
}

/***************************** 카피라이트 영역 ******************************/
#footer span{
	width:1000px;
	color:#a0a0a0;
	font-size:11px; 
	text-align:right;
}


/***************************** 게시판 외 ******************************/

/* 제목2 */
.t_sub_title {
	float:left;
	background:url(../../../images/tg/layout/bullet.gif) no-repeat 0 47%;
	background-position:0px 1px;
	display:inline;
	padding-left:16px;
	font-family:"Dotum",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#525252;
	font-weight:bold
}

/* 제목2 */
.t_sub_main_title {
	float:left;
	background:url(../../../images/tg/layout/bullet.gif) no-repeat 0 47%;
	background-position:0px 1px;
	display:inline;
	padding-left:16px;
	font-family:"Dotum",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#525252;
	font-weight:bold
}
                  

/* 제목 */
.t_sub_list {
	display:inline;
	height:33px;
	padding:8px 0px 8px 20px;
	color:#000;
	font-family: "돋움";
	font-weight:bold;
	font-size: 14px;
	letter-spacing:-1px;
	vertical-align:bottom;
	background:url(../../../images/tg/layout/bul_blue2.gif) no-repeat 0 47%;
}
                                           
/* 소제목 */
.t_sub_list02 {
	display:inline;
	height:30px;
	padding:0px 0px 0px 13px;
	font-family: "돋움";
	font-weight:bold;
	font-size: 12px;
	letter-spacing:-1px;
	background:url(../../../images/tg/layout/dot_green_m.gif) no-repeat 0 47%;

}


/********************   layout end  *****************************/


/***************************** 상단영역 ******************************/

/* 상단메뉴 */
#topLine {
	float:left;
	width:100%;
	height:1px;
	margin-bottom:0px;
	background: #8fb3e3;
}
   
#topUtil {
	float:left;
	width:1180px;  
	height:47px;
	padding-left:15px;
	padding-bottom:2px;
}
#topUtil p {	
	float:left;
	margin:0;
}
#topUtil ul {
	float:right;
	margin:0;
}
#topUtil ul.ubtn {
	float:right;
	margin:5px;
	padding:3px 3px 3px 3px;
}
.ubtn li {
	float:left;
	padding-right:10px;
}

#topUtil ul.confirm {
	float:right;
	margin:5px;
	padding:3px 3px 3px 3px;
	border:1px solid #cccccc;	
}
.confirm li {
	float:left;
	padding-right:10px;
}

/*상단메뉴 스타일정의*/
#topMenuWidth {
	float:left;
	width:1207px;
}


#topMenu {
	float:left;
	width:100%;
	background: #fff url(../../../images/tg/menu/menu_off.gif) repeat-x;
}
                
#topMenu ul {
	margin:0;
	padding:0;
	vertical-align:middle;
}                                             
#topMenu li {
	float:left;	
	display:inline;
	width:123px;
	height:39px;
	padding-top:10px;	
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	background:url('../../../images/tg/menu/menubox.gif') no-repeat 0px 0px;
}
#topMenu li.on {	
	float:left;
	display:inline;
	width:123px;
	height:39px;
	padding-top:10px;
	color:#ffffff;
	text-align:center;	
	background:url('../../../images/tg/menu/menubox_on.gif') no-repeat 0px 0px;
}
#topMenu li a {
	color:#ffffff;
}

/* 상단메뉴 */
#topMainMenu {
	float:left;
	width:100%;
	background: #fff url(../../../images/tg/menu/menu_off.gif) repeat-x;
}

#topMainMenu ul {
	margin:0;
	padding:0;
	vertical-align:middle;
}            
#topMainMenu li {
	float:left;	
	display:inline;
	width:123px;
	height:29px;
	padding-top:10px;	
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	background:url('../../../images/tg/menu/menubox.gif') no-repeat 0px 0px;
}
#topMainMenu li.on {	
	float:left;
	display:inline;
	width:123px;
	height:29px;
	padding-top:10px;
	color:#ffffff;
	text-align:center;	
	background:url('../../../images/tg/menu/menubox_on.gif') no-repeat 0px 0px;
}
#topMainMenu li a {
	color:#ffffff;
}


/***************************** 왼쪽메뉴영역 ******************************/

/* 왼쪽 타이틀 */
.leftTitle {
	float:left;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	color: #ffffff;
	font-weight:bold;
	background:#8fb4e1 url('../../../images/tg/menu/left_menu_tit_bg.gif') repeat-x 0px 0px;
}
.leftTitle p {
	margin:0;
	padding:10px 10px 0px 10px;
	float:left;
}
.leftTitle ul {
	margin:0;
	padding:0;
	float:right;
}
.leftTitle ul.titBtn {
	float:right;	
	margin:0;
	/*padding-right:0px;*/
	padding:7px 0px 0px 0px;	
}
.titBtn li {
	float:left;	
	margin:0;
	padding-right:5px;
}
/* 왼쪽 메뉴 */
.leftMenu {
	float:left;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.leftMenu ul {
	margin:0px;
	padding:0px;
}
.menu_01_bg {
	/*height:24px;*/
	margin:5px 0px 0px 0px;
	padding:6px 6px 10px 10px;
	border:1px solid #e5e5e5;
	color: #646464;
	font-weight:bold;
	background:url('../../../images/tg/menu/menu1_bg.gif') repeat-x 0px 0px;
}
.menu_01_on {
	padding:2px 0px 2px 13px;
	background:url('../../../images/tg/menu/menu1_on.gif') no-repeat 0px 3px;
}
.menu_01_off {
	padding:2px 0px 2px 13px;
	background:url('../../../images/tg/menu/menu1_off.gif') no-repeat 0px 3px;
}
  
.menu_02_bg {
	margin:5px 0px 3px 5px;
	padding:2px 0px 3px 12px;
	font-weight: normal;
	color:#555555;
}

.menu_00_off {
	padding:2px 2px 2px 5px;
	background:url('../../../images/tg/menu/icon_01.gif') no-repeat 0px 6px;
}

.menu_02_on {
	padding:2px 0px 2px 7px;
	background:url('../../../images/tg/menu/icon_arrow_sub.gif') no-repeat 0px 6px;
}  
.menu_02_off { 
	padding:2px 0px 2px 7px;
	background:url('../../../images/tg/menu/icon_arrow.gif') no-repeat 0px 6px;
}
                         
.menu_03_bg {
	width:78%;
	margin:5px 0px 5px 10px;
	padding:8px 8px 5px 17px;
	border:1px solid #e5e5e5;
	color:#666;	
	background-color:#f9f9f9;
}
 
.menu_03_bg li {
	padding:0px 0px 5px 0px;
}  
.menu_03_on {
	padding:2px 2px 2px 7px;
	background:url('../../../images/tg/menu/icon_arrow_sub.gif') no-repeat 0px 6px;
}
.menu_03_off {
	padding:2px 0px 2px 7px;
	background:url('../../../images/tg/menu/icon_arrow.gif') no-repeat 0px 6px;
}
     
.menu_04_bg {
	width:81%;
	margin:5px 0px 5px 0px;
	padding:8px 8px 5px 15px;
	border:1px solid #e5e5e5;
	color:#666;	
	background-color:#f9f9f9;
}
     
.menu_04_bg li {
	padding:0px 0px 5px 0px;
}

.menu_04_on {
	padding:2px 0px 2px 5px;
	background:url('../../../images/tg/menu/icon_01.gif') no-repeat 0px 6px;
}
.menu_04_off {
	padding:2px 0px 2px 5px;
	background:url('../../../images/tg/menu/icon_01.gif') no-repeat 0px 6px;
}
.menuLine {
	float:left;
	width:100%;
	height:3px;
	margin:5px 0px 15px 0px;
	background:#8fb3e3;
}