@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css" ) ;
body, li, p, a, td { font-family:"Nanum Gothic" !important ; }

/*
** DEFAULT
*/

html, body { margin: 0; padding: 0; height: 100%; }
body, textarea { font-family: Verdana, Nanum Gothic, Gulim, Tahoma, Dotum; font-size: 12px; line-height:1.5em; }
form, div { margin: 0px; padding: 0px; }
ol, ul	{ margin-top: 4px; margin-bottom: 4px; }
table, a { border: none;}
img {-ms-interpolation-mode:bicubic;}
img, fieldset, iframe{ border:0 none}
img, input { vertical-align:middle }
table { border-collapse : collapse; }
a, th, td { margin:0; padding:0; }

/*
** 메인 프레임
*/
#Frame { width:100%; background:url("/img/bg/bg_main.jpg") 0 0 repeat-x;}
#mainFrame {width:100%; }
#mainTop { width:1100px; height:100px; position:relative;  left : 50%; margin-left : -550px;}
#mainContents { width:1100px; position:relative; left : 50%; margin-left : -550px;}
#mainBanner { position: relative; top: -10px; width:998px; height:57px; outline: 1px solid #e7e5e5;}
#mainCopyright {position: relative; width:998px; height:57px;}

#mainFlash { width:100%; height:372px; background-color: #e8e5dd; margin:0; padding:0;}
#flashArea{width:1100px; height:372px; position:relative; left : 50%; margin-left : -550px;}


#mainInfo {width:390px; height:220px; float:left; text-align:right;}
#mainCommunity {width:352px; height:20px; float:left;}
#mainCommunity .noticeBD {width:335px; margin-top: 15px; border-top: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7;}
#mainCommunity td {color:#999;}

#mainCommunity a:link {color: #999; text-decoration: none;}
#mainCommunity a:visited {color: #999; text-decoration: none;}
#mainCommunity a:active {color: #999;	text-decoration: none;}
#mainCommunity a:hover { color: #7e6c6c; text-decoration: none;}


#mainMap {width:358px; height:220px;  float:left;}

.GL {width:100%; height:5px; background-color:#7d7d7d; clear:both;}
#mainBottom {width:100%; height:61px; background-color:#353535; text-align:center;}
#mainCopyright {width:1100px; height:61px; left : 50%; margin-left : -550px; position:relative;}

/*
** 서브 프레임
*/
#subTop {width:100%; height:178px; background-color:#fafafa;}
#subImage {width:1100px; height:178px; margin:0 auto;}

#subTableImage {background:url("/img/bg/bg_sub.jpg") 0 0 repeat-y;}

/*
** GNB
*/

#gnbArea
{
	left : 50%; margin-left : -550px;
	position:relative;
	width:1100px;
	height:42px;
	background:url("/img/bg/bg_menu.png") 0 0 repeat-x;
}
#gnb
{
	top:8px;
	left:0px;
	position:relative;
	width:600px;
	height:25px;
	margin:0 auto;
}
#gnb em
{
	display:none;
}

#gnb ul
{
	width:700px;
	height:25px;
	margin:0 auto;
	list-style : none;
	padding: 0;
}

#gnb li
{
	display:inline-block;
	float:left;
	padding:0;
	margin:0;
}

/*
** GNB Buttons
*/

#gnb ul li a{
	display:block;
	background: url("/img/Buttons.png") no-repeat -99999px;
	}

#gnb ul li.G01 a{ width:147px; height:25px; background-position: 0 0; }
#gnb ul li.G01.on a{ width:147px; height:25px; background-position: 0 -25px; }
#gnb ul li.G02 a{ width:163px; height:25px;	background-position: -147px 0;}
#gnb ul li.G02.on a{ width:163px; height:25px; background-position: -147px -25px;}
#gnb ul li.G03 a{ width:160px; height:25px;	background-position: -310px 0;}
#gnb ul li.G03.on a{ width:160px; height:25px; background-position: -310px -25px;}
#gnb ul li.G04 a{ width:132px; height:25px;	background-position: -470px 0;}
#gnb ul li.G04.on a{ width:132px; height:25px; background-position: -470px -25px;}

/*
** GNB SUB
*/

#gnb li.on ul {
	display:block;
	position:absolute;
	}

#gnb ul li ul
{
	position:absolute;
	margin:7px 0 0 0px;
	height:40px;
	z-index:10;
	display:none;
	text-align: center;
/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #000 0px 2px 6px;
	-moz-box-shadow: #000 0px 2px 6px;
	box-shadow: #000 0px 2px 6px;
	behavior:url(/pie/PIE.htc);*/
*/
}

.sub{
	width:600px;
	position:absolute;
	top:38px;
	}

#sub01{
	position:absolute;
	left:-70px;
}

#sub02{
	position:absolute;
	left:-50px;
}

#sub04 {
	position:absolute;
	left:460px;
}
/*
** GNB SUB Buttons
*/

#gnb ul li ul.sub li a{
		background: url("/img/Buttons.png") no-repeat -999px;
}

#gnb ul li ul.sub li.sub0101 a {width:56px; height:14px; background-position: 0 -96px;}
#gnb ul li ul.sub li.sub0101.on a {width:56px; height:14px; background-position: 0 -111px;}
#gnb ul li ul.sub li.sub0102 a {width:83px; height:14px; background-position: -56px -96px;}
#gnb ul li ul.sub li.sub0102.on a {width:83px; height:14px; background-position: -56px -111px;}
#gnb ul li ul.sub li.sub0103 a {width:44px; height:14px; background-position: -139px -96px;}
#gnb ul li ul.sub li.sub0103.on a {width:44px; height:14px; background-position: -139px -111px;}
#gnb ul li ul.sub li.sub0104 a {width:65px; height:14px; background-position: -183px -96px;}
#gnb ul li ul.sub li.sub0104.on a {width:65px; height:14px; background-position: -183px -111px;}

#gnb ul li ul.sub li.sub0201 a {width:67px; height:14px; background-position: 0 -146px;}
#gnb ul li ul.sub li.sub0201.on a {width:67px; height:14px; background-position: 0 -161px;}
#gnb ul li ul.sub li.sub0202 a {width:116px; height:14px; background-position: -67px -146px;}
#gnb ul li ul.sub li.sub0202.on a {width:116px; height:14px; background-position: -67px -161px;}
#gnb ul li ul.sub li.sub0203 a {width:160px; height:14px; background-position: -183px -146px;}
#gnb ul li ul.sub li.sub0203.on a {width:160px; height:14px; background-position: -183px -161px;}
#gnb ul li ul.sub li.sub0204 a {width:78px; height:14px; background-position: -342px -146px;}
#gnb ul li ul.sub li.sub0204.on a {width:78px; height:14px; background-position: -342px -161px;}
#gnb ul li ul.sub li.sub0205 a {width:75px; height:14px; background-position: -420px -146px;}
#gnb ul li ul.sub li.sub0205.on a {width:75px; height:14px; background-position: -420px -161px;}
#gnb ul li ul.sub li.sub0206 a {width:68px; height:14px; background-position: -494px -146px;}
#gnb ul li ul.sub li.sub0206.on a {width:68px; height:14px; background-position: -494px -161px;}

#gnb ul li ul.sub li.sub0401 a {width:56px; height:14px; background-position: 0 -189px;}
#gnb ul li ul.sub li.sub0401.on a {width:56px; height:14px; background-position: 0 -203px;}
#gnb ul li ul.sub li.sub0402 a {width:66px; height:14px; background-position: -56px -189px;}
#gnb ul li ul.sub li.sub0402.on a {width:66px; height:14px; background-position: -56px -203px;}
#gnb ul li ul.sub li.sub0403 a {width:87px; height:14px; background-position: -122px -189px;}
#gnb ul li ul.sub li.sub0403.on a {width:87px; height:14px; background-position: -122px -203px;}

/*
** SUB - GNB
*/

#Sgnb
{
	position:relative;
	width:210px;
	height:160px;
	margin:0;
	padding:0;
	margin-top:22px;
}

#Sgnb em
{
	display:none;
}

#Sgnb .title01 {width:158px; height:34px; background: url("/img/Buttons.png") 0 -246px no-repeat; overflow:hidden;}
#Sgnb .title02 {width:158px; height:34px; background: url("/img/Buttons.png") -316px -246px no-repeat; overflow:hidden;}
#Sgnb .title04 {width:158px; height:34px; background: url("/img/Buttons.png") -632px -246px no-repeat; overflow:hidden;}

#Sgnb ul
{
	width:158px;
	list-style : none;
	margin:0;
	padding: 0;
}

#Sgnb li
{
	width:158px;
	height: 30px;
	display:block;
	padding:0;
	margin:0;
	border-bottom : 1px solid #ececec;
}

#Sgnb ul li a {
		width:158px;
		height: 30px;
		display:block;
		background: url("/img/Buttons.png") no-repeat -999px;
}

#Sgnb ul li.sub0101 a {background-position: 0 -280px;}
#Sgnb ul li.sub0101.on a {background-position: -158px -280px;}
#Sgnb ul li.sub0102 a {background-position: 0 -313px;}
#Sgnb ul li.sub0102.on a {background-position: -158px -313px;}
#Sgnb ul li.sub0103 a {background-position: 0 -343px;}
#Sgnb ul li.sub0103.on a {background-position: -158px -343px;}
#Sgnb ul li.sub0104 a {background-position: 0 -375px;}
#Sgnb ul li.sub0104.on a {background-position: -158px -375px;}


#Sgnb ul li.sub0201 a {background-position: -316px -280px;}
#Sgnb ul li.sub0201.on a {background-position: -474px -280px;}
#Sgnb ul li.sub0202 a {background-position: -316px -313px;}
#Sgnb ul li.sub0202.on a {background-position: -474px -313px;}
#Sgnb ul li.sub0203 a {background-position: -316px -343px;}
#Sgnb ul li.sub0203.on a {background-position: -474px -343px;}
#Sgnb ul li.sub0204 a {background-position: -316px -375px;}
#Sgnb ul li.sub0204.on a {background-position: -474px -375px;}
#Sgnb ul li.sub0205 a {background-position: -316px -405px;}
#Sgnb ul li.sub0205.on a {background-position: -474px -405px;}
#Sgnb ul li.sub0206 a {background-position: -316px -435px;}
#Sgnb ul li.sub0206.on a {background-position: -474px -435px;}

#Sgnb ul li.sub0401 a {background-position: -632px -280px;}
#Sgnb ul li.sub0401.on a {background-position: -790px -280px;}
#Sgnb ul li.sub0402 a {background-position: -632px -313px;}
#Sgnb ul li.sub0402.on a {background-position: -790px -313px;}
#Sgnb ul li.sub0403 a {background-position: -632px -343px;}
#Sgnb ul li.sub0403.on a {background-position: -790px -343px;}



/***************************************** 게시판 CSS */

.BoardOutline {width:780px; margin-bottom:20px;}
.HANSP { letter-spacing : -1px;}
.Box {margin: 0; padding:2px 2px 0; border: 1px solid #868686; background-color: #E6E6E6; text-align: left; font-size: 12px; letter-spacing: -0.04em; font-family: Tahoma, Nanum Gothic, Gulim, Verdana, 돋움, Dotum; font-weight: nomal; height: 24px;}
.WBox {margin: 0; padding:4px 3px 0; border: 1px solid #868686; background-color: #FFFFFF; text-align: left; font-size: 12px; letter-spacing: -0.04em; font-family: Tahoma, Nanum Gothic, Gulim, Verdana, 돋움, Dotum; font-weight: nomal; height: 24px;}
.RedBox {margin: 0; padding:4px 3px 0; border: 1px solid #ec7c00; background-color: #fffaf8; text-align: left; font-size: 12px; letter-spacing: -0.04em; font-family: Tahoma, Nanum Gothic, Gulim, Verdana, 돋움, Dotum; font-weight: nomal; height: 24px;}

.BD_Layout {margin:0px; padding: 0; width:100%; text-align:center; color: #5B5B5B; text-decoration: none; font-size: 9pt; line-height: 200%;letter-spacing: -0.05em;}
.BD_Layout div, td {font-family: Verdana, Nanum Gothic, Tahoma; font-size: 12px; line-height:1.5em;}
.BD_Layout form, div {	margin: 0px; padding: 0px;}
.BD_Layout ol, ul	{margin-top: 4px; margin-bottom: 4px;}
.BD_Layout img, table, a { border: none;}
.BD_Layout table { border-collapse : collapse; }
.BD_Layout th, td { padding:0; }
.BD_Layout textarea{padding: 4px 3px 0; border: #A4A4A4 solid 1px; overflow:auto;}
.BD_Layout p {margin:0;}


.BD_Layout .taho {font-family:Tahoma;}
.BD_Layout .tah8 { font-family:Tahoma,Verdana,Arial;font-size:8pt }
.BD_Layout .tah9 { font-family:Tahoma,Verdana,Arial;font-size:9pt }
.BD_Layout .tah10 { font-family:Tahoma,Verdana,Arial;font-size:10pt }

.BD_Layout .LINECenter { text-align: center;}
.BD_Layout .LINELeft { text-align: left;}
.BD_Layout .LINERight { text-align: right;}

.BD_Layout a:link {color: #898989; text-decoration: none;}
.BD_Layout a:visited {color: #898989; text-decoration: none;}
.BD_Layout a:active {color: #898989;	text-decoration: none;}
.BD_Layout a:hover { color: #FF780B; text-decoration: none;}


.BD_Table {margin-top:10px;}
.BD_Table table {border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; margin:0 auto;}
.BD_Table td {border-top:1px solid #dcdbd9; border-bottom:1px solid #dcdbd9;}
.BD_Table .THD {height:34px; background-color:#f6f6f6;}
.BD_Table .TCD {height:32px;}
.BD_Page {margin:0 auto; text-align:center;}
.BD_Page img {margin:6px 0 0 0; padding:0}

.BD_ViewTop {margin :0 auto;}
.BD_ViewTop {padding-top:8px; letter-spacing:-1px; font-weight:bold; text-align:center; height:36px; background-color:#E6E6E6; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;}
.BD_ViewBody {margin:0 auto; text-align:left; letter-spacing:-1px; color: #383D41; line-height:200%;}
.BD_ViewBottom {margin:0 auto;}
.BD_ViewBottom td {height:35px; border-bottom:1px solid #cacaca; color: #5B5B5B; text-decoration: none; font-size: 9pt; line-height: 200%;letter-spacing: -0.05em;}

.BD_FileLayout {margin: 1px auto 0 auto; }
.BD_FileLayout table {border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;}
.BD_FileLayout td {color : #383D41; height:30px; padding:5px; color: #5B5B5B; text-decoration: none; font-size: 9pt; line-height: 200%;}
.BD_FileLayout .pd15 {width:80px; padding-right : 25px;}


.DB_ViewButton {margin:10px auto; text-align:center;}

.DB_PreNext {margin:10px auto 0px  auto; padding:2px; text-align:center;}
.DB_PreNext td {height:30px; letter-spacing:-1px; border:0 none;}
.DB_PreNext .One {height:1px;}
.DB_PreNext table {border:0 none;}

.DB_SForm {margin :0 auto; padding: 0; text-align:left;}
.DB_SForm table {border-top:2px solid #cacaca; border-bottom:2px solid #cacaca;}
.DB_SForm td {padding:4px 4px 4px 15px; height:30px; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;}
.DB_SForm textarea {padding:5px; border:1px solid #a2a2a2; background-color:#ededed;}
.DB_SForm .pd15 {width:80px; padding-right : 25px;}

.BD_SearchForm {text-align:right; margin:5px auto;}
.BD_SearchForm .Box {margin : 0 8px;}
.BD_SecretTop {margin : -40px auto 0px auto;}
.BD_SecretTop td {height:40px; padding:5px;}

.BD_Reply {margin-top:15px;}
.BD_Reply td {padding:2px;}

.BD_ReplyList { margin-bottom:3px; padding:10px 10px 2px 10px; border : 1px solid  #6e6e6e; background-color:#EEEEEE;}
.BD_ReplyList td {line-height:180%;}

.BDFrame {margin-top:10px; padding:0;}

.GraphImg {width:180px; height:15px; text-align:left; border : 1px solid #7f7f7f; background-color:#e0e0e0;}
#OFFICE_Board td { letter-spacing:-1px;}

.dotline { font-size:1px; height: 1px; line-height:1px; background-image: url(/NEW_CSS/img/dot.gif);}