*{ margin:0; padding:0; } body { font-size:12px; color:#888; font-family:Dotum,Helvetica,AppleGothic,Sans-serif; margin:0px; padding:0px; position:relative; text-align:center; min-width:830px;} a:link { color:#888; text-decoration:none; } a:visited { color:#888; text-decoration:none; } a:active { color:#888; text-decoration:none; } a:hover { color:#9fdae1; text-decoration:underline; } img { border:0px; } input { font-size:11px; color:#888; vertical-align:middle; } select { font-size:11px; color:#888; vertical-align:middle; } textarea { font-size:11px; color:#888; } ul { list-style:none outside; } /**** Layout ****/ #container { width:830px; margin:0 auto; text-align:left; } #header { position:relative; width:830px; height:100px; clear:both;} #mainContents { position:relative; width:830px; clear:both; background-color:#fff; } #tyBox3 h3,#tyBox4 h3 { visibility:hidden; width:0; height:0; overflow:hidden; position:absolute; top:-3000px; font-size:0; line-height:0 } /**** Header ****/ #header { position:relative; width:830px; height:100px; clear:both; } #header h1 { float:left; width:433px; height:82px; background:url(../img/nanum/img_logo.gif) 0 36px no-repeat; } #header h1 a { margin-top:36px; display:block; width:125px; height:46px; overflow:hidden; white-space:nowrap; text-indent:600px; text-decoration:none; } #header .loginBt { position:absolute; top:60px; right:0px; width:118px; height:21px;background:url(../img/nanum/bt_login.gif) no-repeat; } #header .loginBt a { display:block; width:118px; height:21px;} #header ul { position:absolute; top:60px; right:0px; font-size:10px; } #header ul li { float:left; text-align:right; } #header .logoutBt .id { font-size:10px; font-weight:bold; font-family:Verdana,Arial,Helvetica; color:#06b8f4; margin-top:5px; } #header .logoutBt .txt { font-size:11px; color:#898989; margin-top:5px; letter-spacing:-1px;} #header .logoutBt .bt_logout { width:68px; height:21px; background:url(../img/nanum/bt_logout.gif) no-repeat; margin-left:5px;} #header .logoutBt .bt_logout a { display:block; width:68px; height:21px; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} /**** popup ****/ #replyBox { position:relative; display:block; width:540px; height:182px; background:url(../img/nanum/popbg.jpg) no-repeat; } #replyBox h3 { overflow:hidden; white-space:nowrap; text-indent:600px; text-decoration:none; width:540px;} #replyBox .nvalue { position:absolute; top:80px; left:32px; width:300px; height:20px; clear:both; text-align:left; color:#888; font-weight:bold; } #replyBox span { color:#33ccff;} #replyBox .ok { position:absolute; top:130px; left:32px; width:83px; height:21px;} #replyBox .cancel { position:absolute; top:130px; left:130px; width:57px; height:21px;} /**** mainContents ****/ #tyBox2 { width:830px; height:26px; clear:both; background:url(../img/nanum/bg_mbar.gif) repeat-x; } #tyBox2 ul { position:absolute; top:7px; left:20px; height:26px; } #tyBox2 ul li { float:left; margin-right:30px; height:26px; } #tyBox2 ul li a { font-size:11px; font-weight:bold; color:#ffffff; text-decoration:none;} /**** Visual ****/ #tyBox3 { position:relative; width:830px; height:190px; clear:both; background:url(../img/nanum/img_visual.jpg) no-repeat;} #tyBox3 h3 { width:50px; height:0px; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} #tyBox3 p { width:50px; height:0px; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} #tyBox3 .btn { float:left; width:555px; height:81px; background:url(../img/nanum/bt_parti.gif) no-repeat 404px 47px;} #tyBox3 .btn a { margin:47px 0 0 404px; display:block; width:116px; height:34px; overflow:hidden; white-space:nowrap; text-indent:120px; text-decoration:none;} #tyBox3 .btn_blank { float:left; width:555px; height:81px;} #tyBox3 .stat { float:left; width:275px; height:190px; background:url(../img/nanum/img_stat.jpg) no-repeat;} #tyBox3 .mo { position:absolute; text-align:right; top:76px; right:27px; width:160px; height:27px; font-size:20px; font-weight:bold; color:#33ccff; font-family:Verdana,Arial,Helvetica; letter-spacing:-1px;} #tyBox3 .per { position:absolute; text-align:right; bottom:32px; right:27px; width:160px; height:25px; font-size:13px; font-weight:bold; color:#252525; font-family:Verdana,Arial,Helvetica; letter-spacing:-1px;} /**** visual line ****/ #tbline { border-top:solid 1px #33ccff; height:1px;} /**** twitnanum ****/ #tnanum { position:relative; width:830px; height:434px; background:url(../img/nanum/img_intro.jpg) no-repeat; overflow:hidden; white-space:nowrap; text-indent:900px; text-decoration:none;} #tnanum .good { position:absolute; top:205px; left:35px; width:125px; height:35px;} #tnanum .good a { display:block; width:125px; height:35px; overflow:hidden; white-space:nowrap; text-indent:150px; text-decoration:none;} #tnanum .beauty { position:absolute; top:205px; left:190px; width:125px; height:35px;} #tnanum .beauty a { display:block; width:125px; height:35px; overflow:hidden; white-space:nowrap; text-indent:150px; text-decoration:none;} #tnanum .yam { position:absolute; top:320px; left:35px; width:125px; height:35px;} #tnanum .yam a { display:block; width:125px; height:35px; overflow:hidden; white-space:nowrap; text-indent:150px; text-decoration:none;} /**** twitnanum list ****/ #tlnanum { position:relative; width:830px; height:477px;} #tlnanum ul { width:830px; } #tlnanum ul li { float:left; width:415px; height:159px;} #tlnanum ul li a { display:block; overflow:hidden; white-space:nowrap; text-indent:500px; text-decoration:none; } #tlnanum ul li .btnView { width:215px; height:80px; margin:20px 0 0 190px; } #tlnanum ul li .btnCharity { width:75px; height:22px; margin:19px 0 0 192px; } #tlnanum .g1 { background:url(../img/nanum/charity_01.jpg) no-repeat; } #tlnanum .g2 { background:url(../img/nanum/charity_03.jpg) no-repeat; } #tlnanum .g3 { background:url(../img/nanum/charity_05.jpg) no-repeat; } #tlnanum .b1 { background:url(../img/nanum/charity_02.jpg) no-repeat; } #tlnanum .b2 { background:url(../img/nanum/charity_04.jpg) no-repeat; } #tlnanum .b3 { background:url(../img/nanum/charity_06.jpg) no-repeat; } /**** Price ****/ #tyBox4 { position:relative; width:830px; height:170px;} #tyBox4 .photo { position:relative; float:left; width:195px; height:90px; background:url(../img/nanum/bg_photo.gif) no-repeat; padding:80px 0 0 15px;} #tyBox4 .pdata { position:relative; float:left; width:610px; height:160px; background-color:#333333; padding:10px 0 0 10px;} #tyBox4 .thumb_b { width:73px; height:73px;} #tyBox4 table { background-color:#303030; } #tyBox4 td { background-color:#484848; border-top:solid 1px #585858; border-left:solid 1px #585858; text-align:left; padding-left:10px;} #tyBox4 table .pr1 { font-size:17px; color:#ccff33; font-family:Verdana,Arial,Helvetica; font-weight:bold;} #tyBox4 table .pr2 { font-size:11px; color:#ccff33; font-weight:bold;} #tyBox4 table .pr3 { font-size:10px; color:#ffffff; font-family:Verdana,Arial,Helvetica; font-weight:bold;} #tyBox4 table .pr4 { font-size:11px; color:#cccccc;} #tyBox4 .pset { position:absolute; top:15px; right:17px; width:78px; height:18px; background:url(../img/nanum/bt_pset.gif) no-repeat;} #tyBox4 .pset a { display:block; width:78px; height:18px; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} #chgIn { position:absolute; top:15px; right:17px; width:76px; float:left; z-index:201; } #chgIn fieldset legend { visibility:hidden; width:0; height:0; overflow:hidden; position:absolute; top:-3000px; font-size:0; line-height:0 } #chgIn fieldset { margin:0; padding:0; border:0 none; } #chgIn .label { width:78px; height:18px; color:#162d3f; overflow:hidden; float:left; background:url(../img/nanum/bt_pset.gif) no-repeat; display:block; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} #chgIn #InTitle { display:block; float:left; color:#162d3f; } #chgIn #InList { display:none; width:76px; position:absolute; top:17px; left:0px; background:#333; padding-bottom:1px; border:solid 1px #232323; border-top:0 none; } #chgIn #InList .hide { top:-5000px; } #chgIn #InList li { position:relative; padding:3px 0; width:76px; } #chgIn #InList input { position:absolute; top:-5000px; } #chgIn #InList label { display:block; width:65px; overflow:hidden; text-align:right; white-space:nowrap; cursor:pointer; line-height:15px; color:#cccccc; } #tyBox4 .tpset { position:absolute; display:none; top:41px; right:15px; width:121px; background-color:#484848; text-align:right; z-index:200;} #tyBox4 input { width:50px; height:15px; border:solid 1px #FFF; vertical-align:middle; float:left; margin-right:10px;} #tyBox4 .tset { position:absolute; top:41px; right:15px; width:78px; height:18px; background:url(../img/nanum/bt_tset.gif) no-repeat;} #tyBox4 .tset a { display:block; width:78px; height:18px; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} #tyBox4 .tvalue { position:absolute; top:95px; right:18px; width:125px; height:21px; background:url(../img/nanum/bt_tweetv.gif) no-repeat;} #tyBox4 .tvalue a { display:block; width:125px; height:21px; overflow:hidden; white-space:nowrap; text-indent:150px; text-decoration:none;} #tyBox4 .Btchar { position:absolute; top:132px; left:14px; width:600px; height:21px;} #tyBox4 ul { font-size:11px;} #tyBox4 ul li { float:left; text-align:right; } #tyBox4 .txt { font-size:11px; color:#ffffff; letter-spacing:-1px; padding:10px 161px 0 0;} #tyBox4 .Bt_charity { width:83px; height:24px; background:url(../img/nanum/bt_charity.gif) no-repeat;} #tyBox4 .Bt_charity a { display:block; width:83px; height:24px; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} #tyBox4 span { font-size:11px; color:#ccff33;} /**** tweeterians ****/ #tyBox5 { position:relative; width:830px; clear:both; background-color:#fff; padding-top:30px;} #tyBox5 h3 { width:162px; height:31px; background:url(../img/nanum/tit_twiterian.gif) no-repeat; padding-top:5px; overflow:hidden; white-space:nowrap; text-indent:200px; text-decoration:none;} #tyBox5 ul { position:relative; width:830px; padding-left:10px;} #tyBox5 ul li { float:left; width:37px; height:37px; } #tyBox5 .tyMore { clear:both; width:830px; height:28px; text-align:center; margin:0 auto; padding-top:10px;} #tyBox5 .tyMore1 { clear:both; width:830px; height:28px;text-align:center; margin:0 auto; } /**** comment ****/ #tyBox6 { position:relative; width:830px; background-color:#fff; clear:both; padding-top:20px;} #tyBox6 h3 { width:63px; height:30px; background:url(../img/nanum/tit_comment.gif) no-repeat; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} #tyBox6 .txtArea { width:800px; height:44px; background:url(../img/nanum/bg_comment.gif) no-repeat; margin-left:5px; } #tyBox6 textarea { width:800px; height:32px; font-family:Verdana,Arial,Helvetica; margin:4px 5px; padding:0; background:#FFF; border:solid 2px #33ccff; float:left; } #tyBox6 .tyTarea1 { width:71px; height:44px; float:left; margin-left:6px; } #tyBox6 .tyTarea1 a { width:71px; height:44px; display:block; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none; } #tyBox6 .tyTco { margin:6px 0 0 10px; font-size:11px;} #tyBox6 .tyBold { color:#33ccff;} #tyBox6 ul { width:820px; padding-left:10px; margin-top:30px; } #tyBox6 li { clear:both; } #tyBox6 .tyMargin { height:10px; width:760px; } #tyBox6 .tyIMG { width:45px; height:33px; float:left; } #tyBox6 .tyReply { float:left; } #tyBox6 .tyReply a { font-family:Verdana,Arial,Helvetica; font-size:10px; color:#33ccff; font-weight:bold; } #tyBox6 .tyReply .tyDate { font-family:Verdana,Arial,Helvetica; font-size:11px; color:#888; margin-left:10px;} #tyBox6 .tyReply .reply { display:block; margin-top:5px; margin-bottom:10px; font-size:11px; width:695px; } #tyBox6 .tyReply .reply a { font-size:11px; color:#33ccff; font-weight:normal;} #tyBox6 .tyReply .reply b { font-weight:normal;} #tyBox6 .tyChar { position:absolute; top:32px; right:0px; font-family:Verdana,Arial,Helvetica; font-weight:bold; font-size:12px; text-align:center; width:100px; } #tyBox6 .tnload { display:none; position:absolute; top:58px; left:400px; width:27px; height:27px;} #tyBox6 .txt { clear:both; width:800px; height:21px; font-size:11px; padding:10px 0 0 15px;; text-align:left;} #tyBox6 .tBtcom { display:block;position:absolute; top:95px; right:17px; width:68px; height:21px; background:url(../img/nanum/bt_okcomm.gif) no-repeat;} #tyBox6 .tBtcom a { display:block; width:68px; height:21px; overflow:hidden; white-space:nowrap; text-indent:100px; text-decoration:none;} #tyBox6 .tBtcom1 { display:none; position:absolute; top:95px; right:17px; width:68px; height:21px; background:url(../img/nanum/bt_okcomm1.gif) no-repeat;} #tyBox6 .won { margin-top:20px;} /*** more ***/ #tmore { display:block; clear:both; width:830px; height:18px; text-align:center; margin:0 auto; } #tmore1 { display:none; clear:both; width:830px; height:18px; text-align:center; margin:0 auto; } /**** footer line ****/ #tgline { border-top:solid 1px #b7b7b7; height:1px; margin-top:25px;} #tgline1 { border-top:solid 1px #b7b7b7; height:1px;} /**** footer ****/ #footer { width:830px; height:75px; clear:both; background:url(../img/nanum/img_copy.gif) no-repeat; margin-top:15px;overflow:hidden; white-space:nowrap; text-indent:900px; text-decoration:none;} .bn { position:absolute; top:20px; left:20px; width:149px; height:147px;background-image:url(/img/nanum/tparty.png);} .bn a {width:149px; height:147px; display:block; overflow:hidden; white-space:nowrap; text-indent:250px; text-decoration:none; } .bn2 { position:absolute; top:170px; left:20px; width:149px; height:147px;background-image:url(/img/nanum/tparty2.png);} .bn2 a {width:149px; height:147px; display:block; overflow:hidden; white-space:nowrap; text-indent:250px; text-decoration:none; }