certcommon.less 72 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203
  1. @dfcolor: color(`window.colorset.def`);
  2. @dfcolor_dark: color(`window.colorset.dark`);
  3. /* ##### [etc] ##### */
  4. .us-tpd10 {
  5. padding-top:10px !important;
  6. }
  7. .us-cursor-disabled {
  8. display:none;
  9. position:absolute;
  10. visibility:hidden;
  11. overflow:hidden;
  12. width:0;
  13. height:0;
  14. margin:0;
  15. padding:0;
  16. font-size:0;
  17. line-height:0;
  18. }
  19. .us-display-b {
  20. display:block;
  21. }
  22. /* ##### [btn] ##### */
  23. .us-layer-btns {
  24. clear:both;
  25. text-align:center;
  26. height:30px;
  27. margin:0;
  28. padding:20px 0 0 0;
  29. clear:both;
  30. text-align:center;
  31. height:30px;
  32. margin:0;
  33. padding:20px 0 0 0;
  34. ul {
  35. margin:0;
  36. padding:0;
  37. li {
  38. padding:0;
  39. margin:0 2px;
  40. list-style:none;
  41. display:inline-block;
  42. *display:inline;
  43. zoom:1;
  44. }
  45. }
  46. }
  47. .us-normal-btn {
  48. display:inline;
  49. width:100px;
  50. height:30px;
  51. background:#434a54;
  52. color:#fff;
  53. font-weight:bold;
  54. font-size:14px;
  55. border-bottom:3px solid #22262c;
  56. border-left:1px solid #434a54;
  57. border-top:1px solid #434a54;
  58. border-right:1px solid #434a54;
  59. line-height:28px;
  60. cursor:pointer;
  61. font-family:'Dotum',Dotum,Sans-serif;
  62. margin:0;
  63. padding:0;
  64. vertical-align:middle;
  65. }
  66. .us-normal-btn.btn-confirm {
  67. background:@dfcolor;
  68. border-bottom:3px solid @dfcolor_dark;
  69. border-left:1px solid @dfcolor;
  70. border-top:1px solid @dfcolor;
  71. border-right:1px solid @dfcolor;
  72. }
  73. .us-normal-btn.btn-confirm2 {
  74. color:@dfcolor;
  75. background:#fff;
  76. border-bottom:3px solid @dfcolor;
  77. border-left:1px solid @dfcolor;
  78. border-top:1px solid @dfcolor;
  79. border-right:1px solid @dfcolor;
  80. }
  81. /* ##### [cert select] ##### */
  82. .us-layout-cert-select {
  83. font-family:'Dotum',Dotum,Sans-serif;
  84. position:absolute;
  85. background:#fff;
  86. width:590px;
  87. z-index:8050;
  88. padding:0;
  89. margin:0;
  90. -webkit-user-select:none;
  91. -moz-user-select:-moz-none;
  92. -ms-user-select:none;
  93. user-select:none;
  94. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  95. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  96. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  97. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  98. img {
  99. margin:0;
  100. padding:0;
  101. border:0;
  102. outline:0;
  103. vertical-align:top;
  104. }
  105. .us-layout-mid {
  106. position:relative;
  107. padding:17px;
  108. margin:0;
  109. background:#f3f3f7;
  110. }
  111. }
  112. /* ##### [cert select - title bar] ##### */
  113. .us-layout-title {
  114. position:relative;
  115. cursor:move;
  116. }
  117. .us-layout-logo {
  118. height:60px;
  119. background:url(../img/main_title_img.jpg) 0 0 no-repeat;
  120. img {
  121. vertical-align:top;
  122. }
  123. }
  124. .us-layout-lbl-title {
  125. position:absolute;
  126. left:20px;
  127. top:24px;
  128. font-size:16px;
  129. margin:0;
  130. padding:0;
  131. line-height:16px;
  132. font-weight:bold;
  133. letter-spacing:-1px;
  134. color:#454545;
  135. }
  136. .us-layout-lbl-icon {
  137. position:absolute;
  138. right:66px;
  139. top:15px;
  140. width:141px;
  141. height:32px;
  142. margin:0;
  143. padding:0;
  144. }
  145. .us-layout-cls-btn {
  146. position:absolute;
  147. top:19px;
  148. right:19px;
  149. background:transparent;
  150. padding:0;
  151. margin:0;
  152. display:block;
  153. width:27px;
  154. height:25px;
  155. cursor:pointer;
  156. border:0;
  157. outline:0;
  158. }
  159. /* ##### [cert select - storage] ##### */
  160. .us-layout-storage {
  161. height:90px;
  162. legend {
  163. position:absolute;
  164. visibility:hidden;
  165. overflow:hidden;
  166. width:0;
  167. height:0;
  168. margin:0;
  169. padding:0;
  170. font-size:0;
  171. line-height:0;
  172. }
  173. }
  174. .us-layout-storage-border {
  175. padding:0;
  176. margin:0;
  177. border:0;
  178. }
  179. .us-layout-storage-wrap {
  180. position:relative;
  181. height:90px;
  182. background:#f3f3f7;
  183. ul {
  184. margin:0;
  185. padding:0;
  186. width:564px;
  187. height:90px;
  188. li {
  189. float:left;
  190. list-style:none;
  191. text-align:center;
  192. position:relative;
  193. margin:0;
  194. padding:0 3px;
  195. background:url(../img/us-layout-storage-linebar.gif) 1px 18px no-repeat;
  196. button {
  197. vertical-align:top;
  198. border:0;
  199. margin:0;
  200. padding:0;
  201. background:#f3f3f7;
  202. width:87px;
  203. height:90px;
  204. border-radius:2px 2px 0 0;
  205. -moz-border-radius:2px 2px 0 0;
  206. -ms-border-radius:2px 2px 0 0;
  207. -o-border-radius:2px 2px 0 0;
  208. -webkit-border-radius:2px 2px 0 0;
  209. cursor:pointer;
  210. .us-img-storage {
  211. display:block;
  212. margin:0 auto;
  213. width:54px;
  214. height:50px;
  215. }
  216. .us-drive-select {
  217. width:19px;
  218. height:12px;
  219. display:block;
  220. position:absolute;
  221. right:10px;
  222. top:10px;
  223. background:url(../img/media_drive_off.png) 0 0 no-repeat;
  224. }
  225. .us-layout-lbl-storage {
  226. display:block;
  227. text-align:center;
  228. font-size:11px;
  229. color:#454545;
  230. letter-spacing:-1px;
  231. font-weight:bold;
  232. margin:2px 0 0 0;
  233. font-family:'Dotum',Dotum,Sans-serif;
  234. line-height:14px;
  235. }
  236. }
  237. button.us-layout-storage-btn-none {
  238. cursor:default;
  239. .us-layout-lbl-storage {
  240. color:#9e9e9e;
  241. }
  242. .us-drive-select {
  243. display:none;
  244. }
  245. }
  246. button.us-layout-storage-btn-on {
  247. background:@dfcolor;
  248. }
  249. button.us-layout-storage-btn-off:hover {
  250. background:#41a5e7;
  251. }
  252. }
  253. li:first-child {
  254. button {
  255. background-image:none;
  256. }
  257. }
  258. }
  259. }
  260. .us-layout-storage-wrap ul li:first-child,.us-layout-storage-wrap ul li.line-first {
  261. padding:0 2px;
  262. background:none;
  263. }
  264. .us-layout-storage-wrap ul li button.us-layout-storage-btn-off:hover .us-drive-select,.us-layout-storage-wrap ul li button.us-layout-storage-btn-on .us-drive-select {
  265. background:url(../img/media_drive_on.png) 0 0 no-repeat;
  266. }
  267. .us-layout-storage-wrap ul li button.us-layout-storage-btn-on .us-layout-lbl-storage,.us-layout-storage-wrap ul li button.us-layout-storage-btn-off:hover .us-layout-lbl-storage {
  268. color:#fff;
  269. }
  270. .us-layout-storage-more {
  271. position:absolute;
  272. right:0;
  273. top:0;
  274. width:25px;
  275. height:80px;
  276. background:#777;
  277. cursor:pointer;
  278. padding:0;
  279. margin:0;
  280. border:0;
  281. text-align:center;
  282. img {
  283. width:15px;
  284. height:15px;
  285. margin:0;
  286. padding:0;
  287. }
  288. }
  289. /* ##### [cert select - storage more] ##### */
  290. .us-layout-storage-more-wrap {
  291. position:absolute;
  292. left:10px;
  293. top:10px;
  294. border:3px solid @dfcolor_dark;
  295. padding:7px;
  296. width:600px;
  297. height:auto;
  298. z-index:8250;
  299. background:#f3f3f7;
  300. .us-layout-storage-more {
  301. right:7px;
  302. top:7px;
  303. }
  304. ul {
  305. margin:0;
  306. padding:0;
  307. width:564px;
  308. height:auto;
  309. li:first-child {
  310. padding:0 3px 0 0;
  311. }
  312. li {
  313. float:left;
  314. list-style:none;
  315. text-align:center;
  316. position:relative;
  317. margin:0;
  318. padding:0 3px;
  319. background:url(../img/us-layout-storage-linebar.gif) 1px 18px no-repeat;
  320. button {
  321. vertical-align:top;
  322. border:0;
  323. margin:0;
  324. padding:0;
  325. background:#f3f3f7;
  326. width:88px;
  327. height:90px;
  328. border-radius:2px 2px 0 0;
  329. -moz-border-radius:2px 2px 0 0;
  330. -ms-border-radius:2px 2px 0 0;
  331. -o-border-radius:2px 2px 0 0;
  332. -webkit-border-radius:2px 2px 0 0;
  333. cursor:pointer;
  334. .us-drive-select {
  335. width:19px;
  336. height:12px;
  337. display:block;
  338. position:absolute;
  339. right:10px;
  340. top:10px;
  341. background:url(../img/media_drive_off.png) 0 0 no-repeat;
  342. }
  343. .us-img-storage {
  344. display:block;
  345. margin:0 auto;
  346. width:54px;
  347. height:50px;
  348. }
  349. .us-layout-lbl-storage {
  350. display:block;
  351. text-align:center;
  352. font-size:11px;
  353. color:#454545;
  354. letter-spacing:-1px;
  355. font-weight:bold;
  356. margin:2px 0 0 0;
  357. font-family:'Dotum',Dotum,Sans-serif;
  358. line-height:14px;
  359. }
  360. }
  361. button.us-layout-storage-btn-on {
  362. background:#bddcf2;
  363. border:1px solid #fff;
  364. border-radius:2px;
  365. -moz-border-radius:2px;
  366. -ms-border-radius:2px;
  367. -o-border-radius:2px;
  368. -webkit-border-radius:2px;
  369. }
  370. button.us-layout-storage-btn-off:hover {
  371. background:#bddcf2;
  372. border:1px solid #fff;
  373. border-radius:2px;
  374. -moz-border-radius:2px;
  375. -ms-border-radius:2px;
  376. -o-border-radius:2px;
  377. -webkit-border-radius:2px;
  378. }
  379. button.us-layout-storage-btn-none {
  380. cursor:default;
  381. .us-drive-select {
  382. display:none;
  383. }
  384. .us-layout-lbl-storage {
  385. color:#9e9e9e;
  386. }
  387. }
  388. }
  389. }
  390. }
  391. .us-layout-storage-more-wrap ul li:first-child,.us-layout-storage-more-wrap ul li.line-first {
  392. background-image:none;
  393. }
  394. /* ##### [cert select - list] ##### */
  395. .us-layout-list {
  396. background:@dfcolor;
  397. padding:10px;
  398. }
  399. .us-layout-list-inner {
  400. position:relative;
  401. height:200px;
  402. overflow-y:hidden;
  403. overflow-x:scroll;
  404. }
  405. .us-layout-list-load {
  406. position:absolute;
  407. background-color: @dfcolor;
  408. width: 100%;
  409. height: 100%;
  410. z-index: 1000;
  411. div {
  412. position: absolute;
  413. top: 40%;
  414. width: 100%;
  415. text-align: center;
  416. height: 40px;
  417. line-height: 40px;
  418. background-color: #414449;
  419. }
  420. img {
  421. vertical-align:middle;
  422. margin:-3px 5px 0 0;
  423. }
  424. }
  425. .us-layout-loading-o {
  426. z-index: 9998;
  427. margin: 0px;
  428. left: 0px;
  429. top: 0px;
  430. width: 100%;
  431. height: 100%;
  432. display: block;
  433. position:absolute;
  434. cursor: auto;
  435. opacity: 0.5;
  436. background-image: none;
  437. background-color: rgb(0, 0, 0);
  438. }
  439. .us-layout-loading {
  440. z-index: 9999;
  441. position:absolute;
  442. width: 500px;
  443. text-align: center;
  444. height: 40px;
  445. line-height: 40px;
  446. background-color: #414449;
  447. margin-left: 30%;
  448. margin-top: 25%;
  449. img {
  450. vertical-align:middle;
  451. margin:-3px 5px 0 0;
  452. }
  453. }
  454. .us-layout-tbl-list {
  455. width:536px;
  456. height:183px;
  457. border:0;
  458. margin:0;
  459. padding:0;
  460. border-collapse:collapse;
  461. caption {
  462. position:absolute;
  463. visibility:hidden;
  464. overflow:hidden;
  465. width:0;
  466. height:0;
  467. margin:0;
  468. padding:0;
  469. font-size:0;
  470. line-height:0;
  471. }
  472. thead {
  473. position:static;
  474. tr {
  475. position:static;
  476. }
  477. }
  478. th {
  479. position:static;
  480. padding:0 0 3px 0;
  481. width:auto;
  482. white-space:nowrap;
  483. background:none;
  484. font-weight:bold;
  485. text-align:center;
  486. cursor:default;
  487. vertical-align:middle;
  488. font-size:12px;
  489. }
  490. td {
  491. text-align:center;
  492. margin:0;
  493. padding:0;
  494. }
  495. td.list-l {
  496. text-align:left;
  497. .cert-tableview-cell {
  498. padding:0 0 0 10px;
  499. }
  500. }
  501. tr.list-select {
  502. td {
  503. div {
  504. background:#fff;
  505. color:@dfcolor;
  506. }
  507. }
  508. .check-icon {
  509. width:30px;
  510. height:34px;
  511. background:url(../img/cert_check.png) center 0 no-repeat;
  512. vertical-align:middle;
  513. padding:0 10px 0 0;
  514. }
  515. }
  516. .cert-tableview-cell {
  517. .us-cert-icon {
  518. display:block;
  519. vertical-align:middle;
  520. padding:0;
  521. margin:0;
  522. text-align:left;
  523. padding:0 0 0 10px;
  524. }
  525. .us-cert-icon.valid {
  526. background-position:0 -135px;
  527. }
  528. .us-cert-icon.unknown {
  529. background-position:-40px -135px;
  530. }
  531. .us-cert-icon.invalid {
  532. background-position:-80px -135px;
  533. }
  534. img {
  535. margin:3px 0 0 0;
  536. }
  537. }
  538. tr {
  539. .check-icon {
  540. width:10px;
  541. height:34px;
  542. border-bottom:1px solid #065992;
  543. float:right;
  544. margin:0;
  545. background:#f0f0f0;
  546. vertical-align:middle;
  547. }
  548. }
  549. }
  550. /* ##### [cert select - password] ##### */
  551. .us-layout-cert {
  552. height:78px;
  553. }
  554. .us-layout-pw {
  555. float:left;
  556. width:420px;
  557. margin:15px 0 0 0;
  558. .us-layout-lbl-pw {
  559. margin:0 0 9px 0;
  560. padding:0;
  561. line-height:14px;
  562. display:block;
  563. text-align:left;
  564. .us-pw-text1 {
  565. font-size:14px;
  566. font-weight:bold;
  567. color:@dfcolor;
  568. }
  569. .us-pw-text2 {
  570. font-size:11px;
  571. color:#777777;
  572. font-weight:normal;
  573. margin:0 0 0 6px;
  574. }
  575. }
  576. .us-layout-pw-text {
  577. border:2px solid @dfcolor;
  578. margin:0;
  579. padding:7px 10px;
  580. width:420px;
  581. font-size:16px;
  582. color:#454545;
  583. box-sizing:content-box;
  584. }
  585. }
  586. .us-layout-btns {
  587. padding:4px 0 0 0;
  588. margin-bottom: 10px;
  589. ul {
  590. margin:0;
  591. padding:0;
  592. overflow: auto;
  593. li {
  594. list-style:none;
  595. float:left;
  596. margin:0 6px 6px 0;
  597. padding:0;
  598. .us-layout-normal-btn {
  599. background:#fff;
  600. border:1px solid #777;
  601. color:#777;
  602. font-size:11px;
  603. height:28px;
  604. line-height:26px;
  605. width:83px;
  606. cursor:pointer;
  607. font-family:'Dotum',Dotum,Sans-serif;
  608. margin:0;
  609. padding:0;
  610. }
  611. .us-layout-normal-btn:disabled {
  612. background:#f9f9f9;
  613. color:#c0c0c2;
  614. border:1px solid #c1c0c3;
  615. cursor:default;
  616. }
  617. }
  618. li.us-right {
  619. float:right;
  620. }
  621. li.us-bottom {
  622. margin:0;
  623. }
  624. li.last-btn {
  625. float: right;
  626. margin-top: -2px;
  627. }
  628. }
  629. }
  630. /* ##### [cert select - bottom] ##### */
  631. .us-layout-bottom {
  632. background:#fff;
  633. padding:0 20px;
  634. }
  635. .us-layout-bottom-right {
  636. float: right;
  637. }
  638. .us-layout-lbl-notice {
  639. font-size:12px;
  640. padding:0;
  641. margin:8px 0 0 0;
  642. line-height:12px;
  643. color:#454545;
  644. text-overflow:ellipsis;
  645. white-space:nowrap;
  646. text-align:left;
  647. }
  648. .us-layout-bottom-btns {
  649. float:right;
  650. margin:6px 0 10px 0;
  651. padding:0;
  652. ul {
  653. margin:0;
  654. padding:0;
  655. li {
  656. float:left;
  657. list-style:none;
  658. padding:0;
  659. margin:0;
  660. input.h35 {
  661. height: 36px;
  662. }
  663. }
  664. li.us-li-first {
  665. input {
  666. margin:0 10px 0 0;
  667. }
  668. }
  669. li.btn-confirm {
  670. margin-top: 35px;
  671. }
  672. }
  673. }
  674. .us-layout-hidden {
  675. display:none;
  676. }
  677. .us-layout-file-search-hidden {
  678. font-size:0;
  679. line-height:0;
  680. width:0;
  681. height:0;
  682. display:none;
  683. }
  684. /* ##### [cert view] ##### */
  685. .us-layout-cert-view {
  686. position:absolute;
  687. background:#fff;
  688. width:460px;
  689. height:auto;
  690. z-index:8250;
  691. top:10px;
  692. left:10px;
  693. padding:0;
  694. margin:0;
  695. -webkit-user-select:none;
  696. -moz-user-select:-moz-none;
  697. -ms-user-select:none;
  698. user-select:none;
  699. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  700. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  701. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  702. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  703. img {
  704. margin:0;
  705. padding:0;
  706. border:0;
  707. outline:0;
  708. vertical-align:top;
  709. }
  710. }
  711. .us-layer-body {
  712. padding:20px;
  713. background:#f4f3f8;
  714. }
  715. /* ##### [sub - title bar] ##### */
  716. .us-layer-title {
  717. cursor:move;
  718. height:40px;
  719. background:#303338;
  720. .us-layer-lbl-title {
  721. font-size:14px;
  722. font-weight:bold;
  723. color:#fff;
  724. text-align:center;
  725. margin:0;
  726. padding:0;
  727. line-height:40px;
  728. }
  729. }
  730. .us-layer-cls-btn {
  731. position:absolute;
  732. top:10px;
  733. right:11px;
  734. background:transparent;
  735. padding:0;
  736. margin:0;
  737. display:block;
  738. width:21px;
  739. height:20px;
  740. cursor:pointer;
  741. border:0;
  742. outline:0;
  743. }
  744. /* ##### [cert view - tabmenu] ##### */
  745. .us-layout-view-tab {
  746. position:relative;
  747. padding:0;
  748. margin:0;
  749. height:435px;
  750. width:auto;
  751. li {
  752. list-style:none;
  753. float:left;
  754. margin:0;
  755. padding:0;
  756. a {
  757. position:absolute;
  758. display:block;
  759. font-size:12px;
  760. font-weight:bold;
  761. width:94px;
  762. height:22px;
  763. top:8px;
  764. background:#676a6f;
  765. text-align:center;
  766. color:#fff;
  767. text-decoration:none;
  768. line-height:22px;
  769. }
  770. a:hover {
  771. background:#41a5e7;
  772. height:30px;
  773. top:0;
  774. line-height:38px;
  775. }
  776. a.active {
  777. background:@dfcolor;
  778. height:30px;
  779. top:0;
  780. line-height:38px;
  781. }
  782. }
  783. li.us-view-tab1 {
  784. a {
  785. left:0;
  786. }
  787. }
  788. li.us-view-tab2 {
  789. a {
  790. left:97px;
  791. }
  792. }
  793. li.us-view-tab3 {
  794. a {
  795. left:194px;
  796. }
  797. }
  798. }
  799. .us-view-tab-content {
  800. background:#fff;
  801. border:10px solid @dfcolor;
  802. font-family:'Dotum',Dotum,Sans-serif;
  803. color:#000;
  804. text-align:left;
  805. font-size:12px;
  806. margin:0;
  807. }
  808. .us-layout-view-content {
  809. display:none;
  810. margin-top:30px;
  811. }
  812. /* ##### [cert view - tab simple] ##### */
  813. .us-layout-view-simple {
  814. clear:both;
  815. padding:20px;
  816. width:360px;
  817. height:345px;
  818. dl {
  819. border-bottom:1px solid #e3e3e3;
  820. padding:0 0 25px 0;
  821. margin:0 0 15px 0;
  822. overflow:hidden;
  823. dt {
  824. font-weight:bold;
  825. color:#454545;
  826. margin:0 0 10px 0;
  827. padding:0;
  828. }
  829. dd {
  830. margin:0;
  831. padding:0;
  832. }
  833. }
  834. dl.us-layout-view-cert-validity-date {
  835. padding:0 0 15px 0;
  836. }
  837. .us-layout-view-cert-info {
  838. clear:both;
  839. }
  840. .us-layout-view-cert-img {
  841. float:left;
  842. width:80px;
  843. margin:0;
  844. padding:0;
  845. display:block;
  846. height:45px;
  847. vertical-align:middle;
  848. }
  849. .us-layout-view-cert-status {
  850. margin:0 0 0 60px;
  851. padding:0;
  852. font-size:12px;
  853. font-family:'Dotum',Dotum,Sans-serif;
  854. color:#464646;
  855. font-weight:bold;
  856. line-height:16px;
  857. }
  858. .us-layout-view-cert-info-subject {
  859. float:left;
  860. margin:0;
  861. }
  862. .us-layout-view-cert-info-data {
  863. float:left;
  864. margin:0 0 0 8px;
  865. }
  866. .us-layout-view-cert-purpose {
  867. clear:both;
  868. font-size:12px;
  869. font-family:'Dotum',Dotum,Sans-serif;
  870. color:#464646;
  871. font-weight:normal;
  872. width:auto;
  873. height:auto;
  874. }
  875. }
  876. /* ##### [cert view - tab detail] ##### */
  877. .us-layout-view-detail {
  878. clear:both;
  879. padding:10px;
  880. width:380px;
  881. height:365px;
  882. }
  883. .us-layout-view-list {
  884. text-align:center;
  885. vertical-align:middle;
  886. display:block;
  887. border:0;
  888. margin:0 0 10px 0;
  889. padding:0;
  890. background:none;
  891. border:1px solid #e1e1e1;
  892. }
  893. .us-layout-view-list-inner {
  894. position:relative;
  895. height:250px;
  896. text-align:left;
  897. vertical-align:middle;
  898. display:block;
  899. border:0;
  900. padding:0;
  901. overflow:visible;
  902. }
  903. .us-layout-view-tbl-list {
  904. position:static;
  905. border-collapse:collapse;
  906. width:358;
  907. height:250px;
  908. border:0;
  909. margin:0;
  910. padding:0;
  911. caption {
  912. position:absolute;
  913. visibility:hidden;
  914. overflow:hidden;
  915. width:0;
  916. height:0;
  917. margin:0;
  918. padding:0;
  919. font-size:0;
  920. line-height:0;
  921. }
  922. th {
  923. border:0;
  924. margin:0;
  925. padding:0;
  926. background:#676a6f;
  927. font-size:12px;
  928. color:#fff;
  929. text-align:center;
  930. height:25px;
  931. font-weight:normal;
  932. }
  933. td {
  934. border:0;
  935. margin:0;
  936. padding:0;
  937. background:#fff;
  938. font-size:11px;
  939. text-align:left;
  940. }
  941. }
  942. .us-layout-view-detail-data {
  943. height:100px;
  944. margin:0;
  945. padding:0;
  946. border:1px solid #e3e3e3;
  947. .us-layout-view-detail-text-box {
  948. width:370px;
  949. height:90px;
  950. margin:0;
  951. padding:5px;
  952. font-family:'Dotum',Dotum,Sans-serif;
  953. font-size:11px;
  954. color:#000;
  955. overflow:scroll;
  956. border:0;
  957. box-sizing:content-box;
  958. }
  959. }
  960. .us-layout-view-grid-head-div {
  961. position:relative;
  962. width:378px;
  963. height:25px;
  964. border:0;
  965. padding:0;
  966. margin:0;
  967. overflow:hidden;
  968. }
  969. .us-layout-view-grid-head-row {
  970. position:static;
  971. width:378px;
  972. height:25px;
  973. border:0;
  974. padding:0;
  975. margin:0;
  976. .us-layout-view-grid-row-title-element:first-child {
  977. background:url(../img/us-layout-view-detail-linebar.gif) right 0 no-repeat;
  978. }
  979. }
  980. .us-layout-view-grid-row-title-element {
  981. position:relative;
  982. float:left;
  983. font-size:11px;
  984. text-align:left;
  985. border:0;
  986. line-height:25px;
  987. padding:0 15px 0 15px;
  988. margin:0;
  989. }
  990. .us-layout-view-grid-body-div {
  991. position:relative;
  992. width:378px;
  993. height:224px;
  994. border:0;
  995. padding:0;
  996. margin:0;
  997. overflow-x:hidden;
  998. overflow-y:scroll;
  999. }
  1000. .us-layout-view-grid-body-row {
  1001. position:static;
  1002. width:378px;
  1003. height:20px;
  1004. border:0;
  1005. padding:0;
  1006. margin:0;
  1007. }
  1008. .us-layout-view-grid-row-data-element {
  1009. float:left;
  1010. text-align:left;
  1011. white-space:nowrap;
  1012. overflow:hidden;
  1013. text-overflow:ellipsis;
  1014. font-size:11px;
  1015. height:20px;
  1016. background:#fff;
  1017. line-height:20px;
  1018. color:#656565;
  1019. margin:0;
  1020. padding:0 15px 0 15px;
  1021. box-sizing:content-box;
  1022. }
  1023. .us-layout-view-grid-row-data-selected-element {
  1024. float:left;
  1025. text-align:left;
  1026. white-space:nowrap;
  1027. overflow:hidden;
  1028. text-overflow:ellipsis;
  1029. font-size:11px;
  1030. height:20px;
  1031. background:#e5f3fc;
  1032. line-height:20px;
  1033. color:#656565;
  1034. margin:0;
  1035. padding:0 15px 0 15px;
  1036. text-decoration:underline;
  1037. box-sizing:content-box;
  1038. }
  1039. /* #### [cert view - tab certpath] #### */
  1040. .us-layout-view-certpath {
  1041. clear:both;
  1042. padding:20px;
  1043. width:360px;
  1044. height:345px;
  1045. dl {
  1046. border-bottom:1px solid #e3e3e3;
  1047. padding:0;
  1048. margin:0 0 15px 0;
  1049. overflow:hidden;
  1050. dt {
  1051. font-weight:bold;
  1052. color:#454545;
  1053. margin:0 0 10px 0;
  1054. padding:0;
  1055. float:left;
  1056. }
  1057. dd {
  1058. margin:0;
  1059. margin:0 0 10px 0;
  1060. }
  1061. dd.subject {
  1062. font-weight:bold;
  1063. color:#454545;
  1064. margin:0 0 10px 0;
  1065. padding:0;
  1066. }
  1067. }
  1068. div.link {
  1069. font-size: 11px;
  1070. color: #6695EB;
  1071. cursor: pointer;
  1072. text-align: center;
  1073. }
  1074. div.link:hover {
  1075. color: #66C8EB;
  1076. }
  1077. ul {
  1078. display: inline-block;
  1079. margin: 0;
  1080. padding: 0;
  1081. word-break: break-all;
  1082. font-size: 11px;
  1083. height: 110px;
  1084. li {
  1085. padding: 0;
  1086. list-style: none;
  1087. float: left;
  1088. line-height: 12px;
  1089. max-width: 260px;
  1090. margin: 2px 2px 2px 0;
  1091. }
  1092. li.dot {
  1093. clear:both;
  1094. margin-left: 2px;
  1095. width:21px;
  1096. height: 17px;
  1097. background:url(../img/dot.png) no-repeat;
  1098. }
  1099. li.dot2 {
  1100. clear:both;
  1101. margin-left: 25px;
  1102. width:21px;
  1103. height: 17px;
  1104. background:url(../img/dot.png) no-repeat;
  1105. }
  1106. li.invalid {
  1107. background:url(../img/cert_invalid_small.png) no-repeat;
  1108. width: 40px;
  1109. height: 29px;
  1110. }
  1111. li.valid {
  1112. background:url(../img/cert_valid_small.png) no-repeat;
  1113. width: 40px;
  1114. height: 29px;
  1115. }
  1116. }
  1117. }
  1118. .btn-action {
  1119. height:30px;
  1120. font-weight:bold;
  1121. font-size:14px;
  1122. line-height:28px;
  1123. cursor:pointer;
  1124. font-family:'Dotum',Dotum,Sans-serif;
  1125. padding:1px 6px;
  1126. margin-bottom:3px;
  1127. color:@dfcolor;
  1128. background:#fff;
  1129. border-bottom:3px solid @dfcolor;
  1130. border-left:1px solid @dfcolor;
  1131. border-top:1px solid @dfcolor;
  1132. border-right:1px solid @dfcolor;
  1133. }
  1134. .us-layout-cert-manage-detail-box {
  1135. div {
  1136. margin: 3px;
  1137. line-height: 19px;
  1138. }
  1139. .us-div-cert-manage-detail-box-btns {
  1140. margin: 0;
  1141. text-align: right;
  1142. width: 160px;
  1143. }
  1144. .us-layout-big-btn {
  1145. background:#fff;
  1146. border:1px solid #777;
  1147. color:#777;
  1148. font-size:11px;
  1149. height:65px;
  1150. min-width:63px;
  1151. cursor:pointer;
  1152. font-family:'Dotum',Dotum,Sans-serif;
  1153. padding:5px;
  1154. }
  1155. .us-layout-big-btn:disabled {
  1156. background:#f9f9f9;
  1157. color:#c0c0c2;
  1158. border:1px solid #c1c0c3;
  1159. cursor:default;
  1160. }
  1161. }
  1162. /* ##### [drive select] ##### */
  1163. .us-layout-drive-select {
  1164. font-family:'Dotum',Dotum,Sans-serif;
  1165. position:absolute;
  1166. background:#f3f3f7;
  1167. width:340px;
  1168. z-index:8250;
  1169. -webkit-user-select:none;
  1170. -moz-user-select:-moz-none;
  1171. -ms-user-select:none;
  1172. padding:0;
  1173. margin:0;
  1174. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1175. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1176. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1177. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1178. img {
  1179. margin:0;
  1180. padding:0;
  1181. border:0;
  1182. outline:0;
  1183. vertical-align:top;
  1184. }
  1185. }
  1186. .us-layout-drive-l {
  1187. float:left;
  1188. width:92px;
  1189. border:1px solid #fff;
  1190. margin:0 20px 0 0;
  1191. text-align:center;
  1192. }
  1193. .us-layout-drive-select-img {
  1194. border-top:1px solid #dadade;
  1195. border-left:1px solid #dadade;
  1196. padding-top:13px;
  1197. }
  1198. .us-storage-name {
  1199. display:block;
  1200. text-align:center;
  1201. font-size:11px;
  1202. color:#454545;
  1203. letter-spacing:-1px;
  1204. font-weight:bold;
  1205. margin:2px 0 0 0;
  1206. padding:0 0 7px 0;
  1207. font-family:'Dotum',Dotum,Sans-serif;
  1208. line-height:14px;
  1209. }
  1210. .us-layout-drive-r {
  1211. padding:0 0 0 114px;
  1212. }
  1213. .us-layout-drive-select-disk-lbl {
  1214. display:block;
  1215. font-size:12px;
  1216. color:#454545;
  1217. font-weight:bold;
  1218. letter-spacing:0px;
  1219. line-height:12px;
  1220. margin:0;
  1221. padding:20px 0 10px 0;
  1222. }
  1223. .us-layout-drive-select-disk-select {
  1224. font-size:14px;
  1225. color:#454545;
  1226. line-height:28px;
  1227. padding:4px 10px 4px 10px;
  1228. margin:0;
  1229. width:160px;
  1230. font-weight:bold;
  1231. box-sizing:content-box;
  1232. border-top:1px solid #595c60;
  1233. border-left:1px solid #595c60;
  1234. border-right:1px solid #dadade;
  1235. border-bottom:1px solid #dadade;
  1236. }
  1237. /* ##### [sectoken select] ##### */
  1238. .us-layout-sectoken-select {
  1239. font-family:'Dotum',Dotum,Sans-serif;
  1240. position:absolute;
  1241. background:#f3f3f7;
  1242. width:560px;
  1243. -webkit-user-select:none;
  1244. -moz-user-select:-moz-none;
  1245. -ms-user-select:none;
  1246. padding:0;
  1247. margin:0;
  1248. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1249. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1250. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1251. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1252. img {
  1253. margin:0;
  1254. padding:0;
  1255. border:0;
  1256. outline:0;
  1257. vertical-align:top;
  1258. }
  1259. }
  1260. .us-layout-sectoken-select-notice {
  1261. padding:0;
  1262. margin:0 0 10px 0;
  1263. }
  1264. .us-layout-sectoken-select-lbl-notice {
  1265. font-family:'Dotum',Dotum,Sans-serif;
  1266. font-size:12px;
  1267. color:#454545;
  1268. font-weight:bold;
  1269. margin:0;
  1270. padding:0;
  1271. letter-spacing:0;
  1272. }
  1273. .us-layout-sectoken-select-list {
  1274. height:160px;
  1275. background:#fff;
  1276. overflow-y:hidden;
  1277. overflow-x:scroll;
  1278. }
  1279. .us-layout-sectoken-select-tbl-list {
  1280. border:0;
  1281. border-collapse:collapse;
  1282. margin:0;
  1283. padding:0;
  1284. width:520px;
  1285. height:145px;
  1286. caption {
  1287. position:absolute;
  1288. visibility:hidden;
  1289. overflow:hidden;
  1290. width:0;
  1291. height:0;
  1292. margin:0;
  1293. padding:0;
  1294. font-size:0;
  1295. line-height:0;
  1296. }
  1297. th {
  1298. font-family:'Dotum',Dotum,Sans-serif;
  1299. background:#676a6f;
  1300. font-size:12px;
  1301. color:#fff;
  1302. line-height:25px;
  1303. font-weight:normal;
  1304. height:25px;
  1305. text-align:center;
  1306. border:0;
  1307. padding:0;
  1308. margin:0;
  1309. }
  1310. td {
  1311. font-family:'Dotum',Dotum,Sans-serif;
  1312. font-size:11px;
  1313. color:#666666;
  1314. line-height:20px;
  1315. padding:0;
  1316. margin:0;
  1317. text-align:left;
  1318. }
  1319. }
  1320. .us-layout-sectoken-select-driver {
  1321. margin:10px 0 0 0;
  1322. .driver-txt {
  1323. float:left;
  1324. width:355px;
  1325. background:url(../img/point_icon1.png) 0 1px no-repeat;
  1326. padding:0 0 0 17px;
  1327. box-sizing:content-box;
  1328. }
  1329. .driver-btn {
  1330. text-align:right;
  1331. }
  1332. }
  1333. .us-layout-sectoken-select-notice-txt {
  1334. font-family:'Dotum',Dotum,Sans-serif;
  1335. font-size:11px;
  1336. color:#666666;
  1337. line-height:16px;
  1338. text-align:left;
  1339. margin:0;
  1340. padding:0;
  1341. }
  1342. .us-layout-sectoken-select-install-driver-btn {
  1343. font-family:'Dotum',Dotum,Sans-serif;
  1344. background:#fff;
  1345. color:#666;
  1346. font-weight:normal;
  1347. border:1px solid #666;
  1348. width:134px;
  1349. height:28px;
  1350. text-align:center;
  1351. line-height:26px;
  1352. font-size:11px;
  1353. box-shadow:0 1px 0 rgba(255,255,255,1);
  1354. padding:0;
  1355. margin:0;
  1356. outline:0;
  1357. }
  1358. .us-layout-sectoken-select-grid-head-div {
  1359. position:relative;
  1360. padding:0;
  1361. margin:0;
  1362. overflow:hidden;
  1363. border:0;
  1364. height:25px;
  1365. width:520px;
  1366. }
  1367. .us-layout-sectoken-select-grid-head-row {
  1368. position:static;
  1369. padding:0;
  1370. margin:0;
  1371. border:0;
  1372. height:25px;
  1373. width:520px;
  1374. }
  1375. .us-sectoken-select-grid-head-div {
  1376. position:relative;
  1377. width:520px;
  1378. height:25px;
  1379. border:0;
  1380. padding:0;
  1381. margin:0;
  1382. overflow:hidden;
  1383. }
  1384. .us-sectoken-select-grid-head-row {
  1385. position:static;
  1386. width:520px;
  1387. height:25px;
  1388. border:0;
  1389. padding:0;
  1390. margin:0;
  1391. .us-layout-sectoken-select-grid-row-title-element:first-child {
  1392. background:none;
  1393. }
  1394. }
  1395. .us-layout-sectoken-select-grid-row-title-element {
  1396. position:relative;
  1397. float:left;
  1398. font-size:11px;
  1399. text-align:center;
  1400. border:0;
  1401. line-height:25px;
  1402. padding:0;
  1403. margin:0;
  1404. background:url(../img/us-layout-view-detail-linebar.gif) -1px 0 no-repeat;
  1405. }
  1406. .us-layout-sectoken-select-grid-row-title-divider {
  1407. position:relative;
  1408. width:1px;
  1409. float:left;
  1410. background-color:#494c51;
  1411. margin:0;
  1412. padding:0;
  1413. }
  1414. .us-layout-sectoken-select-grid-body-div {
  1415. position:relative;
  1416. width:520px;
  1417. height:118px;
  1418. border:0;
  1419. padding:0;
  1420. margin:0;
  1421. overflow-x:hidden;
  1422. overflow-y:scroll;
  1423. }
  1424. .us-layout-sectoken-select-grid-body-row {
  1425. position:static;
  1426. width:520px;
  1427. height:20px;
  1428. border:0;
  1429. padding:0;
  1430. margin:0;
  1431. }
  1432. .us-sectoken-select-grid-row-data-element {
  1433. float:left;
  1434. text-align:left;
  1435. white-space:nowrap;
  1436. overflow:hidden;
  1437. text-overflow:ellipsis;
  1438. font-size:11px;
  1439. height:20px;
  1440. background:#fff;
  1441. line-height:20px;
  1442. color:#656565;
  1443. margin:0;
  1444. padding:0 15px 0 15px;
  1445. box-sizing:content-box;
  1446. }
  1447. .us-layout-sectoken-select-grid-row-data-element {
  1448. float:left;
  1449. text-align:left;
  1450. white-space:nowrap;
  1451. overflow:hidden;
  1452. text-overflow:ellipsis;
  1453. font-size:11px;
  1454. height:20px;
  1455. background:#fff;
  1456. line-height:20px;
  1457. color:#656565;
  1458. margin:0;
  1459. padding:0 15px 0 15px;
  1460. box-sizing:content-box;
  1461. }
  1462. .us-layout-sectoken-select-grid-row-data-selected-element {
  1463. float:left;
  1464. text-align:left;
  1465. white-space:nowrap;
  1466. overflow:hidden;
  1467. text-overflow:ellipsis;
  1468. font-size:11px;
  1469. height:20px;
  1470. background:#e5f3fc;
  1471. line-height:20px;
  1472. color:#656565;
  1473. margin:0;
  1474. padding:0 15px 0 15px;
  1475. text-decoration:underline;
  1476. box-sizing:content-box;
  1477. }
  1478. /* ##### [cert verify] ##### */
  1479. .us-layout-cert-verify {
  1480. font-family:'Dotum',Dotum,Sans-serif;
  1481. position:absolute;
  1482. background:#f3f3f7;
  1483. width:340px;
  1484. z-index:8250;
  1485. -webkit-user-select:none;
  1486. -moz-user-select:-moz-none;
  1487. -ms-user-select:none;
  1488. padding:0;
  1489. margin:0;
  1490. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1491. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1492. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1493. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1494. }
  1495. .us-layout-cert-verify-noti-lbl {
  1496. margin:0;
  1497. padding:0;
  1498. color:#454545;
  1499. font-size:12px;
  1500. line-height:18px;
  1501. font-weight:bold;
  1502. text-align:left;
  1503. text-decoration:none;
  1504. letter-spacing:0;
  1505. }
  1506. /* ##### [change password] ##### */
  1507. .us-layout-change-password {
  1508. font-family:'Dotum',Dotum,Sans-serif;
  1509. position:absolute;
  1510. background:#f3f3f7;
  1511. width:450px;
  1512. z-index:8250;
  1513. -webkit-user-select:none;
  1514. -moz-user-select:-moz-none;
  1515. -ms-user-select:none;
  1516. padding:0;
  1517. margin:0;
  1518. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1519. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1520. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1521. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1522. img {
  1523. margin:0;
  1524. padding:0;
  1525. border:0;
  1526. outline:0;
  1527. vertical-align:top;
  1528. }
  1529. }
  1530. .us-layout-change-password-notice {
  1531. height:90px;
  1532. margin:0 0 20px 0;
  1533. }
  1534. .us-layout-change-password-notice-l {
  1535. float:left;
  1536. width:92px;
  1537. border:1px solid #fff;
  1538. margin:0 20px 0 0;
  1539. text-align:center;
  1540. }
  1541. .us-layout-change-password-img {
  1542. padding:13px 0 0 21px;
  1543. border-top:1px solid #dadade;
  1544. border-left:1px solid #dadade;
  1545. }
  1546. .us-layout-change-password-notice-r {
  1547. padding:30px 0 0 114px;
  1548. }
  1549. .us-layout-change-password-notice-text {
  1550. margin:0;
  1551. padding:0;
  1552. color:#454545;
  1553. font-size:12px;
  1554. line-height:16px;
  1555. font-weight:bold;
  1556. text-align:left;
  1557. text-decoration:none;
  1558. letter-spacing:0;
  1559. }
  1560. .us-layout-change-password-notice-text2 {
  1561. margin:0;
  1562. padding:0;
  1563. color:#666;
  1564. line-height:16px;
  1565. font-size:11px;
  1566. font-weight:normal;
  1567. }
  1568. .us-layout-change-password-input {
  1569. dl {
  1570. position:static;
  1571. padding:0;
  1572. margin:0;
  1573. width:auto;
  1574. height:auto;
  1575. dt {
  1576. position:static;
  1577. float:left;
  1578. width:114px;
  1579. padding:0;
  1580. margin:0;
  1581. text-align:left;
  1582. }
  1583. dt.password-bold-title {
  1584. label {
  1585. color:#454545;
  1586. font-weight:bold;
  1587. }
  1588. }
  1589. dd {
  1590. position:static;
  1591. float:none;
  1592. width:auto;
  1593. height:auto;
  1594. padding:0 0 10px 0;
  1595. margin:0 0 0 115px;
  1596. }
  1597. dd.us-line-style1 {
  1598. border-bottom:1px solid #e0e0e6;
  1599. }
  1600. dd.us-line-style2 {
  1601. padding:10px 0 0 0;
  1602. border-top:1px solid #fff;
  1603. }
  1604. }
  1605. }
  1606. .us-layout-change-password-input-textbox {
  1607. font-size:12px;
  1608. width:278px;
  1609. height:20px;
  1610. color:#454545;
  1611. line-height:16px;
  1612. padding:4px 8px 4px 7px;
  1613. margin:0;
  1614. box-sizing:content-box;
  1615. border-top:1px solid #595c60;
  1616. border-left:1px solid #595c60;
  1617. border-right:1px solid #dadade;
  1618. border-bottom:1px solid #dadade;
  1619. }
  1620. .us-layout-change-password-input-lbl {
  1621. background:url(../img/dot_icon.gif) 0 7px no-repeat;
  1622. display:block;
  1623. font-size:12px;
  1624. color:#666;
  1625. font-weight:normal;
  1626. letter-spacing:-1px;
  1627. margin:8px 0 0 0;
  1628. padding:0 0 0 7px;
  1629. line-height:16px;
  1630. }
  1631. .us-layout-change-password-warning-text {
  1632. background:url(../img/point_icon1.png) 0 1px no-repeat;
  1633. padding:0 0 0 20px;
  1634. margin:8px 0 0 0;
  1635. font-family:'Dotum',Dotum,Sans-serif;
  1636. font-size:11px;
  1637. color:#666666;
  1638. line-height:16px;
  1639. text-align:left;
  1640. }
  1641. /* ##### [password] ##### */
  1642. .us-layout-password {
  1643. font-family:'Dotum',Dotum,Sans-serif;
  1644. position:absolute;
  1645. background:#f3f3f7;
  1646. width:450px;
  1647. z-index:8250;
  1648. -webkit-user-select:none;
  1649. -moz-user-select:-moz-none;
  1650. -ms-user-select:none;
  1651. padding:0;
  1652. margin:0;
  1653. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1654. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1655. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1656. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1657. img {
  1658. margin:0;
  1659. padding:0;
  1660. border:0;
  1661. outline:0;
  1662. vertical-align:top;
  1663. }
  1664. }
  1665. .us-layout-password-body-l {
  1666. float:left;
  1667. width:92px;
  1668. border:1px solid #fff;
  1669. margin:0 20px 0 0;
  1670. text-align:center;
  1671. }
  1672. .us-layout-password-img {
  1673. padding:17px 0 0 14px;
  1674. border-top:1px solid #dadade;
  1675. border-left:1px solid #dadade;
  1676. }
  1677. .us-layout-password-body-r {
  1678. padding:18px 0 0 114px;
  1679. }
  1680. .us-layout-password-notice-text {
  1681. display:block;
  1682. margin:0 0 10px 0;
  1683. padding:0;
  1684. color:#454545;
  1685. font-size:12px;
  1686. line-height:16px;
  1687. font-weight:bold;
  1688. text-align:left;
  1689. text-decoration:none;
  1690. letter-spacing:0;
  1691. }
  1692. .us-layout-password-input-textbox {
  1693. font-size:12px;
  1694. width:278px;
  1695. height:20px;
  1696. color:#454545;
  1697. line-height:16px;
  1698. padding:4px 8px 4px 7px;
  1699. margin:0;
  1700. box-sizing:content-box;
  1701. border-top:1px solid #595c60;
  1702. border-left:1px solid #595c60;
  1703. border-right:1px solid #dadade;
  1704. border-bottom:1px solid #dadade;
  1705. }
  1706. /* ##### [new password] ##### */
  1707. .us-layout-new-password {
  1708. font-family:'Dotum',Dotum,Sans-serif;
  1709. position:absolute;
  1710. background:#f3f3f7;
  1711. width:450px;
  1712. z-index:8250;
  1713. -webkit-user-select:none;
  1714. -moz-user-select:-moz-none;
  1715. -ms-user-select:none;
  1716. padding:0;
  1717. margin:0;
  1718. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1719. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1720. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1721. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1722. img {
  1723. margin:0;
  1724. padding:0;
  1725. border:0;
  1726. outline:0;
  1727. vertical-align:top;
  1728. }
  1729. }
  1730. .us-layout-new-password-notice {
  1731. height:90px;
  1732. margin:0 0 20px 0;
  1733. }
  1734. .us-layout-new-password-notice-l {
  1735. float:left;
  1736. width:92px;
  1737. border:1px solid #fff;
  1738. margin:0 20px 0 0;
  1739. text-align:center;
  1740. }
  1741. .us-layout-new-password-img {
  1742. padding:13px 0 0 21px;
  1743. border-top:1px solid #dadade;
  1744. border-left:1px solid #dadade;
  1745. }
  1746. .us-layout-new-password-notice-r {
  1747. padding:30px 0 0 114px;
  1748. }
  1749. .us-layout-new-password-notice-text {
  1750. margin:0;
  1751. padding:0;
  1752. color:#454545;
  1753. font-size:12px;
  1754. line-height:16px;
  1755. font-weight:bold;
  1756. text-align:left;
  1757. text-decoration:none;
  1758. letter-spacing:0;
  1759. }
  1760. .us-layout-new-password-notice-text2 {
  1761. margin:0;
  1762. padding:0;
  1763. color:#666;
  1764. line-height:16px;
  1765. font-size:11px;
  1766. font-weight:normal;
  1767. }
  1768. .us-layout-new-password-input {
  1769. dl {
  1770. position:static;
  1771. padding:0 0 10px 0;
  1772. margin:0;
  1773. width:auto;
  1774. height:auto;
  1775. dt {
  1776. position:static;
  1777. float:left;
  1778. width:114px;
  1779. padding:0;
  1780. margin:0;
  1781. text-align:left;
  1782. }
  1783. dd {
  1784. position:static;
  1785. float:none;
  1786. width:auto;
  1787. height:auto;
  1788. padding:0;
  1789. margin:0 0 0 115px;
  1790. }
  1791. }
  1792. }
  1793. .us-layout-new-password-input-textbox {
  1794. font-size:12px;
  1795. width:278px;
  1796. height:20px;
  1797. color:#454545;
  1798. line-height:16px;
  1799. padding:4px 8px 4px 7px;
  1800. margin:0;
  1801. box-sizing:content-box;
  1802. border-top:1px solid #595c60;
  1803. border-left:1px solid #595c60;
  1804. border-right:1px solid #dadade;
  1805. border-bottom:1px solid #dadade;
  1806. }
  1807. .us-layout-new-password-input-lbl {
  1808. background:url(../img/dot_icon.gif) 0 7px no-repeat;
  1809. display:block;
  1810. font-size:12px;
  1811. color:#666;
  1812. font-weight:normal;
  1813. letter-spacing:-1px;
  1814. margin:8px 0 0 0;
  1815. padding:0 0 0 7px;
  1816. line-height:16px;
  1817. text-align:left;
  1818. }
  1819. .us-layout-new-password-warning-text {
  1820. background:url(../img/point_icon1.png) 0 1px no-repeat;
  1821. padding:0 0 0 20px;
  1822. margin:8px 0 0 0;
  1823. font-family:'Dotum',Dotum,Sans-serif;
  1824. font-size:11px;
  1825. color:#666666;
  1826. line-height:16px;
  1827. text-align:left;
  1828. }
  1829. /* ##### [password check] ##### */
  1830. .us-password-check {
  1831. position:relative;
  1832. margin:15px 0 10px 0;
  1833. }
  1834. .us-password-check-arrow {
  1835. position:absolute;
  1836. left:0;
  1837. top:-11px;
  1838. background:url(../img/password_check_top_arrow.png) 0 0 no-repeat;
  1839. width:12px;
  1840. height:13px;
  1841. padding:0;
  1842. margin:0;
  1843. }
  1844. .us-password-check-inner {
  1845. border:1px solid #fff;
  1846. }
  1847. .us-password-check-box {
  1848. border-top:1px solid #dad9de;
  1849. border-left:1px solid #dad9de;
  1850. padding:6px 10px;
  1851. ul {
  1852. margin:0;
  1853. padding:0;
  1854. li {
  1855. background:url(../img/password_check2.png) 0 7px no-repeat;
  1856. list-style:none;
  1857. margin:0;
  1858. padding:0 0 0 14px;
  1859. font-size:11px;
  1860. line-height:20px;
  1861. color:#cd4b4b;
  1862. text-align:left;
  1863. }
  1864. li.check {
  1865. background:url(../img/password_check1.png) 0 7px no-repeat;
  1866. color:#777;
  1867. }
  1868. }
  1869. .txt {
  1870. margin:0;
  1871. padding:0 0 0 14px;
  1872. font-size:11px;
  1873. line-height:20px;
  1874. color:#454545;
  1875. }
  1876. }
  1877. /* ##### [cert issue] ##### */
  1878. .us-layout-cert-issue {
  1879. font-family:'Dotum',Dotum,Sans-serif;
  1880. position:absolute;
  1881. background:#f3f3f7;
  1882. width:450px;
  1883. z-index:8250;
  1884. -webkit-user-select:none;
  1885. -moz-user-select:-moz-none;
  1886. -ms-user-select:none;
  1887. padding:0;
  1888. margin:0;
  1889. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1890. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1891. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1892. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1893. img {
  1894. margin:0;
  1895. padding:0;
  1896. border:0;
  1897. outline:0;
  1898. vertical-align:top;
  1899. }
  1900. }
  1901. .us-layout-cert-issue-notice-lbl {
  1902. font-family:'Dotum',Dotum,Sans-serif;
  1903. font-size:12px;
  1904. color:#454545;
  1905. font-weight:bold;
  1906. margin:0;
  1907. padding:0 0 10px 0;
  1908. letter-spacing:0;
  1909. text-align:left;
  1910. }
  1911. .us-layout-cert-issue-input {
  1912. dl {
  1913. position:static;
  1914. padding:0;
  1915. margin:10px 0 0 0;
  1916. width:auto;
  1917. height:auto;
  1918. dt {
  1919. position:static;
  1920. float:left;
  1921. width:68px;
  1922. padding:0;
  1923. margin:0;
  1924. text-align:left;
  1925. }
  1926. dd {
  1927. position:static;
  1928. float:none;
  1929. width:auto;
  1930. height:auto;
  1931. padding:0;
  1932. margin:0 0 0 69px;
  1933. }
  1934. }
  1935. }
  1936. .us-layout-cert-issue-textbox {
  1937. font-size:12px;
  1938. width:322px;
  1939. height:20px;
  1940. color:#454545;
  1941. line-height:16px;
  1942. padding:4px 8px 4px 7px;
  1943. margin:0;
  1944. box-sizing:content-box;
  1945. border-top:1px solid #595c60;
  1946. border-left:1px solid #595c60;
  1947. border-right:1px solid #dadade;
  1948. border-bottom:1px solid #dadade;
  1949. }
  1950. .us-layout-cert-issue-lbl {
  1951. background:url(../img/dot_icon.gif) 0 7px no-repeat;
  1952. display:block;
  1953. font-size:12px;
  1954. color:#666;
  1955. font-weight:normal;
  1956. letter-spacing:-1px;
  1957. margin:8px 0 0 0;
  1958. padding:0 0 0 7px;
  1959. line-height:16px;
  1960. }
  1961. /* ##### [pin] ##### */
  1962. .us-layout-pin {
  1963. font-family:'Dotum',Dotum,Sans-serif;
  1964. position:absolute;
  1965. background:#f3f3f7;
  1966. width:450px;
  1967. z-index:8250;
  1968. -webkit-user-select:none;
  1969. -moz-user-select:-moz-none;
  1970. -ms-user-select:none;
  1971. padding:0;
  1972. margin:0;
  1973. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1974. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1975. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1976. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  1977. img {
  1978. margin:0;
  1979. padding:0;
  1980. border:0;
  1981. outline:0;
  1982. vertical-align:top;
  1983. }
  1984. }
  1985. .us-layout-pin-body-l {
  1986. float:left;
  1987. width:92px;
  1988. border:1px solid #fff;
  1989. margin:0 20px 0 0;
  1990. text-align:center;
  1991. }
  1992. .us-layout-pin-img {
  1993. border-top:1px solid #dadade;
  1994. border-left:1px solid #dadade;
  1995. padding-top:13px;
  1996. }
  1997. .us-layout-pin-body-r {
  1998. padding:0 0 0 114px;
  1999. }
  2000. .us-layout-pin-notice-text {
  2001. display:block;
  2002. font-size:12px;
  2003. color:#454545;
  2004. font-weight:bold;
  2005. letter-spacing:0px;
  2006. line-height:12px;
  2007. margin:0;
  2008. padding:20px 0 10px 0;
  2009. }
  2010. .us-layout-pin-input-textbox {
  2011. font-size:12px;
  2012. width:275px;
  2013. height:20px;
  2014. color:#454545;
  2015. line-height:16px;
  2016. padding:4px 8px 4px 7px;
  2017. margin:0;
  2018. box-sizing:content-box;
  2019. border-top:1px solid #595c60;
  2020. border-left:1px solid #595c60;
  2021. border-right:1px solid #dadade;
  2022. border-bottom:1px solid #dadade;
  2023. }
  2024. /* ##### [cert processing] ##### */
  2025. .us-layout-cert-processing {
  2026. width:435px;
  2027. height:50px;
  2028. background:#414449;
  2029. line-height:50px;
  2030. text-align:center;
  2031. img {
  2032. margin:0;
  2033. padding:0;
  2034. border:0;
  2035. outline:0;
  2036. vertical-align:top;
  2037. }
  2038. }
  2039. .us-layout-cert-processing-img {
  2040. img {
  2041. vertical-align:middle;
  2042. margin:-3px 5px 0 0;
  2043. }
  2044. }
  2045. .us-layout-cert-processing-text {
  2046. font-family:'Dotum',Dotum,Sans-serif;
  2047. color:#fff;
  2048. font-size:15px;
  2049. font-weight:bold;
  2050. }
  2051. /* ##### [cert revoke] ##### */
  2052. .us-layout-cert-revoke {
  2053. font-family:'Dotum',Dotum,Sans-serif;
  2054. position:absolute;
  2055. background:#f3f3f7;
  2056. width:340px;
  2057. z-index:8250;
  2058. -webkit-user-select:none;
  2059. -moz-user-select:-moz-none;
  2060. -ms-user-select:none;
  2061. padding:0;
  2062. margin:0;
  2063. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2064. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2065. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2066. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2067. }
  2068. .us-layout-cert-revoke-notice-lbl {
  2069. font-family:'Dotum',Dotum,Sans-serif;
  2070. font-size:12px;
  2071. color:#454545;
  2072. font-weight:bold;
  2073. margin:0;
  2074. padding:0 0 10px 0;
  2075. letter-spacing:0;
  2076. text-align:left;
  2077. }
  2078. .us-layout-cert-revoke-select {
  2079. border:1px solid #fff;
  2080. }
  2081. .us-layout-cert-revoke-select-inner {
  2082. border-top:1px solid #dadade;
  2083. border-left:1px solid #dadade;
  2084. padding:20px;
  2085. ul {
  2086. margin:0;
  2087. padding:0;
  2088. li:first-child {
  2089. margin:0;
  2090. }
  2091. li {
  2092. margin:0;
  2093. padding:0;
  2094. list-style:none;
  2095. line-height:26px;
  2096. text-align:left;
  2097. label {
  2098. font-family:'Dotum',Dotum,Sans-serif;
  2099. font-size:12px;
  2100. color:#454545;
  2101. font-weight:normal;
  2102. margin:0 0 0 6px;
  2103. padding:0;
  2104. letter-spacing:0;
  2105. }
  2106. }
  2107. }
  2108. }
  2109. .us-layout-cert-revoke-radiobox {
  2110. margin:0 0 -1px 0;
  2111. padding:0;
  2112. vertical-align:middle;
  2113. width:13px;
  2114. height:13px;
  2115. }
  2116. .us-layout-mobile-select {
  2117. font-family:'Dotum',Dotum,Sans-serif;
  2118. position:absolute;
  2119. background:#f3f3f7;
  2120. z-index:8250;
  2121. -webkit-user-select:none;
  2122. -moz-user-select:-moz-none;
  2123. -ms-user-select:none;
  2124. padding:0;
  2125. margin:0;
  2126. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2127. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2128. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2129. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2130. }
  2131. /* ##### [storage select] ##### */
  2132. .us-layout-storage-select {
  2133. font-family:'Dotum',Dotum,Sans-serif;
  2134. position:absolute;
  2135. background:#f3f3f7;
  2136. width:623px;
  2137. z-index:8250;
  2138. -webkit-user-select:none;
  2139. -moz-user-select:-moz-none;
  2140. -ms-user-select:none;
  2141. padding:0;
  2142. margin:0;
  2143. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2144. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2145. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2146. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2147. }
  2148. .us-layout-storage-select-notice-lbl {
  2149. font-family:'Dotum',Dotum,Sans-serif;
  2150. font-size:12px;
  2151. color:#454545;
  2152. font-weight:bold;
  2153. margin:0;
  2154. padding:0 0 10px 0;
  2155. letter-spacing:0;
  2156. text-align:left;
  2157. }
  2158. .us-layout-storage-select-warning-lbl {
  2159. background:url(../img/point_icon1.png) 0 1px no-repeat;
  2160. padding:0 0 0 20px;
  2161. margin:15px 0 0 0;
  2162. font-family:'Dotum',Dotum,Sans-serif;
  2163. font-size:11px;
  2164. color:#666666;
  2165. line-height:16px;
  2166. text-align:left;
  2167. }
  2168. .us-layout-storage-select-body {
  2169. border:1px solid #fff;
  2170. }
  2171. .us-layout-storage-select-inner {
  2172. border-top:1px solid #dadade;
  2173. border-left:1px solid #dadade;
  2174. padding:7px;
  2175. }
  2176. .us-layout-storage-select-list {
  2177. position:relative;
  2178. overflow:hidden;
  2179. ul {
  2180. margin:0;
  2181. padding:0;
  2182. li {
  2183. float:left;
  2184. list-style:none;
  2185. text-align:center;
  2186. position:relative;
  2187. margin:0;
  2188. padding:0;
  2189. button {
  2190. vertical-align:top;
  2191. border:0;
  2192. margin:0;
  2193. padding:0;
  2194. background:url(../img/us-layout-storage-linebar.gif) 0 18px no-repeat #f3f3f7;
  2195. width:94px;
  2196. height:90px;
  2197. border-radius:2px 2px 0 0;
  2198. -moz-border-radius:2px 2px 0 0;
  2199. -ms-border-radius:2px 2px 0 0;
  2200. -o-border-radius:2px 2px 0 0;
  2201. -webkit-border-radius:2px 2px 0 0;
  2202. cursor:pointer;
  2203. .us-img-storage {
  2204. display:block;
  2205. margin:0 auto;
  2206. width:54px;
  2207. height:50px;
  2208. }
  2209. .us-drive-select {
  2210. width:19px;
  2211. height:12px;
  2212. display:block;
  2213. position:absolute;
  2214. right:10px;
  2215. top:10px;
  2216. background:url(../img/media_drive_off.png) 0 0 no-repeat;
  2217. }
  2218. .us-layout-lbl-storage {
  2219. display:block;
  2220. text-align:center;
  2221. font-size:11px;
  2222. color:#454545;
  2223. letter-spacing:-1px;
  2224. font-weight:bold;
  2225. margin:2px 0 0 0;
  2226. font-family:'Dotum',Dotum,Sans-serif;
  2227. line-height:14px;
  2228. }
  2229. }
  2230. button.us-layout-storage-btn-none {
  2231. cursor:default;
  2232. .us-layout-lbl-storage {
  2233. color:#9e9e9e;
  2234. }
  2235. .us-drive-select {
  2236. display:none;
  2237. }
  2238. }
  2239. }
  2240. }
  2241. }
  2242. .us-layout-storage-select-list ul li.line-first button,.us-layout-storage-select-list ul li:first-child button {
  2243. background-image:none;
  2244. }
  2245. .us-layout-storage-select-list ul li button.us-layout-storage-btn-on,.us-layout-storage-select-list ul li button.us-layout-storage-btn-off:hover {
  2246. background:#bddcf2;
  2247. border:1px solid #fff;
  2248. border-radius:2px;
  2249. -moz-border-radius:2px;
  2250. -ms-border-radius:2px;
  2251. -o-border-radius:2px;
  2252. -webkit-border-radius:2px;
  2253. }
  2254. /* ##### [ssn] ##### */
  2255. .us-layout-ssn {
  2256. font-family:'Dotum',Dotum,Sans-serif;
  2257. position:absolute;
  2258. background:#f3f3f7;
  2259. width:450px;
  2260. z-index:8250;
  2261. -webkit-user-select:none;
  2262. -moz-user-select:-moz-none;
  2263. -ms-user-select:none;
  2264. padding:0;
  2265. margin:0;
  2266. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2267. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2268. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2269. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2270. }
  2271. .us-layout-ssn-input {
  2272. dl {
  2273. position:static;
  2274. padding:0;
  2275. margin:0;
  2276. width:auto;
  2277. height:auto;
  2278. dt {
  2279. position:static;
  2280. float:left;
  2281. width:195px;
  2282. padding:0;
  2283. margin:0;
  2284. }
  2285. dd {
  2286. position:static;
  2287. float:none;
  2288. width:auto;
  2289. height:auto;
  2290. padding:0;
  2291. margin:0 0 0 196px;
  2292. }
  2293. }
  2294. }
  2295. .us-layout-ssn-input-text {
  2296. display:block;
  2297. font-size:12px;
  2298. color:#454545;
  2299. font-weight:bold;
  2300. letter-spacing:0px;
  2301. line-height:12px;
  2302. margin:0;
  2303. padding:10px 0 0 0;
  2304. text-align:left;
  2305. }
  2306. .us-layout-ssn-input-textbox {
  2307. font-size:12px;
  2308. width:195px;
  2309. height:20px;
  2310. color:#454545;
  2311. line-height:16px;
  2312. padding:4px 8px 4px 7px;
  2313. margin:0;
  2314. box-sizing:content-box;
  2315. border-top:1px solid #595c60;
  2316. border-left:1px solid #595c60;
  2317. border-right:1px solid #dadade;
  2318. border-bottom:1px solid #dadade;
  2319. }
  2320. .us-layout-ssn-notice-text {
  2321. background:url(../img/point_icon1.png) 0 1px no-repeat;
  2322. padding:0 0 0 20px;
  2323. margin:15px 0 0 0;
  2324. font-family:'Dotum',Dotum,Sans-serif;
  2325. font-size:11px;
  2326. color:#666666;
  2327. line-height:16px;
  2328. text-align:left;
  2329. }
  2330. /* ##### [swinfo] ##### */
  2331. .us-layout-sw-info {
  2332. font-family:'Dotum',Dotum,Sans-serif;
  2333. position:absolute;
  2334. background:#f3f3f7;
  2335. width:340px;
  2336. z-index:8250;
  2337. -webkit-user-select:none;
  2338. -moz-user-select:-moz-none;
  2339. -ms-user-select:none;
  2340. padding:0;
  2341. margin:0;
  2342. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2343. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2344. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2345. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2346. }
  2347. .us-layout-sw-info-noti-lbl {
  2348. margin:0;
  2349. padding:0;
  2350. color:#454545;
  2351. font-size:12px;
  2352. line-height:18px;
  2353. font-weight:bold;
  2354. text-align:left;
  2355. text-decoration:none;
  2356. letter-spacing:0;
  2357. }
  2358. /* ##### [emedded] ##### */
  2359. .us-layout-cert-select-embed {
  2360. font-family:'Dotum',Dotum,Sans-serif;
  2361. position:relative;
  2362. background:#fff;
  2363. min-width:590px;
  2364. -webkit-user-select:none;
  2365. -moz-user-select:-moz-none;
  2366. -ms-user-select:none;
  2367. padding:0;
  2368. margin:0;
  2369. img {
  2370. padding:0;
  2371. border:0;
  2372. outline:0;
  2373. }
  2374. legend {
  2375. position:absolute;
  2376. visibility:hidden;
  2377. overflow:hidden;
  2378. width:0;
  2379. height:0;
  2380. margin:0;
  2381. padding:0;
  2382. font-size:0;
  2383. line-height:0;
  2384. }
  2385. .us-layout-mid {
  2386. position:relative;
  2387. padding:10px;
  2388. background:#f3f3f7;
  2389. }
  2390. }
  2391. .us-layout-cert-select-embed.us-layout-embed-type1 {
  2392. width:690px;
  2393. }
  2394. .us-layout-cert-select-embed.us-layout-embed-type2 {
  2395. width:760px;
  2396. }
  2397. .us-layout-cert-select-embed.us-layout-embed-type3 {
  2398. width:710px;
  2399. }
  2400. .us-layout-cert-select-embed.us-layout-embed-type4 {
  2401. width:960px;
  2402. }
  2403. .us-layout-embed-lbl-title {
  2404. font-size:16px;
  2405. margin:0 0 15px 0;
  2406. padding:0;
  2407. line-height:18px;
  2408. font-weight:bold;
  2409. letter-spacing:-1px;
  2410. color:#454545;
  2411. text-align:left;
  2412. }
  2413. .us-layout-embed-main {
  2414. padding:20px;
  2415. }
  2416. .us-layout-embed-bottom {
  2417. background:#fff;
  2418. height:54px;
  2419. padding:0 10px;
  2420. }
  2421. /* ##### [emedded - storage] ##### */
  2422. .us-layout-embed-storage {
  2423. height:90px;
  2424. .us-layout-storage-wrap {
  2425. position:relative;
  2426. height:90px;
  2427. background:#f3f3f7;
  2428. }
  2429. .us-layout-storage-more-wrap {
  2430. width:100%;
  2431. left:0;
  2432. top:0;
  2433. padding:0;
  2434. border:0;
  2435. .us-layout-storage-embed-inner {
  2436. border:3px solid @dfcolor_dark;
  2437. padding:7px;
  2438. }
  2439. ul {
  2440. height:180px;
  2441. }
  2442. .us-layout-storage-more {
  2443. right:10px;
  2444. top:10px;
  2445. height:80px;
  2446. }
  2447. .us-layout-embed-storage-more {
  2448. img {
  2449. width:15px;
  2450. height:15px;
  2451. vertical-align:top;
  2452. padding:0;
  2453. margin:0;
  2454. }
  2455. }
  2456. }
  2457. ul {
  2458. margin:0;
  2459. padding:0;
  2460. width:100%;
  2461. height:90px;
  2462. li {
  2463. width:15%;
  2464. button {
  2465. width:100%;
  2466. .us-drive-select {
  2467. right:15%;
  2468. }
  2469. }
  2470. button.us-layout-storage-btn-none {
  2471. cursor:default;
  2472. .us-layout-lbl-storage {
  2473. color:#9e9e9e;
  2474. }
  2475. .us-drive-select {
  2476. display:none;
  2477. }
  2478. }
  2479. button.us-layout-storage-btn-on {
  2480. background:@dfcolor;
  2481. }
  2482. button.us-layout-storage-btn-off:hover {
  2483. background:#41a5e7;
  2484. }
  2485. }
  2486. }
  2487. }
  2488. .us-layout-embed-storage.embed630 {
  2489. .us-layout-storage-more-wrap {
  2490. width:630px;
  2491. }
  2492. }
  2493. .us-layout-embed-storage ul li.last button,.us-layout-embed-storage ul li:first-child button {
  2494. background-image:none;
  2495. }
  2496. .us-layout-embed-storage ul li button.us-layout-storage-btn-on .us-drive-select,.us-layout-embed-storage ul li button.us-layout-storage-btn-off:hover .us-drive-select {
  2497. background:url(../img/media_drive_on.png) 0 0 no-repeat;
  2498. }
  2499. .us-layout-embed-storage ul li button.us-layout-storage-btn-on .us-layout-lbl-storage,.us-layout-embed-storage ul li button.us-layout-storage-btn-off:hover .us-layout-lbl-storage {
  2500. color:#fff;
  2501. }
  2502. .us-layout-embed-storage-more {
  2503. .us-layout-storage-more {
  2504. position:absolute;
  2505. right:0;
  2506. top:0;
  2507. width:25px;
  2508. height:80px;
  2509. background:#777;
  2510. cursor:pointer;
  2511. padding:0;
  2512. margin:0;
  2513. border:0;
  2514. text-align:center;
  2515. }
  2516. img {
  2517. width:15px;
  2518. height:15px;
  2519. margin:0;
  2520. padding:0;
  2521. vertical-align:top;
  2522. }
  2523. }
  2524. /* ##### [emedded - list] ##### */
  2525. .us-layout-embed-list-inner {
  2526. position:relative;
  2527. height:190px;
  2528. overflow-x:scroll;
  2529. overflow-y:hidden;
  2530. .us-layout-grid-row-title-element.grid-element5 {
  2531. text-align:center;
  2532. padding:0;
  2533. }
  2534. }
  2535. /* ##### [emedded - list width 690] ##### */
  2536. .us-layout-embed-type1 {
  2537. .us-layout-embed-list-inner {
  2538. .us-layout-tbl-list {
  2539. width:610px;
  2540. height:178px;
  2541. border:0;
  2542. margin:0;
  2543. padding:0;
  2544. border-collapse:collapse;
  2545. }
  2546. .us-layout-grid-head-div {
  2547. position:relative;
  2548. padding:0;
  2549. margin:0;
  2550. overflow:hidden;
  2551. border:0;
  2552. height:25px;
  2553. width:610px;
  2554. }
  2555. .us-layout-grid-head-row {
  2556. position:static;
  2557. padding:0;
  2558. margin:0;
  2559. border:0;
  2560. height:25px;
  2561. width:610px;
  2562. }
  2563. .us-layout-grid-body-div {
  2564. position:relative;
  2565. width:610px;
  2566. height:145px;
  2567. overflow-y:scroll;
  2568. overflow-x:hidden;
  2569. border:0;
  2570. padding:0;
  2571. margin:0;
  2572. box-sizing:content-box;
  2573. }
  2574. .us-layout-grid-body-row {
  2575. position:static;
  2576. width:610px;
  2577. height:34px;
  2578. border:0;
  2579. margin:0 0 7px 0;
  2580. padding:0;
  2581. .grid-element1 {
  2582. img {
  2583. margin:3px 0 0 10px;
  2584. }
  2585. }
  2586. }
  2587. .grid-element1 {
  2588. width:54px;
  2589. }
  2590. .grid-element2 {
  2591. width:116px;
  2592. }
  2593. .grid-element3 {
  2594. width:180px;
  2595. }
  2596. .grid-element4 {
  2597. width:130px;
  2598. }
  2599. .grid-element5 {
  2600. width:130px;
  2601. }
  2602. }
  2603. }
  2604. /* ##### [emedded - list width 760] ##### */
  2605. .us-layout-embed-type2 {
  2606. .us-layout-embed-list-inner {
  2607. .us-layout-tbl-list {
  2608. width:680px;
  2609. height:178px;
  2610. border:0;
  2611. margin:0;
  2612. padding:0;
  2613. border-collapse:collapse;
  2614. }
  2615. .us-layout-grid-head-div {
  2616. position:relative;
  2617. padding:0;
  2618. margin:0;
  2619. overflow:hidden;
  2620. border:0;
  2621. height:25px;
  2622. width:680px;
  2623. }
  2624. .us-layout-grid-head-row {
  2625. position:static;
  2626. padding:0;
  2627. margin:0;
  2628. border:0;
  2629. height:25px;
  2630. width:680px;
  2631. }
  2632. .us-layout-grid-body-div {
  2633. position:relative;
  2634. width:680px;
  2635. height:145px;
  2636. overflow-y:scroll;
  2637. overflow-x:hidden;
  2638. border:0;
  2639. padding:0;
  2640. margin:0;
  2641. box-sizing:content-box;
  2642. }
  2643. .us-layout-grid-body-row {
  2644. position:static;
  2645. width:680px;
  2646. height:34px;
  2647. border:0;
  2648. margin:0 0 7px 0;
  2649. padding:0;
  2650. .grid-element1 {
  2651. img {
  2652. margin:3px 0 0 10px;
  2653. }
  2654. }
  2655. }
  2656. .grid-element1 {
  2657. width:54px;
  2658. }
  2659. .grid-element2 {
  2660. width:116px;
  2661. }
  2662. .grid-element3 {
  2663. width:200px;
  2664. }
  2665. .grid-element4 {
  2666. width:150px;
  2667. }
  2668. .grid-element5 {
  2669. width:160px;
  2670. }
  2671. }
  2672. }
  2673. /* ##### [emedded - list width 830] ##### */
  2674. .us-layout-embed-type3 {
  2675. .us-layout-embed-list-inner {
  2676. .us-layout-tbl-list {
  2677. width:630px;
  2678. height:173px;
  2679. border:0;
  2680. margin:0;
  2681. padding:0;
  2682. border-collapse:collapse;
  2683. }
  2684. .us-layout-grid-head-div {
  2685. position:relative;
  2686. padding:0;
  2687. margin:0;
  2688. overflow:hidden;
  2689. border:0;
  2690. height:25px;
  2691. width:630px;
  2692. }
  2693. .us-layout-grid-head-row {
  2694. position:static;
  2695. padding:0;
  2696. margin:0;
  2697. border:0;
  2698. height:25px;
  2699. width:630px;
  2700. }
  2701. .us-layout-grid-body-div {
  2702. position:relative;
  2703. width:630px;
  2704. height:145px;
  2705. overflow-y:scroll;
  2706. overflow-x:hidden;
  2707. border:0;
  2708. padding:0;
  2709. margin:0;
  2710. box-sizing:content-box;
  2711. }
  2712. .us-layout-grid-body-row {
  2713. position:static;
  2714. width:630px;
  2715. height:34px;
  2716. border:0;
  2717. margin:0 0 3px 0;
  2718. padding:0;
  2719. .grid-element1 {
  2720. img {
  2721. margin:3px 0 0 10px;
  2722. }
  2723. }
  2724. }
  2725. .grid-element1 {
  2726. width:54px;
  2727. }
  2728. .grid-element2 {
  2729. width:96px;
  2730. }
  2731. .grid-element3 {
  2732. width:220px;
  2733. }
  2734. .grid-element4 {
  2735. width:130px;
  2736. }
  2737. .grid-element5 {
  2738. width:130px;
  2739. }
  2740. }
  2741. }
  2742. /* ##### [emedded - list width 960] ##### */
  2743. .us-layout-embed-type4 {
  2744. .us-layout-embed-list-inner {
  2745. .us-layout-tbl-list {
  2746. width:880px;
  2747. height:178px;
  2748. border:0;
  2749. margin:0;
  2750. padding:0;
  2751. border-collapse:collapse;
  2752. }
  2753. .us-layout-grid-head-div {
  2754. position:relative;
  2755. padding:0;
  2756. margin:0;
  2757. overflow:hidden;
  2758. border:0;
  2759. height:25px;
  2760. width:880px;
  2761. }
  2762. .us-layout-grid-head-row {
  2763. position:static;
  2764. padding:0;
  2765. margin:0;
  2766. border:0;
  2767. height:25px;
  2768. width:880px;
  2769. }
  2770. .us-layout-grid-body-div {
  2771. position:relative;
  2772. width:880px;
  2773. height:145px;
  2774. overflow-y:scroll;
  2775. overflow-x:hidden;
  2776. border:0;
  2777. padding:0;
  2778. margin:0;
  2779. box-sizing:content-box;
  2780. }
  2781. .us-layout-grid-body-row {
  2782. position:static;
  2783. width:880px;
  2784. height:34px;
  2785. border:0;
  2786. margin:0 0 7px 0;
  2787. padding:0;
  2788. .grid-element1 {
  2789. img {
  2790. margin:3px 0 0 10px;
  2791. }
  2792. }
  2793. }
  2794. .grid-element1 {
  2795. width:64px;
  2796. }
  2797. .grid-element2 {
  2798. width:126px;
  2799. }
  2800. .grid-element3 {
  2801. width:340px;
  2802. }
  2803. .grid-element4 {
  2804. width:170px;
  2805. }
  2806. .grid-element5 {
  2807. width:180px;
  2808. }
  2809. }
  2810. }
  2811. /* ##### [emedded - bottom] ##### */
  2812. .us-layout-embed-cert {
  2813. height:70px;
  2814. margin:20px 0 0 0;
  2815. padding:0 10px 0 10px;
  2816. }
  2817. .us-layout-embed-pw {
  2818. margin:0;
  2819. padding:0;
  2820. text-align:left;
  2821. .h35 {
  2822. height: 35px;
  2823. }
  2824. .us-layout-lbl-pw {
  2825. margin:0 0 8px 0;
  2826. padding:0;
  2827. line-height:16px;
  2828. display:block;
  2829. float:none;
  2830. .us-pw-text1 {
  2831. font-size:14px;
  2832. font-weight:bold;
  2833. color:@dfcolor;
  2834. display:inline-block;
  2835. }
  2836. .us-pw-text2 {
  2837. font-size:11px;
  2838. color:#777777;
  2839. font-weight:normal;
  2840. margin:0;
  2841. display:inline-block;
  2842. }
  2843. }
  2844. .us-layout-pw-text {
  2845. width:60%;
  2846. border:2px solid @dfcolor;
  2847. margin:0;
  2848. padding:7px 10px;
  2849. font-size:14px;
  2850. color:#454545;
  2851. box-sizing:content-box;
  2852. vertical-align:middle;
  2853. }
  2854. }
  2855. .us-layout-embed-btns {
  2856. float:right;
  2857. width:190px;
  2858. padding:0;
  2859. margin:0;
  2860. background:url(../img/us-layout-storage-linebar.gif) 94px 0 repeat-y;
  2861. ul {
  2862. margin:0;
  2863. padding:0;
  2864. li {
  2865. list-style:none;
  2866. float:left;
  2867. padding:0;
  2868. margin:0 0 6px 0;
  2869. .us-layout-normal-btn {
  2870. background:#fff;
  2871. border:1px solid #777;
  2872. color:#777;
  2873. font-size:11px;
  2874. height:30px;
  2875. line-height:26px;
  2876. width:83px;
  2877. cursor:pointer;
  2878. font-family:'Dotum',Dotum,Sans-serif;
  2879. margin:0;
  2880. padding:0;
  2881. letter-spacing:-1px;
  2882. }
  2883. .us-layout-normal-btn:disabled {
  2884. background:#f9f9f9;
  2885. color:#c0c0c2;
  2886. border:1px solid #c1c0c3;
  2887. cursor:default;
  2888. }
  2889. }
  2890. li.li-list2 {
  2891. float:right;
  2892. margin:0 0 6px 0;
  2893. }
  2894. li.li-list3 {
  2895. margin:0;
  2896. }
  2897. li.li-list4 {
  2898. float:right;
  2899. margin:0;
  2900. }
  2901. }
  2902. }
  2903. /*
  2904. .us-layout-embed-btns{width:auto;padding:0;margin:16px 0 0 0;background:none;}
  2905. .us-layout-embed-btns ul{margin:0;padding:0;}
  2906. .us-layout-embed-btns ul li{list-style:none;float:left;padding:0 6px 0 0;margin:0;}
  2907. .us-layout-embed-btns ul li.li-list2{float:left;padding:0 10px 0 0;margin:0 6px 0 0;background:url(../img/us-layout-storage-linebar.gif) right 0 repeat-y;}
  2908. .us-layout-embed-btns ul li.li-list3{margin:0;}
  2909. .us-layout-embed-btns ul li.li-list4{float:left;margin:0;padding:0;}
  2910. */
  2911. /* ##### [certmanage] ##### */
  2912. .us-layout-cert-manage {
  2913. font-family:'Dotum',Dotum,Sans-serif;
  2914. position:absolute;
  2915. background:#fff;
  2916. width:590px;
  2917. z-index:8050;
  2918. -webkit-user-select:none;
  2919. -moz-user-select:-moz-none;
  2920. -ms-user-select:none;
  2921. padding:0;
  2922. margin:0;
  2923. box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2924. -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2925. -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2926. -o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
  2927. .us-layout-mid {
  2928. position:relative;
  2929. padding:17px;
  2930. margin:0;
  2931. background:#f3f3f7;
  2932. z-index:8050;
  2933. }
  2934. }
  2935. /* .us-layout-cert-manage img{margin:0;padding:0;border:0;outline:0;vertical-align:top;} */
  2936. /* ##### [certmanage - btns] ##### */
  2937. .us-layout-cert-manage-btns {
  2938. margin:20px 0 0 0;
  2939. height:28px;
  2940. ul {
  2941. margin:0;
  2942. padding:0;
  2943. li:first-child {
  2944. padding:0;
  2945. }
  2946. li {
  2947. list-style:none;
  2948. float:left;
  2949. padding:0 0 0 6px;
  2950. margin:0;
  2951. .us-layout-normal-btn {
  2952. background:#fff;
  2953. border:1px solid #777;
  2954. color:#777;
  2955. font-size:11px;
  2956. height:30px;
  2957. line-height:26px;
  2958. width:82px;
  2959. cursor:pointer;
  2960. font-family:'Dotum',Dotum,Sans-serif;
  2961. margin:0;
  2962. padding:0;
  2963. letter-spacing:-1px;
  2964. }
  2965. .us-layout-normal-btn:disabled {
  2966. background:#f9f9f9;
  2967. color:#c0c0c2;
  2968. border:1px solid #c1c0c3;
  2969. cursor:default;
  2970. }
  2971. }
  2972. li.li-bar {
  2973. padding:0 10px 0 7px;
  2974. margin:0;
  2975. background:url(../img/us-layout-storage-linebar.gif) right 0 repeat-y;
  2976. }
  2977. li.li-lp {
  2978. padding:0 0 0 10px;
  2979. }
  2980. }
  2981. }
  2982. /* ##### [certmanage - detail] ##### */
  2983. .us-layout-cert-manage-detail {
  2984. margin:10px 0 0 0;
  2985. font-size: 11px;
  2986. }
  2987. #us-div-cert-manage-detail {
  2988. fieldset {
  2989. border: 1px solid #ddd;
  2990. margin: 10px 0 0 0;
  2991. }
  2992. }
  2993. .us-div-cert-password-label {
  2994. text-align: center;
  2995. vertical-align: middle;
  2996. height: 21px;
  2997. vertical-align: middle;
  2998. span {
  2999. display: block;
  3000. line-height: 16px;
  3001. }
  3002. }
  3003. .us-div-cert-password-input {
  3004. input[type="password"] {
  3005. border: 3px solid @dfcolor;
  3006. width: 95%;
  3007. height: 28px;
  3008. font-size: 28px;
  3009. }
  3010. }
  3011. .us-div-cert-manage-detail-storage {
  3012. width: 43px;
  3013. text-align: center;
  3014. span {
  3015. display: block;
  3016. }
  3017. }
  3018. /* ##### [cert grid list] ##### */
  3019. .us-layout-grid-head-div {
  3020. position:relative;
  3021. padding:0;
  3022. margin:0;
  3023. overflow:hidden;
  3024. border:0;
  3025. height:25px;
  3026. width:536px;
  3027. }
  3028. .us-layout-grid-head-row {
  3029. position:static;
  3030. padding:0;
  3031. margin:0;
  3032. border:0;
  3033. height:25px;
  3034. width:536px;
  3035. }
  3036. .us-layout-grid-row-title-element {
  3037. position:relative;
  3038. height:25px;
  3039. background:#303338;
  3040. color:#fff;
  3041. line-height:25px;
  3042. float:left;
  3043. display:block;
  3044. padding:0px;
  3045. font-size:12px;
  3046. }
  3047. .us-layout-grid-row-title-divider {
  3048. position:relative;
  3049. width:1px;
  3050. float:left;
  3051. background-color:@dfcolor;
  3052. margin:0;
  3053. padding:0;
  3054. }
  3055. .us-layout-grid-body-div {
  3056. position:relative;
  3057. width:536px;
  3058. height:155px;
  3059. overflow-y:auto;
  3060. overflow-x:hidden;
  3061. border:0;
  3062. padding:0;
  3063. margin:0;
  3064. box-sizing:content-box;
  3065. }
  3066. /*.us-layout-grid-body-div{position:relative;width:580px;height:213px;overflow-y:scroll;overflow-x:hidden;border:0;padding:0;margin:0;box-sizing:content-box;}*/
  3067. .us-layout-grid-body-row {
  3068. position:static;
  3069. width:536px;
  3070. height:34px;
  3071. border:0;
  3072. margin:0 0 3px 0;
  3073. padding:0;
  3074. line-height: 34px;
  3075. .grid-element1 {
  3076. img {
  3077. margin:3px 0 0 10px;
  3078. }
  3079. }
  3080. }
  3081. .grid-element1 {
  3082. width:54px;
  3083. }
  3084. .grid-element2 {
  3085. width:71px;
  3086. }
  3087. .grid-element3 {
  3088. width:183px;
  3089. }
  3090. .grid-element4 {
  3091. width:88px;
  3092. }
  3093. .grid-element5 {
  3094. width:140px;
  3095. text-align:left;
  3096. padding:0 0 0 10px;
  3097. }
  3098. .us-layout-grid-row-title-element.grid-element5 {
  3099. text-align:center;
  3100. padding:0;
  3101. }
  3102. .us-layout-grid-row-data-element {
  3103. float:left;
  3104. white-space:nowrap;
  3105. overflow:hidden;
  3106. text-overflow:ellipsis;
  3107. font-size:12px;
  3108. height:34px;
  3109. background:#f0f0f0;
  3110. border-bottom:1px solid #065992;
  3111. line-height:34px;
  3112. color:#666;
  3113. }
  3114. .us-layout-grid-row-data-element.grid-element1 {
  3115. text-align:left;
  3116. }
  3117. .us-layout-grid-row-data-element.grid-element3 {
  3118. font-weight:bold;
  3119. text-align:left;
  3120. padding:0 10px 0 10px;
  3121. }
  3122. .us-layout-grid-row-data-element.grid-element5 {
  3123. img {
  3124. display:none;
  3125. }
  3126. }
  3127. .us-layout-grid-row-data-selected-element {
  3128. float:left;
  3129. white-space:nowrap;
  3130. overflow:hidden;
  3131. text-overflow:ellipsis;
  3132. font-size:12px;
  3133. height:34px;
  3134. border-bottom:1px solid #065992;
  3135. line-height:34px;
  3136. background:#fff;
  3137. color:@dfcolor;
  3138. }
  3139. .us-layout-grid-row-data-selected-element.grid-element1 {
  3140. text-align:left;
  3141. }
  3142. .us-layout-grid-row-data-selected-element.grid-element3 {
  3143. font-weight:bold;
  3144. text-align:left;
  3145. padding:0 10px 0 10px;
  3146. font-weight:bold;
  3147. }
  3148. .us-layout-grid-row-data-selected-element.grid-element5 {
  3149. img {
  3150. vertical-align:middle;
  3151. margin:-2px 0 0 15px;
  3152. padding:0;
  3153. display:inline;
  3154. }
  3155. }