@charset "utf-8";

/* reset */
.pki-ui-wrapper * {margin:0;padding:0;}
.pki-ui-wrapper ul,
.pki-ui-wrapper ol,
.pki-ui-wrapper li {list-style:none;}
.pki-ui-wrapper caption,
.pki-ui-wrapper hr,
.pki-ui-wrapper legend {visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
.pki-ui-wrapper img,
.pki-ui-wrapper fieldset {border:none;}
.pki-ui-wrapper a {color:#000;text-decoration:none;text-overflow:ellipsis;cursor:pointer;}
.pki-ui-wrapper a:link,
.pki-ui-wrapper a:visited,
.pki-ui-wrapper a:hover,
.pki-ui-wrapper a:active {color:#000;text-decoration:none;}

/* common class define */
.pki-ui-wrapper .ellipsis {overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:normal;/* *white-space:normal; */}
.pki-ui-wrapper .wbreak {word-break:break-all;word-wrap:break-word;white-space:normal;}

/* A 타입 */
.pki-ui-wrapper {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);font-size:12px;color:#000;font-family:'맑은 고딕',MalgunGothic,'돋움',Dotum,'굴림',Gulim,tahoma,verdana,Apple Gothic,sans-serif;line-height:1;*line-height:1.2;}
/*.pki-ui-wrapper .pki-wrapA {position:absolute;left:50%;top:10%;margin-left:-225px;width:450px;border:2px solid #1b6cc7;background:#fff;box-shadow:3px 3px 20px #666, -3px 3px 20px #666;}*/

/** Default sublayer2 css  START **/
.pki-ui-wrapper .pki-wrapA {position:absolute;left:50%;top:10%;margin-left:-225px;width:460px;border:2px solid #1b6cc7;background:#fff;box-shadow:3px 3px 20px #666, -3px 3px 20px #666;}
/** Default sublayer2 css  END **/

.pki-ui-wrapper .pki-wrapA .pki-head {height:55px;border-bottom:1px solid #3b508c;padding:0 20px;position:relative;}
.pki-ui-wrapper .pki-wrapA .pki-head .btn-close {position:absolute;text-indent:-9999px;}
.pki-ui-wrapper .pki-wrapA .pki-head h1 {font-size:24px;padding:13px 0 0 0;font-weight:bold;color:#0063c8;}
.pki-ui-wrapper .pki-wrapA .pki-head h1 span {font-size:18px;font-weight:normal;color:#333;margin-left:10px;}
.pki-ui-wrapper .pki-wrapA .pki-body {padding:0 20px;}
.pki-ui-wrapper .pki-wrapA .pki-body:after {content:" ";display:block;clear:both;}
.pki-ui-wrapper .pki-wrapA .pki-body {*zoom:1;}
.pki-ui-wrapper .pki-wrapA .pki-body .logo-area img {max-width:100%;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area {border:1px solid #949494;position:relative;margin-bottom:10px;padding:10px 5px 5px 5px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .tit1 {display:inline-block;font-size:12px;background:#fff;padding:0 3px;position:absolute;left:5px;top:-8px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area > ul:after {content:" ";display:block;clear:both;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area > ul {*zoom:1;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area > ul > li {float:left;width:20%;text-align:center;*margin-left:-1px;position:relative;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area > ul > li > span {display:block;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area > ul > li > span > a {display:block;padding:50px 0 5px 0;background:url(../img/img_hd.png) center top no-repeat;letter-spacing:-1px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area > ul > li:hover > span,
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area > ul > li.on > span {background:#eeeeee;border:2px solid #999;border-color:#999 #ddd #ddd #999;border-radius:5px;}

.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer {width:180px;border:3px solid #20509f;position:absolute;left:0;top:73px;background:#fff;padding:3px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer li {text-align:left;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer a {font-size:14px;font-weight:bold;padding:5px;display:block;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer a:hover {background:#20509f;color:#fff;}

/** Default sublayer2 css  START **/
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer2 {width:320px;border:3px solid #20509f;position:absolute;left:0;top:73px;background:#fff;padding:3px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer2 {width:320px;border:3px solid #20509f;position:absolute;left:-250px;top:73px;background:#fff;padding:3px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer2 li {text-align:left;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer2 a {font-size:14px;font-weight:bold;padding:5px;display:block;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer2 a:hover {background:#20509f;color:#fff;}

.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer3 {width:320px;border:3px solid #20509f;position:absolute;left:-250px;top:73px;background:#fff;padding:3px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer3 li {text-align:left;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer3 a {font-size:14px;font-weight:bold;padding:5px;display:block;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-location-area .sub-layer3 a:hover {background:#20509f;color:#fff;}
/** Default sublayer2 css  END **/

.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area {border:1px solid #949494;margin-bottom:10px;height:140px;overflow-y:auto;background:#fff;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table {table-layout:fixed;width:100%;border-width:0;border-spacing:0;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table th {background:#f5f5f5;border-bottom:1px solid #c7c7c7;border-left:1px solid #e3e3e3;height:27px;padding:0 5px;font-weight:bold;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table td {background:#fff;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;height:23px;padding:0 5px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table td div {width:100%;padding-bottom:3px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:normal;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table td div * {vertical-align:top;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table th:first-child,
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table td:first-child {border-left:none;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table tbody tr {cursor:pointer; height:103%;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-select-area table tbody tr.on td {color:#fff;background:#6c9cda; width:auto;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area {border:1px solid #949494;padding:5px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area dl:after {content:" ";display:block;clear:both;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area dl:first-child {margin-top:0;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area dl {*zoom:1;margin-top:10px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area dl dt {display:inline-block;*display:inline;*zoom:1;width:97px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area dl dd {display:inline-block;*display:inline;*zoom:1;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area dl dd strong {color:#0078d4;margin-right:7px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area dl dd.noti {color:#986e3b;background:url(../img/ico_noti.png) left top no-repeat;padding-left:20px;height:16px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area dl dd .btn-mouse {display:inline-block;*display:inline;*zoom:1;width:29px;height:27px;background:url(../img/btn_mouse.png) center center no-repeat;text-indent:-9999px;vertical-align:middle;margin:0 0 0 5px;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area input[type="password"] {border:1px solid #0078d4;padding:0 5px;height:22px;line-height:22px;background:#fff;}
.pki-ui-wrapper .pki-wrapA .pki-body .cert-password-area .btn1 {display:inline-block;*display:inline;*zoom:1;border:1px solid #c7c7c7;width:88px;text-align:center;height:23px;line-height:21px;border-radius:3px;
    background:linear-gradient( to bottom, #fff, #e3e3e3 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 );
}
.pki-ui-wrapper .pki-wrapA .pki-bottom {text-align:center;padding:15px 0;}
.pki-ui-wrapper .pki-wrapA .pki-bottom a:first-child {margin-right:5px;}
.pki-ui-wrapper .pki-wrapA.cert-detail-layer {top:8%;margin-left:-265px;}

/* 2015-05-27 추가 */
.pki-ui-wrapper .pki-wrapA.pki-cert-view {top:8%;margin-left:-205px;}

.pki-ui-wrapper .pki-cert-view .pki-body * {font: 12px/normal Dotum, Helvetica, AppleGothic, Sans-serif;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-tab {height:23px;margin-top:25px;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-tab li {float:left;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-tab li a {display:block;height:17px;padding:5px 10px 0 10px;border:1px solid #999;border-width:1px 1px 0 1px;border-top-left-radius:6px;border-top-right-radius:6px;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-tab li a.on {border:1px solid #6c9cda;background:#6c9cda;color:#fff;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap {padding:20px;height:360px;border:2px solid #6c9cda;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-content {display:none;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-tit {font-weight:bold;font-size:12px;color:000;background:url(../img/certimg.png) left top no-repeat;height:29px;padding:5px 0 0 38px;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-box {border:1px solid #8c91a7;padding:5px;line-height:1.2;height:280px;overflow-y:auto;margin-bottom:10px;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .btn-user-noti {background: 0px; text-align: right;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .btn-user-noti button {background: url(../img/btn_bg.png) 0px #efefef; margin: 0px 2px; padding: 0px; border-radius: 6px; border: 1px solid gray; width: 100px; height: 25px; text-align: center;box-sizing: border-box;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl {border:1px solid #949494;margin-bottom:20px;background:#fff;overflow:scroll;height:260px;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table {table-layout:fixed;width:100%;border-width:0;border-spacing:0;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table th {background:#f5f5f5;border-bottom:1px solid #c7c7c7;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table th div {padding:3px 0 2px 0;font-weight:bold;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table td {background:#fff;padding:3px 2px 1px 2px;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table td img {margin-top:-3px;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table td div {width:100%;padding-bottom:1px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:normal;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table td div * {vertical-align:top;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table tbody tr {cursor:pointer;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-tbl table tbody tr.on td {color:#fff;background:#6c9cda;}
.pki-ui-wrapper .pki-cert-view .pki-body .pki-con-wrap .cert-info-box2 {border:1px solid #8c91a7;padding:5px;line-height:1.2;height:65px;overflow-y:auto;}




/* 150916 추가*/
.contents_txtbox{display:block; width:100%; height:40px; background-color:#f7f7f7; text-align:center; padding-top:20px; border-radius:5px;}

/* error 화면 추가 150930 */
/*#err-wrapper{position:absolute; width:450px; border:2px solid #1b6cc7;}
.top_head {width:100%; height:49px;font-family:'맑은 고딕',MalgunGothic,'돋움',Dotum,'굴림',Gulim,tahoma,verdana,Apple Gothic,sans-serif;background:url(../img/top.gif) no-repeat; padding:5px 0 0 10px;}
.top_head h1 {font-size:24px; padding:0;margin:0; font-weight:bold;color:#FFF; }

.pki-body{width:450px;}
.noti{width:41px; height:44px; background-image:url(../img/icn_noti.gif) no-repeat; text-align:center;font-size:15px;color:#000;font-family:'맑은 고딕',MalgunGothic,'돋움',Dotum,'굴림',Gulim,tahoma,verdana,Apple Gothic,sans-serif;}
.noti_txt{font-family:'맑은 고딕',MalgunGothic,'돋움',Dotum,'굴림',Gulim,tahoma,verdana,Apple Gothic,sans-serif;line-height:1.5;font-size:15px; text-align:center; }*/