@charset "utf-8";
/* CSS Document */

html.popWin{ overflow-x:auto;}
.popWin body{ font-family:sans-serif;}
.popWin body .con_wrap{ cursor:default;}
.popWin body .flex.ac{ align-items:center; justify-content:center; text-align:center;}

.pop_page_print{ min-width:700px; position: relative;}
.pop_page_print + .pop_page_print{ margin-top:2em;}
.pop_page_print span,
.pop_page_print strong,
.pop_page_print b,
.pop_page_print i{ vertical-align:baseline;}
.pop_page_print b{ font-weight:bold;}
.pop_page_print .p1{ padding:1.75em 2em;}
.pop_page_print .line{ display:block; margin:1em 0; height:0; border-style:solid; border-color:#ddd; border-width:0 0 1px 0;}
.pop_page_print .line:first-child{ margin-top:0;}
.pop_page_print .line:last-child{ margin-bottom:0;}
.pop_page_print .line.dot{ border-style:dashed; border-color:#ccc;}
.pop_page_print .line + *{ margin-top:0 !important;}

.pop_page_print .printT{ background:#f5f5f5;}
.pop_page_print .printT .in{ height:2.25em;}
.pop_page_print .printT .in .tt{ font-size:.750em; letter-spacing:1em; text-indent:1em;}

.pop_page_print .printC{ position: relative;}
.pop_page_print .printC .noprint{ position: absolute; top: 0; right: 0;}
.pop_page_print .printC .title{ text-align:center;}
.pop_page_print .printC .title .tt{ font-size:2.250em; font-weight:bold;}
.pop_page_print .printC .con_wrap{ margin-top:1.625em;}
.pop_page_print .printC .con_tit{ margin-bottom:.5em;}
.pop_page_print .printC .con_tit .tt{ font-weight:bold;}

.pop_page_print .print_table{ width:100%;}
.pop_page_print .print_table th,
.pop_page_print .print_table td{ padding:.5em 1em; border:1px solid #000;}
.pop_page_print .print_table th:not(.al){ padding:.5em .5em;}
.pop_page_print .print_table th,
.pop_page_print .print_table td{ font-size:.813em;}
.pop_page_print .print_table th{ background:#f8f8f8; font-weight:bold;}
.pop_page_print .print_table.st2 th,
.pop_page_print .print_table.st2 td{ font-size:1em;}
.pop_page_print .print_table.st2 th{ background:#f8f1eb;}
.pop_page_print .print_table + .print_table{ margin-top:1.25em;}
.pop_page_print .print_table .total td{ background:#e0ebf7;}

.pop_page_print .printB{}
.pop_page_print .txt_wrap{ border:1px solid #aaa; padding:1.25em; line-height:1.6;}
.pop_page_print .txt_wrap .tt:not(:first-child){ margin-top:.5em;}
.pop_page_print .txt_wrap .t1{ font-size:.938em;}
.pop_page_print .txt_wrap .t2{ font-size:.813em;}
.pop_page_print .txt_wrap .t3{ font-size:1.500em; font-weight:bold;}
.pop_page_print .ex_tt{ font-size:.750em;}
.pop_page_print .ex_tt:not(:first-child){ margin-top:1em;}
.pop_page_print .url_tt{ font-weight:bold;}
.pop_page_print .url_tt:not(:first-child){ margin-top:1.25em;}

.pop_page_print .sign{ position:relative;}
.pop_page_print .sign:not(.flex){ display:inline-block;}
.pop_page_print .sign .stamp{ position:absolute; left:100%; top:50%; width:4rem; transform:translate(-20%, -50%);}
.pop_page_print .sign .stamp img{ width:100%;}

.pop_page_print .print_table .txt_wrap{ padding:1em 0; border:none;}
.pop_page_print .print_table .sign{ min-height:4em;}
.pop_page_print .print_table .sign .stamp{ left:50%; transform:translate(-50%, -50%);}

.pop_page_print .certi_view{ padding:1.75em 2em;}
.pop_page_print .certi_view .inner{ position:relative; padding:4em 4em; border:3px solid rgba(0,0,0,.6); text-align:center;}
.pop_page_print .certi_view .inner .certi_frame:before{ content:""; display:block; position:absolute; top:3px; bottom:3px; left:3px; right:3px; border:1px solid rgba(0,0,0,.4);}
.pop_page_print .certi_view .inner .certi_frame .posC{ position:absolute; top:50%; left:50%; width:65%; transform:translate(-50%,-50%);}
.pop_page_print .certi_view .inner .certi_frame .posC img{ width:100%; opacity:.05;}
.pop_page_print .certi_view .inner .certi_frame .pos{ position:absolute; width:5em;}
.pop_page_print .certi_view .inner .certi_frame .pos img{ width:100%; opacity:.4;}
.pop_page_print .certi_view .inner .certi_frame .pos.posT{ top:10px;}
.pop_page_print .certi_view .inner .certi_frame .pos.posB{ bottom:10px;}
.pop_page_print .certi_view .inner .certi_frame .pos.posL{ left:10px;}
.pop_page_print .certi_view .inner .certi_frame .pos.posR{ right:10px;}
.pop_page_print .certi_view .inner .certi_frame .pos.st1{}
.pop_page_print .certi_view .inner .certi_frame .pos.st2{ transform:rotateY(180deg);}
.pop_page_print .certi_view .inner .certi_frame .pos.st3{ transform:rotateX(180deg);}
.pop_page_print .certi_view .inner .certi_frame .pos.st4{ transform:rotate(180deg);}

.pop_page_print .certi_view .certi_con{ position:relative; z-index:2;}
.pop_page_print .certi_view .cer_logo{ margin-bottom:2em; text-align:left;}
.pop_page_print .certi_view .cer_logo img{ width:10em;}
.pop_page_print .certi_view .cer_txt{ margin-top:2.75em;}
.pop_page_print .certi_view .cer_txt.line{ padding-top:2.75em; border-top:1px dashed #ccc;}
.pop_page_print .certi_view .cer_txt > .sec{ margin-top:1.375em;}
.pop_page_print .certi_view .cer_txt > .sec:first-child{ margin-top:0;}
.pop_page_print .certi_view .cer_txt.flex > .con{}
.pop_page_print .certi_view .cer_txt .tt{ line-height:1.8;}
.pop_page_print .certi_view .tt{}
.pop_page_print .certi_view .t1{ font-size:2.000em;}
.pop_page_print .certi_view .t2{ font-size:4.000em; font-weight:bold;}
.pop_page_print .certi_view .t3{ font-size:1.125em;}
.pop_page_print .certi_view .t4{ font-size:1.250em;}
.pop_page_print .certi_view .t5{ font-size:.875em; color:#555;}
.pop_page_print .certi_view .tt.id{ font-style:italic; font-size:2.750em; line-height:1.2;}
.pop_page_print .certi_view .sign{ width:12em; padding-bottom:1em; border-bottom:1px solid #444;}
.pop_page_print .certi_view br{ display:none;}


.pop_page_print .mypage_box {padding-top: 0;}
.pop_page_print .mypage_box .title_wrap {margin-bottom: 0.5rem;}
.pop_page_print .mypage_box .title_wrap .mypageTT {font-size: 1em; font-weight: 700; padding-left: 18px;}
.pop_page_print .mypage_box .title_wrap .mypageTT:before {width: 14px; height: 14px;}
.pop_page_print .title.st2 {border-bottom: 2px solid #000; padding-bottom: 1em;}
.pop_page_print .print_table.st3 th, 
.pop_page_print .print_table.st3 td {border: 1px solid #ddd;}
.pop_page_print .print_table.st3 th {background-color: #f8f8f8;}
.pop_page_print .print_select { font-size: 0.813em;}
.pop_page_print .bg_logo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.pop_page_print .bg_logo .img_wrap {width: 12.5em; filter: grayscale(1) brightness(1); opacity: 0.15;}
.pop_page_print .s_tt {color: #777; font-size: 0.785em; margin-top: 0.5rem;}



    .pop_page_print{ width: 60%; margin: 0 auto;}
    .pop_page_print .print_inner{ }
    .pop_page_print .print_inner .tit{ font-size: 2.15rem; font-weight: 700; margin: 1.5rem 0 1rem 0; text-align: center;}
    .pop_page_print .print_inner .board_st2{ border: 2px solid #333;}
    .pop_page_print .print_inner .board_st2 td.Bcolor{ background: #f1f1f1; font-weight: 600;}
    .pop_page_print .print_inner .board_st2 th,
    .pop_page_print .print_inner .board_st2 td{ border: 1px solid #ccc; padding: .2em 1.5em; font-size: .938em;}
    .pop_page_print .print_inner .chkList{ display: flex; align-items: center; gap: 1rem;}
    .pop_page_print .print_inner .chkList > li{ flex: 1;}
    .pop_page_print .print_inner .chkList > li > .con{ display: flex; align-items: center; gap: .5rem;}
    .pop_page_print .print_inner .chkList > li > .con .squ{ width: 1.25rem; height: 1.25rem; border: 1px solid #333;}
    .pop_page_print .print_inner .chkList > li > .con .squ.chk{ background: #333;}
    .pop_page_print .print_inner .date{ font-size: 1.415rem; font-weight: 600; margin-top: 1.5rem;}
    .pop_page_print .print_inner .form{ position:relative; display: flex; align-items: end; gap: .25rem; margin-top: 1rem;}
    .pop_page_print .print_inner .form .tt{ font-size: 1.515rem; font-weight: 700;}
    .pop_page_print .print_inner .form .in{ font-size: 1.15rem; font-weight: 500; margin-right: 2rem;}
    .pop_page_print .print_inner .form .stpImg{ position: absolute; right: 0; top: -1.25rem; width: 4rem; height: 4rem;}
    .pop_page_print .print_inner .form .stpImg > img{ width: 100%; height: 100%; object-fit: contain;}


@page{ size:auto; margin:0 0;}
@media print {
	html{ }
    img { -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact; /* Firefox */
    }
	.noprint{ display:none;}
	.printBreak{ page-break-before:always;}
	.popWin .pop_page_print{ page-break-before:always; margin: auto;}
	.popWin .pop_page_print:first-child{ page-break-before:avoid;}	
	
	.pop_page_print .certi_view{ padding:10mm 10mm;}
	.pop_page_print .certi_view .inner{ position:relative; padding:17mm 17mm; height:calc(100vh - 20mm); box-sizing:border-box;}
	.pop_page_print .certi_view .certi_con{ display:flex; flex-direction:column; height:100%;}
	.pop_page_print .certi_view .certi_con > *{ width:100%;}
	.pop_page_print .certi_view .certi_con > .cer_txt:last-child{ margin-top:auto;}	
	.pop_page_print .print_table.st3 th {background-color: #f8f8f8;}

    .pop_page_print .print_inner .board_st2 td.Bcolor{ background-color: #f1f1f1;}
    .pop_page_print .print_inner .chkList > li > .con .squ.chk{ background-color: #333;}
}

@media screen and (max-width:425px){
	
 .pop_page_print{/*  min-width: 100%; width: 100%; */}
.pop_page_print{ min-width: 460px;}
 .print_certificate_wrapper .guide_list_wrap,
 .print_certificate_wrapper .guide_list_wrap .guideImg{ /* width: 100%; */ width: 425px;}
 .guide_list_wrap .guideInfo{ padding: 60px;}
 .guide_list_wrap .guideInfo > .tit{ font-size: 30px;}
.guide_list_wrap .guideInfo .infoList > li > .con{ font-size: 13px;}
.guide_list_wrap .guideInfo > .desc{ font-size: 13px;}
 #Numeber > .tt{ font-size: 13px;}
 .guide_list_wrap .guideInfo > .Mark_wrap{ bottom: 70px;}
 .guide_list_wrap .guideInfo > .certi_date{ font-size: 13px;}
 .guide_list_wrap .guideInfo > .Mark_wrap{ gap: 3.5em;}
}
@media screen and (max-width:340px){
.pop_page_print{ min-width: 340px;}
.print_certificate_wrapper .guide_list_wrap,
.print_certificate_wrapper .guide_list_wrap .guideImg{ /* width: 100%; */ width: 340px;}

.guide_list_wrap .guideInfo > .tit{ font-size: 24px;}
.guide_list_wrap .guideInfo .infoList > li > .con{ font-size: 11px;}
.guide_list_wrap .guideInfo > .desc{ font-size: 11px;}
#Numeber > .tt{ font-size: 11px;}
.guide_list_wrap .guideInfo > .certi_date{ font-size: 11px;}
.guide_list_wrap .guideInfo > .Mark_wrap{ gap: 1em; bottom: 50px;}
.guide_list_wrap .guideInfo > .Mark_wrap .left .img, .guide_list_wrap .guideInfo > .Mark_wrap .right .img{ height: 70px;}
}