@charset "utf-8";

/* 팝업 공통 */
.pop_intro_txt {
	padding: 10px 0 10px 44px;
	font-size: 1.5rem; word-break: keep-all; 
	background: #f1f2ce url(../../images/client/sub/icon_infotext.png) no-repeat 10px 10px; background-size: 24px;
	border-radius: 10px;
}
.pop_thank_txt {
	padding: 10px 0;
	font-size: 1.5rem; word-break: keep-all;
	color: #0d65d9; text-align: center; font-weight: 600;
}
.pop_content input[type="text"].form_style {
	padding: 0 8px;
}
.pop_content .select_form label, .pop_content .select2-container .select2-choice {
	padding-left: 8px;
}

/* 공지사항 팝업 */
.pushpop_wrap  {
	width: 100%; height: 520px;
	padding-bottom: 40px;
	position: relative;
}
.pushpop_wrap img {
	max-width: 100%;
}
.push_header {
	padding: 10px 10px 0 10px;
	text-align: center; word-break: keep-all;
}
.push_header h1 {
	font-size: 1.8rem; font-weight: 800; letter-spacing: -0.05em;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);

}
.push_header h1 span {
	display: block;
	font-family: Notokr, sans-serif; font-size: 1.5rem; font-weight: 500; color: #999;
}
.push_container {
	padding: 10px;
}
.push_content {
	overflow-y: auto;
	height: 400px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}
.pusupop_footer {
	position: relative;
	margin-top: -40px;
	height: 40px;
	background-color: #363636;
	color: #fff;
	z-index: 2;
}
.pusupop_footer p {
	position: absolute; top: 50%; right: 60px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pusupop_footer p input {
	display: none;
}
.pusupop_footer p label {
	position: relative;
	display: block;
	padding-right: 25px;
	background: url(../../images/client/popup/push_check.png) no-repeat right center;
}
.pusupop_footer p label::before {
	position: absolute; bottom: 0; left: 0;
	content: "";
	display: block;
	width: 0; height: 0;
	background: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.pusupop_footer p input:checked + label {
	background-image: url(../../images/client/popup/push_check_on.png);
}
.pusupop_footer p input:checked + label::before {
	width: calc( 100% - 24px ); height: 1px;
}
.pusupop_footer p label:hover {
	cursor: pointer;
}
.pusupop_footer .push_close {
	position: absolute; top: 0; right: 0;
	display: inline-block;
	width: 40px; height: 40px;
	background: url(../../images/client/popup/btn_notice_close.png) no-repeat center;
	font-size: 0; line-height: 0;
	border-left : 1px solid #b7b7b7;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.pusupop_footer .push_close:hover {
	background-color: #202020;
}

/* 로그인 팝업 */
.login_wrap {
	display: flex;
	margin: 0; padding: 0;
	width: 100vw; height: 100vh;
	align-items: center; justify-content: center;
	background: url(../../images/client/popup/bg_login.png) no-repeat center; background-size: cover;
}
.login_box {
	padding: 55px 95px 95px 500px;  
	width: 860px;
	background-color: #fff;
	background-image: url(../../images/client/popup/img_login.png);
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.login_box h1 {
	margin: 0 auto 40px;
	margin-bottom: 40px;
	width: 242px; height: 76px;
	font-size: 0;
	background: url(../../images/client/popup/img_systemlogo.png) no-repeat;
	background-size: contain; 
}
.login_box h1 img {
	width: 100%;
}
.login_box h1 strong {
	color: #9d1d40; font-family: inherit; font-weight: inherit;
	vertical-align: 0;
}
.login_form {
	position: relative;
}
.login_input {
	position: relative;
	display: block;
	margin-bottom: 10px;
	height: 50px;
}
.login_input:nth-child(2) {
	margin-bottom: 0;
}
.login_input input {
	display: block;
	padding: 15px;
	width: 100%;
	font-size: 1.5rem;
	border: none;
	border-bottom: 1px solid #f2f3f2; 
}
.login_input input::placeholder {
	color: #444444 !important;
	opacity: 1; /*firefox*/
}
/*Firefox*/
.login_input input:-moz-input-placeholder {
	color: #444444 !important;
}
/*IE 10-11*/
.login_input input:-ms-placeholder {
	color: #444444 !important;
}
.login_input input:-ms-input-placeholder {
	color: #444444 !important;
}
/*Microsoft Edge*/
.login_input input::-ms-placeholder {
	color: #444444 !important;
}
.login_input input:focus {
	border-color: #9d1d40; 
}
.login_form .btn_loginsubmit {
	display: block; 
	width: 100%;
	color: #fff; font-size: 1.7rem; font-weight: 500; letter-spacing: 0.07em; line-height: 50px; text-align: center; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.id_save {
	display: inline-block;
	margin: 30px 10px 10px 0; 
}
.id_save > input {
	display: none;
}
.id_save > label {
	padding: 2px 0 2px 22px;
	font-family: inherit;
	background-repeat: no-repeat;
	background-position: left 55%;
	background-image: url(../../images/client/formstyle/icon_check.png);
	cursor: pointer;
}
.id_save input:checked + label {
	background-image: url(../../images/client/formstyle/icon_check_on.png);
}
.bottom_logo {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 131px; height: auto; 
}

/* 서브페이지 팝업 */
.pop_wrapper {
	background: #fff;
	-webkit-box-shadow: 0 4px 14px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 4px 14px rgba(0,0,0,0.2);
	box-shadow: 0 4px 14px rgba(0,0,0,0.2);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
}
.pop_xl_wrap {
	margin: 0 auto;
	width: 1100px;
}
.pop_lg_wrap {
	margin: 0 auto;
	width: 850px;
}
.pop_md_wrap {
	margin: 0 auto;
	width: 700px;
}
.pop_sm_wrap {
	margin: 0 auto;
	width: 550px;
}
.pop_xs_wrap {
	margin: 0 auto;
	width: 450px;
}
.pop_content {
	padding: 30px;
	min-height: 100px;
}
.pop_lg_content {
	max-height: 650px;
	overflow-y: auto;
}
.pop_md_content {
	max-height: 500px;
	overflow-y: auto;
}
.pop_sm_content {
	max-height: 400px;
	overflow-y: auto;
}
.pop_header {
	position: relative;
	display: flex;
	padding: 10px 60px 10px 30px;
	min-height: 60px;
	align-items: center;
	background: #9d1d40;
}
.pop_header h2 {
	color: #fff; font-size: 2.3rem; line-height: 1.4em;
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.pop_header .pop_close {
	position: absolute; top: 50%; right: 30px;
	margin-top: -12px;
	width: 24px; height: 24px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/popup/pop_close.png) center no-repeat;
	background-size: contain;
}
.pop_header h2 > strong {
	font-family: inherit; font-size: 1.6rem;
}
.pop_footer {
	padding: 20px; 
	text-align: center;
	border-top: 1px solid #d7d7d7;
}
.pop_footer button {
	margin: 0 2px;
}

/* 타이틀 */
.pop_content .section_tit {
	padding-left: 25px;
	font-size: 1.2rem;
	background-size: 18px;
}

/* 검색창 */
.pop_content .search_box {
	padding: 20px;
}

/* 셀렉트 */
.pop_content .select2-container .select2-choice {
	height: 40px;
}
.pop_content .select2-container .select2-choice > .select2-chosen {
	line-height: 38px;
}

/* 팝업 내 첨부 파일 */
.pop_content .adit_top a {
	/* display: block; */
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}

/* 팝업 내 드래그 첨부 */
.pop_content .attachment_box .inner {
	min-height: 200px; height: auto;
}
.pop_content .attachment_box .detail {
	margin-top: 7px;
	font-size: 1.4rem;
}

/* 날짜선택 팝업 */
.pop_content .bg {
	margin-top: 0;
	padding-bottom: 30px;
}
.pop_content .calender_topbox {
	top: 30px;
}
.pop_content .fc-ltr .fc-basic-view .fc-day-number {
	padding: 5px 5px 0 5px;
	font-size: 1.5rem;
}
.pop_content .fc-title {
	padding: 2px 10px;
	font-size: 1.3rem;
}
.pop_content .fc-basic-view .fc-body .fc-row {
	min-height: 120px;
}
.pop_content .fc-unthemed td.fc-day-number > span {
	font-size: 1.3rem;
}

/* 상담 상세 팝업 */
.statusinfo_toparea {
	position: relative;
	margin-bottom: 10px;
}
.statusinfo_left, .statusinfo_right {
	font-size: 0; line-height: 0;
}
.statusinfo_toparea p {
	display: inline-block;
	margin-right: 20px;
	color: #5c5c5c; font-size: 1.6rem;
}
.statusinfo_toparea p:last-child {
	margin-right: 0;
}
.statusinfo_toparea p strong, .statusinfo_toparea p span {
	font-weight: 600; line-height: inherit; vertical-align: 0;
}
.statusinfo_right {
	position: absolute; top: 0; right: 0;
}
.counselreply_box {
	padding: 20px;
	background: #f8f1f3;
}

/* 워크넷 팝업 */
.worknetinfo_wrap {
	margin: 20px auto 0;
	width: 86%;
	text-align: center; word-break: keep-all;
}
.worknetinfo_wrap p {
	margin-bottom: 20px;
	font-size: 16px; font-weight: bold; 
}
.worknetinfo_wrap ul {
	margin-bottom: 40px; padding: 16px 20px;
	text-align: left;
	background: url('../../images/client/popup/bg_worknet_pop.jpg') no-repeat right 10px bottom 10px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.worknetinfo_wrap ul li {
	margin-bottom: 4px;
	font-size: 1.6rem; font-weight: 600; color: #c01515; line-height: 1.6em;
}
.worknetinfo_wrap ul li:last-child {
	margin-bottom: 0;
}
.worknetinfo_wrap ul li::before {
	top: 12px;
}

/* 팀원 추가 팝업 */
.pop_teammember .pop_search_box .search_row {
	margin-top: 0; margin-bottom: -0.5em;
}
.pop_teammember .pop_search_box .search_row > div {
	margin-bottom: 0;
}
.pop_teammember .pop_search_box .grid_col:last-child {
	width: 75%;
}

/* 페이징 */
.pop_content .paging_wrap {
	padding-top: 20px;
}

/* 기업 상세정보 */
.pattern_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 5px;
	width: 100%;
	font-size: 0; line-height: 0;
	border: 0;
}
.pattern_wrap > li {
	display: inline-block;
	margin-left: 2%;
	width: 23.5%; 
	text-align: center; vertical-align: top;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pattern_wrap > li:first-child {
	margin-left: 0;
}
.pattern_wrap > li > div {
	height: 100%;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pattern_wrap > li strong {
	display: block;
	padding: 8px 0;
	color: #fff; font-size: 1.5rem; 
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.pattern_wrap > li:nth-child(1) strong {
	background: #de5f74;
}
.pattern_wrap > li:nth-child(2) strong {
	background: #bc3d57;
}
.pattern_wrap > li:nth-child(3) strong {
	background: #4777c4;
}
.pattern_wrap > li:nth-child(4) strong {
	background: #3b588a;
}
.pattern_wrap > li ul {
	padding: 25px 5px;
}
.pattern_wrap > li ul li {
	position: relative;
	display: block;
	margin-bottom: 15px; padding-left: 45px; padding-right: 25px; 
}
.pattern_wrap > li ul li:last-child {
	margin-bottom: 0;
}
.pattern_wrap > li ul li > p {
	position: absolute; left: 0; top: 0;
	width: 40px;
	color: #333; font-size: 1.3rem;
}
.pattern_wrap > li ul li div {
	position: relative;
	width: 100%; height: 15px;
	background-color: #ececec;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.pattern_wrap > li ul li div .pp_bar {
	position: absolute; top: 0; left: 0;
	height: 15px;
	background-color: #cc8593;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.pattern_wrap > li ul li .pp_bar_txt {
	position: absolute; top: -2px; right: -25px;
	display: inline-block;
	width: 25px;
	color: #cc8593; line-height: 20px; font-size: 12px;
}

.pp_updown {
	display: inline-block;
	width: 9px; height: 14px;
	vertical-align: top;
}
.up_arrow {
	background: url(../../images/client/sub/arrow_up.jpg) bottom center no-repeat;
}
.down_arrow {
	background: url(../../images/client/sub/arrow_down.jpg) bottom center no-repeat;
}

/* 롤모델 정보 */
.pop_content .rolemodel_wrap {
	padding: 30px;
}
.pop_content .rolemodel_who {
	position: static;
	margin: 0 auto 30px;
	justify-content: center;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
}
.pop_content .rolemodel_wrap .programpoint_list {
	text-align: center;
}
.pop_content .rolemodel_major strong {
	font-size: 1.7rem;
}
.pop_content .rolemodel_major p {
	font-size: 1.6rem;
}

/* 비교과 이수계획 추가 */
.programcard_addlist {
	height: auto; 
    box-shadow: 3px -3px 5px 2px rgba(28, 47, 67, 0.2);
}
.programcard_addlist .capa_label {
	top: 20px; left: 20px; z-index: 10;
}
.programcard_addlist .img_box {
	position: absolute; top: 14px; left: 14px;
	width: 280px; height: 194px;
	cursor: pointer;
}
.programcard_addlist.selected {
	box-shadow: 3px -3px 5px 2px rgba(168,145,94, 1);
}
.programcard_addlist .img_box::after {
	position: absolute; top: 0; left: 0; z-index: 1;
	content: "";
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.2) url(../../images/client/formstyle/icon_checkonly.png) no-repeat center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
}
.programcard_addlist.selected .img_box::after {
	background-color: rgba(0,0,0,0.5);
	background-image: url(../../images/client/formstyle/icon_checkonly_on.png);
	opacity: 1;
}
.programcard_addlist.selected  dt {
	color: #9d1d40;
}
.programcard_addlist .program_bottom {
	padding-left: 305px;
	padding-bottom: 75px;
}
.programcard_addlist .program_footer {
	position: absolute; left: 0; right: 0; bottom: 0;
}

/* 상담 만족도 조사 */
.double_arrow {
	display: inline-block;
	width: 14px; height: 12px;
	font-size: 0; line-height: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.double_left {
	background-image: url(../../images/client/formstyle/icon_double_left.png);
}
.double_right {
	background-image: url(../../images/client/formstyle/icon_double_right.png);
}
.tbl_satisfy table {
	border: 1px solid #d7d7d7;
}
.tbl_satisfy table thead th {
	position: relative;
	font-size: 1.4rem; line-height: 1em;
	padding-bottom: 40px;
	background: none;
	border: none;
}
.tbl_satisfy table thead th:first-child {
	padding-bottom: 10px;
	font-size: 1.5rem;
	background-color: #f5f2f3;
	border: 1px solid #d7d7d7;
}
.satisfy_score {
	position: absolute; bottom: 10px;
	display: block;
	width: 100%;
	padding-bottom: 5px;
	font-size: 1.3rem; font-weight: 500;
}
.satisfy_score::before {
	position: absolute; bottom: 0; left: 50%;
	content: "";
	display: inline-block;
	width: 1px; height: 4px;
	background-color: #9d1d40;
}
.satisfy_score::after {
	position: absolute; bottom: 0; left: 0;
	content: "";
	display: inline-block;
	width: 100%; height: 1px;
	background-color: #9d1d40;
}
.satisfy_score.first::before {
	margin-left: -4px; margin-bottom: -3px;
	width: 7px; height: 7px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.satisfy_score.first::after {
	left: inherit; right: 0;
	width: 50%; 
}
.satisfy_score.last::after {
	width: 50%; 
}
.satisfy_score.last::before {
	margin-left: -4px; margin-bottom: -3px;
	width: 7px; height: 7px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.radio_row.numbering {
	margin: 0;
}
.radio_row.numbering label {
	padding: 0;
	width: 20px; height: 20px;
	line-height: 18px; color: #243757;
	background-image: none;
	border: 1px solid #243757;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.radio_row.numbering input:checked + label {
	color: #fff;
	background-image: none;
	background-color: #243757;
	border-color: #243757;
}

/* 포트폴리오 공유하기 */
.qrimg_box {
	margin-bottom: 20px;
	text-align: center;
}
.qrurl_text {
	width: 90%;
	margin: 0 auto; padding: 30px;
	word-break: break-all; font-weight: 600;
	border: 1px solid #c2cad2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* 포트폴리오 출력하기 */
.resume_print {
	padding: 0 20px;
}
.resume_print .check_row {
	display: block;
	padding: 14px 10px;
	border-bottom: 1px solid #d7d7d7;
}
.resume_print .check_row:last-child {
	border-bottom: none;
}

/* 포트폴리오 이력서 등록 */
.pop_content .student_infobox .resumeimg {
	position: relative;
	margin-right: 40px;
	width: 120px;
}
.pop_content .student_infobox .resumeimg .img_wrap {
	margin-right: 0; margin-bottom: 5px;
}
.pop_content .student_infobox .resumeimg .btn_del {
	position: absolute; right: 5px; top: 5px;
}
.pop_content .student_infobox .resumeimg .attach_file {
	width: 100%;
}
.pop_content .resume_container {
	padding: 0;
	border: 0;
	background: #fff;
}
.pop_content .resume_container .tbl_row table {
	border-left: 0; border-right: 0;
}
.pop_content .resume_container .tbl_row thead th {
	border-right: 1px solid #eaeaea; border-left: 0;
}
.pop_content .resume_container .tbl_row thead th:last-child {
	border-right: 0;
}
.pop_content .resume_container .tbl_row tbody th {
	border-right: 1px solid #eaeaea;
}
.pop_content .resume_container .tbl_row tbody td {
	border-right: 0;
}
.pop_content .resume_container .tbl_row tbody td:first-child {
	border-left: 0;
}

.resumeedit_btnrow .check_row, .resumeedit_btnrow .btn_rowedit, .resumeedit_btnrow .btn_refresh2 {
	margin-top: 7px; margin-left: 16px;
	vertical-align: top;
}
.resumeedit_btnrow .check_row {
	margin-right: 0;
} 
.resumeedit_btnrow.btn_rowposition .section_tit_sm + .inner {
	top: -2px;
}

.btn_row {
	display: inline-block;
	font-size: 1.5rem; vertical-align: middle; line-height: 20px; 
	background-color: transparent;
}
.btn_row span {
	display: inline-block;
	margin-right: 6px;
	width: 20px; height: 20px;
	vertical-align: top;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn_row span {
	background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 12px;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn_row_add span {
	background-image: url(../../images/client/sub/btn_row_add.png);
}
.btn_row_del span {
	background-image: url(../../images/client/sub/btn_row_del.png);
}

/* 포트폴리오 자기소개서 등록 */
.selfintroedit_box {
	position: relative;
	padding: 20px;
	border: 2px solid #eaeaea;
}
.selfintroedit_tit {
	margin-bottom: 10px;
}
.selfintroedit_tit strong {
	display: block;
	margin-bottom: 12px;
	padding-right: 240px;
	font-size: 1.6rem; line-height: 1em; font-weight: 600;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.selfintroedit_btnrow {
	position: absolute; top: 14px; right: 20px; z-index: 1;
}
.selfintroedit_btnrow * {
	vertical-align: middle;
}
.selfintroedit_btnrow button {
	margin-left: 16px;
}
.selfintroedit_btnrow .check_row {
	margin-right: 0;
}
.selfintroedit_box input[type="text"].form_style {
	padding: 0 10px;
	height: 40px;
	line-height: 38px;
}
.selfintroedit_box textarea {
	margin-top: -1px; padding: 10px;
}
.selfintroedit_addbox {
	padding-top: 56px;
}
.selfintroedit_addbox textarea {
	margin-top: -1px; 
}

/* 포트폴리오 상세 */
.pop_content .resume_tit {
	background: #f2f2f2;
}
.pop_content .resume_tit::after {
	display: none;
}

/* 팝업 내 테이블 */
.pop_content .tbl_col table {
	border-top: 1px solid #eaeaea;
}

/* 상담 신청일시 선택 */  
.calendar_wrap {
	position: relative;
}
.calendar_wrap .fc-ltr .fc-basic-view .fc-day-number {
	padding: 5px 5px 0 5px;
	font-size: 1.5rem;
}
.calendar_wrap .fc-title {
	padding: 2px 10px;
	font-size: 1.3rem;
}
.calendar_wrap .fc-basic-view .fc-body .fc-row {
	min-height: 120px;
}
.calendar_wrap .fc-unthemed td.fc-day-number > span {
	font-size: 1.3rem;
} 
.calendar_wrap .fc-theme-standard td, .calendar_wrap .fc-theme-standard th {
	border: 1px solid #eaeaea !important; 
}   
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 75px;
}
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child {
	margin: 0 auto;
}
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child > * {
	display: inline-block;
}
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-prev-button,
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-next-button {
	padding: 1px;
	width: 30px; height: 30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center; 
    border: 1px solid #eaeaea;
	border-radius: 50%;
}  
.calendar_wrap .fc .fc-button-primary:focus, .calendar_wrap .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .calendar_wrap .fc .fc-button-primary:not(:disabled):active:focus {
	box-shadow: none;
}
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-prev-button {
    background-image: url(../../images/client/formstyle/icon_testlistprev_disabled.png);
}
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-next-button {
    background-image: url(../../images/client/formstyle/icon_testlistnext_disabled.png);
}
.calendar_wrap .fc-icon-chevron-left:before {
    display: none;
}
.calendar_wrap .fc-icon-chevron-right:before {
    display: none;
}
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-today-button { 
	display: none;
}
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-today-button::after {
    content: "현재 월로 이동";
    display: inline-block;
    height: 20px;
    text-align: left; 
}
.calendar_wrap .fc .fc-col-header-cell-cushion {
    font-weight: 400;
}
.calendar_wrap .fc .fc-daygrid-day-top {  
    justify-content: center;
}
.calendar_wrap .fc .fc-daygrid-day-number {
    color: #666;
}
.calendar_wrap .fc .fc-daygrid-day.fc-day-today {
	color: #8fc73f;
    background-color: #fbfdf8;
}
.calendar_wrap .event_box {
    margin-top: 10px;
    padding: 20px; 
    background-color: #d7ddf0;
}
.calendar_wrap .event_box .main_tit {
    margin-bottom: 10px;
	font-size: 1.8rem;
}
.calendar_wrap .event_box .nocnt_box {
    min-height: 196px;
    background-color: #fff;
}
.calendar_wrap .event_box .event_list { 
    height: 68px;
    overflow-y: scroll; 
} 
.calendar_wrap .fc .fc-daygrid-day-bottom {
	padding: 0;
}
.calendar_wrap .fc-scrollgrid-section-header {
	background-color: #fbfbfb;
}
.calendar_wrap .fc .fc-daygrid-day-top {
	justify-content: left;
}
.calendar_wrap .fc .fc-day-sun a {
	color: #ee4a4a;;
}
.calendar_wrap .fc .fc-day-sat a {
	color: #4491e8;
}
.calendar_wrap .fc-scrollgrid-sync-inner {
	text-align: left; font-family: Notokr, sans-serif;
}
.calendar_wrap .fc-daygrid-day.fc-day-other {
	background-color: #f3f3f3;
}

.calendar_wrap .possibility .fc-daygrid-event-dot {
	border-color: #4a88ee;
}
.calendar_wrap .complete .fc-daygrid-event-dot {
	border-color: #7f7f7f; 
} 
.calendar_wrap .application .fc-daygrid-event-dot {
	border-color: #ee4a4a;
} 
.calendar_wrap .fc-h-event .fc-event-title {
    font-weight: 500; 
}
.calendar_wrap .possibility.fc-h-event .fc-event-title { 
    color: #4a88ee;
}
.calendar_wrap .complete.fc-h-event .fc-event-title { 
    color: #7f7f7f;
}
.calendar_wrap .application.fc-h-event .fc-event-title { 
    color: #ee4a4a;
}
.calendar_wrap .calendar_mark {
	position: absolute; top: 35px; right: 0;
}
.calendar_wrap .calendar_mark li {
	margin: 0 5px;
} 
.calendar_wrap .calendar_mark li::before {
	content: "";
	display: inline-block;
	margin: 0 5px;
	width: 10px; height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.calendar_wrap .calendar_mark li:nth-child(1)::before {
	background-color: #4a88ee;
}
.calendar_wrap .calendar_mark li:nth-child(2)::before {
	background-color: #7f7f7f;
}
.calendar_wrap .calendar_mark li:nth-child(3)::before {
	background-color: #ee4a4a;
}
.calendar_wrap .fc-event {
	background-color: transparent;
	border: 1px solid transparent;
}
.calendar_wrap .fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover {
    background-color: transparent;
}
.calendar_wrap .possibility .fc-event-time {
	color: #4a88ee;
}
.calendar_wrap .possibility .fc-event-title {
	color: #4a88ee;
}
.calendar_wrap .complete .fc-event-time {
	color: #7f7f7f;
}
.calendar_wrap .complete .fc-event-title {
	color: #7f7f7f;
}
.calendar_wrap .application .fc-event-time {
	color: #ee4a4a;
}
.calendar_wrap .application .fc-event-title {
	color: #ee4a4a;
}
.calendar_wrap .fc-toolbar-title {
	margin-top: -4px;
}

/* 비교과프로그램 로드맵 팝업 */
.roadmap_info { 
    padding: 20px;
	text-align: center;
    background: #fff;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
}

/* 교수 : 팝업 */
.prof .pop_header {
	background-color: #11265b;
}

/* 자동로그아웃안내 팝업 */ 
.auto_logout {
	padding-top: 15px;
	text-align: center; font-size: 1.6rem;
}
.auto_logout .time {
	margin: 0 5px;
	color: #9d1d40; line-height: 1.8em; font-weight: 600;
	vertical-align: 0;
}


@media screen and (max-width:1279px) {
	
	/* 팝업 공통 1279 */
	.pop_xl_wrap{
		width: 94%;
	}
	
}
@media screen and (max-width:1079px) {

}
@media screen and (min-width:1025px) {

}
@media screen and (max-width:1024px) {
	
	/* 로그인 팝업 1024 */
	.login_box {
		padding: 55px 70px 95px 440px;
		width: 760px;
	}

	/* 서브페이지 팝업 1024 */
	.pop_lg_wrap {
		width: 94%;
		margin: 0 auto;
	}

	/* 기업 상세정보 1024 */
	.pattern_wrap {
		display: block;
	}
	.pattern_wrap>li {
		width: 49%;
		margin-left: 2%;
	}
	.pattern_wrap > li:nth-child(odd) {
		margin-left: 0;
	}
	.pattern_wrap > li:nth-child(1), .pattern_wrap > li:nth-child(2) {
		margin-bottom: 15px;
	}
	.pattern_wrap > li:nth-child(1) ul, .pattern_wrap > li:nth-child(2) ul {
		height: 185px;
	}
	.pattern_wrap > li:nth-child(3) ul, .pattern_wrap > li:nth-child(4) ul {
		height: 245px;
	}

	/* 포트폴리오 이력서 등록 1024 */
	.pop_content .student_infobox .resumeimg {
		margin: 0 auto 20px;
	}

}
@media screen and (max-width:768px) {
	
	/* 로그인 팝업 768 */
	.login_box {
		padding: 50px 10%;
		width: 80%; height: auto;
		background-image: none;
	}
	.login_box h1 {
		margin-bottom: 30px;
		width: 200px; height: 62px;
	}
	
	/* 팝업 공통 768 */
	.pop_md_wrap {
		width: 90%;
	}
	.pop_sm_wrap {
		width: 80%;
	}
	.pop_xs_wrap {
		width: 80%;
	}
	.pop_content {
		padding: 12px;
	}
	.pop_content {
		max-height: 400px;
		overflow-y: auto;
	}
	.pop_lg_content {
		max-height: 400px;
	}
	.pop_md_content {
		max-height: 400px;
	}
	.pop_sm_content {
		max-height: 400px;
	}
	.pop_header {
		padding: 10px 45px 10px 20px;
		min-height: 50px;
	}
	.pop_header h2 {
		padding-right: 45px;
		font-size: 1.8rem; 
	}
	.pop_header h2 > strong {
		display: block;
		font-size: 1.4rem;
	}
	.pop_header .pop_close {
		right: 20px;
		margin-top: -10px;
		width: 20px; height: 20px;
	}
	.pop_footer {
		padding: 15px;
	}
	
	/* 영역 공통 768 */
	.pop_content .section_marea {
		margin-bottom: 6%;
	}
	.pop_content .section_sarea {
		margin-bottom: 4%;
	}

	/* 상담 상세 팝업 768 */
	.statusinfo_toparea {
		margin-top: 3px;
	}
	
	/* 팀원 추가 팝업 768 */
	.pop_teammember .pop_search_box .search_row {
		margin-bottom: 0;
	}
	.pop_teammember .pop_search_box .search_row > div {
		margin-bottom: 6px;
	}
	.pop_teammember .pop_search_box .grid_col:last-child {
		margin-bottom: 0;	
		width: 100%;
	}

	/* 기업 상세정보 768 */
	.pattern_wrap > li ul {
		padding: 15px 5px;
	}
	.pattern_wrap > li:nth-child(1) ul, .pattern_wrap > li:nth-child(2) ul {
		height: 145px;
	}
	.pattern_wrap > li:nth-child(3) ul, .pattern_wrap > li:nth-child(4) ul {
		height: 195px;
	}
	.pattern_wrap > li ul li {
		margin-bottom: 10px;
	}
	.pattern_wrap > li:nth-child(1), .pattern_wrap > li:nth-child(2) {
		margin-bottom: 10px;
	}
	
	/* 롤모델 정보 768 */
	.pop_content .rolemodel_wrap {
		padding: 20px 20px 10px;
	}
	.pop_content .rolemodel_major strong, .pop_content .rolemodel_major p {
		font-size: 1.5rem;
	}

	/* 비교과 이수계획 추가 768 */
	.programcard_addlist dt > a {
		padding-bottom: 0;
	}
	.programcard_addlist .img_box {
		width: 242px; height: 150px;
	}
	.programcard_addlist .program_bottom {
		padding-left: 265px;
		padding-bottom: 50px;
	}


	/* 포트폴리오 이력서 등록 768 */
	.pop_content .student_infobox .resumeimg {
		width: 100px;
	}
	
	/* 해시태그 검색 팝업 768 */
	.hashsearch_result {
		bottom: -10px; left: -10px;
		margin-top: 10px;
		width: calc(100% + 20px);
	}
	.hashsearch_result .section_tit_md {
		padding-left: 15px;
		font-size: 1.3rem;
	}
	.hashsearch_result .section_tit_sm {
		padding-left: 12px;
		font-size: 1.3rem;
	}
	.hashtag_select {
		padding-right: 60px;
	}


	
	
}
@media screen and (max-width:690px) {


}
@media screen and (max-width:480px) {
	
	/* 공지사항 팝업 480 */
	.pusupop_footer p {
		right: auto; left: 10px;
	}
	.pusupop_footer p label {
		padding-right: 0; padding-left: 22px;
		background-position: left center;
	}
	.pusupop_footer p label::before {
		left: 22px; 
	}
	.pusupop_footer p input:checked + label::before {
		width: calc( 100% - 20px );
	}
	
	/* 로그인 팝업 480 */
	.login_box {
		padding: 40px 7%;
		width: 86%;
	} 
	.login_box h1 {
		margin-bottom: 20px;
		width: 183px; height: 57px;
	}
	.login_input {
		height: 45px;
	}
	.login_form .btn_loginsubmit {
		line-height: 45px;
	}

	/* 팝업 내 드래그 첨부 480*/
	.pop_content .addfile_info dt {
		font-size: 1.6rem;
	}
	.pop_content .addfile_info dd span {
		min-width: 45px;
		font-size: 1.4rem;
	}

	/* 상담 상세 팝업 480 */
	.statusinfo_right {
		position: static;
		margin-bottom: 4px;
	}

	/* 워크넷 팝업 480 */
	.worknetinfo_wrap {
		width: 90%;
	}

	/* 기업 상세정보 480 */
	.pattern_wrap > li:nth-child(1), .pattern_wrap > li:nth-child(2) {
		margin-bottom: 6px;
	}
	.pattern_wrap > li ul {
		padding: 12px 5px;
	}
	.pattern_wrap > li ul li {
		padding-left: 42px;
	}

	/* 비교과 이수계획 추가 480 */
	.programcard_addlist .capa_label {
		top: 10px; left: 10px;
	}
	.programcard_addlist .img_box {
		position: relative; top: inherit; left: inherit;
		width: 100%;
	}
	.programcard_addlist .program_bottom {
		padding-left: 0;
	}

	
	/* 포트폴리오 이력서 등록 480 */
	.resumeedit_btnrow .check_row, .resumeedit_btnrow .btn_rowedit, .resumeedit_btnrow .btn_refresh2 {
		margin-left: 12px;
	}
	.resumeedit_btnrow .check_row label, .resumeedit_btnrow .btn_rowedit {
		padding-left: 20px;
	}
	.resumeedit_btnrow .btn_refresh2 {
		margin-right: 5px; padding: 0;
		width: 15px; height: 20px;
		font-size: 0; line-height: 0;
		background-size: 15px;
	}
	
	/* 자기소개서 등록 480 */
	.selfintroedit_box {
		padding: 46px 12px 12px;
	}
	.selfintroedit_btnrow {
		top: 10px; right: 12px;
	}
	.selfintroedit_btnrow .check_row, .selfintroedit_btnrow .btn_rowedit, .selfintroedit_btnrow .btn_refresh3 {
		margin-left: 12px;
	}
	.selfintroedit_btnrow .check_row label, .selfintroedit_btnrow .btn_rowedit {
		padding-left: 20px;
	}
	.selfintroedit_btnrow .btn_refresh3 {
		margin-right: 5px; padding: 0;
		width: 15px; height: 20px;
		font-size: 0; line-height: 0;
	}
	.selfintroedit_tit strong {
		padding-right: 0;
		white-space: normal; text-overflow: inherit;
		overflow: visible;
	}

}
@media screen and (max-width:320px) {
	
	/* 로그인 팝업 320 */
	.login_wrap {
		width: 94%;
	}
	.login_wrap .inner {
		padding: 60px 6%;
	}

	/* 서브페이지 팝업 320 */
	.pop_footer button {
		margin: 0;
	}

}