@charset "utf-8";

/*=================== 공통 ===================*/

/* 영역 */
.section_area {
	position: relative;
	margin-bottom: 5%;
}
.section_marea {
	position: relative;
	margin-bottom: 3%;
}
.section_sarea {
	position: relative;
	margin-bottom: 2%;
}
.section_toparea {
	position: relative;
	margin-top: 2%;
}

/* 영역 타이틀 */
.section_tit_lg, .section_tit_md, .section_tit_sm {
	color: #222; letter-spacing: -0.03em; font-family: TTTogether, sans-serif;  
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
} 
.section_tit_lg {
	margin-bottom: 0.5em; padding: 5px 0 5px 27px;
	font-size: 2.6rem;
	background: url(../../images/client/sub/icon_tit_lg.png) left 17px no-repeat;
}
.section_tit_md {
	margin-bottom: 0.4em; padding: 5px 0 5px 24px;
	font-size: 2.3rem;
	background: url(../../images/client/sub/icon_tit_md.png) left 16px no-repeat;
}
.section_tit_sm {
	margin-bottom: 0.4em; padding: 5px 0 5px 17px;
	font-size: 1.7rem;
	background: url(../../images/client/sub/icon_tit_sm.png) left 13px no-repeat;
}

.section_tit_lg + .txt_row {
	margin-top: -12px;
	margin-bottom: 12px;
}
.section_tit_lg + .txt_row.tip_txt {
	padding-top: 4px;
}

.section_tit_md + .txt_row {
	margin-top: -10px;
	margin-bottom: 10px;
}

/* 인포메이션 */
.tip_txt {
	padding: 5px 0 10px 28px;
	font-size: 1.5rem; word-break: keep-all;
	background: url(../../images/client/sub/icon_tiptext.png) no-repeat 3px 6px;
}
.txt_row { 
	font-size: 1.5rem; line-height: 1.7em; word-break: keep-all;
}

/* 필수값 */
.required::after {
	content: "*";
	display: inline-block;
	color: #e53c48; font-size: 1.4rem; line-height: inherit; font-weight: 600; vertical-align: top;
	font-family: notokr, sans-serif;
}

/* 토탈카운트 */
.total_count {
	margin-bottom: 10px;
	padding-left: 25px;
	color: #444; font-family: Notokr, sans-serif; font-size: 1.5rem; text-align: left; 
	background: url(../../images/client/sub/icon_totalcount.png) no-repeat left center;
}
.total_count span {
	display: inline-block;
	margin: 0 10px 0 0;
	color: #9d1d40; font-family: inherit; vertical-align: 0; font-weight: 600;
}
.searchtoggle_left .total_count {
	margin: 6px 0 0;
	line-height: 34px;
} 
/* 교수 : 토탈카운트 */
.prof.total_count {
	background-image: url(../../images/client/sub/icon_prof_totalcount.png);
}
.prof.total_count span {
	color: #11265b;
}

/* 카운트 */
.comment_count {
	display: inline-block;
	padding-left: 23px;
	font-size: 1.5rem;
	background: url(../../images/client/sub/icon_comment.png) no-repeat left center;
}
.view_count {
	display: inline-block;
	padding-left: 20px;
	font-size: 1.5rem;
	background: url(../../images/client/sub/icon_view_black.png) no-repeat left center;
}

/* 이미지 관련 */
.img_wrap {
	position: relative;
	overflow: hidden;
}
.img_wrap img {
	max-width: 100%;
}
.img_box {
	position: relative;
	background: #f2f2f2;
	overflow: hidden;
}
.img_box img {
	position: absolute; top: 50%; left: 50%;
	max-width: 110%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* 오픈이미지 */
.openimg_wrap {
	overflow: hidden;
}
.openimg img {
	max-width: 100%;
}
.image-source-link {
	color: #98C3D1; 
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
button.mfp-close {
	position: absolute; right: 20px; top: 20px;
	width: 20px; height: 20px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/common/btn_openimg_close.png) no-repeat center;
}
.mfp-image-holder .mfp-content {
	max-width: 100%;
}
.mfp-figure {
	background-color: transparent;
}
.mfp-figure figure {
	padding: 10px;
	background: #fff;
	overflow: auto;
}
img.mfp-img {
	width: auto; max-width: auto;
	padding: 0;
}
.mfp-figure::after {
	background-color: transparent;
	box-shadow: none;
}
.image_cousor {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

/* 로딩박스 */
.boxloading_wrap {
	position: relative; 
	overflow: hidden;
}
.boxloading {
	position: absolute; top: 0; left: 0; z-index: 10;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.8);
}
.boxloading img {
	position: absolute; top: 50%; left: 50%;
	width: 60px; height: 60px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* 검색결과 없음 */
.nocnt_box {
	position: relative;
	display: flex;
	padding: 20px 0;
	align-items: center; justify-content: center;
	background: #eaeaea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.nocnt_box p {
	display: block;
	padding: 20px 0 20px 60px;
	color: #444444; font-size: 2.2rem !important; text-align: center; font-weight: 500; word-break: keep-all;
	background: url(../../images/client/sub/icon_nocnt.png) no-repeat left center;
} 

/* 카드형 리스트 공통 스타일 */
.card_box {
	position: relative;
	vertical-align: top;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* 리스트 스타일 */
.list_dot > li {
	position: relative;
	padding-left: 10px;
	line-height: 1.7em; word-break: keep-all;
}
.list_dot > li::before {
	position: absolute; top: 10px; left: 0;
	content: "";
	display: inline-block;
	width: 5px; height: 5px;
	background-color: #222222;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.list_dot_md > li::before {
	top: 8px;
	width: 8px; height: 8px;
} 

.list_dot_gray > li {
	margin-bottom: 5px; padding-left: 15px;
	color: #ad9a9a; 
}
.list_dot_gray > li:last-child {
	margin-bottom: 0;
}

.list_dot_navy > li {
	margin-bottom: 8px; padding-left: 15px;
	color: #333; 
}
.list_dot_navy > li::before {
	background-color: #afb9c5;	
}
.list_dot_navy > li:last-child {
	margin-bottom: 0;
}
.list_dot_navy > li::before {
	background-color: #003469;	
}

.list_dot_sm > li {
	position: relative;
	padding-left: 10px;
	line-height: 1.7em;  
}
.list_dot_sm > li::before {
	position: absolute; top: 12px; left: 0;
	content: "";
	display: inline-block;
	width: 2px; height: 2px;
	background-color: #444444;
}

.list_line > li {
	position: relative;
	padding-left: 10px;
	line-height: 1.7em; word-break: keep-all;
}
.list_line > li::before {
	position: absolute; top: 10px; left: 0;
	content: "";
	display: inline-block;
	width: 5px; height: 1px;
	background-color: #222222;
}

.list_no > li {
	padding-left: 20px;
	line-height: 1.7em; word-break: keep-all;
}
.list_no > li > span {
	display: inline-block;
	margin-right: 5px; margin-left: -20px;
	width: 15px;
	line-height: inherit; vertical-align: top;
}

.list_dia > li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	font-size: 1.5rem;
}
.list_dia > li:last-child {
	margin-bottom: 0;
}
.list_dia > li::before {
	position: absolute; top: 4px; left: 0;
	content: "";
	display: inline-block;
	width: 12px; height: 12px;
	border: 3px solid #003469;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.list_circle > li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 1.5rem; letter-spacing: -0.05em;
}
.list_circle > li:last-child {
	margin-bottom: 0;
}
.list_circle > li::before {
	position: absolute; top: 6px; left: 0;
	content: "";
	display: inline-block;
	width: 8px; height: 8px;
	background-color: #004483;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* 별점 */
.star_level_wrap {
	padding: 10px;
}
.star_level {
	display: inline-block;
	width: 20px; height: 20px;
	background: url(../../images/client/sub/icon_starlevel_off.png) no-repeat center;
	background-size: 20px;
}
.star_level.on {
	background-image: url(../../images/client/sub/icon_starlevel_on.png);
}

/* 첨부파일 링크 */
.downfile_wrapper {
	padding: 20px;
	background-color: #f2f2f2;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.downfile_wrapper strong {
	display: inline-block;
	margin-right: 10px; padding: 0 13px 0 26px;
	font-weight: 500; font-size: 1.5rem; vertical-align: top;
	background-repeat: no-repeat; background-position: left center, right center;
	background-image: url(../../images/client/sub/bg_fileform.png), url(../../images/client/sub/bar_gray.jpg);
}
.downfile_link {
	display: inline-block;
	padding: 0 10px 0 20px;
	color: #193296;
	background: url(../../images/client/sub/icon_file.png) no-repeat left 4px;
}
.downfile_link:hover {
	text-decoration: underline;
}

/* 에디터 영역 */
.editor_area {
	overflow-x: auto;
}
.editor_area blockquote {
	margin: 0 0 20px;padding: 10px 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee;
	/*border-left: 5px solid #f86466;*/
	background: white;
}
.editor_area pre {
	display: block;
	margin: 0 0 10px; padding: 9.5px;
	color: #333; font-size: 13px; line-height: 1.42857143;
	word-break: break-all; word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.editor_area h1, .editor_area h2,  .editor_area h3,  .editor_area h4,  .editor_area h5,  .editor_area h6 {
	line-height: 1.1em;
}
.editor_area h1 {
	margin: 20px 0 10px;
	font-size: 36px;
}
.editor_area h2 {
	margin: 30px 0;
	font-size: 26px;
}
.editor_area h3 {
	font-size: 18px;
}
.editor_area h4 {
	margin: 10px 0;
	font-size: 18px;
}
.editor_area h5 {
	margin: 10px 0;
	font-size: 14px;
}
.editor_area h6 {
	margin: 10px 0;
	font-size: 12px;
}
.editor_area b, .editor_area strong {
	font-weight: 600; line-height: inherit; vertical-align: top;
}
.editor_area u {
	text-decoration: underline;
}
.editor_area table {
	margin-bottom: 20px;
	max-width: 100%; width: 100%;
	background-color: #fff;
	border: 1px solid #ddd;
	border-spacing: 0;
	border-collapse: collapse;
}
.editor_area table tbody tr td {
	padding: 8px;
	line-height: 1.42857143; vertical-align: top;
	border: 1px solid #ddd;
}
.editor_area img {
	max-width: 100%;
}

/*=================== //공통 ===================*/
/*=================== 메인 ===================*/
.mainpage_visual {
    background-color: #f9f9f9;  
	background-image: url(../../images/client/main/bg_mainvisual.png);
	background-repeat: no-repeat;
	background-position: center top;
}  
.mainpage_visual .grid_content {
	position: relative;
    height: 660px;
}
.mainpage_visual .grid_content::before {
	position: absolute; bottom: 50px; left: 236px;
	content: "";
	display: block;
	width: 550px; height: 470px;
	background-image: url(../../images/client/main/img_mainvisual.png);
	background-size: contain; 
	background-repeat: no-repeat;

}
.mainpage_visual h2 {
	position: absolute; right: 100px; bottom: 255px;
	width: 100%;
	color: #999; font-size: 2.5rem; text-align: right; line-height: 1em; letter-spacing: 0.02em; 
}
.mainpage_visual h2 strong {
	display: block;
	color: #fc8e83; font-size: 3.5rem;
	font-family: TTTogether, sans-serif;
}

.main_tit {
	margin-bottom: 15px;
	color: #9d1d40; font-size: 3rem; text-align: center;
	font-family: TTTogether, sans-serif; 
}

.main_timetbl_wrapper {
	padding: 40px 0 20px;
} 
.main_timetbl .fc .fc-view-harness { 
	border: 5px solid #e2e5eb;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; 
}
.main_timetbl .fc-theme-standard td, .main_timetbl .fc-theme-standard th {
	border-color: #e2e5eb; 
}     
.main_timetbl .fc-view, .main_timetbl .fc-view > table {
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}
.main_timetbl .fc-theme-standard .fc-scrollgrid {
	border: none;
}
.main_timetbl .fc .fc-toolbar-title {
	color: #11265b;  
    font-family: TTTogether, sans-serif;
}
.main_timetbl .fc-header-toolbar {
	margin-bottom: 10px !important;
	border: none;
}  
.main_timetbl .fc-theme-standard th {
	background-color: #e2e5eb;
}
.main_timetbl .fc .fc-col-header-cell-cushion { 
	margin: 5px 0 7px;
	font-weight: 600; font-size: 1.8rem;
    text-transform: uppercase; 
}
.main_timetbl .fc .fc-daygrid-day-top { 
	padding: 2px 0 0 5px;
	font-weight: 500;
    flex-direction: row;
}
.main_timetbl .fc .fc-daygrid-day-frame { 
	background-color: #fff;
} 
.main_timetbl .fc .fc-daygrid-day-number {
	font-weight: 500;
}
.main_timetbl .fc .fc-daygrid-day.fc-day-today {
	background-color: transparent;
}
.main_timetbl .fc .fc-day-today .fc-daygrid-day-frame {  
    background-color: #f8f3f5; 
}
.main_timetbl .fc-h-event .fc-event-title {
	word-break: keep-all;
}
.main_timetbl .fc-h-event {
	padding-left: 3px;
	background-color: #c2758a;
	border-color: #c2758a;
}
.main_timetbl .fc-h-event.color1 {
	background-color: #828eb8 ;
	border-color: #828eb8 ;
}
.main_timetbl .fc-h-event.color2 {
	background-color: #5b8e94;
	border-color: #5b8e94;
}
.main_timetbl .fc-h-event.color3 {
	background-color: #ad9d73 ;
	border-color: #ad9d73 ;
}
.main_timetbl .fc-h-event.color4 {
	background-color: #9e9e9e;
	border-color: #9e9e9e;
}
.main_timetbl .fc-daygrid-event {
	white-space: inherit;
}
.main_timetbl .fc-daygrid-event-dot {  
	border-color: #c2758a;
}
.main_timetbl .fc-theme-standard .fc-popover-header {
	background-color: #e2e5eb;
} 
.main_timetbl .fc .fc-daygrid-more-link {  
	display: inline-block; 
	padding: 0 10px;
	font-weight: 500; font-size: 1.2rem; color: #9d1d40; word-break: keep-all;
	background-color: #f8f3f5;  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* 
.main_timetbl_wrapper .timetbl_date {
	margin-bottom: 10px;
	color: #11265b; font-size: 1.7rem;
	font-family: TTTogether, sans-serif; 
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.main_timetbl_wrapper .tbl table thead th {
	padding: 5px;
	font-size: 1.4rem;
	background-color: #a0a8bd;
	border: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.main_timetbl_wrapper .tbl table tbody tr:nth-child(odd) {
	background-color: #f4f4f4;
}
.main_timetbl_wrapper .tbl table tbody tr:nth-child(even) {
	background-color: #e2e5eb;
}
.main_timetbl_wrapper .tbl table tbody .main_tbl {
	color: #fff; word-break: keep-all;
	background-color: #c2758a;
}
.main_timetbl_wrapper .tbl table tbody th, .main_timetbl_wrapper .tbl table tfoot th {
	padding: 5px;
	font-size: 1.4rem; font-weight: 500; color: #222;
	border: 1px solid #fff;
}
.main_timetbl_wrapper .tbl table tbody td, .main_timetbl_wrapper .tbl table tfoot td {
	padding: 5px;
	font-size: 1.4rem;
	border: 1px solid #fff;
} */

.main_top_wrapper {
	padding: 30px 0;
	background-color: #f9f9f9;
}
.main_alarm_wrapper {
	margin-bottom: 50px;
	padding: 20px 30px 30px;
	background-color: #faf5f0;
}
.main_alarm_wrap {
	position: relative;
	padding-right: 50px;
}
.main_alarm_wrap .alarm_alertbox { 
	z-index: 3;
	display: none;
	padding: 40px 15px 60px 15px;
	width: 300px; height: 180px;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); 
}
.main_alarm_wrap .alarm_alertbox button {
	position: absolute; right: 15px; top: 15px;
	width: 12px; height: 12px;
	font-size: 0;
	background-image: url(../../images/client/main/icon_close_navy.png);
	background-size: contain;
	background-color: transparent;
}
.main_alarm_wrap .alarm_alertbox > p {
	height: 75px;
	overflow-y: auto;
} 
.main_alarm_wrap .alarm_alertbox > p::-webkit-scrollbar-thumb {
	background: #d3c8ae;
    border: 2px solid transparent;
	background-clip : padding-box;
}
.main_alarm_wrap .alarm_alertbox div {
	position: absolute; bottom: 15px; right: 15px;
	text-align: right; font-size: 1.44rem; color: #999999;  
}
.main_alarm_wrap .alarm_alertbox div > p {
	line-height: 1.3em;
}
.main_alarm_wrap .swiper-container {
	padding-left: 55px;
	height: 60px;
	background-color: #fff;
	background-image: url(../../images/client/main/icon_alarm.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	border: 1px solid #9d1d40;
	box-shadow: 2px 1px 4px 0px rgba(157, 29, 64, 0.35);
}
.main_alarm_wrap li a {
	position: relative;
	display: block;
	padding: 18px 160px 18px 0;
	font-size: 1.7rem; color: #9d1d40; 
    font-family: TTTogether, sans-serif;
	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);
}
.main_alarm_wrap li a strong {
	position: absolute; right: 20px; top: 50%;
	font-size: 1.4rem; color: #999; font-weight: 500;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main_alarm_wrap .swiper_control {
	position: absolute; right: 0; top: 0;
}
.main_alarm_wrap .swiper_control button {
	display: block;
	width: 25px; height: 25px;
	font-size: 0;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.main_alarm_wrap .swiper_control .swiper_prev {
	margin-bottom: 10px;
	background-image: url(../../images/client/main/icon_alarm_prev.png);
	cursor: default;
}
.main_alarm_wrap .swiper_control .swiper_next {
	background-image: url(../../images/client/main/icon_alarm_next.png);
	cursor: default;
}
.main_alarm_wrap .swiper_control .swiper_prev[aria-disabled="false"] {
	background-image: url(../../images/client/main/icon_alarm_prev_on.png);
	cursor: pointer;
}
.main_alarm_wrap .swiper_control .swiper_next[aria-disabled="false"] {
	background-image: url(../../images/client/main/icon_alarm_next_on.png);
	cursor: pointer;
}
.main_alarm_wrap li .nocnt_box {
	padding: 0;
	height: 58px;
	background-color: transparent;
}
.main_alarm_wrap li .nocnt_box p { 
	padding-left: 40px;
	font-size: 1.6rem !important;
	background-size: 25px;
}

.main_top {
	position: relative;
}
.main_top .main_more {
	position: absolute; right: 0; top: 12px;
	display: inline-block;
	padding-right: 30px;
	color: #11265b;
	background-image: url(../../images/client/main/icon_more.png);
	background-repeat: no-repeat;
	background-position: right 1px center;
}
.main_top .radio_col_wrapper {
	margin-bottom: 30px;
	text-align: center;
}

.main_program_wrapper {
	padding-bottom: 60px;
}
.mainprogram_swiper  {
	position: relative;
	overflow: visible;
}
.mainprogram_swiper .swiper-container {
	padding: 10px 10px 0 2px;
} 

.mainprogram_swiper .swiper-pagination {
	left: 50%; bottom: -45px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.mainprogram_swiper .swiper-pagination-bullet {
	margin-right: 5px;
	width: 10px; height: 10px;
	background-color: #c2758a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity: 1;
}
.mainprogram_swiper .swiper-pagination-bullet-active { 
	background-color: #9d1d40;
}


.main_community_wrap, .main_right_wrap {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.main_community_wrap {
	line-height: 0; font-size: 0;
}
.main_community_wrap .main_tit {
	margin-bottom: 0;
}
.main_notice_wrap { 
	padding: 50px 30px 30px 0;
	height: 338px;
}
.main_notice_list li {
	margin-bottom: 20px;
}
.main_notice_list li:last-child {
	margin-bottom: 0;
}
.main_notice_list li a {
	position: relative;
	display: block;
	padding-right: 80px;
	font-size: 2rem; color: #222; line-height: 1.1em;
    font-family: TTTogether, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.main_notice_list li a::before {
	content: "";
	display: inline-block;
	margin: 0 5px 3px 0;
	width: 5px; height: 5px;
	background-color: #9d1d40;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.main_notice_list li a strong {
	position: absolute; right: 0; top: 50%;
	font-size: 1.4rem; color: #999;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main_notice_list li.notice_fix a {
	padding: 30px 0 30px 70px;
	color: #9d1d40; font-size: 2.4rem;
	border-bottom: 1px solid #eaeaea;
}
.main_notice_list li.notice_fix a::before {
	display: none;
}
.main_notice_list li.notice_fix a p {
	position: absolute; left: 0; top: 50%;
	font-size: 1.4rem; color: #222; 
    font-family: TTTogether, sans-serif;
	-webkit-transform: translateY(-50%) rotate(-0.03deg);
	-moz-transform: translateY(-50%) rotate(-0.03deg);
	-o-transform: translateY(-50%) rotate(-0.03deg);
	transform: translateY(-50%) rotate(-0.03deg);
}
.main_notice_list li.notice_fix a p strong {
	position: static;
	display: block;
	font-size: 3rem; color: #999; font-family: inherit; text-align: center; line-height: 1.1em;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}

.main_faq_wrap {
	position: relative;
	padding: 50px 30px 30px 0;
	height: 390px;
	background-color: #f2f1f1;
}
.main_faq_wrap::before {
	position: absolute; left: -100%; top: 0;
	content: "";
	display: block;
	width: 100%; height: 100%;
	background-color: #f2f1f1;
}

.main_counsel_wrap {
	position: relative;
	padding: 50px 0 30px 30px;
	height: 455px;
	background-color: #faf2e7;
}
.main_counsel_wrap::before {
	position: absolute; right: -100%; top: 0;
	content: "";
	display: block;
	width: 100%; height: 100%;
	background-color: #faf2e7;
}
.main_counsel_wrap .main_top {
	margin-bottom: 20px;
}
.main_counsel_wrap ul {
	display: flex;
}
.main_counsel_wrap ul li {
	margin-right: 20px;
	width: 33%;
}
.main_counsel_wrap ul li:last-child {
	margin-right: 0;
}
.main_counsel_wrap ul li a {
	position: relative;
	display: block;
	padding: 15px 10px 20px 20px;
	height: 315px;
	font-size: 1.4rem; color: #999; word-break: keep-all;
	background-repeat: no-repeat;
	background-color: #fff;
	border-top: 5px solid #eaeaea;
	border-right: 5px solid #eaeaea;
	overflow: hidden;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
} 
.main_counsel_wrap ul li:nth-child(1) a {
	background-position: left -20px bottom -5px, left -90px bottom;
	background-image: url(../../images/client/main/img_counsel1.png), url(../../images/client/main/bg_counsel.png);
}
.main_counsel_wrap ul li:nth-child(2) a {
	background-position: left -10px bottom -8px, left -90px bottom;
	background-image: url(../../images/client/main/img_counsel2.png), url(../../images/client/main/bg_counsel.png);
}
.main_counsel_wrap ul li:nth-child(3) a {
	background-position: left -25px bottom -10px, left -90px bottom;
	background-image: url(../../images/client/main/img_counsel3.png), url(../../images/client/main/bg_counsel.png);
}
.main_counsel_wrap ul li a strong {
	display: block;
	margin-bottom: 10px; 
	font-size: 2.5rem; color: #9d1d40;
    font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}


.main_studyroom_wrap {
	position: relative;
	padding: 20px 0 0 30px;
	height: 270px;
	background-color: #f9f9f9;
}
.main_studyroom_wrap::before {
	position: absolute; right: -100%; top: 0;
	content: "";
	display: block;
	width: 100%; height: 100%;
	background-color: #f9f9f9;
}
.main_studyroom a {
	display: block;
	padding: 30px 30px 40px;
	text-align: right; 
	background-color: #ffe098;
	background-image: url(../../images/client/main/img_studyroom.png);
	background-repeat: no-repeat;
	background-position:  20px -10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.main_studyroom p {
	margin-bottom: 15px;
	font-size: 3rem; color: #feb304;
    font-family: TTTogether, sans-serif; 
	text-shadow: 3px 3px 0 #fff;
}
.main_studyroom strong { 
	display: inline-block;
	padding: 0 20px;
	color: #fff; line-height: 30px;
	background-color: #11265b;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* 교수 : 메인 */
.prof.main_tit {
	color: #11265b;
}
.prof.main_top .main_more {
	color: #9d1d40;
	background-image: url(../../images/client/main/icon_prof_more.png);
}

.prof.mainprogram_swiper .swiper-pagination-bullet {
	background-color: #b9c5e3;
}
.prof.mainprogram_swiper .swiper-pagination-bullet-active {
	background-color: #11265b;
}

.main_prof_left, .main_prof_right { 
	display: inline-block;
	vertical-align: top;
    line-height: 0;
    font-size: 0;
}
.main_prof_bottom_wrapper .grid_content { 
	padding: 50px 20px 100px 50px;
}
.main_prof_bottom_wrapper .main_tit {
	text-align: left;
}
.main_prof_left {
	margin-right: 8%;
	width: 28%; 
}
.main_prof_left div {
	position: relative;
	padding: 25px 30px;
	height: 288px;
	font-size: 1.5rem; color: #11265b; word-break: keep-all;
	background: #ccd6ee url(../../images/client/main/img_prof_test.png) no-repeat right bottom;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.main_prof_left a { 
	position: absolute; left: 30px; bottom: 30px;
	display: inline-block; 
	width: 90px; height: 35px;
	line-height: 35px; color: #fff; text-align: center;
	background-color: #11265b;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.main_prof_right { 
	width: 64%;
}
.main_prof_list {
	display: flex;
}
.main_prof_list li {
	display: inline-block;
	margin-right: 20px;
	padding: 35px 18px 20px; 
	flex: 1;
	line-height: 1.5em; font-size: 1.4rem; text-align: center; word-break: keep-all;
	background-color: #faf2e7;
}
.main_prof_list li:last-child {
	margin-right: 0;
}
.main_prof_list li > div {
	margin-bottom: 20px; 
	min-height: 110px;
	color: #999999;
	border-bottom: 1px solid #11265b;
}
.main_prof_list li > div p {
	margin-bottom: 15px;
	font-size: 2.3rem; color: #11265b;
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}




/*=================== //메인 ===================*/
/*=================== 서브 ===================*/

/* 마이페이지 - 포트폴리오 */
.show_radio_wrap {
	display: inline-block;
	padding: 3px 15px;
	background-color: #f5e8ec;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
} 
.show_radio_wrap .radio_row {
	margin-right: 15px;
}
.show_radio_wrap .radio_row:last-child {
	margin-right: 0;
}

.btn_share, .btn_print, .btn_print2 {
	margin-bottom: 3px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 13px center;
}
.btn_share {
	background-image: url(../../images/client/formstyle/btn_share.png);
}
.btn_print {
	background-image: url(../../images/client/formstyle/btn_print.png);
}
.btn_print2 {
	background-image: url(../../images/client/formstyle/btn_print2.png);
}
.bg_tbl {
	background-color: #f5e8ec;
}
.resume_wrap > li:first-child {
	border-top: 1px solid #eaeaea;
}
.resume_wrap > li {
	border-bottom: 1px solid #eaeaea;
}
.resume_wrap > li.on {
	border: 2px solid #9d1d40;
}
.resume_wrap > li.on ul li.resume_list1 a {
	color: #9d1d40; font-weight: 500;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.resume_wrap ul {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 15px 140px 15px 20px;
}
.resume_wrap ul li {
	display: table-cell;
	position: relative;
	text-align: center;
}
.count_label {
	display: inline-block;
	margin-right: 20px;
	min-width: 16px;
	color: #222; font-size: 2.4rem; text-align: center; line-height: 30px; 
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.resume_wrap .btn_setbasic {
	margin: 0 auto;
}
.resume_wrap .btn_setbasic.on {
	background-image: url(../../images/client/formstyle/btn_setbasic_on.png);
}
.resume_wrap ul li.resume_list1 {
	width: 80%;
	font-size: 1.6rem; text-align: left;
	cursor: pointer;
}
.resume_wrap ul li.resume_list2 {
	width: 10%;
	color: #bdbdbd; font-size: 1.5rem; 
}
.resume_wrap ul li.resume_list3 {
	width: 10%;
}
.resume_wrap ul li.resume_list4 {
	position: absolute; top: 50%; right: 20px; 
	text-align: right; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.resume_container {
	padding: 30px;
	background: #f5f5f5;
	border-top: 3px solid #9d1d40;
}
.resume_tit {
	position: relative;
	padding: 22px 60px 22px 30px;
	text-align: center;
	background: #fff;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	cursor: pointer;
}
.resume_tit.on {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.resume_tit h4 {
	color: #222; font-size: 2.2rem; font-weight: 600;
	white-space: nowrap; text-overflow: ellipsis; 
	overflow: hidden; 
}
.resume_tit .date_label {
	display: block;
	margin-top: 5px;
	color: #bdbdbd; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.resume_tit::after {
	content: "";
	position: absolute; top: 50%; right: 20px;
	display: inline-block;
	margin-top: -6px;
	width: 26px; height: 12px;
	background: url(../../images/client/formstyle/btn_accordion.png) no-repeat center;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.resume_tit.on::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.resume_container .student_infobox {
	margin: 30px 0;
	border-width: 2px;
}
.resume_container .student_infobox .tbl {
	margin-bottom: 0;
}
.resume_container h5 {
	margin-bottom: 0;
	font-size: 1.8rem; font-weight: 500;
}
.resume_container .tbl {
	margin-bottom: 2%;
}
.resume_container .tbl table {
	border: 1px solid #eaeaea;
	border-top: 3px solid #9d1d40;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.resume_container .tbl th {
	font-weight: 600;
	border: 1px solid #eaeaea;
}
.resume_container .tbl tbody th {
	font-weight: 400;
	border-left: 0;
}
.resume_container .tbl tbody td {
	border-right: 1px solid #eaeaea;
}
.resume_container .tbl_row table {
	border-top: 1px solid #eaeaea;
}
.resume_container .tbl_row tbody th {
	font-weight: 600;
}
.selfintro_container .resume_cnt article {
	margin-top: 20px; margin-bottom: 0;
	padding: 30px;
	line-height: 1.6em;
	background: #fff;
	border: 2px solid #eaeaea;
}
.selfintro_container .resume_cnt article > div {
	margin-bottom: 22px; 
	line-height: inherit;
}
.selfintro_container .resume_cnt article > div:last-child {
	margin-bottom: 0;
}
.selfintro_container .resume_cnt article strong {
	display: block;
	margin-bottom: 4px;
	color: #9d1d40; font-size: 1.6rem; font-weight: 500;
}
.selfintro_container .resume_cnt article p {
	line-height: inherit;
}

.apexcharts-legend-marker {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
} 

/* 마이페이지 - 역량현황 */
.capastatus_wrap {
	display: flex;
	align-items: center;
}
.capastatus_wrap .ipoint_box {
	margin-right: 30px;
	padding: 20px;
	width: 200px; height: 310px;
	text-align: center; font-size: 2.2rem; color: #fff;
	font-family: TTTogether, sans-serif; 
	background-image: url(../../images/client/sub/img_ipoint.png), linear-gradient(180deg, rgba(156,182,255,1) 10%, rgba(199,216,255,1) 77%);
	background-repeat: no-repeat;
	background-position: left bottom, center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.capastatus_wrap .ipoint_box p {
	margin-top: 10px;
	font-family: inherit; font-size: 4rem; color: #11265b; 
	text-overflow: ellipsis;  
	white-space: nowrap;  
	overflow: hidden; 
}
.capastatus_wrap .ipoint_box p strong {
	display: inline-block;
	margin-top: 13px;
	margin-left: 4px;
	font-family: inherit; font-size: 2.2rem; 
}
.capastatus_wrap .ipoint_box + div {
	width: 80%; 
} 
.capastatus_wrap .ipointTotal {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    text-align: center; /* 텍스트 정렬 */
}
.capastatus_wrap .ipointTotal strong{
    font-size: 2.9rem !important;
    display: inline-block; /* 텍스트 크기에 맞게 조정 */
    margin-left: 0 !important; 
}

/* 마이페이지 - 인증현황 */
.status_wrapper {
	display: flex;
}
.status_wrapper > div {
	position: relative; z-index: 10;
	margin-right: 130px;
	padding: 60px 20px 20px;
	width: 500px; height: 380px;
	text-align: center; color: #9d1d40; font-size: 4rem;
	font-family: TTTogether, sans-serif;
	background-color: #f9f9f9;
	background-image: url(../../images/client/sub/img_graduate_status.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	border: 3px solid #9d1d40;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
} 
.status_wrapper > div::after {
	position: absolute; right: -140px; top: 50%; 
	content: "";
	display: block;
	width: 145px; height: 313px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../../images/client/sub/img_graduate_status_line.png);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.status_wrapper > div.status_off {
	filter: grayscale(1);
}
.status_wrapper > ul {
	width: 50%;
}
.status_wrapper > ul li {
	position: relative; 
	padding: 7px;
	margin-bottom: 20px;
	height: 80px;
	text-align: center; font-size: 2.6rem; color: #a08b5a;
	font-family: TTTogether, sans-serif;
	background-repeat: no-repeat;
	background-position: 40px 3px;
	background-color: #f9f9f9;
	border: 3px solid #a08b5a;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.status_wrapper > ul li:last-child {
	margin-bottom: 0;
}
.status_wrapper > ul .status_community {
	background-image: url(../../images/client/sub/img_status_community.png);
}
.status_wrapper > ul .status_global {
	background-image: url(../../images/client/sub/img_status_global.png);
}
.status_wrapper > ul .status_management {
	background-image: url(../../images/client/sub/img_status_management.png);
}
.status_wrapper > ul .status_problem {
	background-image: url(../../images/client/sub/img_status_problem.png);
}
.status_wrapper > ul li.status_off {
	filter: grayscale(1);
}
.status_wrapper > ul li > strong {
	display: block;
	margin-top: -3px;
	font-size: 1.5rem; color: #444444;
}
.status_wrapper > ul li p {
	position: absolute; top: 50%; right: 60px;
	font-size: 2.5rem;
	font-family: TTTogether, sans-serif;
	-webkit-transform: translateY(-50%) rotate(-0.03deg);
	-moz-transform: translateY(-50%) rotate(-0.03deg);
	-o-transform: translateY(-50%) rotate(-0.03deg);
	transform: translateY(-50%) rotate(-0.03deg);
}
.status_wrapper > ul .status_community p {
	color: #1c6066;
}
.status_wrapper > ul .status_global p {
	color: #efb334;
}
.status_wrapper > ul .status_management p {
	color: #fa7615;
}
.status_wrapper > ul .status_problem p {
	color: #2c98c7;
}

.status_wrapper.master > div {
	padding: 20px;
	font-size: 3rem; color: #2b444a;
	background-image: url(../../images/client/sub/img_master_status.png);
	border-color: #2b444a;
}
.status_wrapper.master > ul li {
	padding: 18px 7px;
} 
.status_wrapper.master > ul li p {
	right: 35px;
} 
.status_wrapper.master > ul li p strong {
	display: block;
	margin-bottom: -3px;
	font-family: inherit; font-size: 1.8rem;
}

.require_txtbox {
	display: flex;
	margin-bottom: 40px;
	padding: 17px;
	justify-content: space-evenly;
	background-color: #f5e8ec;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.require_txtbox li {
	display: inline-block; 
}
.require_wrapper {
	position: relative;
	height: 341px;
	background-image: url(../../images/client/sub/bg_graduate_require.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.require_wrapper > p {
	position: absolute; left: 50%; top: 50%;
	padding: 145px 20px 0;
	font-size: 3rem; color: #9d1d40; text-align: center; letter-spacing: -0.05em;
	font-family: TTTogether, sans-serif;
	background-image: url(../../images/client/sub/img_graduate_require.png);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-transform: translate(-50%,-50%) rotate(-0.03deg);
	-moz-transform: translate(-50%,-50%) rotate(-0.03deg);
	-o-transform: translate(-50%,-50%) rotate(-0.03deg);
	transform: translate(-50%,-50%) rotate(-0.03deg); 
}
.require_wrapper > p strong {
	display: block;
	font-size: 2.2rem; font-family: inherit; color: #9d1d40; line-height: 1.3em;
}  
.require_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.require_wrap > div {
	display: flex;
	padding: 72px 71px 62px 76px;
	width: 39%; 
	justify-content: center;
	align-items: center; 
} 

.require_wrapper.master {
	height: 357px;
	background-image: url(../../images/client/sub/bg_master_require.png);
}
.require_wrapper.master > p {
	padding: 125px 20px 20px;
	color: #2b444a;
	background-image: url(../../images/client/sub/img_master_require.png);
}
.require_wrapper.master .require_wrap > div {
	position: relative;
	padding: 68px 90px 62px 76px;
}
.require_wrapper.master .require_wrap > div:nth-child(n+3) {
	padding: 58px 90px 62px 76px;
}
.require_wrapper.master .require_wrap > div strong {
	position: absolute; 
	display: block;
	font-size: 2rem; color: #fff;
	font-family: TTTogether, sans-serif; 
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
} 
.require_wrapper.master .require_wrap > div:nth-child(1) strong {
	top: 5px; left: 227px;
}
.require_wrapper.master .require_wrap > div:nth-child(2) strong {
	top: 5px; left: 135px;
}
.require_wrapper.master .require_wrap > div:nth-child(3) strong {
	bottom: 1px; left: 227px;
}
.require_wrapper.master .require_wrap > div:nth-child(4) strong {
	bottom: 1px; left: 135px;
}
.certi_txt p {
	font-weight: 600;
}
.certi_txt strong {
	vertical-align: 0; font-weight: 600;
}
.certi_txt .community {
	color: #1c6066;
}
.certi_txt .global {
	color: #efb334;
}
.certi_txt .problem {
	color: #fa7615;
}
.certi_txt .management {
	color: #2c98c7;
}

/* 마이페이지 - 스터디룸예약 */  
.date_paging {  
	margin-bottom: 15px;
	text-align: center; color: #000; 
}
.date_page_con {
	display: inline-block;
	margin-top: 4px;
	width: 30px; height: 30px;
	text-indent: -9999px; vertical-align: middle;
	background: #eee url(../../images/client/sub/icon_arrow_left.png) no-repeat center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}  
.date_prev {
	margin-right: 10px;
}
.date_next {
	margin-left: 10px;
	background-image: url(../../images/client/sub/icon_arrow_right.png);
} 
.date_current {
	position: relative;
	display: inline-block; 
	cursor: pointer;
}
.date_paging .input-group .input-group-addon { 
	width: 180px; height: auto;
	color: transparent;
	font-size: 2.6rem; font-weight: 600; text-align: center;
	text-shadow: 0 0 0 #000;
	border: none;
}
.date_paging .input-group .input-group-addon:focus-visible {
	outline: none;
}
.datepicker-dropdown {
	position: absolute;
	background-color: #fff;
}
.dropdown-menu {
    position: absolute; top: 100%; left: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: 2px 0 0;
    padding: 10px;
    min-width: 160px;
    font-size: 1.4rem; text-align: left; list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    box-shadow: none;  
}
.dropdown-menu th {
	padding: 5px;
}
.dropdown-menu td {
	padding: 5px;
	font-size: 1.2rem;
}







.tbl_studyroom .possible {
	color: #2c9ede;
	background-color: #f5fbfd;
	cursor: pointer;
}
.tbl_studyroom .impossible {
	color: #dc143c;
	background-color: #fff9fa;
	cursor: pointer;
} 

/* 진단센터 - 핵심역량진단 */ 
.test_guidewrap { 
	box-shadow: 3px 5px 8px 0px rgba(0, 0, 0, 0.16);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.test_guidewrap > .guide_tit {
	display: block;
	padding: 20px 0;
	font-size: 1.7rem; color: #222222; text-align: center;
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg); 
}
.test_guidewrap > .guide_tit p {
	font-size: 1.6rem;
}
.test_guide {
	position: relative;
	display: flex; 
	height: 300px;
	justify-content: center; 
	background-image: url(../../images/client/sub/bg_testguide_capa.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.test_guide > ul {
	display: flex; 
	font-size: 0; line-height: 0;
}
.test_guide li {
	position: relative;
	margin-right: 40px; 
	width: 90px;
}
.test_guide li::before {
	content: "";
	display: block;
	margin: 46px auto 100px;
	width: 60px; height: 60px; 
	background-position: center;
	background-repeat: no-repeat; 
} 
.test_guide li:last-child {
	margin-right: 0;
}
.test_guide li:last-child:after {
	display: none;
}
.test_guide li p { 
	color: #444444; font-weight: 600; font-size: 1.4rem; text-align: center; 
	text-align: center; white-space: nowrap; 
}
.test_guide li p strong {
	display: block;
	font-family: inherit;
	font-size: 1.4rem; font-weight: 400; color: #444444; line-height: 1.2em;
}

.test_guide.capacity li.teststep1::before {
	background-image: url(../../images/client/sub/icon_guide_capa1.png); 
}
.test_guide.capacity li.teststep2::before {
	background-image: url(../../images/client/sub/icon_guide_capa2.png);
}
.test_guide.capacity li.teststep3::before {
	background-image: url(../../images/client/sub/icon_guide_capa3.png);
} 
.test_guide.capacity li.teststep4::before {
	background-image: url(../../images/client/sub/icon_guide_capa4.png);
} 

.testdo_list {
	position: relative;
	padding: 20px 120px 20px 125px;
	height: 170px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left -15px bottom -12px;
	background-image: url(../../images/client/sub/img_test_ok.png);
	border: 2px solid #9d1d40;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
} 
.testdo_list dl dt {
	margin-bottom: 7px;
	width: 100%;
	font-size: 1.6rem; white-space: nowrap; text-overflow: ellipsis; font-weight: 600;
	overflow: hidden; 
}
.testdo_list dl dt > .test_label {
	display: inline-block;
	margin-right: 2px;
	padding: 0 5px;
	min-width: 64px;
	font-size: 1.3rem; color: #fff; vertical-align: 0; line-height: 20px;  
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.testdo_list dl dt > .test_label.complete {
	background-color: #7f7f7f;
}
.testdo_list dl dt > .test_label.possible {
	background-color: #aed143;
}
.testdo_list dl dt > .test_label.impossible {
	color: #222222;
	background-color: #e2e2e2;
}
.testdo_list dl dd { 
	font-size: 1.5rem; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.testdo_list dl dd strong {
	position: relative;
	display: inline-block;
	margin-right: 6px;
	padding-right: 10px; 
	vertical-align: top;
}
.testdo_list dl dd strong::after {
	position: absolute; right: 0; top: 50%;
	content: "";
	display: inline-block;
	margin-top: -8px;
	width: 1px; height: 16px;
	background-color: #4a4a4a;
}
.testdo_list .btn {
	position: absolute; right: 0; top: 0; bottom: 0;
	display: block;
	width: 100px; height: 100%;
	padding-top: 105px;
	color: #444444; font-size: 1.6rem; text-align: center; 
	background-repeat: no-repeat; 
	background-position: center 50px;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3) inset;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3) inset;
}
.testdo_list .btn_viewresult {
	background-color: #ebd2d9;
	background-image: url(../../images/client/sub/btn_test_result.png);
}
.testdo_list .btn_gotest {
	background-color: #ebd2d9;
	background-image: url(../../images/client/sub/btn_test_go.png);
}
.testdo_list.disabled { 
	border-color: #5e5e5e;
	background-image: url(../../images/client/sub/img_test_disable.png);
}
.testdo_list.disabled dl {
	color: #898989; 
}
.testdo_list.disabled dl dd strong::after {
	background-color: #898989;
}
.testdo_list.disabled .btn {
	background-color: #dfdfdf !important;
	background-image: url(../../images/client/sub/btn_test_disabled.png);
}
.testdo_list.disabled .btn:hover {
	cursor: default;
	background-color: #dfdfdf !important;
} 

.improve_box {
	position: relative;
	padding: 30px 30px 30px 265px;
	font-size: 1.7rem; font-weight: 600;
	background-repeat: no-repeat;
	background-position: 15px 10px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.improve_box.strength {
	background-image: url(../../images/client/sub/img_improve_strength.png);
	background-color: #ebd2d9;
}
.improve_box.weakness {
	background-image: url(../../images/client/sub/img_improve_weakness.png);
	background-color: #cfd4de;
}
.improve_box strong {
	display: block;
	margin-top: 10px;
	font-size: 2.3rem; 
	text-overflow: ellipsis; 
	white-space: nowrap;  
	overflow: hidden; 
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
/* .improve_box p {
	position: absolute; bottom: 0; left: 0; right: 0;
	padding: 15px 20px;
	color: #fff; font-size: 1.5rem; 
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
}
.improve_box.strength p {
	background-color: #9d1d40;
} 
.improve_box.weakness p {
	background-color: #11265b;
} 
.improve_box p button {
	position: absolute; right: 20px; top: 10px;
} */

/* 진단센터 - 핵심역량 진단하기 */ 
.testinfo_box {
	position: relative;
	margin-bottom: 30px;
	padding: 35px 30px 35px 140px; 
	font-size: 1.5rem; line-height: 1.7em; word-break: keep-all;
	background-color: #f9f1f4;
	background-repeat: no-repeat;
	background-image: url(../../images/client/sub/icon_magnify.png);
	background-position: 30px center;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.testlist_wrap {
	padding: 30px;
	text-align: center;
	background-color: #fff;
	border-top: 2px solid #9d1d40;
	box-shadow: 0px 6px 9px 0px rgba(66, 66, 66, 0.24);
}
.testlist_wrap .testlist_tit {
	text-align: center; 
}
.testlist_wrap .testlist_tit::after {
	content: "";
	display: block;
	margin: 10px auto;
	width: 60px; height: 2px;
	background-color: #9d1d40;
}
.testlist_wrap .testlist_tit strong {
	display: inline-block;
	margin-bottom: 0; 
	padding: 0 0 0 20px;
	font-size: 2rem; color: #000000;  
	font-family: TTTogether, sans-serif;
	background-position: left 10px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.textlist_day {
	display: inline-block;
	margin-bottom: 30px; margin-right: 20px; 
	font-size: 1.6rem; letter-spacing: -0.02em; 
}
.textlist_day strong {
	display: inline-block;
	vertical-align: top;
}
.textlist_day strong::after {
	content: "|";
	margin: 0 8px;
	vertical-align: top; font-size: 1.5rem;
}

.testlist_box {
	margin-bottom: 30px; padding: 36px 30px; 
	text-align: left; 
	border: 1px solid #eaeaea;
}

.survey_tit {
	display: block;
	margin-bottom: 20px;
	font-size: 1.8rem; font-weight: 500; color: #000;
}
.survey_list dt {
	position: relative;
	padding-top: 3px; padding-left: 40px;
	min-height: 30px;
	font-size: 1.6rem; line-height: 1.5em;
}
.survey_list .survey_no {
	position: absolute; top: 0; left: 0;
	display: inline-block;
	padding: 0 3px;
	height: 30px;
	min-width: 30px;
	color: #11265b; font-size: 1.8rem; 
	text-align: center; line-height: 30px;
	background-color: #ebebeb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.survey_list dd {
	padding: 6px 20px 20px 36px;
}
.survey_list dd:last-child {
	padding-bottom: 0;
}
.survey_list dd textarea {
	background-color: #f9f1f4;
}

.testlist_bar {
	position: relative;
	height: 24px;
	margin-bottom: 2%;
	text-align: center;
	background-color: #ebebeb;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.testlist_bar p {
	position: absolute; top: 0; left: 0;
	height: 24px;
	background-color: #001b54;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.testlist_bar .testlist_bartxt {
	position: absolute; top: 50%; left: 50%;
	display: inline-block;
	height: 22px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.testlist_paging {
	position: relative;
}
.testlist_paging ul {
	display: table;
	width: auto;
	margin: 0 auto;
}
.testlist_paging ul li {
	display: table-cell;
	padding: 5px; line-height: 22px;
	font-size: 1.5rem;
}
.testlist_paging .testlist_move {
	display: block;
	height: 30px;
	color: #fff; font-size: 1.5rem; line-height: 30px;
	background-color: #9d1d40; background-repeat: no-repeat;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.testlist_paging .testlist_prev {
	padding: 0 19px 0 36px;
	background-image: url(../../images/client/formstyle/icon_testlistprev.png); 
	background-position: 18px center;
}
.testlist_paging .testlist_next {
	margin-left: 4px; padding: 0 36px 0 19px;
	background-image: url(../../images/client/formstyle/icon_testlistnext.png); 
	background-position: right 18px center;
}  
.testlist_paging .testlist_done {
	margin-left: 4px; padding: 0 19px;
	background-color: #11265b;
}
.testlist_paging .testlist_number {
	padding: 5px 14px;
	font-size: 2.4rem; font-style: italic; 
}
.testlist_paging .testlist_number span {
	font-weight: 600; font-style: inherit; vertical-align: 0;
}
.testlist_paging .btn_area {
	position: absolute; top: 0; right: 0;
	margin-top: 6px;
	text-align: right;
}
.testlist_paging .btn_area button {
	width: 95px;
}

/* 진단센터 - 핵심역량 진단결과 */
.capainfo_wrap {
	display: flex;
}
.capainfo_list {
	width: 16%; 
	overflow: hidden;
}
.capainfo_list li a {
	display: block;
	padding: 20px 15px;
	font-size: 1.7rem; color: #444444; font-weight: 500; text-align: center;
	background-color: #eaeaea;
}
.capainfo_list li.on a { 
	color: #fff; font-weight: 600;
	background-color: #c2758a;
}
.capainfo_list li:first-child a {
	-webkit-border-radius: 16px 0 0 0;
	-moz-border-radius: 16px 0 0 0;
	border-radius: 16px 0 0 0;
}
.capainfo_list li:last-child a {
	-webkit-border-radius: 0 0 0 16px;
	-moz-border-radius: 0 0 0 16px;
	border-radius: 0 0 0 16px;
}
.capainfo_cnt {
	padding: 40px 40px 20px 40px;
	width: 84%;
	box-shadow: 3px 5px 8px 0px rgba(0, 0, 0, 0.16);
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 0 30px 30px 0;
} 
.capainfo_box {
	padding-left: 130px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left top;
}
.capainfo_box.capa1 {
	background-image: url(../../images/client/sub/img_capa1.png);
}
.capainfo_box.capa2 {
	background-image: url(../../images/client/sub/img_capa2.png);
}
.capainfo_box.capa3 {
	background-image: url(../../images/client/sub/img_capa3.png);
}
.capainfo_box.capa4 {
	background-image: url(../../images/client/sub/img_capa4.png);
}
.capainfo_box .capa_tit {
	position: relative; 
	display: flex;
	margin-bottom: 35px;
	padding-top: 7px;  
	word-break: keep-all;
}
.capainfo_box .capa_tit strong { 
	display: inline-block;  
	margin-right: 20px; 
	font-size: 2.3rem; color: #9d1d40;
	font-family: TTTogether, sans-serif; 
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg); 
}
.capainfo_box .capa_tit span {
	display: inline-block;
	margin-top: 7px;
	vertical-align: 0; 
}
.capainfo_box .sub_capa .sub_capa_tit {
	margin-bottom: 20px;
	color: #444444; font-size: 1.7rem;
	font-family: TTTogether, sans-serif; 
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg); 
}
.capainfo_box .sub_capa ul li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 175px;
	word-break: keep-all;
}
.capainfo_box .sub_capa ul li:last-child {
	margin-bottom: 0;
}
.capainfo_box .sub_capa ul li p {
	position: absolute; left: 0; top: -1px;
	padding: 1px 7px 1px 27px;
	width: 160px;
	text-align: center; font-weight: 500; color: #9d1d40; font-size: 1.4rem; letter-spacing: -0.07em;
	background-color: #f5e8ec;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.capainfo_box .sub_capa ul li p strong {
	position: absolute; left: 0; top: 0;
	width: 24px; height: 24px;
	color: #fff; text-align: center; line-height: 24px;
	background-color: #9d1d40;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.test_tbl.tbl table tbody tr {
	cursor: pointer;    
} 
.test_tbl.tbl_col table tbody td {
	border-left: none;
	border-right: none;
}
.test_tbl.tbl table tbody tr.on { 
	border: 2px solid #9d1d40 !important; 
}
.test_tbl.tbl table tbody tr.on th, .test_tbl.tbl table tbody tr.on td {
	color: #9d1d40; font-weight: 500;
} 

.testresult_wrap .graph_box {
	position: relative;
	background-color: #fff;
}
.testresult_wrap .graph_box.capa_test {
	display: flex;
	height: 420px;
	align-items: center;
}
.testresult_wrap .graph_box.capa_test > * {
	flex: 1;
}
.testresult_wrap .graph_box.capa_test .apexcharts-legend { 
	top: 20px !important;
	right: inherit !important;
	display: block !important;
	padding: 0 !important;
} 
.testresult_wrap .graph_box.capa_test .apexcharts-pie-label, .testresult_wrap .graph_box.capa_test .apexcharts-datalabel, .testresult_wrap .graph_box.capa_test .apexcharts-datalabel-label, .testresult_wrap .graph_box.capa_test .apexcharts-datalabel-value {
	font-size: 1.3rem; fill: #3a3a3a;
}
.testresult_wrap .capa_score {
	display: flex;
	padding: 0 5%;
	flex-wrap: wrap; 
	font-size: 0; line-height: 0;
} 
.testresult_wrap .capa_score li {
	position: relative;
	padding: 42px 30px;
	margin-right: 6%;
	margin-bottom: 25px;
	width: 47%;
	font-size: 1.7rem; color: #222222;
    font-family: TTTogether, sans-serif;
	border: 1px solid #9d1d40;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 6px -6px 0 #9d1d40;
    -webkit-transform: rotate(-0.03deg);
    -moz-transform: rotate(-0.03deg);
    -o-transform: rotate(-0.03deg);
    transform: rotate(-0.03deg);
}
.testresult_wrap .capa_score li:nth-child(2n) {
	margin-right: 0;
}
.testresult_wrap .capa_score li:nth-child(1) {
	border-color: #9d1d40;
	box-shadow: 6px -6px 0 #9d1d40;
}
.testresult_wrap .capa_score li:nth-child(2) {
	border-color: #9cb7d5;
	box-shadow: 6px -6px 0 #9cb7d5;
}
.testresult_wrap .capa_score li:nth-child(3) {
	margin-bottom: 0;
	border-color: #aed143;
	box-shadow: 6px -6px 0 #aed143;
}
.testresult_wrap .capa_score li:nth-child(4) {
	margin-bottom: 0;
	border-color: #efb334;
	box-shadow: 6px -6px 0 #efb334;
}
.testresult_wrap .capa_score li strong {
	position: absolute; right: 30px; top: 50%;
	display: block;
	width: 110px;
	text-align: right; font-size: 2.3rem; font-weight: inherit; font-family: inherit; 
	text-overflow: ellipsis;  
	white-space: nowrap; 
	overflow: hidden; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.testresult_wrap .capa_score li:nth-child(1) strong {
	color: #9d1d40;
}
.testresult_wrap .capa_score li:nth-child(2) strong {
	color: #9cb7d5;
}
.testresult_wrap .capa_score li:nth-child(3) strong {
	color: #aed143;
}
.testresult_wrap .capa_score li:nth-child(4) strong {
	color: #efb334;
}
.apexcharts-legend.position-bottom.center{
	padding-top: 30px;
}

.testdo_list.testdo_checkbox {
	height: 140px;
}
.testdo_list.testdo_checkbox .btn {
	display: flex;
	padding-top: 0;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem; font-weight: 500;
	background-color: #ebd2d9;
}
.testdo_list.testdo_checkbox.on .btn {
	background-color: #c491a0;
}
.testdo_list.testdo_checkbox.disabled .btn {
	font-size: 0;
}
.capaimprove_box {
	margin-bottom: 30px;
	padding: 60px 20px;
	text-align: center;
	font-family: TTTogether, sans-serif; font-size: 2rem; word-break: keep-all;
	background-color: #f5e8ec;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.capaimprove_box strong {
	font-family: inherit; color: #11265b;
	vertical-align: 0;
}

/* 진단센터 - 전공역량진단 */
.test_guide.major {
	background-image: url(../../images/client/sub/bg_testguide_major.png);
}
.test_guide.major li {
	width: 93px;
}
.test_guide.major li:nth-child(1)::before {
	background-image: url(../../images/client/sub/icon_guide_capa1.png);
}
.test_guide.major li:nth-child(2)::before {
	background-image: url(../../images/client/sub/icon_guide_capa2.png);
}
.test_guide.major li:nth-child(3)::before {
	background-image: url(../../images/client/sub/icon_guide_capa3.png);
}
.test_guide.major li:nth-child(4)::before {
	background-image: url(../../images/client/sub/icon_guide_major4.png);
}
.test_guide.major li:nth-child(5)::before {
	background-image: url(../../images/client/sub/icon_guide_capa4.png);
}

.testdo_list.major {
	background-image: url(../../images/client/sub/img_majortest_ok.png);
}
.testdo_list.major.disabled {
	background-image: url(../../images/client/sub/img_majortest_disable.png);
}

/* 진단센터 - 전공역량 진단결과 */
.capainfo_wrap.major .capainfo_box {
	padding-left: 10px;
}
.capainfo_wrap.major .sub_capa {
	margin-bottom: 20px;
}

/* 진단센터 - 워크넷진단 */
.test_guide_info {
	padding: 30px;
	word-break: keep-all;
} 
.test_guide.worknet li.teststep1::before {
	background-image: url(../../images/client/sub/icon_guide_worknet1.png); 
}
.test_guide.worknet li.teststep2::before {
	background-image: url(../../images/client/sub/icon_guide_worknet2.png); 
}
.test_guide.worknet li.teststep3::before {
	background-image: url(../../images/client/sub/icon_guide_worknet3.png);
}
.test_guide.worknet li.teststep4::before {
	background-image: url(../../images/client/sub/icon_guide_worknet4.png);
}
.worknet_box {
	margin-bottom: 20px;
	min-height: 200px;
	background: #fff;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.worknet_content {
	position: relative;
	display: flex;
	padding: 30px 30px 30px 320px;
	min-height: 250px;
	align-items: center;
}
.worknet_content * {
	min-width: 0;
} 
.worknet_content .worknet_image {
	position: absolute; left: 30px; top: 30px;
	width: 260px; height: 190px;
	background: #d0d2d4;
	overflow: hidden;
}
.worknet_content .worknet_image img {
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.worknet_content .worknet_text {
	margin-bottom: 14px;
	font-size: 1.5rem;
}
.worknet_content ul {
	font-size: 0; line-height: 0;
}
.worknet_content ul li {
	margin-bottom: 10px;
	padding-left: 80px;
	color: #9e9e9e; font-size: 1.5rem; line-height: 1.6em;
}
.worknet_content ul li:last-child {
	margin-bottom: 0; padding-right: 110px;
}
.worknet_content ul li strong { 
	display: inline-block;
	width: 70px;
	margin-right: 10px; margin-left: -80px;
	color: #4a4a4a; line-height: 20px; text-align: center; vertical-align: 0;
	background-color: #f5e8ec;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.worknet_content .btn_worknetresult {
	position: absolute; right: 30px; bottom: 30px;
	padding: 0 30px 0 12px;
}
.worknet_content .btn_worknetresult::after {
	content: "";
	position: absolute; right: 12px; top: 50%;
	display: inline-block;
	margin-top: -3px;
	width: 12px; height: 7px;
	background-image: url(../../images/client/formstyle/btn_worknetresult.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.worknet_content .btn_worknetresult.on::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.worknet_result {
	display: none;
	width: 100%;
	padding: 0 30px 30px 30px;
}
.worknet_result table {
	border: 1px solid #d7d7d7;
}
.worknet_result table thead th, .worknet_result table tbody th, .worknet_result table tbody td {
	border-right: 1px solid #d7d7d7;
}

/* 진단센터 - Career Path 진단 */
.careerselect_box a {
	display: block;
	padding: 55px 20px 20px;
	height: 180px;  
	text-overflow: ellipsis;  
	white-space: nowrap;   
	text-align: center; font-size: 2.3rem;
	font-family: TTTogether, sans-serif;
	border: 2px solid #eaeaea;
	overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.careerselect_box a p {
	margin-top: 20px;
	font-size: 1.5rem;
}
.careerselect_box a.on {
	box-shadow: 4px -4px 0 #9d1d40;
}
.graph_box.careerpath {
	position: relative;
	display: flex;
	padding-bottom: 40px;
}
.graph_box.careerpath .career_graph {
	flex: 1;
}
.graph_box.careerpath ul {
	position: absolute; left: 50%; bottom: 20px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.graph_box.careerpath ul li {
	display: inline-block;
	margin-right: 20px;
}
.graph_box.careerpath ul li:last-child {
	margin-right: 0;
}
.graph_box.careerpath ul li strong {
	display: inline-block;
	margin-right: 5px;
	width: 14px; height: 14px;
	background-color: #fff; 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.graph_box.careerpath ul li:nth-child(1) strong {
	background-color: #9d1d40;
}
.graph_box.careerpath ul li:nth-child(2) strong {
	background-color: #59a6ad;
}

.btn_tooltip {
	position: relative;
}

.btn_tooltip .tooltip {  
	position: absolute; left: 15px; bottom: 40px; z-index: 1;
	display: none;
	z-index: 5;
	padding: 8px 15px;
	min-width: 140px;
	max-width: 230px;
	height: auto; 
    white-space: normal;
	color: #fff; font-size: 1.4rem; word-break: keep-all;
	background-color: rgba(100,100,100, 0.9); 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.btn_tooltip .tooltip::before {
	position: absolute; bottom: -16px; left: 15px;
	content: "";
	display: block;
	width: 0; height: 0;
	border-top: 8px solid rgba(100,100,100, 0.9);
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
} 
.btn_tooltip:focus .tooltip {
	display: block;
}  

.tbl_tooltip {
	overflow: inherit !important;
}
.tbl_tooltip .mCustomScrollBox.mCSB_horizontal {
    overflow-y: visible !important; 
    overflow-x: clip !important;
}
.tbl_tooltip .mCSB_horizontal.mCSB_inside > .mCSB_container { 
    overflow: inherit !important;
}
.tbl_tooltip .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 10px !important;
}
.tbl_tooltip .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	margin: 6px 0 -10px !important;
}

/* 진단센터 - 만족도조사 */
.satisfy_box {
	position: relative;
	padding: 20px 20px 55px 20px;
	border: 2px solid #9d1d40;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow: hidden; 
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.satisfy_box .satisfy_label {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 5px;
	min-width: 38px; height: 24px;
	line-height: 24px; color: #fff; text-align: center;
	background-color: #4cb9c3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
} 
.satisfy_box .tit {
	display: -webkit-box;
	margin-bottom: 20px;
	height: 55px;  
	font-size: 2.3rem; color: #222; line-height: 1.2em;
	font-family: TTTogether, sans-serif;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden; 
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.satisfy_box ul {
	margin-bottom: 20px;
}
.satisfy_box ul li {
	margin-bottom: 3px; 
	font-weight: 500;  
	text-overflow: ellipsis; 
	white-space: nowrap;  
	overflow: hidden; 
}
.satisfy_box ul li strong {
	display: inline-block;
	margin-right: 10px;
	min-width: 60px;
	vertical-align: 0; font-weight: inherit;
}
.satisfy_box .btn_satisfy {
	position: absolute; bottom: 0; left: 0; right: 0;
	height: 55px;
	line-height: 55px; text-align: center; color: #fff; font-size: 1.8rem;
	background-color: #9d1d40;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.satisfy_box.disabled {
	border-color: #eaeaea;
}
.satisfy_box.disabled .satisfy_label {
	background-color: #d7d7d7;
}

/* 역량개발센터 - 비교과신청 */ 
.program_cardtype {
	position: relative;
	display: block; 
	background: #fff; 
	overflow: hidden; 
	box-shadow: 5px -5px 5px 2px rgba(28, 47, 67, 0.2);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.status_label {
	display: inline-block;
	padding: 0 8px;
	min-width: 60px;
	line-height: 20px; color: #fff; text-align: center; font-size: 1.3rem; font-weight: 500;
} 
.status_label.recruiting {
	background-color: #1b6b03;
}
.status_label.possible {
	color: #000;
	background-color: #fdc107;
}
.status_label.finished {
	background-color: #8aa9cc;
}
.status_label.operation {
	background-color: #fa7615;
}
.status_label.impossible {
	background-color: #5c595a;
}

.status_label.complete {
	color: #000;
	background-color: #fbee21;
}
.status_label.notcomplete {
	background-color: #a07ef1;
}
.status_label.wait1 {
	background-color: #1c6066;
}
.status_label.wait2 {
	background-color: #063a88;
}
.status_label.progress {
	background-color: #5181c9;
}
.status_label.admincancel {
	background-color: #fa7615;
}
.status_label.studentcancel {
	background-color: #aed143;
}
.team_label { 
	display: inline-block;
	padding: 0 8px;
	min-width: 45px;
	line-height: 20px; color: #fff; text-align: center; font-size: 1.3rem;
	background-color: #11265b; 
}
.program_cardtype .status_label {
	margin-right: 6px;
	margin-bottom: 5px;
}
.program_cardtype .team_label {
	margin-bottom: 5px;
}
.program_cardtype .btn_addlike {
	position: absolute; right: 15px; top: 10px; z-index: 1;
}
.program_cardtype .img_box {
	position: relative;
	display: block;
	height: 150px;
	background-color: #eaeaea;
	overflow: hidden;
}
.program_cardtype .img_box img {
	max-width: inherit !important; max-height: 100%;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.program_mileage {
	position: absolute; bottom: 0; right: 0; z-index: 2;
	padding: 0 10px 0 40px;
	max-width: 100%;
	color: #fff; line-height: 30px; font-size: 1.3rem;
	background-image: url(../../images/client/sub/icon_ipoint.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #11265b; 
}
.program_mileage strong {
	display: inline-block; 
	max-width: 50px;  
	text-overflow: ellipsis;  
	white-space: nowrap; 
	overflow: hidden;
	
}
.program_bottom {
	position: relative;
}
.program_cardtype dt {
	position: relative;
	margin-bottom: 5px;
    font-family: TTTogether, sans-serif;
	color: #999999; font-size: 1.7rem; letter-spacing: -0.02em; 
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.program_cardtype dt > a {
	display: block;
	padding: 10px 15px 10px;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.capa_label {
	position: absolute; left: 15px; top: 15px;
	z-index: 2; 
	margin-right: 2px;
	padding: 0 7px;
	min-width: 50px;
	line-height: 20px; color: #11265b; font-size: 1.3rem; font-weight: 500; text-align: center;
	background-color: #fff;
	border: 1px solid #11265b;
} 
.program_cardtype .program_label { 
	position: absolute; left: 15px; top: 15px;
	z-index: 2;
}
.program_label .capa_label {
	position: static;
	display: inline-block; 
}
.program_label .certi_label { 
	display: inline-block;
	padding: 0 7px;
	min-width: 50px;
	line-height: 20px; color: #fff; font-size: 1.3rem; text-align: center;
	background-color: #9d1d40;
	border: 1px solid #9d1d40;
}
.program_label .certi_label.uncertified {
	background-color: #7f7f7f;
	border-color: #7f7f7f;
}
.program_cardtype dd {
	margin-bottom: 10px;
	padding: 0 15px;
	color: #9e9e9e; font-size: 1.4rem; line-height: 1em; letter-spacing: -0.03em; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.program_cardtype dd:last-child {
	margin-bottom: 0;
}
.program_cardtype dd strong {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	min-width: 55px;
	line-height: inherit; vertical-align: 0; color: #a8915e;
	letter-spacing: -0.03em;
}
.program_cardtype dl {
	margin-bottom: 15px;
}
.program_footer {
	padding: 20px;
	background-color: #d3c8ae;
}
.progress_bar {
	position: relative; 
	height: 16px;
	background: #eaeaea;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}
.progress_bar p {
	height: 100%;
	background: #9d1d40;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.progress_bar .progress_bartxt {
	position: absolute; top: 50%; left: 50%;
	color: #999999; font-size: 1.2rem;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.program_footer button {
	margin-top: 10px;
	width: 100%; height: 34px;
	line-height: 34px;
}

.program_listtype table tbody th, .tbl_programlist table tbody th {
	padding: 14px;
}
.program_listtype table th {
	color: #2c2c2c;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
.program_listtype table th a {
	font-weight: 500;
}
.program_listtype table td {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
.program_listtype table tbody th:first-child, .program_listtype table tbody td:first-child {
	border-left: 1px solid #d7d7d7;
}
.program_listtype table tbody th:last-child, .program_listtype table tbody td:last-child {
	color: #9e9e9e;
	border-right: 1px solid #d7d7d7;
}
.program_listtype .bg_td {
	background: #f5f2f3;
}
.program_listtype .status_label {
	font-weight: 500; font-size: 1.4rem;
	background-color: transparent;
}
.program_listtype .status_label.recruiting {
	color: #1b6b03;
}
.program_listtype .status_label.finished {
	color: #8aa9cc;
	background-color: none;
}
.program_listtype .status_label.operation {
	color: #fa7615;
	background-color: none;
}
.program_listtype .status_label.impossible {
	color: #5c595a;
	background-color: none;
}
.program_listtype .status_label.complete {
	color: #15438e;
	background-color: none;
}
.program_listtype .status_label.notcomplete {
	color: #7c7c7c;
	background-color: none;
}
.program_listtype .status_label.wait {
	color: #fda815;
}
.program_listtype .status_label.progress {
	color: #0a7a46;
}
.program_listtype .status_label.cancel {
	color: #c21a1a;
}
.program_listtype .program_mileage {
	position: static;
	display: flex;
	background: none;
	justify-content: center;
}
.program_listtype .program_mileage li {
	margin-right: 10px; margin-bottom: 0;
	color: #4a4a4a;
}
.program_listtype .program_mileage li:last-child {
	margin-right: 0;
}
.program_listtype .program_mileage li > .score {
	float: none;
	display: inline-block;
	margin-left: 2px;
	vertical-align: 0;
}

/* 역량개발센터 - 비교과신청 상세 */
.program_content {
	position: relative;
	padding-left: 525px;
	min-height: 250px;
}
.program_content .img_box {
	position: absolute; top: 0; left: 0;
	width: 504px; height: 250px;
	background-color: #eaeaea;  
}
.program_content .img_box img {
	max-width: inherit; max-height: 100%;
}
.program_content .status_label {
	position: absolute; top: 13px; left: 13px; z-index: 1;
	line-height: 33px; font-size: 1.5rem;
}
.program_content .team_label {
	position: absolute; top: 13px; right: 13px; z-index: 1;
	line-height: 33px; font-size: 1.5rem; 
}
.program_content dt {
	position: relative;	
	margin-bottom: 5px; padding-bottom: 5px;
	border-bottom: 1px solid #eaeaea;
}
.program_content dt .program_part {
	display: block;
	margin-bottom: 3px; 
	padding-right: 80px;
	font-size: 1.4rem; color: #11265b; font-weight: 500;
}
.program_content dt h5 {
	display: block;
	margin-bottom: 5px;
	color: #9d1d40; font-size: 2.3rem;  line-height: 1.2em; letter-spacing: -0.05em;
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
} 
.program_content .btn_addlike {
	position: absolute; right: 0; top: 0;
	color: #9e9e9e;
}
.program_content dd {
	display: flex;
	margin-bottom: 3px; 
	color: #444444; line-height: 1.6em;
}
.program_content dd:last-child {
	margin-bottom: 0;
}
.program_content dd * {
	min-width: 0;
}
.program_content dd strong {
	display: inline-block;
	flex-shrink: 0;
	padding-right: 20px;
	width: 130px;
	color: #000; font-weight: 500;
}

.nunsubject_cnt .grid_col {
	margin-bottom: 0;
}
.nunsubject_cnt .section_tit_md {
	padding-left: 0;
	background-image: none;
}

.joincount_wrap {
	position: relative;
	display: flex;
}
.joincount_wrap > div {
	position: relative; 
	height: 100px;
	flex: 1;
	background-color: #f9f1f4;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
}
.joincount_wrap > div .countbox {
	position: absolute; left: 50%; top: 50%;
	display: flex;
	z-index: 2;
	width: 100%; height: 100%;
	align-items: center; justify-content: center;
	flex-direction: column;
	text-align: center; font-size: 2rem; color: #222;
	font-family: TTTogether, sans-serif;
	-webkit-transform: translate(-50%,-50%) rotate(-0.03deg);
	-moz-transform: translate(-50%,-50%) rotate(-0.03deg);
	-o-transform: translate(-50%,-50%) rotate(-0.03deg);
	transform: translate(-50%,-50%) rotate(-0.03deg);
}
.joincount_wrap > div .countbox p {
	font-family: inherit; color: inherit; line-height: 1em;
}
.joincount_wrap > div .countbox strong {
	display: inline-block;  
	font-family: inherit; color: #11265b;
	vertical-align: 0;
}
.countbox_left {
	margin-right: 20px;
}
.joincount_wrap .progress {
	position: absolute; left: 0; bottom: 0;
	width: 100%;
	background-color: #ecd5de; 
}

.ipoint_wrap {
	display: flex;
	justify-content: space-between;
}
.ipoint_wrap .ipoint_box {
	padding: 35px 25px 25px 80px;
	width: 37%; height: 100px;
	text-align: center; font-size: 2rem; color: #11265b;
	font-family: TTTogether, sans-serif; 
	text-overflow: ellipsis;  
	white-space: nowrap; 
	overflow: hidden; 
	background-color: #f9f1f4;
	background-repeat: no-repeat;
	background-image: url(../../images/client/sub/img_nunsubject_ipoint.png);
	background-position: 30px center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg); 
}
.ipoint_wrap .ipoint_box p {
	display: inline-block;
	margin-left: 5px;
	font-family: inherit; color: #222;
	vertical-align: 0;
}
.ipoint_wrap .nunsubfiledown_box {
	display: flex;
	width: 58%;
    justify-content: space-between;
}
.nunsubfiledown_box > div {
	width: 46%; height: 100px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
}
.nunsubfiledown_box > div > a { 
	display: block;
	padding: 28px 30px;
	height: 100%;
	font-size: 1.7rem; color: #222;
	font-family: TTTogether, sans-serif;
	background-repeat: no-repeat;
	background-position: right 25px bottom 30px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
} 
.nunsubfiledown_box .filedown_left > a { 
	background-color: #98a7ce;
	background-image: url(../../images/client/sub/icon_filedown_blue.png);
}
.nunsubfiledown_box .filedown_right > a {
	background-color: #dea4b4;
	background-image: url(../../images/client/sub/icon_filedown_red.png);
}

.nunsubfiledown_box > div.disabled > a {
	color: #999;
	background-color: #eaeaea;
	background-image: url(../../images/client/sub/icon_filedown_off2.png);
	cursor: default;
} 

.graph_box {
	padding: 20px;
	min-height: 250px;
	border: 2px solid #eaeaea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.insert_adit { 
	overflow: hidden;
}
.adit_top {
	margin-bottom: 12px; padding: 11px 20px;
	background: #eaeaea;
}
.adit_top > p {
	position: relative;
	display: inline-block;
	margin-right: 15px; padding: 2px 18px 3px 33px;
	color: #444; font-size: 1.6rem; font-weight: 500; font-size: 1.5rem; vertical-align: 0;
	background-image: url(../../images/client/formstyle/bg_fileform.png); background-repeat: no-repeat; background-position: left center;
}
.adit_top > p::after {
	position: absolute; right: 0; top: 1px;
	content: "|";
	color: #6c6c6c;
}
.adit_top a {
	position: relative;
	margin-right: 15px;
	color: #0a199e; font-size: 1.6rem;
}
.adit_content {
	min-height: 250px;
	padding: 20px;
	font-size: 1.5rem; word-break: keep-all;
	background: #f9f1f4;
}
.adit_footer {
	height: 60px;
	background: #f5e8ec;
}
.adit_footer ul {
	display: table;
	width: auto; height: 60px;
	margin: 0 auto;
}
.adit_footer ul li { 
	display: inline-block;
	margin: 0 15px;
	/* padding-left: 85px; */
	height: 27px;
	font-size: 1.5rem; line-height: 60px;
	/* background-position: 50px center;
	background-repeat: no-repeat; */
}
/* .adit_footer ul li.adit_person {
	background-image: url(../../images/client/sub/icon_worker.png);
}
.adit_footer ul li.adit_phone {
	background-image: url(../../images/client/sub/icon_tel.png);
}
.adit_footer ul li.adit_email {
	background-image: url(../../images/client/sub/icon_email.png);
} */
.adit_footer ul li strong {
	position: relative;
	margin-right: 6px; padding-right: 10px;
	vertical-align: text-top;
}
.adit_footer ul li strong::after {
	content: "|";
	position: absolute; top: 0; right: 0;
	color: #7f7f7f; font-size: 1.2rem; line-height: inherit; 
}

.info_ctnbox {
	padding: 20px;
	background: #f9f1f4;  
	overflow: hidden;
}
.info_ctnbox.reject {
	background-color: #f9f1f4;
}

.progrmaapply_box {
	padding: 20px;
	background: #f9f1f4;  
	overflow: hidden;
}
.progrmaapply_box ul li {
	padding: 8px 0 8px 100px;
	position: relative;
}
.progrmaapply_box ul li:last-child {
	padding-bottom: 0;
}
.progrmaapply_box ul li strong {
	position: absolute; top: 7px; left: 0;
	font-weight: 500;
}

.fileattach_box > p {
	margin-bottom: 5px;
}

.member_list {
	margin-top: 10px;
}
.member_list p {
	display: inline-block;
	margin-top: 8px; margin-right: 5px; padding: 5px 35px 5px 44px; 
	position: relative;
	color: #333e69;
	background-color: #fff; background-repeat: no-repeat; background-position: 18px 8px;
	border: 1px solid #c8cfd4;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.member_list .team_leader {
	background-image: url(../../images/client/sub/icon_team_leader.png);
	background-position: 20px 8px;
}
.member_list .team_member {
	background-image: url(../../images/client/sub/icon_team_member.png);
}
.member_list p .btn_del {
	position: absolute; top: 50%; right: 12px; 
	margin-top: -5px;
} 
.program_agree {
	text-align: right;
}
.program_agree .program_agree_txt{
	margin: 30px 0 15px;
	padding-bottom: 30px;
	text-align: left;
	border-bottom: 1px dashed #eaeaea;
}

/* 역량개발센터 - 비교과내역 */
.nunsubject_disabled {
	color: #898989 !important;
	background-color: #d7d7d7!important;
	cursor: default;
}

/* 역량개발센터 - 비교과내역 상세 */ 
.ipoint_wrap.joinlist .ipoint_box {
	width: 23.5%;
}
.ipoint_wrap.joinlist .nunsubfiledown_box {
	width: 48%;
} 
.ipoint_wrap.joinlist .nunsubfiledown_box > div {
	width: 47%;
}
.satisfy_wrap {
	width: 23.5%;
}  
.satisfy_wrap > a { 
	display: block;
	padding: 28px 30px;
	height: 100px;
	font-size: 1.7rem; color: #222;
	font-family: TTTogether, sans-serif;
	background-color: #d5bc7c;
	background-image: url(../../images/client/sub/icon_satisfy.png);
	background-repeat: no-repeat;
	background-position: right 25px bottom 30px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s; 
} 
.satisfy_wrap.disabled > a {
	color: #999;
	background-color: #eaeaea;
	background-image: url(../../images/client/sub/icon_satisfy_off.png);
	cursor: default;
} 

/* 역량개발센터 - 자기주도활동 */
.active_total {
	margin: 10px 0 20px;
	color: #999;
}  
.active_box > a {
	position: relative;
	display: block;
	padding: 50px 20px 20px;
	text-align: center;
	border: 2px solid #eaeaea;
	background-repeat: no-repeat;
	background-position: right -20px bottom -10px;
} 
.active_box .label_tag {
	position: absolute; left: 10px; top: 10px;
	display: inline-block;
	margin-left: 0; margin-right: 2px;
	min-width: 60px; 
	font-size: 1.4rem; text-align: center; line-height: 28px;
	color:#fff; font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.active_box .label_tag.wait {
	color: #222222;
	background: #efb334;
}
.active_box .label_tag.pass {
	background: #1b6b03;
}
.active_box .label_tag.return {
	background: #fa7615;
} 
.active_box .label_tag.cancel {
	background: #919399;
} 
.active_box .year {
	position: absolute; right: 10px; top: 10px;
	display: inline-block; 
	color: #bdbdbd; font-size: 1.4rem;
}
.active_box .active_tit { 
	font-size: 2.3rem;
	font-family: TTTogether, sans-serif; 
	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);
}
.active_box .active_point {
	display: inline-block;
	margin-top: 15px;
	padding: 0 10px;
	min-width: 152px;
	font-size: 1.5rem; line-height: 30px; font-weight: 400; text-align: center; color: #fff; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.active_box .active_point strong {
	display: inline-block;
	margin-left: 5px;
	font-weight: 500;
	vertical-align: 0;
}

.active_box.license_box > a {
	color: #9d1d40;
	box-shadow: 5px -5px #9d1d40;
	background-image: url(../../images/client/sub/bg_active_license.png);
} 
.active_box.language_box > a {
	color: #11265b;
	box-shadow: 5px -5px #11265b;
	background-image: url(../../images/client/sub/bg_active_language.png);
} 
.active_box.volunteer_box > a {
	color: #a08b5a;
	box-shadow: 5px -5px #a08b5a;
	background-image: url(../../images/client/sub/bg_active_volunteer.png);
}

.active_box.license_box .active_point {
	background-color: #9d1d40;
}
.active_box.language_box .active_point {
	background-color: #11265b;
}
.active_box.volunteer_box .active_point {
	background-color: #a08b5a;
}

/* 진로설계 - 진로설계 */
.plan_box {
	position: relative;
	text-align: center;
	border: 2px solid #eaeaea;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
	cursor: pointer;
}
.plan_box.on {  
    box-shadow: 5px -5px 0 #9d1d40;
}
.plan_box .plan_tit { 
	padding: 55px 20px 70px;
}
.plan_box .tit {
	margin-bottom: 5px;
	font-size: 2.3rem; color: #222;
	font-family: TTTogether, sans-serif; 
	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);
}
.plan_box .btn_setbasic {
	position: absolute; left: 20px; top: 20px;
	background-size: contain;
}
.plan_box .btn_area {
	position: absolute; left: 50%; bottom: 20px;
	width: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.career_box {
	padding: 20px;
	min-height: 150px;
	border: 2px solid #eaeaea;
	background-repeat: no-repeat;
	background-position: right -25px bottom -10px;
}
.career_box.license {
	box-shadow: 5px -5px #9d1d40;
	background-image: url(../../images/client/sub/bg_career_license.png);
}
.career_box.language {
	box-shadow: 5px -5px #11265b; 
	background-image: url(../../images/client/sub/bg_career_lang.png);
}
.career_box p { 
	font-size: 2.3rem;
	font-family: TTTogether, sans-serif; 
	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);
}
.career_box.license p {
	color: #9d1d40;
}
.career_box.language p {
	color: #11265b;
}
.career_box strong {
	display: block;
	color: #bdbdbd;
}
.career_box button {
	margin-top: 15px;
	min-width: 90px;
}

.careertit_box {
	position: relative;
	margin-top: 20px;
	padding: 10px 30px 10px 140px;
	background-color: #eaeaea;
}
.careertit_box strong {
	position: absolute; top: 50%; left: 20px;
	font-size: 2rem; font-family: TTTogether, sans-serif; color: #222;
	-webkit-transform: translateY(-50%) rotate(-0.03deg);
	-moz-transform: translateY(-50%) rotate(-0.03deg);
	-o-transform: translateY(-50%) rotate(-0.03deg);
	transform: translateY(-50%) rotate(-0.03deg);
}
.careertit_box p {
	padding: 10px;
	background-color: #fff;
}
.career_search.search_box2 {
	padding: 30px 250px 30px 30px;
	text-align: center;
}
.career_search.search_box2 .btn_search {
	position: absolute; right: 140px; top: 32px; 
	height: 40px; 
	line-height: 40px;
}
.career_search.search_box2 .btn_refresh {
	top: 32px;
}
.careerstep1_box {
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.careerstep1_item {
	margin-bottom: 25px;
}
.careerstep1_item p {
	margin-bottom: 5px;
	color: #9d1d40;
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.careerstep1_box .btn_neutral {
	padding-left: 45px;
	background-repeat: no-repeat;
	background-image: url(../../images/client/sub/icon_search.png);
	background-position: 20px center;
}

/* 진로설계 - 내 로드맵 */
.graph_box.roadmap {
	padding: 0 50px 0 20px;
	display: flex;
	align-items: center;
}
.graph_box.roadmap .roadmap_chart {
	margin-right: 2%;
	width: 28%;
}
.graph_box.roadmap .tbl {
	width: 70%;
}





/* 전문상담 - 교수상담 */
.info_box {
	position: relative;
	padding: 50px;
	min-height: 200px;
	font-size: 1.5rem; line-height: 1.7em; word-break: keep-all;
	background-color: #f7f0f1;
	background-repeat: no-repeat;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.info_box.professor {
	background-image: url(../../images/client/sub/img_infotop_professor_counsel.png);
	background-position: right 40px top 30px;
}
.counsel_inner {
	position: relative;
	padding: 30px 30px 50px;
    color: #444;
    background: #fff;
    border-top: 2px solid #9d1d40;
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
}
.counsel_form {
	position: relative; 
	margin-bottom: 30px;
	padding: 0 0 0 100px;
}
.counsel_form > h5 {
	position: absolute; top: 0; left: 0;
}
.counsel_form > h5.required::after {
	margin-left: 3px; 
}
.counsel_form .member_count {
	padding: 0 15px;
	width: 100%; height: 40px;
	line-height: 38px;
	background: #f2f2f2;
	border: 1px solid #eaeaea;
}
.counsel_form .member_count span {
	display: inline-block;
	width: 22px; height: 40px;
	line-height: 38px; vertical-align: middle; text-align: right;
}


/* 전문상담 - 심리상담 약관동의 */
.info_box.counsel_agreement {
	padding: 50px 30px 40px;
	background-image: url(../../images/client/sub/img_infotop_counsel_agreement.png);
	background-position: right 50px bottom 40px;
}
.privacy_wrapper {
	padding: 50px 0 20px;
	min-height: 100%;
	background-color: #fbfbfb;
}
.privacy_wrap {
	margin: 0 auto;
	width: 1000px;
}
.privacy_wrap .logo {
	margin: 0 auto 35px;
	width: 158px;
}
.privacy_wrap .logo img {
	width: 100%;
}
.privacy_inner {
	position: relative;
    color: #444;
	background: #fff;
	border-top: 2px solid #9d1d40;
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
}
.privacy_tit span {
	display: inline-block;
	font-size: 1.5rem; color: #717171; font-weight: 500;
	vertical-align: 0; 
}
.privacy_box {
	position: relative;
	padding: 50px;
	min-height: 500px; height: 600px;
	font-size: 1.4rem; word-break: keep-all;
	background-color: #fff;
	overflow-y: auto;
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.privacy_box::-webkit-scrollbar {
    width: 10px;  /* 스크롤바의 너비 */
}
.privacy_box::-webkit-scrollbar-thumb {
    background: #ddd; /* 스크롤바의 색상 */
	background-clip : padding-box;
    border: 2px solid transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.privacy_box::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);  /*스크롤바 뒷 배경 색상*/
}
.privacy_box h4 {
	display: block;
	margin-bottom: 5px;
	font-size: 1.5rem; font-weight: 600;
}
.privacy_box > p {
	font-size: 1.5rem;
}
.privacy_box p > strong {
	font-weight: 600;
	vertical-align: 0;
}
.privacy_box span {
	vertical-align: 0;
}
.privacy_box > section {
	margin-bottom: 20px;
}
.privacy_box h5 {
	margin-bottom: 3px; font-size: 1.5rem; font-weight: 600;
}
.privacy_box .tbl {
	margin-top: 5px;
}
.privacy_box .tbl_col thead th {
	padding: 5px 0;
	font-size: 1.4rem;
}
.privacy_box .tbl_col tbody th, .privacy_box .tbl_col tbody td {
	padding: 5px;
	font-size: 1.4rem;
}
.privacy_box a {
	color: #009ab7;
} 
.privacy_box .address_list li span {
	margin-right: 5px;
}
.privacy_inner .radio_row_wrap {
	padding: 25px 30px;
	text-align: right;
	border-top: 1px dashed #eaeaea;
}
.privacy_wrap .btn_area {
	margin-top: 30px;
}
.privacy_box h3 {
	margin-bottom: 30px;
	font-size: 1.5rem; color: #444; 
}
.privacy_box section:first-child h3 {
	margin-top: 0;
}
.privacy_box .list_num .section_xsarea {
	margin-bottom: 30px;
}
.agree_box {
	margin-top: 20px;
	padding: 30px 20px;
	text-align: center;
	background-color: #f5e8ec;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.agree_box > p {
	margin: 0 auto;
	padding: 5px 0;
	width: 80%;
	font-size: 1.8rem; font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	word-break: keep-all;
}
.agree_box .radio_row {
	margin: 2px 40px 2px 0;
}

/* 전문상담 - 진로 취업상담 */
.test_guide.counsel li.teststep1::before {
    background-image: url(../../images/client/sub/icon_guid_career1.png);
}
.test_guide.counsel li.teststep2::before {
	background-image: url(../../images/client/sub/icon_guid_career2.png);
}
.test_guide.counsel li.teststep3::before {
	background-image: url(../../images/client/sub/icon_guid_career3.png);
}
.test_guide.counsel li.teststep4::before {
	background-image: url(../../images/client/sub/icon_guid_career4.png);
}
.select_box .counsel_form {
	padding: 0 0 0 170px;
}
.counsel_form.select_box  > p {
	display: inline-block;
	margin: 12px 10px;
} 
.counsel_date {
	display: inline-block;
	margin-left: 10px;
	color: #bdbdbd; line-height: 42px;
}

/* 채용취업정보 - 추천채용정보 */
.employ_card {
	position: relative;
}
.employ_card a {
	display: block;
	padding: 18px 28px 23px;
	border: 2px solid #eaeaea ;
	background-position: right 20px bottom 20px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.employ_card dt {
	margin-bottom: 18px;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.employ_card dt > strong {
	display: block;
	margin-bottom: 5px;
	color: #222; font-size: 2.3rem; text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.employ_card dt > p {
	color: #9e9e9e; text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.employ_card .status_label {
	margin-right: 5px;
	line-height: 20px;
	vertical-align: 0; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.employ_card .status_label.bg_green {
	background-color: #2c98c7 !important;
}
.employ_card .status_label.bg_deepgray {
	background-color: #797a7a !important;
}
.employ_card dd {
	margin-bottom: 5px;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.employ_card dd:last-child {
	margin-bottom: 0;
}
.employ_card dd > strong {
	display: inline-block;
	margin-right: 5px;
	min-width: 70px;
	vertical-align: 0; line-height: 20px; text-align: center;
	background-color: #ffe0e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.employ_card.employ_recommend dt > strong {
	padding-right: 30px;
}
.employ_card.employ_recommend .btn_addlike {
	position: absolute; top: 21px; right: 20px;
}
.employ_card.employ_recommend dd:last-child {
	padding-right: 50px;
}
.employ_card.employ_recommend .apply_complete {
	position: absolute; right: 0; bottom: 0; z-index: -1;
	display: block;
	padding: 38px 5px 5px 50px;
	width: 99px; height: 59px;
	color: #fff; font-size: 1.1rem; font-weight: 500;
	font-family: Notokr, sans-serif;
	background: url(../../images/client/sub/bg_applycomplete.png) no-repeat;
	background-size: contain;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.employ_card.employ_recommend .apply_complete::before {
	position: absolute; top: 20px; right: 15px;
	content: "";
	width: 13px; height: 13px;
	background: url(../../images/client/sub/icon_applycomplete.png) no-repeat;
}

/* 채용취업정보 - 추천채용정보 상세 */
.jobinfo_list {
	margin-bottom: 20px; padding: 25px 30px 30px;
	border: 1px solid #d7d7d7;
}
.jobinfo_list .tbl table {
	border-bottom: none;
}
.jobinfo_list .tbl th, .jobinfo_list .tbl td {
	padding: 5px 10px;
	text-align: left;
	border: none;
}
.jobinfo_list .tbl th {
	width: 10%;
	font-weight: 600; color: #2c2c2c;
}
.jobinfo_list .tbl td {
	width: 45%;
}
.jobinfo_list .attach_file_wrapper {
	padding: 0;
	border: none;
}

/* 채용취업정보 - 워크넷 채용정보 */
.pre_cal {
	position: relative;
	display: inline-block;
	padding-right: 94px;
	width: 215px; height: 34px;
	background-repeat: no-repeat; background-position: 20px center;
	border: 1px solid #acacac;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.pre_cal .btn_md {
	position: absolute; top: -1px; right: -1px;
	width: 94px; height: 34px;
	color: #fff;
	line-height: 34px; text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.pre_cal.worknet {
	background-image: url(../../images/client/sub/img_worknet.png);
}
.pre_cal.worknet .btn_md {
	background-color: #39b54a;
}
.employ_card.employ_worknet a {
	background-image: url(../../images/client/sub/bg_worknet.png);
}

/* 채용취업정보 - 워크넷 공채속보 */
.worknetspeed_card a {
	position: relative;
	display: block;
	padding: 28px;
	background: #fff;
	border: 2px solid #eaeaea;
	overflow: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.worknetspeed_card a > p {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 90px;
	margin-bottom: 20px;
	align-items: center; justify-content: center;
	background-color: #fff;
	overflow: hidden;
}
.worknetspeed_card a > p > img {
	width: auto; max-height: 100%;
}
.worknetspeed_card dt {
	margin-bottom: 10px;
	color: #222; font-size: 2rem; line-height: 1em; letter-spacing: -0.03em; white-space: nowrap; text-overflow: ellipsis;
	font-family: TTTogether, sans-serif;  
	overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.worknetspeed_card dd {
	color: #9e9e9e;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.worknetspeed_card dd .tit {
	display: inline-block;
	margin-right: 7px; padding: 0 8px;
	min-width: 70px; height: 20px;
	color: #4a4a4a; line-height: 20px; text-align: center;
	vertical-align: 0;
	background: #ffe0e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* 채용취업정보 - 사람인 채용정보 */
.pre_cal.saramin {
	background-image: url(../../images/client/sub/img_saramin.png);
}
.pre_cal.saramin .btn_md {
	background-color: #3f70ef;
}
.employ_card.employ_saramin a {
	background-image: url(../../images/client/sub/bg_saramin.png);
}

/* 채용취업정보 - 잡코리아 채용정보 */
.pre_cal.jobkorea {
	background-image: url(../../images/client/sub/img_jobkorea.png);
	background-position: 12px center;
}
.pre_cal.jobkorea .btn_md {
	background-color: #4295e9;
}
.employ_card.employ_jobkorea a {
	background-image: url(../../images/client/sub/bg_jobkorea.png);
}

/* 채용취업정보 - 국가직무능력표준 */
.ncs_list {
	margin-top: 10px;
	border-top: 2px solid #a72b43;
	overflow: hidden;
}
.ncs_list dt {
	padding: 8px;
	text-align: center; font-size: 1.6rem; font-weight: 500; color: #222;
	background: #f5e8ec;
}
.ncs_list dd {
	background-color: #fff;
}
.ncs_list > dd:nth-of-type(1) {
	border: 1px solid #eee;
}
.ncs_list dd ol {
	padding: 10px;
	font-size: 0; line-height: 0;
}
.ncs_list dd ol li {
	display: inline-block;
	width: 16.66%;
	padding: 10px;
}
.ncs_list dd ol li a {
	position: relative;
	display: table;
	padding-top: 80px;
	width: 100%;
	font-size: 1.5rem; line-height: 1.3em; text-align: center;
	word-break: keep-all;
	border: 1px solid #eaeaea;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ncs_list dd > ol > li a {
	height: 140px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ncs_list dd > ol > li a::before {
	position: absolute; right: -25px; bottom: -25px;
	content: "";
	display: inline-block;
	width: 100px; height: 100px;
	background-color: #f5f5f5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.ncs_list dd ol li a img {
	position: absolute; top: 20px; left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ncs_list dd ol li:nth-child(8) a img, .ncs_list dd ol li:nth-child(12) a img, .ncs_list dd ol li:nth-child(15) a img {
	top: 15px;
}
.ncs_list dd ol li:nth-child(21) a img {
	top: 30px;
}
.ncs_list dd ol > li a strong {
	position: relative; z-index: 10;
	display: table-cell;
	padding: 0 5px;
	width: 100%; 
	vertical-align: middle; word-break: keep-all;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.ncs_list dd ol li a strong span {
	margin-right: 3px;
	color: #11265b; vertical-align: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ncs_list dd ol li a.on {
	border-color: #9d1d40;
	box-shadow: 2px 2px 5px 0px rgba(157, 29, 64, 0.27);
}
.ncs_list dd ol li a.on::before {
	background-color: #c4778c;
}
.ncs_list .ncs_inner_list {
	display: table;
	margin-top: 20px;
	width: 100%;
}
.ncs_list .ncs_inner_box {
	display: table-cell;
	width: 33.33%;
	vertical-align: top;
	border-top: 2px solid #a72b43;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.ncs_list .ncs_inner_box:first-child {
	border-left: 1px solid #eee;
}
.ncs_list .ncs_inner_box ol  {
	border-top: 1px solid #eaeaea;
}
.ncs_list .ncs_inner_box ol li {
	display: block;
	padding: 0;
	width: 100%;
}
.ncs_list .ncs_inner_box ol li a {
	padding: 5px 10px;
	text-align: left;
	border: 0;
}
.ncs_list .ncs_inner_box strong {
	position: relative;
	display: block;
	padding: 8px;
	width: 100%;
	font-weight: 500; font-size: 1.6rem; text-align: center; color: #222;
	background-color: #f5e8ec;
}
.ncs_list .ncs_inner_box strong::after {
	position: absolute; right: -1px; top: 0; z-index: 10;
	content: "";
	width: 1px; height: 100%;
	background-color: #eaeaea;
}
.ncs_list .ncs_inner_box ol li a span {
	margin-right: 3px;
	vertical-align: 0;
}
.ncs_list .ncs_inner_box ol li a.on {
	color: #fff;
	background-color: #c4778c;
}
.ncs_view {
	margin-top: 50px;
}
.ncsprogram_list {
	padding: 0 25px 25px 25px;
	background-color: #f5e8ec;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ncsprogram_list dt {
	margin: 25px 0 5px;
	color: #222; font-size: 1.8rem;
	font-family: TTTogether, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.ncsprogram_list dd {
	word-break: keep-all; line-height: 1.4em;
}

/* 채용취업정보 - 자격증 정보 */
.licenseinfo_box {
	padding: 25px;
	background: url(../../images/client/sub/img_licenseinfo.png) no-repeat right -40px bottom -40px;
	border: 1px solid #eaeaea;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.licenseinfo_box > h4 {
	margin-bottom: 5px;
	color: #2c2c2c; font-size: 2.3rem;
	text-overflow: ellipsis; white-space: nowrap;
	font-family: TTTogether, sans-serif;  
	overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.licenseinfo_box p {
	margin-bottom: 30px;
	font-size: 1.5rem; color: #bdbdbd;
	text-overflow: ellipsis; white-space: nowrap; 
	overflow: hidden;
}
.licenseinfo_box li {
	margin-bottom: 3px;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.licenseinfo_box li:last-child {
	margin-bottom: 0;
}
.licenseinfo_box li > strong {
	display: inline-block;
	margin-right: 10px;
	padding: 0 10px;
	min-width: 100px;
	line-height: 20px; vertical-align: 0; text-align: center; color: #2c2c2c;
	background-color: #ffe0e0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



/* 커뮤니티 - 알림톡 */
.faq_wrap .faq_tit {
	position: relative;
	z-index: 1;
	padding: 20px 500px 20px 185px;
	font-family: Notokr, sans-serif;
	font-size: 1.5rem; color: #444; line-height: 1.3em;
	background-color: #fff; 
	border-top: 1px solid #eaeaea;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
	cursor: pointer;
}
.faq_wrap .faq_box:last-child .faq_tit {
	border-bottom: 1px solid #eaeaea;
}
.faq_wrap .faq_tit::after {
	content: "";
	position: absolute; right: 55px; top: 50%;
	display: block;
	width: 14px; height: 8px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../../images/client/sub/bg_faqlist.png);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.faq_wrap .faq_cnt {
	position: relative;
	padding: 40px;
	background-color: #f5e8ec; 
}
.faq_wrap .faq_no {
	position: absolute; top: 50%; left: 60px;
	display: inline-block;
	margin-right: 5px;
	color: #444; vertical-align: top; 
	font-size: 1.4rem; font-weight: 500;  
	font-family: Notokr, sans-serif;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.faq_wrap .faq_cnt .faq_no {
	top: 17px;
} 
.faq_wrap .faq_tit.on { 
	color: #9d1d40; font-weight: 600;
	border: 1px solid #9d1d40;
	box-shadow: -4px 9px 16px 0px rgba(157, 29, 64, 0.17);
}
.faq_wrap .faq_tit.on::before {
	height: 100%;
}
.faq_wrap .faq_tit.on::after { 
	background-image: url(../../images/client/sub/bg_faqlist_on.png);
	-webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.faq_wrap .faq_tit.on .faq_no {
	color: #9d1d40; font-weight: 600;
} 
.faq_wrap .message_list {
	position: absolute; right: 125px; top: 50%;
	line-height: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.faq_wrap .message_list li {
	display: inline-block;
	margin-left: 10px;
	width: 135px;
	font-family: Notokr, sans-serif;
	font-size: 1.5rem; color: #444; text-align: center; line-height: 1.2em;
} 
.faq_wrap .message_list li:nth-child(2) {
	font-size: 1.4rem;
}
.faq_wrap .message_list li:last-child {
	width: 100px;
}
.faq_wrap .faq_tit.on .message_list li {
	color: #444;
}
.faq_wrap .faq_tit.on .message_list li:nth-child(1) {
	font-weight: 600;
} 

/* 커뮤니티- 공지사항, 자료실 상세 */
.commu_content {
	padding: 30px;
	border: 1px solid #d7d7d7;
	border-top: 3px solid #9a1c3f;
	box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.bbs_header {
	position: relative;
	margin-bottom: 12px; padding-bottom: 17px;
	font-size: 0; line-height: 0;
	border-bottom: 1px solid #d7d7d7;
}
.bbs_header .category_label {
	display: block;
	margin-bottom: 4px; 
	color: #2c2c2c; font-size: 1.5rem; 
}
.cnt_title, .title_info {
	font-size: 1.5rem; line-height: 1.5em;
}
.cnt_title {
	margin-bottom: 6px; 
	color: #222; font-size: 2rem; font-weight: 600; word-break: keep-all;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
}
.title_info {
	text-align: left;
}
.title_info p {
	display: inline-block;
	margin-right: 15px;
	color: #9e9e9e;
	background-repeat: no-repeat; background-position: left center;
}
.title_info .date {
	padding: 1px 0 0 25px;
	background-image: url(../../images/client/sub/icon_commu_date.png);
}
.title_info .view {
	padding-left: 25px;
	color: #444;
	background-image: url(../../images/client/sub/icon_commu_view.png);
}
.commu_content .editor_area {
	padding: 10px 0; 
	min-height: 320px;
}
.video_wrap {
	width: 100%; height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.video_wrap iframe {
	position: absolute; top: 0; left: 0;
	width: 100%;
	height: 100%;
}

/* 커뮤니티 - FAQ */
.faq_wrap.faq .faq_tit {
	padding: 20px 280px 20px 185px;
}
.faq_wrap.faq .faq_no {
	font-size: 2.4rem; color: #999; font-family: TTTogether,sans-serif;
}
.faq_wrap.faq .faq_tit.on .faq_no {
	font-weight: 400;
}
.faq_wrap.faq .faq_cnt {
	padding: 40px 20px 40px 115px;
} 
.faq_wrap.faq .faq_cnt .faq_no {
	margin-top: 32px;
	color: #9d1e40;
} 

/* ====================== */







































































/* 소개 */
/* 학습역량진단 결과 */
/* 워크넷 진단 */
/* 교과정보 */

/* 프로그램 신청 */

/* 프로그램 신청내역 */ 

/* 프로그램 신청 상세 */

/* 자기주도활동 */ 

/* 심리상담 */
.trial_capalist {
	margin-top: 30px;
	font-size: 0; line-height: 0;
}
.trial_capalist li {
	display: flex;
	margin-bottom: 30px;
	align-items: center;
	font-size: 1.5rem; line-height: 1.7em;
}
.trial_capalist li:last-child {
	margin-bottom: 0;
}
.trial_capalist li > strong {
	flex-shrink: 0;
	margin-right: 20px;
	width: 79px; height: 79px;
	font-size: 0; line-height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.trial_capalist li > strong.study {
	background-image: url(../../images/client/sub/icon_trial_study.png);
}
.trial_capalist li > strong.personality {
	background-image: url(../../images/client/sub/icon_trial_personality.png);
}
.trial_capalist li > strong.relationship {
	background-image: url(../../images/client/sub/icon_trial_relationship.png);
}
.trial_capalist li > strong.emotion {
	background-image: url(../../images/client/sub/icon_trial_emotion.png);
}
.trial_capalist li > div {
	line-height: inherit;
}
.trial_capalist li .tit {
	display: block;
	margin-bottom: 4px;
	font-size: 1.8rem;
	font-family: Paybooc, sans-serif; font-weight: 600; 
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}

.counselor_choice {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap : wrap;
	margin-bottom: 50px;
	padding: 10px 20px;
	align-items: center;
	background-color: #f7f0f1;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.counselor_choice::before {
	content: "";
	display: inline-block;
	width: 92px; height: 80px;
	background: url(../../images/client/sub/img_counselor.png) no-repeat;
	background-size: contain;
}
.counselor_choice > p {
	margin-right: 30px;
	font-family: Paybooc, sans-serif; font-weight: 800; font-size: 1.8rem;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.counselor_choice .select_form {
	margin: 0;
	width: 185px; max-width: 100%;
}
.counselor_choice .tbl {
	margin-top: 20px;
	width: 100%;
}

.calendar {
	position: relative;
	width: 100%;
}
.fc-view-container table {
	width: 100%;
}
.counsel_title {
	position: absolute; top: 45px;
	display: block;
	width: 55%;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.counsel_title span {
	margin-right: 5px;
	color: #20a0e1;
}
.calender_topbox {
	position: absolute; top: 35px; right: 0;
	display: table;
	width: auto;
}
.calender_topbox li {
	display: inline-block;
	margin-left: 10px;
	font-size: 1.5rem;
}
.calender_topbox li span {
	display: inline-block;
	margin-right: 5px;
	width: 12px; height: 12px;
	vertical-align: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.calender_topbox li:first-child {
	margin-left: 0;
}
.calender_topbox li:nth-child(1) span {
	background: #ee4a4a;
}
.calender_topbox li:nth-child(2) span {
	background: #4a88ee;
}
.bg {
	position: relative;
	margin: 10px 0 0;
	padding: 0 0 35px 0;
}
.bg ul {
	margin: 0 auto;
	width: 200px;
	text-align: center;
}
.bg ul li {
	display: inline-block;
}
.bg ul li .prev_m, .bg ul li .next_m {
	display: block;
	width: 28px; height: 28px;
	font-size: 0; line-height: 0;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.bg ul li .prev_m {
	background: #fff url(../../images/client/formstyle/icon_prevm_gray.png) no-repeat center;
}
.bg ul li .next_m {
	background: #fff url(../../images/client/formstyle/icon_nextm_gray.png) no-repeat center;
}
.calendar .bg .dib {
	display: inline-block;
	margin: 0 10px;
	text-align: center; line-height: 1em;
	font-family: Paybooc, sans-serif;
	font-weight: 800; font-size: 2.6rem; color: #3a3a3a;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.calendar.visit_advice.professor .stagebox .floatL .reserve {
	display: inline-block;
	width: 13px; height: 13px;
}
.stagebox {
	clear: both;
	padding: 20px 0;
	width: 100%;
}
.calendar.visit_advice.student .stagebox .floatL {
	font-weight: bold;
}
.fc-view,.fc-view > table {
	position: relative;	z-index: 1; 
	margin-right: -1px;
	margin-bottom: -1px;
	padding: 0 !important;
}
th.fc-widget-header {
	padding: 0 10px;
	height: 30px;
	line-height: 30px; text-align: left; color: #666666;
	background: #fbfbfb;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	background: none;
	border-color: transparent;
	border-bottom: 0;
}
td.fc-day-number {
	text-indent: 5px;
}
.fc-view-container {
	position: relative;
}
.fc-day-grid-event {
	margin: 0;
	background-color: transparent;
	border: 0;
}
tr:first-child > td > .fc-day-grid-event {
	margin-top: 0;
}
.fc-day-grid-event .fc-content {
	text-align: left;
}
.fc-title {
	display: block;
	padding: 2px 16px;
	width: 100%;
	text-align: left; font-size: 1.5rem;
}
.fc-row .fc-bg input[type="checkbox"] {
	margin: 2px 5px 0 0;
	width: 15px; height: 15px;
}
.fc-ltr .fc-basic-view .fc-day-number {
	padding: 8px 5px 0 9px;
	font-size: 1.8rem; text-align: left; font-weight: 600;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.pp_calenter_btnlist {
	margin-left: 50%; margin-bottom: -28px;
	width: 50%;
}
.fc-basic-view .fc-body .fc-row {
	min-height: 150px;
}
.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
	padding: 5px 2px;
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
	border-color: #d7d7d7;
	overflow: hidden;
}
th.fc-widget-header.fc-sat {
	color: #4491e8;
}
.fc-sat {
	color: #4491e8;
}
th.fc-widget-header.fc-sun {
	color: #ec5c62;
}
.fc-sun {
	color: #ec5c62;
}
.fc-unthemed td.fc-day-number > span {
	display: inline-block;
	font-size: 1.5rem; vertical-align: 0;
}
.fc-unthemed td.fc-today {
	position: relative;
	color: #8fc73f;
	background-color: #fbfdf8;
}
.fc-unthemed td.fc-holiday {
	position: relative;
	color: #ec5c62;
}
.fc-other-month {
	color: #ababab;
	background-color: #f3f3f3;
}
.font_possible {
	color: #4a88ee;
}
.font_impossible {
	color: #ee4a4a;
}

.counselreserve_wrap {
	margin-bottom: 0;
}
.counsel_box {
	position: relative;
	margin-bottom: 10px;
	padding: 20px 30px 20px 160px;
	background-color: #f5f2f3;
}
.counsel_box .section_tit_sm {
	position: absolute; top: 21px; left: 30px;
	margin: 0;
	max-width: 125px;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.counsel_box h5 + .btn_neutral {
	margin: 3px 0;
}
.counsel_box h5 + .btn_neutral + .check_row {
	margin-left: 20px;
}
.counsel_box .date_chosen {
	margin-left: 20px;
	color: #8b8b8b; font-weight: 300; vertical-align: 0;
}
.counsel_box .company_chosen {
	margin-left: 30px;
	color: #034283; vertical-align: 0;
}
.counsel_box .check_row, .counsel_box .radio_row {
	margin: 7px 25px 6px 0;
}
.counsel_box input[type="text"].form_style {
	height: 40px;
	line-height: 38px;
}
.counsel_box .search_day input[type="text"].form_style {
	height: 38px;
}
.counsel_box textarea.form_style {
	padding: 10px 14px;
}
.counsel_box .select_form {
	margin-top: 0; margin-bottom: 0;
	height: 40px;
}
.counsel_box .select_form label, .counsel_box .select_form .select_custom {
	line-height: 38px;
}
.counsel_box .select2-container .select2-choice {
	height: 40px;
}
.counsel_box .select2-container .select2-choice > .select2-chosen {
	font-weight: 400; line-height: 38px; 
}

/* 진로상담(취업) */
.counsel_infolist {
	display: flex;
	margin-top: 60px;
}
.counsel_infolist > li {
	position: relative;
	display: flex;
	flex: 1;
	margin-right: 20px;
	padding: 45px 10px 10px;
	min-height: 160px;
	align-items: center;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.counsel_infolist > li:last-child {
	margin-right: 0;
}
.counsel_infolist > li strong {
	position: absolute; left: 0; top: 0;
	display: block;
	width: 100%; height: 40px;
	text-align: center; color: #fff; line-height: 40px;
	font-family: Paybooc, sans-serif; font-weight: 600; font-size: 1.8rem;
	text-overflow: ellipsis; white-space: nowrap;
	background-color: #cc8593;
	overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.counsel_infolist .list_line {
	text-align: left;
}
.counsel_infolist .list_line li {
	margin-bottom: 5px;
	line-height: 1.4em;  letter-spacing: -0.05em;
}
.counsel_infolist .list_line li:last-child {
	margin-bottom: 0;
}

.caution_box {
	margin-top: 60px;
}
.caution_box > strong {
	display: block;
	margin-bottom: 10px;
	color: #9d1d40; font-weight: 800;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}

/* 취업상담(취업지원관) */
.infotop_box.employment .counsel_infolist {
	margin-top: 40px;
}

/* 진로설계 */
.plan_explanbox {
	padding: 20px 30px 30px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	overflow: hidden;
}
.plan_explanbox > .openimg_wrap {
	float: right;
	margin-left: 40px;
}
.plan_explanbox .section_tit_md {
	margin-bottom: 15px;
}
.explan_list li {
	margin-bottom: 17px;
	line-height: 1.8em; word-break: keep-all;
}
.explan_list li:last-child {
	margin-bottom: 0;
}
.explan_list li strong {
	display: block;
	margin-bottom: 8px;
	font-weight: 800; font-size: 1.8rem; color: #2c2c2c;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.micro_list {
	margin-top: 20px;
}
.micro_list li {
	position: relative;
	margin-bottom: 60px;
	padding-left: 100px;
	line-height: 1.8em;
}
.micro_list li:last-child {
	margin-bottom: 20px;
}
.micro_list li::before {
	position: absolute; left: 0; top: 50%;
	content: "";
	display: inline-block;
	margin-top: -44px;
	width: 88px; height: 88px;
	background-size: contain;
	background-repeat: no-repeat;
}
.micro_list li.micro1::before {
	background-image: url(../../images/client/sub/img_micro1.png);
}
.micro_list li.micro2::before {
	background-image: url(../../images/client/sub/img_micro2.png);
}
.micro_list li strong {
	display: block;
	margin-bottom: 8px;
	font-weight: 600; color: #2c2c2c;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.plan_flexbox {
	display: flex;
}
.plan_flexbox > div {
	flex: 1;
	margin-right: 30px;
}
.plan_flexbox > div:last-child {
	margin-right: 0;
}
.plan_flexbox .section_tit_md {
	margin-bottom: 5px;
}
.plan_faqlist {
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	overflow: hidden;
}
.plan_faqlist li {
	position: relative;
	padding: 25px 30px;
	border-bottom: 1px dashed #d7d7d7;
}
.plan_faqlist li:last-child {
	border-bottom: none;
}
.plan_faqlist li .num {
	position: absolute; left: 30px; top: 50%;
	display: inline-block;
	margin-top: -30px;
	width: 60px; height: 60px;
	line-height: 58px; color: #9d1d40; font-weight: 800; font-size: 2.4rem; text-align: center;
	font-family: Paybooc, sans-serif;
	background-color: #fcd5dd;
	border: 2px solid #e4b2bc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.plan_faqlist li > div {
	padding-left: 75px;
	line-height: 1.7em; word-break: keep-all;
}
.plan_faqlist li > div strong {
	display: block;
	margin-bottom: 10px;
	color: #2c2c2c; font-size: 1.8rem; font-weight: 800;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}

/* 나의 진로설계 */
.planresult_tit {
	background-image: url(../../images/client/sub/icon_plantit.png);
}

.font_capa1 {
	color: #ff9655;
}
.font_capa2 {
	color: #ff7b94;
}
.font_capa3 {
	color: #41c19e;
}
.font_capa4 {
	color: #b58bea;
}
.font_capa5 {
	color: #6392d8;
}
.subjectpoint_list {
	font-size: 0; line-height: 0; text-align: left;
}
.subjectpoint_list p {
	display: inline-block;
	padding-right: 10px;
	width: 33.3%;
	color: #5c5c5c; font-size: 1.5rem; line-height: 1.7em;
}
.subjectpoint_list p span {
	display: inline-block;
	margin-right: 10px;
	font-weight: 500; vertical-align: 0;
}
.subjectpoint_list .capa1 span {
	color: #ff9655;
}
.subjectpoint_list .capa2 span {
	color: #ff7b94;
}
.subjectpoint_list .capa3 span {
	color: #41c19e;
}
.subjectpoint_list .capa4, .subjectpoint_list .capa5 {
	width: auto;
}
.subjectpoint_list .capa4 span {
	color: #b58bea;
}
.subjectpoint_list .capa5 span {
	color: #6392d8;
}

.planlc_box {
	position: relative;
	padding: 120px 20px 20px 20px;
	height: 200px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 52% 30px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.planlc_box dt {
	margin-bottom: 3px;
	width: 100%;
	font-family: Paybooc, sans-serif; font-size: 1.9rem; font-weight: 800; color: #2c2c2c; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.planlc_box dt span {
	display: block;
	width: 45px; height: 45px;
	position: absolute; top: 15px; left: 15px;
	font-size: 1.1rem; line-height: 45px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.planlc_box dd {
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.planlc_box.langlist_box {
	background-image: url(../../images/client/sub/img_lang.png);
	background-color: #f5ebec;
}
.planlc_box.license_box {
	background-image: url(../../images/client/sub/img_certi.png);
	background-color: #f5f3eb;
}
.planlc_box.etc_box {
	background-image: url(../../images/client/sub/img_etcbox.png);
	background-color: #ebf0f8;
}

.rolemodel_wrap {
	position: relative;
	margin-bottom: 20px; padding: 30px 30px 30px 340px;
	background: #f5f5f5;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.rolemodel_who {
	position: absolute; top: 50%; left: 30px;
	display: flex;
	align-items: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rolemodel_who > .img_wrap {
	position: relative;
	margin-right: 20px;
	width: 127px; height: 163px;
	overflow: hidden;
}
.rolemodel_who > .img_wrap img {
	position: absolute; left: 50%; top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.rolemodel_who p {
	max-width: 140px;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.rolemodel_who strong {
	display: block;
	color: #2c2c2c; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.03em;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.rolemodel_wrap .programpoint_list {
	font-size: 0; line-height: 0; text-align: right;
}
.rolemodel_wrap .programpoint_list dd {
	display: inline-block;
	margin-right: 2.4%; padding: 20px 0;
	width: 18.08%;
	font-size: 1.8rem; line-height: 1em; font-weight: 800; letter-spacing: -0.03em; vertical-align: top; text-align: center; text-overflow: ellipsis; white-space: nowrap;
	font-family: Paybooc, sans-serif;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.rolemodel_wrap .programpoint_list dd:last-child {
	margin-right: 0;
}
.rolemodel_wrap .programpoint_list dd strong {
	position: relative;
	display: block;
	margin-bottom: 15px; padding-bottom: 90px;
	font-family: Notokr, sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.5em; text-overflow: ellipsis; white-space: nowrap;
	background-repeat: no-repeat; background-position: center bottom;
	overflow: hidden;
}
.rolemodel_wrap .programpoint_list dd strong::before {
	position: absolute; top: 30px; left: 50%;
	content: "";
	display: inline-block;
	margin-left: -40px;
	width: 80px; height: 80px;
	background-color: #154f79;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.rolemodel_wrap .capa1 strong {
	color: #ff9655;
}
.rolemodel_wrap .capa1 strong::before {
	background-image: url(../../images/client/sub/icon_capa1.png);
	background-size: 41px;
}
.rolemodel_wrap .capa2 strong {
	color: #ff7b94;
}
.rolemodel_wrap .capa2 strong::before {
	background-image: url(../../images/client/sub/icon_capa2.png);
	background-size: 37px;
}
.rolemodel_wrap .capa3 strong {
	color: #41c19e;
}
.rolemodel_wrap .capa3 strong::before {
	background-image: url(../../images/client/sub/icon_capa3.png);
	background-size: 36px;
}
.rolemodel_wrap .capa4 strong {
	color: #b58bea;
}
.rolemodel_wrap .capa4 strong::before {
	background-image: url(../../images/client/sub/icon_capa4.png);
	background-size: 33px;
}
.rolemodel_wrap .capa5 strong {
	color: #6392d8;
}
.rolemodel_wrap .capa5 strong::before {
	background-image: url(../../images/client/sub/icon_capa5.png);
	background-size: 43px;
}
.rolemodel_major {
	display: flex;
	margin-bottom: 20px; padding: 20px;
	color: #fff;
	background: #3589c4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rolemodel_major * {
	min-width: 0;
}
.rolemodel_major strong {
	display: block;
	margin-right: 20px; padding-left: 36px;
	font-family: Paybook, sans-serif; font-size: 2rem; font-weight: 800; letter-spacing: -0.05em; 
	background: url(../../images/client/sub/icon_rolemodel_major.png) no-repeat left center;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.rolemodel_major p {
	padding: 2px 0;
	font-size: 1.8rem; font-weight: 300; letter-spacing: -0.03em;
}

/* 직업설계 step1 */
.plansetting_box {
	margin-bottom: 50px;  padding: 10px 30px 10px 10px;
	background: #f5f2f3;
}
.plansetting_box p {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}
.plansetting_box p:last-child {
	margin-bottom: 0;
}
.plansetting_box strong {
	display: block;
	flex-shrink: 0;
	padding: 0 10px;
	width: 140px;
	color: #2c2c2c;  font-size: 2rem; font-weight: 800; letter-spacing: -0.05em; text-align: left; line-height: 40px;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.plansetting_box span {
	display: block;
	flex-grow: 1;
	padding: 8px 20px;
	min-height: 40px;
	line-height: 1.6em;
	background: #fff; 
}

.tab_plan li {
	position: relative;
	width: 170px;
}
.tab_plan a {
	display: block;
	height: 50px;
	line-height: 1em; font-size: 1.6rem;
}
.tab_plan a p {
	position: absolute; left: 50%; top: 50%;
	padding: 0 5px;
	width: 100%;
	font-family: Paybooc, sans-serif; font-weight: 600;
	-webkit-transform: rotate(-0.03deg) translate(-50%, -50%);
	-moz-transform: rotate(-0.03deg) translate(-50%, -50%);
	-o-transform: rotate(-0.03deg) translate(-50%, -50%);
	transform: rotate(-0.03deg) translate(-50%, -50%);
}
.tab_plan a span {
	display: block;
	font-size: 1.4rem; font-family: inherit; font-weight: inherit;
}

.joblist_content {
	padding: 20px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.joblist_content > .section_tit_md {
	margin-bottom: 15px;
}
.joblist_content dl {
	color: #3a3a3a; 
}
.joblist_content dl dt {
	margin-bottom: 5px;
	font-size: 1.6rem; 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);	
}
.joblist_content dl dd {
	margin-bottom: 18px;
	line-height: 1.7em;	
}

/* 직업설계 step2 */
.target_box {
	position: relative;
}
.target_box > a {
	position: relative; 
	display: block;
	padding: 30px 20px;
	height: 200px;
	border: 1px solid #d6dadf; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.target_box.on > a {
	border-color: #9d1d40;
}
.target_box.selected > a {
	border-color: #9d1d40;
}
.plan_radio {
	position: absolute; right: 10px; top: 10px;
	display: block;
	width: 30px; height: 30px;
}
.plan_radio input {
	display: none;
}
.plan_radio label {
	display: block;
	width: 100%; height: 100%;
	text-indent: -9999px;
	background: url(../../images/client/formstyle/icon_checkonly.png) no-repeat center center;
	background-size: 100%;
	cursor: pointer;
}
.plan_radio input:checked + label {
	background-image: url(../../images/client/formstyle/icon_checkonly_on.png);
}
.company_box {
	position: relative;
}
.company_box dt {
	margin-bottom: 14px; padding-right: 25px;
	color: #2c2c2c; font-size: 2rem; font-weight: 800; line-height: 1.3em; letter-spacing: -0.05em; white-space: nowrap; text-overflow: ellipsis;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	overflow: hidden;
}
.company_box dd {
	margin-bottom: 3px; 
	padding-left: 71px;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.company_box dd:last-child {
	display: -webkit-box;
	margin-bottom: 0;
	max-height: 45px;
	-webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;
}
.company_box dd strong {
	display: inline-block;
	margin-right: 6px; margin-left: -71px;
	width: 65px; line-height: 20px;
	color: #2c2c2c; vertical-align: top; text-align: center;
	background: #f2d6db;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.role_box > a {
	display: flex;
	align-items: center;
}
.role_box .img_wrap {
	position: relative;
	margin-right: 10px;
	width: 110px; height: 143px;
	border: 1px solid #d7d7d7;
	overflow: hidden;
}
.role_box .img_wrap img {
	position: absolute; left: 50%; top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.target_role {
	flex: 1;
	color: #3a3a3a; font-size: 1.5rem; 
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.target_role span {
	display: block;
	margin-bottom: 10px;
	font-size: 1.8rem; font-weight: 800;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}

/* 직업설계 step3 */
.add_box {
	position: relative;
}
.add_box .btn_listdel {
	width: 30px; height: 30px;
	padding: 0;
	position: absolute; top: 15px; right: 15px;
	text-indent: -9999px;
	background-position: center center;
}

/* 전공설계 step1 */
.major_box label {
	display: flex;
	padding: 10px;
	width: 100%; height: 60px;
	align-items: center; justify-content: center;
	text-align: center; letter-spacing: -0.05em; line-height: 1.2em;
	background-color: #f1eded;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.major_box input:checked + label {
	color: #fff;
	background-color: #d97c8b;
}

/* 진로탐색 */
.planresult_wrap .graph_box {
	height: 420px;
	background-color: #faf9f7;
}
.planresult_wrap .graph_box .apexcharts-legend {
	right: inherit !important;
	display: block !important;
}
.planresult_list li {
	display: flex; 
	margin-bottom: 10px;
	height: 76px;
	align-items: center;
	border: 1px solid #d7d7d7;
	border-left: 5px solid #f2d6db;
}
.planresult_list li:last-child {
	margin-bottom: 0;
}
.planresult_list li > * {
	flex: 1;
	font-family: Paybooc, sans-serif;
	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);
}
.planresult_list li > strong {
	padding: 0 20px 0 50px;
	font-size: 2rem; font-weight: 600;
}
.planresult_list li > p {
	padding: 0 20px;
	text-align: center; font-size: 2.4rem; color: #9d1d40; font-weight: 800;
}

.comparegraph_detail {
	margin-bottom: 10px;
	font-size: 0; line-height: 0; text-align: right;
}
.comparegraph_detail li {
	display: inline-block;
	margin-right: 20px;
	font-size: 1.5rem; line-height: 1.4em;
}
.comparegraph_detail li:last-child {
	margin-right: 0;
}
.comparegraph_detail li::before {
	content: "";
	display: inline-block;
	margin-right: 7px;
	width: 16px; height: 16px;
	vertical-align: -3px;
}
.comparegraph_detail li.average::before {
	background-color: #9d1d40;
}
.comparegraph_detail li.myscore::before {
	background-color: #293959;
}

.comparegraph_box {
	height: 200px;
	border: 1px solid #d7d7d7;
}
.comparegraph_box strong {
	display: block;
	padding: 17px 20px 0;
	color: #2c2c2c; font-size: 1.8rem; font-weight: 800; line-height: 1.3em;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.comparegraph_box  > div {
	padding-right: 20px;
}

/* 진로탐색 */
.planresult_wrap .graph_box {
	height: 420px;
	background-color: #faf9f7;
}
.planresult_wrap .graph_box .apexcharts-legend {
	right: inherit !important;
	display: block !important;
}
.planresult_list li {
	display: flex; 
	margin-bottom: 10px;
	height: 76px;
	align-items: center;
	border: 1px solid #d7d7d7;
	border-left: 5px solid #f2d6db;
}
.planresult_list li:last-child {
	margin-bottom: 0;
}
.planresult_list li > * {
	flex: 1;
	font-family: Paybooc, sans-serif;
	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);
}
.planresult_list li > strong {
	padding: 0 20px 0 50px;
	font-size: 2rem; font-weight: 600;
}
.planresult_list li > p {
	padding: 0 20px;
	text-align: center; font-size: 2.4rem; color: #9d1d40; font-weight: 800;
}

.comparegraph_detail {
	margin-bottom: 10px;
	font-size: 0; line-height: 0; text-align: right;
}
.comparegraph_detail li {
	display: inline-block;
	margin-right: 20px;
	font-size: 1.5rem; line-height: 1.4em;
}
.comparegraph_detail li:last-child {
	margin-right: 0;
}
.comparegraph_detail li::before {
	content: "";
	display: inline-block;
	margin-right: 7px;
	width: 16px; height: 16px;
	vertical-align: -3px;
}
.comparegraph_detail li.average::before {
	background-color: #9d1d40;
}
.comparegraph_detail li.myscore::before {
	background-color: #293959;
}

.comparegraph_box {
	height: 200px;
	border: 1px solid #d7d7d7;
}
.comparegraph_box strong {
	display: block;
	padding: 17px 20px 0;
	color: #2c2c2c; font-size: 1.8rem; font-weight: 800; line-height: 1.3em;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.comparegraph_box  > div {
	padding-right: 20px;
}

/* 나의 로드맵 */
.rategraph_box {
	position: relative;
	margin-top: 40px;
	height: 400px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.rategraph_box h5 {
	font-size: 1.8rem; font-weight: 600; letter-spacing: -0.03em;
	font-family: Paybooc, sans-serif;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.rategraph_box.rate_total .apexcharts-tooltip-text-value, .rategraph_box.rate_total .apexcharts-tooltip-text-z-value, .rategraph_box.rate_total .apexcharts-tooltip * {
	color: #fff !important;
}
.rate_total {
	display: flex;
	align-items: center; justify-content: center; text-align: center;
}
.rate_total > div {
	width: 100%;
}
.rate_total h5 {
	margin-bottom: -40px; margin-top: 40px;
}
.rate_total .apexcharts-datalabels-group .apexcharts-datalabel-label {
	font-family: Paybooc, sans-serif !important; font-weight: 800;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.rate_detail {
	padding: 25px 30px;
}
.rate_detail h5 {
	margin-bottom: 30px;
}
.roadmap_bargraph {
	display: flex;
	margin-bottom: 30px;
	align-items: center;
}
.roadmap_bargraph strong {
	display: inline-block;
	margin-right: 20px; padding-right: 12px;
	font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em;
	background: url(../../images/client/sub/arrow_roadmap_side.png) no-repeat right center;
	flex-shrink: 0;
}
.roadmap_bargraph strong span {
	display: inline-block;
	font-weight: inherit; vertical-align: top;
}
.roadmap_bargraph strong span:nth-child(1) {
	color: #9d1d40;
}
.roadmap_bargraph strong span:nth-child(2) {
	color: #243757;
}
.roadmap_bargraph div {
	position: relative;
	height: 20px;
	flex-grow: 1;
	background: #243757;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.roadmap_bargraph div p {
	position: absolute; top: 0; left: 0;
	height: 100%;
	background: #9d1d40;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.roadmap_bargraph div span {
	position: absolute; top: 50%; left: 50%;
	color: #fff; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.03em;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.rate_license .rategraph_box {
	margin-top: 0;
	height: 200px;
}

.rate_license .rategraph_box {
	min-height: 130px !important;
}
.rate_license .rategraph_box .apexcharts-canvas {
	height: 130px !important;
}

.planlc_box.on::before {
	position: absolute; top: 15px; left: -50px;
	content: "취득";
	display: block;
	width: 160px; height: 30px;
	color: #fff; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; line-height: 30px; text-align: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.planlc_box.langlist_box.on::before {
	background: #9d1d40;
}
.planlc_box.license_box.on::before {
	background: #ffd645;
}
.planlc_box.etc_box.on::before {
	background: #3c6dbc;
}

.planlc_box .check_only {
	position: absolute; right: 10px; top: 10px;
	margin: 0;
}
.planlc_box .check_only label {
	width: 35px; height: 35px;
}
.planlc_box.langlist_box .check_only input:checked + label {
	background-image: url(../../images/client/sub/icon_checkonly_red.png);
}
.planlc_box.license_box .check_only input:checked + label {
	background-image: url(../../images/client/sub/icon_checkonly_yellow.png);
}

/* 나의 정보 */
.student_infobox {
	position: relative;
	display: flex;
	padding: 40px 35px 35px;
	align-items: center;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}
.student_infobox .img_wrap {
	position: relative;
	margin-right: 70px;
	flex-shrink: 0;
	width: 120px; height: 150px;
	border: 1px solid #d7d7d7;
	overflow: hidden;
}
.student_infobox .img_wrap img {
	position: absolute; top: 50%; left: 50%;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.student_infobox ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 0; line-height: 0;
}
.student_infobox li {
	display: flex;
	margin-bottom: 10px;
	padding-right: 30px;
	font-size: 1.5rem; word-break: break-all; vertical-align: top;
}
.student_infobox li:nth-child(2n) {
	width: 60%;
}
.student_infobox li:nth-child(2n-1) {
	width: 40%;
}
.student_infobox strong {
	position: relative;
	flex-shrink: 0;
	margin-right: 30px;
	width: 70px;
	font-size: 1.5rem; font-weight: 500; color: #243757; vertical-align: top;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.student_infobox strong::after {
	position: absolute; right: 0; top: 4px;
	content: "";
	display: inline-block;
	width: 1px; height: 14px;
	background-color: #d3d3d3; 
}

.mymileage_wrap {
	margin-bottom: 20px;
	padding: 15px 0 25px;
	font-size: 0; line-height: 0;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mymileage_wrap > div {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}
.mymileage_wrap > div:last-child {
	margin-bottom: 0;
}
.mymileage_wrap > div > div {
	display: inline-block;
	vertical-align: top;
}
.mymileage_left {
	position: relative;
	margin: 0 2% 0 4%; padding: 50px 0 50px 120px;	
	width: 49%;
	font-size: 1.5rem; line-height: 1.5em; 
}
.mymileage_left strong {
	position: absolute; top: 50%; left: 0;
	display: inline-block;
	color: #2c2c2c; word-break: keep-all;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mileage_bargraph {
	position: relative;
	height: 30px;
	background: #f0f0f0;
}
.mileage_bargraph::after {
	position: absolute; right: -15px;
	content: "";
	width: 15px; height: 100%;
	background-color: #d7d7d7;
}
.mileage_bargraph .bar_graph {
	position: absolute; top: 0; left: 0;
	height: 100%;
}
.mileage1 .mileage_bargraph .bar_graph {
	background-color: #FFDD60;
}
.mileage2 .mileage_bargraph .bar_graph {
	background-color: #006D43;
}
.mileage_bargraph .bar_graph span {
	position: absolute; top: -50px; right: 0;
	display: inline-block;
	width: 50px;
	padding-bottom: 22px;
	color: #9d1d40; font-weight: 500; text-align: center;
	background: url(../../images/client/sub/icon_mymileage_location.png) no-repeat center bottom;
	background-size: 18px;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}
.mileage_goal {
	position: absolute; top: -12px; right: 0;
	display: block;
	margin-left: -1px;
	width: 2px; height: 50px;
	background: linear-gradient(to bottom, #9d1d40, #9d1d40 65%, transparent 65%, transparent 100%); background-size: 2px 8px;
}
.mileage_goal p {
	position: absolute; bottom: -50px; left: 50%;
	min-width: 70px;
	color: #9d1d40; text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.mileage_goal span {
	display: block;
	color: #9d1d40;
}

.mymileage_right {
	margin: 0 5% 0 2%;
	width: 38%;
	text-align: right;
}
.mymileage_right p {
	font-size: 1.5rem; line-height: 1.5em; 
}
.mymileage_point {
	position: relative;
	display: inline-block;
	padding: 3px 15px;
	width: 262px;
	background: #f5f2f3;
	border: 1px solid #e6677c;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.mymileage_point strong {
	position: absolute; left: 15px; top: 50%;
	margin-right: 20px;
	color: #2c2c2c;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mymileage_point span {
	color: #9d1d40; font-size: 2.2rem; font-weight: 500;
}
.mymileage_rank {
	position: relative;
	display: inline-block;
	margin-left: 5%;
	width: 134px; height: 86px;
	background-position: center;
	background-repeat: no-repeat;
}
.mileage1 .mymileage_rank {
	background-image: url(../../images/client/sub/bg_mymileage_rank1.png);
}
.mileage2 .mymileage_rank {
	background-image: url(../../images/client/sub/bg_mymileage_rank2.png);
}
.mymileage_rank span {
	position: absolute; top: 5px; left: 50%;
	display: inline-block;
	padding: 0 3px;
	color: #2c2c2c; font-size: 2rem; text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mypage_graph {
	height: 340px;
	/* text-align: center; */
}
.mypage_graph > * {
	margin: 0 auto;
}

.tbl .status_label {
	min-width: auto;
	font-weight: 500;
	background: none;
}
.tbl .status_label.complete {
	color: #15438e;
}
.tbl .status_label.notcomplete {
	color: #7c7c7c;
	background-color: none;
}
.tbl .status_label.wait {
	color: #fda815;
}
.tbl .status_label.progress {
	color: #0a7a46;
}
.tbl .status_label.cancel {
	color: #c21a1a;
}

/* 인증 현황 */
.status_graphwrap {
	display: flex;
	margin-bottom: 40px;
}
.status_graphwrap:nth-of-type(2) {
	margin-bottom: 0;
}
.status_graphwrap > * {
	flex: 1;
	margin-right: 25px;
}
.status_graphwrap > *:last-child {
	margin-right: 0;
}
.status_graph {
	height: 420px;
	background-color: #faf9f7;
}
.status_graph .apexcharts-legend {
	right: inherit !important;
	display: block !important;
	padding: 0 !important;
}
.capa_graphwrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center; justify-content: center;
	font-size: 0; line-height: 0;
}
.capa_graphwrap .graph_box {
	margin-right: 20px;
	padding: 15px;
	width: 180px;
	min-height: auto; height: 200px;
}
.capa_graphwrap .graph_box:nth-child(3n) {
	margin-right: 0;
}
.capa_graphwrap .graph_box:last-child {
	margin-right: 0 !important;
}
.capa_graphwrap .graph_box:nth-child(4), .capa_graphwrap .graph_box:nth-child(5) {
	margin-top: 20px;
}
.capa_graphwrap .graph_box.capa1 {
	background-color: #fffaf7;
}
.capa_graphwrap .graph_box.capa2 {
	background-color: #fff7f9;
}
.capa_graphwrap .graph_box.capa3 {
	background-color: #f7fffd;
}
.capa_graphwrap .graph_box.capa4 {
	background-color: #fbf7ff;
}
.capa_graphwrap .graph_box.capa5 {
	background-color: #f7faff;
}
.capa_graphwrap .graph_box.learning_capa1 {
	background-color: #fff7f9;
}
.capa_graphwrap .graph_box.learning_capa2 {
	background-color: #fcf5f6;
}
.capa_graphwrap .graph_box.learning_capa3 {
	background-color: #fafcff;
}
.certi_acquire {
	position: absolute; bottom: 0; left: 0;
	padding: 0 10px 0 30px;
	width: 100%;
	font-size: 1.4rem; line-height: 24px; color: #fff;
	background-image: url(../../images/client/sub/img_certi_acquire.png);
	background-color: #e6677c;
	background-repeat: no-repeat; background-position: 5px center;
}


/* ---------------- 교수 : 서브 ----------------*/

/* 교수 : 교수프로그램 신청 */
.prof.program_cardtype .capa_label {
	color: #9d1d40;
	border-color: #9d1d40;
}
.prof.program_cardtype .program_mileage {
	background-color: #9d1d40;
}
.prof.program_cardtype .team_label {
	background-color: #9d1d40;
}
.prof.program_cardtype .progress_bar p {
	background-color: #11265b;
}

/* 교수 : 교수프로그램 신청 상세 */
.prof.program_content .team_label {
	background-color: #9d1d40;
}
.prof.program_content dt .program_part {
	color: #9d1d40;
}
.prof.program_content dt h5 {
	color: #11265b;
}
.prof.joincount_wrap > div {
	background-color: #e7e9ee;
} 
.prof.joincount_wrap .progress {
	background-color: #c7cddc;
}
.prof.ipoint_wrap .nunsubfiledown_box {
	width: 65%;
}
.prof.ipoint_wrap .nunsubfiledown_box > div {
	width: 47.5%;
}
.prof.ipoint_wrap .satisfy_wrap {
	width: 32%;
}
.prof .adit_content {
	background-color: #e7e9ee;
}
.prof.info_ctnbox {
	background-color: #e7e9ee;
}

/* 교수 : 교수역량진단 */
.prof.survey_list .survey_no {
	color: #9d1d40;
	background-color: #f9f1f4;
}
.prof.survey_list dd textarea {
	background-color: #e7e9ee;
}
.prof.testlist_paging .testlist_move {
	background-color: #11265b;
}
.prof.testlist_paging .testlist_done {
	background-color: #9d1d40;
}

.prof.testdo_list {
	padding: 20px 120px 20px 20px;
	height: 145px;
	border-color: #11265b;
	background: none;
}
.prof.testdo_list .btn {
	padding-top: 90px;
	background-position: center 35px;
}
.prof.testdo_list .btn_gotest {
	background-color: #cbd0da;
}
.prof.testdo_list .btn_viewresult { 
	background-color: #cbd0da;
}

.testresult_wrap .graph_box.capa_test.prof .apexcharts-legend { 
	top: auto !important;
	right: auto !important;
	left: 50% !important;
	display: flex !important;
	padding: 20px 10px 10px !important;
	-webkit-transform: translateX(-50%) !important;
	-moz-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}  
.testresult_wrap .graph_box.capa_test.prof .apexcharts-datalabel { 
	fill: #fff;
}

.prof.testlist_wrap {
	border-top-color: #11265b;
}
.prof.testlist_wrap .testlist_tit::after {
	background-color: #11265b;
}
.prof.testlist_wrap .testlist_bar p {
	background-color: #9d1d40;
}

/* 교수 : 프로필관리 */ 
.prof_profile h4 { 
    margin-bottom: 0.4em;
} 
.prof_profile h4 .check_only label { 
	padding-top: 2px;
	padding-left: 30px;
	width: auto; height: auto;
	text-indent: 0;
    color: #222; letter-spacing: -0.03em; font-size: 2.3rem;
    font-family: TTTogether, sans-serif;
	background-position: left center;
	background-size: 24px;
    -webkit-transform: rotate(-0.03deg);
    -moz-transform: rotate(-0.03deg);
    -o-transform: rotate(-0.03deg);
    transform: rotate(-0.03deg);
}
.period_txt {
	display: inline-block;
	margin: 0 5px;
	height: 40px;
	line-height: 40px;
}

/* 교수 : 수업포트폴리오 관리 */ 
.prof_chart_wrapper {
	display: flex;
}
.capachart_box {
	position: relative;
	margin-right: 20px;
	padding: 20px 10px;
	height: 440px;
	flex: 1;
	background-color: #e7e9ee;
}
.capachart_box .title {
	margin-bottom: 20px;
	font-size: 1.8rem; text-align: center; color: #222;
    font-family: TTTogether, sans-serif;
    -webkit-transform: rotate(-0.03deg);
    -moz-transform: rotate(-0.03deg);
    -o-transform: rotate(-0.03deg);
    transform: rotate(-0.03deg);
}
.capachart_box .apexcharts-legend-text {
	font-size: 14px !important;
}
.capachart_box .apexcharts-pie-label, .capachart_box .apexcharts-datalabel, .capachart_box .apexcharts-datalabel-label, .capachart_box .apexcharts-datalabel-value { 
	fill: #4a4a4a;
	font-size: 14px !important;
}
.capachart_box .apexcharts-radar-series polygon {
	fill: #fff;
} 

.capachart_box .nocnt_box {
	height: 400px;
	background-color: transparent;
}

.prof_acd_btn { 
	text-align: center;
	background-color: #8892ad; 
	cursor: pointer;
}
.prof_acd_btn p {
	display: inline-block;
	font-size: 0; color: #fff; text-align: center; line-height: 50px;
    font-family: TTTogether, sans-serif; 
    -webkit-transform: rotate(-0.03deg);
    -moz-transform: rotate(-0.03deg);
    -o-transform: rotate(-0.03deg);
    transform: rotate(-0.03deg);
}
.prof_acd_btn p::before {
	content: "전체보기";
	font-size: 1.8rem;
}
.prof_acd_btn p::after {
	display: inline-block;
	content: "";
	margin-bottom: -2px;
	margin-left: 10px;
	width: 21px; height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../../images/client/sub/icon_portfolio_arrow.png);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
.prof_acd_btn.on p::before {
	content: "접기"; 
}
.prof_acd_btn.on p::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


/*=================== //서브 ===================*/

@media screen and (max-width:1279px) {
	/*=================== 공통 1279 ===================*/
	
	/* 영역 타이틀 1279 */
	.section_tit_lg {
		font-size: 2.4rem;
		background-position: left 14px;
	}
	.section_tit_md {
		font-size: 2.1rem;
		background-position: left 15px;
	}
	.section_tit_sm {
		font-size: 1.6rem;
		background-position: left 13px;
	}
	.section_tit_lg + .txt_row.tip_txt {
		padding-top: 2px;
	}

	/* 인포메이션 1279 */
	.infotop_box.trial {
		background-size: 180px;
		background-position: right 30px top 30px;
	}
	.infotop_box.career::before {
		top: -40px; right: 30px;
		width: 200px; height: 145px;
	}
	.infotop_box.employment::before {
		top: -55px; right: 25px;
		width: 220px; height: 178px;
	}
	.infotop_box.founded {
		background-size: 160px;
	}
	.infotop_box.foreign::before {
		right: 20px;
		width: 270px; height: 136px;
	}
	.infotop_box.professor {
		padding-top: 40px; padding-bottom: 40px;
		background-size: 180px;
	} 
	.infotop_box.plan {
		padding: 25px 25px 25px 350px;
		background-size: 250px;
		background-position: left 45px center;
	}
	
	/*=================== //공통 1279 ===================*/
	/*=================== 메인 1279 ===================*/
	
	.mainpage_visual {
		background-size: auto 590px;
	}
	.mainpage_visual .grid_content {
		height: 640px;
	}
	.mainpage_visual .grid_content::before {
		left: 100px; bottom: 60px;
		width: 500px; height: 427px;
	}
	.mainpage_visual h2 {
		right: 30px;
	}

	.main_community_wrap {
		width: 40%;
	}
	.main_right_wrap {
		width: 60%;
	}
	.main_counsel_wrap ul li {
		margin-right: 10px;
	}
	.main_counsel_wrap ul li a {
		padding: 15px 10px 20px 15px;
	}

	/* 교수 : 메인 1279 */
	.main_prof_bottom_wrapper .grid_content {
		padding: 50px 0 100px;
	}
	.main_prof_left {
		margin-right: 5%;
		width: 25%;
	}
	.main_prof_right {
		width: 70%;
	}
	.main_prof_list li {
		padding: 25px 18px 20px;
	}
	.main_prof_list li > div {
		min-height: 121px;
	}
	.main_prof_list li > div p {
		margin-bottom: 10px;
	}


	/*=================== //메인 1279 ===================*/
	/*=================== 서브 1279 ===================*/
	
	/* 마이페이지 - 인증현황 1279 */
	.status_wrapper > div {
		width: 360px;
	}
	.status_wrapper > ul {
		width: 57%;
	}
	.status_wrapper > ul li {   
		padding: 7px 7px 7px 80px;
		background-position: 30px 3px;
	}
	.status_wrapper > ul li p {
		right: 30px;
	}  
	
	.student_infobox {
		padding: 20px 15px 15px;
	}
	.student_infobox li:nth-child(2n) {
		width: 50%;
	}
	.student_infobox li:nth-child(2n-1) {
		width: 50%;
	}
	.student_infobox strong {
		margin-right: 20px;
	} 

	.require_wrapper {
		height: auto;
		background-image: none;
	} 
	.require_wrapper > p {
		padding: 115px 35px 20px;
		font-size: 2.8rem;
		background-size: 110px;
		background-position: center 20px;
		border: 3px solid #9d1d40;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.require_wrap > div {
		margin: 10px;
		padding: 17px;
		width: 36%;
		border: 3px solid #000;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.require_wrap > div:nth-child(1) {
		border-color: #2e99c7;
	}
	.require_wrap > div:nth-child(2) {
		border-color: #1c6066;
	}
	.require_wrap > div:nth-child(3) {
		border-color: #fa7615;
	}
	.require_wrap > div:nth-child(4) {
		border-color: #efb334;
	}

	.status_wrapper.master > ul li {
		padding: 18px 7px 18px 60px;
	}
	.status_wrapper.master > ul li p {
		right: 20px;
	}

	.require_wrapper.master {
		height: auto;
		background-image: none;
	}
	.require_wrapper.master > p {
		padding: 100px 15px 10px;
		background-size: 70px;
	}
	.require_wrapper.master .require_wrap > div {
		padding: 60px 15px 15px;
		width: 32%;
	}
	.require_wrapper.master .require_wrap > div:nth-child(n+3) {
		padding: 60px 15px 15px;
	}
	.require_wrapper.master .require_wrap > div strong {
		padding: 5px 15px;
		background-color: #2e99c7;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-transform: translateX(-50%) rotate(-0.03deg);
		-moz-transform: translateX(-50%) rotate(-0.03deg);
		-o-transform: translateX(-50%) rotate(-0.03deg);
		transform: translateX(-50%) rotate(-0.03deg);
	}
	.require_wrapper.master .require_wrap > div:nth-child(1) strong { 
		top: 10px; left: 50%;
		background-color: #2e99c7;
	}
	.require_wrapper.master .require_wrap > div:nth-child(2) strong { 
		top: 10px; left: 50%;
		background-color: #1c6066;
	}
	.require_wrapper.master .require_wrap > div:nth-child(3) strong { 
		top: 10px; left: 50%; bottom: auto;
		background-color: #fa7615;
	}
	.require_wrapper.master .require_wrap > div:nth-child(4) strong { 
		top: 10px; left: 50%; bottom: auto;
		background-color: #efb334;
	} 

	/* 진단센터 - 핵심역량진단 1279 */ 
	.improve_box {
		padding: 30px 30px 30px 220px;
		background-size: 180px;
		background-position: 15px 15px;
	} 

	/* 진단센터 - 핵심역량 진단결과 1279 */
	.testresult_wrap .capa_score {
		padding: 0;
	}
	.testresult_wrap .capa_score li {
		padding: 42px 20px;
	}
	.testresult_wrap .capa_score li strong {
		right: 20px;
		width: 88px;
	}

	
	/* 역량개발센터 - 비교과신청 1279 */
	.program_cardtype dt {
		font-size: 1.6rem;
	}

	/* 역량개발센터 - 비교과신청 상세 1279 */  
	.program_content {
		padding-left: 465px;
	}
	.program_content .img_box {
		width: 445px;
	}
	.program_content dt h5 {
		font-size: 2rem;
	} 
	.ipoint_wrap .ipoint_box {
		padding: 35px 15px 25px 60px;
		width: 36%;
		background-size: 35px;
		background-position: 15px center;
	}
	.ipoint_wrap .nunsubfiledown_box {
		width: 60%;
	}
	.nunsubfiledown_box > div {
		width: 47%;
	}
	.nunsubfiledown_box > div > a {
		padding: 28px 20px;
		background-position: right 15px bottom 30px;
	}  

	/* 역량개발센터 - 비교과내역 상세 1279 */  

	/* 전문상담 - 교수상담 1279 */
	.info_box {
		padding: 40px;
	}
	.info_box.professor {
		padding: 30px 275px 30px 30px;
		background-size: auto 150px;
	}

	/* 전문상담 - 심리상담 약관동의 1279 */
	.info_box.counsel_agreement {
		padding: 30px 300px 30px 30px;
		background-size: auto 100px;
	}	

	/* 커뮤니티 - 알림톡 1279 */
	.faq_wrap .faq_tit {
		padding: 20px 465px 20px 80px;
	}
	.faq_wrap .faq_tit::after {
		right: 38px;
	}
	.faq_wrap .faq_no {
		left: 40px;
	}
	.faq_wrap .message_list {
		right: 85px;
	}
	
	/* 커뮤니티 - FAQ 1279 */
	.faq_wrap.faq .faq_cnt {
		padding: 40px 20px 40px 80px;
	} 

	/* 교수 : 수업포트폴리오 관리 1279 */
	.capachart_box {
		height: 390px;
	}
	.capachart_box .nocnt_box {
		height: 360px;
	}

	/*=================== //서브 1279 ===================*/
	
}
@media screen and (max-width:1079px) {
	/*=================== 공통 1079 ===================*/
	/*=================== //공통 1079 ===================*/
	/*=================== 메인 1079 ===================*/
	/*=================== //메인 1079 ===================*/
	/*=================== 서브 1079 ===================*/
	/*=================== //서브 1079 ===================*/
}
/*=================== hover ===================*/
@media screen and (min-width:1025px) {
	/*=================== 공통 hover ===================*/

	/* 링크 hover */ 
	.link_hover:hover { 
		text-decoration: underline; 
	}

	/*=================== //공통 hover ===================*/
	/*=================== 메인 hover ===================*/

	.main_notice_list li a:hover {
		color: #9d1d40;
	}

	.main_counsel_wrap ul li a:hover {
		border-color: #a08b5a;
	}
	.main_counsel_wrap ul li:nth-child(1) a:hover {
		background-image: url(../../images/client/main/img_counsel1.png), url(../../images/client/main/bg_counsel_on.png);
	}
	.main_counsel_wrap ul li:nth-child(2) a:hover {
		background-image: url(../../images/client/main/img_counsel2.png), url(../../images/client/main/bg_counsel_on.png);
	}
	.main_counsel_wrap ul li:nth-child(3) a:hover {
		background-image: url(../../images/client/main/img_counsel3.png), url(../../images/client/main/bg_counsel_on.png);
	}

	.main_studyroom a:hover {
		background-color: #ffe7af;
		box-shadow: 3px 3px 5px rgba(220,173,66, 0.4);
	}

	/* 교수 : 메인 hover */
	.main_prof_left a:hover {
		box-shadow: 3px 3px 7px rgba(17,38,91, 0.5);
	}

	/*=================== //메인 hover ===================*/
	/*=================== 서브 hover ===================*/
	
	.resume_wrap > li ul li.resume_list1 a:hover {
		color: #9d1d40; font-weight: 500;
	}

	/* 진단센터 - 핵심역량진단 실시 hover */
	.testdo_list .btn_viewresult:hover {
		background-color: #e0b2bf;
	}
	.testdo_list .btn_gotest:hover {
		background-color: #e0b2bf;
	}
	
	/* 진단센터 - 핵심역량진단 진단하기 hover */
	.testlist_paging .testlist_move:hover {
		background-color: #761530;
	}
	.testlist_paging .testlist_done:hover {
		background-color: #08173b;
	}

	/* 진단센터 - Career Path 진단 hover */
	.careerselect_box a:hover { 
		box-shadow: 4px -4px 0 #9d1d40;
	}
	.btn_tooltip:hover .tooltip {
		display: block;
	}

	/* 진단센터 - 만족도조사 hover */
	.satisfy_box:hover { 
		box-shadow: 4px -4px 0 #9d1d40;
	}
	.satisfy_box:hover .tit {
		color: #9d1d40;
	}
	.satisfy_box.disabled:hover {
		box-shadow: none;
	}
	.satisfy_box.disabled:hover .tit {
		color: #222;
	}

	/* 역량개발센터 - 비교과신청 hover */
	.program_cardtype.on { 
		box-shadow: 5px -5px 2px 2px rgba(168,145,94, 1); 
	}
	.program_cardtype.on dt > a {
		color: #9d1d40;
	}

	/* 역량개발센터 - 비교과신청 상세 hover */
	.nunsubfiledown_box .filedown_left > a:hover {
		background-color: #778abc;
	}
	.nunsubfiledown_box .filedown_right > a:hover {
		background-color: #d48b9f;
	}
	.nunsubfiledown_box > div.disabled > a:hover {
		background-color: #eaeaea;
	}

	/* 역량개발센터 - 비교과내역 hover */
	.program_joinlist .btn_bo_magenta:hover {
		color: #fff !important;
		background-color: #9d1d40 !important;
	}
	.program_joinlist .btn_bo_magenta.btn_disabled:hover {
		color: #898989 !important;
		background-color: #d7d7d7 !important;
		border-color: #d7d7d7 !important;
		cursor: default;
	} 

	/* 역량개발센터 - 비교과내역 상세 hover */
	.satisfy_wrap > a:hover {
		background-color: #c1a55e;
	}
	.satisfy_wrap.disabled > a:hover {
		background-color: #eaeaea;
	}

	/* 진로설계 - 진로설계 hover */
	.plan_box:hover { 
		border-color: #ddd; 
		box-shadow: 5px -5px 0 #eaeaea;
	} 
	.plan_box.on:hover { 
		box-shadow: 5px -5px 0 #9d1d40;
	}

	/* 채용취업정보 - 추천채용정보 hover */
	.employ_card a:hover {
		box-shadow: 4px -3px 0px 0px rgba(158, 0, 68, 0.8);
	}
	.employ_card a:hover dt > strong {
		color: #9d1d40;
	}

	/* 채용취업정보 - 워크넷 채용정보 hover */
	.pre_cal.worknet .btn_md:hover {
		background-color: #259535;
	}

	/* 채용취업정보 - 잡코리아 채용정보 hover */
	.pre_cal.jobkorea .btn_md:hover {
		background-color: #177ee6;
	}

	/* 채용취업정보 - 사람인 채용정보 hover */
	.pre_cal.saramin .btn_md:hover {
		background-color: #3260d7;
	}

	/* 채용취업정보 - 워크넷 공채속보 hover */
	.worknetspeed_card a:hover {
		box-shadow: 4px -3px 0px 0px rgba(158, 0, 68);
	}
	.worknetspeed_card a:hover dt {
		color: #9d1d40;
	}

	/* 채용취업정보 - 국가직무능력표준 정보 hover */
	.ncs_list dd > ol li a:hover::before {
		background-color: #c4778c;
	}
	.ncs_list dd ol li a:hover {
		border-color: #9d1d40; 
	}
	.ncs_list dd ol li a:hover strong {
		color: #444;
	}
	.ncs_list dd ol li a:hover strong span {
		color: #9d1d40;
	}

	.ncs_list .ncs_inner_box ol li a:hover {
		color: #c4778c;
		border-radius: 0;
	}
	.ncs_list .ncs_inner_box ol li a.on:hover {
		color: #fff;
	}

	/* 채용취업정보 - 자격증 hover */
	.licenseinfo_box:hover {
		background-image: url(../../images/client/sub/img_licenseinfo_hover.png);
		box-shadow: 4px -3px 0px 0px rgba(158, 0, 68);
	}
	.licenseinfo_box:hover h4 {
		color: #9d1d40;
	}

	/* 교수 : 교수프로그램 hover */ 
	.prof.program_cardtype.on dt > a {
		color: #11265b;
	} 
	
	/* 교수 : 교수역량진단 hover */ 
	.prof.testlist_paging .testlist_move:hover {
		background-color: #08173b;
	}
	.prof.prof.testlist_paging .testlist_done:hover {
		background-color: #761530;
	}

	.prof.testdo_list .btn_gotest:hover {
		background-color: #a6aec2;
	}
	.prof.testdo_list .btn_viewresult:hover {
		background-color: #a6aec2;
	} 

	/*=================== //서브 hover ===================*/	
}
/*=================== //hover ===================*/
@media screen and (max-width:1024px) {
	/*=================== 공통 1024 ===================*/

	/* 영역 1024 */
	.section_area {
		margin-bottom: 8%;
	}
	.section_marea {
		margin-bottom: 6%;
	}
	.section_sarea {
		margin-bottom: 4%;
	}
	.section_toparea {
		margin-top: 1%;
	}
	
	/* 인포메이션 1024 */
	.infotop_box {
		padding: 20px 25px 25px;
		line-height: 1.5em; text-align: center;
	}
	.infotop_box br {
		display: none;
	}
	.infotop_box.trial {
		padding: 160px 25px 25px;
		background-size: 140px;
		background-position: center top 20px;
	}
	.infotop_box.career {
		padding: 160px 25px 25px;
	}
	.infotop_box.career::before {
		right: inherit; left: 50%; top: 20px;
		margin-left: -80px;
		width: 160px; height: 116px;
	}
	.infotop_box.employment {
		padding: 160px 25px 25px;
	}
	.infotop_box.employment::before {
		right: inherit; left: 50%; top: 15px;
		margin-left: -95px;
		width: 160px; height: 129px;
	}
	.infotop_box.founded {
		padding: 170px 25px 25px;
		background-size: 140px;
		background-position: center 20px;
	}
	.infotop_box.founded .list_line {
		display: table;
		margin: 0 auto;
	}
	.infotop_box.foreign {
		padding: 25px 25px 130px;
	}
	.infotop_box.foreign::before {
		right: inherit; left: 50%;
		margin-left: -110px;
		width: 220px; height: 111px;
	}
	.infotop_box.professor {
		padding: 130px 25px 25px;
		background-size: 140px;
		background-position: center 20px;
	}
	.infotop_box.plan {
		margin-bottom: 20px;
		padding: 130px 25px 25px;
		background-size: 150px;
		background-position: center 20px;
	}

	.tip_txt {
		padding-left: 25px;
		background-size: 20px;
		background-position: 0 5px;
	}
	/*=================== //공통 1024 ===================*/
	/*=================== 메인 1024 ===================*/

	.mainpage_visual {
		background-size: auto 310px;
	}
	.mainpage_visual .grid_content {
		height: 430px;
	}
	.mainpage_visual .grid_content::before {
		left: 50%; bottom: 120px;
		width: 390px; height: 333px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.mainpage_visual h2 {
		bottom: 40px; right: auto; left: 50%;
		font-size: 2rem; text-align: center;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.mainpage_visual h2 strong {
		font-size: 3.2rem; line-height: 1.4em;
	}
	
	.main_tit {
		margin-bottom: 10px;
		font-size: 2.6rem;
	}
	.main_timetbl_wrapper {
		padding: 20px 0;
	}
	.main_timetbl_wrapper .main_tit {
		margin-bottom: 0;
	}
	.main_timetbl .fc .fc-toolbar-title {
		font-size: 2.2rem;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
	}
	.main_timetbl .fc .fc-col-header-cell-cushion {
		margin: 1px 0 3px;
		font-size: 1.6rem;
	}
	/* .main_timetbl_wrapper .timetbl_date {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	 */

	.main_alarm_wrapper {
		margin-bottom: 40px;
		padding: 15px 20px 20px;
	}
	.main_alarm_wrap {
		padding-right: 35px;
	}
	.main_alarm_wrap .swiper-container {
		padding-left: 48px;
		height: 53px;
		background-size: 17px;
		background-position: 16px center;
	}
	.main_alarm_wrap li a {
		padding: 15px 160px 15px 0;
	}
	.main_alarm_wrap .swiper_control button {
		width: 22px; height: 22px;
		background-size: 11px;
	}
	.main_alarm_wrap li .nocnt_box {
		height: 53px;
	}

	.main_top .radio_col_wrapper {
		margin-bottom: 20px;
	}
	.main_program_wrapper {
		padding-bottom: 45px;
	}

	.main_community_wrap, .main_right_wrap {
		display: block;
		width: 100%;
	}
	
	.main_counsel_wrap::after {
		position: absolute; left: -100%; top: 0;
		content: "";
		display: block;
		width: 100%; height: 100%;
		background-color: #faf2e7;
	}
	
	.main_notice_wrap, .main_faq_wrap {
		display: inline-block;
		width: 50%; height: 284px;
		vertical-align: top;
	}
	.main_notice_wrap {
		padding: 30px 20px 40px 0;
	}
	.main_notice_list li.notice_fix {
		margin-bottom: 20px;
	}
	.main_notice_list li.notice_fix a {
		padding: 20px 0 20px 65px;
		font-size: 2.2rem;
	}
	.main_notice_list li.notice_fix a p {
		font-size: 1.3rem;
	}
	.main_notice_list li.notice_fix a p strong {
		font-size: 2.6rem;
	}
	.main_notice_list li {
		margin-bottom: 15px;
	}
	.main_notice_list li a {
		font-size: 1.8rem;
	}

	.main_faq_wrap {
		padding: 30px 0 40px 20px;
	}
	.main_faq_wrap::before {
		right: -100%; left: auto;
	}

	.main_counsel_wrap {
		padding: 30px 0;
		height: auto;
	}
	.main_counsel_wrap ul li {
		margin-right: 20px;
	}
	.main_counsel_wrap ul li a {
		height: 260px;
		border-color: #a08b5a;
	}
	.main_counsel_wrap ul li:nth-child(1) a {
		background-size: 130px, 150px;
		background-position: left 10px bottom -5px, left -30px bottom;
	}
	.main_counsel_wrap ul li:nth-child(2) a {
		background-size: 120px, 150px;
		background-position: left 10px bottom -5px, left -30px bottom;
	}
	.main_counsel_wrap ul li:nth-child(3) a {
		background-size: 125px, 150px;
		background-position: left bottom -5px, left -30px bottom;
	}
	.main_counsel_wrap ul li a strong {
		font-size: 2.2rem;
	}

	.main_studyroom_wrap {
		padding: 30px 0;
		height: auto;
	}
	.main_studyroom_wrap::after {
		position: absolute; left: -100%; top: 0;
		content: "";
		display: block;
		width: 100%; height: 100%;
		background-color: #f9f9f9;
	}
	.main_studyroom a {
		padding: 20px 30px;
		background-size: 200px;
		background-position: 30px -10px;
	}
	.main_studyroom p {
		font-size: 2.8rem;
	}
	.main_studyroom strong {
		padding: 0 16px;
		line-height: 24px; font-size: 1.4rem;
	}
	
	/* 교수 : 메인 1024 */
	.main_prof_left, .main_prof_right {
		display: block;
	}
	.main_prof_left {
		margin-right: 0;
		margin-bottom: 30px;
		width: auto;
	}
	.main_prof_left .main_tit {
		margin-bottom: 0;
	}
	.main_prof_left div {
		padding: 20px 20px 60px;
		height: auto;
		background-size: 140px; 
	}
	.main_prof_left a {
		left: 20px; bottom: 20px;
		width: 75px; height: 28px;
		line-height: 28px; font-size: 1.4rem;
	} 
	.main_prof_right {
		width: auto;
	}
	.main_prof_list li {
		padding: 15px;
	}
	.main_prof_list li > div {
		margin-bottom: 10px;
		min-height: 110px;
	}
	.main_prof_list li > div p {
		margin-bottom: 5px;
		font-size: 2rem;
	} 

	/*=================== //메인 1024 ===================*/
	/*=================== 서브 1024 ===================*/

	/* 마이페이지 - 역량현황 1024 */
	.capastatus_wrap .ipoint_box {
		margin-right: 15px;
		height: 270px;
		font-size: 2rem;
		background-size: 120px, auto;
	}
	.capastatus_wrap .ipoint_box p {
		margin-top: 5px;
		font-size: 3.6rem;
	}
	.capastatus_wrap .ipoint_box p strong {
		font-size: 2rem;
	}

	/* 마이페이지 - 인증현황 1024 */
	.status_wrapper {
		display: block;
	}
	.status_wrapper > div {
		margin: 0 0 20px 0;
		padding: 10px 30px 100px;
		width: auto; height: auto;
		font-size: 3rem;
		background-size: 200px;
		background-position: center 60px;
	}	
	.status_wrapper > div::after {
		display: none;
	}
	.status_wrapper > ul {
		display: flex;
		width: auto;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.status_wrapper > ul li {
		padding: 10px 7px 7px 150px;
		margin-bottom: 15px;
		width: 49%; height: auto;
		font-size: 2.3rem;
		background-position: 15px 10px;
	}
	.status_wrapper > ul li:nth-child(3) {
		margin-bottom: 0;
	}
	.status_wrapper > ul .status_community {
		background-size: 110px;
	}
	.status_wrapper > ul .status_global {
		background-size: 110px;
		background-position: 10px 20px;
	}
	.status_wrapper > ul .status_management {
		background-size: 80px;
		background-position: 20px center;
	}
	.status_wrapper > ul .status_problem {
		background-size: 110px;
		background-position: 15px 20px;
	}
	.status_wrapper > ul li p {
		position: static;
		margin-top: 5px;
		font-size: 2.3rem;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}

	.require_txtbox {
		margin-bottom: 15px;
	}
	.require_wrapper > p {
		position: static;
		margin-bottom: 15px;
		padding: 15px 15px 15px 50%;
		font-size: 2.4rem; text-align: left;
		background-size: 80px;
		background-position: 41% center;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
	}
	.require_wrapper > p strong {
		margin-top: -5px;
		font-size: 2rem;
	}
	.require_wrap > div {
		margin: 0 0 10px;
		padding: 10px 15px;
		width: 49%;
	}

	.status_wrapper.master > div {
		padding: 10px 30px 100px;
		font-size: 2.6rem;
		background-position: center 100px;
	}
	.status_wrapper.master > ul li {
		padding: 12px 7px 12px 120px;
	}
	.status_wrapper.master > ul .status_global {
		background-position: 10px 30px;
	}
	.status_wrapper.master > ul .status_management {
		background-position: 40px center;
	}
	.status_wrapper.master > ul .status_problem {
		background-position: 15px 30px;
	}
	.status_wrapper.master > ul li p strong {
		margin-bottom: 3px;
	}

	.require_wrapper.master > p {
		padding: 15px 15px 15px 48%;
		background-position: 38% 15px;
	} 
	.require_wrapper.master > p strong {
		margin-top: 0;
	}
	.require_wrapper.master .require_wrap > div {
		padding: 50px 15px 10px;
		width: 49%;
	}
	.require_wrapper.master .require_wrap > div:nth-child(n+3) {
		padding: 50px 15px 10px; 
	}
	.require_wrapper.master .require_wrap > div strong {
		padding: 3px 10px;
		font-size: 1.8rem;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	} 
	
	/* 진단센터 - 핵심역량진단 1024 */ 
	.test_guidewrap > .guide_tit {
		padding: 15px 0;
	}
	.test_guide {
		height: 275px;
		background-size: auto 180px;
	}
	.test_guide li {
		margin-right: 28px;
	}
	.test_guide li::before {
		margin: 38px auto 92px;
	}

	.testdo_list {
		padding: 15px 90px 15px 85px;
		height: auto;
		background-size: 95px;
	} 
	.testdo_list .btn {
		padding-top: 90px;
		width: 80px;
		font-size: 1.5rem;
		background-position: center 38px;
		background-size: auto 35px;
	}
	.testdo_list dl dt {
		font-size: 1.5rem;
	}
	.testdo_list dl dt > .test_label {
		min-width: 55px;
	}
	.testdo_list dl dd {
		font-size: 1.4rem;
	}
	.testdo_list dl dd strong {
		margin-right: 3px; 
		padding-right: 8px;
	}

	.improve_box {
		padding: 20px 20px 20px 165px;
		font-size: 1.6rem;
		background-size: 133px;
		background-position: 15px 32px;
	}
	.improve_box strong {
		margin-top: 5px;
		font-size: 2.1rem;
	}
	/* .improve_box p {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px 20px 38px;
		min-height: 93px;
		line-height: 1.2em; text-align: center;
	}
	.improve_box p button {
		top: auto; bottom: 12px; left: 50%; right: auto;
		line-height: 28px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	} */
	
	/* 진단센터 - 핵심역량 진단하기 1024 */
	.testinfo_box {
		margin-bottom: 20px;
		padding: 25px 25px 25px 120px;
		background-size: 70px;
	} 
	.testlist_wrap {
		padding: 25px 15px;
		text-align: center;
	}
	.testlist_wrap .testlist_tit {
		margin-bottom: 4px;
	} 
	.testlist_wrap .testlist_tit strong { 
		padding: 0 0 0 16px;
		font-size: 1.8rem;
		background-position: left 10px;
		background-size: 8px;
	}
	.textlist_day {
		margin-right: 0; margin-bottom: 20px;
		font-size: 1.5rem; 
	}
	.testlist_box {
		margin-bottom: 20px; padding: 26px 20px;
	}
	.testlist_box .survey_list dt {
		padding-top: 2px; padding-left: 35px; 
	} 
	.survey_tit {
		font-size: 1.7rem;
	}
	.survey_list .survey_no {
		top: 3px;
		width: 24px; height: 24px;
		font-size: 1.5rem; line-height: 24px; 
	}
	.survey_list dd {
		padding: 4px 0 20px 36px;
	}
	.testlist_box .radio_row, .testlist_box .check_row {
		margin-right: 26px;
	}
	.testlist_bar {
		margin-bottom: 16px;
	}
	.testlist_paging .testlist_number {
		font-size: 1.8rem;
	}

	.testresult_wrap .graph_box.capa_test {
		display: block;
		height: auto;
	}

	.testlist_paging .testlist_number {
		font-size: 2rem;
	}
	.testlist_paging .btn_area {
		position: static;
		margin-top: 16px;
		text-align: center;
	}

	/* 진단센터 - 핵심역량 진단결과 1024 */
	.capainfo_wrap {
		display: block;
	}
	.capainfo_list {
		width: auto;
	}
	.capainfo_list li {
		display: inline-block;
		margin-right: -3px;
		width: 25%;
	}
	.capainfo_list li a {
		padding: 13px;
		font-size: 1.6rem;
	}
	.capainfo_list li:last-child a {
		-webkit-border-radius: 0 16px 0 0;
		-moz-border-radius: 0 16px 0 0;
		border-radius: 0 16px 0 0;
	}
	.capainfo_cnt {
		padding: 20px 20px 30px;
		width: auto;
		-webkit-border-radius: 0 0 30px 30px;
		-moz-border-radius: 0 0 30px 30px;
		border-radius: 0 0 30px 30px;
	}
	.capainfo_box {
		padding-left: 110px;
		background-size: 88px;
	}
	.capainfo_box .capa_tit {
		padding: 0;
		margin-bottom: 20px;
	}
	.capainfo_box .capa_tit strong {
		position: static;
		display: block;
		margin-bottom: 3px;
		font-size: 2.1rem;
	}
	.capainfo_box .sub_capa .sub_capa_tit {
		margin-bottom: 15px;
	}

	.testresult_wrap .capa_score li {
		margin-right: 4%;
		margin-bottom: 15px;
		padding: 15px 10px;
		width: 48%;
	}
	.testresult_wrap .capa_score li p {
		padding-left: 0; padding-bottom: 5px;
		background-image: none !important;
	}
	.testresult_wrap .capa_score li strong {
		width: 100px;
	}
	.testdo_list.testdo_checkbox {
		height: 120px;
	}
	.capaimprove_box {
		margin-bottom: 15px;
		padding: 30px 20px;
		font-size: 1.8rem;
	} 

	/* 진단센터 - 전공역량 진단결과 1024 */ 
	.capainfo_wrap.major .capainfo_cnt {
		padding: 20px;
	}
	.capainfo_wrap.major .capainfo_box {
		padding-left: 0;
	}
	.capainfo_wrap.major .sub_capa {
		margin-bottom: 0;
	}

	/* 진단센터 - 워크넷진단 1024 */ 
	.test_guide_info {
		margin-bottom: 10px;
		padding: 20px;
	}
	.worknet_content {
		overflow: hidden;
		padding: 20px 20px 20px 290px;
		min-height: 230px;
	}
	.worknet_content .worknet_image {
		top: 20px; left: 20px;
		width: 250px; height: 180px;
	}
	.worknet_content h4 {
		font-size: 1.8rem;
	}
	.worknet_content ul li {
		margin-bottom: 8px;
	}
	.worknet_content .btn_worknetresult {
		right: 20px; bottom: 20px;
	}
	.worknet_result {
		padding: 0 20px 20px 20px;
	}

	/* 진단센터 - Career Path 진단 1024 */
	.careerselect_box a {
		padding: 30px 15px 15px;
		height: 120px;
		font-size: 2rem;
	}
	.careerselect_box a p {
		margin-top: 10px;
	} 
	.graph_box.careerpath {
		flex-wrap: wrap;
	}
	.graph_box.careerpath .career_graph {
		flex: auto;
		width: 33.3%;
	}

	/* 진단센터 - 만족도조사 1024 */
	.satisfy_box {
		padding: 15px 15px 45px 15px;
	}
	.satisfy_box .satisfy_label { 
		height: 22px;
		font-size: 1.4rem;  line-height: 22px;
	}
	.satisfy_box .tit {
		margin-bottom: 10px;
		height: 45px;
		font-size: 1.9rem;
	}
	.satisfy_box ul {
		margin-bottom: 15px;
	}
	.satisfy_box ul li {
		margin-bottom: 0;
	}
	.satisfy_box .btn_satisfy {
		height: 45px;
		line-height: 45px; font-size: 1.6rem;
	}


	/* 역량개발센터 - 비교과신청 상세 1024 */
	.program_content {
		padding-left: 415px;
		min-height: auto;
	}
	.program_content .img_box {
		width: 400px;
	}
	.program_content .status_label, .program_content .team_label {
		line-height: 25px; font-size: 1.4rem;
	} 
	.joincount_wrap {
		margin-bottom: 15px;
	} 
	.joincount_wrap > div .countbox { 
		height: auto;
		font-size: 1.8rem;
	}
	.joincount_wrap > div p {
		line-height: 1.3em;
	}
	.ipoint_wrap .ipoint_box {
		padding: 25px 15px 25px 60px;
		height: 85px;
	}
	.nunsubfiledown_box > div {
		height: 85px;
	}
	.nunsubfiledown_box > div > a {
		padding: 20px;
	}
	.program_agree .program_agree_txt {
		margin: 15px 0;
		padding-bottom: 15px;
	}
	
	/* 역량개발센터 - 비교과내역 상세 1024 */
	.satisfy_wrap > a {
		padding: 20px;
		height: 85px;
	}
	
	/* 역량개발센터 - 자기주도활동 1024 */ 
	.active_box > a {
		padding: 40px 15px 20px;
		background-size: 95px; 
	}
	.active_box .label_tag {
		line-height: 22px; font-size: 1.3rem;
	}
	.active_box .active_tit {
		font-size: 2rem;
	}
	.active_box .active_point {
		margin-top: 10px;
		min-width: 100px;
		font-size: 1.3rem; line-height: 24px;
	}


	/* 진로설계 - 진로설계 1024 */
	.plan_box .plan_tit {
		padding: 35px 20px 60px;
	}
	.plan_box .tit {
		font-size: 2rem;
	}
	.plan_box .btn_area {
		margin-top: 15px;
	}
	.plan_box .btn_setbasic {
		top: 15px; left: 15px;
		width: 15px; height: 18px;
	}
	.career_box {
		padding: 15px;
		min-height: 100px;
		background-size: 90px;
	}
	.career_box p {
		font-size: 2rem;
	}
	.career_box strong {
		font-size: 1.4rem;
	}
	.careertit_box {
		padding: 10px 20px 10px 120px;
	}
	.careertit_box strong {
		left: 15px;
		font-size: 1.8rem;
	}
	.career_search.search_box2 {
		padding: 20px 245px 20px 20px;
	}
	.career_search.search_box2 .btn_refresh {
		top: 22px; right: 20px;
	}
	.career_search.search_box2 .btn_search {
		top: 22px; right: 125px;
	}
	.careerstep1_box {
		padding: 15px 15px 20px;
	}
	.careerstep1_item {
		margin-bottom: 15px;
	} 


	/* 진로설계 - 내 로드맵 1024 */
	.graph_box.roadmap {
		display: block;
		padding: 0 20px 20px;
	}
	.graph_box.roadmap .roadmap_chart {
		margin-right: 0;
		width: auto;
	}
	.graph_box.roadmap .tbl {
		width: auto;
	}

	/* 전문상담 - 교수상담 1024 */
	.info_box {
		padding: 20px;
	}
	.info_box.professor {
		padding: 20px 200px 20px 20px;
		background-size: auto 120px;
		background-position: right 20px bottom 20px;
	}

	/* 전문상담 - 심리상담 약관동의 1024*/
	.info_box.counsel_agreement {
		padding: 20px 200px 20px 20px;
		background-size: auto 80px;
		background-position: right 20px bottom 20px;
	}	
	.privacy_box {
		padding: 30px;
	}
	.privacy_box h3 {
		margin-bottom: 15px;
	}
	.list_num .section_xsarea {
		margin-bottom: 15px;
	}
	.privacy_box .list_no {
		margin-bottom: 20px;
	}
	.agree_box > p {
		font-size: 1.5rem;
	}
	.agree_box .radio_row {
		margin: 2px 20px 2px 0;
	}
	
	/* 전문상담 -진로 취업상담 1024 */
	.select_box .counsel_form {
		padding-left: 150px;
	}

	/* 채용취업정보 - 추천채용정보 1024 */
	.employ_card a {
		padding: 15px 20px 20px;
	}
	.employ_card dt {
		margin-bottom: 12px;
	}
	.employ_card dt > strong {
		font-size: 2rem;
	}
	
	/* 채용취업정보 - 추천채용정보 상세 1024 */
	.jobinfo_list {
		padding: 15px 20px;
	}
	.jobinfo_list .tbl th {
		width: 15%;
	}
	.jobinfo_list .tbl td {
		width: 35%;
	}

	/* 채용취업정보 - 워크넷 공채속보 1024 */
	.worknetspeed_card a {
		padding: 20px;
	}
	.worknetspeed_card a::before {
		height: 6px;
	}
	.worknetspeed_card dt {
		font-size: 1.8rem;
	}

	/* 채용취업정보 - 국가직무능력표준 정보 1024 */
	.ncs_list dd ol li {
		width: 20%;
		padding: 5px;
	}
	.ncs_list .ncs_inner_box ol li {
		padding: 0 10px;
	}
	.ncs_list .ncs_inner_box ol li:first-child {
		padding-top: 10px;
	}
	.ncs_list .ncs_inner_box ol li:last-child {
		padding-bottom: 10px;
	}
	.ncs_list .ncs_inner_box ol li a {
		padding: 5px;
	}
	.ncs_view {
		margin-top: 30px;
	} 

	/* 채용취업정보 - 자격증 정보 1024 */
	.licenseinfo_box {
		padding: 20px;
		background-size: 140px;
		background-position: bottom -22px right -22px;
	}
	.licenseinfo_box p {
		margin-bottom: 10px;
	} 
	.licenseinfo_box > h4 {
		margin-bottom: 0;
	}

	
	/* 커뮤니티 - 알림톡 1024 */  
	.faq_wrap .faq_tit {
		padding: 20px 100px 45px 60px; 
	}
	.faq_wrap .faq_tit::after {
		top: 30px; right: 35px;
	}
	.faq_wrap .faq_no {
		top: 27px; left: 24px; 
	}
	.faq_wrap .message_list {
		top: auto; bottom: 15px; right: auto; left: 60px;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}
	.faq_wrap .message_list li {
		margin-left: 0;
		margin-right: 15px;
		width: auto;
		font-size: 1.3rem; text-align: left;
	}
	.faq_wrap .message_list li:last-child {
		width: auto;
	}
	.faq_wrap .faq_cnt {
		padding: 20px; 
	}

	/* 커뮤니티 - 공지사항, 자료실 상세 1024 */ 
	.cnt_title {
		font-size: 1.9rem;
	}

	/* 커뮤니티 - FAQ 1024 */
	.faq_wrap.faq .faq_tit {
		padding: 20px 85px 40px 60px;
	}
	.faq_wrap.faq .faq_cnt {
		padding: 30px 20px 30px 60px;
	} 
	.faq_wrap.faq .faq_no {
		top: 30px;
		font-size: 2.2rem;
	}
	.faq_wrap.faq .faq_cnt .faq_no {
		margin-top: 8px;
	}

	/* 교수 : 교수역량진단 1024 */
	.prof.testdo_list {
		padding: 15px 90px 15px 15px;
		height: auto;
	}
	.prof.testdo_list .btn {
		padding-top: 75px;
		background-position: center 30px;
	}

	/* 교수 : 수업포트폴리오 관리 1024 */
	.prof_chart_wrapper {
		flex-direction: column;
	}
	.capachart_box {
		margin-right: 0;
		margin-bottom: 15px;
		padding: 15px 10px;
		height: 310px;
		flex: none;
	}
	.capachart_box .title {
		margin-bottom: 15px;
	}
	.capachart_box .nocnt_box {
		height: 270px;
	}
	.prof_acd_btn p {
		padding-top: 5px;
		line-height: 38px;
	}


	/*=================== //서브 1024 ===================*/
}
@media screen and (max-width:768px) {
	/*=================== 공통 768 ===================*/
	
	/* 영역 768 */ 

	/* 영역 타이틀 768 */
	.section_tit_lg {
		padding-left: 23px;
		font-size: 2.2rem;
		background-size: 16px; background-position: left 13px;
	}
	.section_tit_md {
		padding-left: 22px;
		font-size: 1.9rem;
		background-size: 15px; background-position: left 14px;
	}
	.section_tit_sm {
		padding-left: 13px; 
		background-size: 7px; background-position: left 13px;
	}

	/* 인포메이션 768 */
	.infotop_box.test {
		padding: 65px 15px 15px;
		background-position: center 15px;
		background-size: 40px;
	}

	/* 토탈카운트 768 */
	.searchtoggle_left .total_count {
		margin: 0;
	}

	/* 검색결과 없음 768 */
	.nocnt_box p {
		padding: 11px 0 11px 40px;
		max-width: 85%;
		font-size: 1.9rem !important;
		background-size: 30px;
	}

	/* 첨부파일 링크 768 */
	.downfile_link {
		background-position: left 3px;
	}

	/* 리스트 스타일 768 */
	.list_dia > li::before {
		top: 3px;
	}

	
	/*=================== //공통 768 ===================*/
	/*=================== 메인 768 ===================*/

	.mainpage_visual {
		background-size: auto 270px;
	}
	.mainpage_visual .grid_content {
		height: 380px;
	}
	.mainpage_visual .grid_content::before {
		width: 310px; height: 264px;
	}
	.mainpage_visual h2 {
		bottom: 35px;
		font-size: 1.8rem;
	}
	.mainpage_visual h2 strong {
		font-size: 3rem;
	}

	.main_tit {
		font-size: 2.5rem;
	}
	.main_top_wrapper {
		padding: 20px 0;
	}
	.main_timetbl .fc-h-event {
		padding-left: 1px;
	}
	.main_timetbl .fc-h-event .fc-event-title {
		letter-spacing: -0.06em;
	}

	.main_alarm_wrapper {
		margin-bottom: 30px;
		padding: 15px;
	}
	.main_alarm_wrap .swiper-container { 
		height: 70px;
		background-size: 16px; 
		background-position: 14px center;
	}
	.main_alarm_wrap li a {
		padding: 13px 15px 33px 0;
	}
	.main_alarm_wrap li a strong {
		top: auto; bottom: 5px; right: 13px;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}
	.main_alarm_wrap .swiper_control {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.main_alarm_wrap li .nocnt_box {
		height: 70px;
	}

	.main_program_wrapper .main_top {
		margin-bottom: 50px;
	}
	.main_program_wrapper .main_top .main_more {
		top: 55px;
	}
	.main_program_wrapper .main_top .top_box {
		position: absolute; top: 40px;
	}
	.mainprogram_swiper .swiper-pagination {
		bottom: -40px;
	}
	.mainprogram_swiper .swiper-pagination-bullet {
		margin-right: 7px;
		width: 8px; height: 8px;
	}

	.main_notice_wrap, .main_faq_wrap {
		display: block;
		padding: 30px 0 40px;
		width: 100%; height: auto;
	}
	.main_notice_list li.notice_fix a {
		padding: 15px 0 15px 65px;
		font-size: 2rem;
	}
	.main_notice_list li a {
		font-size: 1.7rem;
	}
	.main_notice_list li a::before {
		margin: 0px 5px 1px 0;
	}


	.main_faq_wrap::after { 
		position: absolute; left: -100%; top: 0;
		content: "";
		display: block;
		width: 100%; height: 100%;
		background-color: #f2f1f1;
	}
	.main_notice_list li.notice_fix a p strong {
		font-size: 2.4rem;
	}


	.main_counsel_wrap .main_tit {
		padding-bottom: 20px;
	}
	.main_counsel_wrap .main_top .main_more {
		top: 40px;
	}

	.main_counsel_wrap ul {
		display: block;
	}
	.main_counsel_wrap ul li {
		margin-right: 0;
		margin-bottom: 15px;
		width: auto;
	}
	.main_counsel_wrap ul li:last-child {
		margin-bottom: 0;
	}
	.main_counsel_wrap ul li a {
		padding: 20px 20px 20px 130px;
		height: auto;
		min-height: 115px;
		text-align: right; font-size: 1.5rem;
	}
	.main_counsel_wrap ul li:nth-child(1) a {
		background-size: 115px, 130px;
	}
	.main_counsel_wrap ul li:nth-child(2) a {
		background-size: 105px, 130px;
	}
	.main_counsel_wrap ul li:nth-child(3) a {
		background-size: 110px, 130px;
	}
	.main_counsel_wrap ul li a strong {
		font-size: 2.1rem;
	}

	.main_studyroom a {
		background-size: 135px;
	}
	.main_studyroom p {
		font-size: 2.6rem;
	}
	
	/* 교수 : 메인 768 */
	.main_prof_bottom_wrapper .grid_content {
		padding: 30px 0;
	}
	.main_prof_list {
		display: block;
	}
	.main_prof_list li {
		display: block;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.main_prof_list li > div {
		padding-bottom: 10px;
		min-height: auto;
	}


	/*=================== //메인 768 ===================*/
	/*=================== 서브 768 ===================*/

	/* 마이페이지 - 포트폴리오 768 */
	.resume_wrap ul {
		display: block;
		padding: 15px;
	}
	.resume_wrap ul li {
		display: inline-block;
	}
	.resume_wrap ul li.resume_list1 {
		padding-right: 36px;
		width: 100%;
	}
	.resume_wrap ul li.resume_list2 {
		margin-left: 20px; margin-top: 16px;
		width: auto;
	}
	.resume_wrap ul li.resume_list3 {
		position: absolute; top: 15px; right: 17px;
		width: auto;
	}
	.resume_wrap ul li.resume_list4 {
		position: static;
		margin-top: 12px;
		transform: none;
		float: right;
	}
	.resume_wrap ul li.resume_list4 .btn_round {
		height: 28px;
		line-height: 26px;
	}
	.count_label {
		margin-right: 10px;
		font-size: 1.7rem; line-height: 26px;
	}

	.resume_container .student_infobox {
		display: block;
		margin: 20px 0;
		border-width: 1px;
	}
	.student_infobox .img_wrap {
		margin: 0 auto;
	}

	.resume_container h5 {
		font-size: 1.6rem;
	}
	.resume_tit {
		padding: 12px 45px 12px 20px;
	}
	.resume_tit h4 {
		font-size: 1.8rem;
	}
	.resume_tit::after {
		right: 16px;
		width: 20px;
		background-size: contain;
	}
	.selfintro_container .resume_cnt article {
		padding: 20px;
	} 

	.student_infobox .img_wrap {
		width: 100px; height: 130px;
	}
	.student_infobox li {
		display: block;
		padding-right: 0; padding-bottom: 5px;
		font-weight: 600;
		border-bottom: 1px dashed #d7d7d7;
	}
	.student_infobox li:last-child {
		border-bottom: 0;
	}
	.student_infobox li:nth-child(2n) {
		width: 100%;
	}
	.student_infobox li:nth-child(2n-1) {
		width: 100%;
	}
	.student_infobox strong {
		display: block;
		margin-bottom: 3px;
		width: auto;
		font-weight: 400; font-size: 1.3rem;
	}
	.student_infobox strong::after {
		display: none;
	}

	/* 마이페이지 - 역량현황 768 */
	.capastatus_wrap {
		display: block;
	}
	.capastatus_wrap .ipoint_box {
		margin: 10px 0 5px;
		padding: 20px 15px 15px;
		font-size: 1.8rem;
		width: auto; height: auto;
		background-size: 80px, auto;
	}
	.capastatus_wrap .ipoint_box + div {
		width: auto;
	}
	.capastatus_wrap .ipoint_box p {
		margin-top: 0;
		font-size: 3.2rem;
	}
	.capastatus_wrap .ipoint_box p strong {
		margin-top: 10px;
		font-size: 3.0rem;
	}

	/* 마이페이지 - 인증현황 768 */
	.status_wrapper > div {
		padding: 10px 20px 70px;
		margin: 0 0 10px 0;
		font-size: 2.6rem;
		background-size: 150px;
		background-position: center 52px;
	}
	.status_wrapper > ul {
		display: block;
	}
	.status_wrapper > ul li {
		margin-bottom: 5px;
		padding: 10px 7px 7px 40px;
		width: auto;
	}
	.status_wrapper > ul .status_community {
		background-size: 85px;
		background-position: 30px 15px;
	}
	.status_wrapper > ul .status_global {
		background-size: 85px;
		background-position: 30px 10px;
	}
	.status_wrapper > ul .status_management {
		background-size: 75px;
		background-position: 35px 5px;
	}
	.status_wrapper > ul .status_problem {
		background-size: 90px;
		background-position: 30px 15px;
	}
	.status_wrapper > ul li:nth-child(3) {
		margin-bottom: 5px;
	} 
	.status_wrapper > ul li p {
		position: absolute; top: 50%; right: 20px;
		margin-top: 0;
		-webkit-transform: translateY(-50%) rotate(-0.03deg);
		-moz-transform: translateY(-50%) rotate(-0.03deg);
		-o-transform: translateY(-50%) rotate(-0.03deg);
		transform: translateY(-50%) rotate(-0.03deg);
	}
	.require_txtbox {
		padding: 12px 15px;
		flex-direction: column;
	}
	.require_wrapper > p {
		margin-bottom: 10px;
		padding: 8px 10px 10px 45%;
		font-size: 2.2rem;
		background-position: 30% center;
		background-size: 60px;
	}
	.require_wrapper > p strong {
		font-size: 1.8rem;
	}
	.require_wrap {
		display: block;
	} 
	.require_wrap > div {
		margin-bottom: 5px;
		width: auto;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}

	.status_wrapper.master > div {
		padding: 10px 20px 80px;
		font-size: 2.4rem;
	}
	.status_wrapper.master > div > p {
		margin-top: 5px;
	}
	.status_wrapper.master > ul li {
		padding: 20px; 
	}
	.status_wrapper.master > ul li p strong {
		margin-bottom: 1px;
	}
	.status_wrapper.master > ul .status_global {
		background-position: 30px 10px;
	}
	.status_wrapper.master > ul .status_management {
		background-position: 30px 5px;
	}
	.status_wrapper.master > ul .status_problem {
		background-position: 30px 14px;
	}

	.require_wrapper.master > p {
		padding: 10px 10px 10px 40%;
		background-position: 24% 15px;
	}
	.require_wrapper.master .require_wrap > div {
		padding: 37px 15px 5px;
		width: auto;
	}
	.require_wrapper.master .require_wrap > div:nth-child(n+3) { 
		padding: 37px 15px 5px;
	}
	.require_wrapper.master .require_wrap > div strong {
		top: 6px !important;
		font-size: 1.6rem;
	}

	/* 마이페이지 - 스터디룸예약 768 */  
	.date_page_con {
		width: 30px; height: 30px;
		background-size: auto 13px;
	}
	.date_paging .input-group .input-group-addon {
		width: 140px;
		font-size: 2.2rem;
	}


	/* 진단센터 - 핵심역량진단 768 */ 
	.test_guidewrap > .guide_tit {
		padding: 15px 0 20px;
	}
	.test_guidewrap > .guide_tit p {
		font-size: 1.5rem;
	}
	.test_guide {
		height: 220px;
		background-size: auto 140px;
	} 
	.test_guide li {
		margin-right: 1px;
	}
	.test_guide li::before {
		margin: 25px auto 65px;
		background-size: auto 32px;
	}

	.improve_box {
		padding: 20px 20px 20px 100px;
		text-align: center;
		background-size: 115px;
		background-position: 15px 19px;
	}
	.improve_box p {
		padding: 12px 10px 45px;
		min-height: auto;
	}
	.improve_box p button {
		bottom: 7px;
	}

	.testdo_list dl dt {
		display: -webkit-box;
		max-height: 45px;
		-webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; word-break: normal; white-space: normal;
	}  

	/* 진단센터 - 핵심역량 진단하기 768 */
	.testinfo_box {
		padding: 15px 15px 15px 110px;
		background-size: 63px;
	} 
	.testlist_wrap .testlist_tit strong {
		background-position: left 8px;
	}

	/* 진단센터 - 핵심역량 진단결과 768*/
	.capainfo_list li a {
		padding: 8px;
		font-size: 1.5rem;
	}
	.capainfo_cnt {
		padding: 15px 15px 30px;
	}
	.capainfo_box { 
		padding: 75px 0 0;
		background-position: center top;
		background-size: 75px;
	}
	.capainfo_box .capa_tit {
		display: block;
		text-align: center;
	}
	.capainfo_box .capa_tit strong {
		margin-right: 0;
		margin-bottom: 5px;
	}
	.capainfo_box .capa_tit span {
		margin-top: 0;
	}
	.capainfo_box .sub_capa .sub_capa_tit {
		margin-bottom: 7px;
	}
	.capainfo_box .sub_capa ul li { 
		padding: 0;
	}
	.capainfo_box .sub_capa ul li p {
		position: static;
		margin-bottom: 5px; 
	}
	.capainfo_box .sub_capa ul li p strong {
		width: 22px; height: 22px; 
		font-size: 1.4rem; line-height: 22px;
	}
	.testresult_wrap .capa_score li {
		padding: 15px 10px 40px 10px;
		font-size: 1.5rem;
	}
	.testresult_wrap .capa_score li strong {
		top: auto; bottom: 10px; right: 15px;
		font-size: 2rem;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}
	.capaimprove_box {
		padding: 20px;
		font-size: 1.7rem;
	}

	/* 진단센터 - 전공역량진단 768 */
	.test_guide.major {
		background-size: auto 124px;
	}
	.test_guide.major li {
		width: 81px;
	}
	.test_guide.major li::before {
		margin: 19px auto 60px;
	}

	/* 진단센터 - 전공역량 진단결과 768 */
	.capainfo_wrap.major .capainfo_box {
		padding-top: 0;
	}

	/* 진단센터 - 워크넷진단 768 */ 
	.worknet_content {
		display: block;
		padding: 10px 20px 20px;
		min-height: inherit;
	}
	.worknet_content .worknet_image {
		display: none;
	}
	.worknet_content .worknet_image img {
		height: 100%;
	}
	.worknet_content .btn_area {
		float: none;
		text-align: center;
	}
	.worknet_content ul li:last-child {
		padding-right: 105px;
	}
	.worknet_result {
		padding-top: 0;
	} 

	/* 진단센터 - Career Path 진단 768 */
	.careerselect_box a {
		padding: 15px 10px 10px;
		height: 80px;
		font-size: 1.8rem;
	}
	.careerselect_box a p {
		margin-top: 5px;
	}
	.graph_box.careerpath .career_graph {
		width: 50%;
	}

	/* 진단센터 - 만족도조사 768 */  
	.satisfy_box .satisfy_label {
		height: 20px;
		font-size: 1.3rem; line-height: 20px;
	} 
	.satisfy_box .tit {
		height: 40px;
		font-size: 1.8rem;
	}
	.satisfy_box ul {
		margin-bottom: 10px;
	}
	.satisfy_box .btn_satisfy {
		height: 40px;
		font-size: 1.5rem; line-height: 40px;
	}

	/* 역량개발센터 - 비교과신청 768 */ 
	.program_cardtype {
		height: auto;
	}
	.program_cardtype .status_label {
		min-width: auto;
		line-height: 20px; font-size: 1.4rem;
	}
	.program_cardtype .btn_addlike {
		top: 10px;
	}
	.program_cardtype dl {
		margin-bottom: 10px;
	} 
	.program_cardtype .capa_label {
		line-height: 18px;
	} 
	.program_cardtype dt > a {
		padding: 10px;
	}
	.program_cardtype dd {
		padding: 0 10px;
	} 
	.program_footer {
		padding: 15px;
	}

	/* 역량개발센터 - 비교과신청 상세 768 */
	.program_content {
		padding-left: 0;
	}
	.program_content .img_box {
		position: relative; top: auto; left: auto;
		margin-bottom: 10px;
		width: 100%; height: 200px;
	}
	.program_content .status_label, .program_content .team_label {
		line-height: 22px;
	}
	.program_content dt h5 {
		font-size: 1.8rem;
	} 
	.joincount_wrap > div {
		padding: 10px;
		height: 80px;
	}
	.joincount_wrap > div .countbox { 
		font-size: 1.7rem;
	}
	.countbox_left {
		margin-right: 15px;
	}
	.ipoint_wrap .ipoint_box {
		padding: 25px 15px 20px 50px; 
		width: 40%; height: 75px;
		background-size: 30px;
	}
	.ipoint_wrap .nunsubfiledown_box {
		width: 57%;
	}
	.nunsubfiledown_box > div {
		height: 75px;
		width: 48%;
	}
	.nunsubfiledown_box > div > a {
		padding: 15px;
		background-size: 18px;
		background-position: right 15px bottom 20px;
	}

	.graph_box {
		padding: 15px;
		min-height: auto;
	} 
	.adit_top {
		padding: 12px 15px 15px;
	}
	.adit_top > p {
		display: block;
		margin-right: 0; margin-bottom: 10px; padding-right: 0;
	}
	.adit_top > p::after {
		display: none;
	}
	.adit_top a {
		display: block;
		margin-left: 0;
	}
	.adit_top .adit_info strong {
		min-width: 80px;
	}

	.adit_content {
		min-height: 200px;
		padding: 15px;
	}
	.adit_footer {
		padding: 10px 15px;
		height: auto;
	}
	.adit_footer ul {
		display: block;
	}
	.adit_footer ul li {
		display: block;
		margin-bottom: 4px; padding: 5px 0px 5px 30px;
		font-size: 1.5rem; line-height: normal;
		background-position: left center; background-size: auto 22px;
	}
	.adit_footer ul li:last-child {
		margin-bottom: 0;
	}

	.info_ctnbox {
		padding: 12px;
	}

	.progrmaapply_box {
		padding: 15px;
	}
	.progrmaapply_box ul li {
		padding: 8px 0 8px 80px;
	}
	.progrmaapply_box ul li strong {
		top: 8px;
	}
	.infoconsent_box {
		padding: 15px;
	}

	/* 역량개발센터 - 비교과내역 768 */
	.program_joinlist {
		height: auto;
	}
	.program_joinlist .programcard_btnarea {
		padding: 10px;
	}

	/* 역량개발센터 - 비교과내역 상세 768 */
	.ipoint_wrap.joinlist {
		flex-wrap: wrap;
	} 
	.ipoint_wrap.joinlist .ipoint_box {
		width: 48.5%;
		order: 1; 
	}
	.ipoint_wrap.joinlist .nunsubfiledown_box {
		margin-top: 15px;
		width: 100%;
		order: 3; 
	}
	.ipoint_wrap.joinlist .nunsubfiledown_box > div {
		width: 48.5%;
	}
	.ipoint_wrap.joinlist .satisfy_wrap {
		width: 48.5%; 
		order: 2;
	}
	.satisfy_wrap > a {
		padding: 15px;
		height: 75px;
		background-size: 16px;
		background-position: right 15px bottom 20px;
	} 

	/* 역량개발센터 - 자기주도활동 1024 */ 
	.active_box > a {
		padding: 40px 15px 15px;
		background-size: 80px;
	}
	.active_box .active_tit {
		font-size: 1.8rem;
	}

	/* 진로설계 - 진로설계 768 */ 
	.plan_box .plan_tit {  
		font-size: 1.4rem;
	}
	.plan_box .btn_setbasic {
		top: 10px; left: 10px;
	}
	.plan_box .tit {
		font-size: 1.8rem;
	}
	.plan_box .btn_area {
		bottom: 15px;
	}

	.career_search.search_box2 {
		padding: 10px 10px 50px;
	}
	.career_search.search_box2 .btn_search {
		top: auto; bottom: 12px; right: 51%;
		padding: 0 10px;
		height: 32px; width: 100px;
		font-size: 1.4rem; line-height: 32px;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}
	.career_search.search_box2 .btn_refresh {
		top: auto; bottom: 12px; 
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}

	/* 전문상담 - 교수상담 768 */
	.info_box {
		text-align: center;
	}
	.info_box.professor {
		padding: 120px 15px 15px;
		background-size: auto 80px;
		background-position: center top 20px;
	}
	.counsel_inner {
		padding: 20px 20px 50px;
	}
	.counsel_form { 
		margin-bottom: 10px;
		padding: 0;
	}
	.counsel_form > h5 {
		position: static;
	}

	/* 전문상담 - 심리상담 약관동의 768*/
	.info_box.counsel_agreement {
		padding: 110px 15px 15px;
		background-size: auto 70px;
		background-position: center top 20px;
	}
	.privacy_box {
		padding: 20px;
		min-height: 350px;
		height: 400px;
	}
	.privacy_box h3 {
		margin-bottom: 10px;
	}
	.privacy_box .list_num .section_xsarea {
		margin-bottom: 10px;
	}
	.list_no {
		margin-bottom: 15px;
	}
	.privacy_inner .radio_row_wrap {
		padding: 20px;
	}
	.agree_box {
		margin-top: 10px;
		padding: 20px;
	}

	/* 전문상담 - 진로 취업상담 768 */
	.select_box .counsel_form  {
		padding: 0;
	}
	.counsel_form .member_count {
		padding: 0 8px;
	}
	
	/* 채용취업정보 - 추천채용정보 768 */
	.employ_card a {
		padding: 14px 20px 18px;
		background-position: right 15px bottom 15px;
		border-width: 1px;
	}
	.employ_card dt > strong {
		font-size: 1.9rem;
	}
	.employ_card .status_label {
		min-width: 60px;
	}
	.employ_card dd > strong {
		min-width: 60px;
	}
	.employ_card.employ_recommend dt > strong {
		padding-right: 15px;
	}
	.employ_card.employ_recommend dd:last-child {
		padding-right: 38px;
	}
	.employ_card.employ_recommend .btn_addlike {
		top: 17px; right: 15px;
	}
	.employ_card.employ_recommend .apply_complete {
		padding: 27px 4px 4px 35px;
		width: 78px; height: 46px;
	}
	.employ_card.employ_recommend .apply_complete::before {
		display: none;
	}
	.employ_card .fixlist {
		background-size: 18px;
	}

	/* 채용취업정보 - 추천채용정보 상세 768 */
	.jobinfo_list {
		padding: 10px 15px;
	}
	.jobinfo_list .tbl th, .jobinfo_list .tbl td {
		padding: 3px;
	}
	.jobinfo_list .tbl th {
		width: 20%;
		word-break: keep-all;
	}
	.jobinfo_list .tbl td {
		width: 30%;
	}

	/* 채용취업정보 - 워크넷 채용정보 768 */
	.pre_cal {
		width: 185px;
	}
	.pre_cal .btn_md {
		width: 80px;
	}
	.pre_cal.worknet {
		background-position: 12px center;
	}
	.employ_card.employ_worknet a {
		background-size: 120px;
	}

	/* 채용취업정보 - 워크넷 공채속보 768 */
	.worknetspeed_card a {
		padding: 15px;	
	}

	/* 채용취업정보 - 잡코리아 채용정보 768 */
	.pre_cal.jobkorea {
		background-size: 87px;
		background-position: 8px center;
	}
	.employ_card.employ_jobkorea a {
		background-size: 120px;
	}

	/* 채용취업정보 - 사람인 채용정보 768 */
	.pre_cal.saramin {
		background-position: 15px center;
	}
	.employ_card.employ_saramin a {
		background-size: 120px;
	}

	/* 채용취업정보 - 국가직무능력표준 정보 768 */
	.ncs_list dd {
		padding: 5px;
	}
	.ncs_list dd ol li {
		width: 33.33%;
	}
	.ncs_list .ncs_inner_list {
		display: block;
		padding-top: 10px;
	}
	.ncsprogram_list {
		padding: 0 15px 15px 15px;
	}
	.ncsprogram_list dt {
		margin-top: 15px;  
		font-size: 1.7rem;
		background-position: left 6px;
		background-size: 11px;
	} 
	.ncs_list .ncs_inner_box {
		display: block;
		width: 100%;
		margin-top: 15px;
		border: 1px solid #d7d7d7;
	}

	/* 채용취업정보 - 자격증 정보 768 */
	.licenseinfo_box {
		padding: 15px;
		background-size: 100px;
		background-position: bottom -15px right -15px;
	}
	.licenseinfo_box p {
		margin-bottom: 10px;
	}
	.licenseinfo_box > h4 {
		font-size: 2rem;
		background-size: 35px;
	}
	.licenseinfo_box li > strong {
		font-size: 1.4rem;
		min-width: 90px;
	}

	/* 커뮤니티 - 알림톡 768 */      
	.faq_wrap .faq_tit {
		padding: 15px 40px 40px 40px;
		background-size: 16px auto;
		background-position: 15px center;
	}
	.faq_wrap .faq_tit::after {
		right: 15px; top: 25px;
	}
	.faq_wrap .message_list  {
		bottom: 12px; left: 40px;
	}
	.faq_wrap .message_list li {
		margin-right: 5px;
	}
	.faq_wrap .faq_no { 
		top: 24px; left: 16px;
	}
	.faq_wrap .faq_cnt {
		padding: 15px 30px 15px 15px;
		background-position: 15px 20px;
	} 

	/* 커뮤니티 - 공지사항, 자료실 상세 768 */
	.commu_content {
		padding: 20px;
	}
	.bbs_header {
		padding-bottom: 12px;
	}
	.cnt_title {
		font-size: 1.8rem;
	}
	.title_info .date {
		padding-left: 20px;
	}
	.title_info .view {
		padding-left: 23px;
	}
	.commu_content .editor_area {
		min-height: 300px;
	}

	/* 커뮤니티 - FAQ 768 */
	.faqlist_wrap .faqlist dt {
		margin-top: 0; padding: 15px 36px 15px 50px; 
		font-size: 1.6rem;
	}
	.faqlist_wrap .faqlist dt::before, .faqlist_wrap .faqlist dd::before {
		left: 16px;
	}
	.faqlist_wrap .faqlist dd::before {
		top: 15px; left: 17px;
	}
	.faqlist_wrap .faqlist dt.faq_fixed::before {
		left: 12px;
	}
	.faqlist_wrap .faqlist dt::after {
		right: 10px;
		width: 18px;
	}
	.faqlist_wrap .faqlist dd {
		padding: 15px 15px 15px 50px;
	}
	.faq_wrap.faq .faq_tit {
		padding: 15px 45px 35px 40px;
	}
	.faq_wrap.faq .faq_cnt {
		padding: 15px 20px 15px 40px;
	}
	.faq_wrap.faq .faq_no {
		top: 25px; left: 12px;
		font-size: 2rem;
	} 
	.faq_wrap.faq .faq_cnt .faq_no {
		margin-top: 0;
	} 
	/*=================== //서브 768 ===================*/
}

@media screen and (max-width:690px) {
	/*=================== 공통 690 ===================*/
	/*=================== //공통 690 ===================*/
	/*=================== 메인 690 ===================*/
	/*=================== //메인 690 ===================*/
	/*=================== 서브 690 ===================*/
	/*=================== //서브 690 ===================*/
}

@media screen and (max-width:480px) {
	/*=================== 공통 480 ===================*/
	
	/* 영역 480 */
	.section_area {
		margin-bottom: 10%;
	}
	.section_marea {
		margin-bottom: 8%;
	}
	.section_sarea {
		margin-bottom: 6%;
	}

	/* 검색결과 없음 480 */
	.nocnt_box p {
		padding: 8px 0 8px 35px;
		max-width: 90%;
		font-size: 1.6rem !important;
		background-size: 25px;
	}
	.nocnt_box p br {
		display: none;
	}
	
	/*=================== //공통 480 ===================*/
	/*=================== 메인 480 ===================*/
	
	.mainpage_visual {
		background-size: auto 225px;
	}
	.mainpage_visual .grid_content {
		height: 325px;
	}
	.mainpage_visual .grid_content::before {
		bottom: 105px;
		width: 257px; height: 220px;
	}
	.mainpage_visual h2 {
		bottom: 30px;
		font-size: 1.7rem;
	}
	.mainpage_visual h2 strong {
		font-size: 2.6rem;
	}

	.main_tit {
		font-size: 2.3rem;
	}

	.main_timetbl_wrapper .main_tit {
		margin-bottom: 10px;
	}
	.main_timetbl .fc-direction-ltr {
		height: 660px !important;
	}

	.main_alarm_wrapper {
		padding: 15px 10px;
	}
	.main_alarm_wrap {
		padding-right: 30px;
	}
	.main_alarm_wrap .swiper-container {
		height: 65px;
	}
	.main_alarm_wrap li a {
		padding: 13px 15px 30px 0;
	}
	.main_alarm_wrap li a strong {
		bottom: 7px;
		font-size: 1.3rem;
	}

	.main_program_wrapper .main_tit {
		padding-bottom: 30px;
	}
	.main_program_wrapper .main_top {
		margin-bottom: 0;
	}
	.main_program_wrapper .main_top .main_more {
		top: 40px;
	}
	.main_program_wrapper .main_top .top_box {
		position: static;
	}

	.main_notice_wrap, .main_faq_wrap {
		padding: 25px 0 35px;
	}
	.main_notice_list li.notice_fix {
		margin-bottom: 15px;
	}
	.main_notice_list li.notice_fix a {
		font-size: 1.8rem;
	}
	.main_notice_list li {
		margin-bottom: 10px;
	}
	.main_notice_list li a {
		font-size: 1.6rem;
	}

	.main_counsel_wrap {
		padding: 20px 0;
	}
	.main_counsel_wrap ul li a {
		padding: 15px 15px 15px 100px;
	}
	.main_counsel_wrap ul li:nth-child(1) a {
		background-size: 95px, 120px;
	}
	.main_counsel_wrap ul li:nth-child(2) a {
		background-size: 85px, 120px;
	}
	.main_counsel_wrap ul li:nth-child(3) a {
		background-size: 90px, 120px;
	}
	.main_counsel_wrap ul li a strong {
		margin-bottom: 5px;
	}

	.main_studyroom_wrap {
		padding: 20px 0;
	}
	.main_studyroom a {
		padding: 20px;
		background-size: 100px;
		background-position: 15px center;
	}
	.main_studyroom p {
		font-size: 2.5rem;
	}
	.main_studyroom strong {
		padding: 0 10px;
		font-size: 1.3rem; line-height: 22px;
	}
	
	/* 교수 : 메인 480 */
	.main_prof_left {
		margin-bottom: 20px;
	}
	.main_prof_left div { 
		padding: 15px 15px 50px;
		background-size: 100px;
	}
	.main_prof_left a {
		left: 15px; bottom: 15px;
		width: 70px; height: 24px;
		line-height: 24px;
	}
	.main_prof_list li {
		margin-bottom: 10px;
	}
	
	/*=================== //메인 480 ===================*/
	/*=================== 서브 480 ===================*/

	/* 마이페이지 - 포트폴리오 480 */ 
	.resume_container {
		padding: 12px;
	}
	.resume_container h5 {
		margin-bottom: 7px;
		font-size: 1.6rem;
	}
	.resume_tit {
		padding: 12px 40px 12px 15px;
		text-align: left;
	}
	.btn_rpshare, .btn_rpprint, .btn_rpdownload {
		padding: 0;
		min-width: inherit; width: 34px; height: 34px;
		font-size: 0; vertical-align: top;
		background-repeat: no-repeat; background-position: center;
	}
	.btn_rpshare {
		background-image: url(../../images/client/formstyle/btn_rpshare.png);
	}
	.btn_rpprint {
		background-image: url(../../images/client/formstyle/btn_rpprint.png);
	}
	.btn_rpdownload {
		background-image: url(../../images/client/formstyle/btn_rpdownload.png);
	}	 
	
	/* 마이페이지 - 인증현황 480 */
	.status_wrapper > div {
		padding: 5px 10px 60px;
		font-size: 2.4rem;
		background-size: 130px;
		background-position: center 42px;
	} 
	.status_wrapper > ul li {
		padding: 7px 80px 7px 7px; 
		font-size: 2rem;
	}
	.status_wrapper > ul .status_community {
		background-image: none;
	}
	.status_wrapper > ul .status_global {
		background-image: none;
	}
	.status_wrapper > ul .status_management {
		background-image: none;
	}
	.status_wrapper > ul .status_problem {
		background-image: none;
	}
	.status_wrapper > ul li p {
		font-size: 2rem;
	}
	.require_txtbox {
		padding: 10px;
	}
	.require_wrapper > p {
		background-position: 22% center;
	}
	.status_wrapper.master > ul li {
		padding: 23px 130px 23px 7px;
	}
	.require_wrapper.master > p {
		padding: 10px 10px 10px 35%;
		font-size: 1.8rem;
		background-size: 50px;
		background-position: 14% 15px;
	}
	.require_wrapper > p strong {
		font-size: 1.6rem;
	}
	.require_wrapper.master .require_wrap > div strong {
		padding: 1px 7px;
		font-size: 1.5rem;
	}

	/* 진단센터 - 핵심역량진단 480 */ 
	.test_guidewrap > .guide_tit {
		padding: 15px 0;
	}
	.test_guide { 
		padding-bottom: 10px;
		height: auto;
		background-image: none;
	}
	.test_guide > ul {
		display: block;
	}
	.test_guide li {
		display: flex;
		margin-bottom: 15px;
		width: auto;
		align-items: center; 
	}
	.test_guide li::before {
		display: inline-block;
		margin: 0 20px 0 0;
		width: 65px; height: 65px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.test_guide li:nth-child(1):before {
		background-color: #f5e8ec;
	}
	.test_guide li:nth-child(2):before {
		background-color: #d8a5b3;
	}
	.test_guide li:nth-child(3):before {
		background-color: #ba6079;
	}
	.test_guide li:nth-child(4):before {
		background-color: #9d1d40;
	} 
	.test_guide li p {
		text-align: left;
	}

	.improve_box { 
		font-size: 1.5rem;  
		background-size: 100px;
		background-position: 15px 40px;
	} 
	.improve_box.strength {
		background-position: 20px bottom;
	}
	.improve_box.weakness {
		background-position: 20px bottom;
	}
	.improve_box strong {
		font-size: 1.8rem;
	}  
	/* .improve_box p {
		padding: 12px 10px 40px;
		font-size: 1.3rem;
	}
	.improve_box p button { 
		padding: 0 10px; 
		font-size: 1.3rem; line-height: 23px; 
	}*/

	.testdo_list {
		padding: 0; 
		background-position: center 15px;
		background-size: 75px;
	}
	.testdo_list dl {
		padding: 88px 15px 10px 15px;
		background-size: 70px;
		background-position: center 15px;
	}
	.testdo_list .btn {
		position: relative; top: auto; right: auto;
		padding: 5px;
		width: 100%;
		font-size: 1.7rem; font-weight: 500;
		background-image: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.testdo_list.disabled .btn {
		background-image: none;
	}

	/* 진단센터 - 핵심역량 진단하기 480 */ 
	.testinfo_box {
		padding: 75px 15px 15px;
		background-position: center top 20px;
	}
	.testlist_wrap {
		padding: 20px 10px;
	}
	.textlist_day {
		margin-bottom: 15px;
	}
	.testlist_box {
		padding: 20px 15px;
	}
	.survey_tit {
		margin-bottom: 15px;
		font-size: 1.7rem;
	}
	.survey_list dt {
		padding: 22px 0 0 0;
	}
	.survey_list .survey_no {
		top: 0;
		padding: 0 5px;
		width: auto; height: 18px;
		min-width: 50px;
		line-height: 18px; font-size: 1.4rem;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.survey_list dd {
		padding: 6px 0 20px;
	}
	.testlist_box .survey_list dt { 
		padding: 22px 0 0 0;
	}

	/* 진단센터 - 핵심역량 진단결과 480 */
	.capainfo_list li {
		width: 50%;
	}
	.capainfo_list li:nth-child(2) a {
		-webkit-border-radius: 0 16px 0 0;
		-moz-border-radius: 0 16px 0 0;
		border-radius: 0 16px 0 0;
	}
	.capainfo_list li:last-child a {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.capainfo_list li a {
		padding: 8px 3px;  
	}
	.testdo_list.testdo_checkbox {
		height: auto;
	}

	/* 진단센터 - 전공역량진단 480 */
	.test_guide.major {
		background-image: none;
	}
	.test_guide.major li {
		width: auto;
	}
	.test_guide.major li::before {
		margin: 0 20px 0 0;
	}
	.test_guide.major li:nth-child(1):before {
		background-color: #f5e8ec;
	}
	.test_guide.major li:nth-child(2):before {
		background-color: #d3a2af;
	}
	.test_guide.major li:nth-child(3):before {
		background-color: #bc7488;
	}
	.test_guide.major li:nth-child(4):before {
		background-color: #a94962;
	}
	.test_guide.major li:nth-child(5):before {
		background-color: #961d3e;
	}
	.testdo_list.major {
		background-size: 64px;
	}

	/* 진단센터 - 워크넷진단 480 */  
	.test_guide_info {
		padding: 15px;
	}
	
	.worknet_content {
		padding: 10px 15px 15px;
	}
	.worknet_content ul li:last-child {
		padding-right: 0;
	}
	.worknet_content .btn_worknetresult {
		position: static;
		margin-top: 14px;
		width: 100%;
	}
	.worknet_content .btn_worknetresult::after {
		display: none;
		
	} 

	/* 진단센터 - Career Path 진단 480 */
	.graph_box.careerpath {
		padding: 60px 15px 15px;
	}
	.graph_box.careerpath .career_graph {
		width: 100%;
	}
	.graph_box.careerpath ul {
		bottom: auto; top: 15px;
		text-align: center;
	}
	.graph_box.careerpath ul li {
		display: block;
		margin-right: 0;
	}
	.graph_box.careerpath ul li strong {
		margin-bottom: 3px;
		width: 10px; height: 10px;
		font-size: 1.4rem;
	}

	/* 역량개발센터 - 비교과신청 상세 480 */
	
	.program_content .img_box {
		height: 200px;
	}
	.program_content .status_label {
		top: 8px; left: 8px;
	}
	.program_content .team_label {
		top: 8px; right: 8px;
	}
	.program_content .status_label, .program_content .team_label {
		line-height: 20px; font-size: 1.3rem;
	}
	
	.ipoint_wrap {
		flex-direction: column;
	}
	.ipoint_wrap .ipoint_box {
		margin-bottom: 20px;
		padding: 20px 20px 20px 60px;
		width: 100%; height: auto;
	}
	.ipoint_wrap .nunsubfiledown_box {
		width: auto;
	}
	.nunsubfiledown_box > div {
		height: auto;
	}
	.nunsubfiledown_box > div > a {
		padding: 10px 15px;
		font-size: 1.5rem;
	}

	.progrmaapply_box {
		padding: 10px;
	}
	.progrmaapply_box ul li {
		padding: 8px 0 8px 0;
	}
	.progrmaapply_box ul li strong {
		display: block;
		margin-bottom: 5px;
		position: relative; top: auto; left: auto;
		font-size: 1.5rem;
	}

	/* 역량개발센터 - 비교과내역 상세 480 */
	.ipoint_wrap.joinlist {
		flex-direction: row;
	}
	.ipoint_wrap.joinlist .ipoint_box {
		margin-bottom: 0;
		padding: 17px 10px 10px 40px;
		background-position: 15px center;
		background-size: 25px;
	}
	.ipoint_wrap.joinlist .nunsubfiledown_box {
		margin-top: 10px;
	}
	.satisfy_wrap > a {
		padding: 10px 15px;
		height: auto;
		font-size: 1.5rem;
	}

	/* 진로설계 - 진로설계 480 */
	.career_box {
		min-height: 90px;
		background-size: 60px;
		background-position: right -15px bottom -10px;
	}


	/* 전문상담 - 심리상담 약관동의 480 */
	.agree_box {
		margin-top: 5px;
		padding: 15px;
	}

	/* 채용취업정보 - 추천채용정보 상세 480 */
	.jobinfo_list .tbl th {
		text-align: center;
		background-color: #f5e8ec;
	}

	/* 채용취업정보 - 국가직무능력표준 정보 480 */
	.ncs_list dd ol li {
		width: 50%;
	}

	/* 채용취업정보 - 자격증 480 */
	.licenseinfo_box {
		background-size: 80px;
		background-position: right -10px bottom -10px;
	} 

	/* 교수 : 교수프로그램 신청 상세 480 */
	.prof.ipoint_wrap .nunsubfiledown_box {
		margin-bottom: 15px;
		width: auto;
	}
	.prof.ipoint_wrap .satisfy_wrap {
		width: auto;
	}

	/* 교수 : 교수역량진단 480 */
	.prof.testdo_list {
		padding: 0;
	}
	.prof.testdo_list dl {
		padding: 10px 15px;
	}
	.prof.testdo_list .btn {
		padding: 5px;
	}


	/*=================== 서브 480 ===================*/  
}