/* CSS Document */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@charset "utf-8";

body {	font-family: 'Nanum Gothic','돋움','Dotum','굴림','Gulim', AppleGothic, sans-serif;		margin: 0; SCROLLBAR-FACE-COLOR: #eeeeee; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;			SCROLLBAR-SHADOW-COLOR: #b4b4b4; WORD-BREAK: break-all;	SCROLLBAR-3DLIGHT-COLOR: #b4b4b4; 		SCROLLBAR-ARROW-COLOR: #333333; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #eeeeee;}

table, tr, td, select, p, span, li, div { font-size:12px;  font-family: 'Nanum Gothic','돋움','Dotum','굴림','Gulim', AppleGothic, sans-serif; color: #333333; letter-spacing:0px; padding:0px; margin:0px;   }

img { border:0px; }
img.links { cursor:hand; }
iframe { border:0px; }
.fixed { table-layout:fixed; }

a:link { font-size:9pt; text-decoration:none; color:#333333; }
a:visited { font-size:9pt; text-decoration:none; color:#616161;}
a:hover {font-size:9pt; text-decoration:bold; color:#3399CC;}
a:active {font-size:9pt; text-decoration:bold; color:#EA7400;}

/* 입력박스 */
.editbox {BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; HEIGHT: 18px; padding-left: 3px; padding-top: 2px;}
.textarea {BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; padding-left: 3px; padding-top: 2px;}
.searchEditbox {	font-size : 12px; color: #0000FF; background-color: #F9C5AC;	border-style: inset;	border-top-width: 1px; border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	}
.readonlyBox { BORDER: #CCCCCC 1px solid; background-color: #F4F4F4; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; HEIGHT: 18px; padding-left: 3px; padding-top: 2px; }

select { font-family: 'Nanum Gothic','돋움','Dotum','굴림','Gulim'; font-size : 11px;	letter-spacing: -1px;	border:1 solid #B1B5B6;	background-color:white; }

/*inputbox에 포커스가 왔을 경우 작용*/
.inputBase	{	background-color:#FFFFFF; color:#000000; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; HEIGHT: 20px; padding-left: 3px; padding-top: 2px; 	}
.inputFocus {	background-color:#000000; color:#FFFFFF; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; HEIGHT: 20px; padding-left: 3px; padding-top: 2px; }
.textareaBase	{	background-color:#FFFFFF; color:#000000; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; padding-left: 3px; padding-top: 2px; 	}
.textareaFocus {	background-color:#000000; color:#FFFFFF; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; padding-left: 3px; padding-top: 2px; }

.pageBreak { page-break-before: always; }
.ellipsis {white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

/* 박스관련 */
.grayBox { border:2px solid #E6E6E6; }
.grayBox3 { border:3px solid #CCCCCC; padding: 5px; }
.grayBox4 { border:4px solid #E6E6E6; }
.leftBox { border:2px solid #3399FF; }
.search_tblBox { border:2px solid #3399FF; }
.lmBox { border:7px solid #5B95BA; }
.categoryBox { border:4px solid #5B95BA; margin: 10px 0 5px 0; padding: 10px;}
.categoryTdBox { border:4px solid #5B95BA; padding: 5px;}
.darkblueBox4 { border:4px solid #011641; }
.gImgbox { border:1px solid #EDEDED; padding: 2px; }
.gImgbox2 { border:1px solid #F4F4F4; padding: 2px; }


/* 팝업관련 */
.popBgcolor { background-color: #F0F0F0; } /* #F4F4F4 */
.popTitle_txt { font-family: 'Nanum Gothic','돋움','Dotum','굴림','Gulim', AppleGothic, sans-serif;	font-size: 13px;	font-weight: bold;	color: #454545;	letter-spacing: -1px; padding: 0px 3px 0px 3px; }
.popClose_txt { font: 11px Dotum;	font-weight: normal;	color: #D60705;	letter-spacing: -1px; }
.popupBody { text-align: center; padding: 2px; }
.colresize {font:9pt "굴림"; cursor:""; }
.pop_tit{ height:35px; background:url(/image/bg_top01.gif) repeat-x; margin-top: 0px; }
.pop_tit h1{color:#FFFFFF; font-size:13px; background:url(/image/bu_arw01.gif) 15px 13px no-repeat; padding:11px 0px 0px 25px;}

/* 리스트의 타이틀 부분 */
.listTitle { font-size:12px; letter-spacing: -1px; color: #5B95BA; font-weight: bold; padding: 7px 3px 7px 3px; }
.listData { 	white-space:nowrap; text-overflow : ellipsis; overflow : hidden;  font-size: 11px; letter-spacing: 0px; color: #171717; }
.tblBottomLine { BORDER-BOTTOM: #C0C0C0 2px solid; }
.listTitleBox { border: 2px solid #5B95BA; padding: 2px; background: #F6F6F6; color: #808080; }

/* 폰트관련 */
.f_7 { font-size: 7px; }
.f_8 { font-size: 8px; }
.f_9 { font-size: 9px; }
.f_10 { font-size: 10px; }
.f_white { color: #FFFFFF; }
.f_red { color: #FF0000; }
.f_blue { color: #0000FF; }
.f_gray { color: #808080; }
.f_orange { color: #FF8000; }
.s { letter-spacing: -1px; }
.s0 { letter-spacing: 0px; }

.f_bold { font-weight: bold; }
.font_b { font-weight: bold; }

.font_11s { font-size: 11px; letter-spacing: -1px; }
.s_font { font-size: 11px; letter-spacing: 0px; }
.bluetitle2 {  font-family: "돋움"; font-size: 11px; color:#44568E; font-weight:bold;}
.explan_txt { font: 11px Dotum; letter-spacing: -1px; color: #7171FF; }

.simple { font-size: 11px; background: white 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid }.underline {  font-family: "돋움"; font-size: 9pt; text-decoration: underline}
.bigfont {  font-family: "돋움"; font-size: 11pt}
.smallfont {  font-family: "돋움"; font-size: 11px; color:#777777}
.smallfont2 {  font-family: "돋움"; font-size: 11px; color:#333333; line-height:14pt;}
.smallfont3 {  font-family: "Arial"; font-size: 10px; font-style: bold; font-weight: bold; color:#E95801}
.smallfont4 {  font-family: "돋움"; font-size: 11px; color:#666666}
.smallfont5 {  font-family: "돋움"; font-size: 11px; color:#0D1B47; letter-spacing: -1px}
.smallfont6 {  font-family: "돋움"; font-size: 11px; color:#44568E}
.smallfont7 {  font-family: "돋움"; font-size: 11px; color:#DDDDDD}
.smallfont8 {  font-family: "돋움"; font-size: 11px; color:#ffffff}
.smallfont9 {  font-family: "돋움"; font-size: 11px; font-style: bold; font-weight: bold; color:#4AC1FF;  letter-spacing: -1px}

/* 패딩관련 */
/* ALL */
.pd_3 { padding: 3px; }
.pd_5 { padding: 5px; }
.pd_10 { padding: 10px; }
.pd_20 { padding: 20px; }
.pd_30 { padding: 30px; }
.pd_40 { padding: 40px; }
.pd_50 { padding: 50px; }
/* TOP */
.pd_t3 { padding-top: 3px; }
.pd_t5 { padding-top: 5px; }
.pd_t10 { padding-top: 10px; }
.pd_t20 { padding-top: 20px; }
.pd_t30 { padding-top: 30px; }
/* RIGHT */
.pd_r3 { padding-right: 3px; }
.pd_r5 { padding-right: 5px; }
.pd_r10 { padding-right: 10px; }
/* LEFT */
.pd_l3 { padding-left: 3px; }
.pd_l5 { padding-left: 5px; }
.pd_l10 { padding-left: 10px; }
/* BOTTOM */
.pd_b2 { padding-bottom: 2px; }
.pd_b3 { padding-bottom: 3px; }
.pd_b5 { padding-bottom: 5px; }
.pd_b10 { padding-bottom: 10px; }

/* main visual */
.main_visual { position:relative; float:left; display:block; width:503px; z-index:10; overflow:hidden; }
.main_visual .bx-wrapper { -moz-box-shadow: 0 0 0 #ccc; -webkit-box-shadow: 0 0 0 #ccc; box-shadow: 0 0 0 #ccc; border: 0px solid #fff; background: #fff; }
.main_visual .bx-controls-auto{display:none;}
.main_visual .bx-controls {position:relative;bottom:0px;left:50%;width:943px;margin-left:-471px;z-index:1000; }
.main_visual .bx-pager {overflow:hidden;position:absolute;top:-70px;left:50%;width:165px;text-align:center;z-index:1000; margin-left:-104px;}
.main_visual .bx-pager .bx-pager-item {display:inline-block;*display:inline;zoom:1;margin-left:0px;  }
.main_visual .bx-pager .bx-pager-item a {display:block;margin-left:10px;width:13px;height:13px;background:url(/image/index/dot-off.png) 50% 0 no-repeat;text-indent:-9999px;}
.main_visual .bx-pager .bx-pager-item .active {width:36px;height:13px;background:url(/image/index/dot-on.png) 0 0 no-repeat;}

.main_visual .main_slide_box { margin:0px; padding:0px; width:503px; height:275px; overflow:hidden; }
.main_visual .main_slide_box li {  padding:0; margin:0; position:relative;}


#loginFormDiv td { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; }
#loginFormDiv .leftCell { background: #F4F4F4; padding: 5px; }
#loginFormDiv .rightCell { background: #FFFFFF; padding-left: 5px; }

#formdiv td { font-family: 돋움,Dotum,굴림,Gulim; font-size: 12px; letter-spacing: -1px; }
#formdiv .leftCell { background: #F4F4F4; padding: 7px; }
#formdiv .rightCell { background: #FFFFFF; padding: 3 3 3 5px; }
#formdiv .dataCell { background: #FFFFFF; font-size: 12px; letter-spacing: 0px; padding: 3 3 3 3px; }

#listdiv td { font: 11px Dotum; letter-spacing: 0px; }
#listdiv .leftCell { background: #F4F4F4; padding: 7px; }
#listdiv .rightCell { background: #FFFFFF; padding-left: 5px; }
#listdiv .dataCell { background: #FFFFFF; padding: 8px 0px 8px 0px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden;} /* padding: top right bottom left */
#listdiv .dataCell2 { background: #FFFFFF; padding: 8px 0px 8px 0px; } /* padding: top right bottom left */

#searchDiv td { font-family: 돋움,Dotum,굴림,Gulim; font-size: 11px; letter-spacing: -1px; }
#searchDiv .leftCell { background: #5A6CF0; font-weight: bold; padding: 7px; text-align: center; vertical-align: middle; }
#searchDiv .leftCell2 { background: #E3E3E3; font-weight: bold; padding: 3px 5px 3px 5px; text-align: center; vertical-align: middle; }
#searchDiv .rightCell { background: #FFFFFF; padding: 0px 0px 5px 5px ; }

#submitBtn { text-align:center; padding:10px 0 20px 0; }

.formTitle { font-family: "Tahoma,돋움,Dotum,굴림,Gulim"; font-size: 14px; color: #0E446E; font-weight: bold; letter-spacing: -1px; padding-top: 5px; padding-bottom: 5px; }
.formTitle span { font: 11px Dotum; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }

span.btn { padding:0px 0px 0px 0px; }
span.btn button {
	font: 8pt Dotum;
	font-weight: none;
	color: #C70C15;
	letter-spacing: -1px;
	border: 2px solid #5A6CF0;
	background: #FFFFFF;
	height: 20px;
	margin:0;
	padding:1px 0 0 0;
	cursor: hand;
}

span.submitbtn { padding:0px 0px 0px 0px; }
span.submitbtn button {
	font: 9pt Dotum;
	font-weight: bold;
	color: #C70C15;
	letter-spacing: -1px;
	border: 2px solid #5B95BA;
	background: #F4F4F4;
	height: 25px;
	margin:0;
	padding:1px 0 0 0;
	cursor: hand;
}

/* 사이트맵 */
.sitemapTitleBox { border:3px solid #6EA64B; background:#F4F4F4; font-weight:bold; padding:7px; margin-bottom:10px; }
.sitemapMenu { padding:4px 0 4px 5px; text-align: left; }

/* copyright */
#copyright { width:946px; margin:0 auto; overflow:hidden; font-family:'Nanum Gothic',돋움,Dotum,Gulim; font-size:12px; }
#copyright p { padding:0; margin:0; }
#copyright .blackBox { display:inline-block; background:#000000; color:#FFFFFF; font-weight:700; padding:5px 5px 5px 5px; margin:0 0 10px 0; }
#copyright .tel { display:inline-block; background:#000000; color:#FFFFFF; font-weight:800; padding:7px 15px 8px 15px; font-size:18px; margin-bottom:10px; }
#copyright2 { clear:both; width:100%; text-align:center; background:#DEDEDE; padding:20px 0 20px 0; font-family:'Nanum Gothic',돋움,Dotum,Gulim; font-size:13px; margin:10px 0 0 0; }