body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,form,fieldset,p,blockquote,button,table{margin:0;padding:0;color:#606060;} body {text-align:center;overflow-y:scroll;} hr, legend {display:none;margin:0;padding:0;} img, fieldset {border:0 none;} body, h1, h2, h3, h4, h5, h6, h7, dl, dt, dd, th, td, p, form, fieldset, legend, input, div {font-size:12px;font-weight:normal;} ul, ol, li {list-style:none outside;} img, input, select, textarea {vertical-align:middle;font-size:12px;color:#606060;} body, th, td {font-size:12px;font-family:돋움, dotum, sans-serif;color:#333;margin:0;padding:0;} select { behavior: url('../css/main_selectBox.htc');} p {line-height:16px;} .roundedDiv {position:absolute; width:2px; height:2px; background: url(../images/box_gray1.gif); font-size:1px; line-height:1px; z-index:0;} .tl{top:-1px;left:-1px} .tr{background-position:top right; top:-1px; right:-1px;} .bl{background-position:bottom left; bottom:-1px; left:-1px;} .br{background-position:bottom right; bottom:-1px; right:-1px;} .borderBox {position:relative; border:solid 1px #e1e1e1;} .mg10 {margin:10px 0;} .mg20 {margin:20px 0;} .mgt2 {margin-top:2px;} .mgt3 {margin-top:3px;} .mgt5 {margin-top:5px;} .mgt7 {margin-top:7px;} .mgt10 {margin-top:10px;} .mgt13 {margin-top:13px;} .mgt15 {margin-top:15px;} .mgt20 {margin-top:20px;} .mgt25 {margin-top:25px;} .mgt30 {margin-top:30px;} .mgt40 {margin-top:40px;} .mgt50 {margin-top:50px;} .mgb3 {margin-bottom:3px;} .mgb5 {margin-bottom:5px;} .mgb7 {margin-bottom:7px;} .mgb10 {margin-bottom:10px;} .mgb15 {margin-bottom:15px;} .mgb20 {margin-bottom:20px;} .mgb30 {margin-bottom:30px;} .mgb40 {margin-bottom:40px;} .mgb150 {margin-bottom:150px;} .vta1 {vertical-align:-1px;} .vtat {vertical-align: top;} .num1 {background:url(../images/num1.gif) 0 2px no-repeat; padding-left:20px;} .num2 {background:url(../images/num2_red.gif) 0 2px no-repeat; padding-left:20px;} .num2r {background:url(../images/num2_red.gif) 0 2px no-repeat; padding-left:20px;} .num3 {background:url(../images/num3_red.gif) 0 2px no-repeat; padding-left:20px;} .num3r {background:url(../images/num3_red.gif) 0 2px no-repeat; padding-left:20px;} .num4 {background:url(../images/num4.gif) 0 2px no-repeat; padding-left:20px;} .num5 {background:url(../images/num5.gif) 0 2px no-repeat; padding-left:20px;} .num6 {background:url(../images/num6.gif) 0 2px no-repeat; padding-left:20px;} .num7 {background:url(../images/num7.gif) 0 2px no-repeat; padding-left:20px;} .num8 {background:url(../images/num8.gif) 0 2px no-repeat; padding-left:20px;} .num9 {background:url(../images/num9.gif) 0 2px no-repeat; padding-left:20px;} .num10 {background:url(../images/num10.gif) 0 2px no-repeat; padding-left:20px;} .divL {float:left;} .divR {float:right;} .divC {clear:both;} .textL {text-align:left;} .textR {text-align:right;} .textC {text-align:center;} .intext1 {background-color:#fff;border:1px solid #fff;} .intext2 {background-color:#ffffff;border:1px solid #bcbcbc;padding:3px;height:21px;} .simpleform { border:solid 1px #d3d3d3;padding:2px;height:20px;} .simpleform2 {border:solid 1px #cacaca;padding:2px;} .simplebutton {BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #EEEEEE 1px solid; BACKGROUND: #dddddd; FONT: 9pt , sans-serif; BORDER-LEFT: #EEEEEE 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 18px; TEXT-DECORATION: none } .selectlayer {position:absolute;top:0px;left:0px;display:none;border:solid 1px #FF0000;width:50px;background-color:#FFFFFF;padding:3px;font-size:11px;} a:link { text-decoration:none; color:#595959; letter-spacing:0pt; } a:visited { text-decoration:none; color:#595959; letter-spacing:0pt; } a:hover { text-decoration:underline; color:#fe0000; letter-spacing:0pt; } a:active { text-decoration:underline; color:#595959; letter-spacing:0pt; } a font:hover { text-decoration:underline; color:#595959; letter-spacing:0pt; } .nfont1 { color:#888; font-family:돋움, dotum, verdana, sans-serif;} .nfont1 a:link { text-decoration:none; color:#888; letter-spacing:0pt; line-height:14pt; } .nfont1 a:visited { text-decoration:none; color:#888; letter-spacing:0pt; line-height:14pt; } .nfont1 a:hover { text-decoration:underline; color:#FF6633; letter-spacing:0pt; line-height:14pt; } .nfont1 a:active { text-decoration:underline; color:#888; letter-spacing:0pt; line-height:14pt; } .nfont1 a font:hover { text-decoration:underline; color:#888; letter-spacing:0pt; line-height:14pt; } .nfont2 { font-size: 13px; font-weight: bold; font-family:tahoma, sans-serif;color:#555;line-height:15pt;} .nfont3 { font-size: 10px; font-weight: bold; font-family:tahoma, sans-serif;color:#666;} .nfont4 { font-size: 11px; font-family:tahoma, 돋움, dotum, sans-serif;color:#777; letter-spacing:-1pt;} .nfont5 { font-family:tahoma, sans-serif;color:#aaa;} .nfont6 { color:#333333; font-weight: bold; } .nfont7 { font-size: 11px; color:#808080; font-family:돋움, dotum, verdana, sans-serif;} .nfont7 a:link { font-size: 11px; color:#808080; font-family:돋움, dotum, verdana, sans-serif;} .nfont8 { font-size: 11px;color: #555; font-weight: bold;} .nfont9 { font-size: 11px; font-family:tahoma, 돋움, dotum, sans-serif,;color:#777;} .nfont11 { font-size: 11px; } .nfont12 { font-size: 12px; } .pfont1 { font-size: 11px; font-family:돋움, dotum, tahoma, sans-serif; font-weight: bold; color:#d02402;} .pfont1 a:link { font-weight: bold; color:#f94f04;text-decoration:underline; } .pfont1 a:visited { font-weight: bold; color:#f94f04; } .pfont2 { font-size:11px; color:#fe330c;} .pfont2 a:link { color:#fe330c;text-decoration:underline; } .pfont2 a:visited { color:#fe330c; } .pfont3 { font-weight: bold; color:#ffffff;} .pfont4 { font-size: 11px; font-family:돋움, dotum, tahoma, sans-serif; font-weight: bold; color:#f8593f;} .pfont5 { font-size:11px;color:#dc3c80;font-weight:bold;} /* 핑크 */ .pfont6 { font-size:11px; font-weight: bold; color:#c31219;} .pfont7 { color:#e61b1b;} .pfont8 { font-size:11px;color:#f8d2cb;font-weight:bold;} .pfont9 { font-size:12px; color:#fe330c;} .pfont9 a:link { color:#fe330c;text-decoration:underline; } .pfont9 a:visited { color:#fe330c; } #mtit {float:left;background:url('../images/tit_line.gif') repeat-x 0px 22px;width:100%;height:32px;margin:0;} #mtit h2 {float:left;} #mtit .btn {float:right;} body {position:relative;background:url('../images/tm_bg2.gif') repeat-x;} #wrap { position:relative; margin:10px auto; width:900px;text-align:left;border:solid 0px red;} #leftWrap {position:relative;float:left;width:190px;margin:2px 0 0 0;border:solid 0px red;} #middleWrap {position:relative;float:left;width:474px;margin:2px 14px 0 18px;border:solid 0px red;} #rightWrap {float:left;width:200px;margin-top:2px;border:0px solid red;} /* header */ #brand { width:900px;height:54px;border:solid 0px red; } #brand .navi {float:right; margin-top:28px; } #nav { position:relative; background:url('../images/tm_bg1.gif') no-repeat;width:900px;height:64px; } #nav .menu { float:left; padding-left:20px; } #nav .search { float:right;margin:10px 20px 0 0;} #nav .intext1 {width:190px;height:20px;} #nav .btnmall {float:right;margin:7px 35px 0 0;} #nav2 { position:relative; background:url('../images/tm_bg3.gif') no-repeat;width:900px;height:64px; } #nav2 .menu { float:left; padding-left:20px; } #nav2 .search { float:right;margin:10px 20px 0 0;} #nav2 .intext1 {width:190px;height:20px;} #nav2 .btnmall {float:right;margin:7px 35px 0 0;} #shopmalllist {position:absolute;top:90px;left:-13px; width:914px; z-index:1000;} #snav_1 {} #snav_1 ul {float:left;background-color:#ffffff;border:1px solid #fa0606;padding:0 7px;} #snav_1 li { float:left; padding:5px; font-size:11px; color:#d02402;} #snav_2 {} #snav_2 ul {float:left;background-color:#ffffff;border:1px solid #fa0606;padding:0 7px;} #snav_2 li { float:left; padding:5px; font-size:11px; color:#d02402;} #snav_3 {} #snav_3 ul {float:left;background-color:#ffffff;border:1px solid #fa0606;padding:0 7px;} #snav_3 li { float:left; padding:5px; font-size:11px; color:#d02402;} #snav_4 {} #snav_4 ul {float:left;background-color:#ffffff;border:1px solid #fa0606;padding:0 7px;} #snav_4 li { float:left; padding:5px; font-size:11px; color:#d02402;} #bestkey {position:absolute;top:-5px; left:460px; background: url('../images/bestkey_bg1.gif') no-repeat top left; width:195px; height:251px; z-index:999; } #bestkey ul { clear:both; margin:47px 20px 0 36px; } #bestkey li {height:18px; } :root #bestkey li { height:20px;} #bestkey .close { position:absolute; top:14px; left:162px;} /* login */ #login {float:left;position:relative;background:url('../images/login_bg1.gif') no-repeat;width:190px;height:100px;} #login .btn1 {position:absolute;top:26px; left:134px;} #login .btn2 {position:absolute;top:82px; left:80px;} #login .btn3 {position:absolute;top:82px; left:130px;} #login .chk {position:absolute;top:77px; left:0px;} #login .chktit {position:absolute;top:82px; left:24px;} #login .intext2 {margin-left:2px;width:124px;height:18px;} #logoutbox {float:left;border:1px solid #f90706; width:190px;height:94px;} #logout {float:left;border:1px solid #c6c6c6;width:190px;height:80px;padding:7px 0 7px 8px;} :root #logout {width: 180px; height:80px;} #logout .avatar {float:left;width:55px;} #logout .info {float:right;width:125px;} #logout .info p {float:left;background:url('../images/icon_red1.gif') no-repeat 0 6px; padding-left:6px;text-align:left;height:20px;} #logout .info dl {clear:both;float:left;height:20px;width:125px;} #logout .info dt {float:left;background:url('../images/icon_red1.gif') no-repeat 0 4px; padding-left:6px;width:45px;text-align:left;} :root #logout .info dt { width:39px; } #logout .info dd {float:right;width:120px;text-align:left;border:0px solid red;} #logout .comment {float:left;background:url('../images/sidebar_bg2.gif') no-repeat top left;width:180px;height:24px;padding-top:4px;} /* comi */ #comibox {float:left;border:1px solid #f90706; width:190px;height:103px;} #comi {float:left;border:1px solid #c6c6c6;width:180px;height:87px;padding:7px 4px;} :root #lcomi {width: 180px; height:84px;} #comi li {width:180px; height:14px; font-size:11px; margin-top:8px;} #comi li strong{font-weight:bold; color:#d02402;} #comi img {margin-left:5px;} /***** Main-PAGE *****/ /* MAIN RANKING */ #ranking {margin-top:16px;width:190px;height:200px;border:0px solid red;overflow:hidden;} #ranking ul {border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:11px 8px 4px 10px;} #ranking li {margin-bottom:6px;} #ranking .name {width:48px;} #ranking .point {text-align:right;} /* 공지사항 */ #notice {width:190px; line-height:14pt;} #notice li {clear:both;background:url('../images/icon_orange.gif') no-repeat 0 50%;padding-left:10px;margin:2px 0;height:19px;} #notice li a {font-size:11px;color:#666;} #notice .img1 {position:absolute;top:28px;left:5px;} /* Middle */ #article {background:url('../images/article_bg1.gif') top left;width:474px;height:214px;overflow:hidden; } #article .tit {float:left;background:url('../images/tit_line2.gif');width:472px;height:29px;} #article .tit h2 {float:left;font-size:1px;height:29px;} #article .tit .btn {float:right;} #article .pointimg {float:left;margin-top:15px;padding-left:22px;width:147px;text-align:center;} #article .pointimg .pimg {border:1px solid #aaaaaa;} #article .pointimg a { font-weight:bold; } #article ul {float:left;margin-top:10px;width:300px;} #article li {background:url('../images/icon_gray1.gif') no-repeat 20px 50%;padding-left:30px;height:19px;} #mboard {position:relative;float:left;margin-top:23px;width:474px;height:115px;overflow:hidden;border:0px solid red;} #mboard ul {float:left;;width:474px;border:0px solid red;overflow:hidden;height:85px;margin:0px;} #mboard li {float:left;width:230px;background:url('../images/icon_gray1.gif') no-repeat 0px 50%;padding-left:10px;margin:1px 0;overflow:hidden;height:18px;} :root #mboard li {width:226px;} #bestaff {float:left;padding-top:24px;background:url('../images/mbestaff_bg1.gif') no-repeat top left;width:474px;padding-bottom:3px;} #bestaff dl {float:left;background:url('../images/mbestaff_bg2.gif') repeat top left;width:152px;height:20px;margin-right:5px;padding:4px 0 6px 0;border:0px solid red;} #bestaff dt {float:left;width:60px;height:20px;padding-left:8px;} #bestaff dd {float:left;width:75px;padding:4px 0 0 0;text-align:right;border:0px solid red;} /* MAIN right */ #price { position:relative;float:left;background:url('../images/mbg_price.gif') no-repeat top left;width:200px;height:132px;} #price .text {position:absolute;top:68px;left:5px;width:100px;text-align:center;} #price .proimg {position:absolute;top:35px;left:110px;width:80px;height:80px;border:1px solid #ddd;} #tagmania {float:left;width:200px;height:200px;} #probox {float:left;width:200xp;height:203px;} #mbanner {float:left;} #tablesty1 {clear:both; width:100%; line-height:100%; border-collapse:collapse;border-top:2px solid #ff7e00;} #tablesty1 th {background-color:#fcf6f2;border-bottom:1px solid #e7e7e6;color:#f35406;font-weight:bold;font-size:11px;height:25px;} #tablesty1 td {background-color:#fff;border-bottom:1px solid #e7e7e6;color:#7e7e7e;padding:10px;vertical-align:top;} #tablesty1 .bordergray {border-left:1px solid #e7e7e6;border-right:1px solid #e7e7e6;} /* JOINPAGE */ #joinBox { float:left;width:745px;padding-left: 27px;} #joinBox h3 { float:left; margin:8px 0;} #joinBox .inbox { padding:35px 0 30px 0;width:745px; background-color:#f5f5f5;border-top:2px solid #fa0606; border-bottom:1px solid #fa0606; text-align:center;height:240px;} #joinBox .inbox dl { clear:both;margin:0 auto;width:510px; text-align:left;padding:6px 0;} #joinBox .inbox dt {float:left; background:url('../images/icon_red1.gif') no-repeat 0 14px;padding:10px 0 0 10px; width:100px; font-size:11px; font-weight:bold;} :root #joinBox .inbox dt { width:90px;} #joinBox .inbox dd {float:left;} #joinBox .inbox p { clear:both;margin:0 auto;background:url('../images/icon_gray2.gif') no-repeat 0 6px;padding-left:10px;width:510px; text-align:left; font-size:11px;line-height:18px;} #joinBox .inbox2 { float:left;width:743px; border:1px solid #dedede;padding:10px; font-size:11px;} :root #joinBox .inbox2 { width:723px } #joinBox .inbox2 textarea { float:left;background-color:#f6f6f6; border:1px solid #dedede; text-align:left; padding:10px; } :root #joinBox .inbox2 textarea { width: 720px; } /* LOGINPAGE */ #loginBox { float:left;width:680px;border:3px solid #c0444e;padding:10px 10px 10px 35px;} :root #loginBox { width:635px; } #loginBox h3 { float:left; width:340px;} #loginBox .inbox { clear:both;float:left;width:340px;} #loginBox .inbox dl { clear:both;margin:0 auto; text-align:left;} #loginBox .inbox dt {float:left; width:70px; font-size:11px; font-weight:bold;} #loginBox .inbox dd {float:left;} #loginBox .inbox .btn { float:left;border-top: 1px solid #dddddd;padding-top:20px;} /***** QUICK SERVICE *****/ #quick { position:absolute; top:150px; left:910px;width:85px;} #quickBox { padding:2px;width:85px;text-align: center;border-bottom:1px solid #fa0606;border-left:1px solid #fa0606;border-right:1px solid #fa0606;} #quickBox p {width: 77px; text-align:left; border:0px solid red; font-size:11px;letter-spacing:-1pt;} #quickBox .rewrite {background-color:#000000; color:#ffffff:padding:4px 0;text-align:center; height:18px;} #quickBox .photo {border: 1px solid #e8e8e8;width:60px;} #quickBox .text { padding:7px 0 10px 4px; letter-spacing:-1pt; line-height:14px; color:#777777;} #quickBox .btn {margin-top:5px;border-top:1px solid #e1e1e1; padding:5px 0;} /***** FOOTER *****/ #footer {clear:both; position:relative;background:url('../images/footer_bg1.gif') no-repeat;width:900px;height:110px;margin-top:30px;overflow:hidden;border:0px solid red;} :root #footer {float:left;} #footer .menu {width: 900px;height:36px;border:0px solid red;} #footer .copyright {position:absolute:top:36px;left:0;} /*레이어 닫기 레이어에는 다 부칠려고 영대가 복사했음*/ img.popup_close2 {right:15px; top:15px; position:absolute; cursor:pointer;z-index:888;}