.w110p                              {width:110px;}
/* 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_signwrap .signbox			{position:relative; background:#e7ebf1;height:80px;line-height:80px;}
.pro_signwrap .signbox2		{text-align:center;width:300px;position:relative;margin:0 auto;}
.pro_signwrap canvas			{position:absolute;border:2px dotted #ff3300;top:10px;right:10px;}
.pro_signwrap img				{position:absolute;top:10px;right:10px;}
.pro_signwrap .signbox .ab_m	{position:absolute; right:20px; bottom:20px;}




/* 학생 기업정보/선택신청 ================================================================================== */
 #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;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:768px) {
	.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:768px) {
	/* 출결상황  */
	/*.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;
}

/*  프로그램 상태박스2  */ 
.type_blue, .type_green, .type_pink, .type_purple, .type_orange	{position:relative; display: inline-block; text-align:center; vertical-align:middle; min-width:65px; padding:0px 3px; line-height:28px;letter-spacing:0px; border-radius:5px; font-size:0.9em; color:#000;} 
.type_pink							{background:#feddea;}
.type_orange						{background:#ffe9cc;}
.type_blue							{background:#d2ebff;}
.type_green							{background:#d0f2f2;}
.type_purple						{background:#dcdcf2;}


/* 참여기업정보 list ================================================================================== */
.pcompany_list_wrap					{position:relative; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:30px; } 
.pcompany_list_wrap li				{box-shadow:0 0 15px 1px rgba(0,0,0,.08); border-radius:20px; padding:30px; transition: all 0.5s ease;}
.pcompany_list_wrap dl dt			{margin-bottom:15px; font-size:1.2em; font-weight:700; line-height:1; letter-spacing: -1px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pcompany_list_wrap dl dd			{display:grid; grid-template-columns:70px auto; gap:0 10px; padding:2px 0; color:#808080; font-size:0.95em;}
.pcompany_list_wrap dl dd span		{font-weight:500; color:#333;}
.pcompany_list_wrap li:hover			{background:linear-gradient(45deg, #00b58c, #00956e);}
.pcompany_list_wrap li:hover	dl dt, .pcompany_list_wrap li:hover dl dd, .pcompany_list_wrap li:hover dl dd span	{color:#fff;}


@media screen and (max-width:1024px) {
	.pcompany_list_wrap				{gap:10px; grid-template-columns:repeat(2, 1fr);}
	.pcompany_list_wrap li			{padding:25px 20px;}
	.pcompany_list_wrap dl dt		{font-size:1.1em; margin-bottom:12px;}
	.pcompany_list_wrap dl dd		{grid-template-columns:80px auto; font-size:0.95em; padding:0;}
}

@media screen and (max-width:768px) {
	.pcompany_list_wrap				{grid-template-columns:1fr;}
}


/* 탭메뉴-메인laylout과 겹침처리 리스트 탭 */
.tabmenu04						{display:flex; flex-wrap:wrap; gap:5px; justify-content:center; margin:-20px 0 20px 0; }
.tabmenu04 li a					{display:block; background:#a0a0a0; color:#fff; font-size:0.95em; height:36px; line-height:34px; padding:0 15px; border-radius:3px; font-weight:500;}
.tabmenu04 li a:hover, .tabmenu04 .on a		{background:#0039a3;}



/* 현장실습 팝업 상단 */
#pro_win_title							{padding:15px 15px 15px 20px;background:#2b2f36;letter-spacing:-0.5px; overflow:hidden;display:flex;justify-content: space-between; }
#pro_win_title .tit						{position:relative; font-size:1.45em; font-weight:500;color:#fff; display: flex; flex-direction: column; justify-content:center;  }
#pro_win_title .close				{position:relative;right:0; cursor:pointer;color:#fff; background:#e52150;width:40px;height:40px;   border-radius:50%;transition:all 0.3s ease;opacity:1 !important;}
#pro_win_title .close:before,
#pro_win_title .close:after		{position:absolute;top:9px;left:calc(50% - 1px);content:'';height:22px;width:2px;background-color:#fff;}
#pro_win_title .close:before		{transform:rotate(45deg);}
#pro_win_title .close:after		{transform:rotate(-45deg);}
#pro_win_title .close:hover		{transform: scale(1.07);  }

.pro_win_fix							{position:fixed;width:100%;z-index:999;background:#fff;}
#pro_win_wrap							{padding:90px 15px 15px 15px;}


/* 학생 체크리스트 과목확인 */
.student_check_div              {display:none;}
.student_check_div table th     {padding-top:3px !important; padding-bottom:3px !important;}
.student_check_div table td     {padding-top:3px !important; padding-bottom:3px !important;}