@charset "utf-8";

a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
a:hover {
	text-decoration:underline;
	cursor: pointer;
}


body {
    font-family: "Nanum Gothic", sans-serif !important;
    margin:0;
    /* 디자인 변경으로 인해 백그라운드 이미지 제거 */
	/* background: url("/images/main/main_bg.png") center top no-repeat; */
}

.main_banner { width:1528px; }

.auto { margin:0 auto; }

#hd {
	max-width:2000px;
	height:341px;
	background-image: url("/images/main/top_menu_bg.png") !important;
	background-repeat: repeat-x;
}

#hd_wrapper {
  max-width: 2000px;
  width: 1100px;
  height: 90px;
  padding: 0px 0px 0px !important;
  margin:0 auto;
}

#logo {
	/*
	 * 예전 로고 사이즈
	margin-left:91px;
	margin-top:20px;
	margin-bottom:32px;
	*/
	margin-top:8px;
	margin-bottom:44px;
  	margin-left: 45px;	
	padding:0px 0 0 !important;
}

#container {
	float: none !important;
	margin:0 auto !important;
	border-bottom: 1px solid #dddddd;
}


/* 상단메뉴 스타일 */
.menu_wrap {
	width: 700px;
	margin-left: 460px;
	padding-top: 27px;  	
}

.menu_wrap>a {
	margin-right:15px;
}


.board_and_banner {
	width: 1100px;height: 237px;
	border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;
	margin: 0 auto;
}


.program_shortcut {
  width: 1100px;
  height: 141px;
  /*border-bottom: 1px solid #dddddd;*/
  padding-top: 25px;
  padding-bottom: 25px;
  margin:0 auto;
}

.program_short img {
	padding: 0px;
	margin: 0px;	
}

.program_shortcut a:first-child {
    padding-left:39px;
}

.program_shortcut a {
    padding-left:44px;
}

.program_shortcut a:last-child {
    padding-right:39px;
}


.online_latest {
	padding:34px;
	font-size:12px;
	color:#333;
	width:300px;
	float:left;
	background-color:#fff !important;
}

.online_latest table {
	width:300px;
	border-top:2px solid #ddd;
	border-collapse:collapse;
	table-layout:fixed;	
}

.online_latest table tr {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	height:27px;
}

.footer_wrap {
    width:1050px;
    max-width:1050px;
    margin:0 auto;
    height:70px;
    color:#999999;
    font-size:14px;
    padding-top:20px;
    padding-bottom:20px;
    position:relative;
    letter-spacing:-1px;
}


.sub_content {
	width:1100px;
	margin:0 auto;
}





/**
 * 	왼쪽 메뉴 영역
 */
.left_wrap {
	width:250px;
	float:left;
}

.left_menu {}

.a-link { cursor:pointer }


/* 컨텐츠 내역 */
.content_wrap {
  float: left;
  min-height: 500px;
  width: 780px;
  padding-left: 70px;
  padding-bottom: 0px;
  position: relative;
  /*top: -88px;*/
}

.content {
	/*padding-top:23px;*/
	padding-top:50px;
	padding-left:4px;
}

/* 컨텐츠 상단 배경 */
.top_sub_bg {
	width:1100px;height:117px;
	background-image:url('/images/info/contents_bg_01.png'); background-repeat:no-repeat;
}

/* 컨텐츠 하단 배경 */
.bottom_sub_bg {
	width: 1100px; height: 354px;
	background-image: url('/images/info/contents_bg_02.png'); background-repeat: no-repeat;
	bottom: -1px;
	position: absolute;
	z-index: -1;
}


.ellipsis{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis
}


/* 왼쪽메뉴 페이지내 대메뉴 타이틀 */
.left_title {
	padding-top:52px;	
}


/* 게시판 */
.mt40 {margin-top:40px;}

/* 게시판 보기 페이지에서 하단 버튼 레이어 */
.button_layer {width:100%;text-align:center;margin-top:20px;margin-bottom:20px;min-height:30px;}


/* 온라인상담 상담센터 게시판 */
.counsel_view {
	width:780px;
	border-top:2px solid #555;
	border-bottom:1px solid #ddd;
	border-collapse:collapse;
}

.counsel_view tr {
	height:40px;
}

.counsel_view th {
	width:20%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	color:#555;
	font-size:12px;
	background-color:#f6f6f6;
	padding-left:20px;
	text-align:justify;
}

.counsel_view td {
	width:80%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	color:#999;
	font-size:12px;
	padding-left:20px;
}

.counsel_view td.content {
	padding:20px;
}

.tel {
    background-color: #fff !important;
    border: 1px solid #959595;
    height: 24px;
    width: 55px;	
}

table tr.bo_notice td {
	color:#ff8106 !important;
	background-color:#f6f6f6 !important;
	font-weight:bold !important;
}

table tr.bo_notice td a {
	color:#ff8106 !important;
	background-color:#f6f6f6 !important;
	font-weight:bold !important;
}













/*	현재 페이지의 위치정보 */
.breadcrumb {
	color:#999999;
	float:right;
}

.content_top {
	padding:10px;
}

.static_content {
	padding-left:40px !important;
}

.content_title {
	color:#4a67ab;
	font-weight:bold;
	font-size:20px;
	float:left;
	padding-top:20px; padding-left:20px;
}

.content_title_desc {
	color:#a7a7a7;
	font-weight:bold;
	float:left;
	padding-top:28px;padding-left:10px;
}

.content_title_line {
	border-bottom:1px solid #dddddd;
	margin-left:20px;margin-right:20px;margin-top:10px;
}



/**
 * 	헤더영역
 */
@import url('/css/hangul-master/nanumbarungothic.css');

ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.wrapper {
	width:100%;
	text-align:center;
}

.gray_line {
	border-bottom: 1px solid #d5d5d5;
}
.head_wrap {
	height:80px;
	width:1000px;
}
.head_logo {
	float:left;
}
.head_info {
	float:right;
	line-height:90px;
	color:#0d4d8d;
	font-weight:bold;
}
.head_info li {
	display:inline;
}
.text_size_wrap {
	float:left;
	text-align:center;
	padding-left:10px;		
}
.text_size_wrap_inner {
	border:1px solid #dddddd;
	height:50px;
	line-height:25px;
	margin-top:10px;
	padding:0px 3px 0px 3px;
}

.text_size_btn {
	border:1px solid #dddddd;
	background-color: #eeeeee;
	padding:2px;
	float:left;
	height:10px;
	line-height:10px;
	color:#666666;
	font-weight:lighter;
}

.sub_menu_wrap {

	/*height:248px;*/
	/*width:1000px;*/
	color:#0d4d8d;
	text-align:center;
	font-weight:bold;
	/*background:#ddd;*/
	/*'padding-left:40px;*/
}

.submenu_item {
	position:relative;
	/*top:-50px;*/
	top:-30px;
	
	
	
	height:25px;
}

.sub_menu_wrap .submenu_item {
	/*width:164.5px;*/
	/*height:248px;*/
	text-align:center;
	font-size:12px;
	
	/*border-left:1px solid #dddddd;*/
	/*border-right:1px solid #dddddd;*/
	/*background-color:#eeeeee;*/
	
	
	/*background:url("/images/menu/sub_menu_bg_left.png") no-repeat;*/
	/*padding:9px 0px 7px 0px;*/

	display:none;
}

/*
a:link.submenu_font_color{
	color: #49525b !important ;
}
a:hover.submenu_font_color{
	color: #5692d0 !important ;
	text-decoration: none;
}
.submenu_color_1 > .submenu_item_nm a { color: #43bc9b !important; text-decoration: none; }
.submenu_color_2 > .submenu_item_nm a { color: #43acbc !important; text-decoration: none; }
.submenu_color_3 > .submenu_item_nm a { color: #4371bc !important; text-decoration: none; }
.submenu_color_4 > .submenu_item_nm a { color: #4e43bc !important; text-decoration: none; }
*/

/*
.submenu_color_1 > .submenu_item_nm a { color: #4e43bc !important; text-decoration: none; }
.submenu_color_2 > .submenu_item_nm a { color: #43acbc !important; text-decoration: none; }
.submenu_color_3 > .submenu_item_nm a { color: #4e43bc !important; text-decoration: none; }
.submenu_color_4 > .submenu_item_nm a { color: #43acbc !important; text-decoration: none; }
*/

.submenu {	
	position:relative;
}

/* 서브메뉴 BG 왼쪽 */
.submenu_bg_left {
	float:left;
	width:23px;height:41px;line-height:37px;
	color:#3892a0; background:url('/images/menu/sub_menu_bg_left.png') no-repeat;	
}

/* 서브메뉴 BG 오른쪽 */
.submenu_bg_right {
	float:left;
	width:25px;height:41px;line-height:37px;
	color:#3892a0; background:url('/images/menu/sub_menu_bg_right.png') no-repeat;
}

.sub_menu_wrap .submenu_item .submenu_item_nm {
	float:left;
  	height: 41px;
    line-height: 37px;
    
	background:url('/images/menu/sub_menu_bg_center.png');
	/*background-color:#8cedfc;*/
	color:#3892a0;
	background-position-y:100%;
}

.sub_menu_wrap .submenu_item .submenu_item_nm a {
	padding-left:10px;
	padding-right:10px;
	font-weight:normal;
}
.sub_menu_wrap .submenu_item .submenu-left-t{
	background:url('/images/menu/sub_menu_round_left.png') no-repeat;
	width:25px;
	padding-right:0px;
}

.sub_menu_wrap .submenu_item .submenu-right-t{
	background:url('/images/menu/sub_menu_round_right.png') no-repeat;
	width:25px;
	padding-left:0px;
}

.pl0 {padding-left:0px}
.pr0 {padding-right:0px}

.sub_menu_wrap .submenu_item .submenu_item_nm:last-child {
	clear:both;
}
.menu_wrap .gnb_2da {
	width:110px;
	padding:15px 25px 10px 25px;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	text-align: center;
	background-color:#eeeeee;
}
.menu_wrap .gnb_2dul {
	width:110px;
	margin-top:15px;
	left:0px;
}
.menu_wrap .gnb_1dli_on .gnb_1da {
	background-color: white;
}
.menu_wrap .gnb_1dli_on .gnb_2da {
	background-color: white;
	text-align: center;
}

.center_wrap {
	text-align:center;
	padding-right:1px;
}






/*.left_top_banner {
	height:100px;
	border:1px solid;
}*/



.left_menu:hover, 
    .left_menu:focus {
    background:url('/img/left/sub_menu_over.png');
}
.left_menu.selected
{
	background:url('/img/left/sub_menu_select.png');
}
.left_menu a {
    color:#FFFFFF;    
}


.left_lower_menu {
    height:40px;
    border-bottom:1px solid #dddddd;
    line-height:40px;
    padding-left:20px;
}

.left_lower_menu a {
    color:#6A6A6A
}

.left_lower_menu:hover
    , .left_lower_menu:focus
    , .left_lower_menu.selected a {
    color:#2d76d1;
    font-weight:bold;
}


/**
 * 	연혁
 */
.history_div {
    width:180px;
    height:10px;
    float:left;
    margin-right:2px;
    background-color:#eeeeee;
}

.history_div:hover {
    background-color:#777777;
    cursor:pointer;
}

.history_div.selected {
    background-color:#64cae4;
}

.history_year {
    width:180px;
    float:left;
    margin-top:5px;
    text-align:left;
}

.history_year.first {
    width:160px;        
}

.history_year.last {
    width:41px;           
}



/**
 * 	조직
 */
.org_table {border-spacing:0px;}
.org_table th {
    padding:5px 0 5px 0; 
    line-height:14px; 
    border-top:2px solid #272727; border-bottom:1px solid #AAAAAA; border-right:0px;border-left:0px;
    font-size:12px; font-weight:normal; 
}

.org_table td {
    border-bottom:1px solid #CFD7E2; border-right:0px;border-left:0px;
    line-height:14px;
    padding:5px 0; 
    font-size:13px;
    text-align:center;
}
.org_table td.phone {
    padding-left:30px;
}

.org_table td.position {
    font-weight:bold;
}




/**
 * 	공통
 */
.float_left { float:left; }

.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.right_100 { width:100px; padding-right:30px; text-align:right !important; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }

.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }

.pl10 { padding-left:10px;}
.pl30 { padding-left:30px;}

.pb30 { padding-bottom:30px; }

.content_size { width:750px; }

.w720 { width:720px; }
.w360 { width:360px; }

.none { display: none; }

.c_both { clear:both; }

.bold { font-weight:bold !important; }

.w20 {width:20px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w400 {width:400px !important;}

.btn {cursor:pointer};

/**
 * 	검색 테이블
 */

.search {border-spacing:0px;border-collapse:collapse;}
.search {border-spacing:0px;border-collapse:collapse;}

.search th {
    padding:5px 0 5px 0; 
    line-height:14px; 
    border-top:2px solid #272727; border-bottom:1px solid #AAAAAA; border-right:0px;border-left:0px;
    font-size:12px; font-weight:normal; 
}

.search td {
    border-bottom:1px solid #CFD7E2; border-right:0px;border-left:0px;
    line-height:14px;
    padding:5px 0; 
    font-size:12px;
    text-align:center;
}

div.search_btn_div {
	text-align:center;
	width:750px;
	padding-top:15px;
	padding-bottom:25px;
}

input.search_01_btn {
	background: url("../img/btn/btn_bg_01_none.png") no-repeat;
	border: none;
	width: 92px;
	height: 33px;
	cursor: pointer;
	
	font-weight:bold;
	color:#FFFFFF;
}

input.search_01_btn:hover {
	background: url("../img/btn/btn_bg_01_over.png") no-repeat;
}

.btn_primary {
	background: url("../img/btn/btn_bg_02_none.png") no-repeat;
	border: none;
	width:92px;
	height:33px;
	cursor: pointer;
	
	font-weight:bold;
	color:#FFFFFF;
	
	padding:10px;
}

.btn_primary:link { color:#FFFFFF; }
.btn_primary:visited { color:#FFFFFF; }
.btn_primary:hover {
	background: url("../img/btn/btn_bg_02_over.png") no-repeat;
	color:#FFFFFF;
}
.btn_primary:active { color:#FFFFFF; }






div.list-search{ 
	padding-left:30px;padding-bottom:10px;
	text-align:right;
}

div.list-search select.field {
	height:23px;
	border:1px solid #e2e2e2;
}

/*검색입력칸 크기 140x23
검색입력칸 테두리색 #e2e2e2*/

/*검색버튼 크기 50x23
검색버튼 테두리색 #e2e2e2
검색버튼 배경색 #f3f3f3
검색버튼 텍스트 색 #555555*/

input.search_word {
	width:140px;
	height:23px;
	border:1px solid #e2e2e2;
}	

/*input.search_btn {
	width:50px;height:23px;
    border:1px solid #e2e2e2;
    background-color: #f3f3f3;
    color:#555555;
    cursor:pointer;
}*/




/**
 * 	td 안에 들어가는 테이블에서 사용하는 클래스
 */
#td_in {border-collapse:collapse; border:1px solid #CFD7E2; width:600px;}
#td_in .th_line {border-collapse:collapse; border:1px solid #CFD7E2;}
#td_in th {font-weight:normal !important; font-size:11px; letter-spacing:-1px; line-height:14px; background:none !important; padding:3px 0px !important; text-align:center !important; vertical-align:middle !important; background-color:#F6F6F6 !important;}
#td_in td {font-weight:normal !important; font-size:11px; letter-spacing:-1px; line-height:14px; background:none !important; padding:3px 0px !important; text-align:center !important; font-weight:normal !important;}



select {
  background-color:#fff;
  background-repeat:no-repeat;
  background-position: right 4px top 3px;
  background-size: 16px 16px;
  color:white;
  padding:4px;
  width:auto;
  font-family:arial,tahoma;
  /*font-size:16px;*/
  font-weight:bold;
  color:#999;
  text-align:center;
  /*text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);*/
  border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-appearance: none;
  border:1px solid #ddd;
  /*-webkit-transition:0.3s ease all;
	   -moz-transition:0.3s ease all;
	    -ms-transition:0.3s ease all;
	     -o-transition:0.3s ease all;
	        transition:0.3s ease all;*/
}

#blue {
  background-color:#3498DB;
}

#blue:hover {
  background-color:#2980B9;
}

#green {
  background-color:#2ECC71;
}

#green:hover {
  background-color:#27AE60;
}

#red {
  background-color:#E74C3C;
}

#red:hover {
  background-color:#C0392B;
}

select:focus, select:active {
  /*border:0;*/
  outline:0;
}