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
/
m_certcommon.css

m_certcommon.css 63 KB
History Raw

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

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

  3. 

  4. /* ##### [btn] ##### */
    5. 

  5. .m-us-layer-btns{overflow:hidden;clear:both;text-align:center;padding:0;margin:10px 0 8px 0;;}
    6. 

  6. .m-us-layer-btns ul{margin:0;padding:0;}
    7. 

  7. .m-us-layer-btns ul li{padding:0;margin:0 2px 0 0;list-style:none;display:inline-block;}
    8. 

  8. .m-us-layer-btns ul li:last-child{margin:0;}
    9. 

  9. .m-us-layer-btns .m-us-layout-normal-btn{display:inline-block;width:135px;height:35px;font-weight:bold;font-size:12px;border:0;line-height:35px;cursor:pointer;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;border-radius:0;}
    10. 

  10. .m-us-layer-btns .m-us-layout-confirm-btn{display:inline-block;background:#52555a;width:100px;height:35px;font-weight:bold;font-size:12px;color:#fff;border:0;line-height:35px;cursor:pointer;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;border-radius:0;}
    11. 

  11. .m-us-layer-btns .m-us-layout-confirm-btn.bstyle{background:#016ed3;}
    12. 

  12. .m-us-normal-btn{display:block;width:100%;height:30px;background:#52555a;color:#fff;font-weight:bold;font-size:12px;border:0;line-height:30px;cursor:pointer;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;border-radius:0;}
    13. 

  13. .m-us-normal-btn2{width:70%;height:35px;background:#52555a;color:#fff;font-weight:bold;font-size:12px;border:0;line-height:35px;cursor:pointer;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;border-radius:0;}
    14. 

  14. .m-us-normal-btn.btn-confirm{background:#016ed3;height:45px;line-height:45px;}
    15. 

  15. .m-us-normal-btn.btn-confirm-gray{color:#fff;background:#52555a;height:45px;line-height:45px;}
    16. 

  16. .m-us-normal-btn2.bstyle-btn{background:#016ed3;}
    17. 

  17. .m-us-layout-normal-btn{background:#52555a;color:#fff;}
    18. 

  18. .m-us-layout-normal-btn.bstyle-btn{background:#016ed3;}
    19. 

  19. .m-us-layout-btns{overflow:hidden;width:100%;padding:0;margin:15px 0 8px 0;}
    20. 

  20. .m-us-layout-btns ul{margin:0;padding:0;}
    21. 

  21. .m-us-layout-btns ul li{list-style:none;float:left;width:50%;margin:0;padding:0 7px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
    22. 

  22. .m-us-layout-btns ul li:last-child{padding:0;}
    23. 

  23. .m-us-layout-btns ul li.btn-r{float:right;}
    24. 

  24. .m-us-layout-btns ul li .m-us-layout-normal-btn{border:0;font-size:12px;font-weight:bold;height:35px;line-height:35px;width:100%;cursor:pointer;font-family:'돋움',Dotum,Sans-serif;margin:0;padding:0;-webkit-appearance:none;border-radius:0;}
    25. 

  25. .m-us-layout-btns ul li .m-us-layout-normal-btn:disabled{background:#b5b5b5;color:#fff;border:0;cursor:default;}
    26. 

  26. .m-us-layout-manage-btns{overflow:hidden;width:100%;padding:0;margin:10px 0 0 0;}
    27. 

  27. .m-us-layout-manage-btns ul{margin:0;padding:0;}
    28. 

  28. .m-us-layout-manage-btns ul li{list-style:none;float:left;width:50%;margin:0;padding:0 7px 3px 0;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
    29. 

  29. .m-us-layout-manage-btns ul li:nth-child(even){padding:0 0 3px 0;}
    30. 

  30. .m-us-layout-manage-btns ul li .m-us-layout-normal-btn{border:0;font-size:12px;font-weight:bold;height:35px;line-height:35px;width:100%;cursor:pointer;font-family:'돋움',Dotum,Sans-serif;margin:0;padding:0;-webkit-appearance:none;border-radius:0;}
    31. 

  31. 

  32. /* ##### [cert select] ##### */
    33. 

  33. .m-us-layout-cert-select{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#fff;width:303px;z-index:8050;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    34. 

  34. .m-us-layout-cert-select img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    35. 

  35. .m-us-layout-cert-select .m-us-layout-mid{position:relative;padding:15px 9px 15px 9px;margin:0;background:#f3f3f7;}
    36. 

  36. .m-us-layout-hidden{display:none;}
    37. 

  37. .m-us-layout-lbl-notice{color:#666;font-size:10px;padding:0;margin:0;}
    38. 

  38. .m-us-layout-file-search-hidden{font-size:0;line-height:0;width:0;height:0;display:none;}
    39. 

  39. 

  40. /* ##### [cert select - title bar] ##### */
    41. 

  41. .m-us-layout-title{position:relative;background:#0c85d6;min-height:34px;}
    42. 

  42. .m-us-layout-lbl-title{position:absolute;left:10px;top:0;font-size:11px;margin:0;padding:0;line-height:34px;font-weight:bold;letter-spacing:0px;color:#fff;}
    43. 

  43. .m-us-layout-logo{height:34px;background:#0c85d6;}
    44. 

  44. .m-us-layout-cls-btn{position:absolute;top:9px;right:11px;background:transparent;padding:0;margin:0;display:block;width:16px;height:15px;cursor:pointer;border:0;outline:0;}
    45. 

  45. .m-us-layout-cls-btn img{width:16px;height:15px;}
    46. 

  46. 

  47. /* ##### [cert select - storage] ##### */
    48. 

  48. .m-us-layout-storage{height:78px;}
    49. 

  49. .m-us-layout-storage-border{padding:0;margin:0;border:0;}
    50. 

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

  51. .m-us-layout-storage-wrap{position:relative;height:78px;overflow:hidden;background:#f3f3f7;}
    52. 

  52. .m-us-layout-storage-wrap ul{margin:0;padding:0;width:auto;height:78px;}
    53. 

  53. .m-us-layout-storage-wrap ul li{float:left;list-style:none;text-align:center;position:relative;margin:0;padding:0;}
    54. 

  54. .m-us-layout-storage-wrap ul li button{vertical-align:top;border:0;margin:0;padding:0;background:url(../img/mobile/us-layout-storage-linebar.gif) 0 11px no-repeat #f3f3f7;width:65px;height:78px;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;}
    55. 

  55. .m-us-layout-storage-wrap ul li:first-child button{background-image:none;}
    56. 

  56. .m-us-layout-storage-wrap ul li button .m-us-img-storage{display:block;margin:0 auto;width:42px;height:43px;}
    57. 

  57. .m-us-layout-storage-wrap ul li button .m-us-img-storage img{width:42px;height:43px;}
    58. 

  58. .m-us-layout-storage-wrap ul li button .m-us-drive-select{width:15px;height:9px;display:block;position:absolute;right:4px;top:4px;background:url(../img/mobile/m_media_drive_off.png) 0 0 no-repeat;background-size:15px 9px;}
    59. 

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

  60. .m-us-layout-storage-wrap ul li button.m-us-layout-storage-btn-none{cursor:default;}
    61. 

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

  62. .m-us-layout-storage-wrap ul li button.m-us-layout-storage-btn-none .m-us-drive-select{display:none;}
    63. 

  63. .m-us-layout-storage-wrap ul li button.m-us-layout-storage-btn-on{background:#0c84d6;}
    64. 

  64. .m-us-layout-storage-wrap ul li button.m-us-layout-storage-btn-on .m-us-drive-select{background:url(../img/mobile/m_media_drive_on.png) 0 0 no-repeat;background-size:15px 9px;}
    65. 

  65. .m-us-layout-storage-wrap ul li button.m-us-layout-storage-btn-on .m-us-layout-lbl-storage{color:#fff;}
    66. 

  66. .m-us-layout-storage-more{position:absolute;right:0;top:2px;}
    67. 

  67. .m-us-layout-storage-more-btn{width:18px;height:68px;background:#777;cursor:pointer;padding:0;margin:0;border:0;text-align:center;}
    68. 

  68. .m-us-layout-storage-more img{width:11px;height:11px;margin:0;padding:0;vertical-align:middle;}
    69. 

  69. 

  70. /* ##### [cert select - storage more] ##### */
    71. 

  71. .m-us-layout-storage-more-wrap{position:absolute;left:0px;top:0px;border:2px solid #20509f;padding:13px 7px;width:100%;height:auto;z-index:8250;background:#f3f3f7;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
    72. 

  72. .m-us-layout-storage-more-wrap #m-us-storage-more{right:7px;top:15px;}
    73. 

  73. .m-us-layout-storage-more-wrap ul{margin:0;padding:0;width:auto;height:auto;}
    74. 

  74. .m-us-layout-storage-more-wrap ul li{float:left;list-style:none;text-align:center;position:relative;margin:0;padding:0;}
    75. 

  75. .m-us-layout-storage-more-wrap ul li button{vertical-align:top;border:0;margin:0;padding:0;background:url(../img/mobile/us-layout-storage-linebar.gif) 0 11px no-repeat #f3f3f7;width:65px;height:78px;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;}
    76. 

  76. .m-us-layout-storage-more-wrap ul li button .m-us-drive-select{width:15px;height:9px;display:block;position:absolute;right:4px;top:4px;background:url(../img/mobile/m_media_drive_off.png) 0 0 no-repeat;background-size:15px 9px;}
    77. 

  77. .m-us-layout-storage-more-wrap ul li button .m-us-img-storage{display:block;margin:0 auto;width:42px;height:43px;}
    78. 

  78. .m-us-layout-storage-more-wrap ul li button .m-us-img-storage img{width:42px;height:43px;}
    79. 

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

  80. .m-us-layout-storage-more-wrap ul li:first-child button,
    81. 

  81. .m-us-layout-storage-more-wrap ul li.line-first button{background-image:none;}
    82. 

  82. .m-us-layout-storage-more-wrap ul li button.m-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;}
    83. 

  83. .m-us-layout-storage-more-wrap ul li button.m-us-layout-storage-btn-none .m-us-drive-select{display:none;}
    84. 

  84. .m-us-layout-storage-more-wrap ul li button.m-us-layout-storage-btn-none{cursor:default;}
    85. 

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

  86. 

  87. /* ##### [cert select - list] ##### */
    88. 

  88. .m-us-layout-list{background:#0c84d6;padding:7px 7px 0 7px;}
    89. 

  89. .m-us-layout-list-inner{position:relative;height:220px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
    90. 

  90. .m-us-layout-list-inner ul{margin:0;padding:0;}
    91. 

  91. .m-us-layout-list-inner ul li{display:block;clear:both;margin:0 0 7px 0;padding:0;}
    92. 

  92. .m-us-layout-list-cert{background:#fff;width:100%;height:70px;border-radius:3px;padding:0;margin:0;cursor:pointer;}
    93. 

  93. .m-us-cert-icon{float:left;margin:9px 7px 0 9px;}
    94. 

  94. .m-us-cert-icon img{width:71px;height:56px;vertical-align:top;}
    95. 

  95. .m-us-layout-cert-info{padding:11px 10px 0 0;}
    96. 

  96. .m-us-layout-cert-info p{font-size:10px;padding:0;margin:0 0 3px 0;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333;line-height:14px;}
    97. 

  97. .m-us-layout-cert-info p.m-us-cert-info-data{font-size:11px;font-weight:bold;}
    98. 

  98. 

  99. /* ##### [cert password] ##### */
    100. 

  100. .m-us-layout-cert-select-password{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#fff;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    101. 

  101. .m-us-layout-list-cert-select{overflow:hidden;margin:0 0 15px 0;}
    102. 

  102. .m-us-cert-select-icon{float:left;width:71px;height:56px;margin:0 7px 0 0;}
    103. 

  103. .m-us-cert-select-icon img{width:71px;height:56px;vertical-align:top;}
    104. 

  104. .m-us-layout-list-cert-select-info{padding:0 0 0 78px;}
    105. 

  105. .m-us-layout-list-cert-select-info p{font-size:10px;padding:0;margin:0 0 3px 0;display:block;color:#333;line-height:10px;}
    106. 

  106. .m-us-layout-list-cert-select-info p.m-us-cert-info-data{font-size:11px;font-weight:bold;margin:0 0 3px 0;line-height:13px;}
    107. 

  107. .m-us-layout-list-cert-select-info .m-us-cert-info-tit{display:inline-block;width:40px;}
    108. 

  108. .m-us-layout-bottom{background:#fff;height:54px;padding:0 20px;}
    109. 

  109. .m-us-layout-bottom-btns{margin:12px 0 0 0;padding:0;}
    110. 

  110. .m-us-layout-pw{float:none;width:100%;margin:0;padding:0 0 15px 0;border-bottom:1px solid #d9d9d9;clear:both;}
    111. 

  111. .m-us-layout-pw .m-us-layout-lbl-pw{margin:0 0 5px 0;padding:0;line-height:14px;display:block;}
    112. 

  112. .m-us-layout-pw .m-us-layout-lbl-pw .m-us-pw-text1{font-size:13px;font-weight:bold;color:#0c86d3;}
    113. 

  113. .m-us-layout-pw .m-us-layout-lbl-pw .m-us-pw-text2{font-size:8px;color:#777777;font-weight:normal;margin:0 0 0 2px;}
    114. 

  114. .m-us-layout-pw .m-us-layout-pw-text{border:1px solid #248fe7;margin:0;padding:4px 10px;width:100%;font-size:16px;color:#454545;-webkit-appearance:none;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
    115. 

  115. 

  116. /* ##### [cert view] ##### */
    117. 

  117. .m-us-layout-cert-view{position:absolute;background:#fff;width:303px;height:auto;z-index:8350;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    118. 

  118. .m-us-layout-cert-view img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    119. 

  119. 

  120. /* ##### [sub] ##### */
    121. 

  121. .m-us-layer-title{height:32px;background:#303338;}
    122. 

  122. .m-us-layer-title .m-us-layer-lbl-title{font-size:11px;font-weight:bold;color:#fff;text-align:center;margin:0;padding:0;line-height:32px;}
    123. 

  123. .m-us-layer-body{padding:15px 20px 20px 20px;background:#fff;}
    124. 

  124. .m-us-layer-sbody{padding:13px;}
    125. 

  125. .m-us-layer-cls-btn{position:absolute;top:9px;right:11px;background:transparent;padding:0;margin:0;display:block;width:16px;height:15px;cursor:pointer;border:0;outline:0;}
    126. 

  126. .m-us-layer-cls-btn img{width:16px;height:15px;}
    127. 

  127. 

  128. /* ##### [cert view - tabmenu] ##### */
    129. 

  129. .m-us-layout-view-tab{position:relative;padding:0;margin:0;height:auto;width:auto;overflow:hidden;}
    130. 

  130. .m-us-layout-view-tab li{list-style:none;float:left;margin:0;padding:0;}
    131. 

  131. .m-us-layout-view-tab li a{position:absolute;display:block;font-size:12px;font-weight:bold;width:94px;height:25px;top:5px;background:#676a6f;text-align:center;color:#ced1d7;text-decoration:none;line-height:27px;}
    132. 

  132. .m-us-layout-view-tab li a.active{background:#0c85d6;color:#eef8fe;height:30px;top:0;line-height:38px;}
    133. 

  133. .m-us-layout-view-tab li.m-us-view-tab1 a{left:0;}
    134. 

  134. .m-us-layout-view-tab li.m-us-view-tab2 a{left:97px;}
    135. 

  135. .m-us-view-tab-content{background:#fff;border:6px solid #0c85d6;font-family:'돋움',Dotum,Sans-serif;color:#000;text-align:left;font-size:10px;margin:0;}
    136. 

  136. .m-us-layout-view-content{display:none;margin-top:30px;}
    137. 

  137. 

  138. /* ##### [cert view - tab simple] ##### */
    139. 

  139. .m-us-layout-view-simple{clear:both;padding:15px;width:277px;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
    140. 

  140. .m-us-layout-view-simple dl{border-bottom:1px solid #e3e3e3;padding:0 0 13px 0;margin:0 0 13px 0;overflow:hidden;}
    141. 

  141. .m-us-layout-view-simple dl dt{font-weight:bold;color:#454545;margin:0 0 4px 0;padding:0;}
    142. 

  142. .m-us-layout-view-simple dl dd{margin:0;padding:0;color:#666;}
    143. 

  143. .m-us-layout-view-simple .m-us-layout-view-cert-info{clear:both;}
    144. 

  144. .m-us-layout-view-simple .m-us-layout-view-cert-img{float:left;width:71px;margin:0 7px 0 0;padding:0;display:block;height:56px;vertical-align:middle;}
    145. 

  145. .m-us-layout-view-simple .m-us-layout-view-cert-img img{width:71px;height:56px;vertical-align:top;}
    146. 

  146. .m-us-layout-view-simple .m-us-layout-view-cert-status{margin:0;padding:9px 0 0 0;font-size:10px;font-family:'돋움',Dotum,Sans-serif;color:#464646;font-weight:bold;line-height:16px;}
    147. 

  147. .m-us-layout-view-simple .m-us-layout-view-cert-purpose{clear:both;font-size:10px;font-family:'돋움',Dotum,Sans-serif;color:#666;font-weight:normal;width:auto;height:auto;}
    148. 

  148. 

  149. /* ##### [cert view - tab detail] ##### */
    150. 

  150. .m-us-layout-view-detail{clear:both;padding:10px;width:277px;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
    151. 

  151. .m-us-layout-view-list{text-align:center;vertical-align:middle;display:block;border:0; margin:0 0 10px 0;padding:0;background:none;}
    152. 

  152. .m-us-layout-view-list-inner{position:relative;height:100px;text-align:left;vertical-align:middle;display:block;border:0;padding:0;overflow:visible;}
    153. 

  153. .m-us-layout-view-tbl-list{position:static;border-collapse:collapse;width:245px;height:100px;border:0;margin:0;padding:0;border-bottom:1px solid #e1e1e2;}
    154. 

  154. .m-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;}
    155. 

  155. .m-us-layout-view-tbl-list th{border:0;margin:0;padding:0;background:#fff;font-size:10px;color:#333333;text-align:center;height:20px;font-weight:normal;border-top:2px solid #e1e1e2;border-bottom:1px solid #e1e1e2;}
    156. 

  156. .m-us-layout-view-tbl-list td{border:0;margin:0;padding:0;background:#fff;font-size:9px;text-align:left;}
    157. 

  157. .m-us-layout-view-detail-data{height:auto;margin:0;padding:0;}
    158. 

  158. .m-us-layout-view-detail-data .m-us-layout-view-detail-text-box{background:#f1f1f1;width:100%;height:60px;margin:0;padding:5px;font-family:'돋움',Dotum,Sans-serif;font-size:9px;color:#333;overflow-y:scroll;overflow-x:hidden;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;border-radius:0;}
    159. 

  159. .m-us-layout-view-grid-head-div{position:relative;width:245px;height:20px;border:0;padding:0;margin:0;overflow:hidden;}
    160. 

  160. .m-us-layout-view-grid-head-row{position:static;width:245px;height:20px;border:0;padding:0;margin:0;}
    161. 

  161. .m-us-layout-view-grid-row-title-element{position:relative;float:left;font-size:10px;text-align:left;border:0;line-height:20px;padding:0 10px 0 10px;margin:0;}
    162. 

  162. .m-us-layout-view-grid-body-div{position:relative;width:245px;height:75px;;border:0;padding:0;margin:0;overflow-x:hidden;overflow-y:scroll}
    163. 

  163. .m-us-layout-view-grid-body-row{position:static;width:245px;height:20px;border:0;padding:0;margin:0;}
    164. 

  164. .m-us-layout-view-grid-row-data-element{float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;height:20px;background:#fff;line-height:20px;color:#666;margin:0;padding:0 10px 0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
    165. 

  165. .m-us-layout-view-grid-row-data-selected-element{float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;height:20px;background:#f1f1f1;line-height:20px;color:#333;margin:0;padding:0 10px 0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
    166. 

  166. 

  167. /* ##### [certmanage] ##### */
    168. 

  168. .m-us-layout-cert-manage{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#fff;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    169. 

  169. .m-us-layout-cert-manage img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    170. 

  170. .m-us-layout-cert-manage .m-us-layout-mid{position:relative;padding:15px 9px 20px 9px;margin:0;background:#f3f3f7;}
    171. 

  171. 

  172. /* ##### [certmanage - btns] ##### */
    173. 

  173. .m-us-layout-cert-manage-btns{margin:20px 0 0 0;height:28px;}
    174. 

  174. .m-us-layout-cert-manage-btns ul{margin:0;padding:0;}
    175. 

  175. .m-us-layout-cert-manage-btns ul li:first-child{padding:0;}
    176. 

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

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

  178. .m-us-layout-cert-manage-btns ul li.li-lp{padding:0 0 0 10px;}
    179. 

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

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

  181. 

  182. /* ##### [cert result] ##### */
    183. 

  183. .m-us-layout-cert-result{position:fixed;background:#e7e6ec;width:100%;height:100%;}
    184. 

  184. .m-us-layout-cert-result .m-us-layout-result-inner{text-align:center;margin:15% 0 0 0;}
    185. 

  185. .m-us-layout-cert-result .m-us-layout-result-inner .m-us-result-icon{margin:0 0 12px 0;}
    186. 

  186. .m-us-layout-cert-result .m-us-layout-result-inner .m-us-result-icon img{width:64px;height:53px;}
    187. 

  187. .m-us-layout-cert-result .m-us-layout-result-inner .m-us-result-tit{font-size:17px;margin:0 0 3px 0;padding:0;font-weight:bold;}
    188. 

  188. .m-us-layout-cert-result .m-us-layout-result-inner .m-us-result-tit2{font-size:11px;margin:0;padding:0;}
    189. 

  189. 

  190. /* ##### [sectoken select] ##### */
    191. 

  191. .m-us-layout-sectoken-select{font-family:'돋움',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);}
    192. 

  192. .m-us-layout-sectoken-select img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    193. 

  193. .m-us-layout-sectoken-select-notice{padding:0;margin:0 0 10px 0;}
    194. 

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

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

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

  197. .m-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;}
    198. 

  198. .m-us-layout-sectoken-select-tbl-list th{font-family:'돋움',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;}
    199. 

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

  200. .m-us-layout-sectoken-select-driver{margin:10px 0 0 0;}
    201. 

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

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

  203. .m-us-layout-sectoken-select-driver .driver-btn{text-align:right;}
    204. 

  204. .m-us-layout-sectoken-select-install-driver-btn{font-family:'돋움',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;}
    205. 

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

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

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

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

  209. .m-us-sectoken-select-grid-head-row .m-us-layout-sectoken-select-grid-row-title-element:first-child{background:none;}
    210. 

  210. .m-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;}
    211. 

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

  212. .m-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}
    213. 

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

  214. .m-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;}
    215. 

  215. .m-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;}
    216. 

  216. .m-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;}
    217. 

  217. 

  218. /* ##### [change password] ##### */
    219. 

  219. .m-us-layout-change-password{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    220. 

  220. .m-us-layout-change-password img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    221. 

  221. .m-us-layout-change-password-notice{background:#e7e6ec;overflow:hidden;margin:0 0 16px 0;}
    222. 

  222. .m-us-layout-change-password-img{float:left;margin:9px 6px 9px 40px;}
    223. 

  223. .m-us-layout-change-password-img img{width:37px;height:43px;}
    224. 

  224. .m-us-layout-change-notice{display:block;padding:16px 10px 10px 0;}
    225. 

  225. .m-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:-1px;}
    226. 

  226. .m-us-layout-change-password-notice-text2{margin:0;padding:0;color:#666;line-height:16px;font-size:10px;font-weight:normal;}
    227. 

  227. .m-us-layout-change-password-input dl{clear:both;position:static;padding:0;margin:0;width:auto;height:auto;}
    228. 

  228. .m-us-layout-change-password-input dl dt{position:static;float:left;padding:0;margin:0;}
    229. 

  229. .m-us-layout-change-password-input dl dt.password-bold-title label{color:#333;font-weight:bold;margin:18px 0 0 0;}
    230. 

  230. .m-us-layout-change-password-input dl dd{position:static;float:none;width:auto;height:auto;padding:0 0 10px 0;margin:0 0 0 80px;}
    231. 

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

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

  233. .m-us-layout-change-password-input-textbox{font-size:16px;width:100%;color:#454545;line-height:22px;padding:2px 5px;margin:0;border:1px solid #d0cfd3;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;border-radius:0;}
    234. 

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

  235. .m-us-layout-change-password-warning-text{background:url(../img/mobile/m_point_icon1.png) 0 1px no-repeat;background-size:10px auto;padding:0 0 0 13px;margin:8px 0 0 0;font-family:'돋움',Dotum,Sans-serif;font-size:8px;color:#666666;line-height:12px;text-align:left;letter-spacing:-1px;}
    236. 

  236. .m-us-talign-r{text-align:right;}
    237. 

  237. 

  238. /* ##### [password] ##### */
    239. 

  239. .m-us-layout-password{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    240. 

  240. .m-us-layout-password img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    241. 

  241. .m-us-layout-password-notice-wrap{background:#e7e6ec;overflow:hidden;margin:0 0 16px 0;}
    242. 

  242. .m-us-layout-password-img{float:left;margin:13px 6px 13px 35px;}
    243. 

  243. .m-us-layout-password-img img{width:45px;height:37px;}
    244. 

  244. .m-us-layout-password-notice{display:block;padding:25px 10px 10px 0;}
    245. 

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

  246. .m-us-layout-password-input-textbox{font-size:16px;width:100%;color:#454545;line-height:22px;padding:2px 5px;margin:0;border:1px solid #d0cfd3;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;border-radius:0;}
    247. 

  247. 

  248. /* ##### [password check] ##### */
    249. 

  249. .m-us-layout-password-check{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    250. 

  250. .m-us-layout-password-check-text{display:block;margin:0;padding:23px 0;color:#454545;font-size:12px;line-height:12px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:-1px;text-align:center;}
    251. 

  251. .m-us-password-check{padding:0 7px 5px 7px;margin:-5px 0 0 0;}
    252. 

  252. .m-us-password-check ul{margin:0;padding:0;}
    253. 

  253. .m-us-password-check .txt{margin:0;padding:0 0 0 18px;font-size:11px;line-height:20px;color:#454545;font-weight:bold;}
    254. 

  254. .m-us-password-check ul li{background:url(../img/mobile/m_password_check2.png) 0 5px no-repeat;background-size:10px auto;list-style:none;margin:0;padding:0 0 0 18px;font-size:11px;line-height:20px;color:#cc4b4b;font-weight:bold;}
    255. 

  255. .m-us-password-check ul li.check{background:url(../img/mobile/m_password_check1.png) 0 5px no-repeat;background-size:13px auto;color:#84878b;}
    256. 

  256. 

  257. /* ##### [new password] ##### */
    258. 

  258. .m-us-layout-new-password{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    259. 

  259. .m-us-layout-new-password img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    260. 

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

  261. .m-us-layout-new-password-input dl dt{position:static;float:left;padding:0;margin:0;}
    262. 

  262. .m-us-layout-new-password-input dl dd{position:static;float:none;width:auto;height:auto;padding:0;margin:0 0 0 80px;}
    263. 

  263. .m-us-layout-new-password-input-textbox{font-size:16px;width:100%;color:#454545;line-height:22px;padding:2px 5px;margin:0;border:1px solid #d0cfd3;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;border-radius:0;}
    264. 

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

  265. .m-us-layout-new-password-warning-text{background:url(../img/mobile/m_point_icon1.png) 0 1px no-repeat;background-size:10px auto;padding:0 0 0 13px;margin:8px 0 0 0;font-family:'돋움',Dotum,Sans-serif;font-size:8px;color:#666666;line-height:12px;text-align:left;letter-spacing:-1px;}
    266. 

  266. 

  267. /* ##### [cert verify] ##### */
    268. 

  268. .m-us-layout-cert-verify{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8050;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    269. 

  269. .m-us-layout-cert-verify-noti{background:#e7e6ec;overflow:hidden;margin:0 0 16px 0;}
    270. 

  270. .m-us-layout-cert-verify-noti-lbl{display:block;margin:0;padding:15px 10px;color:#454545;font-size:12px;line-height:16px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:-1px;text-align:center;}
    271. 

  271. 

  272. /* ##### [storage select] ##### */
    273. 

  273. .m-us-layout-storage-select{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    274. 

  274. .m-us-layout-storage-select-notice-wrap{background:#e7e6ec;overflow:hidden;margin:0 0 10px 0;}
    275. 

  275. .m-us-layout-storage-select-notice-lbl{display:block;margin:0;padding:10px 0;color:#454545;font-size:12px;line-height:12px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:-1px;text-align:center;}
    276. 

  276. .m-us-layout-storage-select-warning-lbl{background:url(../img/mobile/m_point_icon1.png) 0 1px no-repeat;background-size:10px auto;padding:0 0 0 13px;margin:8px 0 0 0;font-family:'돋움',Dotum,Sans-serif;font-size:8px;color:#666666;line-height:12px;text-align:left;letter-spacing:-1px;}
    277. 

  277. .m-us-layout-storage-select-list{position:relative;overflow:hidden;padding:0 0 0 8px;}
    278. 

  278. .m-us-layout-storage-select-list ul{margin:0;padding:0;}
    279. 

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

  280. .m-us-layout-storage-select-list ul li button{vertical-align:top;border:0;margin:0;padding:0;background:url(../img/mobile/us-layout-storage-linebar.gif) 0 11px no-repeat #f3f3f7;width:65px;height:78px;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;}
    281. 

  281. .m-us-layout-storage-select-list ul li:first-child button{background-image:none;}
    282. 

  282. .m-us-layout-storage-select-list ul li button .m-us-img-storage{display:block;margin:0 auto;width:42px;height:43px;}
    283. 

  283. .m-us-layout-storage-select-list ul li button .m-us-img-storage img{width:42px;height:43px;}
    284. 

  284. .m-us-layout-storage-select-list ul li button .m-us-drive-select{width:15px;height:9px;display:block;position:absolute;right:4px;top:4px;background:url(../img/mobile/m_media_drive_off.png) 0 0 no-repeat;background-size:15px 9px;}
    285. 

  285. .m-us-layout-storage-select-list ul li button .m-us-layout-lbl-storage{display:block;text-align:center;font-size:8px;color:#454545;letter-spacing:-1px;font-weight:bold;margin:2px 0 0 0;font-family:'돋움',Dotum,Sans-serif;line-height:9px;}
    286. 

  286. .m-us-layout-storage-select-list ul li button.m-us-layout-storage-btn-none{cursor:default;}
    287. 

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

  288. .m-us-layout-storage-select-list ul li button.m-us-layout-storage-btn-none .m-us-drive-select{display:none;}
    289. 

  289. .m-us-layout-storage-select-list ul li:nth-child(4n+1) button{background-image:none;}
    290. 

  290. 

  291. /* ##### [cert issue] ##### */
    292. 

  292. .m-us-layout-cert-issue{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    293. 

  293. .m-us-layout-cert-issue img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    294. 

  294. .m-us-layout-cert-issue-notice{background:#e7e6ec;overflow:hidden;margin:0 0 16px 0;}
    295. 

  295. .m-us-layout-cert-issue-notice-lbl{display:block;margin:0;padding:23px 0;color:#454545;font-size:12px;line-height:12px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:-1px;text-align:center;}
    296. 

  296. .m-us-layout-cert-issue-input dl{clear:both;position:static;padding:0;margin:0;width:auto;height:auto;}
    297. 

  297. .m-us-layout-cert-issue-input dl dt{position:static;float:left;padding:0;margin:0;}
    298. 

  298. .m-us-layout-cert-issue-input dl dd{position:static;float:none;width:auto;height:auto;padding:0 0 7px 0;margin:0 0 0 50px;}
    299. 

  299. .m-us-layout-cert-issue-textbox{font-size:12px;width:100%;color:#454545;line-height:22px;padding:2px 5px;margin:0;border:1px solid #d0cfd3;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;border-radius:0;}
    300. 

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

  301. 

  302. /* ##### [cert processing] ##### */
    303. 

  303. .m-us-layout-cert-processing{font-family:'돋움',Dotum,Sans-serif;position:absolute;top:50%;z-index:8250;width:100%;padding:0;margin:-45px 0 0 0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    304. 

  304. .m-us-layout-cert-processing-text{font-family:'돋움',Dotum,Sans-serif;color:#acadaf;font-size:12px;line-height:12px;font-weight:bold;display:block;text-align:center;padding:0;margin:18px 0 0 0;}
    305. 

  305. .m-us-layout-cert-processing-img{width:60px;height:62px;display:block;margin:0 auto;padding:0px 0 0 0;}
    306. 

  306. .m-us-layout-cert-processing-img div{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#efefef;height:19px;width:5px;float:left;-webkit-animation-name: rotateFade;-webkit-animation-duration:0.7s; 	-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-moz-animation-name:rotateFade;-moz-animation-duration:0.7s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;opacity:0;-webkit-opacity:0;-moz-opacity:0;}
    307. 

  307. #m-us-rotate-01{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);margin-left:7px;margin-top:22px;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;}	
    308. 

  308. #m-us-rotate-02{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);margin-left:-1px;margin-top:7px;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;}
    309. 

  309. #m-us-rotate-03{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);margin-left:12px;margin-top:0px;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;}
    310. 

  310. #m-us-rotate-04{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);margin-left:10px;margin-top:7px;	-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;}
    311. 

  311. #m-us-rotate-05{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);margin-left:0px;margin-top:22px;-webkit-animation-delay:0.7s;-moz-animation-delay: 0.7s;}
    312. 

  312. #m-us-rotate-06{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);margin-left:43px;margin-top:-5px;-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;}
    313. 

  313. #m-us-rotate-07{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);margin-left:-20px;margin-top:1px;-webkit-animation-delay:0.9s;-moz-animation-delay: 0.9s;}
    314. 

  314. #m-us-rotate-08{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);margin-left:-35px;margin-top:-5px;-webkit-animation-delay:1s;-moz-animation-delay:1s;}
    315. 

  315. @-webkit-keyframes rotateFade{
    316. 

  316. 0%{background-color:#fff;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
    317. 

  317. 100%{background-color:#fff;opacity:0.1;-webkit-opacity:0.1;-moz-opacity:0.1;}
    318. 

  318. }
    319. 

  319. @-moz-keyframes rotateFade{
    320. 

  320. 0%{background-color:#fff;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
    321. 

  321. 100%{background-color:#fff;opacity:0.1;-webkit-opacity:0.1;-moz-opacity:0.1;}
    322. 

  322. }
    323. 

  323. 

  324. /* ##### [ssn] ##### */
    325. 

  325. .m-us-layout-ssn{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    326. 

  326. .m-us-layout-ssn-input dl{position:static;padding:0;margin:0;width:auto;height:auto;}
    327. 

  327. .m-us-layout-ssn-input dl dt{position:static;display:block;width:auto;padding:0;margin:0 0 8px 0;}
    328. 

  328. .m-us-layout-ssn-input dl dd{position:static;display:block;width:auto;height:auto;padding:0;margin:0;}
    329. 

  329. .m-us-layout-ssn-input-text{background:url(../img/mobile/dot_icon.gif) 0 6px no-repeat;display:block;font-size:11px;color:#454545;font-weight:bold;letter-spacing:0px;line-height:12px;margin:0;padding:0 0 0 4px;}
    330. 

  330. .m-us-layout-ssn-input-textbox{font-size:12px;width:100%;color:#454545;line-height:22px;padding:2px 5px;margin:0;border:1px solid #d0cfd3;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;border-radius:0;}
    331. 

  331. .m-us-layout-ssn-notice-text{background:url(../img/mobile/m_point_icon1.png) 0 1px no-repeat;background-size:10px auto;padding:0 0 0 13px;margin:8px 0 0 0;font-family:'돋움',Dotum,Sans-serif;font-size:8px;color:#666666;line-height:10px;text-align:left;letter-spacing:-1px;}
    332. 

  332. 

  333. /* ##### [cert revoke] ##### */
    334. 

  334. .m-us-layout-cert-revoke{font-family:'돋움',Dotum,Sans-serif;position:absolute;background:#f4f3f8;width:303px;z-index:8250;padding:0;margin:0;text-align:left;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
    335. 

  335. .m-us-layout-cert-revoke-notice-wrap{background:#e7e6ec;overflow:hidden;margin:0 0 12px 0;}
    336. 

  336. .m-us-layout-cert-revoke-text{display:block;margin:0;padding:23px 0;color:#454545;font-size:12px;line-height:12px;font-weight:bold;text-align:left;text-decoration:none;letter-spacing:-1px;text-align:center;}
    337. 

  337. .m-us-layout-cert-revoke-select ul{margin:0;padding:0;}
    338. 

  338. .m-us-layout-cert-revoke-select ul li{margin:0;padding:0;list-style:none;border-bottom:1px solid #dbdadf;}
    339. 

  339. .m-us-layout-cert-revoke-select ul li a{display:block;line-height:28px;font-family:'돋움',Dotum,Sans-serif;font-size:10px;color:#666;font-weight:normal;text-decoration:none;padding:0 5px 0 5px;}
    340. 

  340. .m-us-layout-cert-revoke-select ul li span{display:block;margin:0;padding:0;letter-spacing:0;background:url(../img/mobile/m_right_arrow.png) right 6px no-repeat;background-size:17px auto;}
    341. 

  341. 

  342. /* ##### [pin] ##### */
    343. 

  343. .m-us-layout-pin{font-family:'돋움',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);}
    344. 

  344. .m-us-layout-pin img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    345. 

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

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

  347. .m-us-layout-pin-body-r{padding:0 0 0 114px;}
    348. 

  348. .m-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;}
    349. 

  349. .m-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;}
    350. 

  350. 

  351. 

  352. /* ##### [swinfo] ##### */
    353. 

  353. .m-us-layout-sw-info{font-family:'돋움',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);}
    354. 

  354. .m-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;}
    355. 

  355. 

  356. /* ##### [emedded] ##### */
    357. 

  357. .m-us-layout-cert-select-embed{font-family:'돋움',Dotum,Sans-serif;position:relative;background:#fff;width:960px;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;padding:0;margin:0;}
    358. 

  358. .m-us-layout-cert-select-embed img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
    359. 

  359. .m-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;}
    360. 

  360. .m-us-layout-embed-main{padding:20px;}
    361. 

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

  362. 

  363. /* ##### [emedded - storage] ##### */
    364. 

  364. .m-us-layout-embed-storage .m-us-layout-storage-wrap{position:relative;height:70px;overflow:hidden;background:#f3f3f7;}
    365. 

  365. .m-us-layout-embed-storage .m-us-layout-storage-more-wrap{width:900px;left:0;top:0;}
    366. 

  366. .m-us-layout-embed-storage.embed630 .m-us-layout-storage-more-wrap{width:630px;}
    367. 

  367. .m-us-layout-embed-storage{height:70px;}
    368. 

  368. .m-us-layout-embed-storage ul{margin:0;padding:0;width:100%;height:70px;}
    369. 

  369. .m-us-layout-embed-storage ul li{float:left;width:16%;list-style:none;text-align:center;position:relative;margin:0;padding:0;}
    370. 

  370. .m-us-layout-embed-storage ul li button{vertical-align:top;border:0;margin:0;padding:0;background:url(../img/mobile/us-layout-storage-linebar.gif) 0 8px no-repeat #f3f3f7;width:100%;height:70px;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;}
    371. 

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

  372. .m-us-layout-embed-storage ul li button.m-us-layout-storage-btn-none{cursor:default;}
    373. 

  373. .m-us-layout-embed-storage ul li button .m-us-img-storage{display:inline-block;margin:0 auto;width:54px;height:50px;vertical-align:middle;}
    374. 

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

  375. .m-us-layout-embed-storage ul li button .m-us-drive-select{width:19px;height:12px;display:block;position:absolute;left:50px;top:10px;background:url(../img/mobile/m_media_drive_off.png) 0 0 no-repeat;background-size:15px 9px;}
    376. 

  376. .m-us-layout-embed-storage ul li button.m-us-layout-storage-btn-none .m-us-drive-select{display:none;}
    377. 

  377. .m-us-layout-embed-storage ul li button .m-us-layout-lbl-storage{display:inline-block;text-align:left;font-size:11px;color:#454545;letter-spacing:-1px;font-weight:bold;margin:2px 0 0 0;font-family:'돋움',Dotum,Sans-serif;line-height:14px;vertical-align:middle;}
    378. 

  378. .m-us-layout-embed-storage ul li button.m-us-layout-storage-btn-on{background:#0c84d6;}
    379. 

  379. .m-us-layout-embed-storage ul li button.m-us-layout-storage-btn-on .m-us-drive-select{background:url(../img/mobile/m_media_drive_on.png) 0 0 no-repeat;background-size:15px 9px;}
    380. 

  380. .m-us-layout-embed-storage ul li button.m-us-layout-storage-btn-on .m-us-layout-lbl-storage{color:#fff;}
    381. 

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

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

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

  384. .m-us-layout-embed-storage .m-us-layout-storage-more-wrap .m-us-layout-embed-storage-more{right:7px;top:7px;height:60px;}
    385. 

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

  386. 

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

  388. .m-us-layout-embed-storage .m-us-layout-storage-more-wrap ul li button.m-us-layout-storage-btn-on{background:#bddcf2;}
    389. 

  389. .m-us-layout-embed-storage .m-us-layout-storage-more-wrap ul li button.m-us-layout-storage-btn-on .m-us-drive-select{background:url(../img/mobile/m_media_drive_off.png) 0 0 no-repeat;background-size:15px 9px;}
    390. 

  390. .m-us-layout-embed-storage .m-us-layout-storage-more-wrap ul li button.m-us-layout-storage-btn-on .m-us-layout-lbl-storage{color:#454545;}
    391. 

  391. 

  392. /* ##### [emedded - list] ##### */
    393. 

  393. .m-us-layout-embed-list-inner{position:relative;height:195px;overflow-x:scroll;overflow-y:hidden;}
    394. 

  394. .m-us-layout-embed-list-inner .m-us-layout-tbl-list{width:880px;height:178px;border:0;margin:0;padding:0;border-collapse:collapse}
    395. 

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

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

  397. .m-us-layout-embed-list-inner .m-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;}
    398. 

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

  399. .m-us-layout-embed-list-inner .m-us-layout-grid-body-row img{margin:3px 0 0 10px;}
    400. 

  400. .m-us-layout-embed-list-inner .grid-element1{width:54px;}
    401. 

  401. .m-us-layout-embed-list-inner .grid-element2{width:126px;}
    402. 

  402. .m-us-layout-embed-list-inner .grid-element3{width:350px;}
    403. 

  403. .m-us-layout-embed-list-inner .grid-element4{width:150px;}
    404. 

  404. .m-us-layout-embed-list-inner .grid-element5{width:200px;}
    405. 

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

  406. 

  407. /* ##### [emedded - bottom] ##### */
    408. 

  408. .m-us-layout-embed-cert{height:32px;margin:20px 0 0 0;padding:0 0 10px 0;}
    409. 

  409. .m-us-layout-embed-btns{float:left;width:310px;padding:0;margin:0;}
    410. 

  410. .m-us-layout-embed-btns ul{margin:0;padding:0;}
    411. 

  411. .m-us-layout-embed-btns ul li{list-style:none;float:left;padding:0 5px 0 0;margin:0;}
    412. 

  412. .m-us-layout-embed-btns ul li.li-bar{padding:0 10px 0 0;margin:0;background:url(../img/mobile/us-layout-storage-linebar.gif) right 0 repeat-y;}
    413. 

  413. .m-us-layout-embed-btns ul li.li-lp{padding:0 5px 0 10px;}
    414. 

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

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

  416. .m-us-layout-embed-pw{float:right;width:auto;margin:0;padding:0;}
    417. 

  417. .m-us-layout-embed-pw .m-us-layout-lbl-pw{margin:0 10px 0 0;padding:0;line-height:16px;display:block;float:left;text-align:left;}
    418. 

  418. .m-us-layout-embed-pw .m-us-layout-lbl-pw .m-us-pw-text1{font-size:14px;font-weight:bold;color:#006ed3;display:block;}
    419. 

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

  420. .m-us-layout-embed-pw .m-us-layout-pw-text{border:2px solid #0c84d6;margin:0;padding:5px 10px;width:220px;font-size:14px;color:#454545;box-sizing:content-box;vertical-align:middle;}
    421. 

  421. 

  422. 

  423. @media all and (min-width: 768px){
    424. 

  424. /* ##### [btn] ##### */
    425. 

  425. .m-us-layer-btns{overflow:hidden;clear:both;text-align:center;padding:0;margin:15px 0 10px 0;;}
    426. 

  426. .m-us-layer-btns ul{margin:0;padding:0;}
    427. 

  427. .m-us-layer-btns ul li{padding:0;margin:0 4px 0 0;list-style:none;display:inline-block;}
    428. 

  428. .m-us-layer-btns ul li:last-child{margin:0;}
    429. 

  429. .m-us-layer-btns .m-us-layout-normal-btn{width:190px;height:50px;font-size:17px;line-height:50px;}
    430. 

  430. .m-us-layer-btns .m-us-layout-confirm-btn{width:120px;height:50px;font-size:17px;line-height:50px;}
    431. 

  431. .m-us-normal-btn{height:60px;font-size:17px;line-height:60px;}
    432. 

  432. .m-us-normal-btn2{width:70%;height:50px;font-size:17px;line-height:50px;}
    433. 

  433. .m-us-normal-btn.btn-confirm{height:63px;line-height:63px;}
    434. 

  434. .m-us-normal-btn.btn-confirm-gray{height:63px;line-height:63px;}
    435. 

  435. .m-us-layout-btns{margin:18px 0 10px 0;}
    436. 

  436. .m-us-layout-btns ul{margin:0;padding:0;}
    437. 

  437. .m-us-layout-btns ul li{padding:0 14px 0 0;}
    438. 

  438. .m-us-layout-btns ul li:last-child{padding:0;}
    439. 

  439. .m-us-layout-btns ul li.btn-r{float:right;}
    440. 

  440. .m-us-layout-btns ul li .m-us-layout-normal-btn{font-size:17px;height:50px;line-height:50px;}
    441. 

  441. .m-us-layout-manage-btns{margin:15px 0 0 0;}
    442. 

  442. .m-us-layout-manage-btns ul li{padding:0 8px 5px 0;}
    443. 

  443. .m-us-layout-manage-btns ul li:nth-child(even){padding:0 0 7px 0;}
    444. 

  444. .m-us-layout-manage-btns ul li .m-us-layout-normal-btn{font-size:17px;height:50px;line-height:50px;}
    445. 

  445. 

  446. /* ##### [cert select] ##### */
    447. 

  447. .m-us-layout-cert-select{width:425px;}
    448. 

  448. .m-us-layout-title{min-height:50px;}
    449. 

  449. .m-us-layout-lbl-title{font-size:16px;line-height:50px;left:20px;}
    450. 

  450. .m-us-layout-logo{height:50px;background:#0c85d6;}
    451. 

  451. .m-us-layout-cls-btn{position:absolute;top:12px;right:17px;background:transparent;padding:0;margin:0;display:block;width:25px;height:24px;cursor:pointer;border:0;outline:0;}
    452. 

  452. .m-us-layout-cls-btn img{width:25px;height:24px;}
    453. 

  453. .m-us-layout-cert-select .m-us-layout-mid{padding:20px 13px 20px 13px;}
    454. 

  454. .m-us-layout-lbl-notice{font-size:14px;margin:0;}
    455. 

  455. 

  456. /* ##### [cert select - storage] ##### */
    457. 

  457. .m-us-layout-storage{height:110px;}
    458. 

  458. .m-us-layout-storage-wrap{height:110px;}
    459. 

  459. .m-us-layout-storage-wrap ul{height:110px;}
    460. 

  460. .m-us-layout-storage-wrap ul li button{width:92px;height:110px;background-position:0 26px;}
    461. 

  461. .m-us-layout-storage-wrap ul li button .m-us-drive-select{background-size:30px 18px;width:20px;height:14px;top:8px;right:8px;background-size:20px 14px;}
    462. 

  462. .m-us-layout-storage-wrap ul li button.m-us-layout-storage-btn-on .m-us-drive-select{background-size:30px 18px;background-size:20px 14px;}
    463. 

  463. .m-us-layout-storage-wrap ul li button .m-us-img-storage{width:64px;height:66px;}
    464. 

  464. .m-us-layout-storage-wrap ul li button .m-us-img-storage img{width:64px;height:66px;}
    465. 

  465. .m-us-layout-storage-wrap ul li button .m-us-layout-lbl-storage{font-size:11px;line-height:16px;margin:2px 0 0 0;}
    466. 

  466. .m-us-layout-storage-more-btn{width:27px;height:96px;}
    467. 

  467. .m-us-layout-storage-more-btn img{width:18px;height:18px;}
    468. 

  468. 

  469. /* ##### [cert select - storage more] ##### */
    470. 

  470. .m-us-layout-storage-more-wrap{border:4px solid #20509f;padding:16px 9px;}
    471. 

  471. .m-us-layout-storage-more-wrap #m-us-storage-more{right:9px;top:18px;}
    472. 

  472. .m-us-layout-storage-more-wrap ul li button{background-position:0 26px;width:92px;height:110px;}
    473. 

  473. .m-us-layout-storage-more-wrap ul li button .m-us-drive-select{width:20px;height:14px;right:8px;top:8px;background-size:20px 14px;}
    474. 

  474. .m-us-layout-storage-more-wrap ul li button .m-us-img-storage{width:64px;height:66px;}
    475. 

  475. .m-us-layout-storage-more-wrap ul li button .m-us-img-storage img{width:64px;height:66px;}
    476. 

  476. .m-us-layout-storage-more-wrap ul li button .m-us-layout-lbl-storage{font-size:11px;margin:2px 0 0 0;line-height:16px;}
    477. 

  477. .m-us-layout-storage-more-wrap ul li button.m-us-layout-storage-btn-on{border:2px solid #fff;}
    478. 

  478. 

  479. /* ##### [cert select - list] ##### */
    480. 

  480. .m-us-layout-list{padding:10px 10px 0 10px;}
    481. 

  481. .m-us-layout-list-inner{height:310px;}
    482. 

  482. .m-us-layout-list-inner ul li{margin:0 0 10px 0;}
    483. 

  483. .m-us-layout-list-cert{height:100px;}
    484. 

  484. .m-us-cert-icon{margin:14px 10px 0 14px;}
    485. 

  485. .m-us-cert-icon img{width:98px;height:78px;}
    486. 

  486. .m-us-layout-cert-info{padding:18px 15px 0 0;}
    487. 

  487. .m-us-layout-cert-info p{font-size:14px;line-height:18px;margin:0 0 6px 0;}
    488. 

  488. .m-us-layout-cert-info p.m-us-cert-info-data{font-size:15px;}
    489. 

  489. 

  490. /* ##### [sub] ##### */
    491. 

  491. .m-us-layer-title{height:45px;background:#303338;}
    492. 

  492. .m-us-layer-title .m-us-layer-lbl-title{font-size:16px;font-weight:bold;color:#fff;text-align:center;margin:0;padding:0;line-height:45px;}
    493. 

  493. .m-us-layer-body{padding:20px 27px 27px 27px;background:#fff;}
    494. 

  494. .m-us-layer-sbody{padding:18px;}
    495. 

  495. .m-us-layer-cls-btn{position:absolute;top:10px;right:18px;background:transparent;padding:0;margin:0;display:block;width:24px;height:23px;cursor:pointer;border:0;outline:0;}
    496. 

  496. .m-us-layer-cls-btn img{width:24px;height:23px;}
    497. 

  497. 

  498. /* ##### [cert password] ##### */
    499. 

  499. .m-us-layout-cert-select-password{width:425px;}
    500. 

  500. .m-us-layout-list-cert-select{margin:0 0 15px 0;}
    501. 

  501. .m-us-cert-select-icon{float:left;width:98px;height:78px;margin:0 6px 0 0;}
    502. 

  502. .m-us-cert-select-icon img{width:98px;height:78px;}
    503. 

  503. .m-us-layout-list-cert-select-info{padding:0 0 0 105px;}
    504. 

  504. .m-us-layout-list-cert-select-info p{font-size:14px;margin:0 0 4px 0;line-height:17px;}
    505. 

  505. .m-us-layout-list-cert-select-info p.m-us-cert-info-data{font-size:15px;margin:0 0 4px 0;line-height:17px;}
    506. 

  506. .m-us-layout-list-cert-select-info .m-us-cert-info-tit{width:55px;}
    507. 

  507. .m-us-layout-bottom{height:108px;padding:0 40px;}
    508. 

  508. .m-us-layout-bottom-btns{margin:14px 0 0 0;}
    509. 

  509. .m-us-layout-pw{padding:0 0 15px 0;border-bottom:2px solid #d9d9d9;}
    510. 

  510. .m-us-layout-pw .m-us-layout-lbl-pw{margin:0 0 7px 0;line-height:20px;}
    511. 

  511. .m-us-layout-pw .m-us-layout-lbl-pw .m-us-pw-text1{font-size:19px;}
    512. 

  512. .m-us-layout-pw .m-us-layout-lbl-pw .m-us-pw-text2{font-size:11px;margin:0 0 0 4px;}
    513. 

  513. .m-us-layout-pw .m-us-layout-pw-text{border:2px solid #248fe7;padding:5px 10px;font-size:18px;}
    514. 

  514. 

  515. /* ##### [cert view] ##### */
    516. 

  516. .m-us-layout-cert-view{width:425px;}
    517. 

  517. .m-us-layout-view-tab li a{font-size:14px;width:120px;height:28px;top:7px;line-height:33px;}
    518. 

  518. .m-us-layout-view-tab li a.active{height:35px;line-height:45px;}
    519. 

  519. .m-us-layout-view-tab li.m-us-view-tab2 a{left:124px;}
    520. 

  520. .m-us-view-tab-content{border:9px solid #0c85d6;font-size:14px;}
    521. 

  521. .m-us-layout-view-content{margin-top:35px;}
    522. 

  522. 

  523. /* ##### [cert view - tab simple] ##### */
    524. 

  524. .m-us-layout-view-simple{padding:20px;width:389px;}
    525. 

  525. .m-us-layout-view-simple dl{border-bottom:2px solid #e3e3e3;padding:0 0 15px 0;margin:0 0 15px 0;}
    526. 

  526. .m-us-layout-view-simple dl dt{margin:0 0 6px 0;}
    527. 

  527. .m-us-layout-view-simple .m-us-layout-view-cert-img{width:98px;margin:0 14px 0 0;display:block;height:78px;}
    528. 

  528. .m-us-layout-view-simple .m-us-layout-view-cert-img img{width:98px;height:78px;}
    529. 

  529. .m-us-layout-view-simple .m-us-layout-view-cert-status{font-size:14px;padding:15px 0 0 0;line-height:20px;}
    530. 

  530. .m-us-layout-view-simple .m-us-layout-view-cert-purpose{font-size:12px;}
    531. 

  531. 

  532. /* ##### [cert view - tab detail] ##### */
    533. 

  533. .m-us-layout-view-detail{padding:20px;width:389px;}
    534. 

  534. .m-us-layout-view-list{margin:0 0 15px 0;}
    535. 

  535. .m-us-layout-view-list-inner{height:200px;}
    536. 

  536. .m-us-layout-view-tbl-list{width:331px;height:200px;}
    537. 

  537. .m-us-layout-view-tbl-list th{font-size:20px;height:38px;}
    538. 

  538. .m-us-layout-view-tbl-list td{font-size:17px;}
    539. 

  539. .m-us-layout-view-detail-data .m-us-layout-view-detail-text-box{height:120px;padding:10px;font-size:17px;}
    540. 

  540. .m-us-layout-view-grid-head-div{position:relative;width:331px;height:38px;}
    541. 

  541. .m-us-layout-view-grid-head-row{position:static;width:331px;height:38px;}
    542. 

  542. .m-us-layout-view-grid-row-title-element{font-size:20px;line-height:38px;padding:0 20px 0 20px;}
    543. 

  543. .m-us-layout-view-grid-body-div{width:331px;height:155px;}
    544. 

  544. .m-us-layout-view-grid-body-row{width:331px;height:35px;}
    545. 

  545. .m-us-layout-view-grid-row-data-element{font-size:17px;height:35px;line-height:35px;padding:0 20px 0 20px;}
    546. 

  546. .m-us-layout-view-grid-row-data-selected-element{font-size:17px;height:35px;line-height:35px;padding:0 20px 0 20px;}
    547. 

  547. 

  548. /* ##### [cert result] ##### */
    549. 

  549. .m-us-layout-cert-result .m-us-layout-result-inner .m-us-result-icon{margin:0 0 16px 0;}
    550. 

  550. .m-us-layout-cert-result .m-us-layout-result-inner .m-us-result-icon img{width:91px;height:76px;}
    551. 

  551. .m-us-layout-cert-result .m-us-layout-result-inner .m-us-result-tit{font-size:25px;margin:0 0 5px 0;padding:0;}
    552. 

  552. .m-us-layout-cert-result .m-us-layout-result-inner .m-us-result-tit2{font-size:15px;margin:0;padding:0;}
    553. 

  553. 

  554. /* ##### [change password] ##### */
    555. 

  555. .m-us-layout-change-password{width:425px;}
    556. 

  556. .m-us-layout-change-password-notice{background:#e7e6ec;overflow:hidden;margin:0 0 20px 0;}
    557. 

  557. .m-us-layout-change-password-img{margin:13px 9px 13px 45px;}
    558. 

  558. .m-us-layout-change-password-img img{width:53px;height:60px;}
    559. 

  559. .m-us-layout-change-notice{padding:22px 15px 22px 0;}
    560. 

  560. .m-us-layout-change-password-notice-text{font-size:17px;line-height:20px;}
    561. 

  561. .m-us-layout-change-password-notice-text2{font-size:14px;line-height:20px;}
    562. 

  562. .m-us-layout-change-password-input dl dt.password-bold-title label{margin:22px 0 0 0;}
    563. 

  563. .m-us-layout-change-password-input dl dd{padding:0 0 10px 0;margin:0 0 0 120px;}
    564. 

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

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

  566. .m-us-layout-change-password-input-textbox{font-size:18px;line-height:22px;padding:5px 8px;}
    567. 

  567. .m-us-layout-change-password-input-lbl{background:url(../img/mobile/dot_icon.gif) 0 7px no-repeat;font-size:14px;margin:10px 0 0 0;padding:0 0 0 4px;line-height:16px;}
    568. 

  568. .m-us-layout-change-password-warning-text{background:url(../img/mobile/m_point_icon1.png) 0 0px no-repeat;background-size:14px auto;padding:0 0 0 18px;margin:10px 0 0 0;font-size:11px;line-height:14px;}
    569. 

  569. .m-us-talign-r{text-align:right;}
    570. 

  570. 

  571. /* ##### [password] ##### */
    572. 

  572. .m-us-layout-password{width:425px;}
    573. 

  573. .m-us-layout-password-notice-wrap{margin:0 0 18px 0;}
    574. 

  574. .m-us-layout-password-img{margin:17px 8px 13px 50px;}
    575. 

  575. .m-us-layout-password-img img{width:63px;height:52px;}
    576. 

  576. .m-us-layout-password-notice{padding:34px 10px 10px 0;}
    577. 

  577. .m-us-layout-password-notice-text{font-size:17px;line-height:17px;}
    578. 

  578. .m-us-layout-password-input-textbox{font-size:18px;line-height:22px;padding:5px 8px;}
    579. 

  579. 

  580. /* ##### [password check] ##### */
    581. 

  581. .m-us-layout-password-check{width:425px;}
    582. 

  582. .m-us-layout-password-check-text{padding:30px 0;font-size:17px;line-height:17px;}
    583. 

  583. .m-us-password-check{padding:0 11px 5px 11px;margin:-5px 0 0 0;}
    584. 

  584. .m-us-password-check .txt{padding:0 0 0 30px;font-size:14px;line-height:26px;color:#454545;font-weight:bold;}
    585. 

  585. .m-us-password-check ul li{background:url(../img/mobile/m_password_check2.png) 0 5px no-repeat;background-size:15px auto;padding:0 0 0 30px;font-size:14px;line-height:26px;}
    586. 

  586. .m-us-password-check ul li.check{background:url(../img/mobile/m_password_check1.png) 0 5px no-repeat;background-size:18px auto;}
    587. 

  587. 

  588. /* ##### [new password] ##### */
    589. 

  589. .m-us-layout-new-password{width:425px;}
    590. 

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

  591. .m-us-layout-new-password-input dl dd{margin:0 0 0 120px;}
    592. 

  592. .m-us-layout-new-password-input-textbox{font-size:18px;line-height:22px;padding:5px 8px;}
    593. 

  593. .m-us-layout-new-password-input-lbl{background:url(../img/mobile/dot_icon.gif) 0 7px no-repeat;font-size:14px;margin:10px 0 0 0;padding:0 0 0 4px;line-height:16px;}
    594. 

  594. .m-us-layout-new-password-warning-text{background:url(../img/mobile/m_point_icon1.png) 0 0px no-repeat;background-size:14px auto;padding:0 0 0 18px;margin:10px 0 0 0;font-size:11px;line-height:14px;}
    595. 

  595. 

  596. /* ##### [cert verify] ##### */
    597. 

  597. .m-us-layout-cert-verify{width:425px;}
    598. 

  598. .m-us-layout-cert-verify-noti{margin:0 0 18px 0;}
    599. 

  599. .m-us-layout-cert-verify-noti-lbl{padding:18px 10px;font-size:17px;line-height:24px;}
    600. 

  600. 

  601. /* ##### [storage select] ##### */
    602. 

  602. .m-us-layout-storage-select{width:425px;}
    603. 

  603. .m-us-layout-storage-select-notice-wrap{margin:0 0 16px 0;}
    604. 

  604. .m-us-layout-storage-select-notice-lbl{padding:13px 0;font-size:17px;line-height:17px;}
    605. 

  605. .m-us-layout-storage-select-warning-lbl{background:url(../img/mobile/m_point_icon1.png) 0 0px no-repeat;background-size:14px auto;padding:0 0 0 18px;margin:10px 0 0 0;font-size:11px;line-height:14px;}
    606. 

  606. .m-us-layout-storage-select-list{padding:0 0 0 10px;}
    607. 

  607. .m-us-layout-storage-select-list ul li button{width:92px;height:110px;background-position:0 26px;}
    608. 

  608. .m-us-layout-storage-select-list ul li button .m-us-drive-select{background-size:30px 18px;width:20px;height:14px;top:8px;right:8px;background-size:20px 14px;}
    609. 

  609. .m-us-layout-storage-select-list ul li button.m-us-layout-storage-btn-on .m-us-drive-select{background-size:30px 18px;background-size:20px 14px;}
    610. 

  610. .m-us-layout-storage-select-list ul li button .m-us-img-storage{width:64px;height:66px;}
    611. 

  611. .m-us-layout-storage-select-list ul li button .m-us-img-storage img{width:64px;height:66px;}
    612. 

  612. .m-us-layout-storage-select-list ul li button .m-us-layout-lbl-storage{font-size:11px;line-height:16px;margin:2px 0 0 0;}
    613. 

  613. 

  614. /* ##### [cert issue] ##### */
    615. 

  615. .m-us-layout-cert-issue{width:425px;}
    616. 

  616. .m-us-layout-cert-issue-notice{margin:0 0 16px 0;}
    617. 

  617. .m-us-layout-cert-issue-notice-lbl{padding:30px 0;font-size:17px;line-height:17px;}
    618. 

  618. .m-us-layout-cert-issue-input dl dd{padding:0 0 12px 0;margin:0 0 0 80px;}
    619. 

  619. .m-us-layout-cert-issue-textbox{font-size:14px;line-height:22px;padding:5px 8px;}
    620. 

  620. .m-us-layout-cert-issue-lbl{background:url(../img/mobile/dot_icon.gif) 0 7px no-repeat;display:block;font-size:14px;color:#666;margin:9px 0 0 0;padding:0 0 0 4px;line-height:16px;}
    621. 

  621. 

  622. /* ##### [cert processing] ##### */
    623. 

  623. .m-us-layout-cert-processing{margin:-60px 0 0 0;}
    624. 

  624. .m-us-layout-cert-processing-text{font-size:17px;line-height:17px;margin:18px 0 0 0;}
    625. 

  625. .m-us-layout-cert-processing-img{width:80px;height:85px;}
    626. 

  626. .m-us-layout-cert-processing-img div{height:26px;width:6px;}
    627. 

  627. #m-us-rotate-01{margin-left:10px;margin-top:26px;}	
    628. 

  628. #m-us-rotate-02{margin-left:2px;margin-top:7px;}
    629. 

  629. #m-us-rotate-03{margin-left:14px;margin-top:0px;}
    630. 

  630. #m-us-rotate-04{margin-left:14px;margin-top:7px;}
    631. 

  631. #m-us-rotate-05{margin-left:0px;margin-top:26px;}
    632. 

  632. #m-us-rotate-06{margin-left:58px;margin-top:-4px;}
    633. 

  633. #m-us-rotate-07{margin-left:-26px;margin-top:3px;}
    634. 

  634. #m-us-rotate-08{margin-left:-46px;margin-top:-3px;}
    635. 

  635. 

  636. /* ##### [ssn] ##### */
    637. 

  637. .m-us-layout-ssn{width:425px;}
    638. 

  638. .m-us-layout-ssn-input dl dt{margin:0 0 8px 0;}
    639. 

  639. .m-us-layout-ssn-input-text{background:url(../img/mobile/dot_icon.gif) 0 7px no-repeat;display:block;font-size:14px;color:#666;margin:9px 0 0 0;padding:0 0 0 4px;line-height:16px;}
    640. 

  640. .m-us-layout-ssn-input-textbox{font-size:14px;line-height:22px;padding:5px 8px;}
    641. 

  641. .m-us-layout-ssn-notice-text{background:url(../img/mobile/m_point_icon1.png) 0 0px no-repeat;background-size:14px auto;padding:0 0 0 18px;margin:10px 0 0 0;font-size:11px;line-height:14px;}
    642. 

  642. 

  643. /* ##### [cert revoke] ##### */
    644. 

  644. .m-us-layout-cert-revoke{width:425px;}
    645. 

  645. .m-us-layout-cert-revoke-notice-wrap{margin:0 0 16px 0;}
    646. 

  646. .m-us-layout-cert-revoke-text{padding:30px 0;font-size:17px;line-height:17px;}
    647. 

  647. .m-us-layout-cert-revoke-select ul li a{line-height:38px;font-size:14px;padding:0 10px 0 10px;}
    648. 

  648. .m-us-layout-cert-revoke-select ul li span{display:block;margin:0;background:url(../img/mobile/m_right_arrow.png) right 6px no-repeat;background-size:25px auto;}
    649.