/* CSS 문서 Include */
/* @import url(ZZZ.css); */


/* Reset */
/* IE, FF, chrome 위치를 맞추기 위해서 꼭 필요한 설정임 */
*{margin:0;padding:0;}

/* IE cack */
* html body { width: expression(Math.max(500, document.documentElement.clientWidth) - 46+ 'px');}

html {
	overflow:auto; /* IE hack scroll bar */
	overflow-y: auto; /* IE hack scroll bar */
}


/* 기본 페이지 스타일 */
body 
{
    margin:0px 0px 0px 0px;
	padding:0;
	background-color:#fff;
	font-size:14px;
	letter-spacing:0px;
	font-family:"맑은 고딕", Arial, ms sans serif, "굴림";
	color:#383d41;
	min-width: 500px;
	*word-break:break-all;
	-ms-word-break:break-all;
}



/* 기본 스타일 */
html:first-child select{height:20px;padding-right:6px;}
img,fieldset,iframe{border:0 none;}
textarea{overflow:auto;}
/* html:first-child select{height:20px;padding-right:6px;} */
option{padding-right:6px;}
em,address{font-style:normal;}
button,label{cursor:pointer;_cursor /**/:hand;}
button *{position:relative;}
button img{left:-3px;*left:auto;}


/* 기본 링크 스타일 */
a{color:#2f3743;text-decoration:none;}
a:hover{color:#390;text-decoration:underline;}


/* page container Design */

/* 배경 이미지를 넣을 경우 대비해서 */
#BGIMG {}


#container 
{
	padding:0px;
	padding-top:10px;
	margin:0px auto; /* align center */
	/*background-color:#FFFFFF;*/
	position:relative;
}

.corner-box {position:relative;border:1px solid #dbdbdb;margin-bottom:20px;}
.corner-tl {position: absolute;top: -1px;left: -1px;}
.corner-tr {position: absolute;top: -1px;right: -1px;}
.corner-bl {position: absolute;bottom: -1px;left: -1px;}
.corner-br {position: absolute;bottom: -1px;right: -1px;}


/* ------------------------------------ */
/* 헤더 */
/* ------------------------------------ */

#header {margin:0px auto;width:960px;height:120px;position:relative;z-index:1;border:0px solid #ccc;}

#header .ttl {position:absolute;left:56px;top:6px}

#header .logo {position:absolute;left:0px;top:4px}
#header .search {position:absolute;top:133px;right:14px;width:170px;height:33px;background-image:url(/images/bg_search.gif);z-index:1}
#header .title {position:absolute;left:186px;top:44px;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666}
#header .s_menu {position:absolute;right:8px;top:6px;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666}

#header div.menu {position:absolute;left:0px;top:61px;font-size:14px;font-weight:bold;height:30px;}
#header div.menu dl {width:960px;text-align:left;color:#333333;list-style:none;}
#header div.menu dt {float:left;padding:5px 20px 5px 20px;cursor:pointer;border:0px solid #ccc;}
#header div.menu dt.vline {float:left;padding:1px 0px 0px 1px;border:0px solid #ccc}


#header div.menu a {
	color:#333333;
	text-decoration:none;
}

#header div.menu a:hover dt 
{
	padding:5px 20px 7px 20px;
	color: #000000;
	background-color: #F6F6F6;
	border-bottom:1px solid #2A2A2A;
	text-decoration:none;
}

#header div.menu dd {font-size:12px;}


#footer 
{
    margin-top:4px;
    background:url(/images/bottom_bg.gif) top left repeat-x #FFFFFF;
    background-color:#FFFFFF;
    position:relative;
}


#rootMainBox
{
	border-top:1px dashed #c3c3c3;
	background:url(/imgs/h_vline.jpg) top left repeat-x #FFFFFF;
}



#MainBox 
{
	width:960px;
    margin:20px auto;
    border:0px solid #ccc;
    padding-top:20px;
    position:relative;
	min-height:420px; 
}


#MainLeft 
{
	 position:relative;
	 border-right:0px solid #dbdbdb;
	 width:540px;
	 padding-top:0px;
	 min-height:300px; 
}


#MainContent 
{
	text-align:center;
	position:relative;
	min-height: 300px; 
	padding:0px 20px 0px 10px;
}

#MainRight {
	 position:absolute;
	 top:30px;
	 right:0px;
	 border-right:0px solid #dbdbdb;
	 width:390px;
	 padding-top:0px;
	 min-height:300px;
}

#MainBoard {
	border-left:#ebebeb solid 0px;
	border-right:#ebebeb solid 0px;
	border-top:#ebebeb solid 0px;
	border-bottom:#ebebeb solid 0px;
}

.box {
	border:1px #CCCCCC solid;
}

.input {
	border:1px #CCCCCC solid;
}

.input3 {
	font-size:12px;
	height:14px;
	padding:2px;
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
}



.right_banner {
	margin-top:70px;
}


.contents {
	font-size:1.12em;
	line-height:1.65em;
	padding:34px 30px 60px 30px;
	border:0px solid #cccccc;
}

.contents h4
{
    margin-bottom:10px;
}



.submenu
{
    width: 150px;
    font-size: 0.9em;
    font-weight: bold;
    border: 0px solid #cccccc;
    text-align: left;
    margin:46px 0 0 0;
}

.submenu dl dt {
	color:#595959;
	width:110px;
	height:14px;
	margin:0px 0px 0px 13px;
	padding:8px 4px 2px 10px;
	border-bottom:1px solid #e9edc5;
	background:url(/images/dot.gif) left top no-repeat;
}

.submenu dl dt a{
margin:0 0 0 2px;
padding:2px 2px 2px 2px;
text-decoration:none;
}


.submenu dl dt a:hover{
background-color:#cfdb2c;
color:#ffffff;
margin-left:2px;
padding:2px 2px 2px 2px;
text-decoration:none;
font-size:1.1em;
}




.BBSmenu {
width:190px;
font-size:1em;
font-weight:bold;
}

.BBSmenu dl dt {
	color:#595959;
	width:136px;
	height:20px;
	margin:2px 0px 0px 18px;
	padding:0px 4px 0px 12px;
	border-bottom:1px solid #e9e9e9;
	background:url(../../images/dot.gif) left top no-repeat;
}

.BBSmenu dl dt a{
margin-left:2px;
padding:2px 6px 2px 6px;
text-decoration:none;
}

.BBSmenu dl dt a:hover{
background-color:#417ecb;
color:#FFFFFF;
margin-left:2px;
padding:2px 6px 2px 6px;
text-decoration:none;
font-size:1.1em;
}