@charset "utf-8";

/* bPresto 레이아웃, 1.0 */ 

/* 공통요소 */
.title_box {
	clear: both;
	height: 30px; 
	margin: 2px 0 15px 0; padding: 0 0 0 5px;
	display:inline-block; position: relative;
	background:url(../img/wSprite.png) left no-repeat;
}
.title_box a { 	
	width:211px; height:30px; padding: 0 0 0 5px;
	background:url(../img/wSprite.png) right no-repeat;
	display:inline-block; line-height: 30px;
	overflow: visible;position: relative; font-size:11px;
	cursor: pointer; color:#555; letter-spacing:-1px;
}
.title_box span { font-family: 'DroidSans', 'DroidSans2', 돋움, Dotum, Tahoma, Geneva, sans-serif; font-size:11px; letter-spacing:0;}
.title_box a:hover,
.title_box a:active,
.title_box a:focus{ text-decoration:underline;}

#board-2 .divider,
#body .divider { 
	overflow:hidden;
	border-bottom: 1px solid #ddd;
	position:relative; display:block;
}
#board-2 .divider { height:23px; padding:14px 0 0 19px;}
#body .divider { height:20px; padding:17px 0 0 9px; }


#board-2 h1 { font-family:'RixHead M', 돋움, Dotum, Tahoma, Geneva, sans-serif; font-size:12px; color:#111; line-height:12px;}	
#board-2 .divider h2 { font-family:'RixHead M'; font-size:12px; color:#111;  }
#body .extension h2 { font-family:'RixHead M'; font-size:12px; color:#111;  }


/* 폰트설정 */
@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 */

body, input, button, textarea, table {
	font-family: 돋움, Dotum, Tahoma, Geneva, sans-serif;
}


/*  레이아웃 */
html, body { height:100%;}
body { background:url(../img/bg.png) top center repeat-x;} /* jp=백그라운드 이미지 체인지 */
#siteWrap {}

/* 레이아웃 최상단 헤더 */

#header { width:980px; position:relative; padding:14px 0 0 0; margin:0 auto; zoom:1 } 
#header:after { content:""; display:block; clear:both }

#header .siteLogo { float:left; position:relative; padding:10px 0 0 0; display:block; }

#header .account{ position:relative; float:right; }
#header .account li{ height:32px; position:relative; float:left; list-style:none; font-family: 돋움, Dotum, Tahoma, Geneva, sans-serif; font-size:11px; letter-spacing:-1px; }
#header .account li a { color:#999; }
#header .account li a:hover { text-decoration:underline}
#header .account li *{ vertical-align:top;}
#header .account li li{ float:none; height:auto; background-image:none;}
#header .account li.divider { color:#ddd; padding:0 6px;}

#header .account li.login{ }
#header .account li.login a{display:block; padding:0; background:url(../img/account.png) no-repeat; color:#5B8F0A; text-decoration:underline;}
#header .account li.login a:hover{ background-position:0 -32px;}

#header .account li.logout a{  display:block; padding:0; background:url(../img/account.png) 0 -64px no-repeat;  }
#header .account li.logout a:hover{ background-position:0 -96px; }

#header .account li.profile a{ display:block; padding:0; background:url(../img/account.png) -70px -64px no-repeat; color:#5B8F0A; text-decoration:underline; }
#header .account li.profile a:hover{ background-position:-70px -96px ; }

#header .account li.register a{ display:block; padding:0; background:url(../img/account.png) no-repeat -59px 0;}
#header .account li.register a:hover{ background-position:-59px -32px;}
#header .account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}


/* 레이아웃 상단 */
#siteTop { width:100%; height:51px; position:relative; background:url(../img/sprite.png) 0 0 repeat-x; z-index:100; }
.topWrap { width:980px; height:51px; position:relative; zoom:1; margin:0 auto; z-index:100; }
.topWrap:after { content:""; display:block; clear:both }

#siteTop .siteLogo { float:left; position:relative; display:block; margin:12px 0 0 0; }

#siteTop .search {
	width:193px; height:32px; 
	margin:0 0 0 0; padding:12px 0 0 0;
	float:right; position:relative;
	display:block;
}

#siteTop .search .iText { 
	width:166px; height:27px; display:block;
	float:left; position:relative; line-height:27px;  /* ie=30 */
	background:url(../img/sprite.png) 0 -70px no-repeat; 
	padding:0 0 0 27px; border:none; outline: none; 
	font-family: 'DroidSans', 'DroidSans2', 돋움, Dotum, Tahoma, Geneva, sans-serif; font-size:11px; color:#777;
}

#board-1 { width:980px; position:relative; margin:10px auto; }
#board-1 .fancy { 
	min-height: 300px; display:block;
	padding:0 0 0 0;
	overflow:hidden;
	background:url(../img/ruler.png) top center repeat-x;
}

#board-2 { 
	width:980px; 
	position:relative; margin:0 auto 10px auto; border: 1px solid #aaa; /* #999 */
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	-khtml-border-radius: 0 0 4px 4px;
	overflow:hidden;
}
#board-2:after { content:""; display:block; clear:both }

#board-2 .extension { 
	width:251px; position:relative; float:right; 
	padding:0; margin:0; 
}

/* jQuery UI reset*/
#board-2 .ui-corner-all {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#board-2 .ui-corner-top {
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
}
#board-2 .ui-widget {
	font-family: 돋움, Dotum, Tahoma, Geneva, sans-serif; font-size:12px;
}
#board-2 .ui-widget-content {
	border-right: 1px solid #bfbfbf; 
	border-left:none; border-bottom:none; border-top:none;
	background: transparent;
	color: #222;
}
#board-2 .ui-widget-content .ui-state-active {
	background: white;
	font-weight: 600;
	color: #212121;
}
#widgetTabs .ui-state-default, 
#widgetTabs .ui-widget-content .ui-state-default { 
	border-right: 1px solid #D1D1D1; /* 탭 */
	border-left:none; border-bottom:none; border-top:none;
	background: transparent;
	font-weight: normal;
	color: #555;
}

#widgetTabs { padding:0; width:728px; float:left;}
#widgetTabs .ui-tabs { position: relative; padding:0; zoom: 1; border-width:0;} 
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#widgetTabs .ui-widget-header {
	width:728px; height:38px;
	border: 0;
	background: url(../img/line_tab.gif) repeat-x;
	color: #222;
	font-weight: bold;
}

#widgetTabs .ui-tabs-nav { margin: 0; padding:0; }
#widgetTabs .ui-tabs-nav li {height:37px; list-style: none; top:0; float: left; position: relative; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
#widgetTabs .ui-tabs-nav li a { float: left;  padding: 12px 16px; text-decoration: none; }
#widgetTabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }

#widgetTabs .ui-tabs-panel { display: block; border: 0; padding: 6px 19px 19px 19px; background: none; min-height:500px; }
#widgetTabs .ui-tabs-hide { display: none !important; }

/* GNB 1 */
.gnb { float:left; position:relative; padding:0 0 0 0; height:49px; }
.gnb ul { }
.gnb ul li { 
	float:left; position:relative; margin:7px 0 0 0; 
	font-family: 'DroidSans', 'DroidSans2', 돋움, Dotum, Tahoma, Geneva, sans-serif; font-size:11px; 
}
.gnb ul li a.depth1 { float:left; position:relative; display:block; height:30px; padding:12px 11px 0 11px; color:#333; text-align:center;}
.gnb ul li:hover a.depth1 { padding:11px 10px 0 10px; }
.gnb ul span { display: block; position: absolute; } /* Badge */

/* GNB 2 */
.gnb ul ul { padding:0 7px 7px 7px; margin:5px 0 0 0; float:left; }
.gnb li li { padding:0; margin:0; float:inherit; position:relative; }

.gnb li li a.depth2 { width:162px; padding:5px 4px 5px 4px; margin:0; height:11px; display:block; float:inherit; text-align:left; color:#333; line-height:11px; }
.gnb li li:hover a.depth2 { color:white; border:none; background:#82B8F4; }

/* GNB Badge 보이기/숨기기 */


/* GNB columns */
.gnb .columns1, 
.gnb .columns2, 
.gnb .columns3, 
.gnb .columns4, 
.gnb .columns5,
.gnb .columns6, 
.gnb .columns7, 
.gnb .columns8, 
.gnb .columns9, 
.gnb .columns10, 
.gnb .columns11 {	
	margin:4px auto; padding:0 0 0 0; top:38px; 
	float:left;	position:absolute; left:-999em; 
	text-align:left;
	border:1px solid #e4ff87;
	border-top:none;
	background:#95bb0c;
}

/* GNB columns(메인 2차메뉴) 롤오버시 위치 및 전체크기 */


/* GNB 2차메뉴 크기 */


/* GNB 위젯 float 및 크기 */
.gnb .columns1 .widgetBoard1 { float:left; display:block; } 
.gnb .columns2 .widgetBoard2 { float:left; display:block; } 
.gnb .columns3 .widgetBoard3 { float:left; display:block; } 
.gnb .columns4 .widgetBoard4 { float:left; display:block; } 
.gnb .columns5 .widgetBoard5 { float:left; display:block; } 
.gnb .columns6 .widgetBoard6 { float:left; display:block; }  
.gnb .columns7 .widgetBoard7 { float:left; display:block; } 
.gnb .columns8 .widgetBoard8 { float:left; display:block; } 


/* GNB Round */
.gnb .rounded1 { behavior:url(addons/css3pie/PIE.htc);}
.gnb .rounded1:hover {
	border: 1px #e4ff87 solid;
	border-bottom:1px #e4ff87 solid;
	background: #95bb0c;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px; 
}
.gnb .rounded2 { 
	behavior:url(addons/css3pie/PIE.htc);
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

/* GNB divider */ /*jp=메뉴 사이 줄 변경*/
.gnb ul li.divider:first-child { border:none; background:none;}
.gnb ul li.divider { 
	position: relative; 
	width: 1px; height: 20px; padding: 0; margin:14px 0 0 0;
	background-color: #7b9b06; border: 0px solid #7b9b06;
}


/* 컨텐츠 */
#body { width:980px; position:relative; padding:0 0 0 0; margin:0 auto 0 auto; zoom:1; top:0; background-color:#fff;}
#body:after { content:""; display:block; clear:both }


/* Body Extension */
#body .extension {position:relative; zoom:1; display:none; }
#body .extension:after { content:""; display:block; clear:both; }
#body .extension .section {position:relative; }

#content { position:relative; zoom:1; overflow:hidden; min-height:790px;}
#content:after { content:""; display:block; clear:both;}

#content .read_body h1{ background:url(../img/marker.jpg) left center no-repeat; padding:8px 0 6px 35px; margin:0 0 5px 0; }

/* ----- 1 Column Layout ----- */
.c #body #content { width:980px; padding:20px 0 50px 0; }

/* ----- 2 Column Layout ----- */
.ce #body .e1,
.ec #body .e1 { width:220px; padding:0; display:block;}

.ce #body #content,
.ec #body #content { width:739px;}

.ce #body #content { float:left;  padding:20px 21px 50px 0;}
.ec #body #content { float:right; border-left:1px solid #ddd; padding:20px 0 50px 20px; }

.ce #body .e1 { float:right; clear:right; }
.ec #body .e1 { float:left; clear:left; }

.footer { 
	width:100%; height:25px; 
	margin:0 0 0 0; position:relative; 
	background:url(../img/sprite.png) 0 -117px repeat-x; 
	font-size: 11px; color: #666; 
	font-family:'DroidSans', 'DroidSans2', 돋움, Dotum, Tahoma, Geneva, sans-serif;
}
.footer .wrap { width:982px; height:25px; position:relative; margin:0 auto; zoom:1; }
.footer .wrap:after { content:""; display:block; clear:both }
.footer .divider {
	position: relative; top:1px;
	width: 1px;height: 24px;
	background-color: #D2D2D2;display: inline-block;
	border: solid white 1px;border-bottom: none;border-top: none;
}
.footer .side { height:18px; top:1px; padding:6px 11px 0 11px; position:relative; display:block;} 
.footer .side:hover {
	color: #B41E21;
	background-color: rgba(255, 255, 255, 0.7);
}
.footer .side:hover {
	transition: background-color,color .1s,0.1s linear;
	-o-transition: background-color,color .1s,0.1s linear;
	-moz-transition: background-color,color .1s,0.1s linear;
	-webkit-transition: background-color,color .1s,0.1s linear;
}
.footer .left { float:left;}
.footer .right { float:right;}


.lnb { }
.lnb ul { }
.lnb li:first-child {  }
.lnb li.firstList a { padding: 7px 0 10px 24px; font-weight:bold; background:url(../img/lnb.png) 6px -3px no-repeat;}
.lnb li {
	border-bottom: 1px solid #D6D6D6;
	line-height: 11px;
	text-transform: uppercase;
	width: 220px;
	color: #333;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.lnb li a { 
	display: block;
	color: #333;
	padding: 11px 0 10px 29px;
	background-repeat: no-repeat; font-size:100%;
}
.lnb .active {font-weight: 700; background: url(../img/scans.gif) 0 0 repeat;}
.lnb li a.iu2 { /* background:url(../img/lnb.png) 12px -519px no-repeat; */}
.lnb ul a {}
.lnb li .active {}
.lnb li .hover {}
.lnb li ul { }
.lnb li li { border:none; border-top: 1px solid #D6D6D6; }
.lnb li li a { padding: 11px 0 10px 39px;}

/* Tree Navigation */
.tNav{position:relative;margin:1em 0;zoom:1; font-size:11px;font-family: 'DroidSans', 'DroidSans2', 돋움, Dotum, Tahoma, Geneva, sans-serif;}
.tNav ul{list-style:none;margin:0;padding:0}
.tNav ul ul{margin:0 0 0 -3px}
.tNav li{position:relative;padding:0 0 0 22px;white-space:nowrap;line-height:20px;background:url(../img/lineTree.gif) no-repeat 9px 0;*zoom:1;}
.tNav li.tree1{ background:url(../img/lineTree1.gif) no-repeat 9px 0}
.tNav li.last{background-position:9px -1766px}

.tNav li.active a{ color:#333; outline: 0 none; /* border-bottom:1px solid red; */  } /* #82B8F4 */
.tNav li.active li a{font-weight:normal;color:#767676; /*border-bottom:none;*/}
.tNav li.active li.active a{ color:#222; border-bottom:1px solid red; }
.tNav li.active li.active li a{ border-bottom:none; }

.tNav a{text-decoration:none;color:#767676}
.tNav a:hover,
.tNav a:active,
.tNav a:focus{text-decoration:underline; }
/*.tNav li.active a:hover, */
.tNav li.active li.active a:hover{ text-decoration:none; }
/*.tNav li.active li a:hover, */
.tNav li.active li.active li a:hover{ text-decoration:underline; }

.tNav .tNavToggle{position:absolute;top:0;left:0;width:19px;height:19px;padding:0;overflow:hidden;border:0;font-size:0;color:#fff;vertical-align:middle;text-indent:19px;*text-indent:0;background:transparent url(../img/btnPlusMinus.gif) no-repeat;cursor:pointer}
.tNav .tNavToggle.plus{background-position:5px -15px}
.tNav .tNavToggle.minus{background-position:5px 5px}




/* 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;
}

.loginWindow .loginLayer dt { font-family: 'DroidSans', 'DroidSans2', 돋움, Dotum, Tahoma, Geneva, sans-serif; font-size:11px; } 
.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 .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;}