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

@import url("http://we.goorm.com/css/base.css");

body {background:}

#warp {width:100%;min-height:100%;_height:100%;background:#d5ccb2 url('http://cache.goorm.com/we/index/mainBgPtn.gif') repeat-x left 41px; ;margin-bottom:-164px;}
* html #wrap {height:100% !important;}

#warpBg {position:relative;z-index:1;width:100%;background:url(http://cache.goorm.com/we/index/mainBg2.jpg) no-repeat center top;}
#footer {position:relative;z-index:2;width:100%;margin-top:5px;height:159px;overflow:hidden;background:url(http://cache.goorm.com/we/comn/footerBg.gif) repeat-x center top;}
#head {position:relative;width:1019px;height:554px;overflow:hidden;margin:0 auto;}
#container {position:relative;z-index:4;width:1019px; overflow:hidden; margin:0 auto 0;padding:0 0 164px;}


#indexContent {width:1019px;overflow:hidden;margin:0 auto;}
#divLeft {float:left;width:224px; padding:0 14px 0 48px;}
#divLeft .guideBox {width:194px; margin-left:15px;overflow:hidden;}
#divLeft .guideBox li {overflow:hidden; zoom:1;}
#divLeft .guideBox img {float:left;}
#divLeft img  {vertical-align:top;}

#divCenter {float:left;width:448px;}
#divCenter .indexInfoListBox {position:relative;width:100%;overflow:hidden; height:185px;}
.indexInfoListBox ul.tabMenu {width:398px;height:33px;padding:8px 25px 0;margin-bottom:4px;overflow:hidden;background:url(http://cache.goorm.com/we/index/tabBoxBg.gif) no-repeat left top;}
.indexInfoListBox ul.tabMenu li {float:left;}
.indexInfoListBox .moreBtn {position:absolute;right:17px;top:14px;}
.indexInfoListBox table {width:100%;table-layout:fixed;}
.indexInfoListBox table th, .indexInfoListBox table td {padding-top:5px;vertical-align:top;height:22px;background:url(http://cache.goorm.com/we/index/tableBg.gif) repeat-x left bottom;}
.indexInfoListBox table th {text-align:left;}
.indexInfoListBox table th p {width:350px;height:20px;padding:2px 0 0 16px;background:url(http://cache.goorm.com/we/index/bullet01.gif) no-repeat 10px 5px;}
.indexInfoListBox table th a {float:left;color:#62431c !important;max-width:235px; _width:235px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px;}
.indexInfoListBox table th a.event {max-width:235px !important; _width:235px !important; margin-right:5px;}
.indexInfoListBox table th img.icon {float:left;margin:-2px 0 0 5px;}
.indexInfoListBox table th img.newicon {float:left;margin:0 0 0 5px;}
.indexInfoListBox table td {text-align:center;padding-top:5px;color:#9e805b;font:11px verdana, Dotum;}
.indexIntro img {vertical-align:top;}

#divRight {float:right;width:208px; padding-right:57px;}
#divRight .rightCon {position:relative;width:208px;}
#divRight .rightCon h3 {padding-top:4px;}
#divRight .rightCon .rightMore {position:absolute;top:4px;right:0px;width:12px;height:14px;overflow:hidden;background:url(http://cache.goorm.com/we/index/btnMore.gif) no-repeat left top;}
#divRight .rightCon .rightMore span {visibility:hidden;}
#divRight .rightCon dl.rightSide {width:198px;overflow:hidden;padding:5px 5px 0;margin-top:8px;background:#000}
/*
#divRight .rightCon dl.rightSide dt {position:relative;width:198px;height:105px;overflow:hidden;}
#divRight .rightCon dl.rightSide dt img.thumImg {width:198px;height:105px;overflow:hidden;}
#divRight .rightCon dl.rightSide dt .iconPlay {position:absolute;display:block;top:0;right:0;width:198px;height:105px;}
*/
#divRight .rightCon dl.rightSide dd {width:198px; line-height:18px; padding:1px 0;color:#c8c8c8;text-align:center;font-size:11px;overflow:hidden;background-color:#000;white-space:nowrap;text-overflow:ellipsis;}
#divRight .rightCon dl.rightSide dd a {color:#c8c8c8;}
#divRight .rightCon02 {padding:15px 0 0;}

/* Left Side */
#indexFlasArea {position:relative;width:width:1019px;height:564px;overflow:hidden; background:url('http://cache.goorm.com/we/index/mainMidBg.gif') no-repeat left 364px; }
#indexFlasArea .weMainRolling {position:absolute; left:271px; top:359px;}
#indexFlasArea .weMainSide {position:absolute; left:749px; top:370px;}

/*#loginBox {position:absolute;z-index:6;left:65px;top:496px;width:190px;height:134px;overflow:hidden;}*/
#loginBox {position:absolute; left:0; top:364px; padding:22px 0 0 63px; width:210px; height:168px;}
#loginBox fieldset {clear:both;width:187px;height:70px;overflow:hidden;background:url(http://cache.goorm.com/we/index/loginInputBg.gif) no-repeat left 18px;}
#loginBox fieldset h2.loginTit {display:block;height:18px;overflow:hidden;margin:0 !important;padding:0 !important;}
#loginBox fieldset legend, #loginBox fieldset label {display:none;}
#loginBox fieldset input.clearB, #loginBox fieldset input.floL {width:109px;height:16px;margin:1px;border:none;font-size:8pt;color:#985d42;padding:6px 5px 0 5px;background:url(http://cache.goorm.com/we/comn/loginPassword.gif) no-repeat 5px 8px;}
#loginBox fieldset input.clearB {background:#000 url(http://cache.goorm.com/we/comn/loginId.gif) no-repeat 5px 8px}
#loginBox fieldset .loginBtn {float:right;margin:-24px 0 0 0;.margin:-26px 0 0 0;width:61px;height:51px;background:url(http://cache.goorm.com/we/index/btnLogin.jpg) no-repeat left top;}
#loginBox fieldset .loginBtn span {visibility:hidden;}
#loginBox .loginChk {width:187px;overflow:hidden;margin-top:4px;}
#loginBox .loginChk label {float:left;color:#fff;font-size:11px;line-height:13px;height:12px;overflow:hidden;padding-top:1px;}
#loginBox .loginChk label input.checkBox {width:12px;height:12px;vertical-align:top;margin:0 5px 0 0;padding:0;}
#loginBox .loginChk label.secuConnect {margin-left:10px;}
#loginBox .utilBtn {width:187px;height:26px;overflow:hidden;margin-top:9px;}
#loginBox .utilBtn a {float:left;}
#loginBox .utilBtn a span {visibility:hidden;}
#loginBox .utilBtn a.memberJoin {width:77px;height:26px;background:url(http://cache.goorm.com/we/index/btnMemberJoin.gif);}
#loginBox .utilBtn a.idpwSch {width:107px;height:26px;background:url(http://cache.goorm.com/we/index/btnIdPw.gif);margin-left:3px;}

#loginBox h2.loginInfo {display:block;height:18px;overflow:hidden;line-height:18px;font-size:11px;color:#000;letter-spacing:-1px;}
#loginBox h2.loginInfo span {color:#fff;}
#loginBox .stateTxtBox {width:184px;height:64px;margin-left:1px;padding-top:8px;overflow:hidden;background:url(http://cache.goorm.com/we/index/LoginStateBox.gif) no-repeat left top;font-size:11px;color:#985d42;text-align:center;line-height:14px;letter-spacing:-1px;}
#loginBox .stateTxtBox p {font-size:11px;}
#loginBox .stateTxtBox a {color:#985d42;}
#loginBox .stateTxtBox span.type01 {display:block;line-height:22px;color:#ffc48b;font-weight:bold;}
#loginBox .stateTxtBox span.type02 {display:block;line-height:22px;color:#ff7e7e;font-weight:bold;}
#loginBox .stateTxtBox span.type02 strong {color:#ffc48b;}
#loginBox .stateTxtBox .yellow {color:#fed100;}
#loginBox .stateTxtBox .txtcolor01 {color:#FF7E7E;}

#loginBox .stateTxtBox2 {width:184px;height:72px;margin-left:1px;overflow:hidden;background:url(http://cache.goorm.com/we/index/LoginStateBox.gif) no-repeat left top;font-size:11px;color:#985d42;text-align:center;line-height:14px;letter-spacing:-1px;}
#loginBox .stateTxtBox2 p {font-size:11px;}
#loginBox .stateTxtBox2 a {color:#985d42;}
#loginBox .stateTxtBox2 span.type01 {display:block;line-height:22px;color:#ffc48b;font-weight:bold;}
#loginBox .stateTxtBox2 span.type02 {display:block;line-height:22px;color:#ff7e7e;font-weight:bold;}
#loginBox .stateTxtBox2 span.type02 strong {color:#ffc48b;}
#loginBox .stateTxtBox2 .yellow {color:#fed100;}
#loginBox .stateTxtBox2 .txtcolor01 {color:#FF7E7E;}

#loginBox .utilBtnAfter {width:187px;height:26px;overflow:hidden;margin-top:8px;}
#loginBox .utilBtnAfter a {float:left;}
#loginBox .utilBtnAfter a span {visibility:hidden;}
#loginBox .utilBtnAfter a.myInfoModify {width:92px;height:26px;background:url(http://cache.goorm.com/we/index/btnMyInfo.gif);}
#loginBox .utilBtnAfter a.logout {width:92px;height:26px;background:url(http://cache.goorm.com/we/index/btnLogout.gif);margin-left:3px;}


#footer .footerArea {width:1015px;overflow:hidden;padding-top:14px;margin:40px auto 0;background:url(http://cache.goorm.com/we/comn/footTopBg.gif) repeat-x left top;}
#footer .footerArea .discussion {float:right;padding-right:13px;}
#footer .footerArea dl.footer {float:left;width:580px;overflow:hidden;padding:4px 0 0 14px;}
#footer .footerArea dl.footer dt {float:left;width:157px;padding-top:11px;}
#footer .footerArea dl.footer dd {float:left;width:417px;}
#footer .footerArea ul.footLink {width:417px;height:11px;overflow:hidden;margin-bottom:9px;}
#footer .footerArea ul.footLink li {float:left;padding:0 8px;background:url(http://cache.goorm.com/we/icon/footerSec.gif) no-repeat left 2px;font-size:1px;line-height:1px;}
#footer .footerArea ul.footLink li.first {background:none;padding:0 8px 0 0 !important;}
#footer .footerArea dl.footer dd address {display:block;margin-top:4px;}


.floatingBannerPos {position:relative; z-index:999; margin:0 auto; text-align:left; width:1019px; display:none;}
.floatingBanner {position:absolute; }