/***** SUB-PAGE *****/ /***** CONTENT *****/ #content {float:left;width:800px;text-align:left;border:0px solid red;padding-left:50px;} #content .cbtn {clear:both;float:left; width:800px; text-align:center; } #pagetit1 {float:left;background:url('../images/tit_h1_bg1.gif') repeat-x bottom left;width:800px;height:45px;} #pagetit1 h1 {float:left;} #pagetit1 .path {float:right;background:url('../images/icon_gray1.gif') no-repeat 0 4px; padding-left:6px;font-size:11px;color:#818181;margin-top:24px;} #pagetit1 .mywriting_title {float:right;width:450px; height:30px; text-align:right;} #pagetit1 .myWlist {float:right;height:30px; background:url('../images/tab2_over.gif') no-repeat; text-align:left; margin-right:5px; } #pagetit1 .myRlist {float:right;height:30px;background:url('../images/tab2.gif') no-repeat; text-align:left; margin-right:5px;} #pagetit1 .title {float:left; padding:10px 0 0 10px;color:#fff; font-weight:bold;cursor:hand;} #pagetit1 .myWlistb {float:left;background:url('../images/tab2_over.gif') no-repeat top right;width:10px;height:30px;} #pagetit1 .myRlistb {float:left;background:url('../images/tab2.gif') no-repeat top right;width:10px;height:30px;} #content h2 {float:left;background:url('../images/tit_h2_bg1.gif') no-repeat top left;width:640px;height:40px;padding:16px 0 0 14px;} #tablesearch {float:left;width:800px;} #tabletab { float:left; background:url('../images/tabletab_bg1.gif') repeat-x top left;width:800px; heigth:29px;} #tabletab_box {background-color:#fdf3f3; padding:15px; width: 800px; border:1px solid #e70606;border-top:1px solid #dddddd;float:left;} :root #tabletab_box { width:770px;} #shoplist {float:left; width:800px;} #shoplist ul {} #shoplist li {float:left; background:url('../images/icon_gray1.gif') no-repeat 0 5px; padding:4px 5px 4px 10px; width:160px;} :root #shoplist li { width:145px; } #bestlist { float:left; background:url('../images/board_best_bg1.gif') no-repeat top left;width: 800px;height:125px;padding:10px 0 10px 140px;} #bestlist ul { float:left;width:300px;height:110px;margin:0 30px 0 0;} #bestlist li {height:19px; width:300px;border:0px solid red;} :root #bestlist li { width:280px; height:21px;} #bestlist li .tit { float:left; padding-top:3px;} #bestlist li .name { float:right; font-size:11px; color:#888888;} #cpalist { position:relative; float:left; background:url('../images/cpalist_bg1.gif') no-repeat top left;width: 585px;height:200px;padding:50px 0 0 30px;} :root #cpalist { width:555px; height:150px;} #cpalist dl { float:left; text-align:center; width:105px; height:70px;} #cpalist dd { font-size:11px; margin-top:5px;} #cpalist dd a {color:#e61b1b;} #cpalist .prev { position:absolute; top:100px; left: 5px; } #cpalist .next { position:absolute; top:100px; left: 574px; } #logobox {float:left; background:url('../images/logobox_bg1.gif') no-repeat top left;width: 800px;height:145px; padding:35px 0 0 15px;} #faqbox {float:left; background:url('../images/faq_box_bg1.gif') no-repeat top left;width: 800px;height:110px; padding:20px 0 0 170px;} #faqbox .name {clear:both;float:left;margin:10px 0 0 2px;font-size: 11px;} #faqbox .search {clear:both;float:left; margin-top:15px; width:600px;} #faqbox .tag {background:url('../images/icon_red1.gif') no-repeat 0 4px; font-size:11px; padding-left:8px; margin:5px 0 0 10px;} #privacy {float:left; background:url('../images/privacy_box_bg1.gif') no-repeat top left;width: 800px;height:110px; padding:60px 40px 35px 40px;line-height:16px;} #privacy dt { font-size:13px; font-weight:bold; color:#e61b1b;margin:20px 0 5px 0;} #privacy dd {} #tablestyle1 {float:left; } #tablestyle1 table { clear:both; float:left; background: url('../images/table_bg2.gif') no-repeat top left; border-collapse:collapse;/**/ width:800px;} #tablestyle1 th { height:29px;font-size:11px;color:#666666;font-weight:bold;} #tablestyle1 td { padding:5px 0;border-bottom:1px solid #e1e1e1;color:#808080;font-size:11px;text-align:center;height:29px;line-height:16px;} #tablestyle1 .thbg { background: url('../images/table_bar.gif') no-repeat top right; } #tablestyle1 .textL {text-align:left;padding-left:8px;} #tablestyle1 .textR {text-align:right;padding-right:8px;} #tablestyle1 .mimg {border:1px solid #ccc; width:60px; height:45px;margin-right:10px;} #tablestyle1 .title {font-size:13px; font-weight:bold;} #tablestyle1 .cate {font-size:12px; color:#f8593f; font-weight:normal; letter-spacing:-1pt;} #tablestyle2 {float:left;background-color:#e9e9e9;padding:2px 0;} #tablestyle2 table { border-collapse:collapse;/**/ border-top:2px solid #e81d1d; border-bottom:1px solid #e81d1d;} #tablestyle2 th { background-color:#f2f2f2;font-size:11px;color:#c31219;font-weight:bold; text-align:left; padding: 0 20px;border-bottom:1px solid #dedede;height:30px;} #tablestyle2 td { background-color:#ffffff; border-bottom:1px solid #dedede;color:#656565;font-size:11px;text-align:left;padding:5px 0 5px 7px; line-height:14px;} #tablestyle2 .tdsty1 td { padding:0;} #tablestyle2 .mimg { border: 1px solid #bcbcbc; padding:8px 12px 6px 12px;width:112px;text-align:right;} #tablestyle3 {float:left;background-color:#e9e9e9;padding:2px 0 0 0;width:100%;} #tablestyle3 table { clear:both; float:left; border-collapse:collapse;/**/ width:100%; border-top:1px solid #e81d1d; border-bottom:1px solid #dedede; } #tablestyle3 th { background-color:#f2f2f2;font-size:11px;color:#c31219;font-weight:bold; padding: 10px;border-bottom:1px solid #dedede; border-right:1px solid #dedede;} #tablestyle3 td { background-color:#ffffff;padding:5px 0 5px 18px;border-bottom:1px solid #dedede;border-right:1px solid #dedede;color:#666666;font-size:11px;text-align:left;height:29px;} #tablestyle3 .th2 { background-color:#f2f2f2;font-size:11px;color:#c31219;font-weight:bold; padding: 10px;border-bottom:1px solid #dedede; border-right:1px solid #ffffff;} #tablestyle3 .td2 { background-color:#ffffff;padding:5px 0 5px 18px;border-bottom:1px solid #dedede;border-right:1px solid #ffffff;color:#666666;font-size:11px;text-align:left;height:29px;} #tablestyle4 {} #tablestyle4 table {border-collapse:collapse;/**/ border-top:2px solid #e81d1d; border-bottom:1px solid #e81d1d; width:700px;} #tablestyle4 th { background-color:#f2f2f2;font-size:11px;color:#c31219;font-weight:bold; text-align:center; padding: 0 20px;border-bottom:1px solid #dedede;height:30px;} #tablestyle4 td { background-color:#ffffff; border-bottom:1px solid #dedede;color:#656565;font-size:11px;text-align:center;padding:5px 0 5px 7px; line-height:14px;} #pagenum {float:left;position:relative;width:100%;text-align:center;font-size:11px;font-family:verdana, sans-serif;} #pagenum a {color:#808080;width:12px;} #pagenum a:hover { text-decoration:underline; color:#fe0000; letter-spacing:0pt; } #pagenum .btn { position:absolute; top:-5px; left:708px;} #wtitle {float:left; background: url('../images/write_tit_bg2.gif') no-repeat top left; width:800px;height:60px;padding:5px 0;} :root #wtitle {height:50px;} #wtitle dl {cleat:both;float:left;padding-left:27px; margin-top:2px;} #wtitle dt {float:left;width:45px;padding-top:5px;} #wtitle dd {float:left;width:540px;} #wtitle .tit {float:left;margin:20px 0 0 0; padding-left:17px;font-size:14px;color:#000000;} #wtitle .tit2 {float:left;margin:10px 0 0 0; padding-left:17px;font-size:14px;color:#000000;} #wtitle .name {float:right;margin:20px 17px 0 0;font-size: 11px;} #wtitle .comment {clear:both;float:left;margin:3px 0 0 0;font-size: 11px;padding-left:17px;} #writecont { float:left; border:1px solid #bcbcbc; padding:7px 6px; width:800px;} #writecont #writebox { float:left; border:5px solid #dedede; width:785px; padding: 5px 10px; font-size: 11px;} :root #writecont #writebox { width:770px; } #writecont #photo {float:left; width:210px; text-align:center; margin-right:15px;} #writecont #photo .photoimg {border:4px solid #e1e1e1; } #writecont #pdesc {float:left; width:505px; } #writecont #pdesc dl {clear:both; float:left; border-bottom: 1px solid #e1e1e1; width:535px; padding:2px 0 4px 0;} #writecont #pdesc dt {float:left; background:url('../images/icon_gray2.gif') no-repeat 0 2px; padding: 0 0 0 10px; margin-top:6px;width:100px; font-size:11px; font-weight:bold;} #writecont #pdesc dd {float:left;} #writecontv { float:left; width:798px; border:1px solid #cacaca;} #writecontv #inbox {float:left;width:786px;border:6px solid #f2f2f2; padding:7px 6px;} :root #writecontv #inbox {width:774px;} #writecontv .date {clear:both;float:left;margin:0px 0 5px 0;font-size: 11px;padding-left:11px;} #writecontv .hits {float:right;margin:0px 0px 5px 0;font-size: 11px;} #writecontv #photo {clear:both;float:left; width:200px; text-align:center; margin-right:10px;border:0px solid red;} #writecontv #photo .photoimg {border:4px solid #e1e1e1; } #writecontv #pdesc {float:left; width:540px; } #writecontv #pdesc dl {clear:both; float:left; border-bottom: 1px solid #e1e1e1; width:540px; padding:4px 0 8px 0;} #writecontv #pdesc dt {float:left; background:url('../images/icon_gray2.gif') no-repeat 0 2px; padding: 0 0 0 10px; margin-top:8px;width:124px; font-size:11px; font-weight:bold;} #writecontv #pdesc dd {float:left; background:url('../images/icon_sign1.gif') no-repeat top 5px; padding: 0 0 0 20px; font-size:11px;margin-top:8px; border:0px solid red;} #writecontv #particle { float:left; width: 774px; padding:30px 15px 65px 15px;color:#000000;line-height:1.5em; font-size:14px; } :root #writecontv #particle {width: 756px; } #writecontv #particle p {color:#333333;line-height:1.8em; font-size:13px; font-family:굴림, gulim, sans-serif;} #writecontn {float:left;border:1px solid #cacaca;width:798px;} #writecontn #inbox {float:left;width:786px;border:6px solid #f2f2f2; padding:7px 6px;} :root #writecontn #inbox {width:774px;} #writecontn .date {clear:both;float:left;margin:5px 0 5px 0;font-size: 11px;padding-left:17px;} #writecontn .hits {float:right;margin:5px 11px 5px 0;font-size: 11px;} #writecontn #particle { float:left; width: 774px; padding:30px 15px 15px 15px; line-height:24px;} :root #writecontn #particle { width: 770px; } #writecontn #particle .ans {color:#d02402;} #reply {border:0px solid red;padding-left:7px;} #reply #rtit { position:relative;clear:both;float:left; background:url('../images/reply_bg1.gif') no-repeat top left;width:760px;height:29px;} #reply #rtit h3 { float:left; color:#ffffff; font-weight: bold; padding:9px 60px 9px 40px; } #reply #rtit .tag { position:absolute;top:-5px;left:160px;background:url('../images/icon_red1.gif') no-repeat 0 5px; font-size:11px; padding:0 0 0 10px;height:50px;margin:0;} #reply #repl { float:left; position:relative; width:740px;border:0px solid red;} #reply #repl dl { float:left; padding:20px 0 20px 20px; border-bottom: 1px solid #e1e1e1; } #reply #repl dt { float:left; width:740px;} #reply #repl dd { float:left; line-height:20px; margin-top:10px;} #reply .name { float:left; font-weight: bold; color:#333333; margin-right:15px;} #reply .btn { position: absolute; top:20px; left: 570px; width:60px;} #reply .btn a { font-size: 11px; font-family: 돋움, dotum, sans-serif;color:#808080;} #reply .name2 { float:left; background:url('../images/icon_reply2.gif') no-repeat top left; padding-left:20px; font-weight: bold; color:#333333; margin-right:15px;} #reply .mgl20 { padding-left:20px; width:600px; } #repl_in {float:left; padding:10px 0 10px 7px;border:0px solid blue;background-color:#ffffff;} #wnavi { float:left; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-top:20px;} #wnavi dl { float:left;width:800px; padding:10px 0;} #wnavi dt {float:left; width:100px; text-align:center;} #wnavi dd {float:left; padding-top:2px; height:14px;} #search { float:left;width:770px; border:0px solid red; margin:25px 0 0 15px;} #search h5 {color:#333333; font-weight: bold;font-size:14px;padding-bottom:12px; border-bottom:0px solid #ddd;} #search .keyword { font-weight:bold; } #search .name { float:left; color:#0000cc; text-decoration:underline; font-family: Gulim, sans-serif; font-size:13px;cursor:pointer;} #search .date { float:right;font-size: 11px; color:#808080;} #search .cate { float:left; width:200px;} #search .cate a { font-size: 11px; font-family: 돋움, dotum, sans-serif;color:#808080; } #search .info { float:right; font-size: 11px; font-family: 돋움, dotum, sans-serif;color:#808080;} #search .price { float:left; font-size: 12px; font-family: 돋움, dotum, sans-serif;color:#dc1d00; width:220px;} #search .brand { font-size: 11px; font-family: 돋움, dotum, sans-serif;color:#808080;} #search .btn {float:left;} #search #rtit { position:relative;clear:both;float:left; background:url('../images/reply_bg1.gif') no-repeat top left;width:770px;height:29px;} #search #rtit h3 { float:left; color:#ffffff; font-weight: bold; padding:9px 60px 9px 40px; } #search #repl { float:left; position:relative; width:770px; border-bottom: 1px solid #e1e1e1;padding:15px 0 12px 0;} #search #repl dl { float:left; } #search #repl dt { float:left; width:770px;} #search #repl dd { float:left; width:770px; line-height:20px; margin-top:5px;line-height:14px;} #search #repl .preview {float:left; margin:0px 20px 0 0; border:1px solid #ccc;} #search #repl .preview_r {float:left; width:665px;} #search #repl .preview_r dl { float:left;} #search #repl .preview_r dt { float:left; width:665px;} #search #repl .preview_r dd { float:left; width:665px; line-height:20px; margin-top:5px;line-height:14px;} #search #pro { float:left; width:770px;border:0px solid red;} #search #pro dl {float:left;padding:10px 0;border-bottom:1px solid #e1e1e1;} #search #pro dt {float:left;width:82px; text-align:center;} #search #pro dt img {border:1px solid #cccccc; width:60px; height:45px;} #search #pro dd {float:left; width:680px; margin-top:10px;border:0px solid red;} /***** POPUP *****/ #pop {float:left;border:4px solid #d20808;padding:20px; line-height:16px; font-size:11px; color:#666666;text-align:left;} #pop p { font-size:11px;line-height:18px; } :root #pop p { float:left;} #pop dl { float:left;width:100%;border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;padding:3px 5px 12px 5px;} #pop dt { clear:both; float:left; margin-top: 10px;} #pop dd { float:left; margin:6px 0;} #pop .btn { float:left; width:100%; text-align:center; } #pop .rbtn {text-align:right;} #pop .tit {float:left;background:url('../images/tit_h1_bg1.gif') repeat-x bottom left; height:32px; width:100%;} :root #pop .tit { margin-bottom:20px; } #popimg { float:left;} #popimg p { float:left;padding:0px;background-color: #d20808;} #popimg .comment { float:left; color:#e8dddd; font-size: 11px; } #popimg .btn { float:right; } #comment { float:left;border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } #comment .incomment { float:left;width: 100%;background-color: #f7f7f7;border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;padding:20px 15px; color:#555555; font-size:11px; } :root #comment .incomment { width: 400px; } #comment .incomment dl { clear:both; border:0px; width:420px;} #comment .incomment dt {float:left; width:90px;color:#555;font-weight:bold;} #comment .incomment dl {float:left} #comment .incomment .comment {clear:both;float:left; width:420px;} #pop h3 { font-weight: bold; color:#555;} #plist { float:left;width:100%;border-bottom: 1px solid #e4e4e4; padding:10px 5px 8px 5px;} #plist .mimg { float:left; width:88px; height:58px;} #plist .info { float:left; width:280px; line-height:18px;padding:7px;} #plist .info .title { float:left; font-size: 11px; font-weight:bold; width:193px;} #plist .info .price { float:left;font-size: 11px; width:193px;} #plist .logo {float:left; width:60px; text-align:right;} #wsidebar {float:left;background:url('../images/sidebar_bg3.gif') no-repeat top left;width:203px;text-align:center;} #wmyinfo {float:left;width:203px;margin:12px 0 0 0;padding-left:10px;} #wmyinfo h3 { float:left;background:url('../images/icon_red1.gif') no-repeat 0 6px; padding-left:6px; font-weight:bold; width:170px; font-size:11px; color:#444444;} #wmyinfo .avatar {float:left;width:80px;} #wmyinfo .info {float:left;} #wmyinfo .info dl {clear:both;float:left;height:20px;width:110px;} #wmyinfo .info dt {float:left;background:url('../images/icon_red1.gif') no-repeat 0 4px; padding-left:6px;width:42px;text-align:left; font-weight:bold;color:#444444;} :root #wmyinfo .info dt { width:35px;} #wmyinfo .info dd {float:left;width:62px;text-align:left;} #wmyinfo .comment {float:left;background:url('../images/sidebar_bg2.gif') no-repeat top left;width:180px;height:24px;padding-top:4px;} #wmyinfo .info2 { float:left;background-color: #f4f4f4; padding:5px; margin-top:5px; width:180px; text-align:left; font-size:11px; line-height:18px;} #wmyinfo .info2 p { padding-left:8px; font-size: 11px; color:#757575;} #wmyinfo ul { float:left;width:170px; padding-left: 55px;} #wmyinfo li { color:#757575; } #wmyinfob {float:left;background:url('../images/sidebar_bg3.gif') no-repeat bottom left;width:203px;height:10px;} /***** MY PAGE *****/ #board1 {float:left;padding-left:14px;overflow:hidden;} #board1 ul {float:left;background:url('../images/box_gray1.gif') no-repeat top left;width:612px;text-align:center;padding:7px 0 0 15px;} #board1 li {float:left;background:url('../images/icon_gray1.gif') no-repeat 0 13px; padding:7px 0 7px 10px ;width:580px;border-bottom:1px solid #e1e1e1;} #board1 .date {float:left;font-size:11px;width:150px;text-align:left;color:#807f7f;padding-top:3px;} #board1 .icon {float:left;width:60px;padding-top:2px;} #board1 .category {float:left;width:110px;} #board1 .title {float:left;} #board1 .by {clear:both;float:left;width:560px;text-align:left;padding-left:210px;} #board1 .bottom {background:url('../images/box_gray1.gif') no-repeat bottom left;width:612px;height:3px;} /****** 게시판 이미지 팝업 ******/ .board_pop_img {background-color:#FFFFFF;border:solid 4px #FF0000;} /*winner*/ #winner {width:200px;height:190px; position:relative;} #winner h3 a {color:#666666;} #winner_title_box {width:200px; height:115px; background:url('../images/event/bar_00.gif') repeat-x bottom;font-weight:normal;} *html #winner_title_box {height:115px;} :root #winner_title_box {height:115px;} #winner_title_box h3 {width:200px; border-bottom:1px solid #efefef;padding:8px 0px 5px 11px; margin:1px 0 0 1px; height:14px; font-weight:bold; background:#f4f4f4; letter-spacing:-1px;} #winner_title_box .info {margin:5px 5px 5px 5px;} #winner_title_box .info li {height:1em;background:url('../images/event/icon_2.gif') no-repeat 4px 10px; padding:4px 0 3px 10px;} *html #winner_title_box .info li {height:auto; width:195px; padding:4px 0 3px 10px;} /*둥근박스*/ /*.roundedDiv {width:1px; height:1px; background:url(images/r_00.gif) no-repeat 0 0; border:0px solid #000;}*/ .roundedDiv {width:1px; height:1px; background:url('../images/event/images/r_00_1.gif') no-repeat 0 0; border:0px solid #000;} /*샵포탈 이용안내 추가*/ #info .explain {line-height:140%; margin:10px;} #info .go_top {width:800px;text-align:right; margin:30px 5px 10px 5px;} #info .line_01 {width:800px;overflow:hidden; height:3px; border-top:1px dotted #cccccc; zoom:1; margin:10px 5px;} #info .style1 {text-decoration:underline; color:#d02402; font-weight: bold;} #info .style2 {text-decoration:underline; color:#999;font-size:11px;} #info table {width:750px; border-collapse:collapse;/**/ border:1px solid #dedede; margin-left:15px;} #info th {border-right:1px solid #dedede; background-color:#f2f2f2;font-size:11px;font-weight:bold; text-align:left; padding: 0 20px;border-bottom:1px solid #dedede; width:250px;height:30px; text-align:center;} #info td { background-color:#ffffff; border-right:1px solid #dedede; border-bottom:1px solid #dedede;color:#656565;font-size:11px;text-align:left;padding:5px 0 5px 7px; line-height:14px; text-align:center;} #info .bannerLink {width:800px; border-collapse:collapse;/**/ border:1px solid #dedede; margin-left:10px;} #info .bigo {width:50px; padding:20px 10px;} #info .bsize {border-right:1px solid #dedede; background-color:#f2f2f2;font-size:11px;font-weight:bold; text-align:left; padding: 0 20px;border-bottom:1px solid #dedede; width:150px; text-align:center;} #info .textLink {width:800px; border-collapse:collapse;/**/ border-bottom:1px solid #dedede; margin-left:10px;} #info .textLink li {display:inline; height:60px;} #info .ilink {font-size:11px; text-align:center; padding:30px 10px 0 10px;;width:120px;} #info .tlist {font-size:11px; text-align:left; padding:20px 10px; width:630px;} #info .btn_tag {margin:30px 0 30px 350px;} #info .tag {width:800px;margin-left:5px;} #info .example {width:800px;margin-left:10px;} #info .example_n { border:1px solid #c5dae7; text-align:center; padding:10px 0;}