/***********************************************************************************************
 * 페이지 레이아웃
 ***********************************************************************************************/

/* 초기화 */
LABEL {cursor:pointer;}

#DayBanner {position:absolute; top:0px; left:0px; z-index:1;}
#minionchatting {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum !important;}


/* 헤더 */
#Header {width:980px; margin:0 auto; height:60px; padding:20px 0px 10px 0px;}
#Header .logo {width:320px; height:60px; float:left;}
#Header .ad {width:468px; height:60px; float:right; text-align:right;}

/* 메뉴바 */
#Menubar {height:43px; margin-bottom:10px;}
#Menubar.dev {background-image:url(/images/common/menu_dev_bg.gif);}
#Menubar.minion {background-image:url(/images/common/menu_minion_bg.gif);}
#Menubar.adtex {background-image:url(/images/common/menu_adtex_bg.gif);}
#Menubar.livebest {background-image:url(/images/common/menu_livebest_bg.gif);}
#Menubar.firc {background-image:url(/images/common/menu_firc_bg.gif);}

#Menubar .menubar {width:980px; height:42px; margin:0 auto; padding:1px 0px 0px 0px;}
#Menubar .menubar UL {width:790px; height:39px; border-left:1px solid #CCCCCC; border-top:0px; border-bottom:0px; list-style-type:none; float:left;}
#Menubar .menubar LI {float:left; line-height:39px; border-left:1px solid #FFFFFF; border-right:1px solid #CCCCCC;}
#Menubar .menubar LI A {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; height:39px; display:block; padding:0px 25px 0px 25px; line-height:39px; color:#2F2F2F; text-decoration:none;}
#Menubar .menubar LI A:HOVER {background:url(../images/common/menubar_over.gif);}
#Menubar .menubar LI A:ACTIVE {background:url(../images/common/menubar_on.gif); color:#FFFFFF;}
#Menubar .menubar LI A.on {background:url(../images/common/menubar_on.gif); color:#FFFFFF; font-weight:bold;}
#Menubar .menubar LI A.on:HOVER {}
#Menubar .menubar LI A.on:ACTIVE {}

/* 검색바 */
#Menubar .searchbar {width:180px; height:33px; padding-top:6px; padding-right:4px; margin:0; border-right:1px solid #CCCCCC; float:right;}
#Menubar .searchbar .searchinput {width:170px; height:22px; border:2px solid #51AF10; font:0/0 arial; position:relative; margin:0 auto;}
#Menubar .searchbar .searchinput .inputbox {width:140px; height:14px; border:1px solid #51AF10; padding:3px 0px 3px 3px; margin:0px;font-size:12px; font-weight:bold; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; float:left;}
#Menubar .searchbar .buttonbox {width:25px; height:22px; background-image:url(../images/common/btn_search.gif); background-repeat:repeat; float:right; border:0px; cursor:pointer; background-position:0px 0px;}
#Menubar .searchbar .buttonbox:hover {background-position:0px 22px;}
#Menubar .searchbar .livelist {position:absolute; width:142px; top:22px; left:1px; z-index:100; border:1px solid #C8C8C8; border-top:0px; background:#FFFFFF; font-size:12px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#888888;}
#Menubar .searchbar .livelist DIV {padding:5px 3px 5px 3px; margin:2px; cursor:pointer;}
#Menubar .searchbar .livelist DIV:hover {padding:5px 3px 5px 3px; margin:2px; background:#E5E5E5; cursor:pointer;}

/* 컨텐츠영역 */
#PageMain {background-repeat:repeat-x; background-position:top;}
#PageMain.dev {background-image:url(/images/common/main_dev_bg.jpg);}
#PageMain.minion {background-image:url(/images/common/main_minion_bg.jpg);}
#PageMain.adtex {background-image:url(/images/common/main_adtex_bg.jpg);}
#PageMain.livebest {background-image:url(/images/common/main_livebest_bg.jpg);}
#PageMain.firc {background-image:url(/images/common/main_firc_bg.jpg);}

#PageSubMain {background-repeat:repeat-x; background-position:top;}
#PageSubMain.dev {background-image:url(/images/common/sub_dev_bg.jpg);}
#PageSubMain.minion {background-image:url(/images/common/sub_minion_bg.jpg);}
#PageSubMain.adtex {background-image:url(/images/common/sub_adtex_bg.jpg);}
#PageSubMain.livebest {background-image:url(/images/common/sub_livebest_bg.jpg);}
#PageSubMain.firc {background-image:url(/images/common/sub_firc_bg.jpg);}

#Promotion {width:980px; height:240px; padding-bottom:25px; margin:0 auto;}
#PageBody {width:990px; margin:10px auto;}
#PageSubMenu {width:200px; float:left; margin-left:5px;}
#PageContent {width:770px; float:right; margin-right:5px;}
#PageContent .divleft {width:450px; float:left;}
#PageContent .divright {width:300px; float:right;}
#PageSubBody {width:990px; margin:10px auto;}
#PageSubContent {width:777px; float:right; background-repeat:no-repeat; background-position:0 0; margin-right:3px;}
#PageSubContent.dev {background-image:url(/images/common/content_dev_bg.jpg);}
#PageSubContent.minion {background-image:url(/images/common/content_minion_bg.jpg);}
#PageSubContent.adtex {background-image:url(/images/common/content_adtex_bg.jpg);}
#PageSubContent.livebest {background-image:url(/images/common/content_livebest_bg.jpg);}
#PageSubContent.firc {background-image:url(/images/common/content_firc_bg.jpg);}
#PageSubContent .body {padding:12px;}


/* 네비게이션바 */
#NaviBar {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; height:30px; margin:10px 10px 0px 10px; line-height:30px;}
#NaviBar A.home {display:block; background:url(../images/common/icon_navi_home.gif) no-repeat 0 0; width:28px; height:30px; margin:0px 8px 0px 8px; float:left;}
#NaviBar A.home:HOVER {background-position:0 -30px;}
#NaviBar A.off {display:block; background:url(../images/common/icon_navi_arrow.gif) no-repeat 0 0; height:30px; color:#CCCCCC; float:left; line-height:30px; text-decoration:none; padding-left:20px; padding-right:10px;}
#NaviBar A.off:HOVER {color:#FFFFFF;}
#NaviBar A.on {display:block; background:url(../images/common/icon_navi_arrow.gif) no-repeat 0 0; height:30px; color:#FFFFFF; font-weight:bold; float:left; line-height:30px; text-decoration:none; padding-left:20px;}

/* 푸터 */
#innerFooter {height:130px; background:url(../images/common/inner_footer.gif) no-repeat 0 100%; padding:12px 12px 12px 11px;}
#innerFooter .title {font-family:tahoma; font-size:14px; height:25px;}
#innerFooter .intro {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; height:25px; color:#666666; text-align:right;}
#innerFooter .banner {font:0/0 arial;}
#innerFooter .banner DIV {overflow:hidden; white-space:nowrap;}
#innerFooter .banner IMG {margin:0px 1px 0px 1px; border:0px; padding:0px; width:142px; height:40px;}

#footer {clear:both; background:#F4F4F4;}
#footer .bar {background:#FFFFFF; height:10px; border-bottom:2px solid #E5E5E5;}
#footer .area {width:980px; margin:0 auto;}
#footer .boxLeft {border-right:1px dashed #CCCCCC; padding:8px 5px 8px 0px; margin:5px 0px 5px 5px; line-height:1.6;}
#footer .boxCenter {border-right:1px dashed #CCCCCC; padding:8px 5px 8px 5px; margin:5px 0px 5px 5px; line-height:1.6;}
#footer .boxRight {padding:8px 0px 8px 5px; margin:5px 0px 5px 5px; line-height:1.6;}
#footer .area A {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#4F4F4F; font-size:12px; text-decoration:none; line-height:1.6;}
#footer .area A:HOVER {text-decoration:underline; color:#000000;}

#footer .areadev .boxLeft {height:265px;}
#footer .areadev .boxCenter {height:265px;}
#footer .areadev .boxRight {height:265px;}

#footer .areaminion .boxLeft {height:180px;}
#footer .areaminion .boxCenter {height:180px;}
#footer .areaminion .boxRight {height:180px;}

#footer .areaadtex .boxLeft {height:180px;}
#footer .areaadtex .boxCenter {height:180px;}
#footer .areaadtex .boxRight {height:180px;}

#footer .areafirc .boxLeft {height:180px;}
#footer .areafirc .boxCenter {height:180px;}
#footer .areafirc .boxRight {height:180px;}

#footer .copyright {background:#2F2F2F; padding:8px 0px 8px 0px;}
#footer .copyright_link {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; color:#CCCCCC;}
#footer .copyright_link A {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; color:#CCCCCC; text-decoration:none;}
#footer .copyright_link A:HOVER {color:#FFFFFF; text-decoration:underline;}
#footer .copyright_text {text-align:right; font-family:verdana; font-size:10px; color:#CCCCCC;}

.tabBar {height:32px; background:url(../images/common/tab_bg.gif); overflow:hidden;}
.tabBar .tabLeft {width:10px; height:32px; float:left; background:url(../images/common/tab_left.gif);}
.tabBar .tabRight {width:10px; height:32px; float:right; background:url(../images/common/tab_right.gif);}
.tabBar .tabActive {background:#FFFFFF; height:20px; margin:6px 2px 0px 0px; border:1px solid #ACACAC; border-bottom:0px; float:left; cursor:pointer; padding:5px 8px 0px 8px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; font-weight:bold;}
.tabBar .tabDisable {height:20px; margin:7px 2px 0px 0px; border-bottom:0px; float:left; cursor:pointer; padding:5px 8px 0px 8px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px;}
.tabBar .tabEnd {clear:both; margin:-1px; height:1px;}

/***********************************************************************************************
 * 공용 스타일
 ***********************************************************************************************/

/* 글꼴 */
.defaultFont {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px;}
.fixfont {font-family:"Helvetica Neue" !important; text-transform:uppercase !important; font-weight:bold !important;}
.red {color:#C60000 !important;}
.blue {color:#0066CC !important;}
.green {color:#789051 !important;}
.orange {color:#EF5600 !important;}
.subtext {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum !important; font-size:11px; line-height:1.5;}
.subtext SPAN {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum !important; font-size:11px;}
.titleFont {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:14px; font-weight:bold; padding:0px 0px 5px 0px; letter-spacing:-1px;}
.titleFontEng {font-family:verdana !important; font-size:15px !important; padding:0px 0px 5px 0px; letter-spacing:-1px !important;}
.smallFontEng {font-family:verdana !important; font-size:11px !important;}

/* 좌측 메뉴 */
.categoryTitle {font-weight:bold; font-size:14px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#37576D; padding:5px 0px 5px 0px; border-bottom:1px solid #BBBBBB;}
.categorybar {list-style-type:none;}
.categorybar LI {margin:1px;}
.categorybar LI.on {background:url(../images/common/category_bg.gif);}
.categorybar LI A {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; height:24px; line-height:24px; display:block; overflow:hidden; padding:0px 0px 0px 25px; border:1px solid transparent; text-decoration:none; color:#2F2F2F; background-position:3px 4px; background-repeat:no-repeat;}
.categorybar LI A:hover {font-weight:bold; color:#37576D;}
.categorybar LI A.on {border:1px solid #CCCCCC; font-weight:bold; color:#37576D;}

/* 라인 */
.dashed {margin-top:10px; border-top:1px dashed #CCCCCC; height:10px; overflow:hidden;}


/* 박스 스타일 */
.boxDefault {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; border:1px solid #E1D0BB; background:#FFFFEA; padding:8px; line-height:1.6;}
.boxDefault SPAN {line-height:1.6;}
.boxSubText {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; color:#666666; text-align:right; margin:5px 0px 5px 0px;}
.boxAlert {padding:8px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; line-height:1.4; background:#C10000; color:#FFFF80;}
.boxInner {padding:2px 0px 2px 10px; margin:5px 0px 5px 10px; border-left:1px solid #CCCCCC; line-height:1.6;}
.boxGray {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; border:1px solid #E5E5E5; background:#F4F4F4; padding:8px; margin:5px 0px 5px 0px; line-height:1.6;}
.boxBlue {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; border:1px solid #98C1E5; background:#E4F5FD; color:#4680AE; padding:8px; line-height:1.6;}

/* 페이징 버튼 */
.pageinfo {text-align:center; font-family:verdana; color:#2F2F2F; font-size:10px;}
.pagenav {width:100%; height:26px; text-align:center;}
.pagenav STRONG {display:inline-block; text-align:center; padding:3px 5px 3px 5px; margin:0px 0px 0px 3px; font-size:11px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#FA6F46; border:1px solid #E9E9E9;}
.pagenav A:link {display:inline-block; text-align:center; padding:3px 5px 3px 5px; margin:0px 0px 0px 3px; font-size:11px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#6D6D6D; border:1px solid #E9E9E9; text-decoration:none;}
.pagenav A:hover {display:inline-block; text-align:center; padding:3px 5px 3px 5px; margin:0px 0px 0px 3px; font-size:11px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#6D6D6D; border:1px solid #E9E9E9; background:#F4F4F4; text-decoration:none;}
.pagenav A:visited {display:inline-block; text-align:center; padding:3px 5px 3px 5px; margin:0px 0px 0px 3px; font-size:11px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#6D6D6D; border:1px solid #E9E9E9; text-decoration:none;}
.pagenav A:active {display:inline-block; text-align:center; padding:3px 5px 3px 5px; margin:0px 0px 0px 3px; font-size:11px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#6D6D6D; border:1px solid #E9E9E9; text-decoration:none;}
.pagenav SPAN {display:inline-block; text-align:center; padding:3px 5px 3px 5px; margin:0px 0px 0px 3px; font-size:11px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#DDDDDD; border:1px solid #E9E9E9; text-decoration:none;}

/* 게시판 */
.boardTitle {font-family:verdana; font-size:15px; margin:10px 0px 5px 0px;}

/***********************************************************************************************
 * 커뮤니티
 ***********************************************************************************************/

/* 회원랭킹 */
.communityRankTitle {width:280px; height:26px; background:url(../images/community/rank_title.gif);}
.communityRankTop {width:280px; height:5px; overflow:hidden; margin-top:5px; background:url(../images/community/rank_bg.gif) no-repeat 0 0;}
.communityRankBg {border:1px solid #D9D9D7; border-top:0px; border-bottom:0px; width:266px; padding:5px 6px 5px 6px;}
.communityRankBottom {width:280px; overflow:hidden; background:url(../images/community/rank_bg.gif) no-repeat 0 -5px; padding-top:8px; text-align:right; font-family:tahoma; font-size:10px; color:#666666;}
.communityRankRow {height:20px;}
.communityRankNumber {text-align:center; padding-right:6px;}
.communityRankNickname {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; font-weight:bold;}
.communityRankExp {table-layout:fixed; width:80px; height:13px; line-height:13px;}
.communityRankExp TR {height:13px; overflow:hidden;}
.communityRankExp TD {font-family:tahoma; font-size:10px; font-weight:bold;}
.communityRankExp SPAN {font-family:tahoma; font-size:10px; font-weight:bold; color:#EF5600;}
.communityRankExp .start {background:url(../images/community/expbar_start.gif) repeat-x 50%;}
.communityRankExp .on {background:url(../images/community/expbar_exp.gif) repeat-x 50%;}
.communityRankExp .off {background:url(../images/community/expbar_remain.gif) repeat-x 50%;}
.communityRankExp .end {background:url(../images/community/expbar_end.gif) repeat-x 50%;}
.communityRankRangeNEW {background:url(../images/community/icon_new.gif) no-repeat 0 50%; padding-right:5px; font-family:tahoma; font-size:11px; color:#666666; text-align:right; color:#960000;}
.communityRankRangeUP {background:url(../images/community/icon_up.gif) no-repeat 0 50%; padding-right:5px; font-family:tahoma; font-size:11px; color:#666666; text-align:right;}
.communityRankRangeZERO {background:url(../images/community/icon_zero.gif) no-repeat 0 50%; padding-right:5px; font-family:tahoma; font-size:11px; color:#666666; text-align:right;}
.communityRankRangeDOWN {background:url(../images/community/icon_down.gif) no-repeat 0 50%; padding-right:5px; font-family:tahoma; font-size:11px; color:#666666; text-align:right;}
.communityRank .listbar {height:32px; background:url(../images/community/listbar_bg.gif);}
.communityRank .listbar .left {background:url(../images/community/listbar_left.gif);}
.communityRank .listbar .right {background:url(../images/community/listbar_right.gif);}
.communityRank .listbar .text {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; font-weight:bold; color:#666666; text-align:center;}
.communityRank .listrow {height:30px;}
.communityRank .listrow:HOVER {background:#F4F4F4;}
.communityRank .listrow .rank {font-family:verdana; font-size:10px; text-align:center; font-weight:bold;}
.communityRank .listrow .nickname {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; font-weight:bold;}
.communityRank .listrow .nickname SPAN {font-weight:normal; font-family:verdana; color:#666666;}
.communityRank .listrow .date {font-family:verdana; font-size:10px; text-align:center;}
.communityRank .listrow .exp {font-family:verdana; font-size:10px; text-align:right;}
.communityRank .listrow .exp SPAN {font-family:verdana; font-size:10px;}
.communityRank .listsplit {height:2px; overflow:hidden;}
.communityRank .listsplit DIV {border-top:1px dashed #CCCCCC; height:1px; overflow:hidden;}
.communityRank .searchbox {width:354px; margin:0 auto;}
.communityRank .searchbox .searchinput {width:350px; height:22px; border:2px solid #51AF10; font:0/0 arial; position:relative; margin:0 auto;}
.communityRank .searchbox .searchinput .inputbox {width:320px; height:14px; border:1px solid #51AF10; padding:3px 0px 3px 3px; margin:0px;font-size:12px; font-weight:bold; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; float:left;}
.communityRank .searchbox .buttonbox {width:25px; height:22px; background-image:url(../images/community/btn_search.gif); background-repeat:repeat; float:right; border:0px; cursor:pointer; background-position:0px 0px;}
.communityRank .searchbox .buttonbox:hover {background-position:0px 22px;}
.communityRank .searchbox .livelist {position:absolute; width:322px; top:22px; left:1px; z-index:100; border:1px solid #C8C8C8; border-top:0px; background:#FFFFFF; font-size:12px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#888888;}
.communityRank .searchbox .livelist DIV {padding:5px 3px 5px 3px; margin:2px; cursor:pointer;}
.communityRank .searchbox .livelist DIV:hover {padding:5px 3px 5px 3px; margin:2px; background:#E5E5E5; cursor:pointer;}
.communityRankStatus {border-top:1px dashed #CCCCCC; margin-top:10px; padding-top:10px;}
.communityRankStatusArrow {text-align:right; font:0/0 arial; vertical-align:bottom; padding-bottom:3px;}
.communityLevelTitle {width:180px; height:26px; background:url(../images/community/level_title.gif);}
.communityLevelTop {width:180px; height:5px; overflow:hidden; margin-top:5px; background:url(../images/community/level_bg.gif) no-repeat 0 0;}
.communityLevelBg {border:1px solid #D9D9D7; border-top:0px; border-bottom:0px; width:166px; padding:5px 6px 5px 6px;}
.communityLevelBottom {width:180px; overflow:hidden; background:url(../images/community/level_bg.gif) no-repeat 0 -5px; padding-top:8px; text-align:right; font-family:tahoma; font-size:10px; color:#666666;}
.communityLevelUsernum {font-family:verdana; font-size:11px;}
.communityLevelUsernum SPAN {font-family:verdana; font-size:10px; color:#666666;}

/* 후원하기 */
.supportTitle {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:14px; margin:5px 0px 5px 0px; font-weight:bold;}
.supportProgress {border:1px solid #6593CF; position:relative;}
.supportProgress TABLE {table-layout:fixed; width:100%; height:18px;}
.supportProgress TD.on {background:url(../images/community/progress_on.gif); height:18px;}
.supportProgress TD.bar {background:#6593CF;}
.supportProgress TD.off {background:url(../images/community/progress_off.gif); height:18px;}
.supportProgress DIV {color:#2F5D99; position:absolute; top:0px; left:0px; width:100%; height:18px; text-align:center; line-height:18px; font-family:verdana; font-size:10px; font-weight:bold;}
.supportHeader {border:1px solid #CCCCCC; height:30px; background:url(../images/common/download_bg.gif);}
.supportHeader TABLE {table-layout:fixed; width:100%;}
.supportHeader TABLE TR {height:30px;}
.supportHeader TABLE TR TD {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; text-align:center; font-weight:bold; color:#777777;}
.supportList {border:1px solid #FFFFFF;}
.supportList TABLE {table-layout:fixed; width:100%;}
.supportList TABLE TR {height:28px; background:#FFFFFF;}
.supportList TABLE TR.on {height:28px; background:#EBEBEB;}
.supportList TD {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; font-size:11px; color:#777777;}
.supportList TD A {margin-left:5px; font-weight:bold; color:#083772; text-decoration:none;}
.supportList TD A:HOVER {font-weight:bold; color:#083772; text-decoration:underline;}
.supportList .date {font-family:tahoma; font-size:11px; text-align:right;}
.supportList .bgGray {background:#F4F4F4;}


/***********************************************************************************************
 * 버전히스토리 공통
 ***********************************************************************************************/

.historyTitle {font-family:verdana; font-size:15px; margin:0px 0px 5px 0px;}
.historyInfo {font-family:tahoma; font-size:11px; color:#666666; padding-left:10px; border-left:2px solid #E5E5E5; line-height:1.5;}
.historyBox {border:1px solid #E5E5E5; background:#F4F4F4; padding:8px; margin:5px 0px 5px 0px;}
.historyBox P {line-height:1.8; margin:0px;}
.historyBox IMG {vertical-align:middle;}


/***********************************************************************************************
 * API문서 공통
 ***********************************************************************************************/

.apiClass {line-height:1.8; font-family:tahoma; font-size:14px; margin-bottom:10px; color:#083772;}
.apiContent {line-height:1.5; font-family:tahoma; font-size:12px; margin-left:10px; border-left:1px solid #CCCCCC; padding-left:10px;}
.apiTitle {font-family:verdana; font-size:15px; height:20px; padding:20px 0px 10px 0px;}
.apiTitle A {float:left; font-family:verdana; font-size:15px;}
.apiTitle DIV {text-align:right; float:right;}
.apiTitle DIV UL {list-style-type:none;}
.apiTitle DIV LI {display:inline-block; margin-left:10px; background-position:0 50%; background-repeat:no-repeat; padding:4px 0px 0px 20px; height:16px; line-height:16px;}
.apiTitle DIV A {text-decoration:none; color:#2F2F2F; font-family:verdana; font-size:11px;}
.apiTitle DIV A:HOVER {text-decoration:underline; color:#083772;}
.api {table-layout:fixed; background:#CCCCCC; width:100%;}
.api .title {height:24px; background:url(../images/common/api_title_bg.gif);}
.api .title TD {padding-left:10px; font-family:verdana; font-size:11px;}
.api .toggleOff {background:url(../images/common/api_toggle_off_bg.gif); font:0/0 arial; vertical-align:top; cursor:pointer;}
.api .toggleOff DIV {background:url(../images/common/api_toggle_off_arrow.gif); width:16px; height:25px;}
.api .toggleOn {background:url(../images/common/api_toggle_on_bg.gif); font:0/0 arial; vertical-align:top; cursor:pointer;}
.api .toggleOn DIV {background:url(../images/common/api_toggle_on_arrow.gif); width:16px; height:25px;}
.api .context {background:#FFFFFF;}
.api .contextFrame {table-layout:fixed; width:100%;}
.api .contextFrame TD {padding:5px;}
.api .contextFrame .name {color:#083772; font-family:tahoma; font-weight:bold; font-size:12px;}
.api .contextFrame .property {color:#666666; font-family:tahoma; font-size:12px;}
.api .contextFrame .info {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; line-height:1.6;}
.api .contextFrame .defined {color:#2F2F2F; font-family:tahoma; font-size:11px;}
.api .contextFrame .detail {padding:0px 10px 0px 20px; padding-bottom:8px;}
.api .contextFrame .detail P {line-height:1.6;}

.exampleBox {border:2px solid #CCCCCC;}
.exampleTitle {font-family:verdana; font-size:15px; padding:20px 0px 10px 0px;}
.exampleSubTitle {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:14px; padding:20px 0px 10px 0px;}
.exampleSubTitle SPAN {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; color:#666666; font-weight:normal;}


/***********************************************************************************************
 * 프로그램 다운로드 공통
 ***********************************************************************************************/

.downloadTitle {font-family:verdana; font-size:15px; margin:0px 0px 5px 0px;}
.downloadHeader {border:1px solid #CCCCCC; height:30px; background:url(../images/common/download_bg.gif);}
.downloadHeader TABLE {table-layout:fixed; width:100%;}
.downloadHeader TABLE TR {height:30px;}
.downloadHeader TABLE TR TD {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; text-align:center; font-weight:bold; color:#777777;}
.downloadList {border:1px solid #FFFFFF;}
.downloadList TABLE {table-layout:fixed; width:100%;}
.downloadList TABLE TR {height:28px; background:#FFFFFF;}
.downloadList TABLE TR.on {height:28px; background:#EBEBEB;}
.downloadList TD {font-family:verdana; font-size:11px; color:#777777;}
.downloadList TD A {margin-left:5px; font-weight:bold; color:#083772; text-decoration:none;}
.downloadList TD A:HOVER {font-weight:bold; color:#083772; text-decoration:underline;}
.downloadList .hash {font-family:tahoma; font-size:10px; text-align:center;}
.downloadList .date {font-family:tahoma; font-size:11px; text-align:right;}
.downloadList .bgGray {background:#F4F4F4;}


/***********************************************************************************************
 * 라이센스페이지 공통
 ***********************************************************************************************/

.licenseTitle {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-weight:bold; font-size:14px; margin:10px 0px 10px 0px;}
.licenseDate {margin:20px 0px 10px 0px; text-align:right; font-family:verdana; font-size:10px;}


/***********************************************************************************************
 * 소개페이지 공통
 ***********************************************************************************************/

.introTitle {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-weight:bold; font-size:14px; margin:10px 0px 10px 0px;}
.introBox {border:1px solid #CCCCCC; background:#FFFFFF; line-height:1.6; padding:8px; margin:10px 0px 0px 0px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px;}
.introTable {table-layout:fixed; width:100%; background:#E5E5E5;}
.introTable THEAD TR {background:#F4F4F4; height:28px;}
.introTable THEAD TR TD {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; font-weight:bold; text-align:center;}
.introTable TBODY TR {background:#FFFFFF; height:25px;}
.introTable TBODY TR TD {font-family:verdana; font-size:11px; padding:0px 5px 0px 5px;}
.introTable TBODY TR TD SPAN {font-family:verdana; font-size:11px;}
.introTable TFOOT TR {background:#F1F1F1; height:22px;}
.introTable TFOOT TR TD {font-family:verdana; font-size:11px; padding:0px 5px 0px 5px;}
.introTable TFOOT TR TD SPAN {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px;}


/***********************************************************************************************
 * 미니온
 ***********************************************************************************************/

.minionCreateAgree {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px;}
.minionConfigTitle {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-weight:bold; font-size:14px; margin:10px 0px 3px 0px;}
.minionChannelCreateText {border:1px solid #CCCCCC; background:#FFFFEC url(../images/common/icon_bullet_add.png) no-repeat 2px 1px; line-height:18px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; padding:0px 0px 0px 20px; cursor:pointer;}
.minionChannelPanel {table-layout:fixed; width:100%; background:#E5E5E5;}
.minionChannelPanel THEAD TR {background:url(../images/common/download_bg.gif); height:30px;}
.minionChannelPanel THEAD TR TD {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; text-align:center; font-weight:bold;}
.minionChannelPanel TBODY TR {background:#FFFFFF; height:617px;}
.minionChannelPanel TBODY TR TD {vertical-align:top;}
.minionChannelPanel TBODY TR TD DIV.scrollArea {overflow-y:scroll; height:617px;}
.minionChannelPanel TBODY TR TD DIV TABLE {width:100%; table-layout:fixed;}
.minionChannelPanel TBODY TR TD DIV TABLE TR {height:auto;}
.minionChannelPanel TBODY TR TD DIV TABLE TD {vertical-align:middle;}
.minionChannelPanel TBODY TR TD DIV UL LI {font-family:돋움; font-size:12px; cursor:pointer; width:auto; padding:3px; margin:2px; line-height:1; height:auto;}
.minionChannelPanel UL {list-style-type:none;}
.minionChannelPanel UL LI {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; padding-left:28px; height:25px; line-height:25px; background-position:5px 3px; background-repeat:no-repeat; margin:2px; cursor:pointer; border:1px solid transparent;}
.minionChannelPanel UL LI.over {font-weight:bold; color:#37576D;}
.minionChannelPanel UL LI.on {border:1px solid #E5E5E5; background-color:#F4F4F4; font-weight:bold; color:#37576D;}

.minionChannelTable {background:#E5E5E5; margin:5px 0px 5px 0px;}

.minionConfigLayer {position:relative; z-index:0;}
#minionConfigHideLayer {background:#000000; position:absolute; z-index:1; top:0px; left:0px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; width:100%; height:650px; text-align:center; line-height:650px; color:#FFFFFF; font-weight:bold;}

.minionConfigHeader {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-weight:bold; font-size:12px; padding:3px 0px 3px 8px; background:#F4F4F4;}
.minionConfigInput {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; padding:3px;}
.minionConfigInput INPUT {border:1px solid #CCCCCC; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; padding:0px 2px 0px 2px; height:20px; line-height:18px;}
.minionConfigInput INPUT.checkbox {border:none; padding:0px; margin:0px;}


/* 미니온 공개채널 */
.minionPublicOrder {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px;}
.minionPublicOrder A {text-decoration:none; color:#000000; font-weight:bold; background:#E5E5E5; display:block; float:left; height:18px; line-height:18px; margin:2px; padding:0px 5px 0px 5px;}
.minionPublicOrder A.on {background:#2B3056; color:#FFFFFF;}
.minionPublicHeader {border:1px solid #CCCCCC; height:30px; background:url(../images/common/download_bg.gif);}
.minionPublicHeader TABLE {table-layout:fixed; width:100%;}
.minionPublicHeader TABLE TR {height:30px;}
.minionPublicHeader TABLE TR TD {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; text-align:center; font-weight:bold; color:#777777;}
.minionPublicList {border:1px solid #FFFFFF;}
.minionPublicList TABLE {table-layout:fixed; width:100%;}
.minionPublicList TABLE TR {height:28px; background:#FFFFFF;}
.minionPublicList TABLE TR.on {height:28px; background:#EBEBEB;}
.minionPublicList TD {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; color:#000000;}
.minionPublicList TD A {margin-left:5px; font-weight:bold; color:#083772; text-decoration:none;}
.minionPublicList TD A:HOVER {font-weight:bold; color:#083772; text-decoration:underline;}
.minionPublicList .hash {font-family:tahoma; font-size:10px; text-align:center;}
.minionPublicList .date {font-family:tahoma; font-size:11px; text-align:right;}
.minionPublicList .line {background:#CCCCCC; height:1px; overflow:hidden;}
.minionPublicList .category {color:#EF5600;}
.minionPublicList .subinfo {border-top:1px solid #E5E5E5; background:#F4F4F4; padding:5px;}
.minionPublicList .subinfo TABLE TR {background:transparent !important;}
.minionPublicList .subinfo TABLE .subinfoInfo {vertical-align:top; line-height:1.6 !important; font-size:12px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#666666 !important;}
.minionPublicList .subinfo TABLE .subinfoText {vertical-align:top; padding-left:8px; line-height:1.6 !important; font-size:11px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#666666 !important;}
.minionPublicList .user {text-align:right; font-size:10px; font-family:verdana; cursor:pointer;}
.minionPublicList .user SPAN {font-weight:bold;}
.minionPublicList .searchbox {width:354px; margin:0 auto;}
.minionPublicList .searchbox .searchinput {width:350px; height:22px; border:2px solid #51AF10; font:0/0 arial; position:relative; margin:0 auto;}
.minionPublicList .searchbox .searchinput .inputbox {width:320px; height:14px; border:1px solid #51AF10; padding:3px 0px 3px 3px; margin:0px;font-size:12px; font-weight:bold; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; float:left;}
.minionPublicList .searchbox .buttonbox {width:25px; height:22px; background-image:url(../images/community/btn_search.gif); background-repeat:repeat; float:right; border:0px; cursor:pointer; background-position:0px 0px;}
.minionPublicList .searchbox .buttonbox:hover {background-position:0px 22px;}
.minionPublicList .searchbox .livelist {position:absolute; width:322px; top:22px; left:1px; z-index:100; border:1px solid #C8C8C8; border-top:0px; background:#FFFFFF; font-size:12px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; color:#888888;}
.minionPublicList .searchbox .livelist DIV {padding:5px 3px 5px 3px; margin:2px; cursor:pointer;}
.minionPublicList .searchbox .livelist DIV:hover {padding:5px 3px 5px 3px; margin:2px; background:#E5E5E5; cursor:pointer;}

/* 미니온 브로드캐스트 */
.minionBroadCast {border:1px solid #99BBE8;}
.minionBroadCast .header {height:24px; line-height:24px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; font-weight:bold; background:url(../images/minion/minion_title_bg.gif); color:#3D438B; padding-left:8px; border-bottom:1px solid #99BBE8}
.minionBroadCast .intro {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; border:1px solid #E5E5E5; background:#F4F4F4; padding:5px; margin:5px; line-height:1.4;}
.minionBroadCast .inputbox {border:1px solid #CCCCCC; width:210px; margin-left:5px;}
.minionBroadCast .inputbox INPUT {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; width:206px; padding:0px 2px 0px 2px; height:19px; border:0px; border-top:1px solid #F4F4F4; line-height:20px; .margin:-1px 0px -1px 0px;}
.minionBroadCast .submit {width:22px; height:22px; border:0px; background-image:url(../images/minion/btn_minion_submit.gif); background-repeat:no-repeat; margin-right:5px; cursor:pointer;}
.minionBroadCast .submit:HOVER {background-position:0px -22px;}
.minionBroadCast .list {overflow-y:scroll; height:285px; padding:5px; border-top:1px dashed #CCCCCC; margin-top:5px;}

.broadcastMessage {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; line-height:1.5; border:1px solid #E5E5E5; background:#F4F4F4; padding:3px;}
.broadcastTop {width:753px; height:5px; background:url(/images/minion/broadcast_top.gif);}
.broadcastBg {width:731px; border:1px solid #CCCCCC; border-top:0px; border-bottom:0px; padding:5px 10px 5px 10px;}
.broadcastBottom {width:753px; height:5px; background:url(/images/minion/broadcast_bottom.gif);}
.broadcastBg INPUT {width:644px; padding:8px; border:1px solid #99BBE8; height:46px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:14px;}
.broadcastList .date {font-family:tahoma; font-size:40px; font-weight:bold; color:#000000; letter-spacing:-2px;}
.broadcastList .month {font-family:arial; font-size:11px; color:#2F2F2F;}
.broadcastList .year {font-family:arial; font-size:11px; color:#AAAAAA;}
.broadcastList .info {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; color:#666666; margin-bottom:5px;}
.broadcastList .message {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:14px; line-height:1.6;}
.broadcastList .item {padding:5px; border:1px dotted #CCCCCC; background:#F4F4F4;}
.broadcastList .itemselect {padding:4px; border:2px solid #EF5600; background:#FFFFFF;}
.broadcastList .replyBox {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; background:#E5E5E5; text-align:right; padding:5px;}
.broadcastList INPUT {width:510px; height:14px; padding:2px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; border:1px solid #CCCCCC;}
.broadcastList .mentList {margin-top:5px; border-top:1px dotted #CCCCCC; padding-top:5px;}

.desktopDownload {width:320px; padding:3px 10px 7px 50px; height:45px; background:url(../images/minion/btn_download.gif); cursor:pointer; margin:0px;}
.desktopDownload .program {color:#37557F; font-weight:bold; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; margin:3px;}
.desktopDownload .info {color:#666666; font-size:11px; font-family:tahoma; margin:3px;}

/***********************************************************************************************
 * 포인트몰
 ***********************************************************************************************/

.mallVoteCouponTitle {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:14px; font-weight:bold;}
.mallVoteCouponContent {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; line-height:1.4; margin-top:5px; text-align:justify;}
.mallVoteCouponContent SPAN {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; font-weight:bold; margin-bottom:5px; display:block;}
.mallVoteCouponContent IMG {margin-right:5px; margin-bottom:5px; float:left;}

.mypageCard {background:url(../images/mypage/mycard.gif);}
.mypageCardArea {padding:10px; height:180px;}
.mypageCardPhoto {border:2px solid #CCCCCC;}
.mypageCardContent {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; line-height:1.6;}
.mypageCardContent SPAN {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; line-height:1.6;}

.mypageStatus {border-top:1px dashed #CCCCCC; margin-top:10px; padding-top:10px;}
.mypageStatusBoard TD {height:20px; font-family:verdana; font-size:10px;}
.mypageStatusBoard SPAN {font-family:verdana; font-size:10px;}
.mypageStatusBoard SPAN.percent {color:#666666;}

/***********************************************************************************************
 * 그래프
 ***********************************************************************************************/
.graphArea {border:1px solid #CCCCCC; border-right:1px solid #B1B1B1; border-bottom:1px solid #B1B1B1; padding:5px;}
.graphArea .graphCell {height:330px; border-right:2px solid #CCCCCC; background:#FFFFFF url(/images/common/graph_row.gif) repeat-y right top; line-height:30px; text-align:right; font-family:verdana; font-size:9px; padding-right:5px;}
.graphArea .graphBar {height:330px; border-right:1px solid #E5E5E5; background:#FFFFFF url(/images/common/graph_bg.gif);}
.graphArea .graphBar .graph {background:#000000; width:17px; margin:0 auto; background:url(/images/common/graph_blue.png) repeat-x bottom;}
.graphArea .graphSplit {background:#CCCCCC; height:2px; overflow:hidden;}
.graphArea .graphSplit DIV {background:#FFFFFF; height:2px; border-right:2px solid #CCCCCC;}
.graphArea .graphText {background:#FFFFFF; font-family:tahoma; font-size:9px; text-align:center; word-spacing:-1px; height:20px;}

/***********************************************************************************************
 * 통합검색
 ***********************************************************************************************/

/* 검색영역 */
.totalSearchResult {text-align:right; font-family:verdana; font-size:11px; margin-bottom:10px; border-bottom:1px solid #CCCCCC; padding-bottom:5px; }
.totalSearch {width:580px; float:left;}
.totalSearch EM {font-weight:bold; color:#EF5600; font-style:normal;}
.totalSearch .sTitle {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:14px; color:#3366D0; margin:5px 0px 5px 0px;}
.totalSearch .sTitle A {text-decoration:none; color:#3366D0;}
.totalSearch .sTitle A:HOVER {text-decoration:underline;}
.totalSearch .sUrl {font-family:verdana; font-size:11px; color:#0E774A; margin:0px 0px 5px 10px;}
.totalSearch .sUrl A {text-decoration:none; color:#0E774A;}
.totalSearch .sUrl A:HOVER {text-decoration:underline;}
.totalSearch .sContent {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; color:#666666; margin:0px 0px 25px 10px; line-height:1.6;}
.totalSearchBanner {width:160px; float:right;}
.totalSearchPage {clear:both;}

/* 인기 키워드 */
.favKeywordTitle {width:160px; height:26px; background:url(../images/common/favkeyword_title.gif);}
.favKeywordTop {width:160px; height:5px; overflow:hidden; margin-top:2px; background:url(../images/common/roundbox160.gif) no-repeat 0 0;}
.favKeywordBg {border:1px solid #D9D9D7; border-top:0px; border-bottom:0px; width:146px; padding:2px 6px 2px 6px;}
.favKeywordBottom {width:160px; height:5px; overflow:hidden; background:url(../images/common/roundbox160.gif) no-repeat 0 -5px;}
.favKeywordRow {height:20px;}
.favKeywordNumber {text-align:center; padding-right:6px;}
.favKeywordKeyword {font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:11px; font-weight:bold;}

/***********************************************************************************************
 * 달력
 ***********************************************************************************************/
.calendar {table-layout:fixed; width:100%; background:#E5E5E5;}
.calendar THEAD {height:28px; background:url(/images/common/download_bg.gif); text-align:center; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; font-weight:bold;}
.calendar TBODY TR {background:#FFFFFF; height:45px;}
.calendar TBODY TD {vertical-align:top;}
.calendar .sunday {color:#EF0000 !important;}
.calendar .saterday {color:#0054FF !important;}
.calendar .othermonth {float:right; padding:5px; font-family:verdana; font-size:10px; color:#666666;}
.calendar .thismonth {float:right; padding:5px; font-family:verdana; font-size:10px; color:#000000; font-weight:bold;}
.calendar .checkbox {float:left; padding:3px;}
.calendar .content {clear:both; padding:5px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; font-size:12px; text-align:right;}

.inputarea INPUT {height:14px; border:1px solid #CCCCCC; padding:3px 0px 3px 3px; margin:0px;font-size:12px; font-family:NanumGothicWeb, AppleGothic, "malgun gothic", dotum; float:left;}