@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#f4f4f4;
}
#wrap{
}
#leftArea{
	width:220px;
	height:100%;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
}
#leftArea .leftImg{
	width:220px;
	height:1013px;
	background:url(../images/bg/left_bg.png) top no-repeat;
}

.clear{
	clear:both;
}


/* --------------------------- */
/* gnb.css start               */
/* --------------------------- */
#gnbWrap{
	width:194px;
	height:100%;
	background:url(../images/bg/gnb_bg.png) repeat-y;
	position:fixed;
	top:0;
	left:204px;
}
h1{
	position:relative;
	width:162px;
	height:106px;
	cursor:pointer;
	/*background:url(../images/gnb/logo.png) no-repeat;*/
	margin:0 16px 0 16px;
}

#gnbArea{
	position:relative;
	width:172px;
	/*background:red;*/
	margin:30px 16px 0 6px;
}

.gnbBtn{
	display:block;
	list-style:none;
	width:75px;
	height:15px;
	margin:0 0 28px 0;
	cursor:pointer;
}
#gnbBtn01{
	background:url(../images/gnb/gnbBtn1.png) 0 0 no-repeat;
}
#gnbBtn01:hover{
	background:url(../images/gnb/gnbBtn1_over.png) 0 0 no-repeat;
}
#gnbBtn01.selected{
	background:url(../images/gnb/gnbBtn1_over.png) 0 0 no-repeat;
}
#gnbBtn02{
	background:url(../images/gnb/gnbBtn2.png) 0 0 no-repeat;
}
#gnbBtn02:hover{
	background:url(../images/gnb/gnbBtn2_over.png) 0 0 no-repeat;
}
#gnbBtn03{
	background:url(../images/gnb/gnbBtn3.png) 0 0 no-repeat;
}
#gnbBtn03:hover{
	background:url(../images/gnb/gnbBtn3_over.png) 0 0 no-repeat;
}
#gnbBtn04{
	background:url(../images/gnb/gnbBtn4.png) 0 0 no-repeat;
}
#gnbBtn04:hover{
	background:url(../images/gnb/gnbBtn4_over.png) 0 0 no-repeat;
}
#gnbBtn04.selected{
	background:url(../images/gnb/gnbBtn4_over.png) 0 0 no-repeat;
}


.gnbSub{
	width:70px;
	display:block;
	margin:-10px 0 20px 0;
}

.subBtn{
	list-style:none;
	display:block;
	width:70px;
	height:14px;
	margin:0 0 10px 0;
	cursor:pointer;
}

#subBtn01{
	background:url(../images/gnb/sub0101.png) 0 0 no-repeat;
}
#subBtn01:hover{
	background:url(../images/gnb/sub0101_over.png) 0 0 no-repeat;
}
#subBtn02{
	background:url(../images/gnb/sub0102.png) 0 0 no-repeat;
}
#subBtn02:hover{
	background:url(../images/gnb/sub0102_over.png) 0 0 no-repeat;
}
#subBtn03{
	background:url(../images/gnb/sub0103.png) 0 0 no-repeat;
}
#subBtn03:hover{
	background:url(../images/gnb/sub0103_over.png) 0 0 no-repeat;
}
#subBtn04{
	background:url(../images/gnb/sub0104.png) 0 0 no-repeat;
}
#subBtn04:hover{
	background:url(../images/gnb/sub0104_over.png) 0 0 no-repeat;
}
#subBtn05{
	background:url(../images/gnb/sub0105.png) 0 0 no-repeat;
}
#subBtn05:hover{
	background:url(../images/gnb/sub0105_over.png) 0 0 no-repeat;
}
#subBtn06{
	background:url(../images/gnb/sub0106.png) 0 0 no-repeat;
}
#subBtn06:hover{
	background:url(../images/gnb/sub0106_over.png) 0 0 no-repeat;
}
#subBtn07{
	background:url(../images/gnb/sub0107.png) 0 0 no-repeat;
}
#subBtn07:hover{
	background:url(../images/gnb/sub0107_over.png) 0 0 no-repeat;
}

#footerArea{
	width:194px;
	height:182px;
	position:absolute;
	bottom:0;
	background:url(../images/gnb/copyright.png) top center no-repeat;
}
/* --------------------------- */
/* gnb.css end                 */
/* --------------------------- */


/* --------------------------- */
/* contents.css start          */
/* --------------------------- */
#contentsArea{
	width:983px;
	height:100%;
	margin:0 0 0 381px;
	background:url(../images/bg/contents_bg.png) repeat-y;
}

.section{
	width:786px;
	margin:0 20px 90px 15px;
}

.bottom{
	width:1px;
	height:1px;
}
/* --------------------------- */
/* contents.css end            */
/* --------------------------- */
#q_div {margin-top:20px; margin-left:33px; width: 700px; text-align: left; font-size: 12px; letter-spacing: -0.04em; font-family: Tahoma, 굴림, Gulim, Verdana, 돋움, Dotum; font-weight: nomal;}
#q_div .qna {width:100%; border-bottom: solid 1px #d7d3cd; padding:10px 0px 15px 15px; background-color: #f7f4f0; color:#777777; cursor:pointer; }
#q_div .qnacomment {width:100%; margin:0 auto; padding:20px; border-bottom: solid 1px #d7d3cd; color:#777777; display:none;}


/***************************************** 게시판 CSS */
.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, 굴림, 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, 굴림, 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, 굴림, Gulim, Verdana, 돋움, Dotum; font-weight: nomal; height: 24px;}

.BD_Layout {margin:0px; padding: 0; width:100%; text-align:center; font-family: "verdana,돋움"; color: #5B5B5B; text-decoration: none; font-size: 9pt; line-height: 200%;letter-spacing: -0.05em;}
.BD_Layout div, td {font-family: Verdana, 굴림, Gulim, Tahoma, 돋움, Dotum; 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: black; text-decoration: none;}
.BD_Layout a:visited {color: black; text-decoration: none;}
.BD_Layout a:active {color: black;	text-decoration: none;}
.BD_Layout a:hover { color: #FF780B; text-decoration: none;}


.BD_Table {margin-top:10px;}
.BD_Table table {border-top:2px solid #989898; border-bottom:2px solid #989898; margin:0 auto;}
.BD_Table td {border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9;}
.BD_Table .THD {height:34px;}
.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 #989898; border-bottom:1px solid #989898;}
.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 #989898; 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 #989898; border-bottom:1px solid #989898;}
.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_ViewButton input {margin-top: -15px;}

.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 #989898; border-bottom:2px solid #989898;}
.DB_SForm td {padding:4px 4px 4px 15px; height:30px; border-top:1px solid #989898; border-bottom:1px solid #989898;}
.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 input {margin-top:-20px;}
.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;}