@page{size:210mm 297mm;margin:8mm 0}

:root{
	--font-grey:#555;
	--color-grey:#cdcdcd;
	--color-grey-light:#f3f3f3;
	--color-grey-light-x:#fbfbfb;
	--color-red:#d83939;
	--color-green:#37d96a;
	--color-blue:#2294ff;
	--font-size-sm:.75rem;
	--font-size-md:1.2rem
}

.is-red{color:var(--color-red)}
.is-bold{font-weight:600}
section.content{page-break-after:always}

.print{font-family:'Pretendard',sans-serif;width:210mm;padding:5mm 15mm;margin:0 auto;font-size:16px}
.print *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}

.print .title-bar,
.print .title-bar .item{display:-webkit-box;display:-ms-flexbox;display:flex}

.print .title-bar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-grey-light);padding:4mm;line-height:1;border-radius:1mm}
.print .title-bar h3{margin:0 auto 0 0}
.print .title-bar .item{font-size:var(--font-size-sm);margin-right:5mm}
.print .title-bar .item:last-child{margin-right:0}
.print .title-bar .item .title{margin-right:2mm}

.print .box h4 b,
.print .table-container h2 b,
.print .title-bar .item .value{font-weight:600}

.print .page-top-title{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:10mm}
.print .page-top-title .page-title .logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:7mm}
.print .page-top-title .page-title .logo img{display:block;width:1.2cm;margin-right:1.5mm}
.print .page-top-title .page-title .logo span{font-size:.9rem}
.print .page-top-title .page-title h1{font-size:2.3rem;font-weight:700;margin:0;line-height:1.2}

.print .page-top-title,
.print .page-top-title .page-title .logo,
.print .page-top-title .profile{display:-webkit-box;display:-ms-flexbox;display:flex}

.print .page-top-title .profile .photo img{display:block;width:1.8cm;height:1.8cm;-o-object-fit:cover;object-fit:cover;border-radius:2mm}

.print .page-top-title .profile ul,
.print .page-top-title .profile ul li{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}

.print .page-top-title .profile ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:1mm 4mm;list-style:none;line-height:1;border-left:3px solid #000}
.print .page-top-title .profile ul li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:.9rem}
.print .page-top-title .profile ul li.name{font-weight:700;font-size:1.1rem;line-height:1.2}

.print table{width:100%;margin:5mm 0;border-spacing:1px;background-color:#aaa;border:0}

.print .box dl:last-child,.print .box table:last-child,.print table:last-child{margin-bottom:0}

.print table.has-text-small{font-size:.85rem}
.print table.mt-0{margin-top:0}
.print table.m-1{margin:5mm 0}
.print table caption{-moz-text-align-last:left;text-align-last:left;margin-bottom:2mm;font-weight:500}
.print table th{background-color:var(--color-grey-light);font-size:var(--font-size-sm);padding:2mm 0;font-weight:300;line-height:1}
.print table td{background-color:#fff;text-align:center;padding:2mm 1mm}

.print table td .score,
.print ul.process+p{font-size:var(--font-size-md);word-break:keep-all}

.print table td .score{font-weight:600;line-height:1.4}
.print table td p{padding:0 5mm}
.print table td .tag{background-color:var(--color-green);color:#fff;padding:3px;border-radius:1mm;font-weight:700;font-size:.7rem;white-space:nowrap}
.print table td .tag.is-danger{background-color:var(--color-red)}

.print table td p,
.print table td.title{text-align:left;word-break:keep-all;line-height:1.5}

.print table td.has-text-left{text-align:left;padding-left:3mm}
.print table td.date{font-size:var(--font-size-sm);color:var(--font-grey);white-space:nowrap}
.print table td.log{font-size:var(--font-size-sm);text-align:left;word-break:keep-all}

.print .table-container{margin-top:20mm}
.print .table-container h2{border-top:2px solid #000;padding-top:5mm;font-size:var(--font-size-md);font-weight:400;line-height:1}
.print .table-container .comment{background-color:var(--color-grey-light-x);padding:5mm;text-align:center;border-radius:3mm;margin-top:8mm}
.print .table-container .comment p{line-height:1.5;margin:0}

.print .comment{text-align:center;border-radius:3mm;margin:15mm 0}
.print .comment p{font-size:var(--font-size-md);margin:0 0 2mm}

.print .double-chart-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}
.print .double-chart-container .container{width:50%;padding:5mm}

.print hr{margin:15mm 0;height:.5mm;background-color:#000;border:0}

.print ul.process{padding:0;list-style:none}
.print ul.process li{border:1px solid var(--color-grey);border-radius:1mm;margin-bottom:2mm;padding:3.5mm 3mm;line-height:1}

.print ul.process+p{display:inline-block;margin-top:3mm}
.print ul.process+p b{margin-top:1mm}

.print .underline{position:relative;display:inline-block}
.print .underline::after{position:absolute;bottom:-1px;left:0;display:block;content:"";background-color:#d9ff51;height:2mm;width:100%;z-index:1;mix-blend-mode:multiply}

.print .chart-container{padding:0 20mm}

.print .box{border:1px solid #000;border-radius:1mm;padding:7mm;margin:5mm 0}

.print .box dl dd,
.print .box h3{margin:0}.print .box h4{margin:0;font-weight:400}

.print .box dl,
.print .box h4+p{font-size:13px;border-left:3px solid #000;padding-left:3mm}

.print .box h4+p b{color:var(--color-red)}
.print .box p{line-height:1.5}
.print .box dl{font-size:14px;margin-bottom:5mm}
.print .box dl dt{font-weight:600;margin-bottom:2mm}



/*ÇнÀ¼öÁØ Á¤¹ÐÁø´Ü °á°ú È®ÀÎ ½ºÅ¸ÀÏ Àç¼³Á¤ -- °øÅë*/
.learning-result-title1 {color: #fff; padding: 8px 20px !important; border: 0 !important; background: #6182d6 !important; border-radius: 6px;}
.learning-result-title2 {color: #fff; padding: 8px 20px !important; border: 0 !important; background: #16c684 !important; border-radius: 6px;}
.la-print {font-size: 22px;}

.scoring_alert {margin: 2rem 0;}

/*ÇнÀ¼öÁØ Á¤¹ÐÁø´Ü °á°ú È®ÀÎ -- ±¹¾î, ¼öÇÐ*/
.lang-box tbody.flex-box {display: flex;justify-content: space-between; gap: 5mm; width: 100%;}
.lang-box tbody tr.flex-box {display: flex;flex-direction: column;gap: 5mm; width: 50%;}

.lang-box .print_result_container {padding:0; border:0;}

.lang-box .print_result_container.type01 {margin-top:-3mm;}
.lang-box .print_result_container.type01 table th {width: calc(30rem - 24rem);}
.lang-box .print_result_container.type01 table th {text-align: center; background: #f5f5f5;}
.lang-box .print_result_container.type01 table th,
.lang-box .print_result_container.type01 table td {font-size:0.9rem}
.lang-box .print_result_container.type01 table td {width: 12rem;}

.lang-box .notification .noti-text {font-size: 1rem;}
.lang-box .notification .noti-text b {font-weight: 800;color: #3e8ed0;}
.lang-box .notification .print_result_comment h5 {display: inline-block; margin: 0 0 0.5rem 0 !important; padding: 0.5rem 1rem; font-size: 1rem; border: 1px solid #ddd; border-radius: 20px 20px 20px 0; color:#4a4a4a; background:#fff;}


/*ÇнÀ¼öÁØ Á¤¹ÐÁø´Ü °á°ú È®ÀÎ -- »çȸ, °úÇÐ, ¿µ¾î*/
.social-box tr.flex-box {display: flex;justify-content: space-between;gap: 5mm;width: 100%;padding:0;}
.social-box .print_result_container {padding:0; border:0;}

.social-box .print_result_container.type01 {width:50%;}
.social-box .print_result_container.type02 {width:50%;}
.social-box .print_result_container table.is-bordered tr:first-child > th {text-align: center; background: #f5f5f5;}
.social-box .print_result_container table.is-bordered tr:last-child > th {text-align: center;}
.social-box .print_result_container table.is-bordered tr:last-child > th:nth-child(1) {background: #f5f5f5;}
.social-box .print_result_container table.is-bordered td {text-align: center;}

.social-box .block h4.mb-0 {display: flex;justify-content: space-between; align-items: center;}
.social-box .is-fullwidth {margin-top: 0.5rem;}

/*¼ºÃë±âÁØ µµ´ÞÇöȲ Å×À̺í*/
.print_result_comment table {background:#fff !important;}
.print_result_comment table th {vertical-align: middle !important; text-align: center;background: #eee;}
.print_result_comment table th br {display:none;}
.print_result_comment table tr > td {text-align: center; vertical-align: middle !important;}
.print_result_comment table tr > td:last-child {text-align:left; vertical-align: middle !important;}

.print_result_comment table th:nth-child(1) {width:2%;}
.print_result_comment table th:nth-child(2) {width:2%;}
.print_result_comment table th:nth-child(3) {width:3%;}
.print_result_comment table th:nth-child(4) {width:3%;}
.print_result_comment table th:nth-child(5) {width:20%;}