/* Goorm Index Style Sheet */
/* Site Name : Goorm Potal */
/* Author : ZeroChan [Web-Standard-Directer] */

html,
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:#8b8b8b;
	font-size:9pt;
	font-family:Dotum, "돋움", Gulim, "굴림", verdana, arial, tahoma, sans-serif;
}

div, td, th, p, fieldset, ul, ol, li, dl, dt, dd {color:#8b8b8b;padding:0;margin:0;font-size:9pt;}

ul, ol, li {list-style:none;}

p, form, h1, h2, h3, h4, h5, h6, fieldset, legend, code.bor0 {margin:0;padding:0;}

input, textarea {color:#8b8b8b;font-size:11px;font-family:Dotum, "돋움", Gulim, "굴림", verdana, arial, tahoma, sans-serif;}

select {color:#8b8b8b;font-family:Dotum, "돋움", Gulim, "굴림", verdana, arial, tahoma, sans-serif;}

select.style01 {border:1px solid #7e9db9;}
input.style01, textarea.style01 {border:1px solid #d0d0d0;}
input.style01 {padding:3px 5px 0 5px;}
textarea.style01 {padding:5px;}
input.radio	{vertical-align:middle;}

hr {display:none;}

img, fieldset {border:0;}
.disNon {display:none;}
img.disblock {display:block;}
img.valignMid {vertical-align:middle;}
img.valignTop {vertical-align:top;}
img.valignBot {vertical-align:bottom;}

table {border-collapse:collapse;}

a:link, a:visited {color: #8b8b8b;text-decoration:none;}
a:hover, a:active {color: #0f8ec4;text-decoration:none;}

.curPo	{cursor:pointer;}

.ffVerd10 {font-size:7.5pt;}
.fsPx11, .ffVerd11 {font-size:8pt;}

.ffVerd, .ffVerd11, .ffVerd10 {font-family:verdana !important;}

.fc999999 {color:#999;}
.fc444444 {color:#444;}
.fcff6206 {color:#ff6206;}
.fc018a8a {color:#018a8a;}

.u {text-decoration:underline;}
.nonU {text-decoration:none;}

.b {font-weight:bold;}
.nonB {font-weight:normal;}

.lsPx_1 {letter-spacing:-1px;}

.padR5 {padding-right:5px !important;}

.txtL {text-align:left !important;}
.txtR {text-align:right !important;}
.txtC {text-align:center !important;}

.clearB	{clear:both;display:block;}
.floL	{float:left;}
.floR	{float:right;}

#warp {width:100%;min-width:942px;background:url(http://cache.goorm.com/www/index/topBg.gif) repeat-x left 78px;}

#header {position:relative;width:942px;height:78px;overflow:hidden;margin:0 auto; }
/*일반로고*/
#header h1 {position:absolute;z-index:5;width:100%;text-align:center;left:0;top:17px;}

/*스킨로고
#header h1 {position:absolute;z-index:1;width:100%;text-align:center;left:0;top:0px; padding-top:17px; height:61px; background:url(http://cache.goorm.com/www/index/logoSkin_100608.jpg) no-repeat;}
#header h1 img{width:260px; height:55px;}
#header h1 span{visibility:hidden;margin-left:30px;}
스킨로고*/

#header ul.utilMenuL {position:relative;z-index:2;float:left;overflow:hidden;margin-top:54px;}
#header ul.utilMenuL li {float:left;padding-right:15px;}
#header ul.utilMenuR {position:relative;z-index:2;float:right;overflow:hidden;margin-top:54px;}
#header ul.utilMenuR li {float:left;padding-left:10px;}

#visualArea {width:942px;height:234px;margin:0 auto;padding:8px 10px 0;overflow:hidden;background:url(http://cache.goorm.com/www/index/topVisualBg.gif) no-repeat left top; margin-bottom:18px;}
#loginArea {position:relative;float:left;width:190px;overflow:hidden;padding:15px 5px 0 9px;}
#loginArea .btnLogout {position:absolute;right:9px;top:14px;}
#loginArea h2 {height:24px;}
#loginArea fieldset {clear:both;width:190px;height:49px;overflow:hidden;}
#loginArea fieldset legend, #loginArea fieldset label {display:none;}
#loginArea fieldset input.clearB, #loginArea fieldset input.floL {width:115px;height:14px;border:1px solid #d3d3d3;font-size:8pt;color:#b6b6b6;padding:4px 5px 0 5px;background:#fff url(http://cache.goorm.com/www/index/inpuBgPw.gif) no-repeat left top;}
#loginArea fieldset input.clearB {margin:0 0 5px 0;background:#fff url(http://cache.goorm.com/www/index/inpuBgId.gif) no-repeat left top}
#loginArea fieldset .loginBtn {float:right;margin:-25px 0 0 0;}
#loginArea .utilChk {width:190px;overflow:hidden;margin:6px 0 11px;}
#loginArea .utilChk label {float:left;color:#fff;font-size:11px;line-height:12px;height:11px;overflow:hidden;padding-top:1px;letter-spacing:-1px;}
#loginArea .utilChk label input.checkBox {width:12px;height:12px;vertical-align:top;margin:-1px 5px 0 0;padding:0;}
#loginArea .utilChk label.secuConnect {padding-left:13px;background:url(http://cache.goorm.com/www/index/dotLineLogin.gif) repeat-y 7px 1px;}
#loginArea .utilBtn {width:191px;height:35px;overflow:hidden;}
#loginArea .utilBtn li {float:left;}
#loginArea .utilBox {width:185px;height:48px;overflow:hidden;margin-top:3px;padding:6px 0;background:url(http://cache.goorm.com/www/index/loginUtilBoxBg.gif) no-repeat left top;}
#loginArea .utilBox li {float:left;width:47px;height:48px;overflow:hidden;padding:0 7px;border-left:1px solid #6fb2cf;}
#loginArea .utilBox li.first {border:0;}
#loginArea dl.loginInfo {width:172px;height:60px;overflow:hidden;padding:10px 7px 3px;margin-bottom:5px;background:url(http://cache.goorm.com/www/index/loginStateBox.gif) no-repeat left top;}
#loginArea dl.loginInfo dt {height:19px;color:#b5cae1;font-size:11px;text-align:center;letter-spacing:-1px;}
#loginArea dl.loginInfo dt strong {color:#fff;}
#loginArea dl.loginInfo dd {text-align:center;font-size:11px;line-height:13px;font-weight:bold;color:#a5d0ff;padding-top:7px;}

#visualArea .flashVisual {float:left;width:528px;height:234px;overflow:hidden;margin-left:12px;}

#visualArea .hotMovie {float:right;width:186px;}
#visualArea .hotMovie dt {margin-bottom:10px;}
#visualArea .hotMovie dd.img {height:113px; text-align:center;}
#visualArea .hotMovie dd.btnArea {width:166px; margin:0 auto;background:url('http://cache.goorm.com/www/index/hotMovieBtn.gif') no-repeat; width:166px; height:70px;}
#visualArea .hotMovie dd.btnArea a {display:inline-block; width:152px;line-height:23px; padding:0 7px;}
#visualArea .hotMovie dd.btnArea a.hotBtn01 {color:#b4d6ec; font-size:11px;}
#visualArea .hotMovie dd.btnArea a.hotBtn01ov {color:#ffffff; font-size:11px; background:url('http://cache.goorm.com/www/index/hotMovieBtn01on.gif') no-repeat;}
#visualArea .hotMovie dd.btnArea a.hotBtn02 {color:#b4d6ec; font-size:11px; line-height:24px;}
#visualArea .hotMovie dd.btnArea a.hotBtn02ov {color:#ffffff; font-size:11px; line-height:24px; background:url('http://cache.goorm.com/www/index/hotMovieBtn02on.gif') no-repeat;}
#visualArea .hotMovie dd.btnArea a.hotBtn03 {color:#b4d6ec; font-size:11px; }
#visualArea .hotMovie dd.btnArea a.hotBtn03ov {color:#ffffff; font-size:11px; background:url('http://cache.goorm.com/www/index/hotMovieBtn03on.gif') no-repeat;}



#flashGameList, #container {width:942px;margin:0 auto; zoom:1;}
#flashGameList:after, #container:after {content:""; clear:both; height:1px; display:block;}

#container .conLeftArea {float:left;width:204px;overflow:hidden;}
#container .conCenterArea {float:left;width:528px;margin-left:12px;overflow:hidden; }
#container .conRightArea {float:right;width:186px;overflow:hidden;}

#container .conLeftArea .promotionBar {width:200px;height:133px;margin:2px auto 0;background:url(http://cache.goorm.com/www/index/thumBg200_133.gif) no-repeat left top;}
#container .conLeftArea .promotionBar img {width:200px;height:133px;display:block;}

#container h2 {position:relative;z-index:3;clear:both;width:100%;overflow:hidden;}
#container ul.listType {overflow:hidden;}
#container ul.listType li {overflow:hidden;text-indent:8px;line-height:18px;.height:16px;background:url(http://cache.goorm.com/www/index/bullet01.gif) no-repeat left 6px;letter-spacing:-1px;}
#container ul.listType li img.icon {float:left;margin:4px 0 0 4px;}


/* boxBg */
.box204T, .box204B, .noticeBox, .eventBox, .hotServiceBox {overflow:hidden;background-image:url(http://cache.goorm.com/www/index/box204BoxBg.gif);overflow:hidden;}
.noticeBox, .eventBox, .hotServiceBox {position:relative;z-index:1;width:178px;margin-bottom:6px;padding:12px 13px 11px;background-repeat:repeat-y;background-position:-204px top;}
.noticeBox {height:116px;}
.noticeBox h2 {padding-bottom:11px;}

.hotServiceBox .listPaging {position:absolute; right:35px; top:-18px; color:#999999;}
.hotServiceBox .listPaging strong.now {color:#666666;}
.hotServiceBox .prevNextBtn {position:absolute;z-index:4;right:13px;top:9px;}
.hotServiceBox .prevNextBtn img.valignTop {float:left;margin-left:2px;}
.hotServiceBox h2 {padding:0 0 5px 3px;}
.hotServiceBox .hotService {position:relative;z-index:3;width:183px;  padding:1px 0; height:60px;}
.hotServiceBox .hotService dl.left{float:left; border-right:1px solid #e7e7e7;padding-right:6px;}
.hotServiceBox .hotService dl.right{float:right;}
.hotServiceBox .hotService dl{height:60px; width:85px;}
.hotServiceBox .hotService dt{color:#333333; font-weight:bold; letter-spacing:-2px;line-height:16px; margin-bottom:3px;}
.hotServiceBox .hotService dd{line-height:13px; color:#999999; letter-spacing:-2px; font-size:11px;}
.hotServiceBox .hotService dd.mark a{color:#f7941d;}
.hotServiceBox {width:183px;padding:9px 11px 7px 10px; margin-bottom:12px;}

.eventBox h2 {padding-bottom:6px;}
.eventBox {height:154px;}
.eventBox .eventBanner {position:relative; z-index:10000; width:178px;height:55px;margin-bottom:6px;overflow:hidden;background:url(http://cache.goorm.com/www/index/thumBg178_55.gif) no-repeat left top;}
.eventBox .eventBanner img {width:178px;height:55px;display:block;}
.noticeBox ul.listType, .eventBox ul.listType {width:178px;}
.noticeBox ul.listType li a, .eventBox ul.listType li a {float:left;max-width:164px;_width:164px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.box204T, .box204B {position:absolute;z-index:2;background-repeat:no-repeat;width:204px;}
.box204T {left:0;top:0;background-position:left top;height:36px;}
.box204B {left:0;bottom:0;background-position:left -36px;height:4px;}

.box528T, .box528B, .updateBox, .focuseBox {overflow:hidden;background-image:url(http://cache.goorm.com/www/index/box528BoxBg.gif);}
.box528T, .box528B {position:absolute;z-index:2;background-repeat:no-repeat;width:528px;}
.box528T {left:0;top:0;background-position:left top;height:36px;}
.box528B {left:0;bottom:0;background-position:left -36px;height:4px;}
.focuseBox {position:relative;z-index:1;width:504px;margin-bottom:6px;padding:12px 12px 11px;background-repeat:repeat-y;background-position:-528px top;}

.gameListRap {height:124px; margin-bottom:12px;background:url(http://cache.goorm.com/www/index/gameListBack.gif) left bottom no-repeat;}
.gameListRap dl{float:left; width:176px;}
.gameListRap dt{height:22px; margin-bottom:3px;}
.gameListRap dd{padding:2px 0 2px 12px; height:19px; font-size:0px;  border-right:1px solid #dfdfdf;}
.gameListRap dl.last dd{border:0px;}

.updateBox {position:relative;z-index:1;width:162px;margin-bottom:12px;padding:12px 12px 11px;overflow:hidden; background-image:url(http://cache.goorm.com/www/index/box186BoxBg.gif); background-repeat:repeat-y;background-position:-186px top;}
.updateBox h2 {padding-bottom:8px;}
.updateBox .prevNextBtn {position:absolute;z-index:4;right:13px;top:12px;}
.updateBox .prevNextBtn img.valignTop {float:left;margin-left:2px;}
.updateBox .updateListRap {position:relative; z-index:1000;}
.updateBox .listPaging {position:absolute; left:105px; z-index:10; top:-21px; color:#999999;}
.updateBox dl.updateList.first {border-bottom:1px solid #e4e4e4;  padding-bottom:2px; margin-bottom:7px;}
.updateBox dl.updateList {width:162px;}
.updateBox dl.updateList dt.updateThum {width:159px;height:46px; border:1px solid #e3e3e3;}
.updateBox dl.updateList dt.updateThum img.thum {width:159px;height:46px;display:block;}
.updateBox dl.updateList dd.updateTxt {width:159px;padding-top:4px;line-height:13px;font-size:11px;}
.updateBox dl.updateList dd.updateTxt strong {display:block;font-size:12px;color:#333;padding-bottom:2px;}

.focuseBox {padding-bottom:12px;}
.focuseBox .gameFocuse {position:relative;z-index:3;float:left;width:249px;background:url(http://cache.goorm.com/www/index/lineCenter.gif) no-repeat right 26px;}
.focuseBox .gameFocuse dl.focuseType01 {width:233px;overflow:hidden;}
.focuseBox .gameFocuse dl.focuseType01 dt.focuseThum01 {float:left;width:118px;height:70px;border:1px solid #dfdfdf;background:url(http://cache.goorm.com/www/index/thumBg112_64.gif) no-repeat left top;}
.focuseBox .gameFocuse dl.focuseType01 dt.focuseThum01 img.thum {display:block;width:112px;height:64px;border:3px solid #fff;}
.focuseBox .gameFocuse dl.focuseType01 dd.focuseTxt01 {float:right;width:101px;padding-top:5px;font-size:11px;line-height:15px;}
.focuseBox .gameFocuse dl.focuseType01 strong {display:block;color:#333;padding-bottom:5px;}
.focuseBox .gameFocuse .gameTit {display:block;color:#333;}
.focuseBox .gameFocuse dl.focuseType02 {width:233px;overflow:hidden;margin-top:13px;}
.focuseBox .gameFocuse dl.focuseType02 dt.focuseThum02 {float:left;width:118px;height:50px;border:1px solid #dfdfdf;background:url(http://cache.goorm.com/www/index/thumBg112_44.gif) no-repeat left top;}
.focuseBox .gameFocuse dl.focuseType02 dt.focuseThum02 img.thum {display:block;width:112px;height:44px;border:3px solid #fff;}
.focuseBox .gameFocuse dl.focuseType02 dd.focuseTxt02 {float:right;width:101px;padding-top:5px;font-size:11px;line-height:15px;}

.focuseBox .tooniNew {position:relative;z-index:3;float:right;width:232px;margin-right:4px;}
.focuseBox .tooniNew .tooniNewsBox {width:232px;overflow:hidden;margin-bottom:9px;}
.focuseBox .tooniNew dl.tooniNews.floL {float:left;}
.focuseBox .tooniNew dl.tooniNews.floR {float:right;}
.focuseBox .tooniNew dl.tooniNews {width:111px;overflow:hidden;}
.focuseBox .tooniNew dl.tooniNews dt.newsThum {width:109px;height:60px;overflow:hidden;border:1px solid #dfdfdf;background:url(http://cache.goorm.com/www/index/thumBg103_54.gif) no-repeat left top;}
.focuseBox .tooniNew dl.tooniNews dt.newsThum img.thum {display:block;width:103px;height:54px;border:3px solid #fff;}
.focuseBox .tooniNew dl.tooniNews dd.newsTxt {padding-top:8px;text-align:center;}
.focuseBox .tooniNew dl.tooniNews dd.newsTxt strong, .focuseBox .tooniNew dl.tooniNews dd.newsTxt span {display:block;width:109px;line-height:16px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#333;}
.focuseBox .tooniNew ul.listType {width:232px;}
.focuseBox .tooniNew ul.listType li a {float:left;max-width:218px;_width:218px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.focuseBox .tooniNew .tooniBanner {width:232px;height:66px;margin-top:16px;obverflow:hidden;background:url(http://cache.goorm.com/www/index/thumBg232_66.gif) no-repeat left top;}
.focuseBox .tooniNew .tooniBanner img.thum {display:block;width:232px;height:66px;}

.focuseBox h2 {padding-bottom:12px;}

.box186T, .box186B, .hotItemBox {overflow:hidden;background-image:url(http://cache.goorm.com/www/index/box186BoxBg.gif);}
.hotItemBox {position:relative;z-index:1;margin-bottom:6px;background-repeat:repeat-y;background-position:-186px top;}

.box186T, .box186B {position:absolute;z-index:2;background-repeat:no-repeat;width:186px;}
.box186T {left:0;top:0;background-position:left top;height:36px;}
.box186B {left:0;bottom:0;background-position:left -36px;height:4px;}

.hotItemBox {width:164px;padding:12px 11px 3px 11px;margin-bottom:6px;}
.hotItemBox h2 {padding:0 0 12px 3px;}
.hotItemBox .hotGameItem {position:relative;z-index:3;width:160px;height:198px; margin:0 auto;border-bottom:1px solid #e4e4e4;}
.hotItemBox .hotGameItem .listPaging {position:absolute; right:35px; top:-25px; color:#999999;}
.hotItemBox .hotGameItem .listPaging strong.now {color:#666666;}
.hotItemBox .prevNextBtn {position:absolute;z-index:4;right:13px;top:12px;}
.hotItemBox .prevNextBtn img.valignTop {float:left;margin-left:2px;}
.hotItemBox .hotItemBanner {width:162px;margin-top:10px;overflow:hidden;}
.hotItemBox .hotItemList.floL {clear:both;float:left;}
.hotItemBox .hotItemList.floR {float:right;}
.hotItemBox .hotItemList {width:74px;height:90px;overflow:hidden;margin-bottom:10px;}
.hotItemBox .hotItemList dt.hotItemThum {width:74px;height:42px;overflow:hidden;background:url(http://cache.goorm.com/www/index/thumBg74_42.gif) no-repeat left top;}
.hotItemBox .hotItemList dt.hotItemThum img.thum {display:block;width:74px;height:42px;}
.hotItemBox .hotItemList dd.hotItemTxt {padding-top:4px;width:74px;text-align:center;font-size:11px;}
.hotItemBox .hotItemList dd.hotItemTxt span.title {display:block;height:16px;overflow:hidden;line-height:16px;color:#666;letter-spacing:-1px;}
.hotItemBox .hotItemList dd.hotItemTxt span.nickCash {display:block;height:26px;overflow:hidden;line-height:13px;color:#999;letter-spacing:-1px;}


/*푸터*/
#footer {width:943px;overflow:hidden;margin:30px auto 0; height:85px; }

/* 스킨푸터 
#footer {width:943px;overflow:hidden;margin:0px auto 0; height:85px; padding:60px 14px 0; background:url(http://cache.goorm.com/www/index/footerSkin_100608.jpg) no-repeat center top;}
스킨푸터 */
#footer dl {width:943px;overflow:hidden;}
#footer dl dt {float:left;width:96px;}
#footer dl dd.footerLink {float:left;width:550px;}
#footer ul {width:100%;overflow:hidden;margin-bottom:9px;}
#footer ul li {float:left;padding:0 8px 0 9px;background:url(http://cache.goorm.com/www/index/bullet02.gif) no-repeat left top;line-height:11px;font-size:11px;}
#footer ul li.first {background:none;padding:0 8px 0 0;}
#footer dl dd.footerLink p {line-height:9px;font-size:9px;padding:2px 0;}
#footer dl dd.footerLink img {vertical-align:top;}
#footer dl dd.familySite {float:right;}
#footer dl dd.familySite img {cursor:pointer;}
#footer address {display:block;margin:10px 0 0 96px;}

/* 우측 특수 배너 */
/* #rightBanner {position:absolute;z-index:10;left:50%;top:150px;margin-left:415px;display:block;} */
#rightBanner {display:block;}

/* 이벤트 특수 팝업 */
#popCenter {position:absolute;z-index:10;left:50%;top:433px;margin-left:-175px;display:none;}