@charset "utf-8";

/*
Padinside (http://www.padinside.com/)
admin@padinside.com
Yoon
*/

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

#skip_navigation {display:none;}

/* Site Layout - Header 메인메뉴 */
#header {position:relative; width:980px; height:140px; margin-bottom:10px; background:url(../images/default/bgHeader.gif) no-repeat left bottom; border-bottom:1px solid #dedede; z-index:1;}
#header h1 {position:absolute; top:0px; left:0px;}

#it_search_form {position:absolute; top:42px; right:15px;}
#it_search_form .input {border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button {width:1px; height:1px; visibility:hidden;}

#mini_gnb {position:relative; z-index:2; width:100%; border-bottom:1px solid #eee; background:#ffffff;/* 최상단 타이틀바 */ text-align:center;}
#mini_gnb .top_box {position:relative; width:880px; 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.bookmark {padding-left:0; background:none; 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{ margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#333; white-space:nowrap;}
#mini_gnb .memberProfile ul { margin:0; padding:10px 10px 5px 10px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
#mini_gnb .memberProfile li{ float:none; white-space:nowrap; margin:0 0 5px 0; padding:0 0 0 10px; background:url(../images/default/bulletB.gif) no-repeat left center; font-size:11px; letter-spacing:-1px;}
#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:0; right:0; width:27px; height:27px; 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;}

/* AD banner */
#sky_banner {position:absolute; top:0; left:-75px;}
#ad_banner {height:84px; margin-bottom:10px; padding:20px 0 0 0; border:3px solid #dedede; text-align:center;}

/* Google AD */
#google {margin:0 0 10px 0; padding:5px; border-bottom:1px solid #dedede; text-align:center;}
#google_link {margin:10px 0 10px 0; padding:0 10px 10px 15px; border:solid #dedede; border-width:0 1px 1px 1px;}

#gnb { position:absolute; top:70px; left:0px; height:33px; margin:0px; overflow:hidden; padding-left:20px; width:820px; font-weight:bold; color:#999999;}
#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr4.gif) no-repeat left 11px; font-weight:bold;}
/* 서브메뉴 적용변경 */
#gnb li a { display:block; float:left; padding:11px 8px 0px 8px; height:27px; color:#000000; text-align:center; white-space:nowrap; text-decoration:none; font-family:굴림; font-weight:normal; font-weight:bold;}
#gnb li a:hover,
#gnb li a:focus { color:#eee; height:30px; background:url(../images/default/bgGnb.gif) repeat-x; }
#gnb li.on a { color:#eee; height:30px; background:url(../images/default/bgGnbon.gif) repeat-x; }

.gnb_sub { position:absolute; left:10px; top:109px; height:24px; margin:0px; overflow:hidden; background:#fff; z-index:99; }
.gnb_sub li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; position:relative; padding-left:2px; left:-2px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 6px 0 6px; height:17px; color:#666; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus {color:#ff3b18; }
.gnb_sub li.on a { color:#ff3b18;}

#new {position:absolute; top:65px; left:425px; z-index:2;}

#mode {position:absolute; top:77px; right:10px; margin:0; padding:0;}
#mode button {display:block; width:50px; height:20px; text-indent:-3000em; overflow:hidden; cursor:pointer;}
#mode li {float:left; list-style:none; width:auto; margin-left:3px;}
#mode .btn_yesread {background:url(../images/default/btn_yesread.gif) no-repeat;}
#mode .btn_noread {background:url(../images/default/btn_noread.gif) no-repeat;}

/*#gnb2 {position:absolute; top:108px; left:20px; margin:0; padding:0; white-space:nowrap; margin-bottom:0; overflow:hidden;}
#gnb2 li {position:relative; left:-2px; float:left; list-style:none; width:auto; margin:9px 8px 0 0; padding:0 1px 0 8px; color:#666; font:11px "", Dotum; background:url(../images/default/bgGnb2Vr.gif) no-repeat left 0; white-space:nowrap;}
#gnb2 li.google_li {margin:7px 10px 0 0; padding:0; background:none;}
#gnb2 li a {display:block; color:#666; font:11px "", Dotum; text-decoration:none; letter-spacing:-1px;}
#gnb2 li a:hover, 
#gnb2 li a:focus {padding-bottom:2px; border-bottom:2px solid #3a66a2; color:#3a66a2; letter-spacing:-1px;}
#gnb2 li.on a {padding-bottom:2px; border-bottom:2px solid #3a66a2; color:#3a66a2; font-weight:bold; letter-spacing:-1px;}
* html #gnb2 li.on a {padding-bottom:1px;}
*+html #gnb2 li.on a {padding-bottom:3px;}*/

#search_se {position:absolute; top:115px; right:172px;}

#isSearch { position:absolute; top:113px; right:10px; width:210px; text-align:right;}
* html #isSearch {top:110px;}
*+html #isSearch {top:110px;}
#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:100px; height:13px; padding:3px 3px 1px 3px; border:1px solid #ccc; background-color:#ffffff; color:#555; font-size:12px; vertical-align:middle;}
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #4E64F8; background-color:#ffffff; }
#isSearch .submit {vertical-align:middle;}

#bgcolor {position:absolute; top:72px; right:15px; z-index:99; width:145px; height:10px;}
#bgcolor input {cursor:pointer;}
#bgcolor ul {margin:0; text-align:left;}
#bgcolor li {display:inline; list-style:none; padding:0;}
#bgcolor .bg1 {width:10px; height:10px; border:1px solid #dedede; background:#fff;}
#bgcolor .bg2 {width:10px; height:10px; border:1px solid #dedede; background:#faf7e9;}
#bgcolor .bg3 {width:10px; height:10px; border:1px solid #dedede; background:#fef3f0;}
#bgcolor .bg4 {width:10px; height:10px; border:1px solid #dedede; background:#f4f4f4;}
#bgcolor .bg5 {width:10px; height:10px; border:1px solid #dedede; background:#f0f3f9;}

/* Site Layout - Content Body  게시판 영역 설정. 위치변경 수정*/
#contentBody {position:relative; width:980px; padding-bottom:10px; background:url(../images/default/bgContentBody.gif) repeat-y left top; background-color:#fff;}

/* Site Layout - Column Left */
#columnLeft {position:relative; width:150px; float:left;}
#columnLeft .mask {width:200px; height:5px; background:#ffffff; display:block;}

#lnbWrap {margin:5px 0 0 0; padding:5px 10px 0 10px; overflow:hidden;}
#lnbWrap img {display: block;}
#lnb {position:relative; margin:0; padding:0; font:12px "", Dotum, "", Gulim;} 
#lnb li {list-style:none; overflow:hidden;}
#lnb li a {position:relative; z-index:99; display:block; height:15px;  padding:6px 10px 4px 12px; border-bottom:1px solid #eeeeee; background:url(../images/default/smBul.gif) no-repeat 5px 50%; color:#555555; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus {color:#3a66a2; text-decoration:underline;}
#lnb li.on a {border-bottom:1px solid #eee; background:url(../images/default/smBulon.gif) 5px no-repeat; color:#3a66a2; font-weight:bold; letter-spacing:-1px; text-decoration:underline;}
#lnb li.on a:hover,
#lnb li.on a:focus {color:#3a66a2; text-decoration:underline;}
#lnb li ul {display:none; position:relative; margin:0; padding:0;}
#lnb li.on ul {display:block;}
#lnb li ul {margin:2px 0; border:solid #eee; border-width:1px 0; background:#f4f4f4;}
#lnb li ul li {position:relative; top:0; font-size:11px; letter-spacing:-1px;}
#lnb li ul li a {background:url(../images/default/submenulist.gif) 12px 5px no-repeat !important; padding:5px 10px 2px 25px; color:#666 !important; font-weight:normal !important; letter-spacing:normal !important; text-decoration:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus {color:#3a66a2 !important; text-decoration:underline !important;}
#lnb li.on ul li.on a {color:#3a66a2 !important; font-weight:bold !important; letter-spacing:-1px !important;}

/* Site Layout - Column Right */
#columnRight {position:relative; float:right; width:820px; "", Dotum, "", Gulim; line-height:16px; overflow:hidden;}
#visualArea {width:820px; 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;
}

/* Tag Cloud */
#tag_cloud {margin:0;}

/* Mixsh */
#mixsh {margin:10px 0; text-align:center;}

/* weblog */
#weblog {margin:10px 0; padding:15px 10px 0 10px; border:1px solid #DEDEDE;}

/* calendar */
#calendar {margin-bottom:-8px;}

/* αԽù */
#popular {margin:10px 0; padding-bottom:5px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede;}

/*   */
#game_help {margin:10px 0 0 0; border:1px solid #dedede; background:#FFF;}
#game_help h6 {padding:5px 20px; border-bottom:1px solid #dedede; background:#f4f4f4 url(../images/default/icon_bul.gif) no-repeat 10px 50%; color:#3a66a2; font-size:12px; letter-spacing:-1px;}
#game_help ul {padding:5px 10px;}
#game_help li {padding-left:12px; background: url(../images/default/icon_doc.gif) left 5px no-repeat; font-size:11px; line-height:20px;}

/* feedburner mail */
.feed_mail {border:1px solid #dedede; padding:8px 0 6px 0; font-size:11px; letter-spacing:-1px; text-align:center;}
* html .feed_mail {margin-top:5px; padding:7px 0 5px 0;}
*+html .feed_mail {margin-top:5px;}