@dfcolor: color(`window.colorset.def`); @dfcolor_dark: color(`window.colorset.dark`); /* ##### [etc] ##### */ .us-tpd10 { padding-top:10px !important; } .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; } .us-display-b { display:block; } /* ##### [btn] ##### */ .us-layer-btns { clear:both; text-align:center; height:30px; margin:0; padding:20px 0 0 0; clear:both; text-align:center; height:30px; margin:0; padding:20px 0 0 0; ul { margin:0; padding:0; li { padding:0; margin:0 2px; list-style:none; display:inline-block; *display:inline; zoom:1; } } } .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; } .us-normal-btn.btn-confirm { background:@dfcolor; border-bottom:3px solid @dfcolor_dark; border-left:1px solid @dfcolor; border-top:1px solid @dfcolor; border-right:1px solid @dfcolor; } .us-normal-btn.btn-confirm2 { color:@dfcolor; background:#fff; border-bottom:3px solid @dfcolor; border-left:1px solid @dfcolor; border-top:1px solid @dfcolor; border-right:1px solid @dfcolor; } /* ##### [cert select] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } .us-layout-mid { position:relative; padding:17px; margin:0; background:#f3f3f7; } } /* ##### [cert select - title bar] ##### */ .us-layout-title { position:relative; cursor:move; } .us-layout-logo { height:60px; background:url(../img/main_title_img.jpg) 0 0 no-repeat; img { vertical-align:top; } } .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; } .us-layout-lbl-icon { position:absolute; right:66px; top:15px; width:141px; height:32px; margin:0; padding:0; } .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; } /* ##### [cert select - storage] ##### */ .us-layout-storage { height:90px; legend { position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; } } .us-layout-storage-border { padding:0; margin:0; border:0; } .us-layout-storage-wrap { position:relative; height:90px; background:#f3f3f7; ul { margin:0; padding:0; width:564px; height:90px; 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; 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; .us-img-storage { display:block; margin:0 auto; width:54px; height:50px; } .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; } .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; } } button.us-layout-storage-btn-none { cursor:default; .us-layout-lbl-storage { color:#9e9e9e; } .us-drive-select { display:none; } } button.us-layout-storage-btn-on { background:@dfcolor; } button.us-layout-storage-btn-off:hover { background:#41a5e7; } } li:first-child { button { background-image:none; } } } } .us-layout-storage-wrap ul li:first-child,.us-layout-storage-wrap ul li.line-first { padding:0 2px; background:none; } .us-layout-storage-wrap ul li button.us-layout-storage-btn-off:hover .us-drive-select,.us-layout-storage-wrap ul li button.us-layout-storage-btn-on .us-drive-select { background:url(../img/media_drive_on.png) 0 0 no-repeat; } .us-layout-storage-wrap ul li button.us-layout-storage-btn-on .us-layout-lbl-storage,.us-layout-storage-wrap ul li button.us-layout-storage-btn-off:hover .us-layout-lbl-storage { color:#fff; } .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; img { width:15px; height:15px; margin:0; padding:0; } } /* ##### [cert select - storage more] ##### */ .us-layout-storage-more-wrap { position:absolute; left:10px; top:10px; border:3px solid @dfcolor_dark; padding:7px; width:600px; height:auto; z-index:8250; background:#f3f3f7; .us-layout-storage-more { right:7px; top:7px; } ul { margin:0; padding:0; width:564px; height:auto; li:first-child { padding:0 3px 0 0; } 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; 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; .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; } .us-img-storage { display:block; margin:0 auto; width:54px; height:50px; } .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; } } 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; } 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; } button.us-layout-storage-btn-none { cursor:default; .us-drive-select { display:none; } .us-layout-lbl-storage { color:#9e9e9e; } } } } } .us-layout-storage-more-wrap ul li:first-child,.us-layout-storage-more-wrap ul li.line-first { background-image:none; } /* ##### [cert select - list] ##### */ .us-layout-list { background:@dfcolor; padding:10px; } .us-layout-list-inner { position:relative; height:200px; overflow-y:hidden; overflow-x:scroll; } .us-layout-list-load { position:absolute; background-color: @dfcolor; width: 100%; height: 100%; z-index: 1000; div { position: absolute; top: 40%; width: 100%; text-align: center; height: 40px; line-height: 40px; background-color: #414449; } img { vertical-align:middle; margin:-3px 5px 0 0; } } .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); } .us-layout-loading { z-index: 9999; position:absolute; width: 500px; text-align: center; height: 40px; line-height: 40px; background-color: #414449; margin-left: 30%; margin-top: 25%; img { vertical-align:middle; margin:-3px 5px 0 0; } } .us-layout-tbl-list { width:536px; height:183px; border:0; margin:0; padding:0; border-collapse:collapse; caption { position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; } thead { position:static; tr { position:static; } } 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; } td { text-align:center; margin:0; padding:0; } td.list-l { text-align:left; .cert-tableview-cell { padding:0 0 0 10px; } } tr.list-select { td { div { background:#fff; color:@dfcolor; } } .check-icon { width:30px; height:34px; background:url(../img/cert_check.png) center 0 no-repeat; vertical-align:middle; padding:0 10px 0 0; } } .cert-tableview-cell { .us-cert-icon { display:block; vertical-align:middle; padding:0; margin:0; text-align:left; padding:0 0 0 10px; } .us-cert-icon.valid { background-position:0 -135px; } .us-cert-icon.unknown { background-position:-40px -135px; } .us-cert-icon.invalid { background-position:-80px -135px; } img { margin:3px 0 0 0; } } tr { .check-icon { width:10px; height:34px; border-bottom:1px solid #065992; float:right; margin:0; background:#f0f0f0; vertical-align:middle; } } } /* ##### [cert select - password] ##### */ .us-layout-cert { height:78px; } .us-layout-pw { float:left; width:420px; margin:15px 0 0 0; .us-layout-lbl-pw { margin:0 0 9px 0; padding:0; line-height:14px; display:block; text-align:left; .us-pw-text1 { font-size:14px; font-weight:bold; color:@dfcolor; } .us-pw-text2 { font-size:11px; color:#777777; font-weight:normal; margin:0 0 0 6px; } } .us-layout-pw-text { border:2px solid @dfcolor; margin:0; padding:7px 10px; width:420px; font-size:16px; color:#454545; box-sizing:content-box; } } .us-layout-btns { padding:4px 0 0 0; margin-bottom: 10px; ul { margin:0; padding:0; overflow: auto; li { list-style:none; float:left; margin:0 6px 6px 0; padding:0; .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; } .us-layout-normal-btn:disabled { background:#f9f9f9; color:#c0c0c2; border:1px solid #c1c0c3; cursor:default; } } li.us-right { float:right; } li.us-bottom { margin:0; } li.last-btn { float: right; margin-top: -2px; } } } /* ##### [cert select - bottom] ##### */ .us-layout-bottom { background:#fff; padding:0 20px; } .us-layout-bottom-right { float: right; } .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; } .us-layout-bottom-btns { float:right; margin:6px 0 10px 0; padding:0; ul { margin:0; padding:0; li { float:left; list-style:none; padding:0; margin:0; input.h35 { height: 36px; } } li.us-li-first { input { margin:0 10px 0 0; } } li.btn-confirm { margin-top: 35px; } } } .us-layout-hidden { display:none; } .us-layout-file-search-hidden { font-size:0; line-height:0; width:0; height:0; display:none; } /* ##### [cert view] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .us-layer-body { padding:20px; background:#f4f3f8; } /* ##### [sub - title bar] ##### */ .us-layer-title { cursor:move; height:40px; background:#303338; .us-layer-lbl-title { font-size:14px; font-weight:bold; color:#fff; text-align:center; margin:0; padding:0; line-height:40px; } } .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; } /* ##### [cert view - tabmenu] ##### */ .us-layout-view-tab { position:relative; padding:0; margin:0; height:435px; width:auto; li { list-style:none; float:left; margin:0; padding:0; 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; } a:hover { background:#41a5e7; height:30px; top:0; line-height:38px; } a.active { background:@dfcolor; height:30px; top:0; line-height:38px; } } li.us-view-tab1 { a { left:0; } } li.us-view-tab2 { a { left:97px; } } li.us-view-tab3 { a { left:194px; } } } .us-view-tab-content { background:#fff; border:10px solid @dfcolor; font-family:'Dotum',Dotum,Sans-serif; color:#000; text-align:left; font-size:12px; margin:0; } .us-layout-view-content { display:none; margin-top:30px; } /* ##### [cert view - tab simple] ##### */ .us-layout-view-simple { clear:both; padding:20px; width:360px; height:345px; dl { border-bottom:1px solid #e3e3e3; padding:0 0 25px 0; margin:0 0 15px 0; overflow:hidden; dt { font-weight:bold; color:#454545; margin:0 0 10px 0; padding:0; } dd { margin:0; padding:0; } } dl.us-layout-view-cert-validity-date { padding:0 0 15px 0; } .us-layout-view-cert-info { clear:both; } .us-layout-view-cert-img { float:left; width:80px; margin:0; padding:0; display:block; height:45px; vertical-align:middle; } .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; } .us-layout-view-cert-info-subject { float:left; margin:0; } .us-layout-view-cert-info-data { float:left; margin:0 0 0 8px; } .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; } } /* ##### [cert view - tab detail] ##### */ .us-layout-view-detail { clear:both; padding:10px; width:380px; height:365px; } .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; } .us-layout-view-list-inner { position:relative; height:250px; text-align:left; vertical-align:middle; display:block; border:0; padding:0; overflow:visible; } .us-layout-view-tbl-list { position:static; border-collapse:collapse; width:358; height:250px; border:0; margin:0; padding:0; caption { position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; } th { border:0; margin:0; padding:0; background:#676a6f; font-size:12px; color:#fff; text-align:center; height:25px; font-weight:normal; } td { border:0; margin:0; padding:0; background:#fff; font-size:11px; text-align:left; } } .us-layout-view-detail-data { height:100px; margin:0; padding:0; border:1px solid #e3e3e3; .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; } } .us-layout-view-grid-head-div { position:relative; width:378px; height:25px; border:0; padding:0; margin:0; overflow:hidden; } .us-layout-view-grid-head-row { position:static; width:378px; height:25px; border:0; padding:0; margin:0; .us-layout-view-grid-row-title-element:first-child { background:url(../img/us-layout-view-detail-linebar.gif) right 0 no-repeat; } } .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; } .us-layout-view-grid-body-div { position:relative; width:378px; height:224px; border:0; padding:0; margin:0; overflow-x:hidden; overflow-y:scroll; } .us-layout-view-grid-body-row { position:static; width:378px; height:20px; border:0; padding:0; margin:0; } .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; } .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; } /* #### [cert view - tab certpath] #### */ .us-layout-view-certpath { clear:both; padding:20px; width:360px; height:345px; dl { border-bottom:1px solid #e3e3e3; padding:0; margin:0 0 15px 0; overflow:hidden; dt { font-weight:bold; color:#454545; margin:0 0 10px 0; padding:0; float:left; } dd { margin:0; margin:0 0 10px 0; } dd.subject { font-weight:bold; color:#454545; margin:0 0 10px 0; padding:0; } } div.link { font-size: 11px; color: #6695EB; cursor: pointer; text-align: center; } div.link:hover { color: #66C8EB; } ul { display: inline-block; margin: 0; padding: 0; word-break: break-all; font-size: 11px; height: 110px; li { padding: 0; list-style: none; float: left; line-height: 12px; max-width: 260px; margin: 2px 2px 2px 0; } li.dot { clear:both; margin-left: 2px; width:21px; height: 17px; background:url(../img/dot.png) no-repeat; } li.dot2 { clear:both; margin-left: 25px; width:21px; height: 17px; background:url(../img/dot.png) no-repeat; } li.invalid { background:url(../img/cert_invalid_small.png) no-repeat; width: 40px; height: 29px; } li.valid { background:url(../img/cert_valid_small.png) no-repeat; width: 40px; height: 29px; } } } .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:@dfcolor; background:#fff; border-bottom:3px solid @dfcolor; border-left:1px solid @dfcolor; border-top:1px solid @dfcolor; border-right:1px solid @dfcolor; } .us-layout-cert-manage-detail-box { div { margin: 3px; line-height: 19px; } .us-div-cert-manage-detail-box-btns { margin: 0; text-align: right; width: 160px; } .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; } .us-layout-big-btn:disabled { background:#f9f9f9; color:#c0c0c2; border:1px solid #c1c0c3; cursor:default; } } /* ##### [drive select] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .us-layout-drive-l { float:left; width:92px; border:1px solid #fff; margin:0 20px 0 0; text-align:center; } .us-layout-drive-select-img { border-top:1px solid #dadade; border-left:1px solid #dadade; padding-top:13px; } .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; } .us-layout-drive-r { padding:0 0 0 114px; } .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; } .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; } /* ##### [sectoken select] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .us-layout-sectoken-select-notice { padding:0; margin:0 0 10px 0; } .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; } .us-layout-sectoken-select-list { height:160px; background:#fff; overflow-y:hidden; overflow-x:scroll; } .us-layout-sectoken-select-tbl-list { border:0; border-collapse:collapse; margin:0; padding:0; width:520px; height:145px; caption { position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; } 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; } td { font-family:'Dotum',Dotum,Sans-serif; font-size:11px; color:#666666; line-height:20px; padding:0; margin:0; text-align:left; } } .us-layout-sectoken-select-driver { margin:10px 0 0 0; .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; } .driver-btn { text-align:right; } } .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; } .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; } .us-layout-sectoken-select-grid-head-div { position:relative; padding:0; margin:0; overflow:hidden; border:0; height:25px; width:520px; } .us-layout-sectoken-select-grid-head-row { position:static; padding:0; margin:0; border:0; height:25px; width:520px; } .us-sectoken-select-grid-head-div { position:relative; width:520px; height:25px; border:0; padding:0; margin:0; overflow:hidden; } .us-sectoken-select-grid-head-row { position:static; width:520px; height:25px; border:0; padding:0; margin:0; .us-layout-sectoken-select-grid-row-title-element:first-child { background:none; } } .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; } .us-layout-sectoken-select-grid-row-title-divider { position:relative; width:1px; float:left; background-color:#494c51; margin:0; padding:0; } .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; } .us-layout-sectoken-select-grid-body-row { position:static; width:520px; height:20px; border:0; padding:0; margin:0; } .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; } .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; } .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; } /* ##### [cert verify] ##### */ .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); } .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; } /* ##### [change password] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .us-layout-change-password-notice { height:90px; margin:0 0 20px 0; } .us-layout-change-password-notice-l { float:left; width:92px; border:1px solid #fff; margin:0 20px 0 0; text-align:center; } .us-layout-change-password-img { padding:13px 0 0 21px; border-top:1px solid #dadade; border-left:1px solid #dadade; } .us-layout-change-password-notice-r { padding:30px 0 0 114px; } .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; } .us-layout-change-password-notice-text2 { margin:0; padding:0; color:#666; line-height:16px; font-size:11px; font-weight:normal; } .us-layout-change-password-input { dl { position:static; padding:0; margin:0; width:auto; height:auto; dt { position:static; float:left; width:114px; padding:0; margin:0; text-align:left; } dt.password-bold-title { label { color:#454545; font-weight:bold; } } dd { position:static; float:none; width:auto; height:auto; padding:0 0 10px 0; margin:0 0 0 115px; } dd.us-line-style1 { border-bottom:1px solid #e0e0e6; } dd.us-line-style2 { padding:10px 0 0 0; border-top:1px solid #fff; } } } .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; } .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; } .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; } /* ##### [password] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .us-layout-password-body-l { float:left; width:92px; border:1px solid #fff; margin:0 20px 0 0; text-align:center; } .us-layout-password-img { padding:17px 0 0 14px; border-top:1px solid #dadade; border-left:1px solid #dadade; } .us-layout-password-body-r { padding:18px 0 0 114px; } .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; } .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; } /* ##### [new password] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .us-layout-new-password-notice { height:90px; margin:0 0 20px 0; } .us-layout-new-password-notice-l { float:left; width:92px; border:1px solid #fff; margin:0 20px 0 0; text-align:center; } .us-layout-new-password-img { padding:13px 0 0 21px; border-top:1px solid #dadade; border-left:1px solid #dadade; } .us-layout-new-password-notice-r { padding:30px 0 0 114px; } .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; } .us-layout-new-password-notice-text2 { margin:0; padding:0; color:#666; line-height:16px; font-size:11px; font-weight:normal; } .us-layout-new-password-input { dl { position:static; padding:0 0 10px 0; margin:0; width:auto; height:auto; dt { position:static; float:left; width:114px; padding:0; margin:0; text-align:left; } dd { position:static; float:none; width:auto; height:auto; padding:0; margin:0 0 0 115px; } } } .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; } .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; } .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; } /* ##### [password check] ##### */ .us-password-check { position:relative; margin:15px 0 10px 0; } .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; } .us-password-check-inner { border:1px solid #fff; } .us-password-check-box { border-top:1px solid #dad9de; border-left:1px solid #dad9de; padding:6px 10px; ul { margin:0; padding:0; 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; } li.check { background:url(../img/password_check1.png) 0 7px no-repeat; color:#777; } } .txt { margin:0; padding:0 0 0 14px; font-size:11px; line-height:20px; color:#454545; } } /* ##### [cert issue] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .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; } .us-layout-cert-issue-input { dl { position:static; padding:0; margin:10px 0 0 0; width:auto; height:auto; dt { position:static; float:left; width:68px; padding:0; margin:0; text-align:left; } dd { position:static; float:none; width:auto; height:auto; padding:0; margin:0 0 0 69px; } } } .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; } .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; } /* ##### [pin] ##### */ .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); img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .us-layout-pin-body-l { float:left; width:92px; border:1px solid #fff; margin:0 20px 0 0; text-align:center; } .us-layout-pin-img { border-top:1px solid #dadade; border-left:1px solid #dadade; padding-top:13px; } .us-layout-pin-body-r { padding:0 0 0 114px; } .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; } .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; } /* ##### [cert processing] ##### */ .us-layout-cert-processing { width:435px; height:50px; background:#414449; line-height:50px; text-align:center; img { margin:0; padding:0; border:0; outline:0; vertical-align:top; } } .us-layout-cert-processing-img { img { vertical-align:middle; margin:-3px 5px 0 0; } } .us-layout-cert-processing-text { font-family:'Dotum',Dotum,Sans-serif; color:#fff; font-size:15px; font-weight:bold; } /* ##### [cert revoke] ##### */ .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); } .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; } .us-layout-cert-revoke-select { border:1px solid #fff; } .us-layout-cert-revoke-select-inner { border-top:1px solid #dadade; border-left:1px solid #dadade; padding:20px; ul { margin:0; padding:0; li:first-child { margin:0; } li { margin:0; padding:0; list-style:none; line-height:26px; text-align:left; 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; } } } } .us-layout-cert-revoke-radiobox { margin:0 0 -1px 0; padding:0; vertical-align:middle; width:13px; height:13px; } .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); } /* ##### [storage select] ##### */ .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); } .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; } .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; } .us-layout-storage-select-body { border:1px solid #fff; } .us-layout-storage-select-inner { border-top:1px solid #dadade; border-left:1px solid #dadade; padding:7px; } .us-layout-storage-select-list { position:relative; overflow:hidden; ul { margin:0; padding:0; li { float:left; list-style:none; text-align:center; position:relative; margin:0; padding:0; 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; .us-img-storage { display:block; margin:0 auto; width:54px; height:50px; } .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; } .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; } } button.us-layout-storage-btn-none { cursor:default; .us-layout-lbl-storage { color:#9e9e9e; } .us-drive-select { display:none; } } } } } .us-layout-storage-select-list ul li.line-first button,.us-layout-storage-select-list ul li:first-child button { background-image:none; } .us-layout-storage-select-list ul li button.us-layout-storage-btn-on,.us-layout-storage-select-list ul li button.us-layout-storage-btn-off:hover { 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; } /* ##### [ssn] ##### */ .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); } .us-layout-ssn-input { dl { position:static; padding:0; margin:0; width:auto; height:auto; dt { position:static; float:left; width:195px; padding:0; margin:0; } dd { position:static; float:none; width:auto; height:auto; padding:0; margin:0 0 0 196px; } } } .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; } .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; } .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; } /* ##### [swinfo] ##### */ .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); } .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; } /* ##### [emedded] ##### */ .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; img { padding:0; border:0; outline:0; } legend { position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; } .us-layout-mid { position:relative; padding:10px; background:#f3f3f7; } } .us-layout-cert-select-embed.us-layout-embed-type1 { width:690px; } .us-layout-cert-select-embed.us-layout-embed-type2 { width:760px; } .us-layout-cert-select-embed.us-layout-embed-type3 { width:710px; } .us-layout-cert-select-embed.us-layout-embed-type4 { width:960px; } .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; } .us-layout-embed-main { padding:20px; } .us-layout-embed-bottom { background:#fff; height:54px; padding:0 10px; } /* ##### [emedded - storage] ##### */ .us-layout-embed-storage { height:90px; .us-layout-storage-wrap { position:relative; height:90px; background:#f3f3f7; } .us-layout-storage-more-wrap { width:100%; left:0; top:0; padding:0; border:0; .us-layout-storage-embed-inner { border:3px solid @dfcolor_dark; padding:7px; } ul { height:180px; } .us-layout-storage-more { right:10px; top:10px; height:80px; } .us-layout-embed-storage-more { img { width:15px; height:15px; vertical-align:top; padding:0; margin:0; } } } ul { margin:0; padding:0; width:100%; height:90px; li { width:15%; button { width:100%; .us-drive-select { right:15%; } } button.us-layout-storage-btn-none { cursor:default; .us-layout-lbl-storage { color:#9e9e9e; } .us-drive-select { display:none; } } button.us-layout-storage-btn-on { background:@dfcolor; } button.us-layout-storage-btn-off:hover { background:#41a5e7; } } } } .us-layout-embed-storage.embed630 { .us-layout-storage-more-wrap { width:630px; } } .us-layout-embed-storage ul li.last button,.us-layout-embed-storage ul li:first-child button { background-image:none; } .us-layout-embed-storage ul li button.us-layout-storage-btn-on .us-drive-select,.us-layout-embed-storage ul li button.us-layout-storage-btn-off:hover .us-drive-select { background:url(../img/media_drive_on.png) 0 0 no-repeat; } .us-layout-embed-storage ul li button.us-layout-storage-btn-on .us-layout-lbl-storage,.us-layout-embed-storage ul li button.us-layout-storage-btn-off:hover .us-layout-lbl-storage { color:#fff; } .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; } img { width:15px; height:15px; margin:0; padding:0; vertical-align:top; } } /* ##### [emedded - list] ##### */ .us-layout-embed-list-inner { position:relative; height:190px; overflow-x:scroll; overflow-y:hidden; .us-layout-grid-row-title-element.grid-element5 { text-align:center; padding:0; } } /* ##### [emedded - list width 690] ##### */ .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; } .us-layout-grid-head-div { position:relative; padding:0; margin:0; overflow:hidden; border:0; height:25px; width:610px; } .us-layout-grid-head-row { position:static; padding:0; margin:0; border:0; height:25px; width:610px; } .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; } .us-layout-grid-body-row { position:static; width:610px; height:34px; border:0; margin:0 0 7px 0; padding:0; .grid-element1 { img { margin:3px 0 0 10px; } } } .grid-element1 { width:54px; } .grid-element2 { width:116px; } .grid-element3 { width:180px; } .grid-element4 { width:130px; } .grid-element5 { width:130px; } } } /* ##### [emedded - list width 760] ##### */ .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; } .us-layout-grid-head-div { position:relative; padding:0; margin:0; overflow:hidden; border:0; height:25px; width:680px; } .us-layout-grid-head-row { position:static; padding:0; margin:0; border:0; height:25px; width:680px; } .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; } .us-layout-grid-body-row { position:static; width:680px; height:34px; border:0; margin:0 0 7px 0; padding:0; .grid-element1 { img { margin:3px 0 0 10px; } } } .grid-element1 { width:54px; } .grid-element2 { width:116px; } .grid-element3 { width:200px; } .grid-element4 { width:150px; } .grid-element5 { width:160px; } } } /* ##### [emedded - list width 830] ##### */ .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; } .us-layout-grid-head-div { position:relative; padding:0; margin:0; overflow:hidden; border:0; height:25px; width:630px; } .us-layout-grid-head-row { position:static; padding:0; margin:0; border:0; height:25px; width:630px; } .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; } .us-layout-grid-body-row { position:static; width:630px; height:34px; border:0; margin:0 0 3px 0; padding:0; .grid-element1 { img { margin:3px 0 0 10px; } } } .grid-element1 { width:54px; } .grid-element2 { width:96px; } .grid-element3 { width:220px; } .grid-element4 { width:130px; } .grid-element5 { width:130px; } } } /* ##### [emedded - list width 960] ##### */ .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; } .us-layout-grid-head-div { position:relative; padding:0; margin:0; overflow:hidden; border:0; height:25px; width:880px; } .us-layout-grid-head-row { position:static; padding:0; margin:0; border:0; height:25px; width:880px; } .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; } .us-layout-grid-body-row { position:static; width:880px; height:34px; border:0; margin:0 0 7px 0; padding:0; .grid-element1 { img { margin:3px 0 0 10px; } } } .grid-element1 { width:64px; } .grid-element2 { width:126px; } .grid-element3 { width:340px; } .grid-element4 { width:170px; } .grid-element5 { width:180px; } } } /* ##### [emedded - bottom] ##### */ .us-layout-embed-cert { height:70px; margin:20px 0 0 0; padding:0 10px 0 10px; } .us-layout-embed-pw { margin:0; padding:0; text-align:left; .h35 { height: 35px; } .us-layout-lbl-pw { margin:0 0 8px 0; padding:0; line-height:16px; display:block; float:none; .us-pw-text1 { font-size:14px; font-weight:bold; color:@dfcolor; display:inline-block; } .us-pw-text2 { font-size:11px; color:#777777; font-weight:normal; margin:0; display:inline-block; } } .us-layout-pw-text { width:60%; border:2px solid @dfcolor; margin:0; padding:7px 10px; font-size:14px; color:#454545; box-sizing:content-box; vertical-align:middle; } } .us-layout-embed-btns { float:right; width:190px; padding:0; margin:0; background:url(../img/us-layout-storage-linebar.gif) 94px 0 repeat-y; ul { margin:0; padding:0; li { list-style:none; float:left; padding:0; margin:0 0 6px 0; .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; } .us-layout-normal-btn:disabled { background:#f9f9f9; color:#c0c0c2; border:1px solid #c1c0c3; cursor:default; } } li.li-list2 { float:right; margin:0 0 6px 0; } li.li-list3 { margin:0; } li.li-list4 { float:right; margin:0; } } } /* .us-layout-embed-btns{width:auto;padding:0;margin:16px 0 0 0;background:none;} .us-layout-embed-btns ul{margin:0;padding:0;} .us-layout-embed-btns ul li{list-style:none;float:left;padding:0 6px 0 0;margin:0;} .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;} .us-layout-embed-btns ul li.li-list3{margin:0;} .us-layout-embed-btns ul li.li-list4{float:left;margin:0;padding:0;} */ /* ##### [certmanage] ##### */ .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); .us-layout-mid { position:relative; padding:17px; margin:0; background:#f3f3f7; z-index:8050; } } /* .us-layout-cert-manage img{margin:0;padding:0;border:0;outline:0;vertical-align:top;} */ /* ##### [certmanage - btns] ##### */ .us-layout-cert-manage-btns { margin:20px 0 0 0; height:28px; ul { margin:0; padding:0; li:first-child { padding:0; } li { list-style:none; float:left; padding:0 0 0 6px; margin:0; .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; } .us-layout-normal-btn:disabled { background:#f9f9f9; color:#c0c0c2; border:1px solid #c1c0c3; cursor:default; } } li.li-bar { padding:0 10px 0 7px; margin:0; background:url(../img/us-layout-storage-linebar.gif) right 0 repeat-y; } li.li-lp { padding:0 0 0 10px; } } } /* ##### [certmanage - detail] ##### */ .us-layout-cert-manage-detail { margin:10px 0 0 0; font-size: 11px; } #us-div-cert-manage-detail { fieldset { border: 1px solid #ddd; margin: 10px 0 0 0; } } .us-div-cert-password-label { text-align: center; vertical-align: middle; height: 21px; vertical-align: middle; span { display: block; line-height: 16px; } } .us-div-cert-password-input { input[type="password"] { border: 3px solid @dfcolor; width: 95%; height: 28px; font-size: 28px; } } .us-div-cert-manage-detail-storage { width: 43px; text-align: center; span { display: block; } } /* ##### [cert grid list] ##### */ .us-layout-grid-head-div { position:relative; padding:0; margin:0; overflow:hidden; border:0; height:25px; width:536px; } .us-layout-grid-head-row { position:static; padding:0; margin:0; border:0; height:25px; width:536px; } .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; } .us-layout-grid-row-title-divider { position:relative; width:1px; float:left; background-color:@dfcolor; margin:0; padding:0; } .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; } /*.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;}*/ .us-layout-grid-body-row { position:static; width:536px; height:34px; border:0; margin:0 0 3px 0; padding:0; line-height: 34px; .grid-element1 { img { margin:3px 0 0 10px; } } } .grid-element1 { width:54px; } .grid-element2 { width:71px; } .grid-element3 { width:183px; } .grid-element4 { width:88px; } .grid-element5 { width:140px; text-align:left; padding:0 0 0 10px; } .us-layout-grid-row-title-element.grid-element5 { text-align:center; padding:0; } .us-layout-grid-row-data-element { float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; height:34px; background:#f0f0f0; border-bottom:1px solid #065992; line-height:34px; color:#666; } .us-layout-grid-row-data-element.grid-element1 { text-align:left; } .us-layout-grid-row-data-element.grid-element3 { font-weight:bold; text-align:left; padding:0 10px 0 10px; } .us-layout-grid-row-data-element.grid-element5 { img { display:none; } } .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 #065992; line-height:34px; background:#fff; color:@dfcolor; } .us-layout-grid-row-data-selected-element.grid-element1 { text-align:left; } .us-layout-grid-row-data-selected-element.grid-element3 { font-weight:bold; text-align:left; padding:0 10px 0 10px; font-weight:bold; } .us-layout-grid-row-data-selected-element.grid-element5 { img { vertical-align:middle; margin:-2px 0 0 15px; padding:0; display:inline; } }