@charset "utf-8";

/*
webmini (http://www.webmini.net/)
webmini@webmini.net
Kim, Tae Kyung
*/

/* Site Layout - Body Wrap */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,p,button {margin:0; padding:0;}
body {background:url(../images/default/bg.gif)  no-repeat center 24px; font:12px  "돋움", Dotum, "", Gulim, "", "Malgun Gothic", Arial, sans-serif, AppleGothic;}
#bodyWrap {position:relative; width:840px; margin:0 auto; padding:0; border:0;}


hr, legend {display:none;}
img, fieldset, button {border:0 none;}
.bul {margin:0 0 2px 0;vertical-align:middle;}
.pointer {cursor:pointer;}

/* Site link style */
a:link {color:#555555; text-decoration:none;}
a:visited {color:#555555; text-decoration:none;}
a:hover {color:#0066cc; text-decoration:underline;}
a:active {color:#555555; text-decoration:none;}


/* Site Layout - Header */

#header {position:relative; width:840px; height:150px; margin-bottom:5px; background:url(../images/default/bgHeader2.gif) no-repeat left bottom; z-index:1;}
#header h1 {position:absolute; top:32px; left:20px;}
#tongji {position:absolute; top:5px; left:0px; z-index:2;}


#mini_gnb {position:relative; z-index:2; width:100%; border-bottom:1px solid #eee; background:#fafafa; text-align:center;}
#mini_gnb .top_box {position:relative; width:840px; margin:0 auto; padding:3px 0; }
#mini_gnb ul.account {margin:0; padding:0; text-align:right;}
#mini_gnb ul.account li {display:inline; list-style:none; padding:0 1px 0 6px; background:url(../images/default/login_bar.gif) no-repeat left 50%; color:#555; font:11px "돋움", Dotum; white-space:nowrap;}
#mini_gnb ul.account li.first-child {padding-left:0; background:none;}
#mini_gnb ul.account li.pointer {cursor:pointer;}
#mini_gnb ul.account li strong {color:#555;}
#mini_gnb ul.account li a {color:#555; letter-spacing:-1px;}
#mini_gnb ul.account li a:hover {color:#555; text-decoration:underline;}
#mini_gnb .memberProfile{ display:none; position:absolute; top:23px; right:133px; padding:10px; background:#fff; border:1px solid #acb8d7; text-align:left; overflow:hidden;}
#mini_gnb .memberProfile.active{ display:block;}
#mini_gnb .memberProfile .authorName{ width:85px; margin:0 0 5px 0; font-size:12px; font-weight:bold; color:#333; white-space:nowrap; overflow:hidden;}
#mini_gnb .memberProfile ul { margin:0; padding:5px 10px 2px 10px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
#mini_gnb .memberProfile li { float:none; white-space:nowrap; width:auto; margin:0 0 4px 0; padding:0 0 0 6px; background:url(../images/default/bulletB.gif) no-repeat left center; color:#333; font-size:11px; letter-spacing:-1px;}
#mini_gnb .memberProfile li span {color:#ed2a32; letter-spacing:normal;}
#mini_gnb .memberProfile li a{ background:none; color:#333; text-decoration:none;}
#mini_gnb .memberProfile li a:hover,
#mini_gnb .memberProfile li a:active,
#mini_gnb .memberProfile li a:focus{ text-decoration:underline;}
#mini_gnb .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:8px; right:5px; width:10px; height:10px; background:transparent url(../images/default/buttonCloseX.gif) no-repeat center center;}
#mini_gnb .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}


/* GNB */
#gnb {position:absolute; top:83px; left:10px; height:35px; margin:0; padding:0; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li {display:inline; position:relative; left:-2px; z-index:1;  list-style:none; float:left; width:auto; background:url(../images/default/bgGnbVr.gif) no-repeat left 50%; white-space:nowrap; line-height:16px; letter-spacing:-1px;}
#gnb li a {display:block; float:left; padding:10px 14px 2px 15px; width:auto; height:23px; color:#FFF; white-space:nowrap; text-decoration:none;}
#gnb li a:hover,
#gnb li a:focus {color:#ffef3e;}
#gnb li.on {position:relative; z-index:2; /*padding-left:3px; margin:0 -2px 0 2px; background:url(../images/default/bgGnbOn2.gif) no-repeat left top; font-weight:bold;*/}
#gnb li.on a {color:#ffef3e; /*background:url(../images/default/bgGnbOn.gif) no-repeat right top;*/}
#gnb li.on a:hover {color:#FFF;}

#topgonggao {position:absolute; color:#fff; font:12px "돋움", Dotum; top:96px; left:688px; z-index:2;}
#topgonggao a {color:#fff; font:12px "돋움", Dotum;}
#topad {position:absolute; top:15px; right:0px; z-index:2;}
#topsousuo {position:absolute; color:#666; font:11px "돋움", Dotum; top:15px; left:265px; z-index:2;}
#topsousuo a {color:#666; font:11px "돋움", Dotum; z-index:2;}
#topsousuo span {COLOR: #ccc}
#topsousuo strong {color:#636EC6;}
#new {position:absolute; top:75px; left:225px; z-index:2;}
#main_ad {position:absolute; top:0px; left:205px; z-index:2;}



#isSearch { position:absolute; top:30px; left:205px; width:430px; text-align:right;}
#isSearch ul { display:none; position:absolute; left:0px; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#ffffff;}
#isSearch ul li input {display:none;}
#isSearch ul li label {display:block; padding:4px 0 0 4px; width:125px; height:15px; font-size:11px; color:#5c5c5c;}
#isSearch ul li label.on {background:#ededed;}
#isSearch ul li label:hover,
#isSearch ul li label:focus {background:#ededed;}
#isSearch .inputText {position:relative; top:0; left:1px; width:302px; height:13px; padding:9px 8px 8px 8px; border:3px solid #4E64F8; background-color:#ffffff; color:#555; ffont:14px "돋움", Dotum; vertical-align:middle;}
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:3px solid #4E64F8; background-color:#ffffff; }
#isSearch .submit {vertical-align:middle;}


/* Site Layout - Content Body */

#contentBody {position:relative; width:840px; padding-bottom:10px; background-color:#ffffff;}






/* 컨텐츠 컬러셋 */
/* Site Layout - Column Right */

#columnmain {position:relative; float:right; width:840px;  line-height:16px; overflow:hidden;}
#visualArea {width:670px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content {width:100%; overflow:hidden ;}




/* Site Layout - Footer */
#footer {clear:both; position:relative; padding-bottom:20px; border-top:2px solid #636870;}
#footer a {text-decoration:none; color:#666;}
#footer a:visited {text-decoration:none; color:#666;}
#footer a:hover {text-decoration:underline;}
#footer ul.foot_list {height:12px; margin:0; padding:9px 0; border-bottom:1px solid #ebebeb; background:#fafafa; text-align:center; overflow:hidden;}
#footer ul.foot_list li {display:inline; padding:0 1px 0 6px; white-space:nowrap; background:url(../images/default/line_v_footer.gif) no-repeat left 0;  font:11px "돋움", Dotum;}
#footer ul.foot_list li a {letter-spacing:-1px;}
#footer p.top {position:absolute; top:6px; right:10px;}
#footer p.info {margin:5px 0 8px 0; font:11px "돋움", Dotum; line-height:16px; color:#aaa; letter-spacing:-1px; text-align:center;}
#footer p.copyright {margin:0; color:#777; font:bold 9px Verdana; text-align:center;}
#footer p.copyright a {color:#6B7BB3 !important; font:bold 9px Verdana; text-decoration:none;}
#footer p.copyright a:hover,
#footer p.copyright a:focus {font:bold 9px Verdana; color:#6B7BB3;}
#footer address {padding-top:2px; color:#999; font:bold 9px Verdana; text-align:center;}
#footer abbr {color:#333;}
#footer .rss_icon {padding-left:12px; background: url(../images/default/icon_feed.gif) left 50% no-repeat;}

#family_site {
	position: absolute;
	top: 7px;
	left: 10px;
	background: url(../images/default/bg_family_site.gif) no-repeat;
}
#family_site h4 {
	cursor: pointer;
	width: 107px;
	height: 16px;
	margin: 0;
}
#family_site span {
	display: none;
}
#family_site #site_list {
	position: absolute;
	bottom: 15px;
	border: solid #d5d5d5;
	border-width:1px 1px 0 1px;
	background-color: #fff;
	width: 105px;
	height: 0;
	margin:0;
	overflow: auto;
}

#family_site #site_list a:hover,
#family_site #site_list a:focus {color:#0066cc; text-decoration:none;}

#family_site #site_list ul {
	list-style: none;
	margin:0;
	padding:5px;
	text-align:left;
	overflow:hidden;
}

#family_site #site_list ul li {
	color:#666;
	line-height:14px !important;
	font:11px "돋움", Dotum;
	letter-spacing:-1px;
}


/* 메인 번역 */
#quezz {
	MARGIN-TOP: 4px; PADDING-LEFT: 10px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; FLOAT: left; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left
}
#quezz INPUT {
	BORDER-RIGHT: #d9d9d9 1px solid; BORDER-TOP: #d9d9d9 1px solid; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; VERTICAL-ALIGN: middle; BORDER-LEFT: #d9d9d9 1px solid; WIDTH: 160px; BORDER-BOTTOM: #d9d9d9 1px solid; FONT-FAMILY: Dotum; HEIGHT: 13px;
}
#quezz .aa {
	BORDER-RIGHT: #d9d9d9 1px solid; BORDER-TOP: #d9d9d9 1px solid; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; BORDER-LEFT: #d9d9d9 1px solid; BORDER-BOTTOM: #d9d9d9 1px solid; FONT-FAMILY: Dotum; HEIGHT: 20px;
}

/* 메인 로그인하단 메뉴 */
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #d9d9d9; PADDING-TOP: 0px; FONT-FAMILY: dotum,돋움,sans-serif}
UL {LIST-STYLE-TYPE: none}
.ico {BACKGROUND-IMAGE: url(../images/default/ic_10.gif); BACKGROUND-REPEAT: no-repeat}
.btn {BACKGROUND-IMAGE: url(../images/default/bt_10.gif); BACKGROUND-REPEAT: no-repeat}
#sInf {CLEAR: both; MARGIN-BOTTOM: 150px; BACKGROUND-COLOR: #f7f9fd}
#sInf H2 {DISPLAY: none}
#sInf .box {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; HEIGHT: 100px}
#sInf UL {WIDTH: 198px}
#sInf LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 48px; PADDING-TOP: 3px; TEXT-ALIGN: center}
#sInf LI.ico {BACKGROUND-POSITION: 0px 0px; PADDING-LEFT: 1px; WIDTH: 48px}
#sInf LI A {FONT-SIZE: 11px; COLOR: #6b6b6b; LETTER-SPACING: -1px}
#sInf LI A.btn {BACKGROUND-POSITION: 0px 0px; FLOAT: left; MARGIN: 0px 0px 0px 8px; OVERFLOW: hidden; WIDTH: 34px; TEXT-INDENT: -5000px; HEIGHT: 16px}