/* MAIN CSS 입니다 / 작업자 : 백명훈(leoenato@eluocnc.com) */ #TcfsMain {width:100%; height:100%; background:url('/img/g/sub_bg.jpg') no-repeat center 0;} /* GNB */ #TcfsMain #GNB {position:absolute; left:0; top:0; width:100%; z-index:999;} #TcfsMain #GNB .GNBi {margin:0 auto; width:1000px; height:155px;} #Logo {text-align:center; height:32px;} #TongSearch {float:right; margin-top:-3px; height:32px; width:187px; z-index:99; background:url('/img/g/top_search_bg.gif') no-repeat 0 0;} #TongSearch input {float:left; border:none; background:#000; width:145px; font-size:0.95em; color:#838383; padding-top:3px; height:12px; margin-top:5px; margin-left:10px;} #TongSearch img.TongSearch {padding:5px; margin-top:2px;} #SmartSearch {padding-top:1px; height:31px;} #SmartSearch li {float:left;} #MainMenu {overflow:hidden;} /* Body Area */ #TcfsMain #Promotion {width:1000px; height:420px; overflow:visible; margin:0 auto; padding-top:100px; position:relative;} #TcfsMain #Promotion .flash_GNB {position:relative; z-index:9999;} #TcfsMain #Promotion .flash_Main {position:absolute; top:100px; z-index:9;} #TcfsMain #Promotion .obj_bulb {position:absolute; left:-53px; top:100px; width:103px; height:81px;} #TcfsMain #BodyArea {width:1000px; margin:0 auto;} /* Quick */ #Lnb {float:left; width:208px; padding-top:0px;} /* Lnb 리스트 */ #Lnb .LnbList {margin-bottom:0px; margin-left:-5px; margin-top:-10px; overflow:visible; background:url('/img/main/LnbList_bg.gif') no-repeat 0 271px;} #Lnb .LnbList p {padding-left:5px; overflow:visible;} /* Lnb 키워드 랭킹 베스트 */ #Lnb .LnbKwdRBTitle {width:192px; padding:10px 0 8px 8px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:10px; margin-bottom:12px;} #Lnb .LnbKwdRBList {width:200px; overflow:hidden; margin-bottom:25px;} #Lnb .LnbKwdRBList li {padding-bottom:3px; } #Lnb .LnbKwdRBList li a {display:block; color:#646464; padding-left:28px;} #Lnb .LnbKwdRBList li a:hover {color:#333;} #Lnb .LnbKwdRBList li.rank1 {background:url('/img/i/icon_rank_keyword1.gif') no-repeat 8px 1px;} #Lnb .LnbKwdRBList li.rank1 a {font-weight:bold; text-decoration:underline;} #Lnb .LnbKwdRBList li.rank1 a:hover {font-weight:bold; text-decoration:underline;} #Lnb .LnbKwdRBList li.rank2 {background:url('/img/i/icon_rank_keyword2.gif') no-repeat 8px 1px;} #Lnb .LnbKwdRBList li.rank3 {background:url('/img/i/icon_rank_keyword3.gif') no-repeat 8px 1px;} #Lnb .LnbKwdRBList li.rank4 {background:url('/img/i/icon_rank_keyword4.gif') no-repeat 8px 1px;} #Lnb .LnbKwdRBList li.rank5 {background:url('/img/i/icon_rank_keyword5.gif') no-repeat 8px 1px;} /* Lnb 배너 */ #Lnb .LnbBanner {} #Lnb .LnbBanner li {margin-bottom:5px;} #Lnb .LnbBanner li img {vertical-align:top; border:1px solid #e2e2e2;} /* 가운데 영역 */ #CenterJung {float:left; width:690px; padding-top:0px; padding-left:22px; margin-right:10px; _margin-right:0px;} /* 컨텐츠_내용 메인 */ /* 뉴베스트 */ #CenterJung .new_best {margin-left:-22px; height:249px;} #CenterJung .new_best .h3_new_best {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; width:0px; height:0px;} #CenterJung .new_best .btn_arr {text-align:right; height:20px;} #CenterJung .new_best .btn_arr img {margin-left:1px;} #CenterJung .new_best .nbList {position:relative; z-index:999;} #CenterJung .new_best .nbList li {float:left; width:140px; position:relative; font-size:0.95em; margin-right:3px;} #CenterJung .new_best .nbList li.end {margin-right:0px;} #CenterJung .new_best .nbList li a {display:block;} #CenterJung .new_best .nbList li .thum {margin-bottom:7px;} #CenterJung .new_best .nbList li .thum img {border:1px solid #D9D4D6; width:138px; height:138px;} #CenterJung .new_best .nbList li .tag_new {position:absolute; left:0; top:0;} #CenterJung .new_best .nbList li .cmt {margin-left:2px;} #CenterJung .new_best .nbList li strong {margin-left:2px; color:#333;} #CenterJung .new_best .nbList li .won {margin-left:2px; font-weight:bold; color:#cc0000; padding-bottom:7px; padding-left:15px; background:url('/img/i/icon_won.gif') no-repeat 0 50%;} /* 베스트초이스 */ #CenterJung .best_choice {height:233px; background:url('/img/i/ptn_w8.gif') repeat-x 0 0;} #CenterJung .best_choice .h3_best_choice {padding-top:16px; padding-bottom:16px;} #CenterJung .best_choice .rank1st {float:left; width:370px;} #CenterJung .best_choice .rank1st .bc_thum {float:left; margin-right:10px;} #CenterJung .best_choice .rank1st .bc_thum img { width:140px; height:140px;} #CenterJung .best_choice .rank1st .bc_1st {float:left; padding-top:25px; margin-right:5px;} #CenterJung .best_choice .rank1st .bc_1st_memo {float:left; padding-top:40px; } #CenterJung .best_choice .bestList {float:left; width:320px;} #CenterJung .best_choice .bestList li {float:left; width:100px; text-align:center; position:relative; font-size:0.95em; letter-spacing:-0.05em; margin-right:10px;} #CenterJung .best_choice .bestList li.end {margin-right:0px;} #CenterJung .best_choice .bestList li a {display:block;} #CenterJung .best_choice .bestList li .thum {margin-bottom:7px;} #CenterJung .best_choice .bestList li .thum img {border:1px solid #e8e8e8; width:98px; height:98px;} #CenterJung .best_choice .bestList li .tag_best {position:absolute; left:0; top:0;} #CenterJung .best_choice .bestList li .cmt {color:#ff6600; font-weight:bold;} #CenterJung .best_choice .bestList li strong {font-weight:normal; padding-bottom:7px;} /* 카테고리_타입별 */ #CenterJung .cate_type {margin-bottom:40px;} #CenterJung .cate_type .h3_new_best {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; width:0px; height:0px;} #CenterJung .cate_type .cate_tm {height:35px; overflow:hidden;} #CenterJung .cate_type .cate_tm li {float:left;} #CenterJung .cate_type .cate_memo {height:210px; overflow:hidden; background:url('/img/main/tab_cate_bg.gif') no-repeat 0 0;} #CenterJung .cate_type .cate_memo h3 {float:left; width:100px; padding-left:35px; padding-top:55px;} #CenterJung .cate_type .cate_memo ul {margin-top:35px;} #CenterJung .cate_type .cate_memo li {float:left; width:100px; text-align:center; position:relative; font-size:0.95em; line-height:1.3em; margin-right:10px;} #CenterJung .cate_type .cate_memo li a {display:block;} #CenterJung .cate_type .cate_memo li.end {margin-right:0px;} #CenterJung .cate_type .cate_memo li .thum {margin-bottom:7px;} #CenterJung .cate_type .cate_memo li .thum img {border:1px solid #e8e8e8;} #CenterJung .cate_type .cate_memo li .cmt {font-weight:bold; color:#333;} #CenterJung .cate_type .cate_memo li strong {color:#777; font-weight:normal;} #CenterJung .cate_type .cate_memo li .won {font-weight:bold; color:#cc0000; padding-bottom:7px;} /* 메이컵_포토리뷰 */ #CenterJung .mpmp {overflow:hidden;} #CenterJung .mpmp .mpmp_muc {overflow:hidden; float:left; width:330px;} #CenterJung .mpmp .mpmp_muc .h3_muc {height:38px; width:330px; border-bottom:1px solid #dfdfdf;} #CenterJung .mpmp .mpmp_muc .latest {width:330px; height:120px; overflow:hidden; border-bottom:1px solid #dfdfdf;} #CenterJung .mpmp .mpmp_muc .latest .thum {float:left; padding:10px 10px 10px 3px;} #CenterJung .mpmp .mpmp_muc .latest .thum img {width:133px; height:100px;} #CenterJung .mpmp .mpmp_muc .latest .title {width:170px; font-weight:bold; padding-top:10px; line-height:120%;} #CenterJung .mpmp .mpmp_muc .latest .title a {color:#333;} #CenterJung .mpmp .mpmp_muc .latest .title a:hover {color:#666;} #CenterJung .mpmp .mpmp_muc .latest .date {color:#aaa; padding-bottom:12px;} #CenterJung .mpmp .mpmp_muc .latest .memo {width:170px; color:#777777; font-size:0.95em; line-height:1.3em;} #CenterJung .mpmp .mpmp_muc .latestList {} #CenterJung .mpmp .mpmp_muc .latestList li {height:20px; padding-top:7px; float:left; border-bottom:1px solid #dfdfdf;} #CenterJung .mpmp .mpmp_muc .latestList li a {color:#777;} #CenterJung .mpmp .mpmp_muc .latestList li a:hover {color:#333;} #CenterJung .mpmp .mpmp_muc .latestList .memo {width:250px; padding-left:15px; background:url('/img/i/icon_arr_red.gif') no-repeat 2px 50%;} #CenterJung .mpmp .mpmp_muc .latestList .date {width:65px; color:#aaaaaa; text-align:center;} #CenterJung .mpmp .mpmp_pr {overflow:hidden; float:left; width:340px; padding-left:20px; _padding-left:15px;} #CenterJung .mpmp .mpmp_pr .h3_pr {height:24px; padding-top:5px;} #CenterJung .mpmp .mpmp_pr .memo {width:315px; height:161px; padding-left:25px; padding-top:25px; letter-spacing:-0.05em; background:url('/img/main/pr_bg.gif') no-repeat 0 0;} #CenterJung .mpmp .mpmp_pr .memo .pr_thum {float:left; width:160px; padding-top:5px; padding-bottom:35px;} #CenterJung .mpmp .mpmp_pr .memo .pr_thum img {width:140px; height:110px;} #CenterJung .mpmp .mpmp_pr .memo .pr_title {width:150px; font-weight:bold; padding-bottom:10px;} #CenterJung .mpmp .mpmp_pr .memo .pr_title a {color:#333;} #CenterJung .mpmp .mpmp_pr .memo .pr_title a:hover {color:#333;} #CenterJung .mpmp .mpmp_pr .memo .pr_memo {width:150px; color:#777; font-size:0.95em; line-height:1.3em;} #CenterJung .mpmp .mpmp_pr .memo .pr_id {width:150px; font-size:0.95em; color:#333;} #CenterJung .mpmp .mpmp_pr .memo .pr_id strong {} /* //컨텐츠_내용 메인 */ /* Quick */ #QuickMenu {float:left; position:relative; width:70px; margin-top:-470px; _left:10px;} #GNB .GNBi .QuickMenuHidden {position:relative; left:929px; top:-50px; width:70px; height:50px; background:url('/img/g/quick_hidden.gif') no-repeat 0 0; z-index:2;} /* Site Info */ #TcfsMain #SiteInfo {width:1000px; height:74px; padding-top:1px; overflow:hidden; margin:0 auto; margin-bottom:60px; } #TcfsMain #SiteInfo ul {width:920px;height:22px; padding-top:2px; padding-left:15px; overflow:hidden; background:#F3F3F3; } #TcfsMain #SiteInfo li {float:left; padding-right:10px;} #TcfsMain #SiteInfo li a {display:block; padding:5px;} #TcfsMain #SiteInfo address {padding-left:20px; } /* Site Info 위 */ #TcfsMain .noticeZone {padding-top:35px; _padding-top:0px; overflow:hidden; width:1000px; margin:0 auto; margin-bottom:30px;} #TcfsMain .noticeZoneW {padding-top:30px; width:920px; background:url('/img/i/ptn_w5.gif') repeat-x 0 0;} #TcfsMain .noticeZone .noticeList {float:left; width:200px; margin-right:30px;} #TcfsMain .noticeZone .noticeList .h3_notice {height:18px; border-bottom:1px solid #d2d2d2;} #TcfsMain .noticeZone .noticeList .h3_notice span {float:right;} #TcfsMain .noticeZone .noticeList .h3_notice span a {display:block; padding:5px; padding-right:0;} #TcfsMain .noticeZone .noticeList ul {padding-top:7px;} #TcfsMain .noticeZone .noticeList li {} #TcfsMain .noticeZone .noticeList li a {display:block; width:183px; padding-left:17px; background:url('/img/i/icon_dot_black.gif') no-repeat 10px 50%;} #TcfsMain .noticeZone .noticeZone_bn {} #TcfsMain .noticeZone .noticeZone_bn li {float:left; margin-right:30px;} #TcfsMain .noticeZone .noticeZone_bn li.end {margin-right:0px;} /* 인트로 */ #intro {} #intro .introW1 {width:100%; height:585px; padding-top:65px; background:url('/img/main/intro_bg.gif') repeat-x 0 0;} #intro .introW1 .introW2 {position:relative; margin:0 auto; width:810px; height:510px; padding-top:10px; padding-left:10px; background:url('/img/main/intro_bg_memo.gif') no-repeat 0 0;} #intro .introW1 .introW2 .intro {position:relative; z-index:999;} #intro .introW1 .introW2 .peace {position:relative; margin:0 auto; margin-top:-500px; z-index:998;} #intro .introW1 .introW2 .mamenow {position:relative; margin:0 auto; margin-top:-35px; z-index:99; text-align:right; font-size:2em; line-height:1em;} #intro .introW1 .introW2 .mamenow a {display:block; width:800px; padding-right:20px; color:#999;} /* 인트로 팝업 - 2010-06-14 설미현 추가 */ #intro2 {top:-27px !important; _margin-left:200px;} #intro2 .introW1 {width:800px; height:500px; }