@charset "utf-8";

/* HTML Reset */
a {
	color: #008EF2;
	text-decoration: underline;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
code, form, fieldset, legend, input, textarea, p, a, blockquote, th, td {
	margin:0; padding:0; border: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

ol,ul { list-style:none; }

fieldset,img { border:0; }

address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	/* font-weight:normal; */
}

caption, th, td {
	text-align: left;
	/* font-weight:normal; */
}

h1,h2,h3,h4,h5,h6 { font-size:100%;}

abbr, acronym { border:0; font-variant:normal; }

sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}

input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%; }

legend { color:#000; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a, a:visited { text-decoration: none; }
a:hover,
a:active,
a:focus { text-decoration:none; }
a {
cursor: pointer;
outline: 0 none;
}



/* 태그 선택자 */
html, body { height:100%; }
body { background:#fff; }
body, input, button, textarea, table {
	font-family: 돋움, Dotum, Tahoma, Geneva, sans-serif;
}
p { margin-bottom:10px; line-height:140%; }
a, a:visited { text-decoration: none; }
a:hover { text-decoration:none; }

/* 웹 폰트 적용 */
@font-face{ font-family:ngttf; src:url(../font/NanumGothic.ttf);}
@font-face{ font-family:ngeot; src:url(../font/NanumGothic.eot);}
/* 폰트설정 */
@font-face{font-family:'DroidSans'; src:url(../font/droidsans-webfont.ttf);} /* Droid */
@font-face{font-family:'DroidSans2'; src:url(../font/droidsans-webfont.eot);} /* Droid IE */


/* 나눔고딕 적용순서, font-family : NanumGothic, 나눔고딕, ngttf, ngeot; */

/* 레이아웃 */

#top_line {
	width:100%; height:2px; font-size:0px;
	background: url(../img/topDot.gif) repeat-x;
}
#header {
	width:100%; 
	background: url(../img/headerTopDot.gif) bottom repeat-x #ffffff;
}
#header_top_A {
	width:976px; height:25px;
	margin:0 auto;
	padding: 11px 0 7px 0;
	background: url(../img/topLine.png) bottom center no-repeat;
	position:relative; z-index:30;
}

#header_middle {
	width:100%; 
	background: url(../img/headerMiddleDot.gif) bottom repeat-x #F5F6EE ; 
}

#header_middle_A {
	width:995px; height:55px;
	padding:26px 0 0 19px;
	margin:0 auto;
	background: url(../img/top_menu_bg.png) no-repeat;
}


#header_middle_S {
	width:1014px; height:2px;
	margin:0 auto;
	font-size:0px;
	background: url(../img/menushadow.png) no-repeat;
}
#middle_bg {
	width:1014px; height:auto !important; height:100%; min-height:100%;
	margin:0 auto;
	background: url(../img/middle_bg.gif) repeat-y;
}

.b_login {
	width:53px; height:24px;
	margin-right:5px;
	margin-left:11px;
	float:left;
	background: url(../img/button_login.gif) no-repeat;
}
.b_register a {
	width:53px; height:24px;
	float:left;
	background: url(../img/button_register.gif) no-repeat;
} 
#content_vic {
	padding: 20px 50px 20px 50px;
	clear:both;
}
.boderLine {
	width:920px; height:1px;
	position:relative; clear:both;
	margin:10px auto 0 auto;
	border-bottom: #ededed solid 1px;
}
#footer {
	width:920px; height:50px;
	position:relative; clear:both;
	margin:0 auto;
}
.footerLine {
	width:920px; height:30px;
	position:relative; 
	margin:15px auto 0 auto;
	bottom-top: #CCC solid 1px;
}


/* 검색 바 */
#search_bar { 
	width:303px; height:55px;
	margin-right:20px;
	float:right; position:relative; *zoom:1;
}
.searchBox { 
	width:303px; height:40px;
	padding:0px; margin-top:14px;
}
.sc_input { 
	width:211px; height:18px; 
	float:left; position:relative; *zoom:1;
	border-top:#8b8b8b solid 1px;
	border-right:#d3d3d3 solid 1px;
	border-left:#8b8b8b solid 1px;
	border-bottom:#d3d3d3 solid 1px;
	padding:2px 5px 2px 5px; 
	vertical-align:middle;
	font:12px 굴림; color:#666; letter-spacing:-1px;
} 
.sc_submit { 
	width:53px; height:24px;
	margin-left:3px; 
	padding:0; border:none; 
	background:url(../img/button_search.gif) no-repeat; 
	float:left; position:relative; *zoom:1;
}




/* GNB */
.gnb{ position:relative; left:0; bottom:0; margin:0; padding:0; list-style:none;}
.gnb li{ float:left;  }
.gnb li a { 
	display:block; 
	width:138px; height:55px; 
	text-decoration:none !important; 
	color:#333; font-family:tahoma; text-align:center; 
	background: url(../img/menuDiv.png) right no-repeat;
}
.gnb li a span{ display:inline-block; padding-top:25px; font-family:tahoma, NanumGothic, 나눔고딕, ngttf, ngeot; font-size:12px; font-weight:bold;  }
.gnb li a:hover ,  {  }
.gnb li.selected a { background: url(../img/selected_menu.png) no-repeat; }

/* LNB */
.lnb a{ text-decoration:none;}
.lnb a:hover,
.lnb a:active,
.lnb a:focus{ text-decoration:underline !important;}

.lnb{ float:left; }
.lnb ul{ margin:0; padding:20px 0 0 35px; list-style:none;}
.lnb ul ul{ margin:10px 0 10px 0; }
.lnb li { 
	font-family:나눔고딕; font-size:13px; font-weight:bold; 
	display:inline-block; float:left; border-right:solid #ccc 1px;
	padding:0 10px 0 10px; 
	margin:0 0 0 0;
}
.lnb li a{  color:#333; font-weight:bold;  }
.lnb li.active a{ font-weight:bold; border-top:solid #000 2px;}
.lnb li.active li a{ font-weight:normal; text-decoration:none;}


/* 기타 */
.float_left { float:left; }
.clear_container { clear:both; }
.tabb { height:100%; }
.displaynone { display:none;}


 
#header .account{ position:relative; margin:0; right:0; padding:0; float:right; }
#header .account li{ position:relative; float:left; list-style:none; padding-left:5px; }
div.black #header .account li{ }
#header .account li *{ vertical-align:top;}
#header .account li li{ float:none; height:auto; background-image:none;}

#header .account li.log{ background-image:none; font-size:0; line-height:0;}
#header .account li.log a{ display:block; padding:0;}

#header .account li.profile button{ border:0; padding:0; width:53px; height:24px; cursor:pointer; background-color:transparent; background-image:url(../img/button_profile.gif); background-repeat:no-repeat; background-position:center; overflow:visible;}
div.black #header .account li.profile button{ background-position:center 5px;}
#header .account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
#header .account li.profile .memberProfile.active{ display:block;}
#header .account li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;}
#header .account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
#header .account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url(../img/bulletB.gif) no-repeat left center;}
#header .account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
#header .account li.profile .memberProfile li a:hover,
#header .account li.profile .memberProfile li a:active,
#header .account li.profile .memberProfile li a:focus{ text-decoration:underline;}
#header .account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
#header .account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}


.loginWindow .loginLayer .keep label,
.loginWindow .loginLayer .help li,
.loginWindow .loginLayer .loginButton input {
	font-family: 돋움, Dotum, 맑은고딕, "Malgun Gothic","Trebuchet MS", "Lucida Grande", Tahoma, Arial, sans-serif;
	line-height:1.5; 
}
.loginWindow .loginLayer dt { font-family: 'DroidSans', 'DroidSans2', 돋움, Dotum, Tahoma, Geneva, sans-serif; font-size:11px; }

/* 로그인 */
.loginWindow .modalWrap {
	width: 510px; left:50%; top:100px; padding: 5px; margin:0 0 0 -255px;
	position: absolute; z-index: 99; background: url(../img/innerBg.png) repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity:30);}
.loginWindow .loginLayer{  
	width:510px; height:100%; position: relative; background: #FDFDFD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.loginWindow .loginLayer .loginLogo { position:relative; float:left; padding:42px 0 14px 61px;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 14px 0; padding:0 59px 0 59px; clear:both;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:11px;  color:#444; margin:0 0 0 0;}
.loginWindow .loginLayer dd{ margin:0 0 11px 0;}
.loginWindow .loginLayer .inputText{ 
	width: 380px; height: 24px; 
	padding: 8px 0 6px 12px; margin-top: 1px;
	border: 1px solid #C6C6C6; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE;
	font-family: arial; font-size: 19px; color: black; font-weight: bold;
	vertical-align: top; background-color: #F9F9F9;
}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../img/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../img/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; 	padding: 8px 0 6px 12px; width:380px;}
.loginWindow .loginLayer .keep{ padding:10px 5px 0 0; margin:0; float:right; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#777; font-size:11px; letter-spacing:-1px;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#000; font-size:13px; font-weight:bold; display:inline-block; width:79px; height:39px; line-height:36px; background-color:transparent; background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; right:-3px; background:url(../img/loginButton.png) no-repeat;}
.loginWindow .loginLayer .loginButton input{  padding:0 0 0 0; text-align:center;cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 auto; padding:14px 0 35px 0; width:392px; list-style:none; text-align:center;  border-top:1px solid #ececec; }
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 3px 0 5px; letter-spacing:-1px;}
.loginWindow .loginLayer .help li.join a{  color:#5B8F0A; text-decoration:underline;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #ccc;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #ccc;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:35px; height:35px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}