/* 현장실습 프로그램 */

.pro_ing_tag1			{background:#9ca0af;text-align:center;color:#fff;width:46px;line-height:20px;font-size:12px;}
.pro_ing_tag2			{background:#44bbc3;text-align:center;color:#fff;width:46px;line-height:20px;font-size:12px;}



/*  주의사항 등 */
.pro_notice01				{position:relative;border:3px solid #dadfe8;min-height:85px;padding:20px 15px 15px 160px;background:url('../image/notice_img.png') no-repeat 23px 13px #f9f9f9;}
.pro_notice01_title			{display:inline-block;font-weight:bold; background:#4175de;color:#fff;padding:1px 20px 0 20px ; line-height:24px; border-radius:6px 0 6px 0;}
.pro_notice01_title:after	{clear:both;}
.pro_notice01_cont			{padding:13px 0 0 4px;}

/*  주의사항 등 */





/* 양식 */
.pctype_number			{background-color:#4c5a69;color:#ffffff;width:20px;text-align:center;}
.pro_exam_number		{background-color:#999999;color:#ffffff;width:20px;text-align:center;}

.pro_poll_required_icon			{display:inline-block;line-height:15px;padding:0 5px;color:#fff;background: #ff1133;border:1px solid #ff1133; font-size:0.8em;border-radius:3px;}
.pro_poll_required_icon:focus		{background: #ff1133;}

/* 수요조사 */
#pro_company_date_info	{color:#ff3366;}


/* 이력서, 자소서, 서약서  */
#pro_win_title				{  padding:15px 20px;font-size:21px;font-weight:bold;color:#fff;background:#0f298f;border-bottom:1px solid #071f7e;line-height:120%; letter-spacing:0; overflow:hidden;}

.pro_student_ms_txt			{border:1px solid #ddd;padding:20px 0 20px 20px;margin:0 0 30px 0;background-color:#f7f7f7;}
.pro_student_ms_check_wrap	{overflow:hidden;text-align:center;}

.pro_student_ms_check01			{display:inline-block;color:#fff;font-size:16px;font-weight:bold;line-height:46px;width:40%;background:#adb2bd; margin:0 15px 0 0;border-radius:30px ; text-align:center; cursor:pointer;}
.pro_student_ms_check01 span	{display:inline-block;width:36px;height:21px;background:url('../image/program_vitae_icon.png') no-repeat 0 -55px ;vertical-align:-5px;}
.pro_student_ms_check01_on		{display:inline-block;color:#fff;font-size:16px;font-weight:bold;line-height:46px;width:40%;background:#4175de; margin:0 15px 0 0;border-radius:30px ; text-align:center;cursor:pointer;}
.pro_student_ms_check01_on span	{display:inline-block;width:36px;height:21px;background:url('../image/program_vitae_icon.png') no-repeat 0 0 ;vertical-align:-5px;}

.pro_student_btn01			{display:inline-block;line-height:19px;padding:1px 10px 0 18px;color:#666; min-width:85px;border:1px solid #bbb;font-size:11px;margin:2px 0; background:url("../image/btn_icon1.png") no-repeat 0 50% #fff; border-radius:3px;cursor:pointer;}   /* 현장실습 진행에서 이력서 바로가기 버튼 */ 

.pro_student_ms_txt02		{padding:17px 0 0 5px; }
.pro_student_ms_txt02 p		{}
.pro_student_ms_txt02 dl	{height:24px;}
.pro_student_ms_txt02 dt	{float:left;color:#fe6600; }
.pro_student_ms_txt02 dd	{margin:0 0 0 0px;}


.pdate_default				{display:block;}
.pdate_port					{display:none;}
.pdate_port_select			{display:block;}
.pdate_vow					{display:none;}







.pro_vow_agreebox01			{border:1px solid #cccccc;padding:10px;margin-bottom:10px;background-color:#fff;}
.pro_vow_agreebox02_title	{font-weight:bold;color:#0666c9;height:20px; padding:0 0 15px 0px; letter-spacing:-1px;}



 #pro_jimang_selectbox		{position:absolute;padding:3px;background-color:#ffffff;border:1px solid #666666;-moz-user-select:none;width:auto;height:auto;min-width:0;min-height:0;display:none;z-index:999999;}


/*  서브페이지 탭메뉴   ==================================================================================== */
.pro_tabmenu01			{width:100%; min-height:34px; overflow:hidden;  border-bottom:2px solid #62749c;}
.pro_tabmenu01 li		{float:left; margin-left:-1px;}
.pro_tabmenu01 li:first-child	{margin-left:0;}
.pro_tabmenu01 li a		{display:inline-block; padding:0 20px;line-height:35px;text-align:center;background:#f5f5f5;  color:#555; border:1px solid #d3d3d3;border-bottom:none; }
.pro_tabmenu01 li a:hover		{color:#3f63d5;}
.pro_tabmenu01 li a.tab_on 	{ font-weight:bold;background:#778aae;  color:#fff; border:1px solid #62749c;border-bottom:none;   }
.pro_tabmenu01 li a.tab_on:hover	{   }




/* 출근부 달력 ============= */ 
#pro_calendar_box							{position:relative;padding:10px 0; }
.pro_calendar_title							{text-align:center;position:relative;overflow:hidden; padding:0 0 15px 0; border-bottom:2px solid #333;}
.pro_calendar_title span					{display:inline-block;padding:0 5px;font-size:26px;font-weight:bold;color:#333;line-height:150%;}
.pro_calendar_title span img				{vertical-align:-3px;}
.pro_calendar_title_check					{float:left;width:70%;text-align:left;}
.pro_calendar_title_year					{width:100%; text-align:center;}
.pro_calendar_title_select					{float:right; padding:6px 0 0 0;}
.pro_calendar_title_select select			{border:1px solid #b5b5b5;height:28px;padding:0 0 0 5px;margin:0 0 0 3px;}	

.pro_calendar_table							{border-collapse:collapse;  width:100%;table-layout:fixed;}
.pro_calendar_table thead th				{text-align:center;line-height:34px;border:1px solid #cfcfcf;border-top:none;font-size:13px;background:#f5f5f5;}
.pro_calendar_table thead th:first-child	{color:#f64a1b;}
.pro_calendar_table thead th:last-child		{color:#397fe7;}
.pro_calendar_table tbody th				{text-align:center;line-height:34px;border:1px solid #cfcfcf;border-top:none;font-size:13px;background:#f5f5f5;}
.pro_calendar_table tbody td				{border:1px solid #cfcfcf;text-align:left; padding:5px;  min-height:50px; vertical-align:top;}

.pro_calendar_day							{position:absolute;font-size:0.85em;color:#888;padding:0 0 4px 0;min-height:50px;}

.pro_calendar_table .pro_calendar_redday		{color:#f64a1b;}
.pro_calendar_table .pro_calendar_blueday		{color:#397fe7;}
  
.pro_calendar_table .full_day				{background:#e8e8ed;}
.pro_calendar_table .posible_day			{background:#fbe9e7; cursor:pointer;}
.pro_calendar_table .noselect_day			{background:#e4f3fb;}
.pro_calendar_table .select_day				{background:#fbf5e4; }

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

/* mobie screen 785 */
@media screen and (max-width:785px) {
.pro_calendar_title_select					{float:none; width:100%; text-align:center;}
.pro_calendar_title_check					{float:none; width:100%; text-align:center;}
.pro_calendar_content						{display:none;}
.pro_calendar_content2						{display:block;}

.pro_calendar_redday		{color:#f64a1b;}
.pro_calendar_blueday		{color:#397fe7;}

}


/* 출결상황  */
.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:#06f300;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;} /* 공결 */ 

/* mobie screen 785 */
@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;}  공결 */ 
}


/*	여기저기 쓰일 버튼들	*/
.btn_pro_orange				{display:inline-block;line-height:20px;padding:2px 5px;color:#fff;background:#ff7800;border:1px solid #ff7800;border-radius:3px;font-size:12px;} /* 주황색 버튼 */
.btn_pro_gray				{display:inline-block;line-height:20px;padding:2px 5px;color:#fff;background:#9b9b9b;border:1px solid #9b9b9b;border-radius:3px;font-size:12px;} /* 회색 버튼 */
.btn_pro_skyblue			{display:inline-block;line-height:20px;padding:2px 5px;color:#fff;background:#0096ff;border:1px solid #0096ff;border-radius:3px;font-size:12px;} /* 하늘색 버튼 */
.btn_pro_violet				{display:inline-block;line-height:20px;padding:2px 5px;color:#fff;background:#ba00ff;border:1px solid #ba00ff;border-radius:3px;font-size:12px;} /* 보라색 버튼 */


/*	탭메뉴	*/
.pro_sub_tabmenu01			{width:100%; min-height:36px; overflow:hidden;}
.pro_sub_tabmenu01 li		{float:left;margin-left:-1px;}
.pro_sub_tabmenu01 li:first-child	{margin-left:0;}
.pro_sub_tabmenu01 li a		{display:inline-block;zoom:1;*display:inline;width:100%;line-height:36px;text-align:center;background:#f5f5f5;color:#333; font-weight:bold;border:1px solid #d0d0d0; }
.pro_sub_tabmenu01 li a:hover		{color:#397ae1;}
.pro_sub_tabmenu01 li.on a	{background:#397ae1; border:1px solid #397ae1;color:#fff;  }
.pro_sub_tabmenu01 li.on:hover	{   }


/*	테이블 배경색	*/
.bg_eee		{background-color:#eeeeee;}

/* 버튼스타일 ================================================================================== */
.pro_btn01				{display:inline-block;line-height:20px;padding:0 10px;color:#fff;background: #3a65e0; font-size:12px;border:1px solid #265caf;cursor:pointer;
							border-radius:2px;  -moz-box-shadow:0 1px 0 #d9d9d9;-webkit-box-shadow:0 1px 0 #d9d9d9;box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본  */
.pro_btn02				{display:inline-block;line-height:22px;padding:0 10px 0 10px;color:#fff;background:#656a77; font-size:12px;border:0 solid #999;cursor:pointer;min-width:45px;} /* 회색 작은 버튼 */
.pro_btn03				{display:inline-block;line-height:22px;padding:0 10px 0 10px;color:#fff;background:#303030; font-size:12px;border:0 solid #111;cursor:pointer;min-width:45px;} /* 검은색 작은 버튼 */
.pro_btn04				{display:inline-block;line-height:22px;padding:0 10px 0 10px;color:#fff;background:#ff228a; font-size:12px;border:0 solid #f26f06; cursor:pointer; min-width:45px; font-weight:normal;letter-spacing:0;} /* 핑크 작은 버튼 */


.pro_btn05				{display:inline-block;line-height:20px;padding:0 10px;background:#fff; font-size:12px;color:#1447d8;border:1px solid #3a65e0;cursor:pointer; font-weight:normal;letter-spacing:0;
							border-radius:2px;  -moz-box-shadow:0 1px 0 #e5e5e5;-webkit-box-shadow:0 1px 0 #e5e5e5;box-shadow:0 1px 0 #e5e5e5;} /* 파란 라인 작은 버튼 */
.pro_btn05_h			{display:inline-block;line-height:20px;padding:0 10px;background:#fff; font-size:12px;color:#999;border:1px solid #ccc; font-weight:normal;letter-spacing:0;
							border-radius:2px;  -moz-box-shadow:0 1px 0 #e5e5e5;-webkit-box-shadow:0 1px 0 #e5e5e5;box-shadow:0 1px 0 #e5e5e5;} /* 회색 라인 작은 버튼 - 비활성화용 */
 

.pro_btn06				{display:inline-block;line-height:25px;padding:1px 10px 0 18px;color:#444; border:1px solid #bbb;font-size:12px; background:url("../image/common/btn_icon1.png") no-repeat 0 50% #fff; border-radius:2px;cursor:pointer;}   /* 화살표가 있는 기본 버튼 */ 
.pro_btn07				{display:inline-block;line-height:20px;padding:0 10px;color:#fff;background: #646e7d; font-size:12px;border:1px solid #5a6370;cursor:pointer; 
							border-radius:2px;  -moz-box-shadow:0 1px 0 #d9d9d9;-webkit-box-shadow:0 1px 0 #d9d9d9;box-shadow:0 1px 0 #d9d9d9;} /* 회색 작은 버튼 - 기본  */
 

.pro_btn01_big			{display:inline-block;line-height:30px;padding:0 15px 0 15px;color:#fff;background: #3a65e0; font-size:15px;border:0;border-radius:3px; } /* 파랑 큰 버튼 */
.pro_btn02_big			{display:inline-block;line-height:30px;padding:0 15px 0 15px;color:#fff;background: #656a77; font-size:15px;border:0;border-radius:3px; } /* 회색 큰 버튼 */

.pro_btn03_big			{display:inline-block;line-height:45px;padding:0 20px 0 20px;color:#fff;background-color:#3a65e0; font-size:17px;border:0;border-radius:4px; cursor:pointer;} /* 파랑 큰 버튼 */



/* 공모전 등 큰 버튼 */ 
.pro_btn04_big			{display:inline-block;line-height:45px;padding:0 30px;color:#fff;background: #3a65e0; font-size:1.3em;border:0;font-weight:bold;border-radius:4px;margin:0 3px;}


.btn_print01		{display:inline-block;line-height:25px;padding:0 10px 0 10px;color:#fff; border:1px solid #555;font-size:12px; background: #666;  cursor:pointer;font-weight:normal;border-radius:3px; }  /*  프린트 버튼  */

.pro_form_btn			{display:inline-block;line-height:33px;padding:0 23px;color:#fff;background:#505c78;border:1px solid #505c78; border-radius:2px;font-size:14px; margin:0 3px;cursor:pointer;} 
.pro_form_btn:hover		{background:#333;border:1px solid #222;color:#fff;}
.pro_form_btn_h			{display:inline-block;line-height:33px;padding:0 23px;color:red;background:#fff;border:1px solid #f53b3b; border-radius:2px;font-size:14px; margin:0 3px; } /* 빨간라인 */
.pro_form_btn_h:hover	{color:#fff; background:red;}
.pro_form_btn_h2		{display:inline-block;line-height:33px;padding:0 23px;color:#888;background:#fff;border:1px solid #d0d0d0; border-radius:2px;font-size:14px; margin:0 3px; } /* 회색라인 */

/*	종합결과보고서 탭	*/
.vision_1			{display:;}
.vision_2			{display:none;}
.vision_3			{display:none;}


/*	만족도조사 스타일 */
.epoll_view_box				{padding:12px; border :5px solid #eaeaea;overflow:hidden;}   
.epoll_view_tit				{background:#eaeff4;padding:7px 10px;border-top:1px solid #d4dce4;border-bottom:1px solid #d4dce4;overflow:hidden;font-size:13px; color:#333; font-weight:bold; margin:0 0 5px 0;} /* 설문 질문박스 */
.epoll_view_no				{display:inline-block;width:25px;height:25px;line-height:26px;background:#8494a5;font-size:12px; text-align:center; color:#fff; font-weight:bold;border-radius:20px;margin:0 8px 0 0;}
 
.epoll_notice				{color:#3a65e0;font-weight:Bold;padding:5px 8px; }
.epoll_view_helpbox			{padding:7px 10px;color:#fa7c00;}

.epoll_view_awrap			{padding:6px 10px 15px 10px;border-bottom:0 solid #ddd; overflow:hidden;}  
.epoll_view_awrap li		{padding:3px 0;border-bottom:0 dashed #ddd;} 
.epoll_view_awrap li input	{vertical-align:-2px;padding-bottom:5px;}


.teacher_form				{display:none;}
.match_arr_div				{float:left; width:25%;}

/*	반응형 관련 스타일	*/
.resp					{overflow:hidden;color:#333;line-height:40px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.resp div.title1		{float:left;width:15%;font-weight:bold;text-align:center;border-top:1px solid #ddd;}
.resp div.title1_col	{float:left;width:100%;font-weight:bold;text-align:center;border-top:1px solid #ddd;background-color:#eee;}
.resp div.content1		{float:left;width:35%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.resp div.content1_col	{float:left;width:85%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.resp div.content1_col2	{float:left;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.resp div.title2		{float:left;width:15%;font-weight:bold;border-left:1px solid #ddd;text-align:center;border-top:1px solid #ddd;}
.resp div.title3		{float:left;width:15%;font-weight:bold;border-left:1px solid #ddd;text-align:center;border-top:1px solid #ddd;}
.resp div.content2		{float:left;width:35%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.resp div.content3		{float:left;width:85%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}

.abcd_li li				{float:left; width:20%;}
.request_view_pc		{display:block;}
.request_view_mobile	{display:none;}

@media screen and (max-width:937px) {
.resp div.title1		{width:30%;}
.resp div.content1		{width:70%;}
.resp div.content1_col	{width:70%;}
.resp div.title2		{width:30%;border-left:0px solid #ddd;}
.resp div.title3		{width:30%;border-left:0px solid #ddd;}
.resp div.content2		{width:70%;}
.resp div.content3		{width:70%;}

.abcd_li li				{float:left; width:25%;}
}

/* mobie screen 785 */
@media screen and (max-width:785px) {
.resp div.title1		{width:30%;}
.resp div.content1		{width:70%;}
.resp div.content1_col	{width:70%;}
.resp div.title2		{width:30%;border-left:0px solid #ddd;}
.resp div.title3		{width:30%;border-left:0px solid #ddd;}
.resp div.content2		{width:70%;}
.resp div.content3		{width:70%;}
.abcd_li li				{float:left; width:33%;}
.request_view_pc		{display:none;}
.request_view_mobile	{display:block;}
}


/* mobie screen 480 */
@media screen and (max-width:480px) {
.resp div.title1		{width:40%;}
.resp div.content1		{width:60%;}
.resp div.content1_col	{width:60%;}
.resp div.title2		{width:40%;}
.resp div.title3		{width:40%;}
.resp div.content2		{width:60%;}
.resp div.content3		{width:60%;}
.abcd_li li				{float:left; width:50%;}
}

/*	div 테이블 형태 width 다양화	*/
.resp div.title_flex100		{float:left; width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex90		{float:left; width:90%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex80		{float:left; width:80%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex70		{float:left; width:70%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex60		{float:left; width:60%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex50		{float:left; width:50%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex40		{float:left; width:40%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex30		{float:left; width:30%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex20		{float:left; width:20%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.title_flex10		{float:left; width:10%; border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-align:center; padding:3px 2px;}
.resp div.content_flex100	{float:left; width:100%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex90	{float:left; width:90%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex80	{float:left; width:80%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex70	{float:left; width:70%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex60	{float:left; width:60%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex50	{float:left; width:50%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex40	{float:left; width:40%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex30	{float:left; width:30%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex20	{float:left; width:20%; border-right:1px solid #ddd; padding:3px 2px;}
.resp div.content_flex10	{float:left; width:10%; border-right:1px solid #ddd; padding:3px 2px;}


/*	div 테이블 형태 width 다양화	*/


/* 학생실습신청 탭메뉴 약간 변경 */
.ssub_tabmenu01					{width:100%; height:40px;box-sizing:border-box;}
.ssub_tabmenu01 li				{float:left;border-bottom:1px solid #ccc;background-color:#f8f8f8;border-radius:0px 40px 40px 0px / 0px 40px 40px 0px;}
.ssub_tabmenu01 li:last-child	{border-right:1px solid #ccc;}
.ssub_tabmenu01 li a				{display:inline-block;line-height:41px;font-size:13px;padding:0 15px;width:100%;text-align:center;color:#666;border-left:3px solid #ccc;border-top:3px solid #ccc; border-radius:0px 40px 40px 0px / 0px 40px 40px 0px;}
.ssub_tabmenu01 li.on a			{line-height:41px;background:#afcbff;color:#25264a; border-radius:0px 40px 40px 0px / 0px 40px 40px 0px;}
.ssub_tabmenu01 li.on			{background:#afcbff;border-top:3px solid #0030ff;border-left:3px solid #0030ff;}


/* mobie screen 785 */
@media screen and (max-width:785px) {
	.ssub_tabmenu01			{width:100%;margin-bottom:30px;}
	.ssub_tabmenu01 li		{}
	.ssub_tabmenu01 li:first-child	{margin-left:0;}
	.ssub_tabmenu01 li a		{ white-space:nowrap;padding:0px;font-size:0.7em;border-radius:0px 20px 20px 0px / 0px 20px 20px 0px;}
	.ssub_tabmenu01 li.on	{}
	.ssub_tabmenu01 li.on a	{ }
}
/* 학생실습신청 탭메뉴 약간 변경 */


.w45				{width:45%;}

.graph_box01		{border:1px solid #d2d2d2; padding:10px; margin:10px 0px; width:100%;}



.company_mypage_box			{overflow:hidden;color:#333;line-height:40px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ccc;}

.company_mypage_box div.title		{float:left;width:13%;font-weight:bold;text-align:center;}
.company_mypage_box div.title_2		{float:left;width:13%;font-weight:bold;text-align:center;border-left:1px solid #ccc;}
.company_mypage_box div.content		{float:left;width:37%;border-left:1px solid #ccc;padding-left:10px;}
.company_mypage_box div.content_2	{float:left;width:37%;border-left:1px solid #ccc;padding-left:10px;}
.company_mypage_box div.content_col	{float:left;width:87%;border-left:1px solid #ccc;padding-left:10px;}
.company_mypage_box div.title1		{float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ccc;}
.company_mypage_box div.title1_2		{float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.company_mypage_box div.content1		{float:left;width:37%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
.company_mypage_box div.content1_col	{float:left;width:87%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
.company_mypage_box div.title2		{float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.company_mypage_box div.content2		{float:left;width:37%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
.company_mypage_box div.checkbox_cert	{float:left; width:20%;}
.company_mypage_box div.checkbox_wish_divi	{float:left; width:25%;}
.company_mypage_box div.checkbox_wish_sanhak	{width:100%;}

@media screen and (max-width:985px) {
	.company_mypage_box div.checkbox_wish_divi	{float:left; width:33%;}
}

 /* mobile screen 937px */
@media screen and (max-width:937px) {
	.company_mypage_box div.title		{float:left;width:25%;font-weight:bold;text-align:center;}
	.company_mypage_box div.title_2		{float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content		{float:left;width:75%;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content_col	{float:left;width:75%;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content_2	{float:left;width:75%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.title1		{float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;}
	.company_mypage_box div.title1_2		{float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content1		{float:left;width:75%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content1_col	{float:left;width:75%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.title2		{float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content2		{float:left;width:75%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.checkbox_cert	{float:left; width:33%;}
	.company_mypage_box div.checkbox_wish_divi	{float:left; width:50%;}
}
/* screen 480 */
@media screen and (max-width:480px) {

	.company_mypage_box div.title		{float:left;width:30%;font-weight:bold;text-align:center;}
	.company_mypage_box div.title_2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content		{float:left;width:70%;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content_col	{float:left;width:70%;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content_2	{float:left;width:70%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.title1		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;}
	.company_mypage_box div.title1_2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content1		{float:left;width:70%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content1_col	{float:left;width:70%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.title2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content2		{float:left;width:70%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.checkbox_cert	{float:left; width:100%;}
	.company_mypage_box div.checkbox_wish_divi	{float:left; width:100%;}
}

.company_search_wrap			{overflow:hidden;}
.company_search_total			{float:left;}
.company_search_total p			{margin-top:5px;}
.company_search					{float:right;}
.company_search select			{border:1px solid #ddd;min-width:80px;height:30px;line-height:30px;vertical-align:top;}
.company_search .input_form		{padding:0;margin:0;border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:28px;line-height:28px;vertical-align:baseline;margin-bottom:0;background:#f8f8f8;}
.company_search .btnSearch		{display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #353d46;background:#48525e;color:#fff;font-size:12px;width:48px;height:30px;line-height:30px;margin:0 1px;cursor:pointer;}

.company_list_mobile			{display:none;}
/* screen 785 */
@media screen and (max-width:785px) {



	.company_list_desk				{display:none;}
	.company_list_mobile			{display:block;}
	.company_list					{border-top:2px solid #555;}
	.company_list li				{padding:15px 10px;overflow:hidden;}
	.company_list li:nth-child(even)	{background:#F6F6F6;}
	.company_list .title			{float:left;width:40%;color:#343434;}
	.company_list .txt				{float:right;width:55%;color:#888;font-size:0.95em;}
}

/* screen 580 */
@media screen and (max-width:580px) {


	.company_list li				{padding:8px;}
	.company_list .title			{float:none;width:100%;margin-bottom:5px;}
	.company_list .txt				{float:none;width:100%;}
}

/* screen 480 */
@media screen and (max-width:480px) {
	
	.company_search_total		{float:none;margin-bottom:10px;text-align:center;}
	.company_search				{float:none;text-align:center;}


	.company_mypage_box div.title		{float:left;width:30%;font-weight:bold;text-align:center;}
	.company_mypage_box div.title_2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content		{float:left;width:70%;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content_col	{float:left;width:70%;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content_2	{float:left;width:70%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.title1		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;}
	.company_mypage_box div.title1_2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content1		{float:left;width:70%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.content1_col	{float:left;width:70%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.title2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.company_mypage_box div.content2		{float:left;width:70%;border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.company_mypage_box div.checkbox_cert	{float:left; width:100%;}
	.company_mypage_box div.checkbox_wish_divi	{float:left; width:100%;}
}

.svow_person_agree	{display:none; overflow:auto; height:400px; border:2px solid #333; margin-top:20px; padding:10px;}