/* pinpad ================================================================================== */
.pinpad_box							{position:absolute;width:300px; background:#edeef3; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);}
.pinpad_box	.infos					{background:#f9f9f9; width: 100%; vertical-align: middle;text-align: center; padding:10px 0px; line-height:30px;}
.pinpad_box	.infos div				{display:inline-block;vertical-align: middle;font-size:1.2em;}
.pinpad_box	.infos span				{display:block; text-align:center; color:#999; font-size:0.95em;}
.pinpad_box	.infos .desc			{width:50px; color:#306bc5;}
.pinpad_box	.infos .pin				{width: calc(100% - 100px);color: #666; text-align:left; overflow:hidden;}
.pinpad_box	.infos .pin input		{background:transparent;border:0;padding:0;width:100%;height:32px;letter-spacing:3px;}
.pinpad_box	.infos .close			{width:50px; color:#939393;}
.pinpad_box .wrap					{padding:10px;}
.pinpad_box .pads div,
.pinpad_box .ctrls div				{display:inline-block;text-align:center;background:#fff;font-weight:500;line-height:47px;height:50px; border-radius:5px;cursor:pointer;user-select: none;}
.pinpad_box .ctrls					{margin:5px 0 0 0;}
.pinpad_box .number					{border:2px solid #edeef3;}
.pinpad_box .pads div.number		{font-size:1.3em;}
.pinpad_box .pads div.empty			{background:#edeef3;}
.pinpad_box .pads div				{width:25%;}
.pinpad_box .ctrls div				{background:#d5d8e3; color:#676b71;}
.pinpad_box .ctrls div.number		{width:33%;}
.pinpad_box .ctrls div:first-child	{width:34%;}
.pinpad_box .ctrls div:last-child	{background:#2e3d75;color:#fff}



/* checkbox 간격조정용 */
.pro_checkbox_width3				{float:left; width:33%;}
.pro_checkbox_width4				{float:left; width:25%;}


@media screen and (max-width:1024px) { 
	.pro_checkbox_width4			{width:33.3%;}
}

@media screen and (max-width:820px) { 
	.pro_checkbox_width3			{width:50%;}
	.pro_checkbox_width4			{width:50%;}
}

@media screen and (max-width:540px) { 
	.pro_checkbox_width3			{float:none; width:100%;}
	.pro_checkbox_width4			{float:none; width:100%;}
}



/* 수요조사 */
.pro_univ_box						{padding: 5px; background: #ddd; border: 1px solid #ccc; margin-bottom: 5px; overflow: hidden; width: 100%;}
.pro_hakbu_box						{padding: 5px; background: #f7f7f7; margin-bottom: 5px; overflow: hidden; width: 100%;}



/* 작성 체크 여부*/
.pro_check			{float:left; width:20px;padding-right:3px; }
.pro_check img		{width:100%; height:100%;}



/* 동의란 ================================================================================== */
.pro_agree_box dl						{margin-bottom:25px;}
.pro_agree_box dl:last-child			{margin:0;}
.pro_agree_box dl dt					{font-size:1.1em;font-weight:700; color:#114da9; letter-spacing:-1px; margin-bottom:12px;}
.pro_agree_box dl dd					{letter-spacing:-0.75px;}
.pro_agree_box .box						{font-size:0.95em; background:#f9f9f9; padding:15px; border:1px solid #d5d5d5; height:130px; letter-spacing:-1px;overflow-x:hidden; overflow:auto;}
.pro_agree_box .bottom					{margin:10px 0; color:#333;text-align:right;letter-spacing:-1px;}
.pro_agree_box .bottom	span			{color:#306bc5;}
.pro_agree_box .bottom input[type="checkbox"]			{width:20px; height:20px; border:2px solid #ccc; appearance:none; cursor:pointer; transition:0.2s; margin:-1px 5px 0 0; background:#fff;}
.pro_agree_box .bottom input[type="checkbox"]:checked	{background:url('../img/icon_check.png') no-repeat center 50% #306bc5; background-size:17px; border-color:#306bc5}


@media screen and (max-width:1024px) {
	.pro_agree_box dl					{margin-bottom:20px;}
	.pro_agree_box dl dt				{font-weight:500; font-size:1.05em;}
	.pro_agree_box .box					{height:100px; font-size:0.9em;}
	.pro_agree_box .bottom input[type="checkbox"]	{width:20px; height:20px;}
}

@media screen and (max-width:560px) {
	.pro_agree_box .bottom				{text-align:left;font-size:0.9em;}
}




/* 학생 기업정보/선택신청 ================================================================================== */
 #pro_jimang_selectbox					{position:absolute;width:140px;padding:3px;background-color:#ffffff;border:1px solid #666666;-moz-user-select:none;display:none;z-index:999999;}

.pro_vow_top_wrap .input_form			{line-height:37px;}




/* 출근부 달력 ================================================================================== */
#pro_calendar_box							{position:relative; }
.pro_calendar_title							{text-align:center;overflow:hidden; padding:0 0 15px 0;}
.pro_calendar_title span					{padding:0 6px;font-size:2.1em; color:#333;line-height:150%; vertical-align:middle; font-weight:500; }
.pro_calendar_title span img				{vertical-align:sub; width:18px;}
.pro_calendar_title_year					{float:left;margin:0 0 0 30%;width:40%;}
.pro_calendar_title_select					{float:right; margin:5px 0 0 0;}
.pro_calendar_title_select select			{border:1px solid #b5b5b5;height:28px;margin:0 0 0 3px;}	

.pro_calendar_title_year .prev				{padding:0; margin-right:5px; content:''; display:inline-block;  width:30px; height:30px; background:url('../img/icon_prev.png') no-repeat center 50%; background-sizE:10px auto;}
.pro_calendar_title_year .next				{padding:0; margin-left:5px; content:''; display:inline-block;  width:30px; height:30px; background:url('../img/icon_next.png') no-repeat center 50%; background-sizE:10px auto;}
.pro_calendar_title_year .prev:hover,
.pro_calendar_title_year .next:hover		{border:1px solid #aaa;}




.gtable .calendar_day						{position:absolute;font-size:0.85em;color:#888;padding:0 0 4px 0;min-height:50px;}
.gtable .calendar_redday					{color:#f64a1b !important;}
.gtable .calendar_blueday					{color:#397fe7 !important;}
.gtable .full_day							{background:#e8e8ed;}
.gtable .posible_day						{background:#fbe9e7; cursor:pointer;}
.gtable .noselect_day						{background:#e4f3fb;}
.gtable .select_day							{background:#fbf5e4; }

.pro_calendar_content						{display:block;}
.pro_calendar_content2						{display:none;}

.pro_calendar_content .gtable thead th,
.pro_calendar_content2 .gtable thead th		{background:#f5f5f5;color:#444;}


@media screen and (max-width:785px) {
	.pro_calendar_title_year,
	.pro_calendar_title_select				{float:none; width:100%; text-align:center; margin:0;}
	.pro_calendar_content					{display:none;}
	.pro_calendar_content2					{display:block;}
}





/* 출결상황 ================================================================================== */
.pro_calendar_check0						{display:block;width:44px;height:44px;line-height:44px;font-weight:bold;text-align:center;color:#c8cdd5;background: ;margin:0 auto;border:3px solid #d8dbe1;border-radius:50px;} /* 결근 */ 
.pro_calendar_check1						{display:block;width:50px;height:50px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#ffad1f;margin:0 auto;border-radius:50px;} /* 출근 */ 
.pro_calendar_check2						{display:block;width:50px;height:50px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#9ea5b5;margin:0 auto;border-radius:50px;} /* 공결 */ 
.pro_calendar_check3						{display:block;width:50px;height:50px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#e15252;margin:0 auto;border-radius:50px;} /* 공결 */ 
.pro_calendar_check4						{display:block;width:50px;height:50px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#0078ff;margin:0 auto;border-radius:50px;} /* 공결 */ 

@media screen and (max-width:785px) {
	/* 출결상황  */
	/*.pro_calendar_check0						{width:35px;height:35px;line-height:35px;border:3px solid #d8dbe1;border-radius:35px;font-size:11px;}  결근 */ 
	/*.pro_calendar_check1						{width:35px;height:35px;line-height:35px;border-radius:35px;font-size:11px;}  출근 */ 
	/*.pro_calendar_check2						{width:35px;height:35px;line-height:35px;border-radius:35px;font-size:11px;}  공결 */ 
	/*.pro_calendar_check3						{width:35px;height:35px;line-height:35px;border-radius:35px;font-size:11px;}  공결 */ 
	/*.pro_calendar_check4						{width:35px;height:35px;line-height:35px;border-radius:35px;font-size:11px;}  공결 */ 
}

/* 이수증출력 시 백그라운드 이미지 가운데 고정용 */
.result_container {padding:25px; margin:25px; border:1px solid #000;}
.result_container::after {
	width:780px; height:800px; content: ""; background: url("../img/symbol.png") no-repeat; background-position:center center; position:absolute; top:150px; left:0px; z-index: -1; opacity:0.2;
}