@charset "utf-8";
@import url('hana-certify-date.css');
/* Certify Content  */

.certify-content {font-family:'NotoSans_Regular';}
.certify-content,
.certify-content *{box-sizing:border-box;}
.certify-content * {font-family:inherit;}


.certify-content h1,.certify-content h2,.certify-content h3,.certify-content h4,.certify-content h5,.certify-content h6,.certify-content strong {font-weight:normal;}

.hana-certify .text-info{color:#6e7277;line-height:23px;font-size:16px;font-family:'NotoSans_Regular';margin-bottom:50px;}
.hana-certify .text-info strong {font-family:'NotoSans_Medium';color:#27b2a5;}
.hana-certify .section1{margin-top:20px;}
.hana-certify .section1:after, .hana-certify .section2:after, .hana-certify .section2:after{clear:both;display:block;content:'';}
.hana-certify .section1 .wrap-area{display:table; width:100%;}
.hana-certify .section1 .wrap-area h4{font-size:22px; font-weight:normal; line-height:27px;color:#fefefe;margin:0 0 10px 0;letter-spacing:-0.7px;}
.hana-certify .section1 .wrap-area h4 em{color:#17a091;}
.hana-certify .section1 .wrap-area .content-block{display:table-cell;width:50%;padding:31px 35px 23px 35px;font-family:'NotoSans_Regular';}
.hana-certify .section1 .wrap-area .content-block ul, .hana-certify .section1 .content-block p{min-height:108px;}
.hana-certify .section1 .wrap-area .content-block ul li, .hana-certify .section1 .content-block p{line-height:23px;font-size:14px;color:#ffffff;letter-spacing:-0.4px;}
.hana-certify .section1 .wrap-area .left-item{background:#12a5b3 url(../img/certify/icon-certi.png) right 20px bottom 20px no-repeat;}
.hana-certify .section1 .wrap-area .right-item{background:#3187b9 url(../img/certify/icon-certi2.png) right 20px bottom 20px no-repeat;}
.hana-certify .section1 .wrap-area2{display:table; width:100%;background:#f0f0f0;padding:33px 0 29px;}
.hana-certify .section1 .wrap-area2 .box{display:table-cell; width:25%;border-left:1px solid #d5d5d5;}
.hana-certify .section1 .wrap-area2 .box:first-child{border-left:0 none;}
.hana-certify .section1 .wrap-area2 .box .text-wrap {min-height:172px; padding-left:34px; line-height:22px; font-size:14px; color:#6e7277;letter-spacing:-0.4px;}
.hana-certify .section1 .wrap-area2 .box h4{padding-top:53px;margin:0 0 10px 0;font-family:'NotoSans_Medium';font-size:18px;font-weight:normal;line-height:25px;color:#222a3b;letter-spacing:-0.4px;}
.hana-certify .section1 .wrap-area2 .box h4 em {color:#17a091;}
.hana-certify .section1 .wrap-area2 .box a{margin-left:28px;}
.hana-certify .section1 .wrap-area2 .box.item1 h4{background:#f0f0f0 url(../img/certify/icon-certi-manage.png) 0 0 no-repeat;}
.hana-certify .section1 .wrap-area2 .box.item2 h4{background:#f0f0f0 url(../img/certify/icon-certi-manage2.png) 0 0 no-repeat;}
.hana-certify .section1 .wrap-area2 .box.item3 h4{background:#f0f0f0 url(../img/certify/icon-certi-manage3.png) 0 0 no-repeat;}
.hana-certify .section1 .wrap-area2 .box.item4 h4{background:#f0f0f0 url(../img/certify/icon-certi-manage4.png) 0 0 no-repeat;}
.hana-certify .section1 .btn-link{display:inline-block;position:relative;width:100px;height:39px;line-height:35px;padding-left:25px;font-family:'NotoSans_Regular';font-size:14px;color:#1b1b1b;background:url(../img/common/btn-bg.png) 0 0 no-repeat;}
.hana-certify .section1 .btn-link:after{content:""; display:block; position:absolute;right:-25px;top:0;background:url(../img/common/btn-bg2.png) 100% 0 no-repeat;height:39px;width:32px;}
.hana-certify .section1 .btn-link span{position:absolute;right:0;top:0;}
.hana-certify .section1 .btn-link:hover{background:url(../img/common/btn-hover-bg.png) 0 0 no-repeat;}
.hana-certify .section1 .btn-link:hover:after{background:url(../img/common/btn-hover-bg2.png) 100% 0 no-repeat transparent;}

.hana-certify .section2{margin-top:30px;}
.hana-certify .section2 .box{display:inline-block;vertical-align:top;font-size:15px; line-height:23px; color:#6e7277; letter-spacing:-0.7px;}
.hana-certify .section2 .box a{display:block;width:204px;padding:20px 30px;}
.hana-certify .section2 .box a:hover{background-color:#edfffe;}
.hana-certify .section2 .box .info-text{display:block;margin-top:12px;font-size:14px;color:#6e7277;}
.hana-certify .section2 .box h4{position:relative;padding-top:72px;color:#222a3b; font-family:'NotoSans_Medium'; font-weight:normal; font-size:18px; margin:0;}
.hana-certify .section2 .box h4:after{display:block;content:'';width:50px;height:50px;position:absolute;top:0;left:0;}
.hana-certify .section2 .box .item1 h4:after{background:url(../img/certify/icon-certi-info.png) 0 0 no-repeat;}
.hana-certify .section2 .box .item2 h4:after{background:url(../img/certify/icon-certi-info2.png) 0 0 no-repeat;}
.hana-certify .section2 .box .item3 h4:after{background:url(../img/certify/icon-certi-info3.png) 0 0 no-repeat;}
.hana-certify .section2 .box .item4 h4:after{background:url(../img/certify/icon-certi-info4.png) 0 0 no-repeat;}
.hana-certify .section2 .box .item5 h4:after{background:url(../img/certify/icon-certi-info5.png) 0 0 no-repeat;}

.hana-certify .section3{margin-top:50px;}
.hana-certify .section3{padding:32px 30px 32px 43px; background-color:#f6f6f6; font-size:14px; line-height:24px; letter-spacing:-0.7px; color:#6e7277;}
.hana-certify .section3 h5{display:inline-block; position:relative;font-family:'NotoSans_Regular'; font-weight:normal; font-size:20px; color:#222a3b; line-height:40px; letter-spacing:-0.7px; margin:0 0 7px 0;}
.hana-certify .section3 h5 span{display:inline-block;width:29px;height:29px;vertical-align:top;margin:5px 5px 0 0; background:#f6f6f6 url(../img/certify/icon-key.png) 0 0 no-repeat;text-indent:-9999px;}
.hana-certify .section3 h5:after{display:block;content:'';position:absolute;right:-12px;top:11px;width:8px;height:18px;background:#f6f6f6 url(../img/certify/icon-mark.png) 0 0 no-repeat;}
.hana-certify .section3 em{color:#27b2a5;}



.my-certify-wrap {position:relative;height:15px;background:#d0d0d0;display:table;table-layout:fixed;width: 780px;margin: 70px 10px 75px;}
.my-certify-date.first {position:relative;float: left;width: 80%;height: 15px;}
.my-certify-date.last {position:relative;float: right;width: 20%;height: 15px;}
.my-certify-date .info1 {position:absolute;left:0;top: 15px;margin-top: 17px;white-space:nowrap;font-family:'NotoSans_Medium';font-size:16px;color:#333;text-align: left;}
.my-certify-date .info1 span {display:block;font-family:'NotoSans_Regular';font-size:12px;color:#a5a5a5;}
.my-certify-date .info1:after {display:block;content:'';position:absolute;left: 0px;top: -32px;background:#ef306f;width:15px;height:15px;}

.my-certify-date .info2 {position:absolute;left: 0;top: 15px;margin-top: 17px;white-space:nowrap;font-family:'NotoSans_Medium';font-size:16px;color:#333;width: 60px;margin-left: -30px;}
.my-certify-date .info2 span {display:block;font-family:'NotoSans_Regular';font-size:12px;color:#a5a5a5;}
.my-certify-date .info2:after {display:block;content:'';position:absolute;left: 50%;top: -32px;margin-left: -1.5px;background:#ff8a00;width: 3px;height:20px;}
.my-certify-date .info2 span i {display:block;width: 156px;height:15px;font-size:12px;font-family:'NotoSans_Medium';white-space:nowrap;letter-spacing:-.4px;background:#67ce98;position:absolute;left:50%;top:-32px;margin-left: 0;line-height: 15px;color: #fff;text-align: center;}

.my-certify-date .info3 {position:absolute;right: 0px;top: 15px;margin-top: 17px;white-space:nowrap;font-family:'NotoSans_Medium';font-size:16px;color:#333;text-align: right;width: 60px;}
.my-certify-date .info3 span {display:block;font-family:'NotoSans_Regular';font-size:12px;color:#a5a5a5;}
.my-certify-date .info3:after {display:block;content:'';position:absolute;right: 0px;top: -32px;background:#ef306f;width:15px;height:15px;}
.my-certify-date .today {position:absolute;width:27px;height:36px;bottom:100%;background:url(../img/certify/bg-my-certify-date-today.png) 0 0 no-repeat;text-align:center;white-space:nowrap;font-family:'NotoSans_Medium';font-size:12px;color:#fff;line-height: 26px;margin-left: -13px;left: 0;display:none;}
.my-certify-date .today span {font-size:0;line-height:0;position:absolute;}


.certificate-info {position:relative;display:table;table-layout:fixed;width:100%;padding: 34px 0 14px;}
.certificate-info:after {position:absolute;content:'';left: -5px;top: -3px;background:url(../img/certify/bg-certify-info.png) 0 0 no-repeat;width:809px;height:136px;z-index: -1;}
.certificate-info .img {display:table-cell;vertical-align:top;width:150px;text-align: center;}
.certificate-info .img span {display:block;font-size: 15px;color: #6e7277;margin-top: 10px;}
.certificate-info .name {display:table-cell;vertical-align:top;font-family:'NotoSans_Bold';color:#222a3b;font-size:18px;width: 160px;}
.certificate-info .name span {display:block;}
.certificate-info .info {display:table-cell;vertical-align:top;width: 330px;padding: 0 10px;}
.certificate-info .info p {font-size: 14px;color: #6e7277;line-height:21px;}
.certificate-info .info p strong {color:#d00100;}
.certificate-info .modify {display:table-cell;vertical-align:top;width: 160px;}
.certificate-info .modify a {display: block;font-size:14px;text-align:center;border-radius:3px;line-height:34px;width: 135px;height: 37px;/* float: right; */text-decoration: none !important;}
.certificate-info .modify .password {border:1px solid #27b2a5;color:#27b2a5;}
.certificate-info .modify .password:hover, .certificate-info .modify .password:focus{background-color: #e2faf7;}
.certificate-info .modify .delete {border:1px solid #c1c1c1;color:#6e7277;margin-top: 4px;}
.certificate-info .modify .delete:hover,.certificate-info .modify .delete:focus{background-color: #eee;border:1px solid #a5a5a5;}

.certificate-detail-list {margin-top: 60px;}
.certificate-detail-list > ul {}
.certificate-detail-list > ul:after {display:block;content:'';clear:both;}
.certificate-detail-list > ul > li {position:relative;width:400px;height:236px;float:left;}
.certificate-detail-list > ul > li a {position:relative;display:block;color:#fff;text-decoration:none !important;width:400px;height:236px;padding: 27px 10px 10px 40px;}
.certificate-detail-list > ul > li a .default-cont {height:auto;overflow:visible;display:block;}
.certificate-detail-list > ul > li a .hover-cont {height:0;overflow:hidden;position:relative;overflow: hidden;display: block;}
.certificate-detail-list > ul > li.hover-active a:hover,.certificate-detail-list > ul > li.hover-active a:focus {padding:57px 10px 10px 30px;}
.certificate-detail-list > ul > li a:hover .hover-cont,.certificate-detail-list > ul > li a:focus .hover-cont {display:block;height:100%;position:absolute;left: 157px;top: 55px;}
.certificate-detail-list > ul > li.list2 a:hover .hover-cont,.certificate-detail-list > ul > li.list2 a:focus .hover-cont {display:block;height:100%;position:absolute;left: 127px;top: 55px;}

.certificate-detail-list > ul > li a:hover .default-cont,.certificate-detail-list > ul > li a:focus .default-cont {height:0;overflow:hidden;position:relative;overflow: hidden;}

.certificate-detail-list > ul > li a br.br-hover {display:none;}
.certificate-detail-list > ul > li a:hover br.br-hover,.certificate-detail-list > ul > li a:focus br.br-hover {display:inline;}

.certificate-detail-list > ul > li a > strong {display:block;position:relative;font-family:'NotoSans_Light';font-size:24px;line-height:27px;margin-bottom: 40px;}
.certificate-detail-list > ul > li.hover-active a:hover > strong,.certificate-detail-list > ul > li.hover-active a:focus > strong {float:left;font-size:20px;line-height:20px;}
.certificate-detail-list > ul > li.hover-active a:hover > strong:after,.certificate-detail-list > ul > li.hover-active a:focus > strong:after {display:block;content:'';position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#fff;}

.certificate-detail-list > ul > li a span {display:block;font-size:14px;line-height:22px;}
.certificate-detail-list > ul > li a span .num {font-family:'NotoSans_Bold';color:#c7e3ef;display: block;width: 22px;float:left;}
.certificate-detail-list > ul > li a span .num + strong {display:block;margin-left:25px;}

.certificate-detail-list > ul > .list1 a:after {display:block;content:'';position:absolute;left: -7px;top: -1px;width:418px;height:254px;background:url(../img/certify/bg-cert-list1.png) 0 0 no-repeat;z-index: -2;}
.certificate-detail-list > ul > .list1 a:hover:after, .certificate-detail-list > ul > .list1 a:focus:after {display:block;content:'';position:absolute;left: -7px;top: -1px;width:418px;height:254px;background:url(../img/certify/bg-cert-list1-active.png) 0 0 no-repeat;z-index:-1;}
.certificate-detail-list > ul > .list2 a:after {display:block;content:'';position:absolute;left:0;top:0;width:400px;height:236px;background:url(../img/certify/bg-cert-list2.png) 0 0 no-repeat;z-index: -2;}
.certificate-detail-list > ul > .list2 a:hover:after, .certificate-detail-list > ul > .list2 a:focus:after {display:block;content:'';position:absolute;left: -7px;top: -1px;width: 418px;height: 254px;background:url(../img/certify/bg-cert-list2-active.png) 0 0 no-repeat;z-index:-1;}
.certificate-detail-list > ul > .list3 a:after {display:block;content:'';position:absolute;left: -6px;top: -11px;width: 422px;height: 258px;background:url(../img/certify/bg-cert-list3.png) 0 0 no-repeat;z-index:-2;}
.certificate-detail-list > ul > .list3 a:hover:after, .certificate-detail-list > ul > .list3 a:focus:after {display:block;content:'';position:absolute;left: -7px;top: -11px;width: 423px;height: 264px;background:url(../img/certify/bg-cert-list3-active.png) 0 0 no-repeat;z-index:-1;}
.certificate-detail-list > ul > .list4:after {display:block;content:'';position:absolute;left: -15px;top: -13px;width: 416px;height: 252px;background:url(../img/certify/bg-cert-list4.png) 0 0 no-repeat;z-index: -2;}
.certificate-detail-list > ul > .list4 .first:hover:after,.certificate-detail-list > ul > .list4 .first:focus:after {display:block;content:'';position:absolute;left:0;top:0;width:201px;height:236px;background:url(../img/certify/bg-cert-list4-left-active.png) 0 0 no-repeat;z-index:-1;}
.certificate-detail-list > ul > .list4 .last:hover:after,.certificate-detail-list > ul > .list4 .last:focus:after {display:block;content:'';position:absolute;left:0;top:0;width:199px;height:236px;background:url(../img/certify/bg-cert-list4-right-active.png) 0 0 no-repeat;z-index:-1;}

.certificate-detail-list ul .list4 a {padding: 25px 10px 10px 10px;text-align:center;}
.certificate-detail-list ul .list4 .first {float:left;position:relative;display:block;width:201px;height:236px;}
.certificate-detail-list ul .list4 .last {float:left;position:relative;display:block;width:199px;height:236px;}
.certificate-detail-list ul .list4 a > strong {font-family:'NotoSans_Light';font-size:14px;margin-bottom: 90px;}
.certificate-detail-list ul .list4 a .detail {display:block;}
.certificate-detail-list ul .list4 a .detail .pctosmart {font-family:'NotoSans_Medium';color:#222a3b;font-size:18px;line-height:25px;display: block;}
.certificate-detail-list ul .list4 a .detail .pctosmart em {color:#17a091;}
.certificate-detail-list ul .list4 a .detail .pctosmart i {display:inline-block;font-size:0;line-height:0;height:25px;width:17px;background: url(../img/certify/bul-arrow-pctosmart.png) center center no-repeat;vertical-align: top;}
.certificate-detail-list ul .list4 a .detail .description {display:block;font-family:'NotoSans_Light';font-size:14px;color:#6e7277;line-height:21px;margin-top: 5px;}


.certificate-detail-list-row {margin-top:27px;margin-bottom: 15px;}
.certificate-detail-list-row ul:after {display:block;content:'';clear:both;}
.certificate-detail-list-row ul li {float:left;width:400px;height:126px;}
.certificate-detail-list-row ul li a {display:block;width:400px;height:126px;padding: 30px 10px 10px 20px;text-decoration:none !important;}
.certificate-detail-list-row ul li a:hover,.certificate-detail-list-row ul li a :focus {background:#e6e6e6;}
.certificate-detail-list-row ul li a .img {display:block;width:80px;text-align:center;float:left;}
.certificate-detail-list-row ul li a .detail {margin-left:80px;display:block;letter-spacing: -.7px;}
.certificate-detail-list-row ul li a .detail strong {font-family:'NotoSans_Medium';color:#222a3b;font-size:18px;line-height: 19px;}
.certificate-detail-list-row ul li a .detail strong span {font-size:0;line-height:0;display: inline-block;width:19px;height: 19px;background:url(../img/certify/bul-cert-detail-row-important.png) 0 0 no-repeat;vertical-align: top;margin-left: 5px;}
.certificate-detail-list-row ul li a .detail .description {display:block;font-family:'NotoSans_Light';font-size:14px;color:#6e7277;line-height:21px;margin-top:10px;}

.safe-center {padding-top:50px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.safe-center:after {display:block;content:'';clear:both;}
.safe-center a {display:block;width:180px;float:left;font-family:'NotoSans_Light';font-size:30px;color:#222a3b;line-height:34px;text-decoration:none !important;padding:0 0 30px 20px;}
.safe-center a:after {display:block;content:'';background:url(../img/certify/btn-certify-safe-center.png) 0 0 no-repeat;width:30px;height:30px;margin-top:10px;}
.safe-center ul {margin-left:180px;}
.safe-center ul li {position:relative;padding-left:20px;font-family:'NotoSans_Light';font-size:14px;color:#6e7277;line-height:24px;}
.safe-center ul li:after {display:block;content:'';background:url(../img/certify/bul-certify-safe-center-list.png) center center no-repeat;width:11px;height:24px;position:absolute;left:0;top:0;}

.certificate-notice {padding:40px;background:#f8f8f8;margin-top: 60px;}
.certificate-notice .tit {display:block;font-size:20px;color:#222a3b;margin-bottom:15px;}
.certificate-notice p {font-family:'NotoSans_Light';font-size:14px;color:#6e7277;line-height:24px;letter-spacing:-.7px;}
.certificate-notice p strong {color:#27b2a5;}

.certificate-faq {position:relative;margin-top: 80px;}
.certificate-faq .tit {font-family:'NotoSans_Medium';color:#222a3b;font-size:24px;line-height:28px;margin:0;padding:0;border-bottom: 0;}
.certificate-faq .faq-input-wrap:after {display:block;content:'';clear:both;}
.certificate-faq .faq-input-wrap {position:relative;margin-top: 10px;}
.certificate-faq .faq-input-wrap .faq-input {position:relative;float:left;width:456px;height:40px;}
.certificate-faq .faq-input-wrap .faq-input input[type="text"] {display:block;width:100%;height: 100% !important;font-size:16px;line-height:20px;padding: 5px 4px !important;border:1px solid #eaeaea;background-color:#f5f5f5;font-family:'NotoSans_Light';}
.certificate-faq .faq-input-wrap .faq-input button {display:block;position:absolute;right: 10px;top: 5px;background:url(../img/certify/btn-cert-faq.png) center center no-repeat;width:30px;height:30px;}
.certificate-faq .faq-input-wrap .faq-result {display:block;position:absolute;right:0;bottom:0;font-family:'NotoSans_Light';font-size:16px;color:#222a3b;}
.certificate-faq .faq-input-wrap .faq-result em {color:#27b2a5;}
.certificate-faq .faq-cert-list {margin-top:15px;border-top:1px solid #838383;}
.certificate-faq .faq-cert-list > li {border-bottom: 1px solid #d7d7d7;}
.certificate-faq .faq-cert-list > li dl {}
.certificate-faq .faq-cert-list > li dl i {color:#27b2a5;}
.certificate-faq .faq-cert-list > li dl .qa {display:block;position:absolute;left: 20px;top: 19px;font-size:0;line-height:0;text-indent:-9999px;}
.certificate-faq .faq-cert-list > li dt {position:relative;}
.certificate-faq .faq-cert-list > li dt a {display:block;padding: 17px 40px 19px 45px;font-family:'NotoSans_Light';font-size:16px;color:#222a3b;line-height:20px;position: relative;z-index: 1;}
.certificate-faq .faq-cert-list > li dt .qa {background:url(../img/certify/bul-cert-faq-q.png) 0 0 no-repeat;width:18px;height:19px;}
.certificate-faq .faq-cert-list > li dd {height:0;overflow:hidden;position:relative;background:#fafafa;}
.certificate-faq .faq-cert-list > li dd * {margin:0;}
.certificate-faq .faq-cert-list > li dd .qa {background:url(../img/certify/bul-cert-faq-a.png) 0 0 no-repeat;width:18px;height:19px;}
.certificate-faq .faq-cert-list > li dt:after {display:block;content:'';position:absolute;right: 20px;top: 50%;margin-top: -5px;background:url(../img/certify/bul-cert-faq-close.png) 0 0 no-repeat;width:16px;height:9px;z-index: 0;}
.certificate-faq .faq-cert-list > li dt.active {background:#fafafa;}
.certificate-faq .faq-cert-list > li dt.active a{font-family:'NotoSans_Regular';}
.certificate-faq .faq-cert-list > li dt.active + dd {height:auto;overflow:visible;position:relative;padding: 17px 40px 19px 45px;}
.certificate-faq .faq-cert-list > li dt.active:after {background: url(../img/certify/bul-cert-faq-open.png) 0 0 no-repeat;width:16px;height:9px;}
.certificate-faq .paging {box-sizing:content-box !important;}
.certificate-faq .paging * {box-sizing:content-box !important;padding-top:0;}

.faq-cert-list-noresult {margin-top:14px;border-top:1px solid #838383;border-bottom:1px solid #d7d7d7;padding: 60px;}
.faq-cert-list-noresult strong {font-family:'NotoSans_Light';font-size:16px;line-height:20px;color: #222a3b;margin-bottom: 10px;display: block;}
.faq-cert-list-noresult ul.text-icon-check li {font-size:14px;}

.certificate-detail-list-row.ver2 ul li {float:left;width: 266px;height: auto;}
.certificate-detail-list-row.ver2 ul li a {display:block;width: 266px;height: 132px;padding: 30px 10px 10px 0;text-decoration:none !important;}