/* ESIGN SLIDER MODULE */ #board-electric-sign {position: relative; overflow: hidden; margin: 0 0 5px 0; padding: 0 5px; height: 40px; background: #ebebeb; border: 1px solid #b5b5b5; border-radius: 3px; box-sizing: border-box;} #board-electric-sign .electric-title { width: 85px; line-height: 38px; text-align: center; color: #000; font-weight: bold; font-family: 'Malgun Gothic', malgungothic, sans-serif; font-size: 12px; } #board-electric-sign .electric-title a { cursor: pointer;} #board-electric-sign .modInven {color:inherit; background:url(https://static.inven.co.kr/image_2011/board/esign/board_esign_inven.png) 7px 50% no-repeat; text-indent: 60px;} #board-electric-sign .modInven, #board-electric-sign li { line-height: 30px;margin: 0;color:#fff } #board-electric-sign > .text_area { position: absolute; top: 50%; left: 90px; margin-top: -15px; overflow: hidden; width: calc(100% - 95px); height: 30px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } #board-electric-sign .text_area > * {height: 30px; border: 0;} #board-electric-sign .text_area > div { position: absolute; display: inline; overflow: hidden; top: 0; left: 0; padding: 0 6px; width:100%; /* height: fit-content; */ height: 30px; box-sizing: border-box; background: #232428 ; } #board-electric-sign .text_area p {width: 100%; height: 100%; color: inherit;} #board-electric-sign .text_area p > span {} #board-electric-sign .text_area p > span.icon {display: inline-block; width: 43px; height: 18px; margin-right: 4px; background-position: -95px -111px; text-indent: -9999px;} #board-electric-sign .text_area p > span.nickname {color: #ffffad; margin: 0 4px;} #board-electric-sign .text_area p > span.text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #board-electric-sign .text_area p > span.text a {text-decoration: underline;} #board-electric-sign .text_area button { position: absolute; top: 0; right: 0; width: 80px; background: #950E0E; color: #fff; font-weight: bold; font-size: 12px; font-family: 'Malgun Gothic', malgungothic, sans-serif; } /* ESIGN WRITE */ /* Basic Layout */ #ESignWrite { position: absolute; left: -100000em; top: -10000em; } #ESignWrite .writeBody { width: 323px; padding-bottom: 15px; overflow: hidden; } /* Pages */ #ESignWrite .pageGroups { width: 646px; } #ESignWrite .pageGroup { float: left; width: 323px; } #ESignWrite .fixedHeight { height: 323px; height: 411px; overflow: hidden; } /* Title Part */ #ESignWrite .titlePart h2 { width: 292px; height: 37px; overflow: hidden; text-indent: -1000em; margin-top: 2px; margin-left: 2px; } #ESignWrite .titlePart a { float: left; display: inline; width: 20px; height: 20px; overflow: hidden; text-indent: -1000em; margin-top: 11px; } #ESignWrite .titlePart a { background: url('//static.inven.co.kr/image_2011/common/esign/bttn_20x20_white1_close.gif') no-repeat left top; } /* Member Info Part */ #ESignWrite .memberInfoPart { width: 305px; clear: both; background: #b2b2b2; margin-top: 7px; margin-left: 12px; } #ESignWrite .memberInfoPart .partWrap { border: solid 1px #ececec; background: #b2b2b2; padding: 1px; margin: 1px; } #ESignWrite .memberInfoPart .partBody { width: 299px; background: white; padding: 2px 0; } #ESignWrite .memberInfoPart .lines { overflow: hidden; margin-left: 13px; } #ESignWrite .memberInfoPart .lineGroups { margin-top: -1px; } #ESignWrite .memberInfoPart dl.lineGroup { width: 274px; clear: both; padding: 7px 0 3px; line-height: 15px; } #ESignWrite .memberInfoPart dl.lineGroup { background: url('//static.inven.co.kr/image_2011/common/esign/dot_4x1_ca4a4a4.gif') repeat-x left top; } #ESignWrite .memberInfoPart dl.lineGroup dt { width: 66px; overflow: hidden; color: #000000; font-weight: bold; letter-spacing: -1px; white-space: nowrap; text-align: right; } #ESignWrite .memberInfoPart dl.lineGroup dd { width: 194px; margin-left: 14px; color: #0054ff; white-space: nowrap; } #ESignWrite .memberInfoPart dl.lineGroup dd ul { margin-left: -23px; } #ESignWrite .memberInfoPart dl.lineGroup dd ul li { white-space: nowrap; margin-left: 23px; } /* Text Input Part */ #ESignWrite .textInputPart { width: 303px; clear: both; margin-top: 11px; margin-left: 12px; } #ESignWrite .textInputPart .partTitle { width: 300px; margin-left: 3px; padding: 4px 0 2px; font-weight: bold; letter-spacing: -1px; } #ESignWrite .textInputPart .partTitle span.count { font-weight: normal; letter-spacing: normal; color: #0054ff; } #ESignWrite .textInputPart .partTitle span.count.full { color: #ff0000; } #ESignWrite .textInputPart textarea { width: 303px; height: 53px; overflow: hidden; padding: 10px; background: #232428; color: #ffffff; line-height: 18px; border: 0; margin: 0; vertical-align: top; } /* Option Part */ #ESignWrite .optionPart { width: 303px; clear: both; margin-top: 3px; margin-left: 12px; } #ESignWrite .optionPart table { width: 303px; table-layout: fixed; border-collapse: collapse; border: solid 1px #aeaeae; } #ESignWrite .optionPart table col.th { width: 64px; } #ESignWrite .optionPart table col.td { width: 88px; } #ESignWrite .optionPart table col.tdLast { width: 87px; } #ESignWrite .optionPart table tr th, #ESignWrite .optionPart table tr td { border-top: solid 1px #aeaeae; border-bottom: solid 1px #aeaeae; padding: 7px 5px 5px; line-height: 18px; text-align: center; } #ESignWrite .optionPart table tr th { border-left: solid 1px #aeaeae; background: #f1f1f1; } #ESignWrite .optionPart table tr th, #ESignWrite .optionPart table tr th a { font-family: dotum, 돋움, Helvetica; font-size: 11px; font-weight: bold; letter-spacing: -1px; } #ESignWrite .optionPart table tr td { background: #ffffff; } #ESignWrite .optionPart table tr td, #ESignWrite .optionPart table tr td a { font-family: dotum, 돋움, Helvetica; font-size: 11px; } #ESignWrite .optionPart table tr td.input { padding-top: 5px; padding-bottom: 5px; } #ESignWrite .optionPart table tr td.input input, #ESignWrite .optionPart table tr td.input select { width: 100%; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; vertical-align: top; } #ESignWrite .optionPart table tr td.input select { width: 76px; } #ESignWrite .optionPart table tr td.input input.clearBox { border: solid 1px white; } /* Color Part */ #ESignWrite .colorPart { width: 303px; clear: both; margin-top: 3px; margin-left: 12px; background: #232428; } #ESignWrite .colorPart .partBody { width: 299px; margin-left: 2px; padding: 2px 0; } #ESignWrite .colorPart .partBody ul { width: 300px; margin-top: -1px; margin-left: -1px; } #ESignWrite .colorPart .partBody ul li { width: 29px; height: 14px; _height: 18px; padding-top: 3px; overflow: hidden; text-align: center; margin-top: 1px; margin-left: 1px; cursor: pointer; } #ESignWrite .colorPart .partBody ul li { line-height: 15px; } /* Note Part */ #ESignWrite .notePart { width: 303px; clear: both; margin-top: 5px; margin-left: 12px; padding: 4px 0 1px; } #ESignWrite .notePart { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 17px; font-weight: bold; letter-spacing: -1px; color: #ff0000; } /* Botmenu Part */ #ESignWrite .botmenuPart { width: 130px; text-align: center; clear: both; margin: 8px auto 0 auto; } #ESignWrite .botmenuPart input { margin: 0 2px; } /* Text Preview Part */ #ESignWrite .textPreviewPart { width: 303px; clear: both; margin-top: 11px; margin-left: 12px; } #ESignWrite .textPreviewPart div.text { width: 283px; _width: 303px; height: 33px; _height: 53px; overflow: hidden; padding: 10px; background: #232428; border: none; } #ESignWrite .textPreviewPart div.text, #ESignWrite .textPreviewPart div.text a { color: #ffffff; line-height: 18px; } /* Confirm Part */ #ESignWrite .confirmPart { width: 303px; clear: both; margin-top: 11px; margin-left: 12px; } #ESignWrite .confirmPart .message { width: 303px; padding: 25px 0 23px; text-align: center; font-weight: bold; letter-spacing: -1px; } #ESignWrite .confirmPart .confirmGroup { width: 303px; clear: both; background: url('//static.inven.co.kr/image_2011/common/esign/dot_4x1_ca4a4a4.gif') repeat-x left top; padding-top: 1px; } #ESignWrite .confirmPart .confirmGroup .items { width: 278px; margin-left: 22px; padding: 10px 0; } #ESignWrite .confirmPart .confirmGroup .items dl { overflow: hidden; white-space: nowrap; padding: 6px 0 2px; } #ESignWrite .confirmPart .confirmGroup .items dl.long { width: 278px; } #ESignWrite .confirmPart .confirmGroup .items dl dt, #ESignWrite .confirmPart .confirmGroup .items dl dd, #ESignWrite .confirmPart .confirmGroup .items dl dd ul, #ESignWrite .confirmPart .confirmGroup .items dl dd ul li { float: none; font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; } #ESignWrite .confirmPart .confirmGroup .items dl dt { overflow: hidden; } #ESignWrite .confirmPart .confirmGroup .items dl dt { float: left; font-weight: bold; letter-spacing: -1px; } #ESignWrite .confirmPart .confirmGroup .items dl dd { float: left; margin-left: 10px; } #ESignWrite .confirmPart .confirmGroup .items dl dd.point { color: #0054ff; } #ESignWrite .confirmPart .confirmGroup .items dl dd ul { margin-left: -23px; } #ESignWrite .confirmPart .confirmGroup .items dl dd ul li { padding-left: 20px; } /* WRAPPING 327 SILVER 1 : H- */ #ESignWrite .wrap327SL1 { width: 327px; overflow: hidden; } #ESignWrite .wrap327SL1 .w327H { width: 327px; height: 41px; overflow: hidden; } #ESignWrite .wrap327SL1 .w327H { background: none no-repeat left top; } #ESignWrite .wrap327SL1 .w327H.w327H-ESign { text-indent: -1000em; background-image: url('//static.inven.co.kr/image_2011/common/esign/wrap_327_silver1_head_esign.gif'); } #ESignWrite .wrap327SL1 .w327M { width: 327px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/common/esign/wrap_327_silver1_mid.gif') repeat-y left top; } #ESignWrite .wrap327SL1 .w327B { width: 327px; height: 2px; overflow: hidden; background: #9d9d9d none no-repeat left top; }