@charset "utf-8";



/* 프린트설정 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ## A4프린트 레이아웃 ## */
.print_a4 {position:relative; min-width:320px; background:#fff;}

.a4_size_all {width:210mm; min-height:297mm; margin:20px auto; padding:0.5cm 0.3cm; font-size:15px; color:#333; background:#fff;} /* 일괄인쇄 */

.a4_size {width:210mm; height:297mm; margin:0 auto 20px auto; padding:0.5cm 0.3cm; font-size:15px; color:#333; background:#fff;} /* 한페이지 인쇄-세로형 */
.a4_size.border {border:1px solid #ccc;}
.a4_size:last-child {margin:0 auto;}

.a4_landscape {width:297mm; height:210mm; margin:0 auto; padding:0.5cm; font-size:15px; color:#333; background:#fff;} /* 한페이지 인쇄-가로형 */

@page {size:A4 portrait; margin:5mm;} /* A4 세로 출력 */
@media print {
	* {-webkit-print-color-adjust:exact !important; color-adjust:exact !important; print-color-adjust:exact !important; color:#000;} /* 인쇄 시, background속성 강제로 보이게 지정 */
	.print_a4 {min-width:auto; margin:0; padding:0;}
	
	.a4_size_all {width:210mm; margin:0; padding:0.5cm; border:none; page-break-after:always;} /* 일괄인쇄 */
	.a4_size_all:last-child {page-break-after:avoid;} /* 마지막 페이지-빈페이지 생기는 경우 방지 */
	
	.a4_size {width:210mm; height:297mm; margin:0; padding:0.5cm; border:none;}
    .a4_size table {page-break-inside:auto;}
    .a4_size thead {display:table-header-group;}
    .a4_size tfoot {display:table-footer-group;}
	
	.print_hide {display:none !important;}
	.page_break {page-break-after:always;}
	.tbody_break {page-break-inside:avoid; page-break-after:auto;}
}

/* 프린트용-버튼 */
.print_a4 .print_btn {position:fixed; left:50%; bottom:20px; z-index:1000; transform:translate(-50%); display:flex; align-items:center; gap:8px;}
.print_a4 .print_btn button {min-width:80px; height:30px !important; border-radius:50em;}

/* 프린트용-form태그 */
.print_a4 label {margin:2px;}

.print_a4 input[type="radio"] {width:14px; height:14px;}
.print_a4 input[type="radio"]:before {width:50%; height:50%; margin:22% auto;}
.print_a4 input[type="radio"]:checked {border:1px solid #ccc; background:#ddd;}
.print_a4 input[type="radio"]:checked:before {background:#777;}

.print_a4 input[type="checkbox"] {width:14px; height:14px;}
.print_a4 input[type="checkbox"]::-ms-expand {display:none; appearance:none;}
.print_a4 input[type="checkbox"]:before {left:4px; top:0;}
.print_a4 input[type="checkbox"]:checked {border:1px solid #ccc; background:#ddd;}
.print_a4 input[type="checkbox"]:checked:before {border-color:#777;}

.print_a4 input[type=text], .print_a4 input[type=password] {height:30px; border-radius:2px; border-color:#ccc;}

.print_a4 textarea {border:none; padding:0; resize:none;}


/* 프린트제목 */
.print_head {position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:30px; width:100%; height:50px; margin-bottom:30px; border-bottom:1px solid #333;}
.print_head h2 {font-size:18px; font-weight:bold; color:#222; text-align:center;}
.print_head .univ {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.print_head .univ img {height:30px; opacity:0.6;}
.print_head .project {position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:13px; letter-spacing:0.05em; font-weight:500; color:#ccc;}

/* 소제목 */
.print_title {font-size:15px; color:#333; font-weight:bold; margin-bottom:10px;}

/* 뷰테이블 */
.print_table_view {overflow:hidden;}
.print_table_view table {width:100%; table-layout:fixed;}
.print_table_view table * {font-size:13px !important;}
.print_table_view table thead th {padding:8px 6px; font-size:13px; color:#222; font-weight:500; text-align:center; border:1px solid #333; background:#ddd;}
.print_table_view table tbody tr th em {font-size:16px; font-weight:500; color:#de1819;}
.print_table_view table tbody tr th p {font-size:12px !important;}
.print_table_view table tbody tr th {padding:8px 6px; color:#222; font-weight:500; text-align:center; border:1px solid #333; background:#ddd;}
.print_table_view table tbody tr td {padding:8px 6px; border:1px solid #333; background:#fff;}
.print_table_view table tbody tr td a:hover {color:#555; cursor:default;}
.print_table_view table pre {font-family:"NotoSansKR"; word-break:keep-all; white-space:pre-wrap;}

/* 리스트테이블 */
.print_table_list * {font-size:13px;}
.print_table_list {overflow:hidden;}
.print_table_list table {width:100%; table-layout:fixed;}
.print_table_list table thead th {padding:6px 8px; color:#222; font-weight:500; text-align:center; border:1px solid #333; background:#ddd;}
.print_table_list table tbody th {padding:6px 8px; text-align:center; border-top:1px solid #333; border-right:1px solid #333;}
.print_table_list table tbody tr:first-child td {border-top:none;}
.print_table_list table tbody td {padding:6px 8px; text-align:center; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #333;}
.print_table_list table tbody td:last-child {border-right:1px solid #333;}
.print_table_list table tbody td a {display:inline-block;}
.print_table_list table tbody td a:hover {color:#222; text-decoration:underline;}
.print_table_list table tbody td .ellipsis {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.print_table_list table tbody td .date {min-width:85px; text-align:left;}
.print_table_list table tfoot th {padding:6px 8px; font-size:14px; color:#222; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; background:#ddeeff;}
.print_table_list table tfoot td {padding:6px 8px; font-size:14px; text-align:center; color:#222; border-right:1px solid #333; border-bottom:1px solid #333; background:#ddeeff;}
.print_table_list table tfoot span {font-weight:bold;}
.print_table_list table span {font-size:14px; letter-spacing:0; font-weight:500; color:#222; background:transparent;}
.print_table_list table a[class*="btn"] {cursor:default;}



/* ########## 역량진단 종합결과 프린트A4 ########## */
/* 다운로드 버튼 */
.report_btns {width:210mm; display:flex; flex-wrap:wrap; justify-content:end; gap:5px; margin:0.5cm auto; overflow:hidden;}
.report_btns button {display:inline-flex; flex-wrap:wrap; align-items:center; color:#333; padding:10px 10px 10px 35px; border-radius:5px; border:1px solid #ccc; background:#fff; cursor:pointer;}
.report_btns button:hover {box-shadow:1px 1px 6px rgba(0,0,0,0.1);}
.report_btns button.pdf {background:url('../images/fileIcn/pdf.gif') 8px 9px no-repeat;} /* PDF */
.report_btns button.ppt {background:url('../images/fileIcn/ppt.gif') 8px 11px no-repeat;} /* PPT */
.report_btns button.xls {background:url('../images/fileIcn/xls.gif') 8px 11px no-repeat;} /* 엑셀 */
.report_btns button.hwp {background:url('../images/fileIcn/hwp.gif') 8px 11px no-repeat;} /* 한글 */

/* 종합결과 페이지별 사이즈 */
.report_a4 {width:210mm; height:297mm; margin:1cm auto; font-size:15px; color:#333; padding:0.8cm; background:#fff; border:1px solid #aaa;} /* 각페이지별::A4사이즈 */
.report_a4.overview {height:auto; min-height:297mm;} /* 페이지 내용 넘치는 경우 */

/* 내부영역 구분 */
.inner_part ~ .inner_part {margin-top:30px;}

/* 리포트 대제목 */
.report_head {font-size:22px; color:#fff; font-weight:bold; text-align:center; padding:15px 10px; margin-bottom:20px; background:linear-gradient(to right, #01a8cd, #3a7ecd);}

/* 제목영역 */
.report_title {display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:18px; line-height:1.4; font-weight:bold; color:#1f1f1f; margin:20px 0 15px;}
.report_title.first {margin-top:0;}
.report_title strong {font-family:"Pretendard"; font-size:24px; line-height:0;}

.report_sub_title {position:relative; font-size:15px; font-weight:500; color:#222; margin-bottom:10px;}

.report_select {display:flex; align-items:center; gap:10px;}
.report_select label {font-weight:500; color:rgba(0,0,0,0.5);}

/* 진단정보 */
.report_info {width:100%; margin-bottom:10px; overflow:hidden;}
.report_info dl {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; padding:8px;}
.report_info dl ~ dl {border-top:2px dotted #ccc;}
.report_info dl dt {font-size:14px; font-weight:500; color:#1f1f1f;}
.report_info dl dd {font-size:14px; color:#333;}

/* 종합결과용 테이블 */
.report_table_box {overflow:hidden;}
.report_table_box table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:1px solid #222; border-right:1px solid #ddd; background:#fff;}
.report_table_box table * {font-size:12px;}
.report_table_box table thead th {padding:4px; font-weight:500; color:#222; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ccc; background:#f7f8fc;}
.report_table_box table tbody th {padding:4px; font-weight:500; color:#222; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f7f8fc;}
.report_table_box table tbody td {padding:4px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;} 
.report_table_box table tfoot td {padding:4px; font-weight:500; text-align:center; color:#222; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#eef4ff;} 
.report_table_box .ptback {color:#222; background:#f1f9fe;} /* 소계 */


/* 종합결과용 차트영역 */
.chartform {width:100%; padding:15px; margin:15px auto; border-radius:5px; border:1px solid #ccc; background:#fff;}

@media print {
	* {-webkit-print-color-adjust:exact !important; color-adjust:exact !important; print-color-adjust:exact !important; color:#222;} /* 인쇄 시, background속성 강제로 보이게 지정 */
	.print_hide {display:none;} /* 인쇄 시, 내용 숨기기 */
	
	.report_a4 {min-width:auto; margin:0; border-color:#fff; page-break-after:always;}
	.report_a4:last-child {page-break-after:avoid;} /* 마지막페이지 빈페이지 생기는 경우 방지 */
	
	.report_btns {display:none;}
	
	.report_table_box table {page-break-inside:auto;}
	.report_table_box table tr {page-break-inside:avoid; page-break-after:auto;}
	.report_table_box thead {display:table-header-group;}
	.report_table_box tfoot {display:table-row-group;}
}



/* ########## 핵심역량 진단 결과 프린트A4 ########## */
.diagsis_report_print .core_result {background:#ffff;}
.diagsis_report_print .pop_result_box {padding:0; border-radius:0; box-shadow:none;}

/* 파트별 박스 */
.diagsis_report_print .pop_result_box > h3 {font-size:16px; padding-bottom:0; border-bottom:none;}
.diagsis_report_print .pop_result_box > h3 span {width:20px; height:20px;}

/* 핵심역량별 점수 */
.diagsis_report_print .my_core_score {padding:0;}
.diagsis_report_print .my_core_score li {box-shadow:none;}

/* 개인-학과별 평균점수 */
.diagsis_report_print .core_average {background:#eee;}

/* 기타 메모항목 */
.diagsis_report_print .memo_ect {height:100%;}

@media print {
	.core_result {background:#fff;}
}



/* ########## My 포트폴리오 A4 ########## */
/* 페이지별 사이즈 */
.template_a4 {width:210mm; height:297mm; margin:1cm auto; font-size:15px; color:#333; padding:0.8cm; background:#fff; border:1px solid #aaa;} /* 각페이지별::A4사이즈 */
.template_a4.overview {height:auto; min-height:297mm;} /* 페이지 내용 넘치는 경우 */

/* 템플릿별 표지-표지1 */
.template_cover1 {padding:0;}
.template_cover1 .cover_head {width:100%; height:60px; display:flex; align-items:center; font-weight:bold; color:#999; padding:0.5cm 0.8cm; background:#f2f3f8;}
.template_cover1 .cover_cont * {font-family:"Pretendard";}
.template_cover1 .cover_cont {width:100%; height:calc(100% - 60px); padding:1.5cm; background:url('../images/common/template_cover_bg1.jpg') top center no-repeat, #fff; background-size:cover; overflow:hidden;}
.template_cover1 .cover_cont > div {position:relative; display:flex; flex-direction:column; justify-content:space-between; align-items:center; gap:20px; height:100%; padding:3cm 2cm 1.5cm; background:#fff;}
.template_cover1 .cover_cont > div::after {
	content:""; display:block; position:absolute; left:50%; top:56%; transform:translate(-50%, -50%); width:400px; height:340px; 
	background:url('../images/common/cover_bg_illust.png') center center no-repeat; background-size:contain; opacity:0.6;
}
.template_cover1 .cover_cont > div dl {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; text-align:center;}
.template_cover1 .cover_cont > div dl dt {font-size:5.2rem; font-weight:800; letter-spacing:0.05em; color:#1f1f1f;}
.template_cover1 .cover_cont > div dl dd {width:100%; position:relative; font-size:18px; font-weight:500; color:#999; text-align:right; padding-right:5px;}
.template_cover1 .cover_cont > div dl dd::after {content:""; display:block; position:absolute; left:0; top:50%; width:170px; height:4px; transform:translateY(-50%); background:linear-gradient(to right, #00b9ff, #5082ff, #7246ff);}
.template_cover1 .cover_cont > div span img {height:40px;}

.template_cover1.sub_cover {position:relative;}
.template_cover1.sub_cover::after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:5px; background:linear-gradient(to right, #00b9ff, #5082ff, #7246ff);}

.inner_sub1 {height:calc(100% - 65px);}


/* 템플릿별 표지-표지2 */
.template_cover2 {display:grid; grid-template-rows:	300px 1fr; padding:0;}
.template_cover2 .cover_head {position:relative;}
.template_cover2 .cover_head * {font-family:"Pretendard";}
.template_cover2 .cover_head::after {content:""; display:block; position:absolute; left:0; top:0; width:200px; height:20px; background:#03b0d0;}
.template_cover2 .cover_head > div {height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:10px; padding:2cm 1cm 1cm;}
.template_cover2 .cover_head > div span {font-size:18px; color:#999; text-align:right; padding-right:5px;}
.template_cover2 .cover_head > div h3 {font-size:5.2rem; font-weight:800; letter-spacing:0.05em; color:#1f1f1f;}
.template_cover2 .cover_cont {position:relative; background:url('../images/common/template_cover_bg2.png') top center no-repeat, #03b0d0; background-size:cover;}
.template_cover2 .cover_cont span {position:absolute; left:50%; bottom:1cm; transform:translateX(-50%);}
.template_cover2 .cover_cont span img {height:40px;}

.template_cover2.sub_cover {display:block;}
.template_cover2 .cover_sub_head {position:relative; width:100%; height:70px; display:flex; justify-content:flex-end; font-weight:bold; color:#999; padding:0.8cm 0.5cm 0.6cm; border-bottom:1px solid #03b0d0;}
.template_cover2 .cover_sub_head::after {content:""; display:block; position:absolute; left:0; top:0; width:200px; height:20px; background:#03b0d0;}

.inner_sub2 {height:calc(100% - 70px);}


/* 템플릿별 표지-표지3 */
.template_cover3 {position:relative; padding:0; background:url('../images/common/template_cover_bg3.jpg') top center no-repeat, #fff; background-size:cover;}
.template_cover3 .cover_head {position:relative;}
.template_cover3 .cover_head {display:flex; flex-direction:column; justify-content:center; gap:20px; width:300px; padding:70px 30px; margin-left:2cm; border-radius:0 0 20px 20px; background:#005aa0;}
.template_cover3 .cover_head span {font-size:36px; color:#fff; padding-bottom:30px; border-bottom:2px dotted rgba(255,255,255,0.3);}
.template_cover3 .cover_head h3 {font-size:28px; letter-spacing:0.05em; line-height:1.4; color:#fff; word-break:keep-all;}
.template_cover3 .cover_head h3 strong {display:block; color:#f8b62d;}
.template_cover3 .univ_logo {position:absolute; left:50%; bottom:1cm; transform:translateX(-50%);}
.template_cover3 .univ_logo img {height:40px;}

.template_cover3.sub_cover {display:block; background:none;}
.template_cover3 .cover_sub_head {position:relative; width:100%; height:90px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:5px; padding:1cm 0.5cm 0.6cm; border-bottom:3px solid #005aa0;}
.template_cover3 .cover_sub_head::after {content:""; display:block; position:absolute; right:1cm; top:0; width:100px; height:10px; background:#005aa0;}
.template_cover3 .cover_sub_head dt {font-size:16px; color:#1f1f1f;}
.template_cover3 .cover_sub_head dd {font-size:12px; letter-spacing:0.05em; color:#999;}

.inner_sub3 {height:calc(100% - 90px);}


/* 템플릿별 공통레이아웃 */
.template_inner {padding:1cm;} /* 서브내부 콘텐츠영역 */

.template_inner .inner_title {font-size:18px; font-weight:bold; color:#3b73ff; padding-bottom:20px; margin-bottom:40px; border-bottom:2px dotted #ccc;}

.template_inner .portfolio_basic {padding:3rem;} /* 인적사항 */
.template_inner .portfolio_basic .info_add dl dt {padding:0;}

.template_inner .portfolio_plan .plan_box {padding:2rem;} /* 나의 목표 및 계획 */
.template_inner .portfolio_plan .plan_box:hover {box-shadow:none;}
.template_inner .portfolio_plan .plan_graduate:hover {border-color:#ccc;}
.template_inner .portfolio_plan .plan_career:hover {border-color:#ccc;}
.template_inner .portfolio_plan .plan_study:hover {border-color:#ccc;}

.template_inner .portfolio_extra_list > li {grid-template-columns:1fr;}
.template_inner .portfolio_extra_list > li:hover {border-color:#ccc; box-shadow:none;}


@media print {
	* {-webkit-print-color-adjust:exact !important; color-adjust:exact !important; print-color-adjust:exact !important; color:#222;} /* 인쇄 시, background속성 강제로 보이게 지정 */
	.print_hide {display:none;} /* 인쇄 시, 내용 숨기기 */
	
	.template_a4 {min-width:auto; margin:0; border-color:#fff; page-break-after:always;}
	.template_a4:last-child {page-break-after:avoid;} /* 마지막페이지 빈페이지 생기는 경우 방지 */
}