/**
*  default
**/

html, body {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	font: 12px/130% "Dotum", "µ¸¿ò"; color: #666;
}
body { background: #fff; }

img { border: 0; }
a { text-decoration: none; color: #666; }
a:hover { color: #666; text-decoration: underline; }
h1, h2, h3, h4, h5, h6, form, ul, li, ol, dl, dt, dd, blockquote, p { list-style: none; margin: 0; padding: 0; }
em { font-style: normal; }
input, select, textarea { border: 0; font: 1em "Dotum", "µ¸¿ò"; color: #666; vertical-align: middle; }
input.submit, input.radio, input.check { padding: 0 !important; border: 0 !important; }
input.radio, input.check { background: none !important; vertical-align: baseline !important; }
input.input { padding: 3px 5px 2px; border: 1px solid #aeaeae; }
textarea.textarea { padding: 3px 5px 2px; border: 1px solid #aeaeae; }
select.select { behavior: url('/lib/script/selectbox.htc'); border: 1px solid #aeaeae; background-color: #fff; }
select.toolbar-select { behavior: url('/lib/script/toolbar_selectbox.htc'); border: 1px solid #aeaeae; background-color: #fff; }

.reDesignSelectBox * td { height: auto !important; padding-left: 5px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.reDesignSelectBox * img { vertical-align: top !important; }

iframe,
textarea {
	scrollbar-base-color: #eeeeee;
	scrollbar-3dlight-color: #aeaeae;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-face-color: #eeeeee;
	scrollbar-arrow-color: #303030;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-darkshadow-color: #aeaeae;
	scrollbar-track-color: #f7f7f7;
}
fieldset { margin: 0; padding: 0; border: 0; }
fieldset legend { display: none; }
table { border-collapse: collapse; }
table th, table td { padding: 0; }


#wrapper { width: 100%; padding-bottom: 30px; background: url('/img/img_common/bg.gif') repeat-x 0 0; }

#header { position: relative; width: 970px; height: 34px; margin: 0 auto; padding: 0 10px; }
#header h1 { padding: 4px 0 0; }
#header p  { position: absolute; top: 10px; right: 3px; }

#clanTitle { width: 970px; margin: 20px auto 0; padding: 10px; background-color: #fff; }
#clanTitle dl { width: 934px; height: 65px; padding: 28px 18px 27px; background-color: #a39c80; overflow: hidden; }
#clanTitle dt { float: left; }
#clanTitle dt img { border: 2px solid #4d4d4d; }
#clanTitle dd { float: left; margin-left: 10px; padding-top: 17px; font-size: 1.5em; font-weight: bold; }
#clanTitle dd a { color: #fff; text-decoration: none; }
#clanTitle dd em { display: block; font-size: 10px; font-family: "verdana"; font-weight: normal; }

#clanInfo { position: relative; width: 970px; height: 40px; margin: 0 auto; padding: 0 10px; background: #fff url('/img/img_common/bg_claninfo.gif') no-repeat 10px 0; }
#clanInfo img { margin: -3px 0 0; vertical-align: middle; }
#clanInfo dl { padding: 12px 0 0; }
#clanInfo dl dt { display: inline; padding: 0 3px 0 10px; font-weight: bold; color: #333; }
#clanInfo dl dt.clanOpenDate { background: url('/img/img_common/bg_claninfo_bar.gif') no-repeat 0 0; }
#clanInfo dl dt.clanMembers  { background: url('/img/img_common/bg_claninfo_bar.gif') no-repeat 0 0; }
#clanInfo dl dd { display: inline; padding: 0 7px 0 0; color: #666; }
#clanInfo p { position: absolute; top: 12px; right: 19px; font-size: .9em; letter-spacing: -1px; background: url('/img/img_common/bg_claninfo_bar.gif') no-repeat 76px 3px; }
#clanInfo p a { padding-left: 19px; }
#clanInfo p a:hover { text-decoration: none; }
#clanInfo p a.clanMemberInfo { background: url('/img/img_common/ico_memberinfo.gif') no-repeat 0 0; }
#clanInfo p a.clanInfoDetail { padding-left: 25px; background: url('/img/img_common/ico_infodetail.gif') no-repeat 7px 0; }
#clanInfo p a.clanFavorite   { padding-left: 5px; }

#container { position: relative; width: 970px; margin: 0 auto; padding: 14px 10px 0; background-color: #fff; overflow: hidden; }
#subSection { padding-bottom: 40px; }
#content { padding-bottom: 40px; }

#loginForm { width: 190px; background: url('/img/img_common/bg_loginbox_btm.gif') no-repeat left bottom; }
#loginForm fieldset { padding: 10px 13px; background: url('/img/img_common/bg_loginbox_top.gif') no-repeat left top; }
#loginForm div.field { position: relative; width: 100%; }
#loginForm div.field p { margin: 0 0 2px; }
#loginForm div.field input.input { width: 94px; }
#loginForm div.field p.userID input { background: url('/img/img_common/bg_id.gif') no-repeat 0 0; }
#loginForm div.field p.userPW input { background: url('/img/img_common/bg_pw.gif') no-repeat 0 0; }
#loginForm div.field p input.onfocus { background: none !important; }
#loginForm div.field p.submit { position: absolute; top: 1px; right: 0; }
#loginForm p.util { margin-top: 6px; padding-top: 3px; font-size: .9em; border-top: 1px solid #e2e2e2; }
#loginForm p.util a.join { padding-right: 4px; font-weight: bold; background: url('/img/img_common/join_bar.gif') no-repeat right top; }

#loginForm div.title { position: relative; width: 174px; margin: -10px -10px 0; padding: 9px 0 3px 10px; border-bottom: 1px solid #d3d3d3; }
#loginForm div.title h2 { font-size: 1em; color: #333; }
#loginForm div.title p { position: absolute; top: 6px; right: 10px; font-size: .9em; }
#loginForm div.title img { margin: 0 0 1px; vertical-align: middle; }

#loginForm ul.basic { }
#loginForm ul.basic li { color: #666; font-size: 11px; }
#loginForm ul.basic li.nick { padding: 10px 0 7px; font-size: 12px; font-weight: bold; color: #333; }
#loginForm ul.basic li strong { padding-right: 5px; font-size: 12px; }
#loginForm ul.basic li img { margin: -2px 0 0; padding: 0 2px 0 0; vertical-align: middle; }

#loginForm p.notice { height: 43px; margin: 7px 0 0; font-size: 11px; color: #848484; line-height: 13px; }

#loginForm ul.claninfo { height: 43px; margin: 7px 0 0; }
#loginForm ul.claninfo li { line-height: 17px; font-size: 11px; color: #ff0000; }
#loginForm ul.claninfo li strong { font-size: 12px; color: #666; }
#loginForm ul.claninfo li img { margin: -2px 0 0; padding: 0 2px 0 0; vertical-align: middle; }

#loginForm dl.favoriteClan { width: 164px; margin: 10px 0 0; border-top: 1px solid #e2e2e2; }
#loginForm dl.favoriteClan dt { margin: 8px 0 3px; color: #333; }
#loginForm dl.favoriteClan dd#favoriteOpen { width: 157px; height: 16px; padding: 4px 0 1px 7px; background: url('/img/img_common/bg_favoriteclan.gif') no-repeat 0 0; cursor: pointer; }
#loginForm dl.favoriteClan dd#favoriteList {
	display: none;
	height: 116px; padding: 4px; border: 1px solid #aeaeae; border-top: 0; overflow: auto;
	scrollbar-base-color: #eeeeee;
	scrollbar-3dlight-color: #aeaeae;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-face-color: #eeeeee;
	scrollbar-arrow-color: #303030;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-darkshadow-color: #aeaeae;
	scrollbar-track-color: #f7f7f7;
}
#loginForm dl.favoriteClan dd#favoriteList ul { }
#loginForm dl.favoriteClan dd#favoriteList ul li { margin: 7px 0 0; padding: 0 0 0 10px; font-weight: bold; background: url('/img/img_common/bul_favorite1dp.gif') no-repeat 4px 3px; }
#loginForm dl.favoriteClan dd#favoriteList ul li ul { margin-left: -10px; }
#loginForm dl.favoriteClan dd#favoriteList ul li ul li { display: block; margin: 0; padding: 0; line-height: 1; font-size: 0; font-weight: normal; background: none; zoom: 1; overflow: hidden; }
#loginForm dl.favoriteClan dd#favoriteList ul li ul li a { display: block; padding: 5px 0 2px 23px; font-size: 12px; text-decoration: none; background: url('/img/img_common/bul_favorite2dp.gif') no-repeat 15px 9px; }
#loginForm dl.favoriteClan dd#favoriteList ul li ul li a:hover { color: #000; background-color: #e5e5e5; }
#loginForm dl.favoriteClan dd#favoriteList ul li ul li span { display: block; margin: -15px 5px 0 0; text-align: right; }
#loginForm dl.favoriteClan dd#favoriteList ul li ul li span a { display: inline; padding: 0; background: none; }

#manageClan { margin: 4px 0 0; }

#searchForm { height: 64px; margin: 0 0 10px; padding: 7px 5px 0; background: url('/img/img_common/bg_searchframe.gif') no-repeat 0 0; }
#searchForm p { margin: 5px 0 0; padding: 8px; background-color: #efefef;  }
#searchForm input.input { width: 105px; padding: 1px 5px; }
#searchForm input.radio { margin: 0 0 -2px; }

#subNavigation { width: 190px; margin: 0 0 10px; background: url('/img/img_common/menu_btm.gif') no-repeat left bottom; }
#subNavigation ul { background: url('/img/img_common/menu_top.gif') no-repeat left top; }
#subNavigation ul li { padding: 10px 0 8px 10px; line-height: 19px; font-weight: bold; color: #333; background: url('/img/img_common/menu_separater.gif') no-repeat 0 0; }
#subNavigation ul li ul { background: none; }
#subNavigation ul li ul li { padding: 0 0 0 15px; font-weight: normal; background: url('/img/img_common/ico_menu_normal.gif') no-repeat 2px 4px; }
#subNavigation ul li ul li.image { background-image: url('/img/img_common/ico_menu_image.gif'); }
#subNavigation ul li ul li.current a { font-weight: bold; color: #f44500; }

#subNavigation.manageClanMenu { width: 188px !important; margin-top: -10px; border: 1px solid #bcbcbc; background: #f7f7f7 !important; }
#subNavigation.manageClanMenu ul { background: none !important; }
#subNavigation.manageClanMenu ul li ul li { background: url('/img/img_common/ico_menu_manage.gif') no-repeat 5px 3px; }
#subNavigation.manageClanMenu ul li.close { padding-bottom: 0 !important; }
#subNavigation.manageClanMenu ul li.close a { color: #333; }
#subNavigation.manageClanMenu ul li.close ul li { padding-left: 8px; background: url('/img/img_common/ico_menu_close.gif') no-repeat 0 6px; }

#visitCounter { background: url('/img/img_common/default_frame_btm.gif') no-repeat left bottom; }
#visitCounter dl { padding: 0 0 10px; background: url('/img/img_common/visitcounter_top.gif') no-repeat 0 0; }
#visitCounter dl dt { padding: 7px 0 15px 53px; font-family: "verdana"; font-weight: bold; color: #f43100; }
#visitCounter dl dd { padding: 0 0 0 17px; font-size: .9em; background: url('/img/img_common/bul_counter.gif') no-repeat 12px 7px; }
#visitCounter dl dd strong { padding-left: 5px; font-family: "verdana"; color: #333; }

div.defaultFrame { padding: 0 11px 5px; background: url('/img/img_common/default_frame_btm.gif') no-repeat left bottom; }
div.defaultFrame h3 { position: relative; width: 100%; margin: 0 -11px 5px; padding: 10px 11px 5px; font-size: 1em; color: #333; background: url('/img/img_common/default_frame_top.gif') no-repeat 0 0; }
div.defaultFrame h3 a.more { position: absolute; top: 14px; right: 10px; }

div.banner { margin: 10px 0 0; }
div.banner p { margin: 0 0 10px; }

#footer { position: relative; /*width: 480px;*/ width: 680px; margin: 0 auto; padding: 15px 0 20px 310px; background: #fff url('/img/img_common/bg_footer.gif') no-repeat 10px 0; }
#footer .footerCI { position: absolute; top: 26px; left: 213px; }
#footer .footerMenu li { display: inline; color: #999; }
#footer .footerMenu a { font-weight: bold; color: #666; }
#footer .footerInfo { margin: 5px 0 2px; }
#footer .footerInfo li { font-size: .9em; color: #999; line-height: 13px; }
#footer .footerInfo a { color: #999; }
#footer .copyright { font-size: .8em; font-family: "verdana"; color: #999; }