/*############ 게임포스 메인페이지 스타일시트 ############*/ /*###### 레이아웃 ######*/ #wrapper { width:100%; margin:0 auto; } #header { width:1000px; text-align:left; margin:0 auto; overflow:hidden; } #contents { width:1000px; overflow:hidden; } #left { width:210px; float:left; text-align:left; overflow:hidden; } #center { width:580px; float:left; text-align:left; overflow:hidden; } #right { width:210px; float:left; text-align:left; overflow:hidden; } #footer { width:1000px; height:231px; margin-top:30px; border-top:2px solid #ccc; position:relative; background:url('../images/footer/credit_gamefos.gif') no-repeat; clear:both; } #iframelogin { width:200px; overflow:hidden; margin:0 } /*###### 헤더 ######*/ #header .topQuick { height:23px; } #header .topQuick .void { width:760px; float:left; } #header .topQuick .menu { width:235px; height:23px; padding-top:2px; float:left; text-align:center; background:url('../images/header/back_quick.gif') top right no-repeat; } #header .topQuick a { text-decoration:none; color:#888; } #header .topQuick a:hover { text-decoration:underline; } #header .bi { width:300px; height:30px; float:left; } #header .ad { width:190px; height:30px; float:left; text-align:center; } #header .navi { height:30px; margin-right:10px; text-align:right; float:left; } #header .navi .menu { width:500px; text-align:right; margin-top:14px; } #header .topBar { height:92px; margin-bottom:8px; background:url('../images/header/back_gray.gif') bottom no-repeat; } #header .topBar .search { width:520px; position:relative; float:left; text-align:center; } #header .topBar .search .select { position:absolute; top:28px; left:15px; } #header .topBar .search .input { width:338px; height:19px; border:1px solid #aaa; padding:2px; position:absolute; top:28px; left:117px; } #header .topBar .search .btn { position:absolute; top:27px; left:458px; } #header .topBar .search .cmu { position:absolute; top:59px; left:15px; } #header .topBar .adLeft { width:240px; float:left; text-align:center; } #header .topBar .adRight { width:240px; float:right; text-align:center; } /*###### 푸터 ######*/ #footer .menu { position:absolute; top:18px; left:716px; } /*###### 좌측영역 ######*/ /* 로그인 */ #left .login { width:200px; height:141px; background:url('../images/index/back_login2.gif') no-repeat; position:relative; } #left .login .id { width:120px; height:18px; border:1px solid #CEC6B9; position:absolute; top:15px; left:15px; padding:3px; } #left .login .pw { width:120px; height:18px; border:1px solid #CEC6B9; position:absolute; top:38px; left:15px; padding:4px; font-size:6pt; } #left .login .btn { position:absolute; top:15px; left:144px; } #left .login .chkbox { position:absolute; top:63px; left:12px; } #left .login .chkbox input { margin-bottom:-2px; } #left .login .reg { position:absolute; top:115px; left:16px; } #left .login .reg img { margin-bottom:1px; } /* 카테고리 */ #left .category { width:200px; background:url('../images/download/back_right_box_body.gif'); margin-top:8px; } #left .category .title { height:40px; background:url('../images/index/back_title_category.gif'); } #left .category .list1 { padding:0 8px 5px 8px; border-bottom:1px solid #ddd; } #left .category .list2 { padding:5px 8px; border-bottom:1px solid #ddd; } #left .category .list3 { padding:5px 8px 0 8px; } #left .category .bottom { height:13px; background:url('../images/download/back_right_box_bottom.gif') bottom no-repeat; } /* 배너 */ #left .banner { width:200px; margin-top:8px; border:0px solid #ccc; } /* 인증 */ #left .certSub { height:160px; margin-top:10px; } /* 이벤트/공지 */ #left .notice { width:200px; background:url('../images/download/back_right_box_body.gif'); margin-top:8px; } #left .notice .title { height:40px; background:url('../images/index/back_title_notice.gif'); } #left .notice .title img { margin:10px 6px 0 0; } #left .notice .subject { width:180px; height:60px; margin:0 10px; background:url('../images/common/noimg_event_index.gif') no-repeat; } #left .notice .list { padding:0px 10px 5px 10px; } #left .notice .list ul { margin:0; padding:0; line-height:18px; list-style-type:none; } #left .notice .bottom { padding-top:6px; background:url('../images/download/back_right_box_bottom.gif') bottom no-repeat; } /* Empty */ #left .empty { height:110px; margin-top:8px; background:url('../images/common/back_left.gif') repeat-y; } /*###### 가운데영역 ######*/ /* 검색/메인동영상 */ #center .movie { height:312px; text-align:center; background:url('../images/index/back_movie.gif') no-repeat; } #center .movie img { margin-top:10px; } /* 최신뉴스 */ #center .event { margin-top:11px; } #center .event2 { margin-top:0px; } /* TV */ #center .tvlive { width:580px; height:184px; margin-top:11px; background:url('../images/tv/bg_maintv.jpg') no-repeat; } /* 최신뉴스 */ #center .news { margin-top:10px; } #center .news .title { height:25px; border-bottom:2px solid #e6e6e6; } #center .news .cell { width:275px; margin:15px 10px 0 5px; float:left; display:inline; } #center .news .cell .head { height:60px; margin-bottom:15px; overflow:hidden; } #center .news .cell .head img { margin-right:10px; float:left; } #center .news .cell .head .desc { float:left; } #center .news .cell ul { margin:0; padding:0px; } #center .news .cell li { margin:2px 0; } /* 유저최신뉴스 */ #center .usernews { margin-top:15px; } #center .usernews .title { height:22px; border-bottom:2px solid #e6e6e6; background:url('../images/index/title_usernews.gif') top left no-repeat; text-align:right; } #center .usernews .cell { width:275px; margin:15px 10px 0 5px; float:left; display:inline; } #center .usernews .cell .head { height:60px; margin-bottom:15px; overflow:hidden; } #center .usernews .cell .head img { margin-right:10px; float:left; } #center .usernews .cell .head .desc { float:left; } #center .usernews .cell ul { margin:0; padding:0px; } #center .usernews .cell li { margin:2px 0; } /* 최신 리뷰 */ #center .review { margin-top:15px; } #center .review .title { height:22px; border-bottom:2px solid #e6e6e6; background:url('../images/index/title_review.gif') top left no-repeat; text-align:right; } #center .review .cell { width:275px; margin:15px 10px 0 5px; float:left; display:inline; } #center .review .cell .head { height:60px; margin-bottom:15px; overflow:hidden; } #center .review .cell .head img { margin-right:10px; float:left; } #center .review .cell .head .desc { float:left; } #center .review .cell ul { margin:0; padding:0px; } #center .review .cell li { margin:2px 0; } /* 유저최신리뷰 */ #center .userreview { margin-top:15px; } #center .userreview .title { height:22px; border-bottom:2px solid #e6e6e6; background:url('../images/index/title_userreview.gif') top left no-repeat; text-align:right; } #center .userreview .cell { width:275px; margin:15px 10px 0 5px; float:left; display:inline; } #center .userreview .cell .head { height:60px; margin-bottom:15px; overflow:hidden; } #center .userreview .cell .head img { margin-right:10px; float:left; } #center .userreview .cell .head .desc { float:left; } #center .userreview .cell ul { margin:0; padding:0px; } #center .userreview .cell li { margin:2px 0; } /* 최신 게임커뮤니티 */ #center .gamecommu { margin-top:15px; } #center .gamecommu .title { height:22px; border-bottom:2px solid #e6e6e6; background:url('../images/index/title_gamecommu.gif') top left no-repeat; text-align:right; } #center .gamecommu .cell { width:275px; margin:15px 10px 0 5px; float:left; display:inline; } #center .gamecommu .cell .head { height:60px; margin-bottom:15px; overflow:hidden; } #center .gamecommu .cell .head img { margin-right:10px; float:left; } #center .gamecommu .cell .head .desc { float:left; } #center .gamecommu .cell ul { margin:0; padding:0px; } #center .gamecommu .cell li { margin:2px 0; } /* 최신 취미 */ #center .hobby { margin-top:15px; } #center .hobby .title { height:22px; border-bottom:2px solid #e6e6e6; background:url('../images/index/title_hobby.gif') top left no-repeat; text-align:right; } #center .hobby .cell { width:275px; margin:15px 10px 0 5px; float:left; display:inline; } #center .hobby .cell .head { height:60px; margin-bottom:15px; overflow:hidden; } #center .hobby .cell .head img { margin-right:10px; float:left; } #center .hobby .cell .head .desc { float:left; } #center .hobby .cell ul { margin:0; padding:0px; } #center .hobby .cell li { margin:2px 0; } /* 최신공략 */ #center .strategy { margin-top:12px; } #center .strategy .title { height:24px; background:url('../images/index/back_title_strategy.gif') no-repeat; text-align:right; } #center .strategy .title div { padding:5px; } #center .strategy .listLeft { width:275px; height:90px; margin-top:13px; float:left; } #center .strategy .listLeft ul { margin:0; padding-left:30; line-height:18px; } #center .strategy .listLeft ul li { overflow:hidden; height:16px; } #center .strategy .listRight { width:275px; height:90px; margin-top:13px; float:left; } #center .strategy .listRight ul { margin:0; padding-left:30; line-height:18px; } #center .strategy .listRight ul li { overflow:hidden; height:16px; } /* 박스 라인 */ #center .boxLine { padding-top:5px; margin-top:13px; background:#e6e6e6; } /*###### 우측영역 ######*/ /* 태그관리 */ #right .rightTag { margin-left:10px; width:200px; background:url('../images/download/back_right_box_body.gif'); } #right .rightTag .list { height:127px;padding:7px 8px 0px 8px; border-top:1px solid #ddd;line-height:170%; } #right .rightTag .bottom { height:13px; background:url('../images/download/back_right_box_bottom.gif') bottom no-repeat; } /* 인기순위 */ #right .rank { width:210px; height:312px; background:url('../images/index/back_rank.gif') no-repeat; } #right .rank .title { height:46px; padding-right:15px; } #right .rank .title img { margin:21px 6px 0 0; } #right .rank .list { height:50px; margin-left:5px; } #right .rank .list .num { width:25px; padding-top:15px; float:left; } #right .rank .list .subject { width:100px; height:50px; padding-top:10px; float:left; overflow:hidden; } #right .rank .list .thumb { width:65px; float:left; padding-top:3px; } /* 공략집 베스트 */ #bestGuide { margin-left:10px; width:200px; background:url('../images/download/back_right_box_body.gif'); margin-top:8px; } #bestGuide .title { height:40px; background:url('../images/guide/back_title_down_best.gif'); text-align:right; } #bestGuide .title img { margin:10px 6px 0 0; } #bestGuide .list { overflow:hidden; } #bestGuide .list ul { margin:0 0 0 8px; padding:0px 0 3px 20px; line-height:18px; } #bestGuide .bottom { padding-top:9px; background:url('../images/download/back_right_box_bottom.gif') bottom; } /* 오른쪽 메인 동영상 */ /* #right .media { width:210px; height:312px; background:url('../images/index/back_media2.gif') no-repeat; } */ #right .media { width:210px; height:312px; background:url('../images/index/back_media.gif') no-repeat; } #right .media .title { height:46px; padding-right:15px; } #right .media .title img { margin:21px 6px 0 0; } #right .media .list { height:50px; margin-left:5px; } #right .media .list .subject{ width:140px; height:50px; padding-top:10px; padding-left:7px; float:left; overflow:hidden; } #right .media .list .thumb { width:50px; float:left; padding-top:3px; } /* 배너 */ #right .banner { width:200px; margin:10px 0 0 10px; } #right .banner2 { width:200px; margin:0px 0 0 10px; } /* 출시예정 */ #right .update { width:200px; background:url('../images/download/back_right_box_body.gif'); margin:10px 0 0 10px; } #right .update .title { height:40px; background:url('../images/download/back_title_coming.gif'); } #right .update .title img { margin:10px 6px 0 0; } #right .update .bottom { height:13px; background:url('../images/download/back_right_box_bottom.gif') bottom no-repeat; } /* 가이드/인증/고객지원 */ #right .guide { margin:8px 0 0 10px; } #right .certSub { height:160px; margin:8px 0 0 10px; background:url('../images/common/banner_cert.gif') no-repeat; } #right .csSub { height:53px; margin:8px 0 0 10px; background:url('../images/common/banner_cs.gif') no-repeat; } /* 게임동영상 */ #right .gameMovie { width:200px; margin:10px 0 0 10px; background:url('../images/download/back_right_box_body.gif'); } #right .gameMovie .title { height:40px; background:url('../images/index/back_title_movie.gif'); } #right .gameMovie .title img { margin:10px 6px 0 0; } #right .gameMovie .list { padding:0 10px; margin:2px 0 10px 0; line-height:16px; } #right .gameMovie .list img { width:80px; float:left; } #right .gameMovie .list p { width:90px; margin:0; padding:0; float:right; } #right .gameMovie .bottom { padding-top:3px; background:url('../images/download/back_right_box_bottom.gif') bottom no-repeat; } /* 쇼핑 배너 */ #right .shopbanner { width:200px; margin:10px 0 0 10px; background:url('../images/download/back_right_box_body.gif'); } #right .shopbanner .title { height:40px; background:url('../images/index/back_title_shopping.gif'); } #right .shopbanner .title img { margin:8px 0 0 4px; } #right .shopbanner .list { padding:0 2px; margin:0px 0 10px 0; } #right .shopbanner .list img { width:80px; float:left; } #right .shopbanner .list p { width:90px; margin:0; padding:0; float:right; } #right .shopbanner .bottom { padding-top:3px; background:url('../images/download/back_right_box_bottom.gif') bottom no-repeat; }