Home Explore Help
Register Sign In
ETEC
/
ebid
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: e458e1b60f
Branches Tags
ebid
/
web
/
CrossCert
/
CC_WSTD_home
/
unisignweb
/
rsrc
/
css
/
certcommon_pf.css

certcommon_pf.css 58 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546 
  1. /* ##### [etc] ##### */
    2. 

  2. .us-tpd10{padding-top:10px !important;}
    3. 

  3. .us-cursor-disabled{display:none;position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
    4. 

  4. .us-display-b{display:block;}
    5. 

  5. 

  6. /* ##### [btn] ##### */
    7. 

  7. .us-layer-btns{clear:both;text-align:center;height:30px;margin:0;padding:20px 0 0 0;;}
    8. 

  8. .us-layer-btns ul{margin:0;padding:0;}
    9. 

  9. .us-layer-btns ul li{padding:0;margin:0 2px;list-style:none;display:inline-block;*display:inline;zoom:1;}
    10. 

  10. .us-normal-btn{display:inline;width:100px;height:30px;background:#434a54;color:#fff;font-weight:bold;font-size:14px;border-bottom:3px solid #22262c;border-left:1px solid #434a54;border-top:1px solid #434a54;border-right:1px solid #434a54;line-height:28px;cursor:pointer;font-family:'Dotum',Dotum,Sans-serif;margin:0;padding:0;vertical-align:middle;}
    11. 

  11. .us-normal-btn.btn-confirm{background:#327caf;border-bottom:3px solid #0B5282;border-left:1px solid #327caf;border-top:1px solid #327caf;border-right:1px solid #327caf;}
    12. 

  12. .us-normal-btn.btn-confirm2{color:#327caf;background:#fff;border-bottom:3px solid #327caf;border-left:1px solid #327caf;border-top:1px solid #327caf;border-right:1px solid #327caf;}
    13. 

  13. 

  14. /* ##### [cert select] ##### */
    15. 

  15. .us-layout-cert-select{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#fff;width:590px;z-index:8050;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    16. 

  16. .us-layout-cert-select.popup{box-shadow:0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);-ms-box-shadow:0px 0px 0px rgba(0,0,0,0);-o-box-shadow:0px 0px 0px rgba(0,0,0,0);}
    17. 

  17. .us-layout-cert-select img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    18. 

  18. .us-layout-cert-select .us-layout-mid{position:relative;padding:17px;margin:0;background:#f3f3f7;}
    19. 

  19. 

  20. /* ##### [cert select - title bar] ##### */
    21. 

  21. .us-layout-title{position:relative;cursor:move;}
    22. 

  22. .us-layout-logo{height:60px;background:url(../img/main_title_img.jpg) 0 0 no-repeat;}
    23. 

  23. .us-layout-logo img{vertical-align:top;}
    24. 

  24. .us-layout-lbl-title{position:absolute;left:20px;top:24px;font-size:16px;margin:0;padding:0;line-height:16px;font-weight:bold;letter-spacing:-1px;color:#454545;}
    25. 

  25. .us-layout-lbl-icon{position:absolute;right:66px;top:15px;width:141px;height:32px;margin:0;padding:0;}
    26. 

  26. .us-layout-cls-btn{position:absolute;top:19px;right:19px;background:transparent;padding:0;margin:0;display:block;width:27px;height:25px;cursor:pointer;border:0;outline:0;}
    27. 

  27. 

  28. /* ##### [cert select - storage] ##### */
    29. 

  29. .us-layout-storage{height:90px;}
    30. 

  30. .us-layout-storage-border{padding:0;margin:0;border:0;}
    31. 

  31. .us-layout-storage legend{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
    32. 

  32. .us-layout-storage-wrap{position:relative;height:90px;background:#f3f3f7;}
    33. 

  33. .us-layout-storage-wrap ul{margin:0;padding:0;width:564px;height:90px;}
    34. 

  34. .us-layout-storage-wrap ul li{float:left;list-style:none;text-align:center;position:relative;margin:0;padding:0 3px;background:url(../img/us-layout-storage-linebar.gif) 1px 18px no-repeat;}
    35. 

  35. .us-layout-storage-wrap ul li:first-child,.us-layout-storage-wrap ul li.line-first{padding:0 2px;background:none;}
    36. 

  36. .us-layout-storage-wrap ul li button{vertical-align:top;border:0;margin:0;padding:0;background:#f3f3f7;width:87px;height:90px;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-ms-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;cursor:pointer;}
    37. 

  37. .us-layout-storage-wrap ul li:first-child button{background-image:none;}
    38. 

  38. .us-layout-storage-wrap ul li button .us-img-storage{display:block;margin:0 auto;width:54px;height:50px;}
    39. 

  39. .us-layout-storage-wrap ul li button .us-drive-select{width:19px;height:12px;display:block;position:absolute;right:10px;top:10px;background:url(../img/media_drive_off.png) 0 0 no-repeat;}
    40. 

  40. .us-layout-storage-wrap ul li button .us-layout-lbl-storage{display:block;text-align:center;font-size:11px;color:#454545;letter-spacing:-1px;font-weight:bold;margin:2px 0 0 0;font-family:'Dotum',Dotum,Sans-serif;line-height:14px;}
    41. 

  41. .us-layout-storage-wrap ul li button.us-layout-storage-btn-none{cursor:default;}
    42. 

  42. .us-layout-storage-wrap ul li button.us-layout-storage-btn-none .us-layout-lbl-storage{color:#9e9e9e;}
    43. 

  43. .us-layout-storage-wrap ul li button.us-layout-storage-btn-none .us-drive-select{display:none;}
    44. 

  44. .us-layout-storage-wrap ul li button.us-layout-storage-btn-on{background:#fff; border: 2px solid #3f86d6; border-bottom: 0;margin-top:2px;margin-left:-2px;}
    45. 

  45. .us-layout-storage-wrap ul li button.us-layout-storage-btn-off:hover .us-drive-select,
    46. 

  46. .us-layout-storage-wrap ul li button.us-layout-storage-btn-on .us-drive-select{background:url(../img/media_drive_on.png) 0 0 no-repeat;}
    47. 

  47. .us-layout-storage-wrap ul li button.us-layout-storage-btn-off:hover{background:#41a5e7;}
    48. 

  48. .us-layout-storage-wrap ul li button.us-layout-storage-btn-on .us-layout-lbl-storage, 
    49. 

  49. .us-layout-storage-wrap ul li button.us-layout-storage-btn-off:hover .us-layout-lbl-storage{color:#777;}
    50. 

  50. .us-layout-storage-more{position:absolute;right:0;top:0;width:25px;height:80px;background:#777;cursor:pointer;padding:0;margin:0;border:0;text-align:center;}
    51. 

  51. .us-layout-storage-more img{width:15px;height:15px;margin:0;padding:0;}
    52. 

  52. 

  53. /* ##### [cert select - storage more] ##### */
    54. 

  54. .us-layout-storage-more-wrap{position:absolute;left:10px;top:10px;border:3px solid #0B5282;padding:7px;width:600px;height:auto;z-index:8250;background:#f3f3f7;}
    55. 

  55. .us-layout-storage-more-wrap .us-layout-storage-more{right:7px;top:7px;}
    56. 

  56. .us-layout-storage-more-wrap ul{margin:0;padding:0;width:564px;height:auto;}
    57. 

  57. .us-layout-storage-more-wrap ul li:first-child{padding:0 3px 0 0;}
    58. 

  58. .us-layout-storage-more-wrap ul li{float:left;list-style:none;text-align:center;position:relative;margin:0;padding:0 3px;background:url(../img/us-layout-storage-linebar.gif) 1px 18px no-repeat;}
    59. 

  59. .us-layout-storage-more-wrap ul li button{vertical-align:top;border:0;margin:0;padding:0;background:#f3f3f7;width:88px;height:90px;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-ms-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;cursor:pointer;}
    60. 

  60. .us-layout-storage-more-wrap ul li button .us-drive-select{width:19px;height:12px;display:block;position:absolute;right:10px;top:10px;background:url(../img/media_drive_off.png) 0 0 no-repeat;}
    61. 

  61. .us-layout-storage-more-wrap ul li button .us-img-storage{display:block;margin:0 auto;width:54px;height:50px;}
    62. 

  62. .us-layout-storage-more-wrap ul li button .us-layout-lbl-storage{display:block;text-align:center;font-size:11px;color:#454545;letter-spacing:-1px;font-weight:bold;margin:2px 0 0 0;font-family:'Dotum',Dotum,Sans-serif;line-height:14px;}
    63. 

  63. .us-layout-storage-more-wrap ul li:first-child,
    64. 

  64. .us-layout-storage-more-wrap ul li.line-first{background-image:none;}
    65. 

  65. .us-layout-storage-more-wrap ul li button.us-layout-storage-btn-on{background:#bddcf2;border:1px solid #fff;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
    66. 

  66. .us-layout-storage-more-wrap ul li button.us-layout-storage-btn-off:hover{background:#bddcf2;border:1px solid #fff;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
    67. 

  67. .us-layout-storage-more-wrap ul li button.us-layout-storage-btn-none .us-drive-select{display:none;}
    68. 

  68. .us-layout-storage-more-wrap ul li button.us-layout-storage-btn-none{cursor:default;}
    69. 

  69. .us-layout-storage-more-wrap ul li button.us-layout-storage-btn-none .us-layout-lbl-storage{color:#9e9e9e;}
    70. 

  70. 

  71. /* ##### [cert select - list] ##### */
    72. 

  72. .us-layout-list{background:#fff;padding:10px; border: 2px solid #3f86d6}
    73. 

  73. .us-layout-list-inner{position:relative;height:200px;overflow-y:hidden;overflow-x:scroll;}
    74. 

  74. /* yjyoon */
    75. 

  75. .us-layout-list-load{position:absolute; background-color: #fff; width: 100%; height: 100%; z-index: 1000;}
    76. 

  76. .us-layout-list-load div{position: absolute; top: 40%; width: 100%; text-align: center; height: 40px; line-height: 40px; background-color: #414449;}
    77. 

  77. .us-layout-list-load img{vertical-align:middle;margin:-3px 5px 0 0;}
    78. 

  78. 

  79. .us-layout-loading-o{z-index: 9998;margin: 0px; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position:absolute; cursor: auto; opacity: 0.5; background-image: none; background-color: rgb(0, 0, 0);}
    80. 

  80. .us-layout-loading{z-index: 9999; position:absolute; left: 0px; top: 0px; width: 500px;  text-align: center; height: 40px; line-height: 40px; background-color: #414449; margin-left: 30%; margin-top: 25%;}
    81. 

  81. .us-layout-loading img{vertical-align:middle;margin:-3px 5px 0 0;}
    82. 

  82. 

  83. .us-layout-tbl-list{width:536px;height:183px;border:0;margin:0;padding:0;border-collapse:collapse}
    84. 

  84. .us-layout-tbl-list caption{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
    85. 

  85. .us-layout-tbl-list thead{position:static;}
    86. 

  86. .us-layout-tbl-list thead tr{position:static;}
    87. 

  87. .us-layout-tbl-list th{position:static;padding:0 0 3px 0;;width:auto;white-space:nowrap;background:none;font-weight:bold;text-align:center;cursor:default;vertical-align:middle;font-size:12px;}
    88. 

  88. .us-layout-tbl-list td{text-align:center;margin:0;padding:0;}
    89. 

  89. .us-layout-tbl-list td.list-l{text-align:left;}
    90. 

  90. .us-layout-tbl-list tr.list-select td div{background:#fff;color:#327caf;}
    91. 

  91. .us-layout-tbl-list .cert-tableview-cell .us-cert-icon{display:block;vertical-align:middle;padding:0;margin:0;text-align:left;padding:0 0 0 10px;}
    92. 

  92. .us-layout-tbl-list .cert-tableview-cell .us-cert-icon.valid{background-position:0 -135px;}
    93. 

  93. .us-layout-tbl-list .cert-tableview-cell .us-cert-icon.unknown{background-position:-40px -135px;}
    94. 

  94. .us-layout-tbl-list .cert-tableview-cell .us-cert-icon.invalid{background-position:-80px -135px;}
    95. 

  95. .us-layout-tbl-list tr .check-icon{width:10px;height:34px;border-bottom:1px solid #065992;float:right;margin:0;background:#f0f0f0;vertical-align:middle;}
    96. 

  96. .us-layout-tbl-list tr.list-select .check-icon{width:30px;height:34px;background:url(../img/cert_check.png) center 0 no-repeat;vertical-align:middle;padding:0 10px 0 0;}
    97. 

  97. .us-layout-tbl-list td.list-l .cert-tableview-cell{padding:0 0 0 10px;}
    98. 

  98. .us-layout-tbl-list .cert-tableview-cell img{margin:3px 0 0 0;}
    99. 

  99. 

  100. /* ##### [cert select - password] ##### */
    101. 

  101. .us-layout-cert{height:78px;}
    102. 

  102. .us-layout-pw{float:left;width:420px;margin:15px 0 0 0;}
    103. 

  103. .us-layout-pw .us-layout-lbl-pw{margin:0 0 9px 0;padding:0;line-height:14px;display:block;text-align:left;}
    104. 

  104. .us-layout-pw .us-layout-lbl-pw .us-pw-text1{font-size:14px;font-weight:bold;color:#327caf;}
    105. 

  105. .us-layout-pw .us-layout-lbl-pw .us-pw-text2{font-size:11px;color:#777777;font-weight:normal;margin:0 0 0 6px;}
    106. 

  106. .us-layout-pw .us-layout-pw-text{border:2px solid #327caf;margin:0;padding:7px 10px;width:420px;font-size:16px;color:#454545;box-sizing:content-box;}
    107. 

  107. .us-layout-btns{padding:4px 0 0 0; margin-bottom: 10px;}
    108. 

  108. .us-layout-btns ul{margin:0;padding:0;overflow: auto;}
    109. 

  109. .us-layout-btns ul li{list-style:none;float:left;margin:0 6px 6px 0;padding:0;}
    110. 

  110. .us-layout-btns ul li.us-right{float:right;}
    111. 

  111. .us-layout-btns ul li.us-bottom{margin:0;}
    112. 

  112. .us-layout-btns ul li.last-btn{float: right; margin-top: -2px;}
    113. 

  113. .us-layout-btns ul li .us-layout-normal-btn{background:#fff;border:1px solid #777;color:#777;font-size:11px;height:28px;line-height:26px;width:83px;cursor:pointer;font-family:'Dotum',Dotum,Sans-serif;margin:0;padding:0;}
    114. 

  114. .us-layout-btns ul li .us-layout-normal-btn:disabled{background:#f9f9f9;color:#c0c0c2;border:1px solid #c1c0c3;cursor:default;}
    115. 

  115. 

  116. /* ##### [cert select - bottom] ##### */
    117. 

  117. .us-layout-bottom{background:#fff;padding:0 20px;}
    118. 

  118. .us-layout-bottom-left{}
    119. 

  119. .us-layout-bottom-right{float: right;}
    120. 

  120. .us-layout-lbl-notice{font-size:12px;padding:0;margin:8px 0 0 0;line-height:12px;color:#454545;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
    121. 

  121. .us-layout-bottom-btns{float:right;margin:6px 0 10px 0;padding:0;}
    122. 

  122. .us-layout-bottom-btns ul{margin:0;padding:0;}
    123. 

  123. .us-layout-bottom-btns ul li{float:left;list-style:none;padding:0;margin:0;}
    124. 

  124. .us-layout-bottom-btns ul li.us-li-first input{margin:0 10px 0 0;}
    125. 

  125. .us-layout-bottom-btns ul li.btn-confirm{margin-top: 35px;}
    126. 

  126. .us-layout-bottom-btns ul li input.h35{height: 36px;}
    127. 

  127. .us-layout-hidden{display:none;}
    128. 

  128. .us-layout-file-search-hidden{font-size:0;line-height:0;width:0;height:0;display:none;}
    129. 

  129. 

  130. /* ##### [cert view] ##### */
    131. 

  131. .us-layout-cert-view{position:absolute;background:#fff;width:460px;height:auto;z-index:8250;top:10px;left:10px;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    132. 

  132. .us-layout-cert-view img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    133. 

  133. .us-layer-body{padding:20px;background:#f4f3f8;}
    134. 

  134. 

  135. /* ##### [sub - title bar] ##### */
    136. 

  136. .us-layer-title{cursor:move;height:40px;background:#303338;}
    137. 

  137. .us-layer-title .us-layer-lbl-title{font-size:14px;font-weight:bold;color:#fff;text-align:center;margin:0;padding:0;line-height:40px;}
    138. 

  138. .us-layer-cls-btn{position:absolute;top:10px;right:11px;background:transparent;padding:0;margin:0;display:block;width:21px;height:20px;cursor:pointer;border:0;outline:0;}
    139. 

  139. 

  140. /* ##### [cert view - tabmenu] ##### */
    141. 

  141. .us-layout-view-tab{position:relative;padding:0;margin:0;height:435px;width:auto;}
    142. 

  142. .us-layout-view-tab li{list-style:none;float:left;margin:0;padding:0;}
    143. 

  143. .us-layout-view-tab li a{position:absolute;display:block;font-size:12px;font-weight:bold;width:94px;height:22px;top:8px;background:#676a6f;text-align:center;color:#fff;text-decoration:none;line-height:22px;}
    144. 

  144. .us-layout-view-tab li a:hover{background:#41a5e7;height:30px;top:0;line-height:38px;} 
    145. 

  145. .us-layout-view-tab li a.active{background:#327caf;height:30px;top:0;line-height:38px;}
    146. 

  146. .us-layout-view-tab li.us-view-tab1 a{left:0;}
    147. 

  147. .us-layout-view-tab li.us-view-tab2 a{left:97px;}
    148. 

  148. .us-layout-view-tab li.us-view-tab3 a{left:194px;}
    149. 

  149. .us-view-tab-content{background:#fff;border:10px solid #327caf;font-family:'Dotum',Dotum,Sans-serif;color:#000;text-align:left;font-size:12px;margin:0;}
    150. 

  150. .us-layout-view-content{display:none;margin-top:30px;}
    151. 

  151. 

  152. /* ##### [cert view - tab simple] ##### */
    153. 

  153. .us-layout-view-simple{clear:both;padding:20px;width:360px;height:345px;}
    154. 

  154. .us-layout-view-simple dl{border-bottom:1px solid #e3e3e3;padding:0 0 25px 0;margin:0 0 15px 0;overflow:hidden;}
    155. 

  155. .us-layout-view-simple dl.us-layout-view-cert-validity-date{padding:0 0 15px 0;}
    156. 

  156. .us-layout-view-simple dl dt{font-weight:bold;color:#454545;margin:0 0 10px 0;padding:0;}
    157. 

  157. .us-layout-view-simple dl dd{margin:0;padding:0;}
    158. 

  158. .us-layout-view-simple .us-layout-view-cert-info{clear:both;}
    159. 

  159. .us-layout-view-simple .us-layout-view-cert-img{float:left;width:80px;margin:0;padding:0;display:block;height:45px;vertical-align:middle;}
    160. 

  160. .us-layout-view-simple .us-layout-view-cert-status{margin:0 0 0 60px;padding:0;font-size:12px;font-family:'Dotum',Dotum,Sans-serif;color:#464646;font-weight:bold;line-height:16px;}
    161. 

  161. .us-layout-view-simple .us-layout-view-cert-info-subject{float:left;margin:0;}
    162. 

  162. .us-layout-view-simple .us-layout-view-cert-info-data{float:left;margin:0 0 0 8px;}
    163. 

  163. .us-layout-view-simple .us-layout-view-cert-purpose{clear:both;font-size:12px;font-family:'Dotum',Dotum,Sans-serif;color:#464646;font-weight:normal;width:auto;height:auto;}
    164. 

  164. 

  165. /* ##### [cert view - tab detail] ##### */
    166. 

  166. .us-layout-view-detail{clear:both;padding:10px;width:380px;height:365px;}
    167. 

  167. .us-layout-view-list{text-align:center;vertical-align:middle;display:block;border:0; margin:0 0 10px 0;padding:0;background:none;border:1px solid #e1e1e1;}
    168. 

  168. .us-layout-view-list-inner{position:relative;height:250px;text-align:left;vertical-align:middle;display:block;border:0;padding:0;overflow:visible;}
    169. 

  169. .us-layout-view-tbl-list{position:static;border-collapse:collapse;width:358;height:250px;border:0;margin:0;padding:0;}
    170. 

  170. .us-layout-view-tbl-list caption{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
    171. 

  171. .us-layout-view-tbl-list th{border:0;margin:0;padding:0;background:#676a6f;font-size:12px;color:#fff;text-align:center;height:25px;font-weight:normal;}
    172. 

  172. .us-layout-view-tbl-list td{border:0;margin:0;padding:0;background:#fff;font-size:11px;text-align:left;}
    173. 

  173. .us-layout-view-detail-data{height:100px;margin:0;padding:0;border:1px solid #e3e3e3;}
    174. 

  174. .us-layout-view-detail-data .us-layout-view-detail-text-box{width:370px;height:90px;margin:0;padding:5px;font-family:'Dotum',Dotum,Sans-serif;font-size:11px;color:#000;overflow:scroll;border:0;box-sizing:content-box;}
    175. 

  175. .us-layout-view-grid-head-div{position:relative;width:378px;height:25px;border:0;padding:0;margin:0;overflow:hidden;}
    176. 

  176. .us-layout-view-grid-head-row{position:static;width:378px;height:25px;border:0;padding:0;margin:0;}
    177. 

  177. .us-layout-view-grid-head-row .us-layout-view-grid-row-title-element:first-child{background:url(../img/us-layout-view-detail-linebar.gif) right 0 no-repeat;}
    178. 

  178. .us-layout-view-grid-row-title-element{position:relative;float:left;font-size:11px;text-align:left;border:0;line-height:25px;padding:0 15px 0 15px;margin:0;}
    179. 

  179. .us-layout-view-grid-body-div{position:relative;width:378px;height:224px;;border:0;padding:0;margin:0;overflow-x:hidden;overflow-y:scroll}
    180. 

  180. .us-layout-view-grid-body-row{position:static;width:378px;height:20px;border:0;padding:0;margin:0;}
    181. 

  181. .us-layout-view-grid-row-data-element{float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;height:20px;background:#fff;line-height:20px;color:#656565;margin:0;padding:0 15px 0 15px;box-sizing:content-box;}
    182. 

  182. .us-layout-view-grid-row-data-selected-element{float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;height:20px;background:#e5f3fc;line-height:20px;color:#656565;margin:0;padding:0 15px 0 15px;text-decoration:underline;box-sizing:content-box;}
    183. 

  183. 

  184. /* #### [cert view - tab certpath] #### */
    185. 

  185. .us-layout-view-certpath{clear:both;padding:20px;width:360px;height:345px;}
    186. 

  186. .us-layout-view-certpath dl{border-bottom:1px solid #e3e3e3;padding:0;margin:0 0 15px 0;overflow:hidden;}
    187. 

  187. .us-layout-view-certpath dl dt{font-weight:bold;color:#454545;margin:0 0 10px 0;padding:0; float:left;}
    188. 

  188. .us-layout-view-certpath dl dd{margin:0;margin:0 0 10px 0;}
    189. 

  189. .us-layout-view-certpath dl dd.subject{font-weight:bold;color:#454545;margin:0 0 10px 0;padding:0;}
    190. 

  190. .us-layout-view-certpath div.link{font-size: 11px; color: #6695EB; cursor: pointer; text-align: center;}
    191. 

  191. .us-layout-view-certpath div.link:hover{color: #66C8EB;}
    192. 

  192. .us-layout-view-certpath ul {display: inline-block; margin: 0; padding: 0; word-break: break-all; font-size: 11px; height: 110px;}
    193. 

  193. .us-layout-view-certpath ul li{padding: 0; list-style: none; float: left; line-height: 12px; max-width: 260px; margin: 2px 2px 2px 0;}
    194. 

  194. .us-layout-view-certpath ul li.dot{clear:both; margin-left: 2px; width:21px; height: 17px; background:url(../img/dot.png) no-repeat;}
    195. 

  195. .us-layout-view-certpath ul li.dot2{clear:both; margin-left: 25px; width:21px; height: 17px; background:url(../img/dot.png) no-repeat;}
    196. 

  196. .us-layout-view-certpath ul li.invalid{background:url(../img/cert_invalid_small.png) no-repeat; width: 40px; height: 29px;}
    197. 

  197. .us-layout-view-certpath ul li.valid{background:url(../img/cert_valid_small.png) no-repeat; width: 40px; height: 29px;}
    198. 

  198. 

  199. .btn-action{height:30px;font-weight:bold;font-size:14px;line-height:28px;cursor:pointer;font-family:'Dotum',Dotum,Sans-serif;padding:1px 6px;margin-bottom:3px;color:#327caf;background:#fff;border-bottom:3px solid #327caf;border-left:1px solid #327caf;border-top:1px solid #327caf;border-right:1px solid #327caf;}
    200. 

  200. 

  201. .us-layout-cert-manage-detail-box div{margin: 3px; line-height: 19px;}
    202. 

  202. .us-layout-cert-manage-detail-box .us-div-cert-manage-detail-box-btns{margin: 0; text-align: right; width: 160px;}
    203. 

  203. .us-layout-cert-manage-detail-box .us-layout-big-btn{background:#fff;border:1px solid #777;color:#777;font-size:11px;height:65px;min-width:63px;cursor:pointer;font-family:'Dotum',Dotum,Sans-serif;padding:5px;}
    204. 

  204. .us-layout-cert-manage-detail-box .us-layout-big-btn:disabled{background:#f9f9f9;color:#c0c0c2;border:1px solid #c1c0c3;cursor:default;}
    205. 

  205. 

  206. /* ##### [drive select] ##### */
    207. 

  207. .us-layout-drive-select{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:340px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    208. 

  208. .us-layout-drive-select img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    209. 

  209. .us-layout-drive-l{float:left;width:92px;border:1px solid #fff;margin:0 20px 0 0;text-align:center;}
    210. 

  210. .us-layout-drive-select-img{border-top:1px solid #dadade;border-left:1px solid #dadade;padding-top:13px;}
    211. 

  211. .us-storage-name{display:block;text-align:center;font-size:11px;color:#454545;letter-spacing:-1px;font-weight:bold;margin:2px 0 0 0;padding:0 0 7px 0;font-family:'Dotum',Dotum,Sans-serif;line-height:14px;}
    212. 

  212. .us-layout-drive-r{padding:0 0 0 114px;}
    213. 

  213. .us-layout-drive-select-disk-lbl{display:block;font-size:12px;color:#454545;font-weight:bold;letter-spacing:0px;line-height:12px;margin:0;padding:20px 0 10px 0;}
    214. 

  214. .us-layout-drive-select-disk-select{font-size:14px;color:#454545;line-height:28px;padding:4px 10px 4px 10px;margin:0;width:160px;font-weight:bold;box-sizing:content-box;border-top:1px solid #595c60;border-left:1px solid #595c60;border-right:1px solid #dadade;border-bottom:1px solid #dadade;}
    215. 

  215. 

  216. /* ##### [sectoken select] ##### */
    217. 

  217. .us-layout-sectoken-select{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:560px;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    218. 

  218. .us-layout-sectoken-select img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    219. 

  219. .us-layout-sectoken-select-notice{padding:0;margin:0 0 10px 0;}
    220. 

  220. .us-layout-sectoken-select-lbl-notice{font-family:'Dotum',Dotum,Sans-serif;font-size:12px;color:#454545;font-weight:bold;margin:0;padding:0;letter-spacing:0;}
    221. 

  221. .us-layout-sectoken-select-list{height:160px;background:#fff;overflow-y:hidden;overflow-x:scroll;}
    222. 

  222. .us-layout-sectoken-select-tbl-list{border:0;border-collapse:collapse;margin:0;padding:0;width:520px;height:145px;}
    223. 

  223. .us-layout-sectoken-select-tbl-list caption{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
    224. 

  224. .us-layout-sectoken-select-tbl-list th{font-family:'Dotum',Dotum,Sans-serif;background:#676a6f;font-size:12px;color:#fff;line-height:25px;font-weight:normal;height:25px;text-align:center;border:0;padding:0;margin:0;}
    225. 

  225. .us-layout-sectoken-select-tbl-list td{font-family:'Dotum',Dotum,Sans-serif;font-size:11px;color:#666666;line-height:20px;padding:0;margin:0;text-align:left;}
    226. 

  226. .us-layout-sectoken-select-driver{margin:10px 0 0 0;}
    227. 

  227. .us-layout-sectoken-select-driver .driver-txt{float:left;width:355px;background:url(../img/point_icon1.png) 0 1px no-repeat;padding:0 0 0 17px;box-sizing:content-box;}
    228. 

  228. .us-layout-sectoken-select-notice-txt{font-family:'Dotum',Dotum,Sans-serif;font-size:11px;color:#666666;line-height:16px;text-align:left;margin:0;padding:0;}
    229. 

  229. .us-layout-sectoken-select-driver .driver-btn{text-align:right;}
    230. 

  230. .us-layout-sectoken-select-install-driver-btn{font-family:'Dotum',Dotum,Sans-serif;background:#fff;color:#666;font-weight:normal;border:1px solid #666;width:134px;height:28px;text-align:center;line-height:26px;font-size:11px;box-shadow:0 1px 0 rgba(255,255,255,1);padding:0;margin:0;outline:0;}
    231. 

  231. 

  232. .us-layout-sectoken-select-grid-head-div{position:relative;padding:0;margin:0;overflow:hidden;border:0;height:25px;width:520px;}
    233. 

  233. .us-layout-sectoken-select-grid-head-row{position:static;padding:0;margin:0;border:0;height:25px;width:520px;}
    234. 

  234. .us-sectoken-select-grid-head-div{position:relative;width:520px;height:25px;border:0;padding:0;margin:0;overflow:hidden;}
    235. 

  235. .us-sectoken-select-grid-head-row{position:static;width:520px;height:25px;border:0;padding:0;margin:0;}
    236. 

  236. .us-sectoken-select-grid-head-row .us-layout-sectoken-select-grid-row-title-element:first-child{background:none;}
    237. 

  237. .us-layout-sectoken-select-grid-row-title-element{position:relative;float:left;font-size:11px;text-align:center;border:0;line-height:25px;padding:0;margin:0;background:url(../img/us-layout-view-detail-linebar.gif) -1px 0 no-repeat;}
    238. 

  238. .us-layout-sectoken-select-grid-row-title-divider{position:relative;width:1px;float:left;background-color:#494c51;margin:0;padding:0;}
    239. 

  239. .us-layout-sectoken-select-grid-body-div{position:relative;width:520px;height:118px;;border:0;padding:0;margin:0;overflow-x:hidden;overflow-y:scroll}
    240. 

  240. .us-layout-sectoken-select-grid-body-row{position:static;width:520px;height:20px;border:0;padding:0;margin:0;}
    241. 

  241. .us-sectoken-select-grid-row-data-element{float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;height:20px;background:#fff;line-height:20px;color:#656565;margin:0;padding:0 15px 0 15px;box-sizing:content-box;}
    242. 

  242. .us-layout-sectoken-select-grid-row-data-element{float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;height:20px;background:#fff;line-height:20px;color:#656565;margin:0;padding:0 15px 0 15px;box-sizing:content-box;}
    243. 

  243. .us-layout-sectoken-select-grid-row-data-selected-element{float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;height:20px;background:#e5f3fc;line-height:20px;color:#656565;margin:0;padding:0 15px 0 15px;text-decoration:underline;box-sizing:content-box;}
    244. 

  244. 

  245. /* ##### [cert verify] ##### */
    246. 

  246. .us-layout-cert-verify{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:340px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    247. 

  247. .us-layout-cert-verify-noti-lbl{margin:0;padding:0;color:#454545;font-size:12px;line-height:18px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:0;}
    248. 

  248. 

  249. /* ##### [change password] ##### */
    250. 

  250. .us-layout-change-password{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:450px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    251. 

  251. .us-layout-change-password img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    252. 

  252. .us-layout-change-password-notice{height:90px;margin:0 0 20px 0;}
    253. 

  253. .us-layout-change-password-notice-l{float:left;width:92px;border:1px solid #fff;margin:0 20px 0 0;text-align:center;}
    254. 

  254. .us-layout-change-password-img{padding:13px 0 0 21px;border-top:1px solid #dadade;border-left:1px solid #dadade;}
    255. 

  255. .us-layout-change-password-notice-r{padding:30px 0 0 114px;}
    256. 

  256. .us-layout-change-password-notice-text{margin:0;padding:0;color:#454545;font-size:12px;line-height:16px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:0;}
    257. 

  257. .us-layout-change-password-notice-text2{margin:0;padding:0;color:#666;line-height:16px;font-size:11px;font-weight:normal;}
    258. 

  258. .us-layout-change-password-input dl{position:static;padding:0;margin:0;width:auto;height:auto;}
    259. 

  259. .us-layout-change-password-input dl dt{position:static;float:left;width:114px;padding:0;margin:0;text-align:left;}
    260. 

  260. .us-layout-change-password-input dl dt.password-bold-title label{color:#454545;font-weight:bold;}
    261. 

  261. .us-layout-change-password-input dl dd{position:static;float:none;width:auto;height:auto;padding:0 0 10px 0;margin:0 0 0 115px;}
    262. 

  262. .us-layout-change-password-input dl dd.us-line-style1{border-bottom:1px solid #e0e0e6;}
    263. 

  263. .us-layout-change-password-input dl dd.us-line-style2{padding:10px 0 0 0;border-top:1px solid #fff;}
    264. 

  264. .us-layout-change-password-input-textbox{font-size:12px;width:278px;height:20px;color:#454545;line-height:16px;padding:4px 8px 4px 7px;margin:0;box-sizing:content-box;border-top:1px solid #595c60;border-left:1px solid #595c60;border-right:1px solid #dadade;border-bottom:1px solid #dadade;}
    265. 

  265. .us-layout-change-password-input-lbl{background:url(../img/dot_icon.gif) 0 7px no-repeat;display:block;font-size:12px;color:#666;font-weight:normal;letter-spacing:-1px;margin:8px 0 0 0;padding:0 0 0 7px;line-height:16px;}
    266. 

  266. .us-layout-change-password-warning-text{background:url(../img/point_icon1.png) 0 1px no-repeat;padding:0 0 0 20px;margin:8px 0 0 0;font-family:'Dotum',Dotum,Sans-serif;font-size:11px;color:#666666;line-height:16px;text-align:left;}
    267. 

  267. 

  268. /* ##### [password] ##### */
    269. 

  269. .us-layout-password{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:450px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    270. 

  270. .us-layout-password img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    271. 

  271. .us-layout-password-body-l{float:left;width:92px;border:1px solid #fff;margin:0 20px 0 0;text-align:center;}
    272. 

  272. .us-layout-password-img{padding:17px 0 0 14px;border-top:1px solid #dadade;border-left:1px solid #dadade;}
    273. 

  273. .us-layout-password-body-r{padding:18px 0 0 114px;}
    274. 

  274. .us-layout-password-notice-text{display:block;margin:0 0 10px 0;padding:0;color:#454545;font-size:12px;line-height:16px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:0;}
    275. 

  275. .us-layout-password-input-textbox{font-size:12px;width:278px;height:20px;color:#454545;line-height:16px;padding:4px 8px 4px 7px;margin:0;box-sizing:content-box;border-top:1px solid #595c60;border-left:1px solid #595c60;border-right:1px solid #dadade;border-bottom:1px solid #dadade;}
    276. 

  276. 

  277. /* ##### [new password] ##### */
    278. 

  278. .us-layout-new-password{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:450px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    279. 

  279. .us-layout-new-password img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    280. 

  280. .us-layout-new-password-notice{height:90px;margin:0 0 20px 0;}
    281. 

  281. .us-layout-new-password-notice-l{float:left;width:92px;border:1px solid #fff;margin:0 20px 0 0;text-align:center;}
    282. 

  282. .us-layout-new-password-img{padding:13px 0 0 21px;border-top:1px solid #dadade;border-left:1px solid #dadade;}
    283. 

  283. .us-layout-new-password-notice-r{padding:30px 0 0 114px;}
    284. 

  284. .us-layout-new-password-notice-text{margin:0;padding:0;color:#454545;font-size:12px;line-height:16px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:0;}
    285. 

  285. .us-layout-new-password-notice-text2{margin:0;padding:0;color:#666;line-height:16px;font-size:11px;font-weight:normal;}
    286. 

  286. .us-layout-new-password-input dl{position:static;padding:0 0 10px 0;margin:0;width:auto;height:auto;}
    287. 

  287. .us-layout-new-password-input dl dt{position:static;float:left;width:114px;padding:0;margin:0;text-align:left;}
    288. 

  288. .us-layout-new-password-input dl dd{position:static;float:none;width:auto;height:auto;padding:0;margin:0 0 0 115px;}
    289. 

  289. .us-layout-new-password-input-textbox{font-size:12px;width:278px;height:20px;color:#454545;line-height:16px;padding:4px 8px 4px 7px;margin:0;box-sizing:content-box;border-top:1px solid #595c60;border-left:1px solid #595c60;border-right:1px solid #dadade;border-bottom:1px solid #dadade;}
    290. 

  290. .us-layout-new-password-input-lbl{background:url(../img/dot_icon.gif) 0 7px no-repeat;display:block;font-size:12px;color:#666;font-weight:normal;letter-spacing:-1px;margin:8px 0 0 0;padding:0 0 0 7px;line-height:16px;text-align:left;}
    291. 

  291. .us-layout-new-password-warning-text{background:url(../img/point_icon1.png) 0 1px no-repeat;padding:0 0 0 20px;margin:8px 0 0 0;font-family:'Dotum',Dotum,Sans-serif;font-size:11px;color:#666666;line-height:16px;text-align:left;}
    292. 

  292. 

  293. /* ##### [password check] ##### */
    294. 

  294. .us-password-check{position:relative;margin:15px 0 10px 0;}
    295. 

  295. .us-password-check-arrow{position:absolute;left:0;top:-11px;background:url(../img/password_check_top_arrow.png) 0 0 no-repeat;width:12px;height:13px;padding:0;margin:0;}
    296. 

  296. .us-password-check-inner{border:1px solid #fff;}
    297. 

  297. .us-password-check-box{border-top:1px solid #dad9de;border-left:1px solid #dad9de;padding:6px 10px;}
    298. 

  298. .us-password-check-box ul{margin:0;padding:0;}
    299. 

  299. .us-password-check-box .txt{margin:0;padding:0 0 0 14px;font-size:11px;line-height:20px;color:#454545;}
    300. 

  300. .us-password-check-box ul li{background:url(../img/password_check2.png) 0 7px no-repeat;list-style:none;margin:0;padding:0 0 0 14px;font-size:11px;line-height:20px;color:#cd4b4b;text-align:left;}
    301. 

  301. .us-password-check-box ul li.check{background:url(../img/password_check1.png) 0 7px no-repeat;color:#777;}
    302. 

  302. 

  303. /* ##### [cert issue] ##### */
    304. 

  304. .us-layout-cert-issue{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:450px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    305. 

  305. .us-layout-cert-issue img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    306. 

  306. .us-layout-cert-issue-notice-lbl{font-family:'Dotum',Dotum,Sans-serif;font-size:12px;color:#454545;font-weight:bold;margin:0;padding:0 0 10px 0;letter-spacing:0;text-align:left;}
    307. 

  307. .us-layout-cert-issue-input dl{position:static;padding:0;margin:10px 0 0 0;width:auto;height:auto;}
    308. 

  308. .us-layout-cert-issue-input dl dt{position:static;float:left;width:68px;padding:0;margin:0;text-align:left;}
    309. 

  309. .us-layout-cert-issue-input dl dd{position:static;float:none;width:auto;height:auto;padding:0;margin:0 0 0 69px;}
    310. 

  310. .us-layout-cert-issue-textbox{font-size:12px;width:322px;height:20px;color:#454545;line-height:16px;padding:4px 8px 4px 7px;margin:0;box-sizing:content-box;border-top:1px solid #595c60;border-left:1px solid #595c60;border-right:1px solid #dadade;border-bottom:1px solid #dadade;}
    311. 

  311. .us-layout-cert-issue-lbl{background:url(../img/dot_icon.gif) 0 7px no-repeat;display:block;font-size:12px;color:#666;font-weight:normal;letter-spacing:-1px;margin:8px 0 0 0;padding:0 0 0 7px;line-height:16px;}
    312. 

  312. 

  313. /* ##### [pin] ##### */
    314. 

  314. .us-layout-pin{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:450px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    315. 

  315. .us-layout-pin img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    316. 

  316. .us-layout-pin-body-l{float:left;width:92px;border:1px solid #fff;margin:0 20px 0 0;text-align:center;}
    317. 

  317. .us-layout-pin-img{border-top:1px solid #dadade;border-left:1px solid #dadade;padding-top:13px;}
    318. 

  318. .us-layout-pin-body-r{padding:0 0 0 114px;}
    319. 

  319. .us-layout-pin-notice-text{display:block;font-size:12px;color:#454545;font-weight:bold;letter-spacing:0px;line-height:12px;margin:0;padding:20px 0 10px 0;}
    320. 

  320. .us-layout-pin-input-textbox{font-size:12px;width:275px;height:20px;color:#454545;line-height:16px;padding:4px 8px 4px 7px;margin:0;box-sizing:content-box;border-top:1px solid #595c60;border-left:1px solid #595c60;border-right:1px solid #dadade;border-bottom:1px solid #dadade;}
    321. 

  321. 

  322. /* ##### [cert processing] ##### */
    323. 

  323. .us-layout-cert-processing{width:435px;height:50px;background:#414449;line-height:50px;text-align:center;}
    324. 

  324. .us-layout-cert-processing img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    325. 

  325. .us-layout-cert-processing-img img{vertical-align:middle;margin:-3px 5px 0 0;}
    326. 

  326. .us-layout-cert-processing-text{font-family:'Dotum',Dotum,Sans-serif;color:#fff;font-size:15px;font-weight:bold;}
    327. 

  327. 

  328. /* ##### [cert revoke] ##### */
    329. 

  329. .us-layout-cert-revoke{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:340px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    330. 

  330. .us-layout-cert-revoke-notice-lbl{font-family:'Dotum',Dotum,Sans-serif;font-size:12px;color:#454545;font-weight:bold;margin:0;padding:0 0 10px 0;letter-spacing:0;text-align:left;}
    331. 

  331. .us-layout-cert-revoke-select{border:1px solid #fff;}
    332. 

  332. .us-layout-cert-revoke-select-inner{border-top:1px solid #dadade;border-left:1px solid #dadade;padding:20px;}
    333. 

  333. .us-layout-cert-revoke-select-inner ul{margin:0;padding:0;}
    334. 

  334. .us-layout-cert-revoke-select-inner ul li:first-child{margin:0;}
    335. 

  335. .us-layout-cert-revoke-select-inner ul li{margin:0;padding:0;list-style:none;line-height:26px;text-align:left;}
    336. 

  336. .us-layout-cert-revoke-select-inner ul li label{font-family:'Dotum',Dotum,Sans-serif;font-size:12px;color:#454545;font-weight:normal;margin:0 0 0 6px;padding:0;letter-spacing:0;}
    337. 

  337. .us-layout-cert-revoke-radiobox{margin:0 0 -1px 0;padding:0;vertical-align:middle;width:13px;height:13px;}
    338. 

  338. 

  339. .us-layout-mobile-select{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    340. 

  340. 

  341. /* ##### [storage select] ##### */
    342. 

  342. .us-layout-storage-select{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:623px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    343. 

  343. .us-layout-storage-select-notice-lbl{font-family:'Dotum',Dotum,Sans-serif;font-size:12px;color:#454545;font-weight:bold;margin:0;padding:0 0 10px 0;letter-spacing:0;text-align:left;}
    344. 

  344. .us-layout-storage-select-warning-lbl{background:url(../img/point_icon1.png) 0 1px no-repeat;padding:0 0 0 20px;margin:15px 0 0 0;font-family:'Dotum',Dotum,Sans-serif;font-size:11px;color:#666666;line-height:16px;text-align:left;}
    345. 

  345. .us-layout-storage-select-body{border:1px solid #fff;}
    346. 

  346. .us-layout-storage-select-inner{border-top:1px solid #dadade;border-left:1px solid #dadade;padding:7px;}
    347. 

  347. .us-layout-storage-select-list{position:relative;overflow:hidden;}
    348. 

  348. .us-layout-storage-select-list ul{margin:0;padding:0;}
    349. 

  349. .us-layout-storage-select-list ul li{float:left;list-style:none;text-align:center;position:relative;margin:0;padding:0;}
    350. 

  350. .us-layout-storage-select-list ul li button{vertical-align:top;border:0;margin:0;padding:0;background:url(../img/us-layout-storage-linebar.gif) 0 18px no-repeat #f3f3f7;width:94px;height:90px;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-ms-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;cursor:pointer;}
    351. 

  351. .us-layout-storage-select-list ul li.line-first button,.us-layout-storage-select-list ul li:first-child button{background-image:none;}
    352. 

  352. .us-layout-storage-select-list ul li button .us-img-storage{display:block;margin:0 auto;width:54px;height:50px;}
    353. 

  353. .us-layout-storage-select-list ul li button .us-drive-select{width:19px;height:12px;display:block;position:absolute;right:10px;top:10px;background:url(../img/media_drive_off.png) 0 0 no-repeat;}
    354. 

  354. .us-layout-storage-select-list ul li button.us-layout-storage-btn-none{cursor:default;}
    355. 

  355. .us-layout-storage-select-list ul li button.us-layout-storage-btn-none .us-layout-lbl-storage{color:#9e9e9e;}
    356. 

  356. .us-layout-storage-select-list ul li button.us-layout-storage-btn-none .us-drive-select{display:none;}
    357. 

  357. .us-layout-storage-select-list ul li button .us-layout-lbl-storage{display:block;text-align:center;font-size:11px;color:#454545;letter-spacing:-1px;font-weight:bold;margin:2px 0 0 0;font-family:'Dotum',Dotum,Sans-serif;line-height:14px;}
    358. 

  358. .us-layout-storage-select-list ul li button.us-layout-storage-btn-on,
    359. 

  359. .us-layout-storage-select-list ul li button.us-layout-storage-btn-off:hover{background:#bddcf2;border:1px solid #fff;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px ;}
    360. 

  360. 

  361. /* ##### [ssn] ##### */
    362. 

  362. .us-layout-ssn{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:450px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    363. 

  363. .us-layout-ssn-input dl{position:static;padding:0;margin:0;width:auto;height:auto;}
    364. 

  364. .us-layout-ssn-input dl dt{position:static;float:left;width:195px;padding:0;margin:0;}
    365. 

  365. .us-layout-ssn-input dl dd{position:static;float:none;width:auto;height:auto;padding:0;margin:0 0 0 196px;}
    366. 

  366. .us-layout-ssn-input-text{display:block;font-size:12px;color:#454545;font-weight:bold;letter-spacing:0px;line-height:12px;margin:0;padding:10px 0 0 0;text-align:left;}
    367. 

  367. .us-layout-ssn-input-textbox{font-size:12px;width:195px;height:20px;color:#454545;line-height:16px;padding:4px 8px 4px 7px;margin:0;box-sizing:content-box;border-top:1px solid #595c60;border-left:1px solid #595c60;border-right:1px solid #dadade;border-bottom:1px solid #dadade;}
    368. 

  368. .us-layout-ssn-notice-text{background:url(../img/point_icon1.png) 0 1px no-repeat;padding:0 0 0 20px;margin:15px 0 0 0;font-family:'Dotum',Dotum,Sans-serif;font-size:11px;color:#666666;line-height:16px;text-align:left;}
    369. 

  369. 

  370. /* ##### [swinfo] ##### */
    371. 

  371. .us-layout-sw-info{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#f3f3f7;width:340px;z-index:8250;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    372. 

  372. .us-layout-sw-info-noti-lbl{margin:0;padding:0;color:#454545;font-size:12px;line-height:18px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:0;}
    373. 

  373. 

  374. /* ##### [emedded] ##### */
    375. 

  375. .us-layout-cert-select-embed{font-family:'Dotum',Dotum,Sans-serif;position:relative;background:#fff;min-width:590px;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;}
    376. 

  376. .us-layout-cert-select-embed.us-layout-embed-type1{width:690px;}
    377. 

  377. .us-layout-cert-select-embed.us-layout-embed-type2{width:760px;}
    378. 

  378. .us-layout-cert-select-embed.us-layout-embed-type3{width:710px;}
    379. 

  379. .us-layout-cert-select-embed.us-layout-embed-type4{width:960px;}
    380. 

  380. .us-layout-cert-select-embed img{padding:0;border:0;outline:0;}
    381. 

  381. .us-layout-cert-select-embed legend{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
    382. 

  382. .us-layout-embed-lbl-title{font-size:16px;margin:0 0 15px 0;padding:0;line-height:18px;font-weight:bold;letter-spacing:-1px;color:#454545;text-align:left;}
    383. 

  383. .us-layout-embed-main{padding:20px;}
    384. 

  384. .us-layout-cert-select-embed .us-layout-mid{position:relative;padding:10px;background:#f3f3f7;}
    385. 

  385. .us-layout-embed-bottom{background:#fff;height:54px;padding:0 10px;}
    386. 

  386. 

  387. /* ##### [emedded - storage] ##### */
    388. 

  388. .us-layout-embed-storage .us-layout-storage-wrap{position:relative;height:90px;background:#f3f3f7;}
    389. 

  389. .us-layout-embed-storage .us-layout-storage-more-wrap{width:100%;left:0;top:0;padding:0;border:0;}
    390. 

  390. .us-layout-embed-storage .us-layout-storage-more-wrap .us-layout-storage-embed-inner{border:3px solid #0B5282;padding:7px;}
    391. 

  391. .us-layout-embed-storage.embed630 .us-layout-storage-more-wrap{width:630px;}
    392. 

  392. .us-layout-embed-storage{height:90px;}
    393. 

  393. .us-layout-embed-storage ul{margin:0;padding:0;width:100%;height:90px;}
    394. 

  394. .us-layout-embed-storage ul li{width:15%;}
    395. 

  395. .us-layout-embed-storage ul li button{width:100%;}
    396. 

  396. .us-layout-embed-storage ul li.last button,.us-layout-embed-storage ul li:first-child button{background-image:none;}
    397. 

  397. .us-layout-embed-storage ul li button.us-layout-storage-btn-none{cursor:default;}
    398. 

  398. .us-layout-embed-storage ul li button.us-layout-storage-btn-none .us-layout-lbl-storage{color:#9e9e9e;}
    399. 

  399. .us-layout-embed-storage ul li button .us-drive-select{right:15%;}
    400. 

  400. .us-layout-embed-storage ul li button.us-layout-storage-btn-none .us-drive-select{display:none;}
    401. 

  401. .us-layout-embed-storage ul li button.us-layout-storage-btn-on{background:#327caf;}
    402. 

  402. .us-layout-embed-storage ul li button.us-layout-storage-btn-on .us-drive-select,
    403. 

  403. .us-layout-embed-storage ul li button.us-layout-storage-btn-off:hover .us-drive-select{background:url(../img/media_drive_on.png) 0 0 no-repeat;}
    404. 

  404. .us-layout-embed-storage ul li button.us-layout-storage-btn-off:hover{background:#41a5e7;}
    405. 

  405. .us-layout-embed-storage ul li button.us-layout-storage-btn-on .us-layout-lbl-storage, 
    406. 

  406. .us-layout-embed-storage ul li button.us-layout-storage-btn-off:hover .us-layout-lbl-storage{color:#fff;}
    407. 

  407. .us-layout-embed-storage-more{}
    408. 

  408. .us-layout-embed-storage-more .us-layout-storage-more{position:absolute;right:0;top:0;width:25px;height:80px;background:#777;cursor:pointer;padding:0;margin:0;border:0;text-align:center;}
    409. 

  409. .us-layout-embed-storage-more img{width:15px;height:15px;margin:0;padding:0;vertical-align:top;}
    410. 

  410. .us-layout-embed-storage .us-layout-storage-more-wrap ul{height:180px;}
    411. 

  411. .us-layout-embed-storage .us-layout-storage-more-wrap .us-layout-storage-more{right:10px;top:10px;height:80px;}
    412. 

  412. .us-layout-embed-storage .us-layout-storage-more-wrap .us-layout-embed-storage-more img{width:15px;height:15px;vertical-align:top;padding:0;margin:0;}
    413. 

  413. 

  414. /* ##### [emedded - list] ##### */
    415. 

  415. .us-layout-embed-list-inner{position:relative;height:190px;overflow-x:scroll;overflow-y:hidden;}
    416. 

  416. .us-layout-embed-list-inner .us-layout-grid-row-title-element.grid-element5{text-align:center;padding:0;}
    417. 

  417. 

  418. /* ##### [emedded - list width 690] ##### */
    419. 

  419. .us-layout-embed-type1 .us-layout-embed-list-inner .us-layout-tbl-list{width:610px;height:178px;border:0;margin:0;padding:0;border-collapse:collapse}
    420. 

  420. .us-layout-embed-type1 .us-layout-embed-list-inner .us-layout-grid-head-div{position:relative;padding:0;margin:0;overflow:hidden;border:0;height:25px;width:610px;}
    421. 

  421. .us-layout-embed-type1 .us-layout-embed-list-inner .us-layout-grid-head-row{position:static;padding:0;margin:0;border:0;height:25px;width:610px;}
    422. 

  422. .us-layout-embed-type1 .us-layout-embed-list-inner .us-layout-grid-body-div{position:relative;width:610px;height:145px;overflow-y:scroll;overflow-x:hidden;border:0;padding:0;margin:0;box-sizing:content-box;}
    423. 

  423. .us-layout-embed-type1 .us-layout-embed-list-inner .us-layout-grid-body-row{position:static;width:610px;height:34px;border:0;margin:0 0 7px 0;padding:0;}
    424. 

  424. .us-layout-embed-type1 .us-layout-embed-list-inner .us-layout-grid-body-row .grid-element1 img{margin:3px 0 0 10px;}
    425. 

  425. .us-layout-embed-type1 .us-layout-embed-list-inner .grid-element1{width:54px;}
    426. 

  426. .us-layout-embed-type1 .us-layout-embed-list-inner .grid-element2{width:116px;}
    427. 

  427. .us-layout-embed-type1 .us-layout-embed-list-inner .grid-element3{width:180px;}
    428. 

  428. .us-layout-embed-type1 .us-layout-embed-list-inner .grid-element4{width:130px;}
    429. 

  429. .us-layout-embed-type1 .us-layout-embed-list-inner .grid-element5{width:130px;}
    430. 

  430. 

  431. /* ##### [emedded - list width 760] ##### */
    432. 

  432. .us-layout-embed-type2 .us-layout-embed-list-inner .us-layout-tbl-list{width:680px;height:178px;border:0;margin:0;padding:0;border-collapse:collapse}
    433. 

  433. .us-layout-embed-type2 .us-layout-embed-list-inner .us-layout-grid-head-div{position:relative;padding:0;margin:0;overflow:hidden;border:0;height:25px;width:680px;}
    434. 

  434. .us-layout-embed-type2 .us-layout-embed-list-inner .us-layout-grid-head-row{position:static;padding:0;margin:0;border:0;height:25px;width:680px;}
    435. 

  435. .us-layout-embed-type2 .us-layout-embed-list-inner .us-layout-grid-body-div{position:relative;width:680px;height:145px;overflow-y:scroll;overflow-x:hidden;border:0;padding:0;margin:0;box-sizing:content-box;}
    436. 

  436. .us-layout-embed-type2 .us-layout-embed-list-inner .us-layout-grid-body-row{position:static;width:680px;height:34px;border:0;margin:0 0 7px 0;padding:0;}
    437. 

  437. .us-layout-embed-type2 .us-layout-embed-list-inner .us-layout-grid-body-row .grid-element1 img{margin:3px 0 0 10px;}
    438. 

  438. .us-layout-embed-type2 .us-layout-embed-list-inner .grid-element1{width:54px;}
    439. 

  439. .us-layout-embed-type2 .us-layout-embed-list-inner .grid-element2{width:116px;}
    440. 

  440. .us-layout-embed-type2 .us-layout-embed-list-inner .grid-element3{width:200px;}
    441. 

  441. .us-layout-embed-type2 .us-layout-embed-list-inner .grid-element4{width:150px;}
    442. 

  442. .us-layout-embed-type2 .us-layout-embed-list-inner .grid-element5{width:160px;}
    443. 

  443. 

  444. /* ##### [emedded - list width 830] ##### */
    445. 

  445. .us-layout-embed-type3 .us-layout-embed-list-inner .us-layout-tbl-list{width:630px;height:173px;border:0;margin:0;padding:0;border-collapse:collapse}
    446. 

  446. .us-layout-embed-type3 .us-layout-embed-list-inner .us-layout-grid-head-div{position:relative;padding:0;margin:0;overflow:hidden;border:0;height:25px;width:630px;}
    447. 

  447. .us-layout-embed-type3 .us-layout-embed-list-inner .us-layout-grid-head-row{position:static;padding:0;margin:0;border:0;height:25px;width:630px;}
    448. 

  448. .us-layout-embed-type3 .us-layout-embed-list-inner .us-layout-grid-body-div{position:relative;width:630px;height:145px;overflow-y:scroll;overflow-x:hidden;border:0;padding:0;margin:0;box-sizing:content-box;}
    449. 

  449. .us-layout-embed-type3 .us-layout-embed-list-inner .us-layout-grid-body-row{position:static;width:630px;height:34px;border:0;margin:0 0 3px 0;padding:0;}
    450. 

  450. .us-layout-embed-type3 .us-layout-embed-list-inner .us-layout-grid-body-row .grid-element1 img{margin:3px 0 0 10px;}
    451. 

  451. .us-layout-embed-type3 .us-layout-embed-list-inner .grid-element1{width:54px;}
    452. 

  452. .us-layout-embed-type3 .us-layout-embed-list-inner .grid-element2{width:96px;}
    453. 

  453. .us-layout-embed-type3 .us-layout-embed-list-inner .grid-element3{width:220px;}
    454. 

  454. .us-layout-embed-type3 .us-layout-embed-list-inner .grid-element4{width:130px;}
    455. 

  455. .us-layout-embed-type3 .us-layout-embed-list-inner .grid-element5{width:130px;}
    456. 

  456. 

  457. /* ##### [emedded - list width 960] ##### */
    458. 

  458. .us-layout-embed-type4 .us-layout-embed-list-inner .us-layout-tbl-list{width:880px;height:178px;border:0;margin:0;padding:0;border-collapse:collapse}
    459. 

  459. .us-layout-embed-type4 .us-layout-embed-list-inner .us-layout-grid-head-div{position:relative;padding:0;margin:0;overflow:hidden;border:0;height:25px;width:880px;}
    460. 

  460. .us-layout-embed-type4 .us-layout-embed-list-inner .us-layout-grid-head-row{position:static;padding:0;margin:0;border:0;height:25px;width:880px;}
    461. 

  461. .us-layout-embed-type4 .us-layout-embed-list-inner .us-layout-grid-body-div{position:relative;width:880px;height:145px;overflow-y:scroll;overflow-x:hidden;border:0;padding:0;margin:0;box-sizing:content-box;}
    462. 

  462. .us-layout-embed-type4 .us-layout-embed-list-inner .us-layout-grid-body-row{position:static;width:880px;height:34px;border:0;margin:0 0 7px 0;padding:0;}
    463. 

  463. .us-layout-embed-type4 .us-layout-embed-list-inner .us-layout-grid-body-row .grid-element1 img{margin:3px 0 0 10px;}
    464. 

  464. .us-layout-embed-type4 .us-layout-embed-list-inner .grid-element1{width:64px;}
    465. 

  465. .us-layout-embed-type4 .us-layout-embed-list-inner .grid-element2{width:126px;}
    466. 

  466. .us-layout-embed-type4 .us-layout-embed-list-inner .grid-element3{width:340px;}
    467. 

  467. .us-layout-embed-type4 .us-layout-embed-list-inner .grid-element4{width:170px;}
    468. 

  468. .us-layout-embed-type4 .us-layout-embed-list-inner .grid-element5{width:180px;}
    469. 

  469. 

  470. 

  471. /* ##### [emedded - bottom] ##### */
    472. 

  472. .us-layout-embed-cert{height:70px;margin:20px 0 0 0;padding:0 10px 0 10px;}
    473. 

  473. .us-layout-embed-pw{margin:0;padding:0; text-align:left;}
    474. 

  474. .us-layout-embed-pw .h35{height: 35px;}
    475. 

  475. .us-layout-embed-pw .us-layout-lbl-pw{margin:0 0 8px 0;padding:0;line-height:16px;display:block;float:none;}
    476. 

  476. .us-layout-embed-pw .us-layout-lbl-pw .us-pw-text1{font-size:14px;font-weight:bold;color:#327caf;display:inline-block;}
    477. 

  477. .us-layout-embed-pw .us-layout-lbl-pw .us-pw-text2{font-size:11px;color:#777777;font-weight:normal;margin:0;display:inline-block;}
    478. 

  478. .us-layout-embed-pw .us-layout-pw-text{width:60%; border:2px solid #327caf;margin:0;padding:7px 10px;font-size:14px;color:#454545;box-sizing:content-box;vertical-align:middle;}
    479. 

  479. .us-layout-embed-btns ul li .us-layout-normal-btn{background:#fff;border:1px solid #777;color:#777;font-size:11px;height:30px;line-height:26px;width:83px;cursor:pointer;font-family:'Dotum',Dotum,Sans-serif;margin:0;padding:0;letter-spacing:-1px}
    480. 

  480. .us-layout-embed-btns ul li .us-layout-normal-btn:disabled{background:#f9f9f9;color:#c0c0c2;border:1px solid #c1c0c3;cursor:default;}
    481. 

  481. 

  482. .us-layout-embed-btns{float:right;width:190px;padding:0;margin:0;background:url(../img/us-layout-storage-linebar.gif) 94px 0 repeat-y;}
    483. 

  483. .us-layout-embed-btns ul{margin:0;padding:0;}
    484. 

  484. .us-layout-embed-btns ul li{list-style:none;float:left;padding:0;margin:0 0 6px 0;}
    485. 

  485. .us-layout-embed-btns ul li.li-list2{float:right;margin:0 0 6px 0;}
    486. 

  486. .us-layout-embed-btns ul li.li-list3{margin:0;}
    487. 

  487. .us-layout-embed-btns ul li.li-list4{float:right;margin:0;}
    488. 

  488. 

  489. /*
    490. 

  490. .us-layout-embed-btns{width:auto;padding:0;margin:16px 0 0 0;background:none;}
    491. 

  491. .us-layout-embed-btns ul{margin:0;padding:0;}
    492. 

  492. .us-layout-embed-btns ul li{list-style:none;float:left;padding:0 6px 0 0;margin:0;}
    493. 

  493. .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;}
    494. 

  494. .us-layout-embed-btns ul li.li-list3{margin:0;}
    495. 

  495. .us-layout-embed-btns ul li.li-list4{float:left;margin:0;padding:0;}
    496. 

  496. */
    497. 

  497. 

  498. /* ##### [certmanage] ##### */
    499. 

  499. .us-layout-cert-manage{font-family:'Dotum',Dotum,Sans-serif;position:absolute;background:#fff;width:590px;z-index:8050;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;box-shadow:3px 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.1);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
    500. 

  500. /* .us-layout-cert-manage img{margin:0;padding:0;border:0;outline:0;vertical-align:top;} */
    501. 

  501. .us-layout-cert-manage .us-layout-mid{position:relative;padding:17px;margin:0;background:#f3f3f7;z-index:8050;}
    502. 

  502. 

  503. /* ##### [certmanage - btns] ##### */
    504. 

  504. .us-layout-cert-manage-btns{margin:20px 0 0 0;height:28px;}
    505. 

  505. .us-layout-cert-manage-btns ul{margin:0;padding:0;}
    506. 

  506. .us-layout-cert-manage-btns ul li:first-child{padding:0;}
    507. 

  507. .us-layout-cert-manage-btns ul li{list-style:none;float:left;padding:0 0 0 6px;margin:0;}
    508. 

  508. .us-layout-cert-manage-btns ul li.li-bar{padding:0 10px 0 7px;margin:0;background:url(../img/us-layout-storage-linebar.gif) right 0 repeat-y;}
    509. 

  509. .us-layout-cert-manage-btns ul li.li-lp{padding:0 0 0 10px;}
    510. 

  510. .us-layout-cert-manage-btns ul li .us-layout-normal-btn{background:#fff;border:1px solid #777;color:#777;font-size:11px;height:30px;line-height:26px;width:82px;cursor:pointer;font-family:'Dotum',Dotum,Sans-serif;margin:0;padding:0;letter-spacing:-1px}
    511. 

  511. .us-layout-cert-manage-btns ul li .us-layout-normal-btn:disabled{background:#f9f9f9;color:#c0c0c2;border:1px solid #c1c0c3;cursor:default;}
    512. 

  512. 

  513. /* ##### [certmanage - detail] ##### */
    514. 

  514. .us-layout-cert-manage-detail{margin:10px 0 0 0; font-size: 11px;}
    515. 

  515. #us-div-cert-manage-detail fieldset{border: 1px solid #ddd; margin: 10px 0 0 0;}
    516. 

  516. .us-div-cert-password-label {text-align: center; vertical-align: middle;}
    517. 

  517. .us-div-cert-password-label span{display: block; line-height: 16px;}
    518. 

  518. .us-div-cert-password-label{height: 21px; vertical-align: middle;}
    519. 

  519. .us-div-cert-password-input input[type="password"]{border: 3px solid #327caf; width: 95%; height: 28px; font-size: 28px;}
    520. 

  520. .us-div-cert-manage-detail-storage{width: 43px; text-align: center;}
    521. 

  521. .us-div-cert-manage-detail-storage span{display: block;}
    522. 

  522. 

  523. /* ##### [cert grid list] ##### */
    524. 

  524. .us-layout-grid-head-div{position:relative;padding:0;margin:0;overflow:hidden;border:0;height:25px;width:536px;}
    525. 

  525. .us-layout-grid-head-row{position:static;padding:0;margin:0;border:0;height:25px;width:536px;}
    526. 

  526. .us-layout-grid-row-title-element{position:relative;height:25px;background:#303338;color:#fff;line-height:25px;float:left;display:block;padding:0px;font-size:12px;}
    527. 

  527. .us-layout-grid-row-title-divider{position:relative;width:1px;float:left;background-color:#327caf;margin:0;padding:0;}
    528. 

  528. .us-layout-grid-body-div{position:relative;width:536px;height:155px;overflow-y:auto;overflow-x:hidden;border:0;padding:0;margin:0;box-sizing:content-box;}
    529. 

  529. /*.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;}*/
    530. 

  530. .us-layout-grid-body-row{position:static;width:536px;height:34px;border:0;margin:0 0 3px 0;padding:0; line-height: 34px;}
    531. 

  531. .us-layout-grid-body-row .grid-element1 img{margin:3px 0 0 10px;}
    532. 

  532. .grid-element1{width:54px;}
    533. 

  533. .grid-element2{width:71px;}
    534. 

  534. .grid-element3{width:183px;}
    535. 

  535. .grid-element4{width:88px;}
    536. 

  536. .grid-element5{width:140px;text-align:left;padding:0 0 0 10px;}
    537. 

  537. .us-layout-grid-row-title-element.grid-element5{text-align:center;padding:0;}
    538. 

  538. .us-layout-grid-row-data-element{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;height:34px;background:#fff;border-bottom:1px solid #eee;line-height:34px;color:#666;}
    539. 

  539. .us-layout-grid-row-data-element.grid-element1{text-align:left;}
    540. 

  540. .us-layout-grid-row-data-element.grid-element3{font-weight:bold;text-align:left;padding:0 10px 0 10px;}
    541. 

  541. .us-layout-grid-row-data-element.grid-element5 img{display:none;}
    542. 

  542. .us-layout-grid-row-data-selected-element{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;height:34px;border-bottom:1px solid #eee;line-height:34px;background:#f1f1f1;color:#327caf;}
    543. 

  543. .us-layout-grid-row-data-selected-element.grid-element1{text-align:left;}
    544. 

  544. .us-layout-grid-row-data-selected-element.grid-element3{font-weight:bold;text-align:left;padding:0 10px 0 10px;}
    545. 

  545. .us-layout-grid-row-data-selected-element.grid-element3{font-weight:bold;}
    546. 

  546. .us-layout-grid-row-data-selected-element.grid-element5 img{vertical-align:middle;margin:-2px 0 0 15px;padding:0;display:inline;}
    547.