@charset "UTF-8";
/* @import url("/layouts/ssda/fonts/NanumMyeongjo/NanumMyeongjo.css"); */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap');

#certificate_viewer{position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:none;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#certificate_viewer .viewer{position:relative;margin:0;border-radius:10px;max-width:calc(100% - 30px);max-height:calc(100% - 30px);width:1200px;height:1500px;background-color:#ffffff;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:column;}
#certificate_viewer .viewer .header{position:relative;margin:0;padding:0 15px;height:50px;flex-shrink:0;background-color:#333333;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#certificate_viewer .viewer .header .title{position:relative;margin:0;padding:0;font-size:18px;font-weight:500;color:#ffffff;font-weight:500;line-height:1.2;flex-grow:1;}
#certificate_viewer .viewer .header .close{position:relative;right:-15px;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;width:50px;height:50px;font-size:0;color:transparent;cursor:pointer;background-color:transparent;background-image:url(../img/certificate_viewer/icon_close.png);background-size:50%;background-repeat:no-repeat;background-position:center center;}
#certificate_viewer .viewer .function{position:relative;margin:0;padding:0 15px;height:60px;flex-shrink:0;border-bottom:1px solid #edecec;background-color:#f5f5f5;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-end;column-gap:10px;box-sizing:border-box;}
#certificate_viewer .viewer .function .button{position:relative;display:block;margin:0;padding:0 10px;border:0;border-radius:5px;border:0;-webkit-appearance:none;height:40px;font-size:16px;font-weight:500;line-height:1.2;color:#ffffff;white-space:nowrap;box-sizing:border-box;cursor:pointer;transition:background-color ease 250ms;background-color:#014099;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#certificate_viewer .viewer .function .button:before{content:"";display:block;width:40px;height:40px;background-size:50%;background-repeat:no-repeat;background-position:center center;flex-shrink:0;}
#certificate_viewer .viewer .function .button.type_print:before{background-image:url(../img/certificate_viewer/icon_print.png);}
#certificate_viewer .viewer .function .button.type_download:before{background-image:url(../img/certificate_viewer/icon_download.png);}
#certificate_viewer .viewer .content{position:relative;height:100%;overflow:auto;padding:30px;}

.certificate * {font-family: "Nanum Myeongjo", serif;}

#certificate_viewer .certificate{position:relative;container-type:inline-size;max-width:800px;margin:0 auto;}
#certificate_viewer .certificate:before{content:"";display:block;padding-bottom:141.2%;}
#certificate_viewer .certificate .certificate_bg{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;}
#certificate_viewer .certificate .certificate_bg img{position:relative;margin:0;display:block;width:100%;}
#certificate_viewer .certificate .certificate_content{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}
#certificate_viewer .certificate .certificate_content .info{position:absolute;left:50%;top:31.5%;transform:translateX(-50%);width:60%;font-size:28px;color:#000000;}
#certificate_viewer .certificate .certificate_content .info .item{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;line-height:1.5;}
#certificate_viewer .certificate .certificate_content .info .item.certificate_number{position:absolute;top:-16%;left:-13%;font-size:22px;font-weight:900;}
#certificate_viewer .certificate .certificate_content .info .item.certificate_title{justify-content:center;margin-top:5px !important;margin-bottom:20px;font-size:2em;font-weight:900;}
#certificate_viewer .certificate .certificate_content .info .item.certificate_title .title{display:flex;justify-content:space-between;width:210px;}
#certificate_viewer .certificate .certificate_content .info .item .title{position:relative;flex-shrink:0;}
#certificate_viewer .certificate .certificate_content .info .item p{margin:0;}
#certificate_viewer .certificate .certificate_content .info .item .colon{width:25px;text-align:center;}
#certificate_viewer .certificate .certificate_content .info .item .value{position:relative;flex:1;}
#certificate_viewer .certificate .certificate_content .info .item + .item{margin-top:10px;}
#certificate_viewer .certificate .certificate_content .info .item.certificate_title ~ .item .title{display:flex;justify-content:space-between;width:115px;}
#certificate_viewer .certificate .certificate_content .confirm{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);width:100%;font-size:28px;color:#000000;line-height:1.5;text-align:center;}
#certificate_viewer .certificate .certificate_content .date{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);width:100%;font-size:28px;color:#000000;line-height:1.5;text-align:center;font-family: "Nanum Myeongjo", serif;}
#certificate_viewer .certificate .certificate_result{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;}
#certificate_viewer .certificate .certificate_result img{position:relative;margin:0;display:block;width:100%;}

#certificate_print{position:relative;margin:0 auto;padding:0;display:none;}

@media all and (max-width:1000px){
	#certificate_viewer .viewer{max-width:100%;max-height:100%;border-radius:0;}
	#certificate_viewer .viewer .content{padding:15px;}
}