/* DATABOARD */ /* Basic Layout */ .comDataboard { width: 710px; } .comDataboard .partTitle { width: 129px; _width: 144px; height: 21px; _height: 28px; overflow: hidden; padding-top: 7px; padding-right: 15px; } .comDataboard .partTitle { text-align: center; font-size: 13px; line-height: 16px; font-weight: bold; letter-spacing: -1px; } .comDataboard .partTitle { background: url('//static.inven.co.kr/image/common/databoard/common/title_144x28_silver1.gif') no-repeat left top; } .comDataboard .partTitle strong { color: #ff3600; } .comDataboard .loadingMode { position: absolute; left: -10000em; } /* Google Adsense */ .comDataboard .googleBottomAd { padding-bottom: 15px; width: 710px; clear:both; overflow: hidden; } .comDataboard .googleBottomAd .googleBottomAdWrap {width:710px;height:69px;background:url('//static.inven.co.kr/image_2011/board/common/bg_710x69_white1_adnopoint.png') no-repeat left top;} .comDataboard .googleBottomAd1 {width: 468px; margin: 5px 0 0 6px;} .comDataboard .googleBottomAd2 {/*width: 234px; margin-left: 8px;*/} /* Common Part : Paging */ .comDataboard .pagingComp { } .comDataboard .pagingComp .basetext { color: #cfcfcf; padding-top: 1px; } .comDataboard .pagingComp .basetext, .comDataboard .pagingComp .basetext a { font-family: tahoma, dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; } .comDataboard .pagingComp a { color: #8b8b8b; padding-top: 1px; } .comDataboard .pagingComp a:hover { text-decoration: underline; } .comDataboard .pagingComp .currentpg { color: #ff0000; font-weight: bold; letter-spacing: -1px; padding-top: 1px; } .comDataboard .pagingComp .prevtext { padding-top: 1px; padding-left: 0px; background: none no-repeat left top; } .comDataboard .pagingComp a.prevtext { padding: 0; background: none; margin-right: 4px; } .comDataboard .pagingComp input.prevbttn { vertical-align: middle; margin-bottom: 0px; margin-right: 4px; width: 42px; height: 17px; overflow: hidden; border: 0; text-indent: -1000em; _text-indent: 0; _padding-left: 42px; } .comDataboard .pagingComp input.prevbttn { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_42x17_silver1_previous.gif') no-repeat left top; cursor: pointer; } .comDataboard .pagingComp .nexttext { padding-top: 1px; padding-right: 0px; background: none no-repeat right top; } .comDataboard .pagingComp a.nexttext { padding: 0; background: none; } .comDataboard .pagingComp input.nextbttn { vertical-align: middle; margin-bottom: 0px; margin-left: 4px; width: 42px; height: 17px; overflow: hidden; border: 0; text-indent: -1000em; _text-indent: 0; _padding-left: 42px; } .comDataboard .pagingComp input.nextbttn { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_42x17_silver1_next.gif') no-repeat left top; cursor: pointer; } /* Title Part */ .comDataboard .titlePart { width: 710px; height: 28px; overflow: hidden; } .comDataboard .writeMode .titlePart { position: absolute; left: -10000em; } .comDataboard .viewMode .titlePart .partTitle { position: absolute; left: -10000em; } /* Title Part : Close Button */ .comDataboard .titlePart .closeButton { float: right; margin-right: 1px; } .comDataboard .titlePart .closeButton input { width: 86px; height: 20px; _padding-top: 3px; padding-right: 9px; border: 0; overflow: hidden; cursor: pointer; } .comDataboard .titlePart .closeButton input { font-weight: bold; letter-spacing: -2px; color: #1a1919; vertical-align: middle; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; } .comDataboard .titlePart .closeButton input { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_86x20_silver1_up.gif') no-repeat left top; } .comDataboard .closeMode .titlePart .closeButton { position: absolute; left: -10000em; } .comDataboard .fullMode .titlePart .closeButton { position: absolute; left: -10000em; } .comDataboard .viewMode .titlePart .closeButton { position: absolute; left: -10000em; } /* Title Part : Top Search */ .comDataboard .titlePart .topSearch { float: right; margin-top: 2px; } .comDataboard .titlePart .topSearch fieldset { width: 242px; } .comDataboard .titlePart .topSearch p { float: left; display: inline; margin: 0; padding: 0; } .comDataboard .titlePart .topSearch select, .comDataboard .titlePart .topSearch input { float: left; display: inline; } .comDataboard .titlePart .topSearch select { width: 73px; margin: 0; } .comDataboard .titlePart .topSearch input.text { width: 107px; height: 20px; padding-top: 3px; margin-left: 5px; } .comDataboard .titlePart .topSearch input.submit { width: 50px; height: 20px; overflow: hidden; text-indent: -1000em; border: 0; margin-left: 3px; } .comDataboard .titlePart .topSearch input.submit { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_50x20_silver1_search.gif') no-repeat left top; } .comDataboard .closeMode .titlePart .topSearch { position: absolute; left: -10000em; } .comDataboard .simpleMode .titlePart .topSearch { position: absolute; left: -10000em; } /* Overview Part */ .comDataboard .overviewPart { } .comDataboard .overviewPart .partWrap { width: 710px; height: 51px; overflow: hidden; background: url('//static.inven.co.kr/image/common/databoard/common/wrap_710_silver2_whole.gif') no-repeat left top; } .comDataboard .overviewPart .partBody { width: 710px; overflow: hidden; padding: 13px 0 12px; text-align: center; } .comDataboard .overviewPart .partBody span { padding-right: 8px; color: #3e3e3e; } .comDataboard .overviewPart .partBody strong { color: #ff3600; } .comDataboard .overviewPart .partBody input.openButton { width: 103px; height: 26px; _padding-top: 3px; padding-right: 12px; border: 0; overflow: hidden; cursor: pointer; } .comDataboard .overviewPart .partBody input.openButton { font-weight: bold; letter-spacing: -1px; color: #1a1919; vertical-align: middle; } .comDataboard .overviewPart .partBody input.openButton { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_103x26_silver1_down.gif') no-repeat left top; } .comDataboard .simpleMode .overviewPart { position: absolute; left: -10000em; } .comDataboard .fullMode .overviewPart { position: absolute; left: -10000em; } .comDataboard .viewMode .overviewPart { position: absolute; left: -10000em; } .comDataboard .writeMode .overviewPart { position: absolute; left: -10000em; } /* List Part */ .comDataboard .closeMode .listPart { position: absolute; left: -10000em; } .comDataboard .writeMode .listPart { position: absolute; left: -10000em; } /* List Part : List */ .comDataboard .listPart .list { width: 710px; clear: both; overflow: hidden; background: #fff url('//static.inven.co.kr/image/common/databoard/common/wrap_710_silver1_whole.gif') no-repeat left top; border-bottom: solid 1px #d1d1d1;} .comDataboard .listPart .list table { table-layout: fixed; border-collapse: collapse; margin-left: -1px; } .comDataboard .listPart .list table th, .comDataboard .listPart .list table td { line-height: 15px; text-align: center; padding-left: 1px; } .comDataboard .listPart .list table thead th { padding: 7px 0 5px 0; height: 33px; overflow: hidden; } .comDataboard .listPart .list table thead th span { float: left; display: inline; width: 100%; background: url('//static.inven.co.kr/image/common/databoard/common/sep_1x10_silver1.gif') no-repeat left center; } .comDataboard .listPart .list table tbody td { padding: 6px 0 2px; line-height: 18px; border-bottom: solid 1px #efefef; } .comDataboard .listPart .list table th, .comDataboard .listPart .list table th a { color: #2e2e2e; font-weight: bold; letter-spacing: -1px; font-family: dotum, 돋움, Helvetica; font-size: 11px; } .comDataboard .listPart .list table td, .comDataboard .listPart .list table td a { color: #868686; } .comDataboard .listPart .list table th.nopad { } .comDataboard .listPart .list table tbody td.nopad { padding-top: 0px; padding-bottom: 0px; } .comDataboard .listPart .list table th.image { } .comDataboard .listPart .list table tbody td.image { padding-top: 8px; padding-bottom: 3px; } .comDataboard .listPart .list table tbody td.icon { padding-top: 4px; padding-bottom: 4px; } .comDataboard .listPart .list table thead th.left, .comDataboard .listPart .list table tbody td.left { padding-left: 8px; padding-right: 8px; text-align: left; } .comDataboard .listPart .list table tbody td.name, .comDataboard .listPart .list table tbody td.name a { font-weight: bold; letter-spacing: -1px; } .comDataboard .listPart .list table tbody tr.selected td, .comDataboard .listPart .list table tbody tr.selected td a { color: #ff2a00; } .comDataboard .listPart .list table { width: 711px; } .comDataboard .listPart .list table col.num { width: 62px; } .comDataboard .listPart .list table col.subject { width: 336px; } .comDataboard .listPart .list table col.author { width: 125px; } .comDataboard .listPart .list table col.read { width: 59px; } .comDataboard .listPart .list table col.date { width: 71px; } .comDataboard .listPart .list table col.recom { width: 58px; } .comDataboard .listPart .list table td.num { font-family: dotum, 돋움, Helvetica; font-size: 11px; } .comDataboard .listPart .list table td.subject, .comDataboard .listPart .list table td.subject a, .comDataboard .listPart .list table td.author, .comDataboard .listPart .list table td.author a { color: #212121; text-decoration: none; } .comDataboard .listPart .list table td.author a img { margin-right: 2px; } .comDataboard .listPart .list table td.author .guest { color: #777; } .comDataboard .listPart .list table td.subject span.comment { color: #ff3600; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; font-weight: bold; letter-spacing: -1px; } .comDataboard .listPart .list table tr.state1 td { background-color: #cfcfcf; } .comDataboard .listPart .list table tr.noresult td span { float: left; display: inline; text-align: center; width: 100%; padding: 20px 0; } .comDataboard .listPart .list table tr.notice td.subject a { font-weight: bold; letter-spacing: -1px; } .comDataboard .listPart .list table tr.notice td.num span { float: left; display: inline; width: 36px; height: 15px; margin-left: 13px; overflow: hidden; text-indent: -1000em; } .comDataboard .listPart .list table tr.notice td.num span { background: url('//static.inven.co.kr/image/common/databoard/fonticon/articletype1_notice1.gif') no-repeat left top; } /* List Part : List Button*/ .comDataboard .listPart .listButton { width: 710px; padding: 10px 0; } .comDataboard .listPart .listButton a { float: left; display: inline; width: 155px; height: 20px; _height: 27px; padding-top: 7px; overflow: hidden; margin-left: 278px; } .comDataboard .listPart .listButton a { line-height: 15px; color: #ffffff; font-weight: bold; letter-spacing: -1px; font-family: dotum, 돋움, Helvetica; text-align: center; text-decoration: none; } .comDataboard .listPart .listButton a { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_155x27_gray1.gif') no-repeat left top; } .comDataboard .listPart .listButton a span { color: #ffde00; } .comDataboard .fullMode .listPart .listButton { position: absolute; left: -10000em; } .comDataboard .viewMode .listPart .listButton { position: absolute; left: -10000em; } /* List Part : Navigation */ .comDataboard .listPart .navigation { clear: both; border-bottom: solid 1px #868686; } .comDataboard .listPart .navigation .navigationBody { width: 710px; border-bottom: solid 1px #b7b7b7; background: #f1f1f1; text-align: center; padding: 11px 0 10px; } .comDataboard .listPart .navigation .paging { padding: 0; } .comDataboard .listPart .navigation .movepage, .comDataboard .listPart .navigation .movepage fieldset, .comDataboard .listPart .navigation .movepage p { float: none; } .comDataboard .listPart .navigation .movepage p { padding: 0 8px; } .comDataboard .listPart .navigation .movepage input.page { vertical-align: middle; margin-bottom: 1px; width: 35px; height: 17px; font-family: tahoma, dotum, 돋움, Helvetica; } .comDataboard .listPart .navigation .movepage input.submit { vertical-align: middle; margin-bottom: 1px; margin-right: 4px; width: 33px; height: 17px; overflow: hidden; border: 0; text-indent: -1000em; _text-indent: 0; _padding-left: 33px; } .comDataboard .listPart .navigation .movepage input.submit { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_33x17_silver1_move.gif') no-repeat left top; } .comDataboard .simpleMode .listPart .navigation { display: none; } /* Write Part */ .comDataboard .writePart { width: 710px; margin-top: 15px; } .comDataboard .writePart .partWrap { clear: both; border: solid 1px #c5c5c5; background: #f7f7f8; } .comDataboard .writePart .partBody { width: 708px; } .comDataboard .writePart .writeForm { width: 660px; overflow: hidden; margin-top: 15px; margin-left: 24px; padding-bottom: 9px; } .comDataboard .writePart .writeForm fieldset { margin-top: -7px; } .comDataboard .writePart .writeForm p { float: left; display: inline; clear: both; margin: 7px 0 0; padding: 0; } .comDataboard .writePart .writeForm label, .comDataboard .writePart .writeForm input, .comDataboard .writePart .writeForm select, .comDataboard .writePart .writeForm textarea { float: left; display: inline; margin: 0; } .comDataboard .writePart .writeForm input { height: 24px; padding-top: 4px; } .comDataboard .writePart .writeForm .fullField { } .comDataboard .writePart .writeForm .fullField span.fieldCouple { float: left; display: inline; background: white; } .comDataboard .writePart .writeForm .fullField label { width: 660px; height: 18px; _height: 24px; text-indent: 10px; padding-top: 6px; color: #b8b7b7; margin-right: -660px; cursor: text; } .comDataboard .writePart .writeForm .fullField label { } .comDataboard .writePart .writeForm .fullField input, .comDataboard .writePart .writeForm .fullField textarea { width: 660px; height: 24px; background: transparent; border: solid 1px #d9d9d9; } .comDataboard .writePart .writeForm .normalField label { width: 61px; height: 18px; _height: 24px; padding-top: 6px; background: #d9d9d9; } .comDataboard .writePart .writeForm .normalField label { color: #3e3939; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; font-weight: bold; letter-spacing: -1px; } .comDataboard .writePart .writeForm .normalField label { text-align: center; white-space: nowrap; } .comDataboard .writePart .writeForm .normalField input { width: 109px; border: solid 1px #d9d9d9; } .comDataboard .writePart .writeForm .content textarea { height: 89px; } .comDataboard .writePart .writeForm .content iframe { background: white; } .comDataboard .writePart .writeForm .uploader { width: 658px; _width: 660px; border: solid 1px #d9d9d9; background: #ffffff; overflow: hidden; margin-top: 7px; } .comDataboard .writePart .writeForm p.submit { padding: 3px 0; } .comDataboard .writePart .writeForm p.submit input { float: left; display: inline; width: 75px; height: 26px; padding: 0 0 2px 17px; _padding: 3px 0 0 17px; border: 0; margin-left: 293px; cursor: pointer; } .comDataboard .writePart .writeForm p.submit input { text-align: center; font-weight: bold; letter-spacing: -1px; color: #212121; line-height: 15px; } .comDataboard .writePart .writeForm p.submit input { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_75x26_silver1_pen.gif') no-repeat left top; } .comDataboard .closeMode .writePart { position: absolute; left: -10000em; } /* View Part */ .comDataboard .viewPart { width: 710px; clear: both; } .comDataboard .viewPart .partWrap { border: solid 1px #e1e1e1; border-top: solid 2px #c5c5c5; } .comDataboard .viewPart .partBody { width: 708px; overflow: hidden; padding-bottom: 9px; } /* View Part : Subject */ .comDataboard .viewPart .subject { width: 708px; padding: 10px 0 10px; text-align: center; background: #f9f9f9; border-bottom: solid 1px #e1e1e1; } .comDataboard .viewPart .subject h3 { float: none; font-family: dotum, 돋움, Helvetica; font-size: 14px; line-height: 17px; color: #141414; font-weight: bold; letter-spacing: -1px; } /* View Part : Article Info */ .comDataboard .viewPart .articleInfo { width: 708px; clear: both; padding: 10px 0 7px; } .comDataboard .viewPart .articleInfo { background: url('//static.inven.co.kr/image/common/databoard/common/dot_4x1_cd6d6d6.gif') repeat-x 2px bottom; } .comDataboard .viewPart .articleInfo, .comDataboard .viewPart .articleInfo dt, .comDataboard .viewPart .articleInfo dd, .comDataboard .viewPart .articleInfo a { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; color: #1e252e; } .comDataboard .viewPart .articleInfo dt, .comDataboard .viewPart .articleInfo dd, .comDataboard .viewPart .articleInfo .counts dl { float: none; white-space: nowrap; } .comDataboard .viewPart .articleInfo .author { width: 288px; margin-left: 11px; } .comDataboard .viewPart .articleInfo .author dt { display: none; } .comDataboard .viewPart .articleInfo .author dd { font-weight: bold; letter-spacing: -1px; } .comDataboard .viewPart .articleInfo .date { width: 106px; } .comDataboard .viewPart .articleInfo .date dt { display: none; } .comDataboard .viewPart .articleInfo .date dd { color: #9d9d9d; font-family: Tahoma, Helvetica; } .comDataboard .viewPart .articleInfo .counts { width: 288px; overflow: hidden; white-space: nowrap; text-align: right; } .comDataboard .viewPart .articleInfo .counts dl { margin-left: 20px; } .comDataboard .viewPart .articleInfo .counts dl dd { font-weight: bold; } .comDataboard .viewPart .articleInfo .counts dl.read dd { color: #0048ff; } .comDataboard .viewPart .articleInfo .counts dl.recom dd { color: #ee0101; } .comDataboard .viewPart .articleInfo .counts dl.against dd { color: #000000; } /* View Part : Top Subinfo */ .comDataboard .viewPart .articleSubinfo { width: 700px; clear: both; padding: 7px 0 2px; } .comDataboard .viewPart .articleSubinfo, .comDataboard .viewPart .articleSubinfo dt, .comDataboard .viewPart .articleSubinfo dd, .comDataboard .viewPart .articleSubinfo a { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; color: #c3c3c3; } .comDataboard .viewPart .articleSubinfo dl { float: right; white-space: nowrap; } .comDataboard .viewPart .articleSubinfo dt, .comDataboard .viewPart .articleSubinfo dd { float: none; white-space: nowrap; } .comDataboard .viewPart .articleSubinfo .infoItems { margin-right: -1px; width: 701px; height: 10px; overflow: hidden; } .comDataboard .viewPart .articleSubinfo .infoItem { padding-left: 9px; padding-right: 10px; background: url('//static.inven.co.kr/image/common/databoard/common/sep_1x7_silver1.gif') no-repeat right 2px; } .comDataboard .viewPart .articleSubinfo dl.buttons { } .comDataboard .viewPart .articleSubinfo dl.buttons dt { display: none; } .comDataboard .viewPart .articleSubinfo dl.buttons dd a.reportButton { float: left; display: inline; width: 10px; height: 10px; line-height: 1px; overflow: hidden; text-indent: -1000em; text-decoration: none; } .comDataboard .viewPart .articleSubinfo dl.buttons dd a.reportButton { background: url('//static.inven.co.kr/image/common/databoard/common/icon_pic_siren1.gif') no-repeat left top; } .comDataboard .viewPart .articleSubinfo dl.buttons dd a:hover.reportButton { background-position: 0 -10px; } .comDataboard .viewPart .articleSubinfo dl.postip dt, .comDataboard .viewPart .articleSubinfo dl.postip dd { font-family: Tahoma, Helvetica; font-size: 10px; line-height: 12px; } /* View Part : Content */ .comDataboard .viewPart .content { width: 650px; margin-left: 34px; margin-top: 10px; padding-bottom: 15px; } .comDataboard .viewPart .content { color: #1e252e; line-height: 20px; word-break: break-all; -ms-word-break: break-all; overflow: hidden; } .comDataboard .viewPart .content div, .comDataboard .viewPart .content h1, .comDataboard .viewPart .content h2, .comDataboard .viewPart .content h3, .comDataboard .viewPart .content h4, .comDataboard .viewPart .content h5, .comDataboard .viewPart .content h6 { float: none; display: block; } .comDataboard .viewPart .content ul, .comDataboard .viewPart .content ol { float: none; display: block; margin: 0 0 0 30pt; padding: 0px; } .comDataboard .viewPart .content li, .comDataboard .viewPart .content li { float: none; display: list-item; padding: 0px; margin: 0px; } .comDataboard .viewPart .content h1, .comDataboard .viewPart .content h2, .comDataboard .viewPart .content h3, .comDataboard .viewPart .content h4, .comDataboard .viewPart .content h5, .comDataboard .viewPart .content h6 { font-weight: bold; } /* View Part : Article Buttons */ .comDataboard .viewPart .articleButtons { width: 708px; text-align: center; margin-top: 10px; padding: 10px 0; } .comDataboard .viewPart .articleButtons input { width: 96px; height: 28px; border: none; _padding-top: 3px; padding-left: 17px; } .comDataboard .viewPart .articleButtons input { font-weight: bold; letter-spacing: -1px; text-align: center; cursor: pointer; } .comDataboard .viewPart .articleButtons input.recom { color: #ee0101; background: url('//static.inven.co.kr/image/common/databoard/common/bttn_96x28_silver1_thumbup.gif') no-repeat left top; } .comDataboard .viewPart .articleButtons input.against { color: #1e252e; background: url('//static.inven.co.kr/image/common/databoard/common/bttn_96x28_silver1_thumbdown.gif') no-repeat left top; } /* View Part : Author Profile */ .comDataboard .viewPart .authorProfile { margin-top: 10px; margin-left: 29px; padding-bottom: 20px; } /* View Part : Article Comment */ .comDataboard .viewPart .articleComment { clear: both; width: 686px; margin-top: 19px; margin-left: 11px; } .comDataboard .viewPart .articleComment h4 { clear: both; margin-left: 9px; padding: 9px 0 5px 15px; font-weight: bold; letter-spacing: -1px; white-space: nowrap; } .comDataboard .viewPart .articleComment h4 { background: url('//static.inven.co.kr/image/common/databoard/common/icon_arrow_red1.gif') no-repeat left center; } .comDataboard .viewPart .articleComment h4 strong { color: #ff3600; } /* View Part : Article Comment : List */ .comDataboard .viewPart .articleComment .commentList { width: 678px; clear: both; margin-left: 4px; border-top: solid 1px #eaeaea; } .comDataboard .viewPart .articleComment .commentList .listBody { width: 655px; overflow: hidden; margin-top: 7px; margin-left: 13px; } .comDataboard .viewPart .articleComment .commentList .listBody table { table-layout: fixed; border-collapse: collapse; margin-top: -1px; } .comDataboard .viewPart .articleComment .commentList .listBody table th, .comDataboard .viewPart .articleComment .commentList .listBody table td { padding: 13px 0 10px; line-height: 18px; text-align: center; vertical-align: top; padding-left: 1px; background: url('//static.inven.co.kr/image/common/databoard/common/dot_4x1_cbebebe.gif') repeat-x left top; } .comDataboard .viewPart .articleComment .commentList .listBody table th, .comDataboard .viewPart .articleComment .commentList .listBody table th a { color: #000000; } .comDataboard .viewPart .articleComment .commentList .listBody table td, .comDataboard .viewPart .articleComment .commentList .listBody table td a { color: #3d3d3d; } .comDataboard .viewPart .articleComment .commentList .listBody table th.nopad { } .comDataboard .viewPart .articleComment .commentList .listBody table tbody td.nopad { padding-top: 0px; padding-bottom: 0px; } .comDataboard .viewPart .articleComment .commentList .listBody table th.image { } .comDataboard .viewPart .articleComment .commentList .listBody table td.image { padding-top: 18px; padding-bottom: 11px; } .comDataboard .viewPart .articleComment .commentList .listBody table td.icon { padding-top: 4px; padding-bottom: 4px; } .comDataboard .viewPart .articleComment .commentList .listBody table th.left, .comDataboard .viewPart .articleComment .commentList .listBody table td.left { padding-left: 8px; padding-right: 8px; text-align: left; } .comDataboard .viewPart .articleComment .commentList .listBody table { width: 655px; } .comDataboard .viewPart .articleComment .commentList .listBody table col.author { width: 120px; } .comDataboard .viewPart .articleComment .commentList .listBody table col.content { width: 478px; } .comDataboard .viewPart .articleComment .commentList .listBody table col.button { width: 57px; } .comDataboard .viewPart .articleComment .commentList .listBody table tr th.author { text-align: left; } .comDataboard .viewPart .articleComment .commentList .listBody table tr th.guest { color: #777; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content span.date { font-family: Tahoma; font-size: 10px; line-height: 13px; color: #bfbfbf; white-space: nowrap; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content input.deleteButton { width: 10px; height: 10px; overflow: hidden; text-indent: -1000em; _text-indent: 0; padding-left: 10px; text-align: left; border: 0; cursor: pointer; vertical-align: middle; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content input.deleteButton { background: url('//static.inven.co.kr/image/common/databoard/common/icon_pic_delete1.gif') no-repeat left top; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content a.button { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; text-decoration: none; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content a:hover.button { color: #ff0000; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.button a { float: right; display: inline; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.button a.reportButton { width: 10px; height: 10px; line-height: 1px; overflow: hidden; text-indent: -1000em; text-decoration: none; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.button a.reportButton { background: url('//static.inven.co.kr/image/common/databoard/common/icon_pic_siren1.gif') no-repeat left top; } .comDataboard .viewPart .articleComment .commentList .listBody table tr td.button a:hover.reportButton { background-position: 0 -10px; } .comDataboard .viewPart .articleComment .commentList .listBody table tr.state1 th, .comDataboard .viewPart .articleComment .commentList .listBody table tr.state1 td { background-color: #cfcfcf; } .comDataboard .viewPart .articleComment .commentList .commentPaging { width: 655px; margin-left: 13px; clear: both; padding: 17px 0 16px; text-align: center; background: url('//static.inven.co.kr/image/common/databoard/common/dot_4x1_cbebebe.gif') repeat-x left top; } /* View Part : Article Comment : Write */ .comDataboard .viewPart .articleComment .commentWrite { width: 686px; clear: both; background: #f8f8f8; } .comDataboard .viewPart .articleComment .commentWrite form { } .comDataboard .viewPart .articleComment .commentWrite form fieldset { width: 686px; padding: 12px 0; } .comDataboard .viewPart .articleComment .commentWrite form p { float: left; display: inline; clear: none; margin: 0; padding: 0; overflow: hidden; } .comDataboard .viewPart .articleComment .commentWrite form p.title { width: 121px; overflow: hidden; margin-left: 10px; } .comDataboard .viewPart .articleComment .commentWrite form p.title strong { float: left; display: inline; width: 121px; margin-top: 26px; text-align: center; } .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title strong { margin-top: 2px; text-align: left; } .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span { float: left; display: inline; clear: both; background: white; margin-top: 3px; } .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span label, .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span input { float: left; display: inline; } .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span label { width: 121px; height: 17px; _height: 22px; text-indent: 10px; padding-top: 5px; color: #b8b7b7; margin-right: -121px; cursor: text; } .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span input { width: 121px; height: 22px; background: transparent; border: solid 1px #d9d9d9; } .comDataboard .viewPart .articleComment .commentWrite form p.content { width: 464px; margin-left: 8px; } .comDataboard .viewPart .articleComment .commentWrite form p.content textarea { float: left; display: inline; width: 464px; height: 66px; overflow: auto; overflow-y: visible; word-break: break-all; -ms-word-break: break-all; margin: 0; } .comDataboard .viewPart .articleComment .commentWrite form.modeUnavailable p.content { background: white; } .comDataboard .viewPart .articleComment .commentWrite form.modeUnavailable p.content label { float: left; display: inline; width: 464px; height: 17px; _height: 22px; text-indent: 10px; padding-top: 5px; color: #b8b7b7; margin-right: -464px; cursor: text; } .comDataboard .viewPart .articleComment .commentWrite form.modeUnavailable p.content textarea { background: transparent; border: solid 1px #d9d9d9; } .comDataboard .viewPart .articleComment .commentWrite form p.submit { width: 68px; margin-left: 9px; } .comDataboard .viewPart .articleComment .commentWrite form p.submit input { width: 68px; height: 66px; overflow: hidden; _padding-top: 3px; text-align: center; border: 0; } .comDataboard .viewPart .articleComment .commentWrite form p.submit input { font-weight: bold; letter-spacing: -1px; cursor: pointer; } .comDataboard .viewPart .articleComment .commentWrite form p.submit input { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_68x66_silver1.gif') no-repeat left top; } /* View Buttons Part */ .comDataboard .viewButtonsPart { width: 710px; clear: both; padding: 6px 0 16px; overflow: hidden; } .comDataboard .viewButtonsPart ul { margin-left: -1px; width: 711px; } .comDataboard .viewButtonsPart ul li { padding: 4px 8px 1px 7px; background: url('//static.inven.co.kr/image/common/databoard/common/sep_1x10_silver1.gif') no-repeat left center; } .comDataboard .viewButtonsPart ul li, .comDataboard .viewButtonsPart ul li a { color: #1e252e; } /* Errors Part */ .comDataboard .errorPart { } .comDataboard .errorPart .partWrap { border: solid 1px #c5c5c5; background: #fdfdfd; padding: 12px 20px 9px; line-height: 18px; } .comDataboard .errorPart .partBody { width: 668px; } /* Basic Layout */ #mobile .comDataboard { width: 100%; } #mobile .comDataboard .partTitle { width: 129px; _width: 144px; height: 21px; _height: 28px; overflow: hidden; padding-top: 7px; padding-right: 15px; } #mobile .comDataboard .partTitle { text-align: center; font-size: 13px; line-height: 16px; font-weight: bold; letter-spacing: -1px; } #mobile .comDataboard .partTitle { background: url('//static.inven.co.kr/image/common/databoard/common/title_144x28_silver1.gif') no-repeat left top; } #mobile .comDataboard .partTitle strong { color: #ff3600; } #mobile .comDataboard .loadingMode { position: absolute; left: -10000em; } /* Google Adsense */ #mobile .comDataboard .googleBottomAd { padding-bottom: 15px; width: 100%; clear:both; overflow: hidden; } #mobile .comDataboard legend { display: none; } #mobile .comDataboard .googleBottomAd .googleBottomAdWrap {width:100%;height:69px;background:url('//static.inven.co.kr/image_2011/board/common/bg_100%9_white1_adnopoint.png') no-repeat left top;} #mobile .comDataboard .googleBottomAd1 {width: 468px; margin: 5px 0 0 6px;} #mobile .comDataboard .googleBottomAd2 {/*width: 234px; margin-left: 8px;*/} /* Common Part : Paging */ #mobile .comDataboard .pagingComp { } #mobile .comDataboard .pagingComp .basetext { color: #cfcfcf; padding-top: 1px; } #mobile .comDataboard .pagingComp .basetext, #mobile .comDataboard .pagingComp .basetext a { font-family: tahoma, dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; } #mobile .comDataboard .pagingComp a { color: #8b8b8b; padding-top: 1px; } #mobile .comDataboard .pagingComp a:hover { text-decoration: underline; } #mobile .comDataboard .pagingComp .currentpg { color: #ff0000; font-weight: bold; letter-spacing: -1px; padding-top: 1px; } #mobile .comDataboard .pagingComp .prevtext { padding-top: 1px; padding-left: 0px; background: none no-repeat left top; } #mobile .comDataboard .pagingComp a.prevtext { padding: 0; background: none; margin-right: 4px; } #mobile .comDataboard .pagingComp input.prevbttn { vertical-align: middle; margin-bottom: 0px; margin-right: 4px; width: 42px; height: 17px; overflow: hidden; border: 0; text-indent: -1000em; _text-indent: 0; _padding-left: 42px; } #mobile .comDataboard .pagingComp input.prevbttn { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_42x17_silver1_previous.gif') no-repeat left top; cursor: pointer; } #mobile .comDataboard .pagingComp .nexttext { padding-top: 1px; padding-right: 0px; background: none no-repeat right top; } #mobile .comDataboard .pagingComp a.nexttext { padding: 0; background: none; } #mobile .comDataboard .pagingComp input.nextbttn { vertical-align: middle; margin-bottom: 0px; margin-left: 4px; width: 42px; height: 17px; overflow: hidden; border: 0; text-indent: -1000em; _text-indent: 0; _padding-left: 42px; } #mobile .comDataboard .pagingComp input.nextbttn { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_42x17_silver1_next.gif') no-repeat left top; cursor: pointer; } /* Title Part */ #mobile .comDataboard .titlePart { width: 100%; height: 28px; overflow: hidden; } #mobile .comDataboard .writeMode .titlePart { position: absolute; left: -10000em; } #mobile .comDataboard .viewMode .titlePart .partTitle { position: absolute; left: -10000em; } /* Title Part : Close Button */ #mobile .comDataboard .titlePart .closeButton { float: right; margin-right: 1px; } #mobile .comDataboard .titlePart .closeButton input { width: 86px; height: 20px; _padding-top: 3px; padding-right: 9px; border: 0; overflow: hidden; cursor: pointer; } #mobile .comDataboard .titlePart .closeButton input { font-weight: bold; letter-spacing: -2px; color: #1a1919; vertical-align: middle; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; } #mobile .comDataboard .titlePart .closeButton input { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_86x20_silver1_up.gif') no-repeat left top; } #mobile .comDataboard .closeMode .titlePart .closeButton { position: absolute; left: -10000em; } #mobile .comDataboard .fullMode .titlePart .closeButton { position: absolute; left: -10000em; } #mobile .comDataboard .viewMode .titlePart .closeButton { position: absolute; left: -10000em; } /* Title Part : Top Search */ #mobile .comDataboard .titlePart .topSearch { float: right; margin-top: 2px; } #mobile .comDataboard .titlePart .topSearch fieldset { width: 242px; } #mobile .comDataboard .titlePart .topSearch p { float: left; display: inline; margin: 0; padding: 0; } #mobile .comDataboard .titlePart .topSearch select, #mobile .comDataboard .titlePart .topSearch input { float: left; display: inline; } #mobile .comDataboard .titlePart .topSearch select { width: 73px; margin: 0; } #mobile .comDataboard .titlePart .topSearch input.text { width: 107px; height: 18px; margin-left: 5px; padding-top:0px; } #mobile .comDataboard .titlePart .topSearch input.submit { width: 50px; height: 20px; overflow: hidden; text-indent: -1000em; border: 0; margin-left: 3px; } #mobile .comDataboard .titlePart .topSearch input.submit { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_50x20_silver1_search.gif') no-repeat left top; } #mobile .comDataboard .closeMode .titlePart .topSearch { position: absolute; left: -10000em; } #mobile .comDataboard .simpleMode .titlePart .topSearch { position: absolute; left: -10000em; } /* Overview Part */ #mobile .comDataboard .overviewPart { } #mobile .comDataboard .overviewPart .partWrap { width: 100%; height: 51px; overflow: hidden; background: url('//static.inven.co.kr/image/common/databoard/common/wrap_100%ilver2_whole.gif') no-repeat left top; } #mobile .comDataboard .overviewPart .partBody { width: 100%; overflow: hidden; padding: 13px 0 12px; text-align: center; } #mobile .comDataboard .overviewPart .partBody span { padding-right: 8px; color: #3e3e3e; } #mobile .comDataboard .overviewPart .partBody strong { color: #ff3600; } #mobile .comDataboard .overviewPart .partBody input.openButton { width: 103px; height: 26px; _padding-top: 3px; padding-right: 12px; border: 0; overflow: hidden; cursor: pointer; } #mobile .comDataboard .overviewPart .partBody input.openButton { font-weight: bold; letter-spacing: -1px; color: #1a1919; vertical-align: middle; } #mobile .comDataboard .overviewPart .partBody input.openButton { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_103x26_silver1_down.gif') no-repeat left top; } #mobile .comDataboard .simpleMode .overviewPart { position: absolute; left: -10000em; } #mobile .comDataboard .fullMode .overviewPart { position: absolute; left: -10000em; } #mobile .comDataboard .viewMode .overviewPart { position: absolute; left: -10000em; } #mobile .comDataboard .writeMode .overviewPart { position: absolute; left: -10000em; } /* List Part */ #mobile .comDataboard .closeMode .listPart { position: absolute; left: -10000em; } #mobile .comDataboard .writeMode .listPart { position: absolute; left: -10000em; } /* List Part : List */ #mobile .comDataboard .listPart .list { width: 100%; clear: both; overflow: hidden; background: #fff url('//static.inven.co.kr/image/common/databoard/common/wrap_100%ilver1_whole.gif') no-repeat left top; border-bottom: solid 1px #d1d1d1;} #mobile .comDataboard .listPart .list table { display:none; table-layout: fixed; border-collapse: collapse; margin-left: -1px; } #mobile .comDataboard .listPart .list table th, #mobile .comDataboard .listPart .list table td { line-height: 15px; text-align: center; padding-left: 1px; } #mobile .comDataboard .listPart .list table thead th { padding: 7px 0 5px 0; height: 33px; overflow: hidden; } #mobile .comDataboard .listPart .list table thead th span { float: left; display: inline; width: 100%; background: url('//static.inven.co.kr/image/common/databoard/common/sep_1x10_silver1.gif') no-repeat left center; } #mobile .comDataboard .listPart .list table tbody td { padding: 6px 0 2px; line-height: 18px; border-bottom: solid 1px #efefef; } #mobile .comDataboard .listPart .list table th, #mobile .comDataboard .listPart .list table th a { color: #2e2e2e; font-weight: bold; letter-spacing: -1px; font-family: dotum, 돋움, Helvetica; font-size: 11px; } #mobile .comDataboard .listPart .list table td, #mobile .comDataboard .listPart .list table td a { color: #868686; } #mobile .comDataboard .listPart .list table th.nopad { } #mobile .comDataboard .listPart .list table tbody td.nopad { padding-top: 0px; padding-bottom: 0px; } #mobile .comDataboard .listPart .list table th.image { } #mobile .comDataboard .listPart .list table tbody td.image { padding-top: 8px; padding-bottom: 3px; } #mobile .comDataboard .listPart .list table tbody td.icon { padding-top: 4px; padding-bottom: 4px; } #mobile .comDataboard .listPart .list table thead th.left, #mobile .comDataboard .listPart .list table tbody td.left { padding-left: 8px; padding-right: 8px; text-align: left; } #mobile .comDataboard .listPart .list table tbody td.name, #mobile .comDataboard .listPart .list table tbody td.name a { font-weight: bold; letter-spacing: -1px; } #mobile .comDataboard .listPart .list table tbody tr.selected td, #mobile .comDataboard .listPart .list table tbody tr.selected td a { color: #ff2a00; } #mobile .comDataboard .listPart .list table { width: 100%; } #mobile .comDataboard .listPart .list table col.num { width: 62px; } #mobile .comDataboard .listPart .list table col.subject { width: 336px; } #mobile .comDataboard .listPart .list table col.author { width: 125px; } #mobile .comDataboard .listPart .list table col.read { width: 59px; } #mobile .comDataboard .listPart .list table col.date { width: 71px; } #mobile .comDataboard .listPart .list table col.recom { width: 58px; } #mobile .comDataboard .listPart .list table td.num { font-family: dotum, 돋움, Helvetica; font-size: 11px; } #mobile .comDataboard .listPart .list table td.subject, #mobile .comDataboard .listPart .list table td.subject a, #mobile .comDataboard .listPart .list table td.author, #mobile .comDataboard .listPart .list table td.author a { color: #212121; text-decoration: none; } #mobile .comDataboard .listPart .list table td.author a img { margin-right: 2px; } #mobile .comDataboard .listPart .list table td.author .guest { color: #777; } #mobile .comDataboard .listPart .list table td.subject span.comment { color: #ff3600; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; font-weight: bold; letter-spacing: -1px; } #mobile .comDataboard .listPart .list table tr.state1 td { background-color: #cfcfcf; } #mobile .comDataboard .listPart .list table tr.noresult td span { float: left; display: inline; text-align: center; width: 100%; padding: 20px 0; } #mobile .comDataboard .listPart .list table tr.notice td.subject a { font-weight: bold; letter-spacing: -1px; } #mobile .comDataboard .listPart .list table tr.notice td.num span { float: left; display: inline; width: 36px; height: 15px; margin-left: 13px; overflow: hidden; text-indent: -1000em; } #mobile .comDataboard .listPart .list table tr.notice td.num span { background: url('//static.inven.co.kr/image/common/databoard/fonticon/articletype1_notice1.gif') no-repeat left top; } #mobile .comDataboard .listPart .list .listOne { background: #fafafa url('//static.inven.co.kr/image/common/databoard/common/dot_4x1_cd6d6d6.gif') repeat-x 2px top; width: 100%; padding: 5px;} #mobile .comDataboard .listPart .list .listOne .dtitle a { font-size: 1.093em; color: #000; line-height: 1.5; padding: 3px 3px 3px 7px;} #mobile .comDataboard .listPart .list .listOne .dauthor { color: #555; line-heihgt: 1.5; font-size: 12px; display: block; margin: 3px 0 0 7px;} #mobile .comDataboard .listPart .list .listOne span.comment { color: #ff3600; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; font-weight: bold; letter-spacing: -1px; } /* List Part : List Button*/ #mobile .comDataboard .listPart .listButton { width: 100%; padding: 10px 0; } #mobile .comDataboard .listPart .listButton a { float: left; display: inline; width: 155px; height: 20px; _height: 27px; padding-top: 7px; overflow: hidden; margin-left: 278px; } #mobile .comDataboard .listPart .listButton a { line-height: 15px; color: #ffffff; font-weight: bold; letter-spacing: -1px; font-family: dotum, 돋움, Helvetica; text-align: center; text-decoration: none; } #mobile .comDataboard .listPart .listButton a { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_155x27_gray1.gif') no-repeat left top; } #mobile .comDataboard .listPart .listButton a span { color: #ffde00; } #mobile .comDataboard .fullMode .listPart .listButton { position: absolute; left: -10000em; } #mobile .comDataboard .viewMode .listPart .listButton { position: absolute; left: -10000em; } /* List Part : Navigation */ #mobile .comDataboard .listPart .navigation { clear: both; border-bottom: solid 1px #868686; } #mobile .comDataboard .listPart .navigation .navigationBody { width: 100%; border-bottom: solid 1px #b7b7b7; background: #f1f1f1; text-align: center; padding: 11px 0 10px; } #mobile .comDataboard .listPart .navigation .paging { padding: 0; } #mobile .comDataboard .listPart .navigation .movepage, #mobile .comDataboard .listPart .navigation .movepage fieldset, #mobile .comDataboard .listPart .navigation .movepage p { float: none;} #mobile .comDataboard .listPart .navigation .movepage p { padding: 0 8px; } #mobile .comDataboard .listPart .navigation .movepage { display: none; } #mobile .comDataboard .listPart .navigation .movepage input.page { vertical-align: middle; margin-bottom: 1px; width: 35px; height: 17px; font-family: tahoma, dotum, 돋움, Helvetica; } #mobile .comDataboard .listPart .navigation .movepage input.submit { vertical-align: middle; margin-bottom: 1px; margin-right: 4px; width: 33px; height: 17px; overflow: hidden; border: 0; text-indent: -1000em; _text-indent: 0; _padding-left: 33px; } #mobile .comDataboard .listPart .navigation .movepage input.submit { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_33x17_silver1_move.gif') no-repeat left top; } #mobile .comDataboard .simpleMode .listPart .navigation { display: none; } /* Write Part */ #mobile .comDataboard .writePart { width: 100%; margin-top: 15px; } #mobile .comDataboard .writePart .partWrap { clear: both; border: solid 1px #c5c5c5; background: #f7f7f8; } #mobile .comDataboard .writePart .partBody { width: 100%; } #mobile .comDataboard .writePart .writeForm { width: 100%; overflow: hidden; margin-top: 15px; padding-bottom: 9px; margin-left: 0px;} #mobile .comDataboard .writePart .writeForm fieldset { margin-top: -7px; } #mobile .comDataboard .writePart .writeForm p { float: left; display: inline; clear: both; margin: 7px 0 0; padding: 0; } #mobile .comDataboard .writePart .writeForm label, #mobile .comDataboard .writePart .writeForm input, #mobile .comDataboard .writePart .writeForm select, #mobile .comDataboard .writePart .writeForm textarea { float: left; display: inline; margin: 0; } #mobile .comDataboard .writePart .writeForm input { height: 24px; padding-top: 4px; } #mobile .comDataboard .writePart .writeForm .fullField { } #mobile .comDataboard .writePart .writeForm .fullField span.fieldCouple { float: left; display: inline; background: white; } #mobile .comDataboard .writePart .writeForm .fullField label { width: 90%; height: 18px; _height: 24px; text-indent: 10px; padding-top: 6px; color: #b8b7b7; margin-right: -660px; cursor: text; } #mobile .comDataboard .writePart .writeForm .fullField label { } #mobile .comDataboard .writePart .writeForm .fullField input, #mobile .comDataboard .writePart .writeForm .fullField textarea { width: 100%; height: 24px; background: transparent; border: solid 1px #d9d9d9; } #mobile .comDataboard .writePart .writeForm .fullField input { width: 300px; } #mobile .comDataboard .writePart .writeForm .normalField label { width: 61px; height: 18px; _height: 24px; padding-top: 6px; background: #d9d9d9; } #mobile .comDataboard .writePart .writeForm .normalField label { color: #3e3939; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; font-weight: bold; letter-spacing: -1px; } #mobile .comDataboard .writePart .writeForm .normalField label { text-align: center; white-space: nowrap; } #mobile .comDataboard .writePart .writeForm .normalField input { width: 109px; border: solid 1px #d9d9d9; } #mobile .comDataboard .writePart .writeForm .content textarea { height: 89px; } #mobile .comDataboard .writePart .writeForm .content iframe { background: white; } #mobile .comDataboard .writePart .writeForm .uploader { width: 90%; _width: 660px; border: solid 1px #d9d9d9; background: #ffffff; overflow: hidden; margin-top: 7px; } #mobile .comDataboard .writePart .writeForm p.submit { padding: 3px 0; } #mobile .comDataboard .writePart .writeForm p.submit input { float: left; display: inline; width: 75px; height: 26px; padding: 0 0 2px 17px; _padding: 3px 0 0 17px; border: 0; margin-left: 293px; cursor: pointer; } #mobile .comDataboard .writePart .writeForm p.submit input { text-align: center; font-weight: bold; letter-spacing: -1px; color: #212121; line-height: 15px; } #mobile .comDataboard .writePart .writeForm p.submit input { background: url('//static.inven.co.kr/image/common/databoard/common/bttn_75x26_silver1_pen.gif') no-repeat left top; } #mobile .comDataboard .closeMode .writePart { position: absolute; left: -10000em; } /* View Part */ #mobile .comDataboard .viewPart { width: 100%; clear: both; } #mobile .comDataboard .viewPart .partWrap { border: solid 1px #e1e1e1; border-top: solid 2px #c5c5c5; } #mobile .comDataboard .viewPart .partBody { width: 100%; overflow: hidden; padding-bottom: 9px; } /* View Part : Subject */ #mobile .comDataboard .viewPart .subject { width: 100%; padding: 10px 0 10px; text-align: center; background: #f9f9f9; border-bottom: solid 1px #e1e1e1; } #mobile .comDataboard .viewPart .subject h3 { float: none; font-family: dotum, 돋움, Helvetica; font-size: 14px; line-height: 17px; color: #141414; font-weight: bold; letter-spacing: -1px; } /* View Part : Article Info */ #mobile .comDataboard .viewPart .articleInfo { width: 100%; clear: both; padding: 10px 0 7px; height: 18px; } #mobile .comDataboard .viewPart .articleInfo { background: url('//static.inven.co.kr/image/common/databoard/common/dot_4x1_cd6d6d6.gif') repeat-x 2px bottom; } #mobile .comDataboard .viewPart .articleInfo, #mobile .comDataboard .viewPart .articleInfo dt, #mobile .comDataboard .viewPart .articleInfo dd, #mobile .comDataboard .viewPart .articleInfo a { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; color: #1e252e; } #mobile .comDataboard .viewPart .articleInfo dt, #mobile .comDataboard .viewPart .articleInfo dd, #mobile .comDataboard .viewPart .articleInfo .counts dl { float: left; white-space: nowrap; } #mobile .comDataboard .viewPart .articleInfo .author { width: 288px; margin-left: 11px; } #mobile .comDataboard .viewPart .articleInfo .author dt { display: none; } #mobile .comDataboard .viewPart .articleInfo .author dd { font-weight: bold; letter-spacing: -1px; } #mobile .comDataboard .viewPart .articleInfo .date { width: 106px; float: left; margin-left: 10px; } #mobile .comDataboard .viewPart .articleInfo .date dt { display: none; } #mobile .comDataboard .viewPart .articleInfo .date dd { color: #9d9d9d; font-family: Tahoma, Helvetica; } #mobile .comDataboard .viewPart .articleInfo .counts { overflow: hidden; white-space: nowrap; text-align: right; float:right; width: auto; margin-right: 10px; } #mobile .comDataboard .viewPart .articleInfo .counts dl { margin-left: 20px; } #mobile .comDataboard .viewPart .articleInfo .counts dl dd { font-weight: bold; } #mobile .comDataboard .viewPart .articleInfo .counts dl.read dd { color: #0048ff; } #mobile .comDataboard .viewPart .articleInfo .counts dl.recom dd { color: #ee0101; } #mobile .comDataboard .viewPart .articleInfo .counts dl.against dd { color: #000000; } /* View Part : Top Subinfo */ #mobile .comDataboard .viewPart .articleSubinfo { width: 100%; clear: both; padding: 7px 0 2px; } #mobile .comDataboard .viewPart .articleSubinfo, #mobile .comDataboard .viewPart .articleSubinfo dt, #mobile .comDataboard .viewPart .articleSubinfo dd, #mobile .comDataboard .viewPart .articleSubinfo a { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; color: #c3c3c3; } #mobile .comDataboard .viewPart .articleSubinfo dl { float: right; white-space: nowrap; } #mobile .comDataboard .viewPart .articleSubinfo dt, #mobile .comDataboard .viewPart .articleSubinfo dd { float: none; white-space: nowrap; } #mobile .comDataboard .viewPart .articleSubinfo .infoItems { margin-right: -1px; width: 100%; height: 10px; overflow: hidden; } #mobile .comDataboard .viewPart .articleSubinfo .infoItem { padding-left: 9px; padding-right: 10px; background: url('//static.inven.co.kr/image/common/databoard/common/sep_1x7_silver1.gif') no-repeat right 2px; } #mobile .comDataboard .viewPart .articleSubinfo dl.buttons { } #mobile .comDataboard .viewPart .articleSubinfo dl.buttons dt { display: none; } #mobile .comDataboard .viewPart .articleSubinfo dl.buttons dd a.reportButton { float: left; display: inline; width: 10px; height: 10px; line-height: 1px; overflow: hidden; text-indent: -1000em; text-decoration: none; } #mobile .comDataboard .viewPart .articleSubinfo dl.buttons dd a.reportButton { background: url('//static.inven.co.kr/image/common/databoard/common/icon_pic_siren1.gif') no-repeat left top; } #mobile .comDataboard .viewPart .articleSubinfo dl.buttons dd a:hover.reportButton { background-position: 0 -10px; } #mobile .comDataboard .viewPart .articleSubinfo dl.postip dt, #mobile .comDataboard .viewPart .articleSubinfo dl.postip dd { font-family: Tahoma, Helvetica; font-size: 10px; line-height: 12px; } /* View Part : Content */ #mobile .comDataboard .viewPart .content { width: 98%; margin-left: 3px; margin-top: 10px; padding-bottom: 15px; } #mobile .comDataboard .viewPart .content { color: #1e252e; line-height: 20px; word-break: break-all; -ms-word-break: break-all; overflow: hidden; } #mobile .comDataboard .viewPart .content div, #mobile .comDataboard .viewPart .content h1, #mobile .comDataboard .viewPart .content h2, #mobile .comDataboard .viewPart .content h3, #mobile .comDataboard .viewPart .content h4, #mobile .comDataboard .viewPart .content h5, #mobile .comDataboard .viewPart .content h6 { float: none; display: block; } #mobile .comDataboard .viewPart .content ul, #mobile .comDataboard .viewPart .content ol { float: none; display: block; margin: 0 0 0 30pt; padding: 0px; } #mobile .comDataboard .viewPart .content li, #mobile .comDataboard .viewPart .content li { float: none; display: list-item; padding: 0px; margin: 0px; } #mobile .comDataboard .viewPart .content h1, #mobile .comDataboard .viewPart .content h2, #mobile .comDataboard .viewPart .content h3, #mobile .comDataboard .viewPart .content h4, #mobile .comDataboard .viewPart .content h5, #mobile .comDataboard .viewPart .content h6 { font-weight: bold; } /* View Part : Article Buttons */ #mobile .comDataboard .viewPart .articleButtons { width: 100%; text-align: center; margin-top: 10px; padding: 10px 0; } #mobile .comDataboard .viewPart .articleButtons input { width: 96px; height: 28px; border: none; _padding-top: 3px; padding-left: 17px; } #mobile .comDataboard .viewPart .articleButtons input { font-weight: bold; letter-spacing: -1px; text-align: center; cursor: pointer; } #mobile .comDataboard .viewPart .articleButtons input.recom { color: #ee0101; background: url('//static.inven.co.kr/image/common/databoard/common/bttn_96x28_silver1_thumbup.gif') no-repeat left top; } #mobile .comDataboard .viewPart .articleButtons input.against { color: #1e252e; background: url('//static.inven.co.kr/image/common/databoard/common/bttn_96x28_silver1_thumbdown.gif') no-repeat left top; } /* View Part : Author Profile */ #mobile .comDataboard .viewPart .authorProfile { margin-top: 10px; margin-left: 29px; padding-bottom: 20px; } /* View Part : Article Comment */ #mobile .comDataboard .viewPart .articleComment { clear: both; width: 100%; margin-top: 0px; margin-left: 0px; } #mobile .comDataboard .viewPart .articleComment h4 { clear: both; margin-left: 9px; padding: 9px 0 5px 15px; font-weight: bold; letter-spacing: -1px; white-space: nowrap; } #mobile .comDataboard .viewPart .articleComment h4 { background: url('//static.inven.co.kr/image/common/databoard/common/icon_arrow_red1.gif') no-repeat left center; } #mobile .comDataboard .viewPart .articleComment h4 strong { color: #ff3600; } /* View Part : Article Comment : List */ #mobile .comDataboard .viewPart .articleComment .commentList { width: 100%; clear: both; margin-left: 0px; border-top: solid 1px #eaeaea; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody { width: 100%; overflow: hidden; margin-top: 7px; margin-left: 0px; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table { table-layout: fixed; border-collapse: collapse; margin-top: -1px; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table th, #mobile .comDataboard .viewPart .articleComment .commentList .listBody table td { padding: 13px 0 10px; line-height: 18px; text-align: center; vertical-align: top; padding-left: 1px; background: url('//static.inven.co.kr/image/common/databoard/common/dot_4x1_cbebebe.gif') repeat-x left top; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table th, #mobile .comDataboard .viewPart .articleComment .commentList .listBody table th a { color: #000000; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table td, #mobile .comDataboard .viewPart .articleComment .commentList .listBody table td a { color: #3d3d3d; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table th.nopad { } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tbody td.nopad { padding-top: 0px; padding-bottom: 0px; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table th.image { } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table td.image { padding-top: 18px; padding-bottom: 11px; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table td.icon { padding-top: 4px; padding-bottom: 4px; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table th.left, #mobile .comDataboard .viewPart .articleComment .commentList .listBody table td.left { padding-left: 8px; padding-right: 8px; text-align: left; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table { width: 100%; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table col.author { width: 120px; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table col.content { width: auto; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table col.button { width: 57px; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr th.author { text-align: left; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr th.guest { color: #777; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content span.date { font-family: Tahoma; font-size: 10px; line-height: 13px; color: #bfbfbf; white-space: nowrap; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content input.deleteButton { width: 10px; height: 10px; overflow: hidden; text-indent: -1000em; _text-indent: 0; padding-left: 10px; text-align: left; border: 0; cursor: pointer; vertical-align: middle; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content input.deleteButton { background: url('//static.inven.co.kr/image/common/databoard/common/icon_pic_delete1.gif') no-repeat left top; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content a.button { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; text-decoration: none; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.content a:hover.button { color: #ff0000; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.button a { float: right; display: inline; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.button a.reportButton { width: 10px; height: 10px; line-height: 1px; overflow: hidden; text-indent: -1000em; text-decoration: none; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.button a.reportButton { background: url('//static.inven.co.kr/image/common/databoard/common/icon_pic_siren1.gif') no-repeat left top; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr td.button a:hover.reportButton { background-position: 0 -10px; } #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr.state1 th, #mobile .comDataboard .viewPart .articleComment .commentList .listBody table tr.state1 td { background-color: #cfcfcf; } #mobile .comDataboard .viewPart .articleComment .commentList .commentPaging { width: 100%; margin-left: 13px; clear: both; padding: 17px 0 16px; text-align: center; background: url('//static.inven.co.kr/image/common/databoard/common/dot_4x1_cbebebe.gif') repeat-x left top; } /* View Part : Article Comment : Write */ #mobile .comDataboard .viewPart .articleComment .commentWrite { width: 100%; clear: both; background: #f8f8f8; position: relative; display:block;} #mobile .comDataboard .viewPart .articleComment .commentWrite legend { display: none; } #mobile .comDataboard .viewPart .articleComment .commentWrite form { } #mobile .comDataboard .viewPart .articleComment .commentWrite form fieldset { width: 100%; padding: 2px 0; } #mobile .comDataboard .viewPart .articleComment .commentWrite form p { float: left; display: inline; clear: none; margin: 0; padding: 0; overflow: hidden; } #mobile .comDataboard .viewPart .articleComment .commentWrite form p.title { width: 121px; overflow: hidden; margin-left: 0px; } #mobile .comDataboard .viewPart .articleComment .commentWrite form p.title strong { float: left; display: inline; width: 121px; margin-top: 2px; text-align: center; } #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title strong { margin-top: 2px; text-align: left; } #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span { float: left; display: inline; clear: both; background: white; margin-top: 3px; } #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span label, #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span input { float: left; display: inline; } #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span label { width: 121px; height: 17px; _height: 22px; text-indent: 10px; padding-top: 5px; color: #b8b7b7; margin-right: -121px; cursor: text; } #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeGuest p.title span input { width: 121px; height: 22px; background: transparent; border: solid 1px #d9d9d9; } #mobile .comDataboard .viewPart .articleComment .commentWrite form p.content { width: 100%; margin-left: 0px; position:static; left: auto; top: auto; display: block;} #mobile .comDataboard .viewPart .articleComment .commentWrite form p.content textarea { display: inline; width: 100%; height: 66px; overflow: auto; overflow-y: visible; word-break: break-all; -ms-word-break: break-all; margin: 0;position:static; left: auto; top: auto; } #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeUnavailable p.content { background: white; } #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeUnavailable p.content label { float: left; display: inline; width: 464px; height: 17px; _height: 22px; text-indent: 10px; padding-top: 5px; color: #b8b7b7; margin-right: -464px; cursor: text; } #mobile .comDataboard .viewPart .articleComment .commentWrite form.modeUnavailable p.content textarea { background: transparent; border: solid 1px #d9d9d9; } #mobile .comDataboard .viewPart .articleComment .commentWrite form p.submit { width: 100%; left: auto; } #mobile .comDataboard .viewPart .articleComment .commentWrite form p.submit input { width: 100%; height: 30px; overflow: hidden; _padding-top: 3px; text-align: center; border: 1px solid #b8b8b8; } #mobile .comDataboard .viewPart .articleComment .commentWrite form p.submit input { font-weight: bold; letter-spacing: -1px; cursor: pointer; } #mobile .comDataboard .viewPart .articleComment .commentWrite form p.submit input { background: none;} /* View Buttons Part */ #mobile .comDataboard .viewButtonsPart { width: 100%; clear: both; padding: 6px 0 16px; overflow: hidden; } #mobile .comDataboard .viewButtonsPart ul { margin-left: -1px; width: 100%; } #mobile .comDataboard .viewButtonsPart ul li { float: left; padding: 4px 8px 1px 7px; background: url('//static.inven.co.kr/image/common/databoard/common/sep_1x10_silver1.gif') no-repeat left center; } #mobile .comDataboard .viewButtonsPart ul li, #mobile .comDataboard .viewButtonsPart ul li a { color: #1e252e; } /* Errors Part */ #mobile .comDataboard .errorPart { } #mobile .comDataboard .errorPart .partWrap { border: solid 1px #c5c5c5; background: #fdfdfd; padding: 12px 20px 9px; line-height: 18px; } #mobile .comDataboard .errorPart .partBody { width: 100%; }