@charset "utf-8";

:focus {
	outline:0 !important;
}
/* 햄버거 메뉴 클릭시 이벤트 변화 */
body.on {
		overflow:hidden;
} 
body.on .gnb_bg {
		opacity: 0.6;
		z-index: 17;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
}
/* 이미지 라이트박스 */
.mfp-figure figure{
	overflow: auto;
	padding: 10px;
	background: #fff;
}
img.mfp-img {
	width: auto;
	max-width: inherit;
	min-height: inherit;
}
.image_cousor {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

/* 공통 - 박스영역 */
.section_area {
	margin-bottom: 5%;
	position: relative;
}
.section_sarea {
	margin-bottom: 2%;
	position: relative;
}
.section_toparea {
	margin-top: 3em;
	position: relative;
}
.boxloading_wrap {
	position: relative;
	overflow: hidden;
}
.boxloading {
	position: absolute; top: 0; left: 0;
	z-index: 15;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.8);
}
.boxloading img {
	position: absolute; top: 50%; left: 50%;
	width: 80px; max-width: 80%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
}
/* 공통 - 인포메이션 */
.tip_txt {
	font-size: 1.1rem; word-break: keep-all;
		margin-bottom: 20px;
		display: inline-block;
	color:#7c7b7b;
}
.tip_txt span {
	color:#acacac;
}
.tipicon_text {
	margin: 5px 0;
	padding-left: 28px;
	font-size: 1rem;
	background: url(../../images/client/sub/icon_tiptext.jpg) no-repeat 0 center;
}
.txt_row {
	padding: 0.5em 0;
	font-size: 1.1rem; word-break: keep-all;
		color:#7c7b7b;
}
.dot_txt {
	padding-left: 10px;
	font-size: 1.1rem; word-break: keep-all;
}
.dot_txt span {
	display: inline-block;
	width: 5px; height: 5px;
	margin-left: -10px; margin-right: 5px;
	background-color: #222222;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/* 공통 - height:auto */
.height_auto {
	height: auto !important;
}
/* 공통 - word-break: break-all */
.break_all {
	word-break: break-all !important;
}
/* 팁 텍스트, 텍스트 */
.infotop_box {
	padding: 30px 30px 30px 90px;
	background: #e1e9f2 url(../../images/client/sub/icon_infotop.png) no-repeat 15px center;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.infotop_box2 {
	margin-bottom: 50px;
	padding: 16px 30px 16px 90px;
	background: #E4F1FF url(../../images/client/sub/icon_infotop2.png) no-repeat 26px center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.infotop_box2 span{font-size:1rem;}
.infotop_box2 em{color:#FF4444;}
.txt {
	font-size: 1.6rem; line-height: 1.7em;
}
.txt_define .tit, .txt_define .cnt {
	vertical-align: top;
}
.txt_define .tit::after {
	content: "|";
	display: inline-block;
	margin: 0 10px;
	color: #cbd2d8;
}

/* 공통 - 영역 타이틀 */
.section_tit {
	margin-bottom: 0.5em;
	padding: 5px 0 5px 28px;
	font-size: 1.85rem; font-weight: 600; color: #363636; 
		font-family: GangwonEduPower, sans-serif;
	background: url(../../images/client/sub/icon_text.png) left 14px no-repeat;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
}
.section_tit_md {
	margin-bottom: 0.5em;
	padding: 8px 0 5px 24px;
	font-size: 1.65rem; font-weight: 600; color: #363636;
		font-family: GangwonEduPower, sans-serif;
	background: url(../../images/client/sub/icon_text_md.png) 0 18px no-repeat;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
}
.section_tit_sm {
	margin-bottom: 0.5em;
	padding: 5px 0 5px 17px;
	font-size: 1.21rem; font-weight: 600; color: #363636;
		font-family: GangwonEduPower, sans-serif;
	background: url(../../images/client/sub/icon_text_sm.png) 0 12px no-repeat;
		-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 40px;
	font-size: 1.85rem; font-weight: 600; color: #363636; 
		font-family: GangwonEduPower, sans-serif;
	background: url(../../images/client/sub/icon_text_lg.png) left 6px no-repeat;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
}
.section_tit_s {
	margin-bottom: 0.2em; padding: 5px 0;
	font-size: 1.1rem; font-weight: 600;
}
.check_tit {
	margin-bottom: 0.5em;
	padding: 5px 0 5px 25px;
	font-size: 1.2rem; font-weight: 600;
	background: url(../../images/client/sub/icon_stit.jpg) 0 8px no-repeat;
	background-size: 20px;
}
.check_tit span {
	font-weight: inherit;
}
.arrow_tit {
	padding: 5px 0 5px 30px; margin-bottom: 10px;
	font-size: 1.1rem; color: #00427c; font-weight: 600;
	background: url(../../images/client/sub/arrow_circle.jpg) no-repeat 0 5px;
}
.rec_tit {
	padding: 5px 0 5px 30px; margin-bottom: 10px;
	font-size: 1.1rem; color: #00427c; font-weight: 600;
	background: url(../../images/client/sub/icon_stit_rec.jpg) no-repeat 0 14px;
}

/* 공통 - 검색결과 없음 */
.listnone_box {
	text-align: center;
	background-color: #f3f3f3;
	border-radius: 10px;
}
.listnone_box p {
	display: inline-block;
	padding: 3em 2em 3em 6em;
	font-size: 1.15rem; color: #a8aaad;
	background: url(../../images/client/sub/bg_nonelist.png) no-repeat 0 center;
}

/* 카드형 리스트 공통 스타일 */
.card_box {
	position: relative;
	vertical-align: top;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* 메인 슬라이브 배경 */
.main_banner_box {
	background: #e7f0f7;
	height: 520px;
}
.main_bg {
	position: relative;
	height: 520px;
	width: 1260px;
	margin: 0 auto;
	padding-top: 35px;
}

/*202404 추가*/






/* --------------------------메인화면 ------------------------------*/ 

.mainpage_visual {  
		background-repeat: no-repeat;
		background-size: 1920px auto;
		background-position: center top -80px;
		background-image: url(../../images/client/main/bg_mainvisual.png);
}
.mainpage_visual .grid_content {
	position: relative;
		height: 665px;
	background-repeat: no-repeat;
	background-position: left 30px bottom -60px;
	background-image: url(../../images/client/main/img_mainbanner.gif);
}
.mainpage_visual h2 {
	position: absolute; right: 50px; bottom: 160px;
	padding-top: 160px;
	width: 435px;
	text-align: right; color: #363636; font-size: 2.5rem; letter-spacing: -0.005em;
		font-family: BCcardB, sans-serif; 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	background-image: url(../../images/client/main/img_mainvisual.png); 
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg); 
}

.main_section {
	margin-bottom: 25px;
}

.main_top {
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px solid #a1a1a1;
} 
.main_tit {
	margin-bottom: 10px;
	font-family: GangwonEduPower, sans-serif;
	font-weight: 600; font-size: 1.71rem;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
}
.main_more {
	position: absolute; right: 0; top: 8px;
	display: block;
	width: 20px; height: 20px;
	font-size: 0;
	background-repeat: no-repeat;
	background-image: url(../../images/client/main/icon_main_more.png); 
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}

.mainprogram_wrap {
	padding: 50px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../../images/client/main/bg_mainprogram.png);
}
.mainprogram_wrap .main_top {
	border-bottom: none;
}
.mainprogram_wrap .show_tab3 {
	height: auto;
	background-color: #f5f5f5;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.mainprogram_wrap .show_tab3 li a {
	padding: 0 12px;
	height: 34px;
	line-height: 34px;
	-webkit-transition : none;
	-moz-transition : none;
	-o-transition : none;
	transition : none;
}
.mainprogram_wrap .show_tab3 li:last-child a {
	margin-right: 0;
}
.mainprogram_wrap .select_form {
	display: none;
}

.mainprogram_wrap .listnone_box {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
}
.mainprogram_swiper {
	position: relative;
	padding: 0 35px;
}
/*202404 소단위 전공과정 추가*/
.subprogram_swiper {
	position: relative;
	padding: 40px 40px;
	background:#F3F4F9;
	border-radius: 25px;
}
.mainprogram_wrap .swiper-container {
	padding: 0 15px 15px;
}
.mainprogram_swiper .swiper_control { 
		position: absolute;
		display: block;
		width: 20px; height: 31px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-color: transparent;
		text-indent: -9999px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
}
.subprogram_swiper .swiper_control { 
		position: absolute;
		display: block;
		width: 42px; height: 42px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-color: transparent;
		text-indent: -9999px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
} 
.mainprogram_swiper .swiperprogram_pre { 
	left: 0; top: 50%;
	background-image: url(../../images/client/main/icon_arrowpro_left_on.png);
} 
.mainprogram_swiper .swiperprogram_next {
	right: 0; top: 50%;
	background-image: url(../../images/client/main/icon_arrowpro_right_on.png);
} 
.mainprogram_swiper .swiperprogram_pre.swiper-button-disabled {
	background-image: url(../../images/client/main/icon_arrowpro_left.png);
	cursor: default;
}
.mainprogram_swiper .swiperprogram_next.swiper-button-disabled {
	background-image: url(../../images/client/main/icon_arrowpro_right.png);
	cursor: default;
}
/*202404 소단위 전공과정 추가*/
.subprogram_swiper .swiperprogram_pre_l { 
	left: 17px;
	top: 50%;
	background-image: url(../../images/client/sub/icon_swiper_ar_l.png);
	z-index: 1;
} 
.subprogram_swiper .swiperprogram_next_r {
	right: 17px; 
	top: 50%;
	background-image: url(../../images/client/sub/icon_swiper_ar_r.png);
	z-index: 1;
} 

.mainprogram_wrap .program_list {
	margin-top: 10px;
} 
.mainprogram_wrap .program_list.on {
	box-shadow: 8px 6px 10px 0px rgba(41, 66, 105, 0.29);
}

.main_area_wrapper {
	padding: 25px 0;
}

.main_planwrap, .main_counselwrap {
	display: inline-block;
	width: 48.5%; 
	vertical-align: top; 
}
.main_planwrap {  
		margin-right: 3%;  
}
.mainplan_list li {
	margin-bottom: 10px;
}
.mainplan_list li:last-child {
	margin-bottom: 0;
}
.mainplan_list li a {
	position: relative;
	display: block;
	padding: 20px 120px 20px 100px;
	color: #294269; font-size: 1.43rem; 
	font-family: GangwonEduPower, sans-serif;
	background-repeat: no-repeat;
	background-position: 40px center;
	box-shadow: 5px 3px 5px 0px rgba(0, 0, 0, 0.19);
	-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;
}
.mainplan_list li:nth-child(1) a {
	background-image: url(../../images/client/main/icon_plan1.png); 
}
.mainplan_list li:nth-child(2) a {
	background-image: url(../../images/client/main/icon_plan2.png); 
}
.mainplan_list li:nth-child(3) a {
	background-image: url(../../images/client/main/icon_plan3.png); 
}
.mainplan_list li a::after {
	position: absolute; right: 40px; top: 50%;
	content: "";
	display: block;
	width: 61px; height: 9px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../../images/client/main/icon_plan_arrow.png);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}

.main_counselwrap p {
	margin-bottom: 10px;
	font-size: 1.07rem; color: #373737;
}
.maincounsel_list {
	display: flex;
	height: 171px;
	align-items: center;
}
.maincounsel_list li {
	flex: 1;
}
.maincounsel_list li a {
	display: block;
	text-align: center; color: #024771; font-size: 1.07rem;
}
.maincounsel_list li a strong {
	position: relative;
	display: block;
	margin: 0 auto 10px;
	width: 140px; height: 140px; 
	border: 1px solid #98c4f5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.maincounsel_list li a strong::after {
	position: absolute; left: 50%; bottom: 0;
	content: "";
	display: block; 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition : 0.5s;
	-moz-transition : 0.5s;
	-o-transition : 0.5s;
	transition : 0.5s;
}
.maincounsel_list li:nth-child(1) a strong::after {
	width: 137px; height: 119px;
	background-image: url(../../images/client/main/img_counsel1.png); 
}
.maincounsel_list li:nth-child(2) a strong::after {
	width: 108px; height: 142px;
	background-image: url(../../images/client/main/img_counsel2.png); 
}
.maincounsel_list li:nth-child(3) a strong::after {
	width: 127px; height: 128px;
	background-image: url(../../images/client/main/img_counsel3.png); 
}
.maincounsel_list li:nth-child(4) a strong::after {
	width: 113px; height: 118px;
	background-image: url(../../images/client/main/img_counsel4.png); 
}


.main_graphwrap, .main_communitywrap { 
	display: inline-block;
	width: 48.5%;
	vertical-align: top; 
}
.main_graphwrap {
	margin-right: 3%;
} 
.mainwrap_box {
	padding: 20px;
	border: 1px solid #a1a1a1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.main_graphwrap .mainwrap_box {
	height: 466px;
}
.main_graphwrap .mainwrap_box .listnone_box {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.main_graphwrap .apexcharts-legend {
	flex-direction: column;
}
.main_graphwrap .apexcharts-pie-label, .main_graphwrap .apexcharts-datalabel, .apexcharts-datalabel-label, .main_graphwrap .apexcharts-datalabel-value {
	fill: #373737;
}

.maintest_list {
	display: flex;
	height: 180px;
	align-items: flex-end;
}
.maintest_list li {
	position: relative;
	display: flex;
	margin-right: 20px; 
	width: 20%; height: 180px;
	align-items: flex-end; 
	cursor: pointer;
}
.maintest_list li:last-child {
	margin-right: 0;
}
.maintest_list li a {
	display: flex;
	padding: 15px 5px 20px;
	width: 100%; height: 150px;
	align-items: flex-end;
	justify-content: center;
	color: #fff; font-size: 1.07rem; letter-spacing: -0.05em; line-height: 1.2em;
	background-color: #85b8d2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.maintest_list li::after {
	position: absolute; left: 50%; top: 0;
	content: "";
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.maintest_list li:nth-child(1)::after {
	width: 112px; height: 134px;
	background-image: url(../../images/client/main/img_test1.png); 
}
.maintest_list li:nth-child(2)::after {
	width: 113px; height: 114px;
	background-image: url(../../images/client/main/img_test2.png); 
}
.maintest_list li:nth-child(3)::after {
	width: 111px; height: 125px;
	background-image: url(../../images/client/main/img_test3.png); 
}
.maintest_list li:nth-child(4)::after {
	width: 94px; height: 124px;
	background-image: url(../../images/client/main/img_test4.png); 
}
.maintest_list li:nth-child(5)::after {
	width: 104px; height: 121px;
	background-image: url(../../images/client/main/img_test5.png); 
}

.main_top .rightbox {
	position: absolute; top: 2px; right: 40px;
}
.main_top .mainbox_arrow {
	position: relative;
	width: 30px; height: 30px;
	font-size: 0;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	-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; 
}
.main_top .mainbox_left { 
	margin-right: 5px;
	background-image: url(../../images/client/main/icon_left_boxarrow_off.png);
	cursor: default;
}
.main_top .mainbox_right { 
	background-image: url(../../images/client/main/icon_right_boxarrow_off.png);
	cursor: default;
} 
.main_top .mainbox_left[aria-disabled="false"] {  
		background-image: url(../../images/client/main/icon_left_boxarrow_on.png) !important; 
	cursor: pointer;
} 
.main_top .mainbox_right[aria-disabled="false"] {   
		background-image: url(../../images/client/main/icon_right_boxarrow_on.png) !important; 
	cursor: pointer;
}
.main_top .mainbox_left::after {
	position: absolute; right: -4px; top: 8px;
	content: "";
	display: block;
	width: 1px; height: 15px;
	background-color: #d7d7d7;
}

.main_noticewrap .listnone_box {
	display: flex;
	height: 152px;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.mainnotice_swiper .swiper-container {
	padding: 10px 15px 20px;
}
.mainnotice_swiper .notice_item {
	position: relative;
}
.mainnotice_swiper .notice_item::after { 
	position: absolute; right: 20px; bottom: 10px;
	z-index: 1;
	content: "";
	display: block;
	width: 69px; height: 9px;
	background-repeat: no-repeat; 
	background-image: url(../../images/client/main/icon_plan_arrow_on.png);
	opacity: 0;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.mainnotice_swiper .notice_item a {
	position: relative;
	display: block;
	padding: 20px 30px 70px;
	background-color: #fff;
	border: 1px solid #a1a1a1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
} 
.mainnotice_swiper .notice_item a::before, .mainnotice_swiper .notice_item a::after {
	position: absolute; 
	content: "";
	background-color: #76869f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.mainnotice_swiper .notice_item a::before {
	left: 20px; top: 15px; 
	width: 30px; height: 30px;
}
.mainnotice_swiper .notice_item a::after {
	bottom: -20px; right: 30px;
	width: 80px; height: 80px;
}
.mainnotice_swiper .notice_item a p {
	position: relative;
	display: -webkit-box;
	height: 50px;  
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
		font-family: GangwonEduPower, sans-serif;
	font-size: 1.21rem; color: #363636;
	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;
}
.mainnotice_swiper .notice_item a strong {
	position: absolute; bottom: 20px; left: 30px;
	padding-left: 23px;
	color: #a1a1a1; font-size: 1.07rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../../images/client/main/icon_calendar_off.png);
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.mainnotice_swiper .listnone_box {
	display: flex;
	height: 142px;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.mainnotice_swiper .listnone_box p {
	padding: 25px 0 30px 70px;
	background-size: 50px auto;
}

/* 서브 - 소개 */
/* 시스템 소개 */
.section_intro {
	background: url(../../images/client/sub/bg_intro.png) no-repeat bottom left; 
}
.intro_txt {
	margin-bottom: 31px;
	font-size: 1rem; line-height: 2em; word-break: keep-all;
}
.intro_txt1{
		padding-left: 500px;   
	min-height: 420px;
}
.intro_txt1 ul li{
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 10px 60px;
	margin-bottom: 28px;
}
.intro_txt1 ul li:nth-child(1) {
	background-image: url(../../images/client/sub/icon_intro1.png);
}
.intro_txt1 ul li:nth-child(2) {
	background-image: url(../../images/client/sub/icon_intro2.png);
}
.intro_txt1 ul li:nth-child(3) {
	background-image: url(../../images/client/sub/icon_intro3.png);
}
.intro_txt1 ul li:nth-child(4) {
	background-image: url(../../images/client/sub/icon_intro4.png);
}
.intro_txt1 ul li:nth-child(5) {
	background-image: url(../../images/client/sub/icon_intro5.png);
}
.intro_txt1 ul li:nth-child(6) {
	background-image: url(../../images/client/sub/icon_intro6.png);
}
.intro_txt2 ul li {
	color:#535353;
	margin-bottom: 30px;
	padding-left: 14px;
}
.intro_txt2 ul li span {
	margin-left: -14px; margin-right: 10px;
	width: 5px; height: 5px;
	display: inline-block;
	background: #ccc;
}
.online_popbox>div{
	display: inline-block;
	margin-right: 0.5%;
	width: 15%; height: 150px;
	background: #e9edf4;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border:1px solid #e9edf4;
}
.online_popbox>div>p {
	padding: 100px 10px 10px 10px;
	text-align: center; font-size: 1.1rem; color:#265097;
	font-weight: 600;
}
.online_popbox>div:nth-child(1) {
	background-image: url(../../images/client/sub/img_online1.png);
	background-repeat: no-repeat;
	background-position:center 30px;
}
.online_popbox>div:nth-child(3) {
	background-image: url(../../images/client/sub/img_online2.png);
	background-repeat: no-repeat;
	background-position:center 30px;
}
.online_popbox>div:nth-child(5) {
	background-image: url(../../images/client/sub/img_online2_1.png);
	background-repeat: no-repeat;
	background-position:center 30px;
}
.online_popbox>div:nth-child(7) {
	border:1px solid #265097;
	background-image: url(../../images/client/sub/img_online3.png);
	background-repeat: no-repeat;
	background-position:center 30px;
	margin-right: 0.5%;
}
.online_popbox .pop_plus {
	background: url(../../images/client/sub/bg_plus.png) no-repeat;
	text-indent: -9999px;
	width: 30px; height: 30px;
	background-size: contain;
	display: inline-block;
	margin-right: 0.5%;
}
.online_popbox .pop_equal {
	background: url(../../images/client/sub/bg_equal.png) no-repeat;
	text-indent: -9999px;
	width: 30px; height: 16px;
	background-size: contain;
	display: inline-block;
	margin-right: 0.5%;
}
.online_popbox>div.gray {
	background: #fff;
	border: 1px dashed #1a5eb2;
	width: 27.6%;
	margin-right: 0;
	position: relative;
}
.online_popbox>div.gray p {
	color:#7c7b7b;
	padding: 10px;
	font-size: 1rem;
	line-height: 1.7rem;
	position: absolute; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	text-align: left; font-weight: 400;
}

.univer_score {
	position: relative;
}
.score_ul li {
	padding-left: 10px;
}
.score_ul li span{
	display: inline-block;
	width: 10px;
	margin-left: -10px;
}
.score_ul i {
	vertical-align: top;
}
.intro_employ {
	background-color: #ebf2ff;
	background-image:url(../../images/client/sub/img_employ_score.png);
	background-repeat: no-repeat;
	background-position: 90px center;
	border-radius:60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	height: 200px;
	position: relative;
}
.intro_employ p {
	position: absolute; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	padding: 0 70px 0 430px;
	font-size: 1.07rem;
	line-height: 26px;
	color:#333;
	word-break: keep-all;
}
.intro_employ p span {
	line-height: inherit;
	vertical-align: top;
	font-weight: bold;
}
.intro_employ p span:nth-child(2) {
	color:#1a5eb2
}
.talent_box {
	font-size: 0;
}
.talent_box ul {
	margin-bottom: 15px;
}
.talent_box ul:last-child {
	margin-bottom: 30px;
}
.talent_box ul li {
	position: relative;
	display: inline-block;
	height: 80px; 
	margin-right: 1.09%;
	border:1px solid #c5c7cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	text-align: center;
	font-size: 1rem;
}

.talent_box ul li p {
	position: absolute; top: 50%; left: 50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	color:#4765be;
	width: 100%;
}
.talent_box ul li:nth-child(1) {
	position: relative;
	width: 16.4%;
	margin-left: 1.5%;
	padding: 13px;
}
.talent_box ul li:nth-child(1)::before {
	content:"持";
	color:#fff;
	display: inline-block;
	width: 40px; height: 40px;
	position: absolute;
	left: -9.5%; top: 50%; 
	font-family: Notokr, sans-serif;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	background: #4765be;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	line-height: 40px;
	font-size: 1.5rem;
}
.talent_box ul li:nth-child(1) p {
	font-weight: 600; font-size: 1.1rem;
}
.talent_box ul li:nth-child(2){
	border: 0;
	background:#4765be;
	width: 6.25%;
}
.talent_box ul li:nth-child(2) p {
	color:#fff;
	line-height: 70px;
}
.talent_box ul li:nth-child(3) {
	width: 9.375%;
}
.talent_box ul li:nth-child(3) p span {
	font-weight: 600;
	color:#4765be; display: block;
}
.talent_box ul li:last-child {
	margin-right: 0;
	width: 63.2%;
	background: #e9edf4;
	border: 0;
}
.talent_box ul li:last-child p {
	color:#535353;
	width: 100%;
	padding: 0 10px;
}
.talent_box ul li span {
	color:#7c7b7b;
	font-size: 1.0rem;
}
.talent_box ul.green li:nth-child(1) p{
	color:#167943;
}
.talent_box ul.green li:nth-child(1)::before {
	content:"備";
	background: #167943;
}
.talent_box ul.green li:nth-child(2){
	background: #167943;
}
.talent_box ul.green li:nth-child(3) p span{
	color: #167943;
}
.talent_box ul.green li:last-child {
	background: #edf6ef;
}
.talent_box ul.red li:nth-child(1) p{
	color:#c24a4b;
}
.talent_box ul.red li:nth-child(1)::before {
	content:"成";
	background: #c24a4b;
}
.talent_box ul.red li:nth-child(2){
	background: #c24a4b;
}
.talent_box ul.red li:nth-child(3) p span{
	color:#c24a4b;
}
.talent_box ul.red li:last-child {
	background:#f4efef;
}
.capa_box  {
	position: relative;
	overflow: hidden;
}
.capa_box div{
	background: #e9edf4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height: 100px;
	position: relative;
}
.capa_box div p {
	display: inline-block;
}
.capa_box div p:first-child {
	width: 120px; height: 100px;
	background: url(../../images/client/sub/bg_bluebox.png) no-repeat;
	color:#fff;
	line-height: 100px; font-size: 1.2rem; text-align: center;
}
.capa_box div p:last-child {
	position: absolute; top: 50%;
	padding-left: 20px; padding-right: 20px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.capa_box ul li {
	border: 1px solid #c5c7cc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 40px 20px 10px 20px;
	min-height: 190px;
	position: relative;
}
.capa_box ul {
	margin-top: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.capa_box ul li::after {
	content:"";
	display: inline-block;
	background: url(../../images/client/sub/img_arrow_down_blue.png);
	width: 40px; height: 30px;
	position: absolute; top: 0;left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.capa_box ul li:first-child {
	margin-right: 2%;
}
.capa_box ul li p {
	font-weight: 600;
}
.capa_box ul li span {
	color:#7c7b7b; margin-top: 10px;
	display: inline-block;
}
.capa_box.black div {
	background: #f2f2f2;
}
.capa_box.black div p:first-child {
	background: url(../../images/client/sub/bg_blackbox.png);
}
.capa_box.black ul li::after {
	background: url(../../images/client/sub/img_arrow_down_black.png);
}
.capa_box.sky div {
	background:#e9f2f5;
}
.capa_box.sky div p:first-child {
	background: url(../../images/client/sub/bg_skybluebox.png);
}
.capa_box.sky ul li::after {
	background: url(../../images/client/sub/img_arrow_down_sky.png);
}
.capa_box.sky ul li {
	margin-right: 1.5%;
}
.capa_box.sky ul li:last-child{
	margin-right: 0;
}
.capa_box.red div {
	background:#f2e9ea;
}
.capa_box.red div p:first-child {
	background: url(../../images/client/sub/bg_redbox.png);
}
.capa_box.red ul li::after {
	background: url(../../images/client/sub/img_arrow_down_red.png);
}
.capa_box.yellow div {
	background:#f5f1ed;
}
.capa_box.yellow div p:first-child {
	background: url(../../images/client/sub/bg_yellowbox.png);
}
.capa_box.yellow ul li::after {
	background: url(../../images/client/sub/img_arrow_down_yellow.png);
}
.capa_box.green div {
	background:#e6f3f0;
}
.capa_box.green div p:first-child {
	background: url(../../images/client/sub/bg_greenbox.png);
}
.capa_box.green ul li::after {
	background: url(../../images/client/sub/img_arrow_down_green.png);
}
/* 센터별 위치 안내 */
.center_location {
	margin-bottom: 15px;
}
.center_location:last-child {
	margin-bottom: 0;
}
.center_location .grid_col {
	position: relative;
	height: 150px;
}
.center_location p {
	color:#fff; text-align: center;
	width: 100%; height: 40px;
	position: absolute; top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	line-height: 40px; font-size: 1.3rem;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
.center_location>div>div{
	border: 1px solid #c5c7cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	height: 100%;
	padding: 25px 15px;
	text-align: center;
}
.center_location strong {
	display: block; 
	font-size: 1.2rem; font-weight: 600;
	margin-bottom: 20px;
}
.center_location ul {
	text-align: left;
	display: inline-block;
	max-width: 100%;
}
.center_location li {
	margin-bottom: 5px;
	padding-left: 20px;
	color:#535353;
}
.center_location li:last-child {
	margin-bottom: 0;
}
.center_location li.location {
	background: url(../../images/client/sub/icon_location.png) no-repeat left center;
}
.center_location li.call {
	background: url(../../images/client/sub/icon_telephone.png) no-repeat left center;
}
.center_location.blue p{
	background: #0179b5;
}
.center_location.blue strong {
	 color: #0179b5;
}
.center_location.mint p{
	background: #1db5b6;
}
.center_location.mint strong {
	 color: #1db5b6;
}
.center_location.sky p{
	background: #63bae5;
}
.center_location.sky strong {
	 color: #63bae5;
}
.center_location.green p{
	background: #94c34f;
}
.center_location.green strong {
	 color: #94c34f;
}
.center_location.yellow p{
	background: #f2c231;
}
.center_location.yellow strong {
	 color: #f2c231;
}
.center_location.purple p {
	background: #aa7bc3 ;
}
.center_location.purple strong {
	color: #aa7bc3;
}
/* 핵심역량 진단 */
.test_guide {
	margin-top: 2%;
	position: relative;
}
.test_guide h4 {
	display: inline-block;
	width: auto; padding: 0 20px; margin-left: -85px;
	position: absolute; top: -10px; left: 50%;
	color:#00427c; font-size: 1.2rem; font-weight: 600;
	background-color: #fff;
}

.test_guide ol{
	padding: 20px 20px;
	font-size: 0; line-height: 0; text-align: center;
	background: url(../../images/client/sub/arrow_teststep.png) no-repeat center center;
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.test_guide ol li {
	display: inline-block;
	width: 17%;
	font-size: 1rem; line-height: 1.5em; vertical-align: middle;
}
.test_guide ol li img{
	max-width: 100%;
}
.test_guide ol li p {
	height: 185px;
}
.test_guide ol li p span{
	display: block;
	width: 100px; height: 100px;
	margin: 5px auto 15px;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 65%;
}
.test_guide ol li p.teststep1 span{
	background-image: url(../../images/client/sub/icon_teststep1.png);
}
.test_guide ol li p.teststep2 span{
	background-image: url(../../images/client/sub/icon_teststep2.png);
}
.test_guide ol li p.teststep3 span{
	background-image: url(../../images/client/sub/icon_teststep3.png);
}
.test_guide ol li p.teststep4 span{
	background-image: url(../../images/client/sub/icon_teststep4.png);
}
.test_guide ol li strong {
	margin-top: 5px;
	word-break: keep-all;
	vertical-align: top;
	margin-left: 5px;
}
.talent_box.ppoint ul li {
}
.talent_box.ppoint ul li:last-child{
	background: #fff;
	border: 1px solid #c5c7cc;
	padding: 18px 10px;
	text-align: left;
	width: 73.6%;
}
.talent_box.ppoint ul li:last-child p {
	position: static;
	transform:translate(0);
	-webkit-transform:translate(0);
	-moz-transform:translate(0);
	-o-transform:translate(0);
	padding-left: 50px;
}
.talent_box.ppoint ul li:last-child p span {
	margin-left: -50px; display: inline-block;
	width: 50px;
	vertical-align: top; color:#4765be;
}
.talent_box.ppoint ul li:nth-child(1)::before {
	width: 55px; height: 55px;
	font-size: 1.7rem; line-height: 52px;
}
.talent_box.ppoint ul.green li:last-child p {
	color:#535353; padding-left: 80px;
}
.talent_box.ppoint ul.green li:last-child p span {
	color: #167943; width: 80px;
	margin-left: -80px;
}
.talent_box.ppoint ul.red li:last-child p {
	color:#535353; padding-left: 70px;
}
.talent_box.ppoint ul.red li:last-child p span {
	color: #c24a4b; width: 70px;
	margin-left: -70px;
}
.testlist_none {
	padding: 3em 2em 3em 6em;
	text-align: center; color: #727272; font-size: 1rem;
	background-color: #f3f3f3;
}
.testlist_none span {
	display: inline-block;
	width: 69px; height: 68px;
	margin-right: 10px;
	vertical-align: middle;
	background: url(../../images/client/main/icon_nopost.png);
}
.test_card {
	overflow: hidden;
	padding: 30px 30px 30px 180px;
	font-size: 1.1rem; text-align: right;
	background-size: auto 130px;
	background-position: 30px center;
	background-repeat: no-repeat;
}
.test_card h4 {
	padding: 3% 0 4% 0;
	font-size: 1.3rem; text-align: left; word-break: keep-all;
}
.test_card h4 strong {
	display: inline-block;
	margin: 0 5px; width: 150px; text-align: center;
	font-size: 1.4rem; font-weight: 600; line-height: 1.1em; vertical-align: middle;
}
.test_card h4 strong span {
	display: block;
	width: 100%; height: 5px;
	margin-top: 2px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
.test_card p {
	margin-bottom: 10px;
	text-align: left;
	word-break: keep-all;
}
.test_card .btn {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.test_card1 {
	color: #fff;
	background-color: #189380;
	background-image: url(../../images/client/sub/bg_teststrong.png);
}
.test_card1 h4 strong span {
	background-image: url(../../images/client/sub/bg_capabilities_w.png)
}

.test_card2 {
	background-color: #e2e9e5;
	background-image: url(../../images/client/sub/bg_testweek.png);
}
.test_card2 h4 strong span {
	margin-top: 0;
	background-image: url(../../images/client/sub/bg_capabilities_b.png);
}

.testdo_list {
	overflow: hidden;
	padding: 20px 75px 20px 20px;
	position: relative;
	background-color: #e9edf4; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.testdo_list dl {
	padding-left: 120px;
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 100px;
	background-image: url(../../images/client/sub/img_test_ok.png);
}
.testdo_list.kvision dl {
	background-image: url(../../images/client/sub/img_vision_ok.png);
}
.testdo_list_off {
	background-color: #f2f2f2;
}
.testdo_list_off dl {
	background-image: url(../../images/client/sub/img_test_disable.png);
}
.testdo_list_off.kvision_off dl {
	background-image: url(../../images/client/sub/img_vision_disabled.png);
}
.testdo_list dl dt {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.2rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis;
}
.testdo_list dl dt .label_tag {
	margin-right: 5px;
}
.testdo_list dl dd {
	padding: 1px 0;
	font-size: 1.05rem;
	color:#222222;
}
.testdo_list dl dd strong {
	display: inline-block;
	padding: 0 10px 0 0; margin-right: 10px;
	background: url(../../images/client/sub/bar_black.png) no-repeat right center;
	vertical-align: top;
}
.testdo_list .btn_viewresult, .btn_gotest {
	display: block;
	width: 70px; height: 100%;
	padding-top: 95px;
	position: absolute; right: 0; top: 0; bottom: 0;
	text-align: center; color: #fff;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: center 55px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
}
.testdo_list a.btn_viewresult {
	background-image: url(../../images/client/sub/btn_test_result_white.png);
		background-color: #189380;
}

.testdo_list a.btn_gotest {
	background-image: url(../../images/client/sub/btn_test_go_white.png);
		background-color: #265097;
}

.recommend_wrap {
	overflow: visible;
	position: relative;
}
.recommend_wrap .btn_more {
	position: absolute; top: 0px; right: 10px;
}


/* 핵심역량 진단하기 */
.testlist_wrap {
	padding: 30px;
	background: #f3f4f8;
}
.testlist_wrap .testlist_tit {
	text-align: center; font-size: 1.5rem; font-weight: 600;
	color:#333333;
}
.testlist_wrap .testlist_p {
	text-align: center;
	color:#7c7b7b;
}
.testlist_wrap .testlist_p span {
	vertical-align: top;
	color:#7c7b7b;
}
.textlist_day {
	margin-bottom: 1%;
	text-align: right;
}
.textlist_day p {
	display: inline-block;
	padding-left: 30px;
	font-size: 1.1rem;
	background: url(../../images/client/sub/icon_calender_on.png) left center no-repeat;
}
.textlist_day p strong {
	display: inline-block;
	margin-right: 8px; padding-right: 10px;
	vertical-align: middle;
	background: url(../../images/client/sub/bar_black.png)right 3px no-repeat;
	vertical-align: top;
}
.testlist_box {
	padding: 20px; margin-bottom: 30px;
	margin-top: 30px;
	background-color: #fff;
} 
.testlist_box .survey_list dd {
	border-bottom: 0;
}
.testlist_bar {
	height: 20px;
	margin-bottom: 3%;
	position: relative;
	text-align: center;
	background-color:#acacac;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.testlist_bar p {
	height: 20px;
	position: absolute; top: 0; left: 0;
	background-color: #84ba63;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.testlist_bar strong {
	position: absolute; left:50%; top: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	color:#fff;
}
.testlist_bar strong span {
	margin-left: 10px; 
	vertical-align: 0;
}

.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.1rem;
}
.testlist_paging ul li .testlist_move {
	display: block;
}
.testlist_paging ul li .testlist_move.on {
	color: #00427c; font-weight: 600;
}
.testlist_paging ul li .testlist_move span {
	display: inline-block;
	width: 20px; height: 21px;
	margin-left: 10px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../../images/client/sub/arrow_loadmap_side.png);
}
.testlist_paging ul li.testlist_number {
	font-size: 1.1rem; font-weight: 600;
	color:#767676; width: 90px;
	text-align: center;
}
.testlist_paging ul li.testlist_number span {
	display: inline-block; vertical-align: bottom;
	font-weight: bold; color:#027dcb;
}
.testlist_paging ul li:last-child {
	padding-left: 0;
}
.testlist_paging .btn {
	position: absolute; right: 0; bottom: 5px;
}

/* 핵심역량 진단 결과 */
.capabilinfo_box {
	overflow: hidden;
}
.capabilinfo_box .show_tab{
	width: 230px;
	float: left;
}

.capabilinfo_box .show_tab li a {
	width: 100%; min-width: auto;
	padding-left: 90px;
	text-align: left;
	line-height: 65px;
	border-left: 1px solid #d7d7d7;
	background-repeat: no-repeat;
	background-position: 30px center;
	cursor:pointer;
}
.capabilinfo_box .show_tab li:nth-child(1) a{
	background-image: url(../../images/client/sub/icon_test1.png);
	background-size: 40px 25px;
}
.capabilinfo_box .show_tab li:nth-child(1) a.on{
	background-image: url(../../images/client/sub/icon_test1_on.png);
}
.capabilinfo_box .show_tab li:nth-child(2) a{
	background-image: url(../../images/client/sub/icon_test2.png);
	background-size: 35px 34px;
	background-position: 33px center;
}
.capabilinfo_box .show_tab li:nth-child(2) a.on{
	background-image: url(../../images/client/sub/icon_test2_on.png);
}
.capabilinfo_box .show_tab li:nth-child(3) a{
	background-image: url(../../images/client/sub/icon_test3.png);
	background-size: 35px 25px;
	background-position: 33px center;
}
.capabilinfo_box .show_tab li:nth-child(3) a.on{
	background-image: url(../../images/client/sub/icon_test3_on.png);
}
.capabilinfo_box .show_tab li:nth-child(4) a{
	background-image: url(../../images/client/sub/icon_test4.png);
	background-size: 37px 35px;
	background-position: 32px center;
}
.capabilinfo_box .show_tab li:nth-child(4) a.on{
	background-image: url(../../images/client/sub/icon_test4_on.png);
}
.capabilinfo_box .show_tab li:nth-child(5) a{
	background-image: url(../../images/client/sub/icon_test5.png);
	background-size: 24px 35px;
	background-position: 39px center;
}
.capabilinfo_box .show_tab li:nth-child(5) a.on{
	background-image: url(../../images/client/sub/icon_test5_on.png);
}
.capabilinfo_box .show_tab li:nth-child(6) a{
	background-image: url(../../images/client/sub/icon_test6.png);
	background-size: 28px 28px;
	background-position: 37px center;
}
.capabilinfo_box .show_tab li:nth-child(6) a.on{
	background-image: url(../../images/client/sub/icon_test6_on.png);
}
.capabilinfo_content {
	width: 100%;
}
.capabilinfo_content>div {
	min-height: 397px;
	padding: 20px 30px 20px 250px;
	background-color: #e9edf4;
}
.capabilinfo_content>div h4{
	font-size: 1.2rem; font-weight: 600;
		color:#333;
	background-position: 0 15px;
}
.capabilinfo_content>div h5 {
	margin-top: 30px;
	font-size: 1.2rem; font-weight: 600;
		color:#333;
	background-position: 0 15px;
}
.capabilinfo_content>div p {
	word-break: keep-all; font-size: 1.1rem;
	color:#535353;
}
.capabilinfo_content>div p.belong_txt {
	padding-left: 160px; margin: 8px 0;
}
.capabilinfo_content>div p.belong_txt strong {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	margin-left: -160px;
	color: #265097;
}

.testdo_checkbox {
	height: 130px;
	background-color: #f2f2f2;
		border:2px solid #f2f2f2
}
.testdo_checkbox dl {
	padding-left: 100px;
	background-size: 80px;
}
.testdo_checkbox span {
	display: block;
	width: 40px; height: 40px;
	margin-top: -20px;
	position: absolute; right: 20px; top: 50%;
	background: url(../../images/client/sub/icon_testselect.png) center center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
.testdo_checkbox.on {
	border: 2px solid #265097;
	box-sizing: border-box;
}
.testdo_checkbox.on span {
	background-image: url(../../images/client/sub/icon_bigcheck.png);
}

.result_container {
	padding-top: 5%;
}
.result_tit {
	width: 100%;
		position: relative;
	border-top:1px solid #c5c7cc;
	border-bottom:1px solid #c5c7cc;
}
.result_tit strong {
	overflow: hidden;
	display: inline-block;
	width: 60%;
	padding: 15px 20px; margin: 0 0px;
	text-align: left; font-size: 1.571rem; white-space: nowrap; text-overflow: ellipsis;
}
.result_tit.loadmap strong {
	font-weight: 600;
	background:url(../../images/client/sub/icon_testselect_on.png) no-repeat left center;
	position: relative;
	padding: 15px 40px;
}
.result_tit .result_date{
		display: inline-block;
		position: absolute; top: 50%; left:60%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
}
.result_tit.loadmap strong span {
	font-size: 1rem;
	display: inline-block; position: relative;
	line-height: inherit;
	vertical-align: top;
	margin-left: 25px;
}
.result_tit.loadmap strong span::before {
	content:"";
	display: inline-block;
	width: 1px; height: 16px;
	background:url(../../images/client/sub/bar_lightgray.png);
	position: absolute; left:-10px; top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.result_tit.loadmap.day strong::after {
	background: 0;
}
.result_tit.loadmap.day span {
	position: absolute; right: 10px; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	color:#7c7b7b;
}
.result_tit.loadmap.day span i {
	 vertical-align: top;
	display: inline-block;
	background:url(../../images/client/sub/bar_lightgray.png);
	-webkit-background-size: 1px 14px;
	background-size: 1px 14px;
	background-repeat: no-repeat;
	background-position: right 3px center;
	padding-right: 10px;
}

.graph_wrap {
	overflow: hidden;
	width: 100%;
	position: relative;
	font-size: 1rem; line-height: 1.5em;
}
.graph_wrap .graph_box {
	text-align: center;
	border:1px solid #c5c7cc;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	padding: 10px;
}
.graph_wrap .graph_box img {
	width: auto; max-width: 100%; height: auto;
}
.graph_wrap .boxloading {
	width: 100%; height: 100%;
	position: absolute; top: 0; bottom: 0;
	background: rgba(255,255,255,0.8);
}
.graph_wrap .boxloading img {
	width: 80px; max-width: 80%;
	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%);
}
.result_textbox {
	padding: 20px;
}
.result_textbox h6 {
	margin-top: 40px;
}
.result_textbox p {
	word-break: keep-all;
}

.elresult_box > div {
	display: inline-block;
	width: 49.5%;
	margin-left: 1%;
	vertical-align: top;
}
.elresult_box .graph_wrap {
	height: 210px;
	margin-left: 0;
	background: #f3f7fa;
}
.elresult_box .graph_wrap .graph_box img {
	width: auto; height: 210px;
}
.elresult_box .result_textbox {
	overflow-y: auto;
	height: 210px;
	border: 1px dashed #289dd3;
}
.result_card .test_card h4 {
	padding: 50px 0;
}

.resultcompare_txt {
	display: table;
	width: 100%;
	padding: 20px; margin-bottom: 20px;
	border: 1px solid #d7d7d7;
}
.resultcompare_txt strong {
	display: table-cell;
	width: 50%;
	padding-right:50px;
	text-align: right; font-size: 1.2rem; font-weight: 600;
}
.resultcompare_txt>div {
	padding-left: 50px;
}
.result_compare_graph {
	position: relative;
}
.result_compare_graph .tab_button {
	margin: 20px 0;
}
.family_list.ability dl{
	border: 0;
	padding: 0;
}
.family_list.ability dt {
	padding: 10px 0 10px 20px;
	border: 1px solid #c5c7cc;
	border-left: 8px solid #265097;
}
.family_list.ability .abil_span {
	color:#535353; font-size: 1rem; vertical-align: bottom;
	margin-left: 20px;
}
.family_list.ability ul {
	overflow: hidden; margin-top: 10px;
}
.family_list.ability ul li {
	float: left;
	padding: 5px 10px;
	min-width: 120px;
	border:1px solid #c5c7cc;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	margin-right: 10px;
	font-size: 1rem;
}
.family_list.ability ul li span {
	vertical-align: top;
	color:#265097;
}
.family_list.ability dt .arrow::before {
	top: 50%; 
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.family_list.ability dd {
	padding: 30px;
	margin-top: 5px;
	border: 0;
	background: #f2f2f2;
	cursor:default;
}
.family_list.ability dd p {
	color:#535353;
}
.family_list.ability dd h4.section_tit_md {
	margin-bottom: 0;
}
.family_list.ability dd ul li {
	min-width: 100px; height: 70px;
	font-size: 1.07rem;
	background: #dfe9f1;
	border:0;
	border-radius:13px;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	text-align: center; color:#333; line-height: 16px;
	padding: 13px;
	margin-bottom: 10px; margin-top: 0;
}
.family_list.ability dd ul li strong {
	display: block; vertical-align: middle;
	font-size: 1.571rem; font-weight: 600; color:#265097;
}
.family_list.ability dd ul li strong i {
	display: inline-block;
	margin-left: 2px;
	vertical-align: 3px;
	font-size: 1.07rem; color:#333;
}
/* K-vision 결과 */
.vision_box {
	margin-bottom: 30px;
}
.vision_box p{
	color:#535353;
}
.vision_box p span {
	vertical-align: top;
	color:#1187f4;
}
/* 워크넷 진단 */
.worknet_wrap {
	padding: 30px;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
		border:1px solid #ccc;
}
.worknet_info {
	padding: 20px 30px 20px 150px;
	font-size: 1.2rem; word-break: keep-all;
	background: url(../../images/client/sub/img_worknet_info.png) no-repeat 50px center;
}
.worknet_step {
	margin-top: 0;
}
.worknet_step ol{
	width: 100%;
	padding: 0 80px;
	border: 0;
}
.worknet_step ol li {
	width: 25%;
}
.worknet_step ol li p span {
	width: 120px;
}
.worknet_step ol li p.teststep1 span {
	background-image: url(../../images/client/sub/img_worknet_step1.png);
}
.worknet_step ol li p.teststep2 span {
	background-image: url(../../images/client/sub/img_worknet_step2.png);
}
.worknet_step ol li p.teststep3 span {
	background-size: 80px;
	background-image: url(../../images/client/sub/img_worknet_step3.png);
}
.worknet_step ol li p.teststep4 span {
	background-image: url(../../images/client/sub/img_worknet_step4.png);
}
.worknet_leftarea{
		float: left;
		margin: 15px 2px;
		color:#d55007;
}
.worknet_btnarea {
	margin: 15px 2px;
	float: right;
}
.worknet_box {
	margin-bottom: 2%;
	border: 1px solid #ccc;
}
.worknet_content {
	min-height: 230px;
	padding: 20px 20px 20px 300px;
	position: relative;
}
.worknet_content h2 {
	margin-bottom: 10px;
}
.worknet_content .worknet_image {
	overflow: hidden;
	width: 260px; height: 190px;
	position: absolute; left: 20px; top: 20px;
}
.worknet_content .worknet_image img {
	width: 100%; height: 100%;
}
.worknet_content .worknet_text {
	margin-bottom: 1%;
	font-size: 1.1rem;
}
.worknet_content ul {
	margin-bottom: 1%;
}
.worknet_content ul li{
	padding: 5px 0;
}
.worknet_content ul li strong {
	display: inline-block;
	margin-right: 5px; padding-right: 10px;
	background: url(../../images/client/sub/bar_gray.png) no-repeat right 1px top 3px;
	vertical-align: top;
}
.worknet_content .btn_area {
	margin-top: -30px;
	text-align: right;
}
.worknet_result {
	display: none;
	width: 100%;
	padding: 20px 20px;
}
/* 교과목록 조회 */
.subject_tit {
	text-align: left;
}
.label_tag {
	display: inline-block;
	padding: 0 5px 0 5px !important;
	text-align: center; font-size: 0.9rem;
}
.subjectpoint_list ul {
	display: inline-block;
	width: 33.3%;
}
.subjectpoint_list ul.half {
	width: 50%;
}
.subjectpoint_list ul li {
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
.subjectpoint_list ul li strong {
	display: inline-block;
	min-width: 80px;
	padding-left: 10px; margin-right:5px;
	color:#2e456c; font-weight: 600;
	vertical-align: top;
}
/* 비교과 프로그램 */
.program_list {
	overflow: hidden;
	margin-top: 45px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.program_list.on .program_lisbox {
	border-color: #294269;
}
.program_list.on .program_footer {
	border-color: #294269;
}
.nun_wrap .program_list {
	margin-top: 0;
}
.program_lisbox{
	padding-bottom: 1em;
	position: relative;
	background-color: #fff;
	border: 1px solid #a1a1a1;
	border-bottom: none;
	-webkit-border-radius: 30px 30px 0 0;
	-moz-border-radius: 30px 30px 0 0;
	border-radius: 30px 30px 0 0;
	overflow: hidden;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.program_label{ 
	position: absolute; top: 12px; right: 12px;
	display: block;  
		padding: 7px;
		min-width: 70px;
	text-align: center;  line-height: 1em; font-size: 0.9rem;
	z-index: 2; 
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-o-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.program_label span{
	display: inline-block;
	line-height: 0;
	vertical-align: 0;
}
.team_label {
	display: block;
	padding: 7px;
	min-width: 70px;
	text-align: center;
	position: absolute; left: 12px; top: 12px;
	color: #265097; line-height: 1em; font-size: 0.9rem;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	z-index: 2;
}
.team_label.right {
	right: 10px; left:inherit;
}
.previewimg_box {
	width: 100%;
	position: relative;
	z-index: 1; 
}
.previewimg_box a {
	overflow: hidden;
	display: block;
	width: 100%; height: 180px;
	position: relative;
	background-color: #a1a1a1;
}
.previewimg_box a img {
	display: block;
	width: 110%;
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
}
.previewimg_box span {
	display: block;
	width: 100%; height: 100%;
	position: absolute; top: 0; bottom: 0; left: 0;
	text-indent: -9999px;
	background-color: rgba(0,0,0,0.6);
	background-image: url(../../images/client/sub/bg_program_ok.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.program_infolist dt{
	position: relative;
	overflow: hidden;
	width: 100%; height: 40px;
	padding: 15px 40px 0 15px; margin-bottom: 0.5em;
	font-size: 1.15rem; 
		font-family: GangwonEduPower, sans-serif;
	text-overflow: ellipsis; word-break: keep-all;
		overflow: hidden; white-space: nowrap;
		color:#333; font-weight: 600; 
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
}
.program_infolist dt a {
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
}
.program_infolist dt strong {
	display: inline-block;
	padding: 0 0.5em; margin-right: 0.2em;
	font-size: 0.9rem; color: #fff;
	background-color: #0d65d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.program_infolist dt .btn_addlike {
	position: absolute; right: 15px;
}
.program_infolist dd {
	padding: 5px 10px 5px 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#525151;
}
.program_infolist dd span {
	padding-right: 10px; margin-right: 10px;
	color:#525151;
	background: url(../../images/client/sub/bar_lightgray.png) no-repeat right 4px;
	vertical-align: top;
}
.program_infolist dd:nth-of-type(1) span {
	color: #fa891a;
}
.program_infolist dd:nth-of-type(2) span {
	color: #69ba50;
}
.program_infolist dd:nth-of-type(3) span {
	color: #567ebb;
}
.program_infolist dd:nth-of-type(4) span {
	color: #995db5;
}
.program_infolist dd:nth-of-type(5) span {
	color: #ff7b94;
}
.program_joincount {
	overflow: hidden;
	width: 95%; height: 15px;
	margin: 5px auto 0;
	position: relative;
	background-color: #eaeaea;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.program_joincount p{
	height: 100%;
	background-color: #98c4f5  ;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.program_joincount.green p{
		background-color:#189380 ;
}
.program_joincount.orange p{
		background-color: #f89b2e ;
}
.program_joincount span {
	display: block;
	margin-top: -13px;
	text-align: center; font-size: 0.9rem; line-height: 1em;
}
.program_lisbox .graph_wrap {
	display: none;
	width: 100%;
	position: absolute; top: 0; bottom: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 3;
}
.program_lisbox .graph_wrap .graph_box {
	text-align: center;
	border: 0;
}
.program_lisbox .graph_wrap .graph_box p {
	padding-top: 50px;
	color: #fff; font-size: 1.2rem;
}
.program_footer { 
	position: relative;
	background-color: #85b8d2; 
	border: 1px solid #a1a1a1;
	border-top: none;
	-webkit-border-radius: 0 0 30px 30px;
	-moz-border-radius: 0 0 30px 30px;
	border-radius: 0 0 30px 30px;
	-webkit-transition : 0.2s;
	-moz-transition : 0.2s;
	-o-transition : 0.2s;
	transition : 0.2s;
}
.program_footer a {
	display: block;
	text-align: center;
}
.program_footer a p { 
	display: inline-block; 
	padding-left: 25px;
	height: 45px;
	line-height: 45px;
	font-family: Notokr; color: #fff; text-align: center;
	background: url(../../images/client/main/icon_mileage.png) no-repeat 0 center;
}
.program_footer a span {
	margin-left: 8px;
		font-family: inherit;
		padding-left: 8px; 
	background: url(../../images/client/main/bar_employ_gray.png) no-repeat center left;
}
.program_footer .btn_addlike {
	position: absolute; top: 12px; right: 10px;
}
.program_footer .btn_listdel2 {
	width: 30px; height: 30px;
	position: absolute; top: 6px; right: 10px;
	text-indent: -9999px;
	background-position: center center;
}
/*------------------------------------------*/
.survey_status {
	display: block;
	width: 100%;
	line-height: 45px;
	text-align: center;
	background: #fff;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	-webkit-border-radius: 0 0 30px 30px;
	-moz-border-radius: 0 0 30px 30px;
	border-radius: 0 0 30px 30px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.survey_status::before {
	content:"";
	display: inline-block;
	width: 22px; height: 24px;
	margin-right: 5px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: left 1px;
	background-size: 20px;
}
.survey_open::before {
	background-image: url(../../images/client/sub/icon_survey_open.png);
}
.survey_wait::before {
	background-image: url(../../images/client/sub/icon_survey_wait.png);
}
.survey_done::before {
	background-image: url(../../images/client/sub/icon_survey_done.png);
}
.survey_none::before {
	background-image: url(../../images/client/sub/icon_survey_none.png);
}
/*------------------------------------------*/
.editprogram_footer .btn_addlike {
	right: 50px;
}
.power_box>div{
	border:1px solid #d7d7d7;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 15.5%;
	display: inline-block;
	margin-right: 1%;
	height: 180px;
	padding: 20px;
	position: relative;
}
.power_box>div:last-child {
	margin-right: 0;
}
.power_box>div p {
	text-align: center;
	font-size: 1.14rem; font-weight: 600;
}
.power_box img {
	position: absolute; left:50%; top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
}
.power_box>div>div:last-child {
	padding-top: 85px;
}
.power_box>div>div:last-child p {
	font-size: 1.42rem;
}
.nunsub_box {
	position: relative;
	float: left;
	margin-right: 4%;
	width: 48%;
}
.nunsub_right {
	margin-right: 0;
}
.nunsub_box img {
	width: 100%;
}
/* 비교과 프로그램 상세내용 */
.program_content {
	position: relative;
	margin: 50px auto;
	font-size: 0; line-height: 0;
}
.program_contentbox {
	display:inline-block;
	padding: 1em;
	font-size: 1rem; line-height: 1.5em;
	vertical-align: top;
}
.program_leftbox {
	width: 40%;
	padding: 0;
}
.program_contentimg {
	position: relative;
}
.program_contentimg .previewimg_box a {
	height: 330px;
}

.program_rightbox {
	width: 60%;
	padding: 0 1em;
}
.program_rightbox dt {
	width: 100%;
	padding-bottom: 10px; padding-left: 0.5em;
	font-size: 1.5rem; font-family: Notokr;
	border-bottom: 1px solid #d7d7d7;
		text-overflow:ellipsis;
		overflow: hidden;
		white-space: nowrap;
}
.program_rightbox dt span{
	display: inline-block;
	width: auto;
	font-size: 1.1rem;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 0 center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#499bcf;
}
.program_rightbox dt p {
	font-size: 1.1rem; font-family: inherit; color:#7c7b7b;
}
.program_rightbox dd {
	padding:0.78em 0 0 125px;
	font-size: 1.0rem;
	color:#535353;
}
.program_rightbox dd strong {
	display: inline-block;
	width: 120px;
	margin-right: 5px;
	margin-left: -125px;
	color:#333;
}
.program_btnarea {
	display: inline-block;
	position: absolute; right: 10px;
}
.program_btnarea span {
	display: inline-block;
	margin-right: 5px;
	font-size: 1.1rem; line-height: 1.3em; font-weight: 600; vertical-align: top; color: #ef4a34;
}

.join_count_wrap {
	font-size: 0; line-height: 0;
	background-color: #f2f2f2;
}
.join_count_wrap>div {
	display: inline-block;
	width: 49%; height: 70px;
	padding: 10px 0;
	position: relative;
	margin-left: 2%; padding-left: 140px;
	font-size: 1rem;
}
.join_count_wrap>div strong {
	padding-left: 80px;
	position: absolute; left: 0;
	line-height: 50px; font-family: Notokr;
	background-repeat: no-repeat;
	background-position: 35px center;
}
.join_count_wrap .program_joincount {
	height: 22px;
	margin-top: 13px;
	background-color: #fff;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.join_count_wrap .program_joincount p {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.join_count_wrap .program_joincount span {
	margin-top: -16px;
}
.join_count_wrap .countbox_left {
	margin-left: 0;
}
.join_count_wrap .countbox_left strong{
	background-image: url(../../images/client/sub/icon_joincount.png);
}
.join_count_wrap .countbox_right strong{
	background-image: url(../../images/client/sub/icon_waitcount.png);
}
.insert_adit {
	overflow: hidden;
	border: 1px solid #ababb5;
	border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	border-top:0;
	border-right: 0;
	border-left:0;
}
.adit_top {
	padding: 10px 20px;
	background-color: #e5eef3;
}
.adit_top>p{
	display: inline-block;
	margin-right: 10px; padding-right: 10px;
	font-family: Notokr;
		position: relative;
}
.adit_top>p::after{
		content:'|';
		position: absolute; right: -7px;
		color:#a0b1bc;
}
.adit_top>p span {
	display: inline-block;
	width: 18px; height: 18px;
	margin-right: 5px;
	background: url(../../images/client/sub/bg_fileform.png) no-repeat 0 center;
}
.adit_top a {
	margin-left: 5px;
	color: #11265e;
}

.adit_content {
	min-height: 250px;
	padding: 20px;
	font-size: 1rem; word-break: keep-all;
	border-bottom: 1px solid #ababb5;
	border-right:1px solid #ababb5;
	border-left:1px solid #ababb5;
	border-top:1px solid #ababb5;
	color:#7c7b7b;
}
.adit_content.border{
		border: 1px solid #ccc;
		border-radius: 10px;
		min-height: 100px;
		padding: 20px;
}
.adit_content img {
	max-width: 100% !important;
	height: auto !important;
}
.adit_content strong, .adit_content span {
	vertical-align: 0;
}
.adit_footer {
	padding: 15px 20px;
	border-left: 1px solid #ababb5;
	border-right: 1px solid #ababb5;
}
.adit_footer ul {
	display: table;
	width: auto;
	margin: 0 auto;
}
.adit_footer ul li {
	display: table-cell;
	padding: 5px 0px 5px 80px;
	font-size: 1.1rem;
	background-position: 50px 2px;
	background-repeat: no-repeat;
}
.adit_footer ul li:first-child {
	background-image: url(../../images/client/sub/icon_worker.jpg);
}
.adit_footer ul li:last-child {
	background-image: url(../../images/client/sub/icon_tel.jpg);
}
.adit_footer ul li strong {
	display: inline-block;
	padding: 1px 10px 0 5px;
	margin-right: 8px;
	vertical-align: top;
	font-weight: 600;
	font-family: Notokr;
	background: url(../../images/client/sub/bar_black.png) no-repeat right center;
}

.progrmaapply_box {
	overflow: hidden;
	padding: 20px;
	border: 1px solid #a5abb5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.progrmaapply_box ul li {
	padding: 8px 0 8px 100px;
	position: relative;
}
.progrmaapply_box ul li strong {
	position: absolute; top: 10px; left: 0;
	font-family: Notokr;
}
.member_list {
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.member_list p {
	display: inline-block;
		width: 310px;
	padding: 5px 10px 5px 10px; margin-top: 8px;
	position: relative;
	background-color: #f2f2f2;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.member_list p span {
	display: inline-block;
	width: 18px; height: 21px;
	margin-right: 5px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left center;
}
.member_list p span.icon_leader {
	background-image: url(../../images/client/sub/icon_leader.png);
}
.member_list p span.icon_member {
	background-image: url(../../images/client/sub/icon_member.png);
}
.member_list p .btn_del {
	margin-top: -10px;
	position: absolute; right: 5px; top: 50%;
}
.fileattach_box>p{
	margin-bottom: 5px;
}
.filelist_box {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.page_footer {
	padding: 20px 0;
	text-align: center;
}
.page_footer .btn, .page_footer .btn_circle{
	margin: 0 2px;
}
.apply_memobox textarea{
	width: 100%;
	border-color:#d7d7d7;
	padding:5px;
}
.apply_memobox textarea:focus {
	border:1px solid #00427c;
}

/* 자기주도활동 */
.active_guide h4{
		color:#7aa5c2;
}
.active_guide ol{
		background: url(../../images/client/sub/arrow_teststep_active.png) no-repeat center center;
}
.active_guide ol li {
	width: 20%;
}
.active_guide ol li p.teststep1 span {
	background-image: url(../../images/client/sub/active_step1.png);
	-webkit-background-size: 50px;
	background-size: 50px;
}
.active_guide ol li p.teststep2 span {
	background-size: 80px auto;
	background-image: url(../../images/client/sub/active_step2.png);
	-webkit-background-size: 50px;
	background-size: 50px;
}
.active_guide ol li p.teststep3 span {
	background-image: url(../../images/client/sub/active_step3.png);
	-webkit-background-size: 60px;
	background-size: 60px;
}
.active_wrap {
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.active_box {
	padding: 20px 10px 10px 110px;
	position: relative;
	background-repeat: no-repeat;
	background-position:22px 30px;
	background-size: 60px;
	background-color:#fff !important;
	border: 1px solid #d0ccc9;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	height: 132px;
	cursor:pointer;
}
.active_box dt {
	overflow: hidden;
	width: 100%;
	margin-bottom: 0;
	font-size: 1.3rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis;
		display: block;
		transform:translateY(10px);
}
.active_box dt p {
	margin-bottom: 5px;
}
.active_box dt p span {
	display: inline-block;
	padding-left: 8px; margin-left: 3px;
	font-size: 1rem;
	background: url(../../images/client/sub/bar_black.png) no-repeat left 3px;
}
.active_box dt p span.label_tag {
	margin-left: 0; margin-right: 2px;
	background-image: none;
	width: 60px;
}
.active_footer {
	position: relative;
	text-align: right;
}
.active_footer p {
	display: inline-block;
	padding-left: 25px; margin-top: 20px;
	font-family: Notokr;
}
.active_footer a span {
	margin-left: 5px; 
		font-family: inherit;
}
.active_wrap .graph_wrap {
	display: none;
	width: 100%;
	position: absolute; top: 0; bottom: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 3;
}
.active_wrap .graph_wrap .graph_box {
	position: relative;
}
.active_wrap .graph_wrap .graph_box p {
	color: #fff; font-size: 1rem;
}
.graph_box .multigraph_list {
	padding: 22px 50px 10px;
	text-align: left;
}
.active_wrap .graph_box {
	border: 0;
}
.active_wrap .graph_box .multigraph_list {
	padding: 12px;
}
.graph_box .multigraph_list p {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 18px;
}
.graph_box .multigraph_list p span {
	position: absolute; top: 4px; left: 0;
	display: inline-block;
	width: 12px; height: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.graph_box .line {
	display: inline-block;
	margin-left: 15%;
	width: 75%; height: 2px;
	background: #7f7f80;
}
.multigraph_tit {
	float: left;
	width: 20%;
	line-height: 30px;
}
.multigraph {
	float: left;
	width: 75%;
}
.multigraph .graph_bar {
	line-height: 30px;
}
/*.active_wrap .graph_wrap .graph_box img {
	width: auto; height: 110px;
	transform: rotate(-90deg);
}*/
.active_wrap .graph_wrap .btn_del {
	position: absolute; right: 10px; top: 10px;
	background-image: url(../../images/client/sub/btn_del_white.png);
}
.active_box.license_box{
	background-position: 22px 35px; 
}
.active_box.service_box{
	background-color: #f3f7fa;
	background-image: url(../../images/client/sub/img_volunteer2.png);
		background-size:60px;
		background-position: left 30px center;
}
.count_wrap {
	position: relative;
}
.service_count {
	position: absolute; top: 0; right: 0;
	padding-left: 25px;
	font-weight: 600; text-align: right;
	background: url(../../images/client/sub/icon_sandglass.jpg) no-repeat 0 2px;
}
.active_box.pride_box{
	background-color: #f3f7fa;
	background-image: url(../../images/client/sub/img_trophi.png);
		background-size: 60px;
		background-position: left 30px center;
}
.active_box.practice_box{
	background-color: #dcd8f5;
	background-image: url(../../images/client/sub/img_practice.png);
}
.active_box.english_box{
	background-color: #f3f7fa;
	background-image: url(../../images/client/sub/img_english.png);
		background-position: left 30px center;
}
.active_box.commu_box{
	background-color: #f3f7fa;
	background-image: url(../../images/client/sub/img_community.png);
		background-position: left 30px center;
}

/* 전문상담 */
.counselor_wrapper {
	display: flex;
}
.counselor_wrapper > div {
	position: relative; 
	padding: 80px 20px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.counselor_wrapper > div h4 {
	position: absolute; left: 50%; top: 0;
	display: block;
	width: 100%; text-align: center;
		font-family: GangwonEduPower, sans-serif; 
	font-size: 1.75rem; color: #363636; line-height: 80px;
		-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);
}
.global_campus {
	margin-right: 10px;
	flex: 1.5;
	background-color: #85b8d2;
}
.medical_campus { 
	flex: 1.5;
	background-color: #74beb3;
} 
.global_campus > div {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
} 
.counselor_box {
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
/* 	min-height: 213px; */
	word-break: keep-all;
	background-color: #fff;
} 
/* .global_campus .counselor_box { */
/* 	margin-right: 2%; */
/* 	width: 49%; */
/* } */
.global_campus .counselor_box:nth-of-type(even) {
	margin-right: 0;
}   
.counselor_box .name {
	margin-bottom: 5px;
	padding-right: 150px;
	font-size: 1.3rem; font-weight: 600;
}
.counselor_box .name strong {
	display: inline-block;
	margin-left: 5px;
	vertical-align: 0;
	font-size: 1.1rem;
} 
.counselor_box ul li {
	position: relative; 
	padding-left: 7px;
	line-height: 1.4em;
}
.counselor_box ul li::before { 
	position: absolute; top: 10px; left: 0;
	content: "";
	display: inline-block;
	width: 2px; height: 2px;
	background-color: #222222;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.counselor_box .tel {
	position: absolute; right: 20px; top: 20px;
	padding: 0 20px 0 45px;
	color: #fff; line-height: 20px; text-align: center;
	background-color: #00aeef;
	background-image: url(../../images/client/sub/icon_telephone2.png);
	background-repeat: no-repeat;
	background-position: 17px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.counselor_box .roc {
	position: absolute; right: 20px; top: 43px;
	padding: 0 20px 0 45px;
	color: #fff; line-height: 20px; text-align: center;
	background-color: #40E0D0;
	background-image: url(../../images/client/sub/icon_employ02.png);
	background-repeat: no-repeat;
	background-position: 17px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



.counsel_name h3{
	width: 150px; display: inline-block;
}
.counsel_name>div {
	border-bottom:1px dashed #d7d7d7;
	padding: 10px 0;
	overflow: hidden;
}
.counsel_name .cou_box {
	width: 250px; display: inline-block;
}
.counsel_name .cou_box2 {
	width: 400px; display: inline-block;
}
.counsel_name .cou_box input {
	background-color: #f2f2f2;
	color:#7b7c7d;
}
.counsel_name .choicebox li.on {
	border: 1px solid #265097;
}
.counsel_name .choicebox li.on a {
	color:#265097;
}
.counsel_datebox {
	height: 180px;
	border:1px solid #d0ccc9;
	background:url(../../images/client/sub/bg_counsel_datebox.png)
}
.counsel_datebox>div {
	position: relative; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	text-align: center;
}
.counsel_datebox>div>div {
	display: inline-block;
}
.counsel_datebox .co_text {
	position: relative;
	font-size: 1.571rem; color:#333;
	padding-left: 110px; margin-right: 20px;
}
.counsel_datebox .co_text::before {
	content:"";
	display: inline-block;
	background:url(../../images/client/sub/icon_chat.png);
	width: 100px; height: 60px;
	position: absolute; left: 0; top: -50%;
}
.counsel_pick {
	margin-left: 30px;
	width: 340px; height: 130px; 
	background-color: #fff;
	border:1px solid #c5c7cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	text-align: left;
	position: relative;
}
.counsel_pick>div {
	padding: 20px;
	overflow: hidden;
}
.counsel_pick>div>div {
	display: inline-block;
	border: 1px solid #eeeeee;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	position: relative;
	width: 90px; height: 90px;
	overflow: hidden;
}
.counsel_pick p{
	margin-left: 10px;
	display:inline-block;
	width: 190px;
	color:#7c7b7b;
}
.counsel_pick p strong {
	display: block;
	margin-bottom: 5px;
	color:#265097; font-weight: 600;
}
.counsel_pick img {
	position: absolute;
	top: 50%; left: 50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
}
.counsel_divide {
	width: 50%;
	float: left;
}
.counsel_divide p.radio_row{
	margin: 6px 10px 2px 0;
}
.counsel_divide p:last-child {
	margin-right: 0;
}
.counsel_divide.cf h3{
	float: left;
}
.counsel_divide .search_day {
	width: 200px;
	height: auto;
}
.counsel_divide .search_day strong {
	width: 80px; font-weight: normal;
}
.counsel_divide .search_row input[type="text"].form_style {
	padding-left: 85px;
}
.counsel_divide .select2-container .select2-choice > .select2-chosen{
	font-weight: normal;
}
.counsel_name input::placeholder {
	color:#a8aaad;
}
.counsel_name textarea::placeholder {
	color:#a8aaad;
}
.counsel_name .choicebox {
	float: left;
	overflow: hidden;
	width: 89%;
}
.counsel_name .choicebox li {
	float: left; margin-right: 10px;
	margin-bottom: 10px;
	width: 200px; 
/*	height: 190px;*/
	border:1px solid #c5c7cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding: 20px 5px 10px 5px;
	text-align: center;
	box-sizing: border-box;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	cursor:pointer;
}
.counsel_name .choicebox li span {
	position: relative;
	display: block;
	margin-left: auto; margin-right: auto;
	margin-bottom: 5px;
	width: 90px; height: 90px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.counsel_name .choicebox li a {
	font-weight: bold; 
	display: inline-block;
	margin-bottom: 5px;
}
.counsel_name .choicebox li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.counsel_family .family_live{
	border-bottom: 1px dashed #d7d7d7;
	padding: 5px 0;
}
.counsel_family .family_live h3 {
	display: inline-block; float: left;
	width: 130px;
}
.counsel_family .family_live div {
	padding: 5px 0;
}
.counsel_name.apply .choicebox {
	width: 100%;
}
.counsel_name.apply h3{
	margin-left: -193px;
	width: 190px;
}
.counsel_name.apply>div {
	padding-left: 195px;
}
.counsel_name.apply .reason {
	font-weight: bold;
	margin-left: -193px;
	display: inline-block;
	width: 190px;
}
.counsel_name.apply>div>div {
	padding-left: 195px;
	padding-top: 10px; padding-bottom: 10px;
}
.counsel_name.apply .reason span {
	width: 5px; height: 5px; background: #ccc;
	display: inline-block;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	margin-right: 5px;
}
.counsel_name.apply .have_sick {
	margin: 0px 10px 1px 15px; display: inline-block;
	overflow: hidden;
}
.counsel_name.apply .have_sick p {
	float: left;
}
.counsel_name.apply .have_sick p:nth-child(2) i {
	margin-left: 5px;
}
.border_list {
	padding: 15px 20px;
	border: 1px solid #d7d7d7;
	border-top: 2px solid #c5d7e7;
}
.border_list>li {
	padding: 5px 0;
	color:#535353;
	margin-bottom: 8px;
}
.border_list>li>p {
	padding-left: 40px;
	position: relative;
}
.border_list>li>p>span {
	position: absolute; top: -3px;
	width: 30px; height: 30px;
	line-height:28px;
	display: inline-block;
	background-color: #f2f2f2;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	text-align: center;
	color:#7095b8; font-weight: bold;
	margin-right: 10px; margin-left: -39px;
	vertical-align: top;
}
.border_list>li>p>i {
	vertical-align: top;
	line-height: inherit;
}
.border_list>li .font_red {
	vertical-align: top;
	line-height: inherit;
}
.border_list.circle {
	border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
}
.list_no li{
	padding-left:60px;
}
.list_no span{
	margin-left: -17px; margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}
.agree_box {
	margin-top: 20px;
	padding: 30px 20px;
	text-align: center;
	border: 1px solid #d7d7d7;
	background: #e9edf4;
}
.agree_box > p {
	display: inline-block;
	margin: 0 auto;
	padding: 5px 0;
	word-break: keep-all;
	margin-right: 30px;
}
.agree_txt {
	font-size: 1.1rem; font-weight: 600;
}
.agree_txt span {
	display: inline-block;
	width: 45px; height: 30px;
	background: url(../../images/client/sub/icon_agreecheck_blue.png) no-repeat 0 center;
}
.agree_box.circle {
	border-radius:10px;
	-webkit-border-radius:10px;
}
/* 상담 - 심리상담, 학생상담 */
.centerhi_content {
	background-image: url(../../images/client/sub/bg_centerinfo.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: 360px 398px;
	position: relative;
	min-height: 400px;
}
.centerhi_content>div {
	padding-left: 380px;
	line-height: 1.7rem;
	color:#7c7b7b;
}
.centerhi_content>div span {
	display: block;
	font-weight: bold; font-size: 1.2rem;
}
.centerhi_content>div>div p {
	display: inline-block;
	width: 80px; height: 1px;
	background: #c2c2c2;
}
.people_box {
	width: 800px;
	margin-left: auto; margin-right: auto;
}
.people_box img {
	display: block; height: 100%;
	margin-left: auto; margin-right: auto;
}
.together_ul {
	overflow: hidden;
	position: relative;
	height: 150px;
}
.together_ul ul {
	width: 250px;
	position: absolute;
	top: 10px;
}
.medical_ul{
	position: absolute;
	left: 0;
}
.global_ul{
	left: 52%;
	transform:translateX(-50%);
}
.metro_ul {
	right:-40px;
}
.together_ul ul li {
	color:#7c7b7b; vertical-align: top;
	margin-bottom: 5px;
}
.together_ul ul li strong {
	vertical-align: top;
	font-weight: 600; color:#333333; margin-right: 5px;
	display: inline-block;
}
.direction_box {
	overflow: hidden;
}
.direction_box>div{
	float: left;
	width: 32.6%;
	margin-right: 1%;
	border:1px solid #c5c7cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding: 40px;
	height: 220px;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.direction_box>div:nth-child(3) {
	margin-right: 0;
}
.direction_box>div:nth-child(6) {
	margin-right: 0;
}
.direction_box>div strong {
	text-align: center; font-weight: 600;
	font-size: 1.2rem;
	display: block;
	margin-bottom: 20px;
}
.direction_box>div p {
	color:#7c7b7b;
}
.direction_box>div p span {
	vertical-align: top; 
	display: inline-block;
	width: 40px;
}
.direction_box .p_box {
	display: inline-block;
	text-align: left;
	max-width: 100%;
}
.direction_box .p_box p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.direction_box>div>.ta_c {
	margin-top: 20px;
}
.family_list dl {
	padding: 0 0px; margin-top: 10px;
	border: 1px solid #c5d7e7;
}

.family_list dl:first-child {
	margin-top: 0;
}
.family_list dt {
	padding: 20px 30px 20px 20px;
	position: relative;
	font-size: 1.1rem; font-weight: 600; color: #333;
}
.family_list dt .delete {
	position: absolute; right: 100px;
	background: url(../../images/client/sub/icon_delete.png) no-repeat left center;
	-webkit-background-size: 33px 33px;
	background-size: 33px 33px;
	display: inline-block;
	padding-left: 35px;
	z-index: 50;
	cursor:pointer;
}
.family_list dl dt .plus{
	display: none; cursor:pointer;
}
.family_list dl:last-child dt .plus {
	display: block;
	position: absolute; right: 180px;
	background: url(../../images/client/sub/icon_plus.png) no-repeat left center;
	-webkit-background-size: 33px 33px;
	background-size: 33px 33px;
	display: inline-block;
	padding-left: 35px;
	 z-index: 50;
}
.family_list dt .arrow::before {
	content:"열기";
	width: 80px; height: 35px;
	border:1px solid #d7d7d7;
	color:#d7d7d7;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	display: inline-block;
	background-size:12px 7px;
	-webkit-background-size:12px 7px;
	position: absolute; right: 10px; top: 15px;
	padding: 5px 0px 5px 10px;
	background-image: url(../../images/client/sub/icon_gray_down.png);
	background-repeat: no-repeat ;background-position: right 8px center;
	cursor:pointer;
}
.family_list dt.on .arrow::before {
	display: none;
}
.family_list dt.on .arrow::before {
	content:"접기";
	display: inline-block;
	background-image: url(../../images/client/sub/icon_gray_up.png);
	background-repeat: no-repeat ;background-position: right 8px center;
	cursor:pointer;
}
.family_list.plusminus dt {
	padding-right: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.family_list.plusminus dt.on {
	border-left:4px solid #294269;
}
.family_list dd {
	display: none;
	background: #f2f2f2;
	border-top:1px solid #c5d7e7;
	padding: 10px;
}
.family_list dt i {
	width: 5px; height: 5px;
	display: inline-block;
	background: #d7d7d7;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin-right: 10px;
}
.family_input {
	display: table;
	width: 100%;
}
.family_row {
	display: table-cell;
	padding: 20px 5px;
}
.family_row label, .family_input span {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}
.family_row .form_style {
	width: 100%;
}
.family_list.ability dl {
	cursor: pointer;
}
.counsel_titbox {
	text-align: center;
	background: #f6f4ed;
}
.calendar {
	width: 100%;
	position: relative;
}
.fc-view-container table {
	width: 100%;
}
.counsel_title{
	overflow: hidden;
	display: block;
	width: 55%;
	position: absolute; top: 45px;
	white-space: nowrap; text-overflow: ellipsis;
}
.counsel_title span{
	margin-right: 5px;
	color: #20a0e1;
}
.calender_leftbox {
	position: absolute; top: 20px; left: 0;
	font-size: 1.07rem; color:#f64f2e;
}
.calender_leftbox li {
	margin-bottom: 5px;
}
.calender_topbox{
	display: table;
	width: auto;
	position: absolute; top: 45px; right: 0;
}
.calender_topbox li{
	display: inline-block;
	margin-left: 30px;
	line-height: 18px; font-size: 13px;
}
.calender_topbox li span{
	display: block; float: left;
	width: 20px; height: 18px; 
	margin-right: 5px;
}
.calender_topbox li:first-child{
	margin-left: 0px;
}
.calender_topbox li:nth-child(1) span{
	background: #a1a1a1;
}
.calender_topbox li:nth-child(2) span{
	background: #265097;
}
.bg {
	padding: 0px 0 20px 0;
	position: relative;
}
.bg ul {
	width: 180px;
	margin: 0 auto;
	text-align: center;
}
.bg ul li {
	display: inline-block;
	vertical-align: bottom;
}
.bg ul li .pre_m,.next_m {
	display: block;
	width: 30px; height: 30px;
	line-height: 20px; text-indent: -9999px;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
}
.bg ul li .pre_m{
	background:#189380 url(../../images/client/sub/page_prev_white.png) center center no-repeat;
}
.bg ul li .next_m{
	background:#189380 url(../../images/client/sub/page_next_white.png) center center no-repeat;
}
.calendar .bg .dib {
	display: inline-block;
	margin: 0 30px;
	font-size: 2.42rem;
	line-height: 1em; text-align: center; color: #333333; font-weight: 600;
}
.calendar .bg .dib span {
	display: block;
	font-size: 1.28rem;
	color: #333333;
}
.calendar.visit_advice.professor .stagebox .floatL .reserve {
	display: inline-block;
	width: 13px;
	height: 13px;
}
.stagebox {
	width: 100%;
	clear: both;
	padding: 20px 0;
}
.calendar.visit_advice.student .stagebox .floatL {
	font-weight: bold;
}
.fc-view,.fc-view > table {
	padding: 0px 0px !important;
	margin-right: 1px;
	position: relative;
	z-index: 1;
}
th.fc-widget-header {
	height:40px; line-height: 40px;
	text-align: center;
	font-weight: 600;
	color: #00427c;
	background: #f4f7f9;
}
th.fc-day-header {
	color:#333;
}
th.fc-day-header.fc-sat {
	color:#427ae0;
}
th.fc-day-header.fc-sun {
	color:#ef4848;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	background: none;
	border-color: transparent;
	border-bottom: 0;
	padding: 3px;
}
td.fc-day-number {
	text-indent: 5px;
}
.fc-view-container {
	position: relative;
}
.fc-day-grid-event .fc-content {
	text-align: center;
}
.fc-day {
	text-align: right;
}
.fc-title {
	width: 100%;
	display: block;
	text-align: center !important;
	margin-bottom: 5px;
}
.fc-day-grid-event {
	margin: 0; padding: 0;
}
tr:first-child > td > .fc-day-grid-event {
	margin-top: 0;
}
.fc-title span {
	display: inline-block;
	font-size: 1.07rem;
	padding: 3px 15px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	white-space: normal;
}
.fc-title .doing {
	background: #265097; color:#fff;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
}
.fc-title .not_doing {
	background:#d7d7d7; color:#898989;
}
.fc-row .fc-bg input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin: 2px 5px 0 0;
}
.fc-ltr .fc-basic-view .fc-day-number {
	padding-bottom: 5px;
	font-weight: 600;
}
.pp_calenter_btnlist {
	width: 50%;
	margin-left: 50%;
	margin-bottom: -28px;
}
/*
.fc-unthemed td.fc-today{
	background: #fffbda;
}
*/
.fc-basic-view .fc-body .fc-row{
	min-height: 100px;
}
.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: #c5c7cc;
}
.fc-view-container {
	border-top: 2px solid #294269 ;
}
.fc th {
	border: 0;
	background: #e9edf4;
	font-size: 1.07rem; font-weight: 500;
}
.fc-content-skeleton .fc-other-month {
	color:#a8aaad;
}
/* KDU 진로 로드맵*/
.career_choice ul li {
	margin-bottom: 10px;
	text-align: center;
}
.career_choice ul li strong{
	display: block;
	text-align: center; color:#333;
	background: #b0dcf2; height: 50px; line-height: 50px;
	font-size: 1.2rem; font-weight: 600;
	border-radius:30px 30px 0 0;
	-webkit-border-radius:30px 30px 0 0;
	-moz-border-radius:30px 30px 0 0;
}
.career_choice ul.metro li strong {
	background: #d0e5af;
}
.career_choice ul.global li strong {
	background: #ffd496;
}
.career_choice ul li a {
	display: block;
	height: 40px; line-height: 35px;
	border:2px solid #62b9e6;
	color:#49a3d1; font-size: 1.1rem;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
}
.career_choice ul.metro li a {
	border-color: #a2cc60;
	color:#89b447;
}
.career_choice ul.global li a {
	border-color: #ffaa2d;
	color:#ea9519;
}
.track_box {
	border: 1px solid #c5c7cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding: 15px 200px 15px 15px;
	margin-bottom: 10px;
}
.track_box:last-child {
	margin-bottom: 0;
}
.track_box ul {
	margin-top: 10px;
}
.track_box li {
	padding-left: 15px;
	position: relative;
	color:#7c7b7b;
	margin-bottom: 5px;
	word-break: keep-all;
}
.track_box li::before {
	content:"";
	display: inline-block;
	width: 8px; height: 8px;
	background: #c5c7cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	position: absolute; left: 0; top:6px;
}
.track_box li:last-child {
	margin-bottom: 0;
}
/* 진로설계 */
.section_plan {
	position: relative;
}
.section_plan>.btn_green{
	position: absolute; right: 0; top: 0;
}
.planlist_wrap {
	margin-bottom: 2%;
	font-size: 0; line-height: 0;
}
.planlist_wrap .planlist_box, .plan_start {
	display: inline-block;
	width: 19%;
	margin-left: 1.25%; margin-bottom: 1%;
	position: relative;
	font-size: 1.2rem; line-height: 1.5em; text-align: center; font-weight: 600;
	vertical-align: top;	
}
.planlist_wrap>div.on {
	border:2px solid #265097;
	box-shadow: 2px 0px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 0px 10px rgba(0,0,0,0.5);
}
.planlist_wrap>div:first-child {
	margin-left: 0;
}
.planlist_wrap>div:nth-child(5n+1) {
	margin-left: 0;
}
.planlist_box {
	min-height: 250px;
	padding: 25px;
	background-color: #e9edf4;
		border: 2px solid #e9edf4;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
}
.plan_content .result_tit .result_date {
	position: absolute; right: 20px; left: inherit;
}
.plan_content .result_tit strong {
	width: 90%;
}
.plan_box .btn_setbasic {
	position: absolute; right:15px; top: 15px;
}
.plan_box dt {
	overflow: hidden;
	width: 100%;
	font-weight: 600; white-space: nowrap; text-overflow: ellipsis;
}
.plan_box dd {
	font-size: 1rem;
}
.plan_img a {
	display: inline-block;
	margin: 25px 0 25px 20px;
	width: 84px; height: 80px;
	text-indent: -9999px;
	background: url(../../images/client/sub/img_planlist.png) center no-repeat;
}
.planlc_box {
	min-height: 230px;
	padding: 150px 10px 10px 10px;
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.planlc_box dt {
	overflow: hidden;
	width: 100%;
	margin-bottom: 5px;
	font-size: 1.2rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis;
	background-position: center 80px;
}
.add_box {
	position: relative;
}
.add_box .btn_listdel2 {
	width: 30px; height: 30px;
	padding: 0;
	position: absolute; top: 15px; right: 15px;
	text-indent: -9999px;
	background-position: center center;
}
.langlist_box {
	background-image: url(../../images/client/sub/img_lang_2.png);
	background-color: #f3f7fa;
}
.langlist_box.differ{
		background-image: url(../../images/client/sub/img_lang_3.png);
	background-position: center 40px;
}
.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%;
}
.license_box {
	background-image: url(../../images/client/sub/img_certi.png);
	background-position: center 10px;
	background-color:#f3f7fa;
}
.license_box.differ {
	background-image: url(../../images/client/sub/img_certi_3.png);
	background-position: center 40px;
}

.rolemodel_wrap {
	padding: 35px 20px 35px 350px; margin-bottom: 2%;
	height: 250px;
	position: relative;
	background: #ebeef0;
}
.rolemodel_who {
	width: 290px;
	position: absolute; left: 40px; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.rolemodel_who strong {
	font-size: 1.1rem; font-weight: 600;
	display: inline-block;
}
.rolemodel_who strong span {
	display: block;
	font-size: 1rem;
}
.rolemodel_wrap .programpoint_list {
	overflow: hidden; 
	position: relative;
}
.rolemodel_wrap .programpoint_list dd {
	float:left;  margin-right: 10px;
}
.rolemodel_wrap .programpoint_list dd:last-child {
	margin-right: 0;
}
.rolemodel_wrap .programpoint_list dd div {
	text-align: left; 
	width: 130px; height: 180px;
	background: #fff;
	border: 1px solid #c5c7cc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.rolemodel_wrap .programpoint_list dd div.capabil1 {
	background-image: url(../../images/client/sub/icon_result1.png);
}
.rolemodel_wrap .programpoint_list dd div.capabil2 {
	background-image: url(../../images/client/sub/icon_result2.png);
}
.rolemodel_wrap .programpoint_list dd div.capabil3 {
	background-image: url(../../images/client/sub/icon_result3.png);
}
.rolemodel_wrap .programpoint_list dd div.capabil4 {
	background-image: url(../../images/client/sub/icon_result4.png);
}
.rolemodel_wrap .programpoint_list dd div.capabil5 {
	background-image: url(../../images/client/sub/icon_result5.png);
}
.rolemodel_wrap .programpoint_list dd div.capabil6 {
	background-image: url(../../images/client/sub/icon_result6.png);
}
.rolemodel_wrap .programpoint_list dd div strong {
	display: block; font-size: 1.1rem; font-weight: 600;
	text-align: center;  width: 100%;
	position: absolute; top: 25px;
}
.rolemodel_wrap .programpoint_list dd div span {
	vertical-align: top; text-align: center; font-size: 1.25rem;
	font-weight: 600;
	width: 100%;
	display: block;
	position: absolute; bottom: 25px;
}
/* 진로설계 step1 */
.plansetting_box {
	width: 100%;
	padding: 20px; margin-bottom: 3%;
	border:1px solid #cfd9e8;
		border-left:4px solid #294269;
}
.plansetting_box dd {
	font-size: 1.2rem; font-weight: 600;
	color:#7c7b7b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.plansetting_box dd span {
	width: 5px; height: 5px;
	display: inline-block;
	background-color: #ccc; margin-right: 10px;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
}
.plansetting_box dd strong {
	display: inline-block;
	width: 90px;
	color:#333;
	padding-right: 10px; margin-right: 8px;
	font-size: inherit; font-weight: inherit;
	background: url(../../images/client/sub/bar_gray.png) no-repeat right center;
	vertical-align: top;
}
.roadmap_btbox {
	position: absolute; right: 0; bottom: 27px;
	z-index:1;
}
.search_box.search_box_inner {
	margin-bottom: 20px;
}
.joblist_wrap {
	width: 100%;
	margin-bottom: 1%;
}
.joblist_wrap li{
	display: inline-block;
}
.joblist_wrap li a {
	display: block;
	padding: 5px 10px; margin-top: 5px;
	color:#265097;
	border: 1px solid #265097;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		transition:0.2s;
		-webkit-transition:0.2s;
		-moz-transition:0.2s;
		-o-transition:0.2s;
}
.joblist_wrap li a.on {
	color: #fff;
	background-color: #265097;
}
.joblist_content {
	padding: 3%;
	border: 1px solid #ced2d6;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.joblist_content h4 {
	padding-left: 25px; margin-bottom: 2%;
	font-size: 1.5rem; font-weight: 600; color:#000;
	background: url(../../images/client/sub/icon_text_md.png) no-repeat 0 center;
}
.joblist_content dl dt {
	padding-left: 20px;
	font-size: 1.2rem; font-weight: 600;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../../images/client/sub/icon_text_sm.png);
}
.joblist_content dl dd {
	padding: 0px 0 30px;
	line-height: 1.7em;
	color:#7c7b7b;
}
.testlist_paging.cw .testlist_move {
	color: #fff; font-size: 1rem; 
	background-color: #265097; background-repeat: no-repeat; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		-o-transition:0.5s;
}
.testlist_paging.cw .testlist_pre {
	padding: 6px 14px 6px 40px;
	background-image: url(../../images/client/sub/page_prev_white.png); background-position: 13px center; 
}
.testlist_paging.cw .testlist_next {
	margin-left: 10px;  padding: 6px 40px 6px 14px;
	background-image: url(../../images/client/sub/page_next_white.png); background-position: 60px center; 
}
.testlist_paging.cw .testlist_next.not {
	background-image: none;
	text-align: center;
	padding: 6px 20px 6px 20px;
}
/* 진로설계 step2 */
.target_box {
	position: relative;
		background:#e9edf4;
	border: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
	cursor:pointer;
}
.target_box>a {
	display: block;
	width: 100%; height: 100%;
	padding: 20px 15px;
	position: relative;
}
.plan_radio {
	display: block;
	width: 30px; height: 30px;
	position: absolute; right: 15px; top: 15px;
}
.plan_radio input {
	display: none;
}
.plan_radio label {
	display: block;
	width: 100%; height: 100%;
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_testselect.png) no-repeat center center;  
	background-size: 100%;
		transition:0.3s;
		-webkit-transition:0.3s; 
		-moz-transition:0.3s;
		-o-transition:0.3s; 
	cursor:pointer; 
}  
.role_box .check_rolemodel {
	display: block;
	width: 100%; height: 100%; 
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_testselect.png) no-repeat center center;
	background-size: 100%;
} 
.role_box.on .check_rolemodel{
		background-image: url(../../images/client/sub/icon_testselect_on.png);
}
.role_box.on .plan_radio label{
		background-image: url(../../images/client/sub/icon_testselect_on.png);
}
.plan_radio input:checked + label {
	background-image: url(../../images/client/sub/icon_testselect_on.png);
}
.target_box.companybox {
	padding: 20px;
}
.target_box.companybox strong {
	font-size: 1.1rem; font-weight: 600;
}
.target_box.companybox ul {
	margin-top: 20px;
}
.target_box.companybox ul li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 80px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.target_box.companybox ul li span{
	display: inline-block;
	width: 1px; height: 16px;
	background-image: url(../../images/client/sub/bar_gray.png);
	-webkit-background-size: 1px 16px;
	background-size: 1px 16px;
	background-position: center center;
	margin-right: 10px;
}
.target_box.companybox ul li i {
	display: inline-block; width: 70px;
	margin-left: -80px;
	vertical-align: top;
}
.target_compony dt{
	overflow: hidden;
	width: 100%;
	margin-bottom: 8px;
	font-size: 1.1rem; font-weight: 600; white-space: nowrap;
	text-overflow: ellipsis;
}
.target_compony dd {
	overflow: hidden;
	width: 100%;
	padding: 2px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.target_compony dd strong {
	display: inline-block;
	width: 60px;
	margin-right: 5px;
	background: url(../../images/client/sub/bar_black.png) no-repeat right center;
}
.target_box.same {
	height: 170px;
}
.target_box.same.role_box {
	background: #fff;
	border:1px solid #c5c7cc
}
.target_box.same .target_role{
	background-position: 10px  25px;
	padding: 40px 0 40px 150px;
}
.target_role {
	padding: 25px 0 25px 150px;
	font-size: 1.1rem; font-weight: 600;
	background: url(../../images/client/sub/img_model.png) no-repeat 10px center;
}
.target_role span {
	display: block;
	margin-top: 10px;
	font-size: 1rem;
}
.total_count{
		line-height: 35px;
		padding-left: 23px;
		background: url(../../images/client/common/icon_total.png) no-repeat left 7px;
		color:#556f9a; font-weight: 600;
		display: inline-block;  
}
.total_count span{
		display: inline-block;
		padding-left: 7px;
		color:#7c7b7b;
	vertical-align: top;
	line-height: inherit;
}
/* 진로설계 step3 */
.program_lisbox.plan {
	border-bottom: 1px solid #a1a1a1;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}  
.program_lisbox.plan .program_infolist dt {
	padding: 15px 80px 0 15px;
}
.program_lisbox.plan .program_infolist dt .btn_listdel2 { 
	position: absolute; right: 45px; top: 10px;
}

/* 포트폴리오 */
.portfolio_toparea {
	padding-top: 80px;
	position: relative;
}
.portfolio_btnarea {
	display: inline-block;
	width: auto;
	position: absolute; right: 0; top: 30px;
}
.resume_wrap {
	margin-bottom: 20px;
	border-top: 1px solid #d7d7d7;
}
.resume_wrap ul {
	display: table;
	width: 100%;
	padding: 20px 10px;
	border-bottom: 1px solid #d7d7d7;
}
.resume_wrap ul.on{
		border: 2px solid #265097;
}
.resume_wrap.green ul.on {
	 border: 2px solid #189380;
}
.resume_wrap ul.on a{
		color: #265097;font-weight: bold;
}
.resume_wrap.green ul.on a{
		color: #189380; font-weight: bold;
}
.resume_wrap ul.on .btn_setbasic{
		background-image: url(../../images/client/sub/icon_setblue_on.png);
	margin-left: -1px;
}	
.resume_wrap.green ul.on .btn_setbasic{
		background-image: url(../../images/client/sub/icon_setgreen_on.png);
}
.resume_wrap ul li {
	display: table-cell;
	position: relative;
	text-align: center;
	color:#a9a8a8
}
.count_label {
	display: inline-block;
	width: 35px; height: 35px;
	margin-right: 20px;
	color: #858585; text-align: center; line-height: 34px; font-weight: 600; font-size: 1.1rem;
	background-color: #f3f3f3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.resume_wrap .btn_setbasic {
	position: relative; top: auto; left: auto; right: auto;
}
.resume_wrap ul li.resume_list1 {
	width: 50%;
	text-align: left;
	color:#252121; font-weight: 600;
}
.resume_wrap ul li.resume_list4 {
	width: 200px;
	text-align: right;
}
.resume_container.portfolio{
		background: #f2f4f7;
		border-top:2px solid #4a647d;
		padding:2%;
}
.resume_container.portfolio.green {
	background: #eaefee;
	border-top: 2px solid #189380;
}
.resume_container .result_tit {
	padding-bottom: 0;
}
.resume_container .result_tit.portfolio{
		background-image: url(../../images/client/sub/icon_portfolio_tit.png);
		background-repeat: no-repeat;
		background-position: left 20px center;
		padding: 15px 100px 15px 70px;
		background-color: #fff;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	cursor:pointer;
	width: auto;
	border: 0;
}
.result_tit.portfolio > strong {
	margin-right: 20px; padding: 0;
	width: auto;
	text-overflow: inherit;
	white-space: inherit;
}
.result_tit.portfolio .result_date {
	font-size: 1.1rem;
	color:#222;
	position: static;
	transform:translate(0);
}
.result_tit .arrow::before {
	content:"접기";
	position: absolute; top: 50%; right: 20px;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
	width: 70px; height: 35px;
	border:1px solid #d7d7d7;
	color:#d7d7d7;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	display: block;
	background-size:12px 7px;
	padding: 7px 0px 7px 10px;
	background: url(../../images/client/sub/icon_gray_up.png) no-repeat right 8px center;
}
.result_container.on .arrow::before{
	content:"열기";
	display: block;
	background: url(../../images/client/sub/icon_gray_down.png) no-repeat right 8px center;
}
.registration_date {
	margin-bottom: 20px;
	text-align: center;
}
.studentinfo_box {
	width: 100%; min-height: 200px;
	margin-top: 20px;
	padding: 20px 20px 20px 180px; margin-bottom: 3%;
	position: relative;
		border:1px solid #dce1eb;
}
.studentinfo_box .resumeimg {
	width: 120px; height: 160px;
	position: absolute;  left: 20px; top: 50%;
	background: #fff;
		border:1px solid #d3dadc;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
}
.studentinfo_box .resumeimg img {
	max-width: 100%;
	width: 70%;  height: auto;
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.studentinfo_box .resumeimg .btn_find{
		position: absolute; bottom: -24%; left:50%;
		width: 90px; text-align: center;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-o-transform:translateX(-50%);
}
.studentinfo_box dl {
	width: 100%;
	position: relative;
}
.studentinfo_box dl dt {
	width: 100%;
		margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.3rem; font-weight: 600;
}
.studentinfo_box dl dt span {
	margin-left: 10px; font-size: 1rem; vertical-align: baseline;
}
.studentinfo_box dl dd {
	width: 100%;
	padding: 8px 0 8px 110px;
	font-size: 1rem;
		-ms-word-break: break-all;
		word-break: break-all;
}
.studentinfo_box dl dd strong {
	display: inline-block;
	width: 140px;
	margin-left: -110px; margin-right: 10px; padding-left: 20px;
	position: relative;
	text-align: center; font-weight: 600;
	background: url(../../images/client/sub/bar_black.png) no-repeat right center;
}
.studentinfo_box dl dd strong span {
	display: inline-block;
	width: 30px;  height: 30px;
	margin-top: -15px;
	position: absolute; left: 0; top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
}
.icon_tel {
	background-image: url(../../images/client/sub/icon_tel_s.jpg);
}
.icon_mail {
	background-image: url(../../images/client/sub/icon_mail_s.jpg);
}
.icon_address {
	background-image: url(../../images/client/sub/icon_address_s.jpg);
}
.icon_univer {
	background-image: url(../../images/client/sub/icon_university_s.jpg);
}


.class_point {
	display: inline-block;
	padding-right: 10px; margin-right: 10px;
	background: url(../../images/client/sub/bar_block.jpg) no-repeat right 4px;
	vertical-align: top;
}
.selfintro_wrap article{
	padding: 25px; margin-bottom: 10px;
	border: 1px solid #d7d7d7;
	border-top: 2px solid #c5d7e7;
	margin-top: 20px;
}
.selfintro_wrap article strong {
	display: block;
	margin: 20px 0 10px 0;
	font-size: 1rem; font-weight: 600; color: #00427c;
}
.selfintro_wrap article strong:first-child {
	margin-top: 0;
}
.analyze_wrap {
	margin-bottom: 10px;
}
/* 내로드맵 */
.rate_graph_wrap {
	margin-top: 50px;
}
.loadmap_graphbox {
	min-height: 440px;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.loadmap_graphbox .graph_box {
	border: 0;
}
.loadmap_total {
	background-color: #f2f2f2;
}
.loadmap_total.white{
		background-color:#fff;
		border:1px solid #ced2d6;
}
.loadmap_total h5 {
	margin-bottom: 30px;
	font-size: 1.2rem; font-weight: 600;
}
.loadmap_total .graph_wrap {
	min-height: 295px;
		position: relative;
}
.loadmap_total .graph_box.percent img{
	 position: absolute; top: 50%; left: 50%;
		transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-o-transform:translate(-50%, -50%);
}
.loadmap_bargraph {
	position: relative;
	padding-left: 125px; margin-bottom: 25px;
	font-size: 0; line-height: 0;
}
.loadmap_bargraph strong {
	display: inline-block;
	width: 120px;
	margin-left: -125px; margin-right: 5px;
	font-size: 1.1rem; letter-spacing: 1px;
	background: url(../../images/client/sub/arrow_loadmap_side.png) no-repeat center right;
}
.loadmap_bargraph strong .blue{
		color:#265097; font-weight: 600;
}
.loadmap_bargraph strong .deep{
		color:#189380; font-weight: 600;
}
.loadmap_bargraph>div {
	overflow: hidden;
	display: inline-block;
	width: 100%; height: 20px;
	position: relative;
	background-color:#189380;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.loadmap_bargraph>div p {
	height: 20px;
	position: absolute; left: 0; top: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
		background-color: #265097;
}
.loadmap_bargraph>div span {
	display: block;
	width: 100%;
	position: absolute; left: 0; top: 0;
	font-size: 1rem; color: #fff; text-align: center;
}
.downarrow_tit {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 1rem; font-weight: 600;
}
.loadmap_graphbox.total {
	background-color: #f2ede4;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.loadmap_graphbox.total .loadmap_bargraph {
	margin: 0; padding-left: 200px;
}
.loadmap_graphbox.total .loadmap_bargraph strong {
	width: 200px;
	margin-left: -205px; padding-left: 40px;
	line-height: 30px;
	background-image: url(../../images/client/sub/icon_graph.png); background-repeat: no-repeat; background-position: 0 center; background-size: 30px auto;
}
.loadmap_graphbox.total .loadmap_bargraph>div {
	background-color: #fff; 
}
.loadmap_graphbox.total .loadmap_bargraph>div span {
	color: #000;
}
.rate_license {
	font-size: 0; line-height: 0;
}
.rate_license .langlist_box {
	display: inline-block;
	width: 32.3%;
	margin-left: 1%; margin-bottom: 1%;
	font-size: 1rem; line-height: 1.2em;
}
.rate_license .langlist_box:nth-child(1){
	margin-left: 0;
}
.rate_license .langlist_box:nth-child(4){
	margin-left: 0;
}
.rate_license .license_box {
	display: inline-block;
	width: 32.3%;
	margin-left: 1%; margin-bottom: 1%;
	font-size: 1rem; line-height: 1.2em;
}
.rate_license .license_box:nth-child(1){
	margin-left: 0;
}
.rate_license .license_box:nth-child(4){
	margin-left: 0;
}
.planlc_box dt span.label_success {
	display: block;
	width: 30px;
	padding-top: 35px;
	font-size: 1rem; font-weight: 600; text-align: center; color: #ef4a34;
	background: url(../../images/client/sub/label_success.png) no-repeat 0 center;
	background-size: 30px auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.rate_license_graph {
	padding: 10px;
	border:1px solid #ccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width: 550px;
	min-height: 230px;
}
.rate_license_graph {
	display: table;
	width: 100%; 
	text-align: center;
}
.rate_license_graph .downarrow_tit{
	display: inline-block;
	font-size: 1.1rem;
}
.rate_license_graph .graph_wrap .graph_box{
	border: 0;
}
.rate_license_graph .graph_wrap img {
	width: 150px; margin-top: 15px;
}

/* 채용정보 - 추천채용  */
.jobinfo_box {
	height: 290px;
	margin-bottom: 0;
	padding: 20px 20px 20px 125px;
	position: relative;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.jobinfo_box.work {
	height: 310px;
}
.jobinfo_left {
	width: 92px;
	position: absolute; left: 20px;
	text-align: center;
}
.jobinfo_left strong {
	display: block;
	margin-bottom: 5px;
	font-size: 1.3rem; line-height: 70px;
		background: #189380; color:#fff;
	border-radius:10px 0 0 0;
	-webkit-border-radius:10px 0 0 0;
	-moz-border-radius:10px 0 0 0;
}
.jobinfo_box .jobinfo_left div {
	height: 175px;
	color: #333;
	background: url(../../images/client/sub/bg_employinfo3_gray.jpg) no-repeat;
	background-position: 0 center;
	background-size: 100% auto;
}
.jobinfo_box.work .jobinfo_left div {
	height: 200px;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.jobinfo_left div p {
	height: 50%;
	padding-top: 20px;
	font-size: 1.2rem;
}
.jobinfo_left div p:last-child {
	padding-top: 20px;
}
.jobinfo_left div p span {
	display: block;
	font-size: 1rem;
}
.jobinfo_left div p.limit_time {
	padding-top: 30px;
	font-size: 1rem; font-weight: 400;
}
.jobinfo_left div.always {
	font-size: 1.1rem; line-height: 175px; color: #333;
	background: #eaeef2
}
.jobinfo_left strong.bg_gray {
	color:#898989 !important;
}
.jobinfo_right {
	width: 100%;
}
.jobinfo_right dt {
	margin-bottom: 5px;
}
.jobinfo_right dt a {
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 10px 0 10px;
	font-size: 1.2rem; word-break: keep-all; font-weight: 600; white-space: nowrap;
	text-overflow: ellipsis;
}
.jobinfo_right dt p {
	overflow: hidden;
	width: 100%;
	font-size: 1rem; padding-bottom: 11px; white-space: nowrap; text-overflow: ellipsis;
	border-bottom: 1px dashed #c5c7cc;
	color:#7c7b7b;
}
.jobinfo_right dd li {
	width: 86%;
	margin-bottom: 7px;
	overflow: hidden;
	padding: 2px 0;
	color:#535353;
	white-space: nowrap; text-overflow: ellipsis;
}
.jobinfo_right dd li:first-child {
	margin-top: 10px;
}
.jobinfo_right dd li strong {
	display: inline-block;
	width: 75px;
	margin-right: 7px;
	font-size: 1rem;
	background: url(../../images/client/sub/bar_lightgray.png) no-repeat right center;
	vertical-align: top;
}
/*
.jobinfo_right dd li strong span {
	display: inline-block;
	width: 20px; height: 20px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 16px auto;
}
*/
.subjobinfo_wrap .jobinfo_box .btn_addlike {
	position: absolute; top: 25px; right: 15px;
}
.subjobinfo_wrap .jobinfo_box .jobinfo_right dt a{
	padding-right: 40px;
}
.subjobinfo_wrap .jobinfo_box .btn_bdblue {
	position: absolute; bottom: 10px; right: 10px;
}
.subjobinfo_wrap .jobinfo_box .btn_cancel {
	position: absolute; bottom: 10px; right: 10px;
}

.jobinfo_tit {
	padding: 10px 0 20px 0;
	font-size: 2rem; text-align: center;
}
.jobinfo_list {
	margin-bottom: 20px; padding: 25px 20px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.jobinfo_list h5 {
	padding: 5px 0 5px 25px; margin-bottom: 15px;
	font-size: 1.2rem; font-weight: 600;
	background: url(../../images/client/sub/icon_text_md.png) no-repeat 0 center;
}
.jobinfo_content .adit_top {
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.jobinfo_list .tbl th {
	width: 10%;
		font-weight: 600;
}
.jobinfo_list .tbl td {
	width: 45%;
}
.jobinfo_list.nofix .tbl th{
	width: auto; font-weight: 600;
}
.jobinfo_list.nofix .tbl td{
	width: auto; text-align: center;
}
.jobinfo_list.nofix .tbl tbody th {
	background-color: #e9edf4;
	border:1px solid #ced2d6;
	text-align: center;
}
/* 워크넷 채용 정보*/
.jobinfo_box.worknet_box {
	background-image:url(../../images/client/sub/bg_worknet.png);
	background-repeat: no-repeat;
	background-position: right 20px bottom 100px;
	-webkit-background-size: 240px 55px;
	background-size: 240px 55px;
}
/* 워크넷 공채속보 */
.worknetspeed_box {
	padding: 25px;
	text-align: left;
	background-color: #e0e8f0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
		transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		-o-transition:0.5s;
}
.worknetspeed_box > p {
	overflow: hidden;
	height: 100px;
	margin-bottom: 18px;
	position: relative;
	background-color: #fff;
}
.worknetspeed_box > p > img {
	max-width: 100%; height: auto;
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.worknetspeed_box dt {
	margin-bottom: 10px;
	margin-top: 10px;
}
.worknetspeed_box dt a {
	overflow: hidden;
	display: block;
	font-size: 1.2rem; font-weight: 600;
		white-space: nowrap; text-overflow: ellipsis;
		transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		-o-transition:0.5s;
}
.worknetspeed_box dd strong {
	display: inline-block;
	margin-right: 5px;
	font-weight: 600; font-size: inherit;
	vertical-align: top;
}
/* 사람인 채용 정보*/
.jobinfo_box.saramin_box {
	background-image:url(../../images/client/sub/bg_saramin.png);
	background-repeat: no-repeat;
	background-position: right 20px bottom 100px;
	-webkit-background-size: 200px 50px;
	background-size: 200px 50px;
}
.jobinfo_box.saramin_box ul {
	margin-top: 35px;
}
/* 잡코리아 채용정보 */
.jobinfo_box.jobkorea_box {
	background-image:url(../../images/client/sub/bg_jobkorea.png);
	background-repeat: no-repeat;
	background-position: right 20px bottom 100px;
	-webkit-background-size: 250px 60px;
	background-size: 250px 60px;
}
.jobinfo_box.jobkorea_box ul {
	margin-top: 35px;
}
/* 취업정보 - 국가직무능력표준 정보 */
.ncs_list {
	margin-top: 10px;
	border: 1px solid #c5c7cc;
	border-top: 2px solid #4a647d;
}
.ncs_list dt {
	padding: 12px;
	text-align: center; font-size: 1.1rem; font-weight: 600;
	background: #e6ebf1;
		border-bottom: 1px solid #ced2d6;
		color:#333;
}
.ncs_list dd {
	padding: 10px;
}
.ncs_list dd ol{
	font-size: 0; line-height: 0;
}
.ncs_list dd ol li {
	display: inline-block;
	width: 14.28%;
	padding: 5px;
}
.ncs_list dd ol li a {
	display: table;
	width: 100%;
	padding-top: 90px;
	position: relative;
	font-size: 1rem; line-height: 1.3em; text-align: center;
	word-break: keep-all;
	border: 1px solid #e1e1e1;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
}
.ncs_list dd ol li a img {
	position: absolute; top: 15px; left: 50%;
	transform: translateX(-50%);
}
.ncs_list dd ol>li a strong {
	display: table-cell;
	width: 100%; height: 50px;
	padding: 5px;
	vertical-align: middle; word-break: break-all;
	background: #f2f2f2;
		color:#242424;
	border-top: 1px solid #e1e1e1;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
}
.ncs_list dd ol li a strong span {
	margin-right: 3px;
	color: #1b507f;
	vertical-align: top; line-height: inherit;
}
.ncs_list dd ol li a.on {
	border-color:#265097;
}
.ncs_list dd ol li a.on strong {
	background-color:#265097;
		color:#fff;
}
.ncs_list dd ol li a.on strong span{
		color:#fff;
}

.ncs_list .ncs_inner_list {
	display: table;
	width: 100%;
	padding: 0 20px 20px;
}
.ncs_list .ncs_inner_box {
	display: table-cell;
	width: 33.33%;
	vertical-align: top;
	border-top: 2px solid #294269;
	border-bottom: 1px solid #c5c7cc;
	border-right: 1px solid #c5c7cc;
}
.ncs_list .ncs_inner_box:first-child {
	border-left: 1px solid #c5c7cc;
}
.ncs_list .ncs_inner_box ol li {
	display: block;
	width: 100%;
	padding: 5px 5px;
}
.ncs_list .ncs_inner_box ol li a {
	padding: 5px;
	text-align: left;
	border: 0;
		color:#333;
}
.ncs_list .ncs_inner_box strong {
	display: block;
	width: 100%;
	padding: 10px;
	font-size: 1.1rem; text-align: center; font-weight: 600;
	background-color: #e6ebf1;
		border-bottom: 1px solid #ced2d6;
		color:#333;
}
.ncs_list .ncs_inner_box ol li a span {
	margin-right: 3px;
}
.ncs_list .ncs_inner_box ol li a.on {
	color: #fff;
	background-color: #265097;
}
.ncs_view {
	margin-top: 50px;
}
.ncs_view .ncsprogram_txt {
	padding: 10px; margin-bottom: 10px;
	font-size: 1.1rem; word-break: keep-all;
		color:#7c7b7b
}
.ncsprogram_list {
	padding: 0 25px 25px 25px;
	border: 1px solid #c4c9cc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ncsprogram_list dt {
	padding-left: 25px; margin: 25px 0 10px 0;
		font-size: 1.2rem; font-weight: 600;
	background: url(../../images/client/sub/icon_text_md.png) no-repeat 0 8px;
		color:#333;
}
.ncsprogram_list dd {
	padding-left: 25px;
	word-break: keep-all; line-height: 1.6em;
		color:#7c7b7b;
}

/* 자격증 정보 */
.licenseinfo_list {
	padding: 20px 15px;
	position: relative;
	background: #e9edf4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.licenseinfo_list dt {
	margin-bottom: 15px;
	position: absolute; top: 10%;
		font-size: 1.2rem; font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* ellipsis line */
	-webkit-box-orient: vertical;
	height: 46px;
}
.licenseinfo_list dt span {
	display: block;
	margin-top: 5px;
	font-size: 1rem; font-weight: 400;
}
.licenseinfo_list dd {
	padding-top: 50px;
}
.licenseinfo_list dd p {
	overflow: hidden;
	padding: 5px 0;
	white-space: nowrap; text-overflow: ellipsis;
		color:#535353;
}
.licenseinfo_list dd p strong {
	display: inline-block;
	width: 90px;
	margin-right: 10px; padding-right: 9px;
		color:#333;
	background: url(../../images/client/sub/bar_lightgray.png) no-repeat right center;
	vertical-align: top;
}

/* 직업방송 동영상 */
.jobvideoinfo_list {
	overflow: hidden;
	padding: 130px 15px 15px 15px;
	text-align: center;
	background: #e9edf4 url(../../images/client/sub/img_jobvideo.png) no-repeat center 18px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d7e1ea;
		cursor:pointer;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
}
.jobvideoinfo_list dt {
	margin-bottom: 10px;
		color:#333;
}
.jobvideoinfo_list dt a {
	overflow: hidden;
	display: block;
	font-size: 1.1rem; font-weight: 600;
		white-space: nowrap; text-overflow: ellipsis;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
}
.jobvideoinfo_list dd p {
	display: inline-block;
	padding: 0 5px;
	color: #7c7b7b;
}
.jobvideoinfo_list dd p strong {
	display: inline-block;
	margin-right: 5px; padding-right: 9px;
	background: url(../../images/client/sub/bar_block.jpg) no-repeat right center;
	vertical-align: top;
}

/* 기업정보 */
.licenseinfo_list.com_infobox {
		cursor:pointer;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		background: #e9f0f4;
}
.pattern_wrap {
	width: 100%;
	margin-bottom: 5px;
	font-size: 0; line-height: 0;
	border: 0;
	display:flex;
	-webkit-display:flex;
	-moz--display:flex;
	-ms--display:flex;
}
.pattern_wrap>li {
	display: inline-block;
	width: 23.5%;  
	margin-left: 2%;
	text-align: center; vertical-align: top;
	border: 1px solid #c5c7cc;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.pattern_wrap>li:first-child {
	margin-left: 0;
}
.pattern_wrap>li strong {
	display: block;
	padding: 10px 0;
	font-size: 1.1rem; font-weight: 600;
	background-color: #e9edf4;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.pattern_wrap>li ul {
	padding: 8px;
}
.pattern_wrap>li ul li {
	display: block;
	padding-left: 50px; margin: 8px 0;
	padding-right: 40px;
	position: relative;
}

.pattern_wrap>li ul li>p {
	width: 40px;
	position: absolute; left: 0px; top: 2px;
	font-size: 0.9rem; color: #333;
}
.pattern_wrap>li ul li>p.right {
	position: absolute; right:0; top: 0;
	width: 10px;
}
.pattern_wrap>li ul li div{
	width: 100%; height: 20px;
	position: relative;
	background-color: #ebebeb;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display: inline-block;
}
.pattern_wrap>li ul li div .pp_bar {
	height: 20px;
	position: absolute; top: 0; left: 0;
	background-color: #c9d805;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.pattern_wrap>li ul li div .pp_bar_txt {
	position: absolute; right: -30px;
	color: #189380; line-height: 20px; font-size: 12px;
}
.pp_updwon {
	display: inline-block;
	width: 9px; height: 11px;
	vertical-align: middle;
}
.up_arrow {
	background: url(../../images/client/sub/arrow_up.jpg) bottom center no-repeat;
}
.down_arrow {
	background: url(../../images/client/sub/arrow_down.jpg) bottom center no-repeat;
}
.pattern_wrap>li ul li div .pattern_bar {
	height: 20px;
	position: absolute; top: 0; left: 0;
	background-color: #189380;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
.pattern_wrap>li ul li div .pattern_bar_txt {
	position: absolute; right: -30px;
	line-height: 20px; font-size: 12px;
	color: #189380;
}
.licenseinfo_list.com_infobox.family {
	background: #edefe7;
}
/* 설문조사 */
.survey_research_list {
		border-radius:10px;
		background: url(../../images/client/sub/bg_survey.png) no-repeat right 55px;
}
.survey_research_list dl{
		padding:25px;
		border: 1px solid #c5c7cc;
		border-bottom: 0;
		border-radius:10px 10px 0px 0px;
		-webkit-border-radius:10px 10px 0px 0px;
}
.survey_research_list dt{
		font-weight: bold; font-size: 1.2rem;
		margin-bottom: 20px;
}
.survey_research_list dd {
		color:#7c7b7b;
}
.survey_research_list dd p {
		margin-bottom: 5px;
		padding-left: 70px;
}
.survey_research_list dd p:last-child {
		margin-bottom: 0;
}
.survey_research_list strong {
		width: 70px;
		display: inline-block;
		margin-left: -70px;
	vertical-align: top;
}
.survey_box {
	display: block;
		background: #d7d7d7;
		color:#898989; text-align: center;
		border:1px solid #c5c7cc;
		border-top:0;
		padding: 15px;
		border-radius:0px 0px 10px 10px;
		-webkit-border-radius:0px 0px 10px 10px;
	cursor:default;
}
.survey_box.on {
		background: #189380;
		color:#fff; 
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
	cursor:pointer;
}
/* 마이페이지 */
/* 마이페이지 - 전공능력 현황 */
.my_major {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	min-height: 160px;
	margin-bottom: 20px;
}
.my_major:last-child {
	margin-bottom: 0;
}
.my_major>div {
	border: 1px solid #c5c7cc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 20px 30px;
}
.major_tit {
	width: 24%;
	margin-right: 1%;
	position: relative;
}
.major_tit>div {
	position: relative; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.major_tit strong {
	display: block;
	padding: 10px;
	font-size: 1.2rem; font-weight: 600;
	background: url(../../images/client/sub/img_book1_sm.png) no-repeat left center;
	background-size: 26px 30px;
	padding-left: 35px;
}
.major_tit.two strong {
	background-image:url(../../images/client/sub/img_book2_sm.png);
}
.major_tit.three strong {
	background-image:url(../../images/client/sub/img_book3_sm.png);
}
.major_tit.four strong {
	background-image:url(../../images/client/sub/img_book4_sm.png);
}
.major_tit p {
	color:#7c7b7b;
	line-height: 24px;
	overflow: hidden;
}
.major_content {
	width: 75%;
	position: relative;
}
.major_content ul {
	position: relative; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.major_content li{
	color:#535353;
	position: relative;
	padding-left: 15px;
}
.major_content li::before {
	content:"";
	display: inline-block;
	width: 6px; height: 6px;
	background: #ccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	position: absolute; top:7px; left: 0;
}
.major_content li span {
	vertical-align: top;
	color:#00aeff;
}
.major_ability  {
	display: inline-block;
	width: 110px;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 30px;
	text-align: left;
}
.tenacity {
	background-image: url(../../images/client/sub/icon_test1_on.png);
	background-size: 20px 13px;
}
.leadership {
	background-image: url(../../images/client/sub/icon_test2_on.png);
	background-size: 18px 17px;
}
.rational {
	background-image: url(../../images/client/sub/icon_test3_on.png);
	background-size: 18px 13px;
}
.global_com {
	background-image: url(../../images/client/sub/icon_test4_on.png);
	background-size: 19px 18px;
}
.selflead {
	background-image: url(../../images/client/sub/icon_test5_on.png);
	background-size: 12px 18px;
	background-position: 4px center;
}
.social {
	background-image: url(../../images/client/sub/icon_test6_on.png);
	background-size: 14px 14px;
	background-position: 3px center;
}
.major_resultbox {
	margin-bottom: 20px;
}
.major_resultbox:last-child {
	margin-bottom: 0;
}
.major_resultbox h3 {
	margin-bottom: 0px;
}
.major_resultbox p{
	color:#7c7b7b;
}
.major_resultbox p span {
	display: inline-block;
	vertical-align: top;
	color:#265097;
}
.major_resultbox p i {
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #999898;
}
.major_score>div {
	padding: 30px 10px 30px 45%; height: 130px;
	border:1px solid #c5c7cc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-repeat: no-repeat;
	background-position: 23% center;
}
.major_score>div.blue {
	background-image: url(../../images/client/sub/img_book1.png);
}
.major_score>div.green {
	background-image: url(../../images/client/sub/img_book2.png);
}
.major_score>div.red {
	background-image: url(../../images/client/sub/img_book3.png);
}
.major_score>div.sky {
	background-image: url(../../images/client/sub/img_book4.png);
}
.major_score strong{
	display: inline-block;
	font-size: 1.15rem; font-weight: 600;
	margin-bottom: 15px;
}
.major_score p {
	font-size: 1.3rem; font-weight: 600;
}
/* 마이페이지 - 핵심역량/취업역량 현황 */
.power_box.certi div p {
	font-size: 1.142rem;
}
.power_box.certi div div p{
	font-size:1.42rem
}
.power_box.certi>div>div:last-child {
	padding-top: 84px;
}
.employ_score>div {
	border:1px solid #c5c7cc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	height: 200px;
	padding: 25px 5px;
	text-align: center;
}
.employ_score>div>p {
	text-align: center; 
	position: relative;
	line-height: 40px;
	margin-bottom: 20px;
}
.employ_score>div>p::before {
	content:"持";
	display: inline-block;
	width: 40px; height: 40px;
	border-radius:5px;
	background: #ccc;
	font-size: 1.3rem; color:#fff;
	font-family: NotoKr;
	margin-right: 10px;
}
.employ_score>.blue>p::before {
	background: #4765be;
}
.employ_score>.green>p::before {
	content:"備";
	background: #167943;
}
.employ_score>.red>p::before {
	content:"成";
	background: #c24a4b;
}
.employ_score>div>p>strong {
	display: inline-block;
	margin-right: 10px;
	font-size: 1.2rem; vertical-align: top; font-weight: 600;
	line-height:inherit;
}
.employ_score>.blue>p>strong {
	color:#4765be;
}
.employ_score>.green>p>strong {
	color:#167943;
}
.employ_score>.red>p>strong {
	color:#c24a4b;
}
.employ_score>div>p>span {
	display: inline-block;
	font-size: 1.7rem; color:#8e9197;
	vertical-align: top;
	line-height: inherit;
}
.employ_score li {
	display: inline-block;
	width: 85px; height: 85px;
	border-radius: 20px;
	background: #ccc;
	padding: 16px 0;
	color:#333;
	margin-right: 10px;
	letter-spacing: -0.05em;
}
.employ_score>.blue li {
	background: #e9edf4;
}
.employ_score>.green li {
	background: #edf6ef;
}
.employ_score>.red li {
	background: #f4efef;
}
.employ_score li:last-child {
	margin-right: 0;
}
.employ_score li p:first-child {
	font-weight: 600;
	margin-bottom: 5px;
}
.employ_score li p:nth-child(2) {
	text-align: center;
	position: relative;
	margin-bottom: 5px;
}
.employ_score li p:nth-child(2) span{
	display: block;
	width: 10px; height: 1px;
	background: #4765be;
	position: relative; left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.employ_score li p:last-child {
	font-size: 1.1rem; font-weight: 600;
}
/* 마이페이지 - 인증 현황*/
.certi_box {
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 20px;
}
.certi_box li {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	width: 220px; height: 100px;
	border:1px solid #b9bec6;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.certi_box li.on {
	border-color: #265097;
}
.certi_box li strong{
	display: block;
	background: #b9bec6;
	color:#333;
	height: 38px; line-height: 38px;
}
.certi_box li.on strong {
	background: #265097;
	color:#fff;
}
.certi_box li.on strong::before {
	content:"";
	display: inline-block;
	background:url(../../images/client/sub/icon_certi.png);
	width: 26px; height: 32px;
	position: absolute; left: 10px; top: 4px;
}
.certi_box li p {
	color:#333; padding: 20px;
}
.achieve_box {
	position: relative;
	overflow: hidden;
	height: 210px;
}
.achieve_score {
	position: relative;
}
.achieve_score li {
	position: relative;
	display: inline-flex; 
  /* justify-content: center;  */
  /* align-items: center; */
	width: 13.1%; height: 140px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	margin-right: 4%;
}
.achieve_score li::after {
	content:"";
	display: inline-block;
	background:url(../../images/client/sub/img_plus.png);
	width: 40px; height: 40px;
	position: absolute; right:-28.5%; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.achieve_score li:nth-child(5)::after {
	background:url(../../images/client/sub/img_equal.png);
	width: 40px; height: 22px;
}

.achieve_score li:first-child {
	background: #E3F3FB;
}
.achieve_score li:nth-child(2) {
	background: #EAEFE1;
}
.achieve_score li:nth-child(3) {
	background: #E5F9E6;
}
.achieve_score li:nth-child(4) {
	background: #F6F3EC;
}
.achieve_score li:nth-child(5) {
	background: #E6F3F3;
}
.achieve_score li:last-child {
	background:#F0ECF6;
	margin-right: 0;
  padding: 25px 10px;
}
.achieve_score li a {
	display: flex; 
  /* justify-content: center; 
  align-items: center;
	width: 100%;  */
  padding: 25px 10px; 
  width: 100%; height: 100%;
	border: 2px solid rgba(255,255,255,0);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	word-break: keep-all;
}
.achieve_score li strong {
	display: block;
	width: 100%;
	color:#265097; font-size: 1.05rem; font-weight: 600; text-align: center;
}
.achieve_score li p {
	font-size: 1.9rem; color:#5c6066; font-weight: 600;
	position: absolute; left: 50%; bottom: 25px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.achieve_score li:not(:has(a)) {
	padding: 25px 10px;
}
/* .achieve_score li {
	position: relative;
	display: inline-block;
	width: 16%; height: 140px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	margin-right: 4%;
}
.achieve_score li:first-child {
	background: #f0ecf6;
	padding: 25px 10px;
}
.achieve_score li:first-child::after {
	content:"";
	display: inline-block;
	background:url(../../images/client/sub/img_equal.png);
	width: 40px; height: 22px;
	position: absolute; right:-24%; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.achieve_score li:nth-child(2) {
	background: #e3f3fb;
}
.achieve_score li:nth-child(2)::after {
	content:"";
	display: inline-block;
	background:url(../../images/client/sub/img_plus.png);
	width: 40px; height: 40px;
	position: absolute; right:-24%; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.achieve_score li:nth-child(3) {
	background: #eaefe1;
}
.achieve_score li:nth-child(3)::after {
	content:"";
	display: inline-block;
	background:url(../../images/client/sub/img_plus.png);
	width: 40px; height: 40px;
	position: absolute; right:-24%; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.achieve_score li:nth-child(4) {
	background: #f6f3ec;
}
.achieve_score li:nth-child(4)::after {
	content:"";
	display: inline-block;
	background:url(../../images/client/sub/img_plus.png);
	width: 40px; height: 40px;
	position: absolute; right:-24%; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.achieve_score li:last-child {
	background:#e6f3f3;
	margin-right: 0;
}
.achieve_score li a {
	display: block; height: 100%;
	padding: 25px 10px;
	border: 2px solid rgba(255,255,255,0);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	word-break: keep-all;
}
.achieve_score li strong {
	display: inline-block;
	color:#265097; font-size: 1.05rem; font-weight: 600;
}
.achieve_score li p {
	font-size: 1.9rem; color:#5c6066; font-weight: 600;
	position: absolute; left: 50%; bottom: 25px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
} */
.achi_plus {
	display: inline-block; text-align: center;
	padding-top: 35px; font-weight: 600;
	background-size:contain;
	background-repeat: no-repeat;
}
.achi_plus1 {
	display: inline-block;
	background-image:url(../../images/client/sub/img_cross.png);
	width: 441px; height: 31px;
	position: absolute; left: 6.4%; margin-top: -1px;
}
.achi_plus2 {
	display: inline-block;
	background-image:url(../../images/client/sub/img_cross_small.png);
	width: 141px; height: 31px;
	position: absolute; right:35.8%; margin-top: -1px;
}
.achi_plus3 {
	display: inline-block;
	background-image:url(../../images/client/sub/img_cross_small.png);
	width: 141px; height: 31px;
	position: absolute; right:18.4%; margin-top: -1px;
}

/*20240425 인증현황*/
/*.score_box{
	display: flex;
	text-align:center;
	background:#e7eaf0;
	border-radius:50px;
	justify-content: space-between;
	flex-direction: row
}
.score_box ul{display:contents}

.score_box li {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  color: #585D72;
  width: 25%;
}
.score_box li.on p{
	background:#265097;
	color:#fff;
	border-radius: 50px;
}
.score_box li p {
  display: block;
	padding: 15px 0;
}
.score_box li p span{display: block;} */
/* .backslash{
	background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #fff, transparent calc(50% + 1px));
  background-size: 120% 120%;
  background-position: center;
} */
/* .tbl .tbl_row table tbody th {
	border-top: 2px solid #19315d;
} */
.tbl .two_tb{
	width:50%;
	min-width:466px;
	margin: 0 auto;
}
/*마이페이지*/
.date_box {
	border-radius: 15px;
	border: 1px solid #DCDEE0;
	overflow: hidden;
}
.sh_box2 .gd_type{width: 20%;}
.search_br2 .select2-container .select2-choice > .select2-chosen{
	margin-left: 20px;
}


/*마이페이지 - 라디오버튼*/
.radio_row2 {
	display: inline-block; 
	margin: 7px 0;
	font-size: 1rem;
}
.radio_row2 label {
	padding: 0 0 0 26px;
	vertical-align: top; font-size: 16px; 
	color: #585D72; 
	background-repeat: no-repeat;
	background-position:left center;
	background-size: 20px;
	background-image: url(../../images/client/common/icon_radioblue2.png);
	cursor: pointer;
}
.radio_row2 input:nth-child(3){padding-right:0;}
.radio_row2 input:checked + label {
	background-image: url(../../images/client/common/icon_radioblue2_on.png);
}
.radio_row2 input:disabled + label {
	color: #ccced4;
	background-image: url(../../images/client/common/icon_radioblue2_no.png);
	pointer-events: none;
}

.search_day_wrap > div {
	display: inline-block;
}
.search_box.sh_box:has(.sh_type3) {
	padding: 20px 30px;
	border-radius: 15px;
}
.sh_type3 {
	display: flex;
	align-items: center;
	gap: 30px;
}

.sh_type3 .radio_wrap {
	position: relative;
	display: flex; 
	margin-left: 30px;
	gap: 10px;
}
.sh_type3 .radio_wrap::before {
	position: absolute; left: -30px; top: 3px;
	content: "";
	width: 1px; height: 35px; 
	border: 1px solid rgba(217,217,217, 0.7);
}
.sh_type3 .radio_wrap:first-child {
	margin-left: 0;
}
.sh_type3 .radio_wrap:first-child::before {
	display: none;
}

.sh_type3 .btn_blue2 {
	margin-left: auto;
}
.sh_type3 .search_day {
	height: 45px;
}
.sh_type3 .search_day .calendar_open {
	right: auto; left: 12px; top: 50%;
	background-image: url(../../images/client/sub/icon_calender2.png);
	transform: translateY(-50%);
}
.sh_type3 .search_day input.form_style {
	padding-left: 40px;
	width: 260px; height: 45px;
	font-size: 16px;
	border-radius: 10px;
	cursor: pointer;
}
.sh_type3 .search_day input.form_style:focus + .calendar_open {
	background-image: url(../../images/client/sub/icon_calender2_on.png);
}
.sh_type3 .search_day input.form_style:disabled {
	color: #ccced4;
	background-color: #edeff2;
	border-color: #edeff2;
	pointer-events: none;
}
.search_at {
	margin: 0 12px;
}
.sh_type3 .search_day_wrap:has(.search_day input.form_style:disabled) .search_at {
	color: #ccced4;
}

.sh_type3 .search_day input::placeholder {
	color: #ccced4 !important;
	opacity: 1; /*firefox*/
}
.sh_type3 .search_day input:-moz-input-placeholder {
	color: #ccced4 !important;
}
.sh_type3 .search_day input:-ms-placeholder {
	color: #ccced4 !important;
}
.sh_type3 .search_day input:-ms-input-placeholder {
	color: #ccced4 !important;
}
.sh_type3 .search_day input::-ms-placeholder {
	color: #ccced4 !important;
}



/* .search_day.search_day2{position: relative;}
.search_day.search_day2 .calendar_open2 {
	display: block;
	width: 20px; height: 22px;
	text-indent: -9999px;
	position: absolute; left: 10px; top: 13px;
	background: url(../../images/client/sub/icon_calender2.png) no-repeat;
} 
.search_day.search_day2 select:focus ~ a {
	background: url(../../images/client/sub/icon_calender2_on.png) no-repeat;
}
.search_day.search_day2 .calendar_open2:focus {
	background-image: url(../../images/client/sub/icon_calender2_on.png);
}
.gd_type2{width: 33%;}
.gd_type3{width: 100%;min-width: 260px;} 
.date_type .span_type{display: inline-block;}
.date_type .select2-container .select2-choice > .select2-chosen{padding-left:40px;}
.search_job2{padding: 20px; margin-bottom: 2%;}
.searchtoggle_right.btn_h{margin:5px 0;}

.btn_lg2 {
	margin-left: 6px;
	font-size: 16px; font-weight: 500;
} */

.btn_lg2 {
	margin-left: 6px;
	font-size: 16px; font-weight: 500;
} 


/*마이페이지 - Tab*/
.tbl tbody tr .sco_box{padding:0 87px;}
.tbl tbody tr .sco_box li{text-align: left;}
.tbl tbody tr .sco_box li span{display: inline-block;width:80px;}

.tbl tbody tr .sco_box ul{float: left;}
.tbl tbody tr .sco_box ul.sco_list{float:right;}


.backslash .bs1 { text-align: right; color:#fff;}
.backslash .bs2 { text-align: left; color:#fff;}
.tbl_row tbody tr th.backslash{background:#9EA4B2;background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #fff, transparent calc(50% + 1px));
  background-size: 120% 120%;
  background-position: center;}

/* 마이페이지 - 장학금 */
.capa_chart_box {
	position: relative;
	padding: 40px;
	background-color: rgba(255,255,255, 0.3);
	border: 1px solid #C0CADA;
	border-radius: 15px;
	box-shadow: 0 8px 30px rgba(0,0,0, 0.05);
	overflow: hidden;
} 
.capa_chart_header ul {
	margin-bottom: 10px;
	text-align: right;
}
.capa_chart_header ul li {
	display: inline-block;
	margin-left: 10px;
	font-size: 16px; font-weight: 500;
  line-height: 19px;
}
.capa_chart_header ul li span { 
	display: inline-block;
	margin: -4px 5px 0 0;
	width: 14px; height: 14px;
	vertical-align: middle;
	border-radius: 2px;
}
.capa_chart_header ul li span.label_navy {
	background-color: #294269;
}
.capa_chart_header ul li span.label_blue {
	background-color: #4765BE;
}
.capa_chart_header ul li span.label_blue2 {
	background-color: #014DA2;
}
.capa_chart_header ul li span.label_green {
	background-color: #167943;
}
.capa_chart_header ul li span.label_red {
	background-color: #C24A4B;
}

.scholar .capa_chart_header ul li span.scholar1 {
	background-color: #5FC1FF;
}
.scholar .capa_chart_header ul li span.scholar2 {
	background-color: #1291E1;
}
.scholar .capa_chart_header ul li span.scholar3 {
	background-color: #0157B8;
}
.scholar .capa_chart_header ul li span.scholar4 {
	background-color: hsl(217, 44%, 29%);
}
.scholar .capa_chart_header ul li span.scholar5 {
	background-color: #8EA6B6;
}
.scholar .capa_chart_header p {
	font-size: 16px; font-weight: 500;
}

.major.capa_chart_box {
	padding-bottom: 10px;
}
.major.capa_chart_box .capa_chart {
	margin: 0 7%;
}
.major .capa_chart_header ul li:nth-child(1)::before {
	background-color: #014DA2;
}
.major .capa_chart_header ul li:nth-child(2)::before {
	background-color: #294269;
}

.core.capa_chart_box {
	padding-bottom: 10px;
}
.core .capa_chart_header li {
	display: block;
}
.core .capa_chart_header ul li:nth-child(1)::before {
	background-color: #294269;
}
.core .capa_chart_header ul li:nth-child(2)::before {
	display: none;
}
.core.capa_chart_box .capa_chart {
  display: block;
	margin: 0 8%;
}
.core.capa_chart_box .capa_chart > div {
  display: flex;
	justify-content: center;
}
.core.capa_chart_box .capa_chart > div > div {
	flex: 1;
}
.employ1.capa_chart_box {
	margin-bottom: 40px;
}

.employ1.capa_chart_box {
  padding-right: 250px;
  min-height: 300px;
}
.employ1.capa_chart_box .capa_chart_header {
  position: absolute; right: 80px; bottom: 90px;
}
.employ1.capa_chart_box .capa_chart_header li {
  display: block;
  margin-left: 0; margin-bottom: 5px;
  text-align: left;
}
.employ1.capa_chart_box .capa_chart_header li:first-child {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D9D9D9;
}
.employ1.capa_chart_box .capa_chart .apexcharts-canvas {
  margin-top: -30px;
  margin-bottom: -30px;
}

.employ2.capa_chart_box {
  padding-bottom: 10px;
}
.employ2.capa_chart_box .capa_chart_header ul li:last-child {
  position: relative;
  margin-left: 15px;
  padding-left: 15px;
}

.employ2.capa_chart_box .capa_chart_header ul li:last-child::before {
  position: absolute; left: -1px; top: 50%;
  content: "";
  width: 1px; height: 15px;
  background-color: #D9D9D9;
  transform: translateY(-50%);
}

.employ2.capa_chart_box .capa_chart > div {
  display: flex;
  align-items: flex-end; justify-content: center; 
}
.employ2.capa_chart_box .capa_chart > div > div:nth-child(1) {
  flex: 1;
}
.employ2.capa_chart_box .capa_chart > div > div:nth-child(2) {
  flex: 1.5;
}
.employ2.capa_chart_box .capa_chart > div > div:nth-child(3) {
  flex: 1.3;
}

/* 공지사항, 자료실 리스트*/
.bbs_wrap {
	border-bottom: 1px solid #d7d7d7;
}
.bbs_wrap li {
	padding-right: 120px;
	position: relative;
	font-size: 0; line-height: 0;
	border-top: 1px solid #d7d7d7;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
}
.bbs_wrap li a{
	display: inline-block;
	width: 75%;
	font-size: 1rem; line-height: 1.5em;
	padding: 20px 0 20px 80px;
}
.bbs_wrap li a strong {
	display: inline-block;
	width: 50px; height: 50px;
	margin-top: -25px;
	position: absolute; top: 50%; left: 10px;
	text-align: center; line-height: 50px; font-size: 1rem;
		color:#7c7b7b;
}
.bbs_wrap li a strong.fix_list {
	text-indent: -9999px;
		background-repeat: no-repeat;
	background-position: center center;
		width: 50px; height: 50px;
	background-color: transparent;
	background-image: url(../../images/client/sub/icon_notice_fix.png);
}
.bbs_wrap li a dl {
	display: inline-block;
	width: 100%;
}
.bbs_wrap li a dl dt {
	display: inline-block; white-space: nowrap; text-overflow: ellipsis;
		overflow: hidden;
	width: 100%;
	font-size: 1.1rem; font-weight: 600; word-break: keep-all;
}
.bbs_wrap li a dl dd{
	overflow: hidden;
	margin-top: 10px; color:#7c7b7b;
	font-size: 1rem; white-space: nowrap; text-overflow: ellipsis;
}
.bbs_wrap .bbs_info{
	display: inline-block;
	width: 25%;
	padding: 0 10px;
	font-size: 1rem; line-height: 1.5rem; vertical-align: middle; text-align: center;
}
.bbs_wrap .bbs_info span {
	display: inline-block;
	padding: 0 10px;
		color:#7c7b7b;
}
.read_count {
	min-width: 95px;
}

.bbs_wrap .btn_addlike {
	margin-top: -15px;
	position: absolute; right: 10px; top:55%;
}

/* 공지사항 상세, 자료실 상세*/
.bbs_header {
	padding: 20px 20px 15px 20px;
	position: relative;
	font-size: 0; line-height: 0;
	border-top: 2px solid #294269;
}
.cnt_title, .title_info {
	font-size: 1rem; line-height: 1.5em;
		overflow: hidden; -ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
}
.cnt_title {
	margin-bottom: 1.5%; padding-right: 60px;
	font-size: 1.2rem; font-weight: 600; word-break: keep-all;
}
.title_info {
	text-align: left;
}
.title_info p {
	display: inline-block;
	margin-right: 20px;
	color:#7c7b7b;
}
.title_info p span {
	display: inline-block;
		font-weight: 600; color:#626262;
		width: 60px; 
	vertical-align: top;
}
.title_info p i {
	display: inline-block;
	vertical-align: top;
}
.bbs_header .btn_addlike {
	position: absolute; right: 20px; bottom:15px;
}
.answer_box {
	background: #e9edf4;
	padding: 30px;
}
.answer_box .cnt_title {
	position: relative;
}
.answer_box .cnt_title::before {
	content:"A";
	display: inline-block;
	margin-right: 5px;
	font-size: 1.6rem;
	vertical-align: top; line-height: 1em;
	color:#189380;
}
.answer_box .title_info {
	border-bottom: 1px solid #bfc8d6;
	padding-bottom: 20px;
}
.answer_content {
	white-space: normal;
	padding: 20px 0 0 0;
}
/* faq */
.admissioninfo_list div{
		position: relative;
}
.admissioninfo_list .col_2 {
	color: #0a6e5f;
}
.admissioninfo_list .col_3 p {
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
		font-weight: 600;
}
.admissioninfo_list .col_4, .admissioninfo_list .col_5, .admissioninfo_list .col_6 {
	color: #a0a0a0;
}
/* 테이블 형식의 리스트 */
.tbl_list {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.tbl_list li {
	display: table-row;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6 {
	display: table-cell;
	padding: 25px 5px;
	text-align: center;
	border-bottom: 1px solid #ced2d6;
}
.col_1 {
	width: 5%;
} 
.col_2 {
	width: 12%;
}
.col_3 {
	width: auto;
} 
.col_4 {
	width: 7%;
} 
.col_5 {
	width: 10%;
} 
.col_6 {
	width: 8%;
}
.tbl_list li:first-child .col_1, .tbl_list li:first-child .col_2, .tbl_list li:first-child .col_3, .tbl_list li:first-child .col_4, .tbl_list li:first-child .col_5, .tbl_list li:first-child .col_6 {
	border-top: 1px solid #ced2d6;
}
.attached {
	display: inline-block;
	margin-left: 5px;
	width: 20px; height: 20px;
	text-indent: -9999px; text-align: left;
	background: url(../../images/client/sub/icon_atteched.png) no-repeat center;
}

/* 문의 게시판 */
.password_box .password_border{
		margin-left: 20px;
		width: 50px; height: 20px;
		display: inline-block;
		border-left: 1px solid #000;
		border-bottom:1px solid #000
}

.password_box .pw_move{
		display: inline-block;
		transform: translateY(25%);
		-webkit-transform: translateY(25%);
		-moz-transform: translateY(25%);
		-o-transform: translateY(25%);
}
.password_box .pw_move input{
		height: 40px;
		margin-left: 5px;
		padding-left: 10px;
		border:1px solid #ced2d6;
}
.lock_img{
		display: inline-block;
		text-indent: -9999px;
		width: 20px; height: 20px;
		background: url(../../images/client/sub/icon_lock.png)no-repeat
				center -2px;
}
.lock_imgx{
		display: inline-block;
		text-indent: -9999px;
		width: 20px; height: 20px;
}
.com_comment{
		color:#c2c2c2;
		display: inline-block;
	vertical-align: top;
}
.pw_size{
		font-size: 1.5rem;
		display: inline;
}
.pw_btn{
		margin-top: 20px;
		display: inline-block;
}
.pw_btn button{
		height: 40px;
}
/* 현장실습 */
.field_intro {
	height: 180px;
	position: relative;
	background-color: #e3eeff;
	background-image: url(../../images/client/sub/img_fieldintro.png);
	background-repeat: no-repeat;
	background-position: right 50px center;
}
.field_intro p {
	line-height: 30px; font-size: 1.07rem;
	padding: 0 500px 0 40px;
	word-break: keep-all;
	position: absolute; top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transfor-moz-m:translateY(-50%);
	-o-transform:translateY(-50%);
}
.field_intro p span {
	vertical-align:0px;
	font-size: 1.42rem;
}
.field_box p{
	display: inline-block; width: 190px; height: 35px;
	border: 1px solid #c2cad2;
	text-align: left;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
}
.field_box p strong {
	display: inline-block;
	width: auto;
	height: 30px;
	line-height:30px;
	border-bottom: 2px solid #a7acce;
	color:#193296;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor:default;
}

/* 개인정보동의 */
.privacy_wrapper {
	padding: 60px 0; 
	min-height: 100%;
	background: #f2f2f2;
}
.privacy_wrap {
	margin: 0 auto;
	width: 1000px; 
}
.privacy_wrap .logo {
	margin: 0 auto 20px;
	width: 200px;
}
.privacy_wrap .logo img {
	width: 100%;
}
.privacy_wrap .section_tit span {
	display: block;
	font-size: 1rem;
}
.privacy_wrap .section_tit + p {
	margin-bottom: 10px;
	color: #666; font-size: 1rem; 
}
/*.privacy_wrap > p span {
	display: block;
	font-weight: 500;
}*/
.privacy_wrap .right_text {
	text-align: right;
	margin-bottom: 5px;
}
.privacy_box {
	position: relative;
	padding: 15px 20px;
	height: 550px;
	font-size: 1.06rem; 
	background: #fff;
	border: 1px solid #c2cad2;
	overflow-y: auto;
}
.privacy_box > section {
	margin-bottom: 20px;
}
.privacy_box h3, .privacy_box h4 {
	padding-top: 10px;
	font-size: 1.2rem; font-weight: 500;
	text-align: center;
}
.privacy_box h3 + h4 {
	padding-top: 0;
}
.privacy_box h5 {
	margin-bottom: 5px;
	font-size: 1.3rem; font-weight: 500; 
}
.privacy_box .list_no li {
	line-height: 1.6em;
	padding-left: 25px;
	margin-bottom: 5px;
}
.privacy_box .list_no li span {
	display: inline-block;
	margin-right: 10px;
	margin-left: -25px;
	width: 15px;
	vertical-align: top;
}
.text_law {
	font-weight: 600;
}
.text_law span {
	color: #193296; font-weight: 500;
}
.privacy_box .qrimg_box {
	float: right;
	margin: 0;
	width: 100px;
}
.privacy_box .qrimg_box img {
	width: 100%;
}
.privacy_wrap .btn_area {
	margin-top: 15px;
}
.privacy_wrap .agree_box {
	background: #fff;
	border:1px solid #265097;
}
.privacy_box .list_no2 li{
	padding-left: 10px;
	margin-bottom: 5px;
}
.privacy_box .list_no2 li:last-child {
	margin-bottom: 0;
}
.privacy_box .list_no2 li span {
	margin-left: -10px; margin-right: 6px;
}
.main_perform_titlewrap {
		position: absolute;
		left:calc((100% - 1284px)/2 );
		display: inline-block;
}
.performance_box{
	padding-left: calc((100% - 1284px) / 2 + 410px);
	/* height: 320px; */
}
/*202404 소단위 전공과정 추가*/
.program_lisbox2{
	padding-bottom: 1em;
		position: relative;
		background-color: #fff;
		border-bottom: none;
		-webkit-border-radius: 25px 25px 25px 25px;
		-moz-border-radius: 25px 25px 25px 25px;
		border-radius: 25px 25px 25px 25px;
		overflow: hidden;
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
}
.program_lisbox2:hover {
		border: 1px solid #1C77FF;
		background: #fff;
		font-size: 18px;
		background:#fff url(../../images/client/common/bg_logo.png) no-repeat center 50px;
    z-index: 1;
}
.main_performance {
	position: relative;
	margin: 0 auto;
	width: 96%;
}
.main_perform_titlewrap {
	left: 0;
}
.main_performance strong{
	font-size:1.5rem;
	color:#333;
	font-family: 'Pretendard';
}
.main_performance.listno strong{
	color:#898D9C;
}

.main_performance li{
	color:#222;
	font-size:14px;
	background:url(../../images/client/common/icon_dot.png) no-repeat 0 9px;
	line-height:24px;
	font-family: 'Pretendard';
}
.main_performance li span{
	color:#265097;
	font-size:14px;
	padding-left:8px;
	font-family: 'Pretendard';
	background:url(../../images/client/common/icon_bar.png) no-repeat 84px 6px;
	float: left;
	width: 100px;
	line-height:24px;
}
.main_performance .disabled li span {color:#CCCED4;}
.main_performance .procedure{margin-top: 20px;}
.active_box2 span{
	margin-left: 0;
	margin-right: 2px;
	background-image: none;
	width: 60px;
	border-radius: 24px;
	height: 24px;
	line-height: 24px;
	padding: 3px 12px;
}
.sh_type {
	display:flex;
	flex-wrap:wrap; gap: 10px;
	justify-content: space-between; 
}
.sh_type select{
	width: calc(33.33% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}
.sh_type select:last-child{
	margin-right: 0;
}
.sh_type .gd_type{
	margin-bottom: 15px;
	flex: 1;
}
.sh_type .gd_type .sel_search_row {
	margin: 0;
	width: 100%;
}

.sh_type2 {
	display: flex;
	justify-content: space-between;
}
.sh_type2 .gd_type{
	position: relative;
	margin: 0;
	width: 66.4%;
}
.sh_type2 .gd_type .form_style.search_text { 
	padding: 13px 10px 13px 320px;
	height: 45px; width: 100%;
	color: #585D72; font-size: 16px;
	border: 1px solid #DCDEE0;
	border-radius: 10px;
}
.sh_type2 .gd_type .search_label {
	left: 18px; top: 50%;
	width: auto; height: 45px; 
	color: #585D72; font-size: 16px; line-height: 45px; font-weight: 500;
	transform: translateY(-50%);
}
.sh_type2 .gd_type .search_label::after {
	right: -8px;
}

.performance_box {
	padding-left: calc((100% - 1301px) / 2 + 410px);
	/* height: 320px; */
}
.subprogram_swiper {
	position: relative;
	padding: 40px 40px;
	background: #F3F4F9;
	border-radius: 25px;
}
.program_lisbox2 {
	padding-bottom: 1em;
	position: relative;
	background-color: #fff;
	border-bottom: none;
	-webkit-border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	overflow: hidden;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s; 
	height: 280px;
}

.program_lisbox2 dt {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 40px;
	padding: 15px 40px 0 15px;
	margin-bottom: 0.5em;
	font-size: 1.1rem;
	font-family: 'Pretendard';
	text-overflow: ellipsis;
	word-break: keep-all;
	overflow: hidden;
	white-space: nowrap;
	color: #333;
	font-weight: 600;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.program_lisbox2:hover dt{color:#1C77FF;}
.program_lisbox2 dd {
	padding: 5px 10px 5px 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #222;
	font-size: 14px;
	font-family: 'Pretendard';
}
.program_lisbox2 dd span {
	display: block;
	color: #898D9C;
	font-size: 16px;
	font-family: 'Pretendard';
}
.custom_type {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.main_performance .disabled li span{
	color: #CCCED4;
}
.program_lisbox2.disabled dt{
	color: #CCCED4;
}
.search_br .select2-container .select2-choice{border-radius: 10px;}
.program_lisbox2 dd.dotline {
	border-bottom: 1px dashed #898D9C;
	margin: 0 10px;
	opacity: 0.7;
}
.program_lisbox2 .font_20{text-align: center;}

.search_job2 .search_br {
	width: 260px;
}
.search_job2 .search_br_wrap {
	display: flex; 
	align-items: center;
} 
.search_job2 .search_br .select2-container-disabled .select2-choice { 
	color: #ccced4;
	background-color: #edeff2;
	border-color: #edeff2;
	pointer-events: none; 
} 
.search_box.sh_box {
  margin-bottom: 70px;
}


/* 소단위 전공과정 신청 */
.subunit_wrapper {
  margin-bottom: 200px;
}
.subunit_wrapper * {
  font-family: "Pretendard", sans-serif;
}
.subunit_section { 
  position: relative;
  padding-left: 300px;
	margin-bottom: 40px; 
}
.subunit_section.disabled {
  opacity: 0.7;
  filter: grayscale(1);
}
.subunit_section.disabled .btn_circle {
  color: #fff;
  background-color: rgba(34,34,34, 0.2);
  border: none;
}
.subunit_main {
  position: absolute; left: 0; top: 0;  
	display: inline-block;
	padding-top: 50px;
	width: 244px; 
} 
.subunit_header {
  position: relative;
  margin-bottom: 20px;
}
.subunit_header:has(.btn_addlike) { 
  padding-right: 25px;
}
.subunit_header .label {
  display: inline-block;
  margin-right: 2px;
  padding: 0 12px;
  line-height: 24px; font-size: 1rem; font-weight: 500;
  border-radius: 24px;
}
.subunit_header .label.type1 {
  color: #fff;
  background-color: #265097;
}
.subunit_header .label.type2 {
  color: #1C77FF;
  background-color: #92D1FF;
}
.subunit_header .btn_addlike {
  position: absolute; right: 0; top: 50%; 
  width: 21px; height: 21px;
  background-image: url(../../images/client/sub/icon_addlike_subunit.png);
  transform: translateY(-50%);
}
.subunit_header .btn_addlike.on {
  background-image: url(../../images/client/sub/icon_addlike_subunit_on.png);
}

.subunit_main .title {
  margin-bottom: 20px;
  font-size: 1.71rem; font-weight: 600; line-height: 26px;
}
.subunit_main ul {
  margin-bottom: 30px;
}
.subunit_main li {
  display: flex;
  margin-bottom: 10px;
  padding-left: 15px;
  font-weight: 550; line-height: 20px;
  background: url(../../images/client/common/icon_dot.png) no-repeat 0 9px;
}
.subunit_main li:last-child {
  margin-bottom: 0;
}
.subunit_main li > strong {
  position: relative;
  display: block;
  margin-right: 14px;
  min-width: 80px;
  flex-shrink: 0; color: #265097; font-weight: 550; line-height: 20px;
}
.subunit_main li > strong::after {
  position: absolute; right: 0; top: 4px;
  content: "";
  width: 1px; height: 12px;
  background-color: #265097;
}

.subunit_footer {
  display: flex;
  min-height: 78px;
  justify-content: space-between;
  flex-direction: column; 
}
.subunit_footer .btn_circle {
  margin-top: auto;
  width: 100%;
  font-size: 1.43rem; 
  line-height: 38px; font-weight: 600; color: #1C77FF;
  background-color: #fff;
  border: 1px solid #1C77FF;
  transition : 0.2s;
}
.subunit_footer .btn_circle:hover {
  color: #fff;
  background-color: #1C77FF;
}
.subunit_swiper_wrap {
	width: 100%; 
} 
.subunit_swiper {  
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 40px 42px;
	background-color: #F3F4F9;
	border-radius: 25px;
}
.subunit_swiper .subject_box {
	padding: 24px;
  min-height: 322px;
	background-color: #fff;
  background-position: center 90px;
  background-repeat: no-repeat;
  border: 1px solid #fff;
	border-radius: 25px;
  transition : 0.2s;
} 

.subunit_swiper .subject_box dt {
  display: -webkit-box;  
  margin-bottom: 18px;
  height: 40px;
  line-height: 20px;
  font-size: 1.29rem; font-weight: 550; word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  transition : 0.2s;
}
.subunit_swiper .subject_box dd {
  margin-bottom: 18px;
  font-size: 1.14rem; font-weight: 500; line-height: 1.29rem;
  text-overflow: ellipsis;
  white-space: nowrap; 
  overflow: hidden; 
  transition : 0.2s;
}
.subunit_swiper .subject_box dd:last-child {
  margin-bottom: 0;
}
.subunit_swiper .subject_box dd span {
  display: block;
  margin-bottom: 8px;
  font-size: 1rem; font-weight: 500; color: #898D9C; line-height: 1rem;
}

.subunit_swiper .subject_box:hover {
  border-color: #1C77FF;
  background-image: url(../../images/client/common/bg_logo.png);
} 
.subunit_swiper .subject_box:hover dt {
  font-weight: 600;
  color: #1C77FF; 
}
.subunit_swiper .subject_box:hover dd {
  font-weight: 550;
}
.subunit_swiper .subject_box:hover dd span {
  font-weight: 500;
}

.subunit_swiper .subunit_control { 
	position: absolute; 
  z-index: 5;
	width: 42px; height: 42px;
	font-size: 0;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid rgba(237,239,242, 0.8);
  background-repeat: no-repeat;
  background-position: center;
}
.subunit_swiper .subunit_control.prev,
.subunit_swiper .subunit_control.next {
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 4px 4px #E4E6EA;
  cursor: default;
}
.subunit_swiper .subunit_control.prev {
	left: 18px;
  background-image: url(../../images/client/sub/icon_swiper_ar_l_off.png);
}
.subunit_swiper .subunit_control.next {
	right: 18px;
  background-image: url(../../images/client/sub/icon_swiper_ar_r_off.png);
}
.subunit_swiper .subunit_control.prev[aria-disabled="false"] {  
  background-image: url(../../images/client/sub/icon_swiper_ar_l.png);
  cursor: pointer;
}
.subunit_swiper .subunit_control.next[aria-disabled="false"] {  
  background-image: url(../../images/client/sub/icon_swiper_ar_r.png);
  cursor: pointer;
}

.subject_status {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px dashed rgba(137,141,156, 0.7);
}
.subject_status > p {
  font-weight: 600; text-align: center; font-size: 1.29rem;
}
.subject_status > .required {
  color: #898D9C;
}
.subject_status > .pass {
  color: #265097;
}
.subject_status > .fail {
  color: #FF8991;
}
.subject_status > .course {
  color: #1C77FF;
} 
.procedure_icon {
  margin-bottom: 16px;
}
.procedure_icon span { 
  display: inline-block;
  padding-right: 26px;
	font-size: 1.43rem; font-weight: 600;
	font-family: 'Pretendard';
  background-repeat: no-repeat;
  background-position: right center;
}
.procedure_icon span.ic1 {
	background-image: url(../../images/client/common/icon_judge01.png); 
}
.procedure_icon span.ic2 {
	background-image: url(../../images/client/common/icon_judge02.png); 
}
.procedure_icon span.ic3 {
	background-image: url(../../images/client/common/icon_judge03.png); 
}
.procedure_icon span.ic4 {
	background-image: url(../../images/client/common/icon_judge04.png); 
}

.subunit_history .subunit_swiper .subject_box {
  padding: 20px 25px;
  background-image: none;
}

/*select box 추가*/
.search_br .select2-container .select2-choice{
	height:45px;
}
.search_br .select2-container .select2-choice > .select2-chosen{
	line-height: 45px;
	font-weight:500; font-size: 16px;
}
.search_br .select2-container .select2-choice{
	padding: 0 27px 0  0.5em;
	color: #585D72;
	border: 1px solid #d7d7d7;
	background: #fff url(../../images/client/sub/bg_select_gray2.png) right 10px center no-repeat;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.search_br .select_lg .select2-container .select2-choice {
	background: #fff url(../../images/client/sub/bg_select_gray2.png)right 10px center no-repeat;
}
.search_br .select2-container .select2-choice{
	border-radius: 10px
}  

/*202404 인증현황*/
.score_box {
	background: #e7eaf0;
	border-radius: 50px;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	padding: 0;
  margin: 0;
  list-style-type: none;
}

.score_box li.on p{
	background:#265097;
	color:#fff;
	border-radius: 50px;
}
.score_box li p{
	margin: 0;
	padding: 15px 0;
}
.score_box li p span{
	display:block;
}
.date_type .span_type {
	display: inline;
	margin: 0 15px;
}



/* 부전공 이수 현황 */
.minor_wrapper {
	margin: 50px auto 70px;
	padding: 50px 75px;
	width: 1170px;
	font-family: Pretendard, sans-serif;
	border-radius: 30px;
	border: 1px solid #D6DBE2;
	box-shadow: 0 8px 30px rgba(0,0,0, 0.05);
}
.minor_wrapper * {
	font-family: Pretendard, sans-serif;
}
.minor_header {
	position: relative;
	margin-bottom: 40px;
}
.subject_name {
	font-size: 2rem; font-weight: 650; line-height: 32px;
}
.subject_name::before {
	content: "";
	display: inline-block;
	margin-right: 20px;
	width: 60px; height: 60px;
	vertical-align: bottom;
	background: url(../../images/client/sub/icon_subject.png) no-repeat;
  background-size: contain;
}

.status_label {
	position: absolute; right: 0; top: 0;
	display: inline-block;
	padding-right: 28px;
	font-weight: 600; font-size: 1.57rem; line-height: 22px;
	background-repeat: no-repeat;
	background-position: right center;
} 
.status_label.progress {
	background-image: url(../../images/client/sub/icon_subject_progress.png);
}
.status_label.pass {
	background-image: url(../../images/client/sub/icon_subject_pass.png);
}
.status_label.fail {
	background-image: url(../../images/client/sub/icon_subject_fail.png);
}

.sub_title {
	margin-bottom: 40px;
	color: #898D9C; font-weight: 550; line-height: 20px; font-size: 1.29rem;
}
.sub_title span {
	display: inline-block;
	padding-left: 18px;
	color: #1C77FF; font-weight: inherit; line-height: inherit; vertical-align: 0;
	background: url(../../images/client/sub/icon_arrow_progress.png) no-repeat 2px center;
}

.progress_bar {
	position: relative;
	margin-bottom: 20px;
	padding: 3px 4px;
	width: 100%; height: 18px;
	border: 1px solid #1C77FF;
	border-radius: 9px;
}
.progress_mark { 
	position: absolute; left: 0; top: 0;
	display: flex;
	z-index: 1;
	width: 100%; height: 100%;
	justify-content: space-between;
}
.progress_mark > span {
	display: inline-block; 
	width: 2px; height: 16px;
	background: url(../../images/client/sub/bg_progressbar.png) no-repeat; 
}
.progress_mark > span:first-child, .progress_mark > span:last-child {
  background: none;
}
.progress_bar .progress {
	position: relative;
	height: 100%;
	background: rgb(94,197,255);
	background: linear-gradient(90deg, rgba(94,197,255,0.8) 0%, rgba(28,119,255,0.8) 100%);
	border-radius: 5px;
}
.progress_bar .progress.level1 {
	width: 16%;
}
.progress_bar .progress.level2 {
	width: 33%;
}
.progress_bar .progress.level3 {
	width: 49.8%;
}
.progress_bar .progress.level4 {
	width: 66.6%;
}
.progress_bar .progress.level5 {
	width: 83.5%;
}
.progress_bar .progress.level6 {
	width: 100%;
}

.progress_pointer {
	position: absolute; right: -28px; top: -37px;
	display: inline-block;
	padding: 2px 0;
	height: 36px;  
	text-align: center; 
}
.progress_pointer span {
	position: relative;
	z-index: 2;
	display: inline-block;
	font-size: 12px; font-weight: 600; vertical-align: top;
}
.progress_pointer.running {
	width: 62px;
	background: url(../../images/client/sub/bg_pointer_blue.png);
}
.progress_pointer.complete {
	right: -35px;
	width: 74px; 
	background: url(../../images/client/sub/bg_pointer_blue_lg.png);
}
.progress_pointer.tryagain {
	right: 0;
	width: 75px;
	color: #FF4444;
	background: url(../../images/client/sub/bg_pointer_gray.png);
}
.progress_bar .progress:has(.progress_pointer.tryagain) {
	position: static;
}

.progress_bar .progress.level6 .progress_pointer {
	right: -6px; 
}

.minor_wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 35px;
}
.minor_subject_box {
	position: relative;
	padding: 40px 40px 40px 50px;
	min-height: 298px;
	border: 1px solid #D6DBE2;
	border-radius: 15px;
  box-shadow: 0 8px 30px rgba(0,0,0, 0.05);
}
.minor_subject_box::before {
	position: absolute; left: -15px; top: 76px;
	content: "";
	width: 49px; height: calc( 100% - 152px) ;
	background: url(../../images/client/sub/bg_subject_note.png) no-repeat;
}

.subject_item {
	position: relative;
	margin-bottom: -30px;
	padding: 20px 90px 50px 30px;
	color: #265097;
	background-color: #F9F9FB;
	border-radius: 15px;
}
.subject_item:last-child {
	margin-bottom: 0;
}
.subject_item.bg_box1 {
	background-color: #F9F9FB;
}
.subject_item.bg_box2 {
	background-color: #DEF3FF;
}
.subject_item.bg_box3 {
	background-color: #C5EAFF;
}
.subject_item.bg_box4 {
	background-color: #96CEEE;
}
.subject_item.bg_point1 {
	background-color: #FFFBD7;
}
.subject_item.bg_point2 {
	background-color: #E3E9FF;
}
.subject_item > p {
	margin-top: 5px;
	font-size: 1.43rem; font-weight: 650; line-height: 1.8rem;
	word-break: break-all;
}
.subject_label {
	position: absolute; right: 20px; top: 20px;
	display: flex;
	width: 70px; height: 30px;
	align-items: center; justify-content: center;
	font-size: 1.14rem; font-weight: 600;
	border-radius: 5px;
}
.subject_label.pass {
	color: #1C77FF;
	background-color: #BCE7FF;
}
.subject_label.fail {
	color: #FF4444;
	background-color: #FFDCDE;
}
.subject_label.need {
	color: #1C77FF;
	background-color: #fff;
	border: 1px solid #1C77FF;
}

.sub_major_cnt.fail .progress_bar {
	border-color: #D6DBE2;
}
.sub_major_cnt.fail .progress_bar .progress {
	background: linear-gradient(90deg, rgba(252,201,205, 0.8) 0%, rgba(255,90,101, 0.8) 100%);
}
.sub_major_cnt.fail .sub_title span {
	color: #FF4444;
}
.searchtoggle_right.search_br{margin:0 7px;}
/* .select2-results li{border-bottom:1px solid #DCDEE0 !important;} */

/* 25.11 스타터 연동 추가 */
.searchtoggle_left:has( .btn_tooltip) {
	display: flex;
	align-items: center;
}
.btn_tooltip {
	position: relative;
	margin-left: 8px;
	/* width: 20px; height: 20px; */
}
.btn_tooltip > .open_click {
	position: relative;
	/* margin-top: 5px; */
	text-indent: -9999px;
	width: 20px; height: 20px; 
	background: url(../../images/client/sub/btn_tooltip.png) no-repeat;
}
.btn_tooltip > .open_click:hover {
	background-image: url(../../images/client/sub/btn_tooltip_on.png);
}
.btn_tooltip > .layer_open {
  display: none;
	position: absolute; z-index: 2; left: 0; top: 29px;
  padding: 8px;
	width: max-content;
	min-width: 200px;
	/* max-width: 500px; */
	font-size: 13px; line-height: 19px;
  background: #fff;
  border: 1px solid #404759;
	border-radius: 8px;
}
.btn_tooltip > .layer_open.on {
  display: block;
}

.icon_arrow_up,
.icon_arrow_down {
	display: inline-block;
	/* margin-left: 4px; */
	margin-bottom: 2px;
	width: 16px;
  height: 16px;
  line-height: 0;
}
.icon_arrow_up::before {
  content: "↑";
  display: inline-block;
  width: 16px;
  height: 16px;
	text-align: center;
  line-height: 16px;
}
.icon_arrow_down::before {
  content: "↓";
  display: inline-block;
  width: 16px;
  height: 16px;
	text-align: center;
  line-height: 16px;
}
.subjobinfo_wrap .jobinfo_box .jobinfo_right dt a > span {
	display: inline-block;
	margin-left: 4px;
	color: #7c7b7b; font-size: 14px; line-height: 19px; vertical-align: 0;
}


/*------------------------------------------------------------------*/
@media screen and (max-width:1279px) {	
	.date_type .span_type {
    display: inline;
	}
	/*202404 인증현황*/

.score_box li.on p{
	background:#265097;
	color:#fff;
	border-radius: 50px;
}
.score_box li p{
	margin: 0;
	padding: 15px 0;
}
.score_box li p span{
	display:block;
}
	/*202404 소단위전공과정 추가*/
	.search_br .select2-container .select2-choice{border-radius: 10px;}
	.program_lisbox2:hover {
		border: 1px solid #1C77FF;
		background: #fff;
		font-size: 18px;
		background:#fff url(../../images/client/common/bg_logo.png) no-repeat center 50px;
    z-index: 1;
	}
	.program_lisbox2::before {
    content: ""; /* 가상 요소 생성 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px; /* 이미지의 높이에 맞게 조절해야 합니다. */
    background-color: transparent; /* 투명 배경색 설정 */
}
	.main_performance .disabled li span{
		color: #CCCED4;
	}
	.program_lisbox2.disabled dt{
		color: #CCCED4;
	}
	.program_lisbox2 dd.dotline{
		border-bottom: 1px dashed #898D9C;
		margin:0 10px;
		opacity:0.7;
	}
	.program_lisbox2 .font_20 {
    text-align: center;
	}

	/* 메인화면 1279 */
	.mainpage_visual .grid_content {
		height: 600px;
		background-size: 500px auto;
	} 
	.mainpage_visual h2 {
		bottom: 120px;
		padding-top: 145px;
		width: 390px;
		font-size: 2.3rem;
	}

	.maincounsel_list li a strong {
		width: 110px; height: 110px;
	}
	.maincounsel_list li:nth-child(1) a strong::after {
		width: 110px; height: 95px;
	}
	.maincounsel_list li:nth-child(2) a strong::after {
		width: 84px; height: 110px;
	}
	.maincounsel_list li:nth-child(3) a strong::after {
		width: 100px; height: 101px;
	}
	.maincounsel_list li:nth-child(4) a strong::after {
		width: 88px; height: 92px;
	}

	.maintest_list li {
		margin-right: 15px; 
	}
	.maintest_list li a {
		padding: 90px 2px 20px; 
		text-align: center;
		word-break: keep-all;
	}
	.maintest_list li:nth-child(1)::after {
		width: 96px; height: 115px;
	}
	.maintest_list li:nth-child(2)::after {
		width: 96px; height: 97px;
	}
	.maintest_list li:nth-child(3)::after {
		width: 96px; height: 108px;
	}
	.maintest_list li:nth-child(4)::after {
		width: 87px; height: 115px;
	}
	.maintest_list li:nth-child(5)::after {
		width: 96px; height: 112px;
	}

	
	/* 소개 */
	.inside_tit p, .outside_tit p{
		width: 300px;
	}
	.cnt_left{
		margin-left: 80px;
	}
	.intro_txt_edit1, .intro_txt_edit2 {
		width: 56%;
	}
	.intro_txt_edit2 .font_grey {
		width: 95%;
	}
	.intro_box4 span {
		font-size: 1.1rem;
	}
	.online_popbox>div.gray {
		width: 25%;
	}
	/* 진단센터 - 핵심역량진단 */
	.test_guide ol {
		background-size: 80%;
	}
	
	/* 비교과 프로그램 */
	.program_infolist dd {
		padding: 5px 8px;
	}
	/* 전문상담 1279 */
	.counsel_name .choicebox {
		width: 100%;
	}
		/* 진로설계 1279 */
	.rolemodel_wrap {
		height: auto;
		padding: 235px 35px 35px 35px;
	}
	.rolemodel_who {
		width: auto;
		top: 35px; left: 50%;
		transform:translate(-50%, 0);
		-webkit-transform:translate(-50%,0);
		-moz-transform:translate(-50%,0);
		-o-transform:translate(-50%,0);
	}
	.rolemodel_who strong {
		display: block;
		text-align: center;
	}
	.rolemodel_wrap div:nth-child(2) {
		width: 830px;
		margin-left: auto; margin-right: auto;
	}
	/* 마이페이지 - 인증현황 1279 */
	.achieve_box {
		height: auto;
	}
	.achieve_score li {
		width: 15.7%;
		margin-right: 5%;
	}
	.achieve_score li:nth-child(5) {
		margin-right: 0;
	}
	.achieve_score li:last-child {
		width: 350px;
		margin-right: 0;
		position: relative; left: 50%;
		transform:translateX(-50%);
		margin-top: 120px;
	}
	.achieve_score li:last-child::after {
		width: 40px; height: 22px;
		background: url(../../images/client/sub/img_equal.png);
		transform: translate(-50%, 0) rotate(90deg);
		-webkit-transform: translate(-50%, 0) rotate(90deg);
		-moz-transform: translate(-50%, 0) rotate(90deg);
		-o-transform: translate(-50%, 0) rotate(90deg);
		right: inherit; left: 50%; top:inherit;
		top: -40px;
	}

	.achi_plus1 {
		top: 140px; left: 7.85%;
		background-size: 100% 31px;
		width: 43%;
	}
	.achi_plus2 {
		right: inherit;
		top: 140px; left: 63.7%;
		background-size: 100% 31px;
		width: 14%;
	}
	.achi_plus3 {
		right: inherit;
		top: 140px; left: 84.7%;
		background-size: 100% 31px;
		width: 14%;
	}

	/* 마이페이지 - 장학금 1279 */
  .core.capa_chart_box .capa_chart {
    margin: 0 auto;
  }
  .employ2.capa_chart_box .capa_chart {
    overflow: hidden;
    overflow-x: auto;
  }
  .employ2.capa_chart_box .capa_chart > div {
    width: 1280px;
  }

	/*202404 전공역량현황 추가*/
	.view_detail{
		position: absolute;
		top:10px;
		right: 0;
	}
	.view_detail a{
		text-decoration:underline;
		font-weight: 500;
	}
	.sec_stit{
		font-size: 14px;
		font-weight: 400;
		line-height: 18.2px;
		color: #000;
	}
	.main_performance {
			position: relative;
			margin: 0 auto;
			width: 96%;
	}
	/*202404 소단위전공과정 추가*/
	.subprogram_swiper {
		position: relative;
		padding: 40px 40px;
		background:#F3F4F9;
		border-radius: 25px;
	}
	.program_lisbox2 dt{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 40px;
		padding: 15px 40px 0 15px;
		margin-bottom: 0.5em;
		font-size: 18px;
		font-family: 'Pretendard';
		text-overflow: ellipsis;
		word-break: keep-all;
		overflow: hidden;
		white-space: nowrap;
		color: #333;
		font-weight: 600;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
	}
	.program_lisbox2:hover dt{color:#1C77FF;}
	.program_lisbox2 dd{
		padding: 5px 10px 5px 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #222;
		font-size:14px;
		font-family: 'Pretendard';
	}
	.program_lisbox2 dd span{
		display:block;
		color:#898D9C;
		font-size:16px;
		font-family: 'Pretendard';
	}
	.main_perform_titlewrap{left: 0;}
		
  /* 부전공 이수 현황 1279 */
  .minor_wrapper {
    width: auto;
  } 

	.sh_type3:has(.double) {
		flex-wrap: wrap;
		gap: 12px 30px; 
	}  
}
@media screen and (max-width:1079px) {
	.date_type .span_type {
    display: inline;
	}
	/*202404 인증현황*/

.score_box li p{
	margin: 0;
	padding: 15px 0;
}
	.inside_tit p, .outside_tit p{
		width: 300px;
	}
	.cnt_left{
		margin-left: 40px;
	}
	.subcontent_wrap .section_bg {
		background-size: 350px auto;
	}
	.intro_box .intro_box_tit {
		background-size: 60px; background-position: 14% 50%;
	}
	.intro_box4 {
		height: 170px;
	}
	.intro_box4 .intro_box_tit4 {
		line-height: 170px;
	}
	.intro_box4 ul {
		padding-right: 0;
	}
	.intro_box4 span {
		font-size: 1rem;
	}
	.intro_core .center_img2{
		width: 90%;
	}
		.intro_core .magne_glass{
				display: block;
				width: 15px; top: 15px; right: 15px;
		}
	.to_next_line {display: block;}
	
	/* 비교과 프로그램 */
	.previewimg_box a {
		height: 200px;
	}
	
	/* 공지사항 */
	.bbs_wrap li {
		padding-right: 130px;
	}
	
	
		/* Q & A */
		.password_box .password_border{
				width: 30px; height: 20px;
		}
		.certigraph_top{
				background-position: left 10% center;
		}
		/*202404 전공역량현황 추가*/
	.view_detail{
		position: absolute;
		top:10px;
		right: 0;
	}
	.view_detail a{
		text-decoration:underline;
		font-weight: 500;
	}
	.sec_stit{
		font-size: 14px;
		font-weight: 400;
		line-height: 18.2px;
		color: #000;
	}
	/*202404 소단위전공과정 추가*/
	.subprogram_swiper {
		position: relative;
		padding: 40px 40px;
		background:#F3F4F9;
		border-radius: 25px;
	}
	.program_lisbox2 dt{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 40px;
		padding: 15px 40px 0 15px;
		margin-bottom: 0.5em;
		font-size: 1.1rem;
		font-family: 'Pretendard';
		text-overflow: ellipsis;
		word-break: keep-all;
		overflow: hidden;
		white-space: nowrap;
		color: #333;
		font-weight: 600;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
		}
		.program_lisbox2:hover dt{
			color:#1C77FF;
		}
		.program_lisbox2 dd{
		padding: 5px 10px 5px 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #222;
		font-size:0.9rem;
			font-family: 'Pretendard';
		}
		.program_lisbox2 dd span{
			display:block;
			color:#898D9C;
			font-size:0.9rem;
			font-family: 'Pretendard';
		}
		.search_br .select2-container .select2-choice{
			border-radius: 10px
		}
}
/*================================ hover(pc) ================================ */
@media screen and (min-width:1025px) {
	/* ------------- 메인 hover --------------- */
	.main_more:hover {
		background-image: url(../../images/client/main/icon_main_more_on.png);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.mainprogram_wrap .show_tab3 li:hover a {
		color: #027dcb;
		background-color: #f5f5f5;
	}
	.mainprogram_wrap .show_tab3 li:hover a.on {
		color: #fff;
		background-color: #027dcb;
	}

	.mainplan_list li:hover a {
		color: #fff;
		background-color: #294269;
	}
	.mainplan_list li:nth-child(1):hover a {
		background-image: url(../../images/client/main/icon_plan1_on.png);
	}
	.mainplan_list li:nth-child(2):hover a {
		background-image: url(../../images/client/main/icon_plan2_on.png);
	}
	.mainplan_list li:nth-child(3):hover a {
		background-image: url(../../images/client/main/icon_plan3_on.png);
	}
	.mainplan_list li:hover a::after {
		background-image: url(../../images/client/main/icon_plan_arrow_on.png);
	}

	.maincounsel_list li:hover a strong {
		background-color: #98c4f5; 
	}
	.maincounsel_list li:hover a strong::after {
		-webkit-transform: scale(1.1) translateX(-45%);
		-moz-transform: scale(1.1) translateX(-45%);
		-o-transform: scale(1.1) translateX(-45%);
		transform: scale(1.1) translateX(-45%);
	} 

	.maintest_list li:hover a {
		height: 180px;
		box-shadow: 8px 6px 10px 0px rgba(36, 56, 73, 0.35);
	}

	.mainnotice_swiper .notice_item:hover::after {
		opacity: 1;
	}
	.mainnotice_swiper .notice_item:hover a { 
		background-color: #546887;
		box-shadow: 3px 2px 8px 0px rgba(0, 0, 0, 0.3);
		border-color: #546887; 
		-webkit-transform: scale(1.05, 1.08);
		-moz-transform: scale(1.05, 1.08);
		-o-transform: scale(1.05, 1.08);
		transform: scale(1.05, 1.08);
	}
	.mainnotice_swiper .notice_item:hover a::before, .mainnotice_swiper .notice_item:hover a::after {
		opacity: 1;
	}
	.mainnotice_swiper .notice_item:hover a p {
		color: #fff; 
	}
	.mainnotice_swiper .notice_item:hover a strong {
		color: #fff;
		background-image: url(../../images/client/main/icon_calendar_on.png);
	}

	/* ------------- 서브 hover --------------- */

		/* 핵심역량진단 hover */
		.test_card .btn:hover {
				-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
				-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
				-o-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
				box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
		}
		.testdo_list a.btn_viewresult:hover {
				background-color: #0a6355;
		}
		.testdo_list a.btn_gotest:hover{
				background-color: #0d306c;
		}
		/* 핵심역량 진단하기 hover */
		.testlist_paging ul li .testlist_move:hover {
				color: #289dd3; font-weight: 600;
		}
		.testlist_paging.cw .testlist_move:hover {
				color: #fff; font-weight: normal;
				background-color: #0d306c;
		}
		/* 핵심역량 진단결과 hover */
		.testdo_checkbox:hover {
				border: 2px solid #265097;
				cursor: pointer;
		}
		.show_tab_row li a:hover {
				border-right: 1px solid #000;
		}
	/* 전문상담 hover */
	.counsel_name .choicebox li:hover {
		border: 1px solid #265097;
	}
	.counsel_name .choicebox li:hover a {
		color:#265097;
	}
	.bg ul li .pre_m:hover {
		background-color: #0a6355;
	}
	.bg ul li .next_m:hover {
		background-color: #0a6355;
	}
	.fc-title .doing:hover {
		background: #0d306c;
	}
		/* 비교과 프로그램 hover */
		.program_lisbox:hover .program_infolist dt a{
			 color:#265097;
		}
		.program_footer a:hover {
				color: #265097;
		}
	.survey_status:hover {
		cursor:default;
	}
	.survey_open:hover {
		color:#265097;
		cursor:pointer;
	}
	/* KDU 진로 로드맵 hover */
	.career_choice ul li a:hover {
		background: #62b9e6;
		color:#fff;
	}
	.career_choice ul.metro li a:hover {
		background: #a2cc60;
		color:#fff;
	}
	.career_choice ul.global li a:hover {
		background: #ffaa2d;
		color:#fff;
	}
		/* 진로설계 hover */
		.planlist_wrap>div:hover {
				border-color:#265097;
		-webkit-box-shadow: 2px 0px 10px rgba(0,0,0,0.5);
		box-shadow: 2px 0px 10px rgba(0,0,0,0.5);
		}
		/* 진로설계 step1 hover */
		.joblist_wrap li a:hover {
				color: #fff;
				background-color: #265097;
		}
		/* 진로설계 step2 진로탐색 hover */
		.plan_radio label:hover {
				background-image: url(../../images/client/sub/icon_testselect_on.png);
				cursor: pointer;
		}
		/* 자기주도활동 hover */
		.active_box:hover {
				background-color: #e0e8f0;
				cursor: pointer;
		}
		.active_footer a:hover {
				color: #016dae;
		}
		.active_box.license_box:hover {
				background-color: #e0e8f0;
		}
		.active_box.service_box:hover {
				background-color: #e0e8f0;
		}
		.active_box.pride_box:hover {
				background-color: #e0e8f0;
		}
		.active_box.practice_box:hover {
				background-color: #bdb9dd;
		}
		/* 추천채용 hover */
		.jobinfo_right dt a:hover {
				color: #1b507f;
		}
		/* 워크넷 공채속보 hover */
		.worknetspeed_box:hover{
				background: #d6e4f6;
		}
		.worknetspeed_box:hover dt a{
				color:#265097;
		}
		/* 취업정보 - 국가직무능력표준 정보 hover */
		.ncs_list dd ol li a:hover {
				border-color:  #265097;
		}
		.ncs_list dd ol li a:hover strong {
				background-color: #265097;
				color:#fff;
		}
		.ncs_list dd ol li a:hover strong span{
				color:#fff;
		}
		.ncs_list .ncs_inner_box ol li a:hover {
				color: #fff;
				background-color: #265097;
		}
		/* 직업방송 동영상 hover */
		.jobvideoinfo_list:hover{
				-webkit-box-shadow: 2px 0px 10px rgba(0,0,0,0.5);
				box-shadow: 2px 0px 10px rgba(0,0,0,0.5);
				background-color: #d6e4f6;
		}
		/* 기업정보 hover */
		.licenseinfo_list.com_infobox:hover {
				 -webkit-box-shadow: 2px 0px 10px rgba(0,0,0,0.5);
				box-shadow: 2px 0px 10px rgba(0,0,0,0.5);
				background-color: #c7d8e2;
		}
	.licenseinfo_list.com_infobox.family:hover {
		background-color: #d3d9c5;
	}
		/* 포트폴리오 hover */
		.resume_wrap ul:hover a{
				color: #265097; font-weight: bold;
		}
	.resume_wrap.green ul:hover a{
				color: #189380; font-weight: bold;
		}
		/* 설문조사 hover */
		.survey_box.on:hover {
				background: #0e6457;
		}
		/* 마이페이지 hover */
	.achieve_score li a:hover {
		border-color: #265097;
		-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
		box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	}
		/* 공지사항, 자료실리스트 hover */
		.bbs_wrap li:hover{
				color: #265097;
				background: #e9edf4;
		}
		/* 공지사항 상세, 자료실 상세 hover */
		.re_delete:hover {
				color: #d93b3b;
				background-image: url(../../images/client/sub/btn_del_on.png);
		}
		/* Q & A hover */
		.faqpage .faqlist_wrap .faqlist dt:hover{
				color: #00427c;
				background-color: #ebf4f8;
		}
		.faqpage .faqlist_wrap .faqlist dt:hover span {
				background-color: #fff;
		}
		/*202404 전공역량현황 추가*/
	.view_detail{
		position: absolute;
		top:10px;
		right: 0;
	}
	.view_detail a{
		text-decoration:underline;
		font-weight: 500;
	}
	.sec_stit{
		font-size: 14px;
		font-weight: 400;
		line-height: 18.2px;
		color: #000;
	}
}
/*================================ // hover(pc) ================================ */
@media screen and (max-width:1024px) {
	.search_day.search_day2{height:45px;}
	.date_type{margin-left:0;}
	.gd_type3{width:100%;min-width: 260px;}
	.date_type .span_type {
		text-align: center;
	}	
	/*202404 인증현황*/
.score_box {
	background: #e7eaf0;
	border-radius: 50px;
	text-align: center;
	display: flex;
    
		justify-content: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.score_box li {
  margin-right: 10px;
	width:315px;
}
.score_box li:last-child {
	margin-right: 0;
}
.score_box li.on p{
	background:#265097;
	color:#fff;
	border-radius: 50px;
}
.score_box li p{
	margin: 0;
	padding: 15px 0;
}
	/*202404 소단위전공과정 추가*/
	.search_br .select2-container .select2-choice{
		border-radius: 10px
	}
	.search_br .select2-container .select2-choice{border-radius: 10px;}
	.program_lisbox2:hover {
		border: 1px solid #1C77FF;
		background: #fff;
		font-size: 18px;
		background:#fff url(../../images/client/common/bg_logo.png) no-repeat center 50px;
    z-index: 1;
	}
	.main_performance .disabled li span{
		color: #CCCED4;
	}
	.program_lisbox2.disabled dt{
		color: #CCCED4;
	}
	.sh_type select{
		width: calc(25% - 10px);
	}
	.procedure_icon span{
		color:#222;
		font-size: 20px;
		font-family: 'Pretendard';
	}
	.main_perform_titlewrap{
		position: static;
			display: block;
	}
	.main_performance {
			position: relative;
			margin: 0 auto;
			width: 96%;
	}
	.subprogram_swiper {
		position: relative;
		padding: 40px 40px;
		background:#F3F4F9;
		border-radius: 25px;
		
	}
	.program_lisbox2 dt{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 40px;
		padding: 15px 40px 0 15px;
		margin-bottom: 0.5em;
		font-size: 18px;
		font-family: 'Pretendard';
		text-overflow: ellipsis;
		word-break: keep-all;
		overflow: hidden;
		white-space: nowrap;
		color: #333;
		font-weight: 600;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
	}
	.program_lisbox2:hover dt{
		color:#1C77FF;
	}
	.program_lisbox2 dd{
		padding: 5px 10px 5px 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #222;
		font-size:16px;
		font-family: 'Pretendard';
	}
	.program_lisbox2 dd span{
		display:block;
		color:#898D9C;
		font-size:14px;
		font-family: 'Pretendard';
	}
	.main_perform_titlewrap {
		position: absolute;
		left: 0;
		display: inline-block;
	}

	/* 공통 - lnb 모바일에선 삭제 */
		.lnb_wrap {
				display: none;
		}
	/* 공통 - 인포메이션 */
	.infotop_box {
		margin-bottom: 2em;
	}
	.infotop_box>p {
		line-height: 1.4em; word-break: keep-all;
	}
	.infotop_box2 {
		margin-bottom: 2em;
	}
	.infotop_box2>p {
		line-height: 1.4em; word-break: keep-all;
	}

	
	/* 공통 - 영역 타이틀 */
	.section_tit {
		margin-bottom: 0.5em;
		padding: 5px 0 5px 24px;
		font-size: 1.53rem;
				background-position: left 13px;
		background-size: 17px auto;
	}
		.section_tit_md {
		margin-bottom: 0.5em;
		padding: 3px 0 3px 24px;
		font-size: 1.4rem;
		background-size: 17px auto;
		background-position: left 11px; 
	}
		.section_tit_sm {
		margin-bottom: 0.5em;
		padding: 5px 0 5px 15px;
		font-size: 1.1rem;
		background-size: 8px auto; 
	}

	/* 공통 - 검색결과 없음 */
	.listnone_box p {
		padding: 2em 1em 2em 3.5em;
		font-size: 1.1rem; color: #727272;
		background-size: 40px;
	}
	

	/* 메인화면 1024 */
	.mainpage_visual {
		background-size: auto 580px;
		background-position: center top -100px;
	}
	.mainpage_visual .grid_content {
		height: 400px;
		background-size: 400px auto;
		background-position: left 30px bottom -65px;
	}
	.mainpage_visual h2 {
		right: 30px; bottom: auto; top: 90px;
		padding-top: 110px;
		width: 300px;
		font-size: 1.9rem;
	}
	
	.maincontent_wrap .listnone_box p {
		background-size: 50px auto;
	}

	.main_top {
		margin-bottom: 15px;
	}
	.main_tit {
		margin-bottom: 7px;
		font-size: 1.6rem;
	} 
	.main_more {
		background-image: url(../../images/client/main/icon_main_more_on.png);
	}
	.mainprogram_wrap {
		padding: 40px 0;
	}  
	.mainprogram_wrap .main_top .rightbox {
		right: 0;
	}
	.mainprogram_wrap .main_more { 
		position: static;
		margin-top: 10px;
		padding: 10px;
		width: 100%; height: auto;
		font-size: 1rem; text-align: center; color: #fff; font-weight: 600;
		background-image: none;
		background-color: #7e98c8;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	.mainprogram_wrap .swiper-container {
		padding: 0;
	} 

	.mainprogram_wrap .previewimg_box a {
		height: 180px;
	}

	.main_planwrap {
		width: 35%;
	}
	.mainplan_list li a {
		padding: 15px 80px;
		font-size: 1.28rem;
		background-size: 30px auto;
		background-position: 35px center;
	}
	.mainplan_list li a::after {
		right: 20px;
		width: 47px; height: 7px;
	}

	.main_counselwrap {
		width: 62%;
	} 
	.maincounsel_list {
		height: 140px;
	}
	.maincounsel_list li a strong {
		width: 100px; height: 100px;
	} 
	.maincounsel_list li:nth-child(1) a strong::after {
		width: 95px; height: 82px;
	}
	.maincounsel_list li:nth-child(2) a strong::after {
		width: 78px; height: 102px;
	}
	.maincounsel_list li:nth-child(3) a strong::after {
		width: 85px; height: 86px;
	}
	.maincounsel_list li:nth-child(4) a strong::after {
		bottom: 10px;
		width: 73px; height: 77px;  
	}

	.main_graphwrap {
		width: 35%;
	}
	.mainwrap_box {
		padding: 15px;
	}
	.main_graphwrap .mainwrap_box {
		height: 420px;
	}

	.main_communitywrap {
		width: 62%;
	}
	.maintest_list li {
		margin-right: 10px;
	}
	.maintest_list li:nth-child(1)::after {
		width: 84px; height: 100px;
	}
	.maintest_list li:nth-child(2)::after {
		width: 86px; height: 87px;
	}
	.maintest_list li:nth-child(3)::after {
		width: 80px; height: 90px;
	}
	.maintest_list li:nth-child(4)::after {
		width: 76px; height: 100px;
	}
	.maintest_list li:nth-child(5)::after {
		width: 80px; height: 94px;
	}  
	.maintest_list li a {
		align-items: center;
	}

	.main_noticewrap .listnone_box {
		height: 126px;
	}
	.mainnotice_swiper .listnone_box {
		height: 127px;
	}
	.mainnotice_swiper .swiper-container {
		padding: 0;
	}
	.mainnotice_swiper .notice_item a {
		padding: 15px 20px 60px;
	}
	.mainnotice_swiper .notice_item a strong {
		left: 20px; bottom: 15px;
	} 


	
	/* 시스템소개 1024 */
	.subcontent_wrap .section_intro {
		background-position: center 150px;
	}
		.intro_txt1{
		padding:450px 0 0 0;
		width: 100%;
		margin-left: auto; margin-right: auto;
		}
	.intro_txt_edit1 {
		width: 60%;
	}
	.intro_box2 li {
		width: 37%;
	}
	.intro_txt, .intro_box p, .intro_box3 li {
		font-size: 1rem;
	}
	.intro_box4 .intro_box_tit4 ul {
		padding-right: 0; width: 75%;
	}
	.intro_box4 span {
		font-size: 0.95rem;
	}
	.online_popbox {
		position: relative;
	}
	.online_popbox>div {
		width: 100%; height: 130px;
		margin-top: 50px;
	}
	.online_popbox>div:nth-child(1) {
		background-position: center 20px;
		margin-top: 0;
	}
	.online_popbox>div:nth-child(3) {
		background-position: center 20px;
	}
	.online_popbox>div:nth-child(5) {
		background-position: center 20px;
	}
	.online_popbox>div:nth-child(7) {
		background-position: center 25px;
	}
	.online_popbox>div>p {
		padding:85px 10px 10px 10px;
	}
	.online_popbox>div:nth-child(7) {
		border-radius:20px 20px 0 0;
		border-bottom: 1px dashed #265097;
	}
	.online_popbox>div.gray {
		width: 100%; margin-top: -30px; z-index: -1;
		border: 1px solid #265097;
	}
	.online_popbox>div.gray p {
		line-height: 1.4rem;
	}
	.online_popbox .pop_plus {
		margin-right: 0;
		position: absolute; left: 50%; top: 140px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.online_popbox .pop_plus:nth-child(4) {
		top: 320px;
	}
	.online_popbox .pop_equal {
		margin-right: 0;
		position: absolute; left: 50%; top: 505px;
		transform:translateX(-50%) rotate(90deg);
		-webkit-transform:translateX(-50%) rotate(90deg);
		-moz-transform:translateX(-50%) rotate(90deg);
		-o-transform:translateX(-50%) rotate(90deg);
	}
	.intro_employ {
		background-size: 200px;
		background-position: 70px center;
	}
	.intro_employ p {
		padding: 0 40px 0 300px;
	}
	.talent_box ul {
		margin-bottom: 30px;
	}
	.talent_box ul li {
		margin-right: 0;
	}
	.talent_box ul li:nth-child(1) {
		width: 100%;
		margin-left: 0;
		margin-bottom:5px;
	}
	.talent_box ul li:nth-child(2) {
		width: 100%;
		border-radius:20px 20px 0 0;
		-webkit-border-radius:20px 20px 0 0;
		-moz-border-radius:20px 20px 0 0;
		display: inline-block;
		height: 30px;
	}
	.talent_box ul li:nth-child(2) p {
		line-height: 30px;
	}
	.talent_box ul li:nth-child(3) {
		width: 100%;
		border-radius: 0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		display: inline-block;
		height: 30px;
		border-top:0; border-bottom: 0;
	}
	.talent_box ul li:nth-child(3) p span{
		display: inline-block;
	}
	.talent_box ul li:nth-child(3) p span {
		margin-right: 50px;
	}
	.talent_box ul li:nth-child(3) p span:last-child {
		margin-right: 0;
	}
	.talent_box ul li:nth-child(4) {
		width: 100%;
		border-radius: 0 0 20px 20px;
		-webkit-border-radius: 0 0 20px 20px;
		-moz-border-radius: 0 0 20px 20px;
	}
	.talent_box ul li:nth-child(1)::before {
		left: 10px;
	}
	.talent_box ul li:last-child {
		border:1px solid #c5c7cc;
		border-top: 0;
	}
	.talent_box.ppoint ul li:nth-child(1) {
		width: 100%; 
		margin-left: 0;
		margin-bottom: 5px;
		height: 70px;
		position: static;
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
	}
	.talent_box.ppoint ul li:nth-child(1)::before {
		width: 50px; height: 50px;
		line-height: 48px;
		margin-top: -25px;
		top: 50%;
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
	}
	.talent_box.ppoint ul li:nth-child(2) {
		width: 100%;  
		z-index: 10;
		height: 30px;
		border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
		-moz-border-radius:10px 10px 0 0;
		position: absolute;
	}
	.talent_box.ppoint ul li:nth-child(2) p {
		line-height: 30px;
	}
	.talent_box.ppoint ul li:last-child {
		width: 100%; margin-top: 0px;
		height: auto;
		border-radius:10px 10px 10px 10px;
		-webkit-border-radius:10px 10px 10px 10px;
		-moz-border-radius:10px 10px 10px 10px;
	}
	.capa_box ul li {
		min-height: auto;
	}
	/* 센터별 위치 안내 1024 */
	.center_location .grid_col:first-child {
		height: 50px; margin-bottom: 5px;
	}
	.center_location p {
		font-size: 1.2rem;
	}
	.center_location strong {
		font-size: 1.1rem;
	}
	/* 핵심역량 진단 결과 1024 */
	.testlist_none {
		padding: 2em 5px 2em 5px;
		line-height: 0;
	}
	.testlist_none span {
		width: 40px; height: 40px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.result_container {
		padding-top: 5%;
	}
	.capabilinfo_box .show_tab {
		width: 200px; 
	}
	.capabilinfo_box .show_tab li a {
		font-size: 1.1rem;
	}
	.capabilinfo_content>div {
		padding: 15px 15px 15px 215px;
	}
	.capabilinfo_content>div h4 {
		background-position: 0 11px;
	}
	.capabilinfo_content>div h5 { 
		background-position: 0 11px;
	}
	.capabilinfo_content>div p.belong_txt {
		padding-left: 158px;
	}
	.capabilinfo_content>div p.belong_txt strong {
		width: 148px;
		margin-left: -158px; margin-right: 10px;
	}
	.result_tit strong {
		font-size: 1.4rem;
	}
	.result_textbox {
		padding: 0; margin-bottom: 3%;
	}
	.result_textbox h6 {
		margin-top: 0;
	}
	.elresult_box .graph_wrap {
		width: 100%; height: auto;
	}
	.elresult_box .graph_wrap .graph_box img {
		height: auto;
	}
	.elresult_box .result_textbox {
		overflow: visible;
		width: 100%; height: auto;
		padding: 15px; margin-left: 0; margin-top: 1%;
	}
	.resultcompare_txt {
		display: block;
	}
	.resultcompare_txt strong {
		display: block;
		width: 100%;
		padding-right: 0;
		text-align: center; word-break: keep-all;
	}
	.resultcompare_txt>div {
		width: 100%;
		padding-left: 0; margin-top: 10px;
		text-align: center;
	}
	.result_tit strong {
		width: 80%;
		padding: 10px 20px 10px 20px;
		background-position:left center;
	}
	.result_tit.loadmap strong {
		
	}
	.result_tit.loadmap strong::after {
		left: 170px;
	}
	.result_tit span {
	/*height: 30px;*/
		}
	.result_tit .result_date {
		left: 70%;
	}
	.family_list.ability .abil_span {
		display: block;
		padding-right: 90px;
		margin-left: 15px;
	}
	/* 워크넷 진단 1024*/
	.worknet_wrap {
		padding: 10px;
	}
	.worknet_info {
		padding: 100px 10px 0 10px;
		font-size: 1.1rem;
		background-position: center 15px;
	}
	
	/* 비교과 프로그램 1024 */
	.previewimg_box a {
		height: 240px;
	}
	.power_box>div {
		width: 32%;
		margin-bottom: 1%;
	}
	/* 비교과 프로그램 상세 */
	.programpoint_list dd div {
		font-size: 1.3rem;
	}
	.programpoint_list dd div strong {
		display: block;
		margin: 0;
				position: static;
				transform:translate(0);
				-webkit-transform:translate(0);
				-moz-transform:translate(0);
				-o-transform:translate(0);
	}
	/* 자기주도활동 */
	.active_box {
		padding: 20px 20px 10px 90px;
		background-position: 15px 30px;
	}
	.active_box dt {
		font-size: 1.2rem;
	}
	.active_box.license_box {
		background-position: 15px 30px;
		background-size: 60px;
	}
	.active_box.english_box {
		background-position:18px 35px;
		background-size: 55px;
	}
	.active_box.service_box {
		background-position:18px 35px;
		background-size: 55px;
	}
	.active_box.commu_box {
		background-position:18px 35px;
		background-size: 55px;
	}
	.active_box.pride_box {
		background-position:18px 35px;
		background-size: 55px;
	}
	/* 전문상담 1024 */
	.counselor_wrapper {
		display: block;
	}
	.counselor_wrapper > div {
		padding: 60px 20px 0;
	}
	.counselor_wrapper > div h4 {
		font-size: 1.6rem; line-height: 62px;
	}
	.global_campus {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.global_campus > div {
		flex-direction: row;
	}
	.medical_campus > div { 
		display: flex;
		flex-wrap: wrap;
	}
	.counselor_box {
		padding: 15px;
		min-height: 200px;
	}
	.global_campus .counselor_box,.medical_campus .counselor_box { 
		margin-right: 2%;
		width: 49%;
	}
	.medical_campus .counselor_box:nth-of-type(even) {
		margin-right: 0;
	}
	.counselor_box .name {
		font-size: 1.2rem;
	}
	.counselor_box .tel {
		right: 15px; top: 15px;
		padding: 0 13px 0 38px;
		font-size: 0.95rem;
	}

	.counsel_divide {
		width: 100%;
		margin-bottom: 10px;
		float: none;
	}
	.counsel_divide:last-child {
		margin-bottom: 0;
	}
	.counsel_datebox {
		height: auto;
		padding: 50px 10px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.counsel_datebox>div {
		position: static;
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
		text-align: center;
	}
	.counsel_pick {
		width: auto; height: auto;
	}
	.counsel_pick>div>div {
		display: block;
		margin-left: auto; margin-right: auto; margin-bottom: 10px;
	}
	.counsel_datebox>div>div.counsel_pick {
		display: block;
		margin-left: auto; margin-right: auto;
		margin-top: 20px;
	}
	.counsel_pick p {
		text-align: center;
		display: block; margin: 0;
		width: auto;
	}
	.calender_leftbox {
		display: none;
	}
	.fc-title span {
		padding: 0 5px;
	}
	.centerhi_content {
		-webkit-background-size: 250px 300px;
		background-size: 250px 300px;
	}
	.centerhi_content>div {
		padding-left: 270px;
	}
	.people_box {
		width: auto;
	}
	.people_box img {
		height: auto;
	}
	.together_ul {
		margin-top: 50px;
		height: auto;
		width: 500px;
		margin-left: auto; margin-right: auto;
	}
	.together_ul ul{
		width: 100%;
		position: static;
		padding-left: 200px;
		margin-bottom: 25px;
	}
	.medical_ul{
		left: 0px;
	}
	.medical_ul::before {
		content:"메디컬 캠퍼스 학생상담센터";
		display: inline-block;
		width: 180px; height: 50px;
		text-align: center;
		line-height: 50px;
		color:#fff;
		background: #189380;
		position: absolute; left: 0;
	}
	.global_ul {
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
	}
	.global_ul::before {
		content:"글로벌 캠퍼스 학생상담센터";
		display: inline-block;
		width: 180px; height: 50px;
		text-align: center;
		line-height: 50px;
		color:#fff;
		background: #189380;
		position: absolute; left: 0;
	}
	.metro_ul {
		right: 0px;
	}
	.metro_ul::before {
		content:"메트로폴 캠퍼스 학생상담센터";
		display: inline-block;
		width: 180px; height: 50px;
		text-align: center;
		line-height: 50px;
		color:#fff;
		background: #189380;
		position: absolute; left: 0;
	}
	.direction_box>div {
		float: none;
		width: 100%; 
		margin-right: 0;
		margin-bottom: 10px;
		padding: 20px 0;
		height: 180px;
	}
	/* KDU 진로 로드맵 1024 */
	.track_box {
		padding: 10px 15px 15px;
	}
	/* 진로설계 1024 */
	.planlist_wrap .planlist_box, .plan_start {
		width: 32.5%;
	}
	.planlist_wrap > div:nth-child(3n+1) {
		margin-left: 0;
	}
	.rolemodel_wrap div:nth-child(2) {
		width: auto;
	}
	.rolemodel_wrap .programpoint_list dd {
		width: 32.6%; margin-right: 1%;
		margin-bottom: 1%;
	}
	.rolemodel_wrap .programpoint_list dd:nth-child(4) {
		margin-right: 0;
	}
	.rolemodel_wrap .programpoint_list dd div {
		width: 100%;
	}
	/* 진로설계 step01 */
	.plansetting_box {
		margin-bottom: 2%;
	}
	.roadmap_btbox {
		position: static;
		margin-bottom: 2%;
		float: right;
	}
	.target_box.companybox ul li {
		text-overflow: inherit;
		white-space: inherit;
	}
	
	/* 추천채용 1024 */
	.jobinfo_box {
		padding: 10px 10px 10px 100px
	}
	.jobinfo_left {
		width: 80px;
		left: 10px;
	}
	.jobinfo_left strong {
		font-size: 1.2rem;
		margin-bottom: 0;
	}
	.subjobinfo_wrap .jobinfo_box .btn_addlike {
		top: 10px; right: 10px;
	}
	
	.jobinfo_list .tbl th {
		width: 15%;
	}
	.jobinfo_list .tbl td {
		width: 35%;
	}
	.jobinfo_right dd li {
		width: 100%;
	}
	/* 워크넷 채용 정보 1024 */
	.jobinfo_box.work {
		height: 340px;
	}
	.jobinfo_box.worknet_box {
		-webkit-background-size:160px 40px;
		background-size: 160px 40px;
		background-position: right 10px bottom 20px;
	}
	/* 사람인 채용정보 1024 */
	.jobinfo_box.saramin_box {
		-webkit-background-size:160px 40px;
		background-size: 160px 40px;
		background-position: right 20px bottom 30px;
	}
		.jobinfo_box.jobkorea_pd{
				padding: 10px 10px 30px 100px;
		}
	/* 잡코리아 채용정보 1024 */
	.jobinfo_box.jobkorea_box {
		-webkit-background-size:180px 40px;
		background-size: 180px 40px;
		background-position: right 20px bottom 30px;
	}
	/* 국가직무능력표준 정보 1024 */
	.ncs_list dd ol li {
		width: 20%;
		padding: 5px;
	}
	.ncs_list .ncs_inner_list {
		padding: 0 15px 15px;
	}
	.ncs_view {
		margin-top: 30px;
	}
	.ncs_view .ncsprogram_txt {
		padding-top: 0;
	}
	
	/* 기업정보 -상세내용 1024 */
	.pattern_wrap {
		display: block;
	}
	.pattern_wrap>li {
		width: 49%; min-height: 270px;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.pattern_wrap>li:nth-child(odd) {
		margin-left: 0;
	}
	
	/* 포트폴리오 1024 */
	.resume_wrap ul {
		display: block;
		padding: 10px;
	}
	.resume_wrap ul {
		position: relative;
	}
	.resume_wrap ul li {
		display: block;
		text-align: left;
	}
	.resume_wrap ul li.resume_list1 {
		overflow: hidden;
		display: block;
		width: 100%;
		padding-right: 30px;
		white-space: nowrap; text-overflow: ellipsis;
	}
	.resume_wrap ul li.resume_list2 {
		width: auto;
		padding-left: 55px; margin-top: 10px;
	}
	.resume_wrap ul li.resume_list3 {
		position: absolute; top: 10px; right: 10px;
	}
	.resume_wrap ul li.resume_list4 {
		width: 50%;
		position: absolute; right: 10px; bottom: 10px;
	}
	.planlc_box dt span.label_success {
		width: 20px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
		padding-top: 25px;
		font-size: 0.9rem;
	}
	.rate_license .langlist_box {
		background-size: 60px;
		width: 49.5%; margin-right: 1%;
		margin-left: 0;
	}
	.rate_license .langlist_box:nth-child(even) {
		margin-right: 0;
	}
	.rate_license .planlc_box.langlist_box{
		padding: 130px 10px 40px 10px;
		min-height: auto;
	}
	.rate_license .license_box {
		background-size: 60px;
		width: 49.5%; margin-right: 1%;
		margin-left: 0;
	}
	.rate_license .license_box:nth-child(even) {
		margin-right: 0;
	}
	.rate_license .planlc_box.license_box {
		padding: 130px 10px 40px 10px;
		min-height: auto;
	}
	/* 마이페이지 - 인증 현황 1024 */
	.certi_box {
		margin-right: 10px;
	}
	.achieve_score li {
		margin-right: 1%;
		height: 95px;
		justify-content: center; align-items: center; flex-direction: column;
	}
	.achieve_score li::after {
		display: none;
	}
	.achieve_score li:last-child {
		width: 100%; height: 95px;
		margin-top: 86px;
	}
	.achieve_score li:last-child::after {
		display: block;
		top: -46px;
	}
	.achieve_score li:nth-child(1),
	.achieve_score li:nth-child(2),
	.achieve_score li:nth-child(3) {
		width: 32.2%;
	}
	.achieve_score li:nth-child(4),
	.achieve_score li:nth-child(5) {
		margin-top: 66px;
		width: 49%; 
	}
	.achieve_score li:nth-child(3),
	.achieve_score li:nth-child(5) {
		margin-right: 0;
	}
	.achieve_score li:nth-child(1) br,
	.achieve_score li:nth-child(4) br:last-child,
	.achieve_score li:nth-child(5) br:last-child,
	.achieve_score li:last-child br {
		display: none;
	}
	.achieve_score li a {
		/* padding: 10px 5px; */
		justify-content: center; align-items: center; flex-direction: column;
	}
	.achieve_score li p {
		position: static;
		transform: none;
	}
	.achi_plus1 {
		top: 95px; left: 50%; 
		width: 70%; height: 42px;
		transform: translateX(-50%);
	}
	.achi_plus2 {
		top: 256px; left: 0;
		width: 49%;
		background: none;
		padding-top: 10px;
	}
	.achi_plus3 {
		top: 256px; left: inherit; right: 0%;
		width: 49%;
		background: none;
		padding-top: 10px;
	}
	
	.field_intro {
		background-size: 200px;
	}
	.field_intro p {
		padding: 0 260px 0 40px;
		line-height: 25px;
	}
	/* 개인정보동의 1024 */
	.privacy_wrap {
		width: 97%;
	}
	
	/* 마이페이지 - 장학금 1024 */
  .major.capa_chart_box .capa_chart {
    margin: 0 auto;
    overflow: hidden;
    overflow-x: auto;
  }
  .core.capa_chart_box .capa_chart {
    overflow: hidden;
    overflow-x: auto;
  }
  .core.capa_chart_box .capa_chart > div { 
    width: 800px;
  }

  .employ1.capa_chart_box {
    padding-right: 150px;
  }
  .employ1.capa_chart_box .capa_chart_header {
    right: 30px; bottom: 30px;
  }

	/*202404 전공역량현황 추가*/
	.view_detail{
		position: absolute;
		top:10px;
		right: 0;
	}
	.view_detail a{
		text-decoration:underline;
		font-weight: 500;
	}
	.sec_stit{
		font-size: 14px;
		font-weight: 400;
		line-height: 18.2px;
		color: #000;
	}

	
  /* 소단위 전공과정 신청 1024 */
	.sh_type .gd_type {
		margin-bottom: 0;
	}
	.sh_type2 {
		margin-top: 10px;
		flex-direction: column;
		gap: 15px;
	}
	.sh_type2 .gd_type {
		width: 100%;
	}
	.sh_type2 .search_rt {
		text-align: right;
	}

	.sh_type3 {
		flex-direction: column; gap: 4px;
	}
	.search_day_wrap {
		display: flex;
		align-items: center;
	}
	.sh_type3 .search_day input.form_style {
		width: 100%;
	}
	.sh_type3 .btn_blue2 {
		margin-left: inherit;
	}

	
	.sh_type3 .radio_wrap.double {
		width: 100%;
		justify-content: center;
	}
	.sh_type3 .radio_wrap.double {
		margin: 10px 0 0 0;
		padding-bottom: 15px;
	}
	.sh_type3 .radio_wrap.double::before {
		display: none;
	} 
	.sh_type3 .radio_wrap.double:first-child {
		border-bottom: 1px solid rgba(217,217,217, 0.7);
	} 


  .subunit_main {
    padding-top: 20px;
  }
  .subunit_swiper {
    padding: 20px 24px;
  } 
  .subunit_swiper .subunit_control {
    width: 30px; height: 30px;
    background-size: auto 11px;
  }
  .subunit_swiper .subunit_control.prev {
    left: 10px;
  }
  .subunit_swiper .subunit_control.next {
    right: 10px;
  }

  
  /* 부전공 이수 현황 1024 */
  .minor_wrapper {
    padding: 30px 40px;
  } 
  .subject_name {
    font-size: 1.71rem;
  }
  .subject_name::before {
    margin-right: 14px;
    width: 44px; height: 44px;
  }
  .status_label {
    font-size: 1.43rem;
  }
  .minor_subject_box {
    padding: 30px 30px 30px 40px;
  }
  .minor_subject_box::before {
    width: 40px;
    background-size: 40px auto;
  }
  .subject_item {
    margin-bottom: -24px;
    padding: 16px 85px 40px 20px;
  }
  .subject_label { 
    width: 60px; height: 25px;
    font-size: 1rem;
  }
  .subject_item > p {
    font-size: 1.29rem;
  }
	
}


/***********************************768****************************************/
@media screen and (max-width:768px) {
	.searchtoggle_right.btn_h{margin:5px 0;float:none; text-align: center;} 
	.radio_bar{position:relative;text-align: center;}
	.radio_bar img{
		transform: rotate(90deg) translate(0, 0);
		width: 1px;
	}
	.dp_inline.dt_line{width: 100%;}
	.date_type .span_type{
		display: block;
		text-align: center;
	}
	.gd_type3{width: 100%;}
	.search_day.search_day2{height:45px;}
	.search_box.sh_box:has(.sh_type3) {
		padding: 20px 14px;
	}
	.sh_type3 {
		gap: 12px;
	} 
	.radio_row2 {
		display: block;
		text-align: center;
		margin: 0;
	}
	.radio_row2 label {
		padding-left: 20px;
		font-size: 14px;
		background-size: 16px;
	} 
	.score_box {
		background: #e7eaf0;
		border-radius: 50px;
		text-align: center;
		margin: 0 20px;
	}
	.score_box li.on p{
		background:#265097;
		color:#fff;
		border-radius: 50px;
	}
	.score_box li p{
		padding:15px 0;
	}
	.score_box li p span{
		display:block;
	}

	/*202404 소단위전공과정 추가*/
	.search_br .select2-container .select2-choice{border-radius: 10px;}
	.program_lisbox2:hover {
		border: 1px solid #1C77FF;
		background: #fff;
		font-size: 18px;
		background:#fff url(../../images/client/common/bg_logo.png) no-repeat center 50px;
    z-index: 1;
	}
	.main_performance .disabled li span{
		color: #CCCED4;
	}
	.program_lisbox2.disabled dt{
		color: #CCCED4;
	}
	.sh_type select{
		width: calc(33.33% - 10px);
	}
	.procedure_icon span{
		color:#222;
		font-size: 20px;
		font-family: 'Pretendard';
	}
	.main_perform_titlewrap{
		position: absolute;
    left: 0;
    display: inline-block;
	}
	.main_performance {
			position: relative;
			margin: 0 auto;
			width: 96%;
	}
	.subprogram_swiper {
		position: relative;
		padding: 40px 40px;
		background:#F3F4F9;
		border-radius: 25px;
	}
	.program_lisbox2 dt{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 40px;
		padding: 15px 40px 0 15px;
		margin-bottom: 0.5em;
		font-size: 18px;
		font-family: 'Pretendard';
		text-overflow: ellipsis;
		word-break: keep-all;
		overflow: hidden;
		white-space: nowrap;
		color: #333;
		font-weight: 600;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
	}
	.program_lisbox2:hover dt{color:#1C77FF;}
	.program_lisbox2 dd{
		padding: 5px 10px 5px 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #222;
		font-size:16px;
		font-family: 'Pretendard';
	}
	.program_lisbox2 dd span{
		display:block;
		color:#898D9C;
		font-size:14px;
		font-family: 'Pretendard';
	}
	.performance_box{
		padding-left: calc((100% - 1297px) / 2 + 557px);
		/* height: 320px; */
	}
	.performance_box{
		margin-top:0;
		/* height:320px; */
	}
	.program_lisbox2 dd.dotline{
		border-bottom: 1px dashed #898D9C; margin:0 10px;opacity:0.7;
	}
	.program_lisbox2 .font_20{
		text-align: center;
	}

	/* 메인화면 768 */
	.mainpage_visual {
		background-size: auto 380px;
		background-position: center top -40px;
	}
	.mainpage_visual .grid_content {
		height: 310px;
		background-size: 250px auto;
		background-position: left 0 bottom -30px;
	}
	.mainpage_visual h2 { 
		top: 70px;
		padding-top: 70px;
		width: 190px;
		font-size: 1.4rem;
	}
	
	.main_top {
		margin-bottom: 10px;
	}
	.main_top .rightbox {
		right: 40px; top: -3px;
	}
	.main_more {
		top: 4px;
	}
	.mainprogram_wrap {
		padding: 25px 0;
	} 
	.mainprogram_wrap .select_form {
		display: block;
	}
	.mainprogram_wrap .select_form label {
		line-height: 35px;
	}
	.mainprogram_swiper {
		padding: 0 25px;
	}
	.mainprogram_swiper .swiper_control {
		width: 15px; height: 23px;
	}

	.mainprogram_wrap .program_list {
		margin-top: 0;
	}
	.mainprogram_wrap .previewimg_box a {
		height: 150px;
	}
	.mainprogram_wrap .program_infolist dt {
		height: 36px;
	}
	.program_footer a p {
		padding-left: 20px;
		height: 35px;
		line-height: 35px;
		background-size: 13px auto;
	}
	.team_label {
		padding: 4px 7px;
	}
	.program_label {
		padding: 4px 7px;
	}

	.main_area_wrapper .grid_content {
		overflow: visible;
	}
	.main_planwrap, .main_counselwrap {
		width: 100%;
	}
	.main_planwrap {
		margin-right: 0;
	} 
	.mainplan_list li {
		margin-bottom: 6px;
	}
	.mainplan_list li a {
		padding: 13px 70px 13px 60px;
		background-position: 25px center;
		background-size: 25px auto;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}

	.maincounsel_list {
		height: auto;
	}
	.maincounsel_list li a strong {
		width: 95px; height: 95px;
	}
	.maincounsel_list li:nth-child(1) a strong::after {
		width: 82px; height: 71px;
	}
	.maincounsel_list li:nth-child(2) a strong::after {
		width: 72px; height: 94px;
	}
	.maincounsel_list li:nth-child(3) a strong::after {
		width: 81px; height: 82px;
	}
	.maincounsel_list li:nth-child(4) a strong::after {
		bottom: 12px;
		width: 65px; height: 69px;
	}

	.main_graphwrap, .main_communitywrap {
		width: 100%;
	}
	.main_graphwrap {
		margin-right: 0;
	}
	.mainwrap_box {
		padding: 10px;
	}
	.main_graphwrap .mainwrap_box {
		height: 300px;
	}

	.maintest_list {
		height: 140px;
	}
	.maintest_list li {
		height: 140px;
	}
	.maintest_list li:nth-child(1)::after {
		width: 77px; height: 90px;
	}
	.maintest_list li:nth-child(2)::after {
		width: 80px; height: 81px;
	}
	.maintest_list li:nth-child(3)::after {
		width: 74px; height: 83px;
	}
	.maintest_list li:nth-child(4)::after {
		width: 64px; height: 85px;
	}
	.maintest_list li:nth-child(5)::after {
		width: 72px; height: 85px;
	}
	.maintest_list li a {
		padding: 70px 5px 12px; 
		height: 115px;
	}

	.main_noticewrap .main_top .rightbox {
		top: 0; right: 30px;
	}
	.mainnotice_swiper .listnone_box {
		height: 107px;
	} 
	.mainnotice_swiper .notice_item a {
		padding: 15px 15px 40px;
	}
	.mainnotice_swiper .notice_item a strong {
		left: 15px;
	} 


	/* 테이블 형식의 리스트 768 */
	.notification {
		width: 22px; height: 22px;
		background-size: 22px;
	}
	.tbl_list {
		display: block;
	}
	.tbl_list li {
		display: block;
		padding: 10px 5px; line-height: 0;
		border-bottom: 1px solid #ced2d6;
	}
	.tbl_list li:first-child {
		border-top: 1px solid #ced2d6;
	}
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6 {
		display: inline-block;
		padding: 0 5px;
		width: auto; line-height: 1.7em;
		border: none;
	}
	.tbl_list li:first-child .col_1, .tbl_list li:first-child .col_2, .tbl_list li:first-child .col_3, .tbl_list li:first-child .col_4, .tbl_list li:first-child .col_5, .tbl_list li:first-child .col_6 {
		border: none;
	}
	.col_3 {
		display: block;
		margin: 8px 0 5px;
		width: 100%;
	}
		.admissioninfo_list .col_3 p {
				font-size: 1.1rem;
		}
	/* 시스템 소개 768 */
	.intro_box .intro_box_tit, .intro_box .quotes_txt {
		width: 100%;
	}
	.subcontent_wrap .section_intro {
		background-position:center 200px;
		-webkit-background-size: 400px 350px;
		background-size: 400px 350px;
	}
	.intro_box .intro_box_tit {
		text-align: center; line-height: 70px;
		background-position: 30%; 
				padding-left: 0;
	}
	.intro_box .icon_quotes_left, .intro_box .icon_quotes_right {
		width: 10px; height: 10px; background-size: contain;
	}
		.intro_box .quotes_txt{
				line-height: inherit;
				font-size: 1.0rem;
		}
	.intro_box1 {
		min-height: 120px;
	}
	.intro_box2 {
		height: 350px;
	}
		.intro_box2 li{
				margin: 0 0 10px 0;
		}
	.intro_box ul {
		width: 100%;
		padding-top: 0;
	}
	.intro_box2 li {
		width: 80%;
	}
	.intro_box4 {
		height: 600px;
	}
	.intro_box4 ul {
		width: 100%;
	}
	.intro_box4 li {
		margin-bottom: 20px;
	}
	.intro_box4 i {
		margin-top: 0;
	}
		.intro_box4 li{
				display: block;
		}
	.online_popbox>div {
		margin-top: 50px;
	}
	.online_popbox .pop_plus {
		top: 140px;
	}
	.online_popbox .pop_equal {
		top: 508px;
	}
	.intro_employ {
		background-size: 150px;
		background-position:center 20px;
		height: auto;
		padding: 130px 25px 20px 25px;
	}
	.intro_employ p{
		font-size: 1rem;
		line-height:inherit;
		position: static;
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
		padding: 0px;
	}
	.talent_box ul li:nth-child(1)::before {
		width: 30px; height: 30px;
		font-size: 1.3rem;
		line-height: 30px; top:20px
	}
	.talent_box.ppoint ul li:nth-child(1)::before {
		width: 40px; height: 40px;
		line-height: 40px; font-size: 1.4rem;
		margin-top: -20px;
	}
	.talent_box.ppoint ul li:last-child p:first-child {
		margin-bottom: 5px;
	}
	.capa_box ul li {
		padding: 36px 8px 10px 8px;
	}
	/* 센터별 위치 안내 768*/
	.center_location .grid_col {
		height: auto;
	}
	.center_location>div>div {
		padding: 10px;
	}
	.center_location strong {
		margin-bottom: 10px;
	}
	/* 서브 - 핵심역량진단 768 */
	.test_guide ol {
		padding: 30px 15px;
		background: none;
	}
	.test_guide ol li {
		width: 50%;
	}
	.test_guide ol li p {
		height: 145px;
	}
	.test_guide ol li p span {
		height: 80px;
		margin-bottom: 0;
				background-position: center center;
	}
	.testdo_list {
		padding: 0;
	}
	.testdo_list dl {
		padding: 115px 15px 15px 15px;
		background-position: center 10px;
	}
	.testdo_list .btn_viewresult, .btn_gotest {
		width: 100%;
		padding: 10px;
		position: relative; top: auto; right: auto;
		background-image: none;
	}
	
	/* 서브 - 핵심역량 진단하기 */
	.testlist_wrap {
		padding: 15px;
	}
	.testlist_wrap .testlist_tit span {
		margin-bottom: 2%;
	}
	.textlist_day {
		text-align: center;
	}
	.textlist_day p {
		background-size: 18px;
	}
	.testlist_box {
		padding: 10px;
	}
	.testlist_box .survey_list dt {
		padding: 20px 0 5px 40px;
	}
	.testlist_box .survey_list dt:first-child {
		padding-top: 10px;
	}
	
	/* 핵심역량진단 결과 768 */
	.capabilinfo_box {
		overflow: visible;
		width: 100%;
	}
	.capabilinfo_box .show_tab {
		width: 100%; height: auto;
		margin-bottom: 0;
		border: 1px solid #ccc;
		float: none;
	}
	.show_tab_row li {
		display: inline-block;
		width: 33.3333%
	}
	.show_tab_row li a {
		position: relative;
		border: 0;
		border-right: 1px solid #d7d7d7;
	}
	.show_tab_row li:first-child a {
		border-left: 1px solid #d7d7d7;
	}
	.show_tab_row li a.on {
		border-right: 1px solid #d7d7d7;
		border-bottom: 2px solid #265097;
	}
	.capabilinfo_content>div {
		padding: 15px;
		min-height: auto;
	}
	.capabilinfo_content>div h4 {
		background-position:  0 9px;
	}
	.capabilinfo_content>div h5 {
		background-position:  0 9px;
	}
	.testdo_checkbox {
		height: auto;
	}
	.testdo_checkbox dl {
		background-position: 10px 20px;
	}
	.testdo_checkbox span {
		margin-top: 0;
		top: 20px; right: 10px;
	}
	.capabilinfo_box .show_tab li a {
		line-height: 45px; 
		padding: 0;
		text-align: center;
		border: 1px solid #d7d7d7;
		border-top: 0;
		background-image: none !important;
	}
	.capabilinfo_box .show_tab li:nth-child(1) a {
		border-left: 0;
	} 
	.capabilinfo_box .show_tab li:nth-child(2) a {
		border-left: 0;
		border-right: 0;
	}
	.capabilinfo_box .show_tab li:nth-child(3) a {
		border-right: 0;
	}
	.capabilinfo_box .show_tab li:nth-child(4) a {
		border-bottom: 0;
		border-left: 0;
	}
	.capabilinfo_box .show_tab li:nth-child(5) a {
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
	}
	.capabilinfo_box .show_tab li:nth-child(6) a {
		border-bottom: 0;
		border-right: 0;
	}
		.capabilinfo_box .show_tab li a.on {
				border-bottom: 2px solid #00427c;
		line-height: 44px;
		}
		.capabilinfo_box.majorinfo_box .show_tab li a {
		padding: 27px 0px;
		height: 70px;
		line-height: 15px; text-align: center;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
				font-size: 1rem;
	}
	.result_tit.loadmap.day span {
		margin-top: 20px; position: static;
		display: block; text-align: right;
	}
	.family_list.ability ul li {
		margin-top: 5px;
	}
	.capabilinfo_content>div p.belong_txt {
		padding-left: 0;
	}
	.capabilinfo_content>div p.belong_txt strong {
		width: auto; display: block;
		margin-left: 0; margin-right: 0;
		margin-bottom: 5px;
	}
	/* 워크넷 진단 768 */
	.worknet_step ol {
		padding-top: 0px;
	}
	.worknet_btnarea {
		text-align: center;
	}
	.worknet_content {
		padding: 220px 20px 20px;
	}
	.worknet_content .worknet_image {
		width: auto;
		left: 20px; right: 20px;
		text-align: center;
	}
	.worknet_content .worknet_image img {
		width: auto;
		max-width: 100%;
	}
	.worknet_content .btn_area {
		margin-top: 0;
		text-align: center;
	}
	.worknet_result {
		padding-top: 0;
	}
	/* 비교과 프로그램 768 */
	.previewimg_box a {
		height: 150px;
	}
	.previewimg_box a img {
		width: 105%;
	} 
	.power_box>div {
		width: 49%;
		margin-bottom: 1%;
		height: 140px;
		padding: 10px;
	}
	.power_box>div:nth-child(even) {
		margin-right: 0;
	}
	.power_box>div>div:last-child {
		padding-top: 75px;
	}
	.nunsub_box {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	/* 비교과 프로그램 상세내용 768 */
	.program_content {
		margin: 40px auto;
	}
	.program_contentbox {
		display:block;
		padding: 0;
	}
	.program_leftbox {
		width: 100%;
		padding: 0; margin-bottom: 20px;
	}
	.program_contentimg {
		position: relative;
	}
	/*.program_contentimg .previewimg_box a {
		height: auto;
	}*/
	.program_contentimg .previewimg_box a {
		height: 220px;
	}
	.program_rightbox {
		width: 100%;
		padding: 0 0 10px;
		border-bottom: 1px solid #d7d7d7;
	}
	.program_rightbox dt {
		padding-left: 0;
		font-size: 1.3rem; text-align: center;
		text-overflow: inherit;
		white-space: normal;
	}
	.program_rightbox dd {
		padding-left: 105px;
	}
	.program_rightbox dd strong {
		width: 100px;
		margin-left: -105px;
	}
	.join_count_wrap>div {
		width: 100%;
		margin-left: 0; padding-left: 120px;
	}
	.join_count_wrap>div strong {
		padding-left: 60px;
		background-position: 15px center;
	}
	
	.programpoint_list dd div {
		padding: 65px 0 5px 0;
		font-size: 1.4rem;
		background-position: center 10px;
		background-size: 50px;
	}
	.programpoint_list dd div strong {
		font-size: 1.2rem;
	}
	
	.mileage_wrap .programpoint_list {
		display: block;
		font-size: 0;
	}
	.mileage_wrap .programpoint_list dd div{
		padding: 65px 5px 5px 5px;
		font-size: 1.4rem;
		background-position: center 10px;
		background-size: 50px;
	}
	.mileage_wrap .programpoint_list dd div strong {
		font-size: 1.2rem;
	}
	.adit_top {
		padding: 10px 15px;
	}
	.adit_top>p{
		display: block;
		margin-right: 0px; margin-bottom: 10px; padding-right: 0px;
	}
		.adit_top>p::after{
				display: none;
		}
	.adit_top a {
		display: block;
		margin-left: 0;
	}
	
	.adit_content {
		min-height: 200px;
		padding: 15px;
	}
	.adit_footer {
		padding: 10px 15px;
	}
	.adit_footer ul li {
		padding: 5px 0px 5px 45px;
		font-size: 1.1rem;
		background-position: 15px 2px;
		display: block;
	}
	
	.progrmaapply_box {
		padding: 15px;
	}
	.progrmaapply_box ul li {
		padding: 8px 0 8px 80px;
	}
	.member_list p {
		padding-right: 28px;
		min-width: 280px; width: auto;
	}
	.progrmaapply_box ul li strong {
		top: 8px;
	}
	.page_footer {
		padding: 15px 0;
	}

	/* 자기주도활동 768*/
	.active_footer a {
		padding-left: 30px;
		background-size: 16px;
	}
		.total_count span{
				padding-left: 10px;
		}

	/* 전문상담 768 */
	.counselor_wrapper > div {
		padding:  50px 15px 0;
	}
	.counselor_wrapper > div h4 {
		line-height: 52px;
	}
	.counselor_box {
		margin-bottom: 15px;
		padding-bottom: 50px;
	}
	.global_campus .counselor_box, .medical_campus .counselor_box {
		margin-right: 3%;
		width: 48.5%;
	}
	.counselor_box .name {
		padding-right: 0;
		font-size: 1.15rem;
	}
	.counselor_box .name strong {
		margin-left: 3px;
		font-size: 1rem;
	}
	.counselor_box .tel {
		right: auto; top: auto; left: 15px; bottom: 15px;
	}

	.counsel_name h3 {
		display: block;
	}
	.counsel_name div.cf h3 {
		float: none;
	}
	.counsel_name div.cf h3.fl {
		float:none !important;
	}
	.counsel_divide.cf h3{
		float: none;
	}
	.counsel_name .cou_box {
		width: 200px;
	}
	.counsel_name .choicebox li {
		width: 49%; margin-right: 1%;
		margin-bottom: 1%;
	}
	.centerhi_content {
		background-image: none;
	}
	.centerhi_content>div {
		padding-left: 0px;
	}
	.counsel_name.apply h3 {
		margin-left: 0;
	}
	.counsel_name.apply>div {
		padding-left: 0;
	}
	.counsel_name.apply .reason {
		margin-left: 0;
	}
	.counsel_name.apply>div>div {
		padding-left: 0;
	}
	.counsel_name.apply p.tit {
		display: block !important;
		margin-top: 10px; margin-bottom: 5px;
	}
	.counsel_datebox .co_text {
		padding-left: 80px;
		font-size: 1.2rem;
		display: block;
		width: 230px;
		margin-left: auto; margin-right: auto;
		margin-bottom: 20px;
	}
	.counsel_datebox .co_text::before {
		width: 70px; height: 40px;
		top: -20%;
		background-size:70px 40px;
		-webkit-background-size:70px 40px;
	}
	/* KDU 진로 로드맵 768 */
	.career_choice ul li {
		margin-bottom: 5px;
	}
	.career_choice ul li strong {
		font-size: 1.1rem;
		height: 40px; line-height: 40px;
	}
	.career_choice ul li a {
		font-size: 1rem; height: 35px;
		line-height: 30px;
	}
	/* 진로설계 768*/
	.plan_box dt {
		font-size: 1.1rem;
	}
	.planlist_wrap .planlist_box, .plan_start {
		width: 49%;
	}
	.planlist_wrap > div:nth-child(3n+1) {
		margin-left: 2%;
	}
	.planlist_wrap > div:nth-child(odd) {
		margin-left: 0;
	}
	.plan_content .result_tit {
		overflow: hidden;
	}
	.plan_content .result_tit strong{
		background-position: left center;
		width: 100%;
	}
	.plan_content .result_tit .result_date {
		position: relative; right: 0; top: inherit;
		float: right; margin-top: 10px;
	}
	.testlist_paging.cw .testlist_pre {
		padding: 4px 12px 4px 30px;
		background-position: 13px center; 
	}
	.testlist_paging.cw .testlist_next {
		margin-left: 10px;  padding: 4px 30px 4px 12px;
		background-position: 47px center; 
	}
	.testlist_paging.cw .btn_circle {
		background-size: 13px;
	}
		.target_role{
				background-size: 50px;
				padding: 25px 0 25px 80px;
		}
	/* 진로설계 stpe3 */
	.btn_rowposition {
		margin-bottom: 15px;
		position: relative;
		text-align: center;
	}
	/* 로드맵 */
	.loadmap_total .graph_wrap {
		min-height: auto;
	}
	.loadmap_graphbox {
		min-height: 300px;
	}
	.downarrow_tit {
		word-break: keep-all;
	}
	.loadmap_graphbox.total {
		min-height: 60px;
	}
	.loadmap_graphbox.total .loadmap_bargraph {
		padding-left: 150px;
	}
	.loadmap_graphbox.total .loadmap_bargraph strong {
		width: 150px;
		margin-left: -155px; padding-left: 30px;
		background-size: 24px auto;
	}
		.loadmap_total .graph_box.percent img{
				position: static;
				transform:translate(0);
				-webkit-transform:translate(0);
				-moz-transform:translate(0);
				-o-transform:translate(0);
				width: 50%;
		}
	
	/* 채용정보 768*/
	.jobinfo_list {
		padding: 15px 10px;
	}
	.jobinfo_list .tbl th {
		width: 20%;
		word-break: keep-all;
	}
	.jobinfo_list .tbl td {
		width: 30%;
	}
	/* 워크넷 채용정보 */
	.worknetinfo_box .jobinfo_left strong {
		margin-bottom: 1px;
		line-height: 65px;
	}
	.jobinfo_box.jobkorea_pd {
		padding: 10px 10px 10px 100px;
	}

	/* 25.11 스타터 연동 추가 */
	.btn_tooltip > .layer_open {
		width: 100%;
		text-align: left;
	}
	
	/* 국가직무능력표준 정보 768*/
	.ncs_list dd {
		padding: 5px;
	}
	.ncs_list dd ol li {
		width: 33.33%;
	}
	.ncs_list .ncs_inner_list {
		display: block;
		padding: 0 10px 10px;
	}
	.ncsprogram_list {
		padding: 0 15px 15px 15px;
	}
	.ncsprogram_list dt {
		margin-top: 15px; padding-left: 20px;
		background-size: 14px auto;
		background-position: 0 7px;
	}
	.ncsprogram_list dd {
		padding-left: 15px;
	}
	.ncs_list .ncs_inner_box {
		display: block;
		width: 100%;
		margin-top: 15px;
		border: 1px solid #d7d7d7;
	}
	/* 기업정보 -상세내용 768 */
	.levelcompare_box>div {
		width: 100%; margin-bottom: 5%;
	}
	.levelcompare_box>div {
		margin-left: 0;
	}
	.pattern_wrap>li {
		width: 100%; margin-left: 0; 
		min-height: 200px;
	}

	/* 마이페이지 - 전공능력 현황 768 */
	.my_major {
		display: block;
	}
	.my_major>div {
		width: 100%;
		padding: 15px 20px;
	}
	.my_major .major_tit {
		border-bottom:0;
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.major_tit>div {
		position:static;
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
	}
	.my_major .major_content {
		border-top: 0;
		border-radius:0 0 5px 5px;
		-webkit-border-radius:0 0 5px 5px;
		-moz-border-radius:0 0 5px 5px;
	}
	.major_content ul {
		position:static;
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
	}
	.major_score>div {
		height: 110px;
		padding: 30px 10px 30px 38%;
		background-size: 39px 49px;
		-webkit-background-size: 39px 49px;
		background-position: 20% center;
	}
	.major_score strong {
		margin-bottom: 5px;
	}
	

	/* 마이페이지 - 핵심역량/취업역량 현황 768*/
	.power_box.certi>div>div:last-child {
		padding-top: 70px;
	}
	/* 마이페이지 - 인증 현황 768 */
	.certi_box {
		margin-right: 0; margin-bottom: 10px;
		float: none;
	}
	.certi_box li {
		display: block;
		width: 100%;
	}
	.achieve_score li {
		margin-right: 1%;
		height: 95px;
	}
	.achieve_score li::after {
		display: none;
	}
	.achieve_score li:last-child {
		width: 100%; height: 95px;
		margin-top: 86px;
	}
	.achieve_score li:last-child::after {
		display: block;
		top: -46px;
	}
	.achieve_score li:nth-child(1),
	.achieve_score li:nth-child(2),
	.achieve_score li:nth-child(3) {
		width: 32.2%;
	}
	.achieve_score li:nth-child(4),
	.achieve_score li:nth-child(5) {
		margin-top: 66px;
		width: 49%; 
	}
	.achieve_score li:nth-child(3),
	.achieve_score li:nth-child(5) {
		margin-right: 0;
	}
	.achieve_score li:nth-child(1) br,
	.achieve_score li:nth-child(4) br,
	.achieve_score li:nth-child(5) br:last-child,
	.achieve_score li:last-child br {
		display: none;
	}
	.achieve_score li a {
		padding: 10px 5px;
	}
	.achieve_score li p {
		bottom: 10px; font-size: 1.5rem;
	}
	.achi_plus {
		font-size: 0.9rem;
	}
	.achi_plus1 {
		top: 95px; left: 50%; 
		width: 70%; height: 42px;
		transform: translateX(-50%);
	}
	.achi_plus2 {
		top: 256px; left: 0;
		width: 49%;
		background: none;
		padding-top: 10px;
	}
	.achi_plus3 {
		top: 256px; left: inherit; right: 0%;
		width: 49%;
		background: none;
		padding-top: 10px;
	}

	
	/* 마이페이지 - 장학금 768 */
	.capa_chart_box {
		padding: 20px 14px;
	}
	.capa_chart {
		overflow: hidden;
		overflow-x: auto;
	}
	.capa_chart_header ul li {
		font-size: 13px;
	}
	.capa_chart_header ul li::before {
		width: 12px; height: 12px;
	}
	.capa_chart_header p {
		font-size: 13px;
	}

  .major.capa_chart_box .capa_chart > div { 
    width: 700px;
  }

  .employ1.capa_chart_box {
    margin-bottom: 20px;
    padding: 20px 14px;
  }
  .employ1.capa_chart_box .capa_chart_header {
    position: static;
  }
  .employ1.capa_chart_box .capa_chart_header ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .employ1.capa_chart_box .capa_chart_header li {
    display: inline-block;
    margin-bottom: 0; margin-left: 10px;
  }
  .employ1.capa_chart_box .capa_chart_header li:first-child {
    position: relative;
    margin-left: 15px;
    padding-left: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    order: 3;
  }
  .employ1.capa_chart_box .capa_chart_header li:first-child::before {
    position: absolute;
    left: -1px;
    top: 50%;
    content: "";
    width: 1px;
    height: 15px;
    background-color: #D9D9D9;
    transform: translateY(-50%);
  }
  .employ1.capa_chart_box .capa_chart > div > div {
    margin-bottom: -20px;
  }
  .employ1.capa_chart_box .capa_chart .apexcharts-canvas {
    margin: 0; 
  } 

	/* 공지사항 */
	.bbs_wrap li {
		padding-right: 50px;
	}
	.bbs_wrap li a {
		display: block;
		width: 100%;
		padding: 20px 0 5px 40px;
	}
	.bbs_wrap li a strong {
		width: 25px; height:20px;
		line-height: 25px;
		left: 5px;
	}
	.bbs_wrap li a strong.fix_list {
		width: 28px; height: 25px;
		background-size: contain;
	}
	.bbs_wrap li a dl {
		display: block;
	}
	.bbs_wrap li a dl dt {
		font-size: 1rem;
	}
	.bbs_wrap li a dl dd {
		margin-top: 5px;
	}
	.bbs_wrap .bbs_info {
		display: table;
		width: 100%;
		padding-left:40px; margin-bottom: 20px;
	}
	.bbs_wrap .bbs_info span {
		display: table-cell;
		width: 50%;
		padding: 0;
		text-align: left; color: #999;
	}
	.bbs_wrap .bbs_info span.read_count {
		text-align: right;
	}
	.bbs_wrap .btn_addlike {
		margin-top: 0;
		top: 20px;
	}
	.total_count .qna_span {
		vertical-align: top;
		line-height: inherit;
	}
	/* 공지사항, 자료실 상세 */
	.bbs_header {
		padding: 10px;
	}
	.cnt_title {
		padding-right: 40px;
		font-size: 1.1rem;
	}
	.bbs_header .btn_addlike {
		top: 10px; right: 10px;
	}
	.re_area {
		margin-top: 30px;
	}
	.re_area dl {
		padding: 10px 15px;
	}
	
	/* Q & A */
	.faqlist_wrap .faqlist dt {
		padding: 15px 35px 15px 50px;
		font-size: 1rem;
	}
	.faqlist_wrap .faqlist dt span {
		width: 30px; height: 30px;
		margin-left: 10px; margin-top: -15px;
		font-size: 1.6rem; line-height: 30px;
	}
	.faqlist_wrap .faqlist dt p {
		width: 20px;
		right: 5px;
		background-size: 18px;
	}
	.faqlist_wrap .faqlist dt.on p {
		background-size: 18px;
	}
	.faqlist_wrap .faqlist dd {
		padding: 15px 15px 15px 90px;
	}
	.faq_content {
		margin-top: 0;
	}
	.answericon_arrow {
		width: 20px;
		margin: 0 5px 0 15px;
		background-size: 20px;
	}
	.answericon_a {
		width: 30px; height: 30px;
		margin-right: 10px;
		font-size: 1.6rem; line-height: 30px;
	}
	
		/* 포트폴리오 768 */
	.studentinfo_box {
		padding: 10px;
	}
	.studentinfo_box .resumeimg {
		margin-left: -60px;
		position: relative; left: 50%; top: 10px;
				transform:translate(0);
				-webkit-transform:translate(0);
				-moz-transform:translate(0);
				-o-transform:translate(0);
	}
	.studentinfo_box dl {
		padding: 5px;
	}
	.studentinfo_box dl dt {
		text-align: center;
	}
	.studentinfo_box dl dd {
		padding-left: 130px;
	}
		.resume_container .result_tit.portfolio {
				-webkit-background-size: 30px;
				background-size: 30px;
		padding: 10px 50px 10px 70px;
		}
		.result_tit.loadmap strong {
				font-size: 1.4rem;
				padding: 10px 10px 10px 35px;
		}
	.result_tit.loadmap strong {
				font-size: 1.4rem;
				padding: 10px 10px 10px 35px;
		}
	.result_tit.loadmap strong::after {
		left: 155px;
	}
	.studentinfo_box dl dd strong {
		width: 130px;
		margin-left: -130px;
	}
	.studentinfo_box dl dd strong span {
		width: 25px; height: 25px;
		margin-top: -12px;
		background-size: 12px;
	}
	.portfolio_toparea {
		padding-top: 30px;
	}
	.portfolio_btnarea {
		display: block;
		width: 100%; height: auto;
		margin-bottom: 10px;
		position: relative; top: auto;
		text-align: center;
	}
	.count_label {
		margin-right: 10px;
	}
	.resume_wrap ul li.resume_list2 {
		padding-left: 45px;
	}
	.registration_date {
		margin-bottom: 10px;
	}
	.selfintro_wrap article {
		padding: 15px;
	}
	.result_tit .result_date {
		left: inherit;
		right: 40px;
		top: 60%;
	}
	.result_container .arrow {
		text-indent: -9999px;
		border: 0;
		right: 10px;
	}
	.result_tit .arrow::before {
		width: 20px; height: 20px;
		background-position: center center;
		right: 15px;
	}
	.result_container.on .arrow::before {
		background-position: center center;
	}
	/* 역량 현황 768*/
	.mileage_wrap {
		padding: 15px;
	}
	.mileage_box {
		padding: 0px;
	}
	.mileage_box div {
		width: 400px; height:100px;
		padding: 30px 10px; margin-bottom: 15px;
		background-size: auto 100%;
	}
	.mileage_box div h4 {
		margin-bottom: 5px;
		font-size: 1.5rem;	
	}
	.mileage_box div p {
		height: 40px;
		font-size: 2rem; line-height: 40px;
	}
	.mileage_box div p span {
		height: 100%;
		background-size: contain;
	}
	.mileage_graph {
		padding: 20px;
		background-size: 70px auto;
		background-position: right bottom;
	}
	.mileagehistory_box .programpoint_list dd {
		display: inline-block;
		width: 33.33%;
	}
	
	.readking_wrap .programpoint_list {
		width: 100%;
		margin-bottom: 5px;
	}
	.readking_wrap ul {
		width: 100%;
		margin-bottom: 20px;
		position: relative;
		text-align: center;
	}
	.readking_wrap ul li {
		width: 49%;
	}
		/* Q & A */
		.password_box .password_border{
				width: 10px; height: 10px;
		margin-left: 5px;
		}
		.password_box .pw_move{
				margin-bottom: 5px;
				padding-left: 0px;
		}
		.password_box .pw_move input{
				height: 30px; width: 130px;
				font-size: 0.85rem;
		margin-left: 0;
		}
		.pw_btn {
				margin-top: 10px;
		}
		.pw_btn button{
				height: 30px; 
		}
	/* 상담 - 심리상담 */
	.border_list {
		padding: 5px 15px;
	}
	.agree_box {
		padding: 10px 15px;
	}
	.agree_box > p {
		width: 100%;
		padding: 10px 0;
	}
	.agree_box > p.radio_row {
		width: 10%;
	}
	.agree_txt {
		font-size: 1rem;
	}
	.agree_txt span {
		width: 40px;
		background-size: 30px;
	}
	.family_list dt {
		padding: 10px 0px 10px 15px;
		font-size: 1.1rem;
	}
	.family_list dt span {
		top: 10px; right: 0;
	}
	.family_list dt .arrow::before {
		text-indent: -9999px;
		width: 20px; height: 20px;	
		-webkit-background-size: 10px;
		background-size: 10px;
		background-position: center;
		top: 12px;
	}
	.family_list dt.on .arrow::before {
		background-position: center;
	}
	.family_list.ability dt {
		padding: 10px 0 10px 10px;
	}
	.family_list.ability .abil_span {
		padding-right: 50px;
	}
	.family_list.ability dt .arrow::before {
		top: 12px; right: 10px;
		transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
		border:1px solid #c5c7cc;
		background-position: center;
	}
	.family_list.ability dd {
		padding: 10px 20px;
	}
	.family_list.ability dd ul li {
		min-width: 80px; height: 50px;
		font-size: 1rem;
		padding: 5px;
	}
	.family_list.ability dd ul li strong {
		font-size: 1.35rem;
	}
	.family_list.ability dd ul li strong i {
		font-size: 1rem; vertical-align:2px;
	}
	.family_list dl:last-child dt .plus {
		background-size: 30px 30px;
		right: 60px;
		text-indent: -9999px;
	}
	.family_list dl dt .delete {
		background-size: 30px 30px;
		right: 30px;
		text-indent: -9999px;
	}
	.family_row {
		padding: 15px 2px;
	}
	.family_list.plusminus dt {
		padding-right: 110px;
	}
	
	/* 방문상담 */
	.bg {
		margin: 20px 0 15px 0;
	}
	.calender_topbox {
		top: 65px;
	}
	.fc-title span {
		white-space: normal;
	}
	.field_intro {
		background-size: 150px;
		background-position: center 0px;
		height: auto;
		padding: 120px 20px 20px 20px;
	}
	.field_intro p {
		padding:0px;
		line-height: inherit;
		font-size: inherit;
		position: static;
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
	}
	.field_intro p span {
		font-size: 1.2rem;
	}
	/* 개인정보동의 768 */
	.privacy_wrapper {
		padding: 40px 0;
	}
	.privacy_wrap .logo {
		width: 170px;
	}
	.privacy_wrap .radio_row_wrap {
		margin: 4px 0;
	}
	.privacy_box {
		height: 300px;
	}
	.privacy_box h5 {
		font-size: 1.2rem; 
	}
	.privacy_wrap .btn_area {
		padding: 0;
	}
	.privacy_wrap .btn_area a{
		width: 100%;
		border-radius: 0;
	}

	/*202404 전공역량현황 추가*/
	.view_detail{
		position: absolute;
		top:10px;
		right: 0;
	}
	.view_detail a{
		text-decoration:underline;
		font-weight: 500;
	}
	.sec_stit{
		font-size: 14px;
		font-weight: 400;
		line-height: 18.2px;
		color: #000;
	}
	/*202404 추가*/
	.subprogram_swiper {
		padding: 40px 40px;
	}
	.subprogram_swiper .swiper_control {
		width: 42px; height: 42px;
	}
	
	.search_day_wrap { 
		flex-direction: column;
		width: 100%;
	}
	.search_day_wrap > div {
		width: 100%;
	}

	.search_job2 .search_br_wrap {
		flex-direction: column;
		width: 100%;
	}
	.search_job2 .search_br {
		margin-top: 0;
		width: 100%;
	}

  /* 소단위 전공과정 신청 768 */
  .search_box.sh_box {
    margin-bottom: 40px;
  }
  .subunit_section {
    padding-left: 280px;
  }

	.search_br .select2-container .select2-choice > .select2-chosen {
		font-size: 14px;
	}
	.sh_type2 .gd_type .search_label {
		font-size: 14px; 
	}
	.sh_type2 .gd_type .form_style.search_text {
		padding-left: 284px;
		font-size: 14px;
	}
  .minor_wrapper {
    margin: 20px auto 70px; 
    padding: 15px 17px 25px 25px;
    border-radius: 10px;
  }
  .minor_wrap { 
    grid-template-columns: 1fr;
    gap: 46px;
  }
  .minor_header {
    text-align: right;
  }
  .status_label {
    position: static; 
    margin-bottom: 6px; margin-right: 8px;
    padding-right: 20px;
    font-size: 1.14rem;
    background-size: 16px;
  }
  .minor_subject_box {
    padding: 25px 26px 25px 29px;
    min-height: auto;
    border-radius: 10px;
  }
  .minor_subject_box::before {
    top: 50px; left: -9px;
    width: 29px; height: calc( 100% - 90px );
    background-size: 29px auto;
  }
  .subject_name {
    font-size: 1.29rem; line-height: 26px; text-align: left;
  }
  .subject_name::before {
    margin-right: 8px;
    width: 26px; height: 26px;
    vertical-align: top;
  }
  .sub_title {
    font-size: 1rem;
  }
  .sub_title span {
    padding-left: 12px;
    background-size: 5px auto;
  }
  .progress_bar {
    padding: 2px 3px;
    height: 12px;
  }
  .subject_item {
    margin-bottom: -20px;
    padding: 10px 75px 24px 20px;
    border-radius: 10px;
  }
  .subject_label {
    width: 50px; height: 20px;
    font-size: 0.86rem;
  }
  .subject_item > p {
    margin-top: 0;
    font-size: 1.14rem;
  }


}


@media screen and (max-width:481px) {  
	.score_box {
		background: #e7eaf0;
		border-radius: 50px;
		text-align: center;
		margin: 0 20px;
		display: block;
	}
	.score_box li{
		width: 100%;
		margin-right: 0;
	}
	.score_box li.on p{
		background:#265097;
		color:#fff;
		border-radius: 50px;
	}
	.score_box li p{
		padding:15px 0;
	}
	.score_box li p span{
		display:block;
	}

	/*20240426 select box 추가*/
	.sh_type .gd_type{width: 50%;}
	.sh_type .gd_type.gd_type2{width: 100%;}
	
	/*202404 소단위전공과정 추가*/
	.search_br .select2-container .select2-choice{border-radius: 10px;}
	.position_a2 {
    position: absolute;
    top: 0;
    right: 110px;
	}
	.program_lisbox2:hover {
		border: 1px solid #1C77FF;
		background: #fff;
		font-size: 18px;
		background:#fff url(../../images/client/common/bg_logo.png) no-repeat center 50px;
    z-index: 1;
	}
	.main_performance .disabled li span{
		color: #CCCED4;
	}
	.program_lisbox2.disabled dt{
		color: #CCCED4;
	}
	.main_section2{
		margin-bottom:100px;
	}
	.main_perform_titlewrap{
		justify-content: center;
    align-items: center;
		display: flex;
    flex-direction: column;
	}
	.sh_type2 .gd_type{width: 100%;}
	.sh_type select{
		width: calc(50% - 10px);
	}
	.procedure_icon.ic1{
		background: url(../../images/client/common/icon_judge01.png) no-repeat 58px 35px; 
	}
	.procedure_icon.ic2{
		background: url(../../images/client/common/icon_judge02.png) no-repeat 72px 35px; 
	}
	.procedure_icon.ic3{
		background: url(../../images/client/common/icon_judge03.png) no-repeat 72px 35px; 
	}
	.procedure_icon.ic4{
		background: url(../../images/client/common/icon_judge04.png) no-repeat 37px 35px; 
	}
	.procedure_icon span{
		color:#222;
		font-size: 20px;
		font-family: 'Pretendard';
		padding-right: 50px;
	}
	.main_perform_titlewrap{
		position: static;
		flex-direction: column;
		align-items: center;
	}
	/* .main_performance {
		position: relative;
		margin: 0 auto;
		width: 96%;
	} */
	.performance_box{position: relative;}
	.subprogram_swiper {
		padding: 40px 40px;
		padding: 40px 40px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
	}
	
	.program_lisbox2 dt{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 40px;
		padding: 15px 40px 0 15px;
		margin-bottom: 0.5em;
		font-size: 18px;
		font-family: 'Pretendard';
		text-overflow: ellipsis;
		word-break: keep-all;
		overflow: hidden;
		white-space: nowrap;
		color: #333;
		font-weight: 600;
		-webkit-transform: rotate(-0.03deg);
		-moz-transform: rotate(-0.03deg);
		-o-transform: rotate(-0.03deg);
		transform: rotate(-0.03deg);
	}
	.program_lisbox2:hover dt{color:#1C77FF}
	.program_lisbox2 dd{
		padding: 5px 10px 5px 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #222;
		font-size:18px;
		font-family: 'Pretendard';
	}
	.program_lisbox2 dd span{
		display:block;
		color:#898D9C;
		font-size:14px;
		font-family: 'Pretendard';
	}
	.performance_box{margin-top:34px;height: 320px;}
	.main_performance li{
		color:#222;
		font-size:14px;
		background:url(../../images/client/common/icon_dot.png) no-repeat 0 9px;
		line-height:24px;
		font-family: 'Pretendard';
	}
	.main_performance li span{
		color:#265097;
		font-size:14px;
		padding-left:8px;
		font-family: 'Pretendard';
		background:url(../../images/client/common/icon_bar.png) no-repeat 84px 6px;
		float: left;
		width: 100px;
		line-height:24px;
	}

	/* 메인화면 480 */
	.mainpage_visual {
		background-size: auto 350px;
	}
	.mainpage_visual .grid_content {
		height: 260px;
		background-size: 200px auto;
	}
	.mainpage_visual h2 {
		top: 50px; right: 10px;
		padding-top: 55px;
		font-size: 1.3rem;
		background-size: auto 50px; 
	}

	.mainprogram_wrap .main_top {
		padding-bottom: 30px;
	}
	.mainprogram_wrap .main_top .rightbox {
		top: auto; bottom: 0;
	}

	.maincounsel_list {
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.maincounsel_list li {
		margin-bottom: 15px;
		width: 35%;
		flex: none;
	}
	.maincounsel_list li:nth-child(n+3) {
		margin-bottom: 0;
	}
	.maintest_list {
		height: auto;
		flex-direction: column;
	}
	.maintest_list li {
		margin: 0 0 10px;
		width: 100%; height: auto;
	}
	.maintest_list li:last-child {
		margin-bottom: 0;
	}
	.maintest_list li::after {
		left: 30px; top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.maintest_list li a {
		padding: 20px;
		height: auto;
	}
	.maintest_list li:nth-child(1)::after {
		width: 55px; height: 64px;
	}
	.maintest_list li:nth-child(2)::after {
		left: auto; right: 30px;
		width: 60px; height: 61px;
	}
	.maintest_list li:nth-child(3)::after {
		width: 55px; height: 61px;
	}
	.maintest_list li:nth-child(4)::after {
		left: auto; right: 30px;
		width: 46px; height: 61px;
	}
	.maintest_list li:nth-child(5)::after {
		width: 51px; height: 61px;
	}


	/* 공통 - 박스영역 */
	.section_area {
		margin-bottom: 10%;
	}
	.section_toparea {
		margin-top: 2em;
	}
	
	/* 서브 - 공통 */
	.infotop_box {
		padding: 70px 15px 15px;
		text-align: center;
		background-position: center 10px;
	}
	.infotop_box2 {
    padding-left: 60px;
    background-size: 44px;
    background-position: 12px center;
    border-radius: 38px;
	}
	
	/* 시스템 소개 480 */
	.intro_box .intro_box_tit, .intro_box .quotes_txt {
		width: 100%;
	}
	.intro_box .intro_box_tit {
		text-align: center; line-height: 70px;
		background-position: 30%; 
	}
	.intro_box .icon_quotes_left, .intro_box .icon_quotes_right {
		width: 10px; height: 10px; background-size: contain;
	}
		.intro_box .intro_box_tit{
				padding-left: 30px;
		}
	.intro_box ul {
		width: 100%;
		padding-top: 0;
	}
	.intro_box2 li {
		width: 80%;
	}
		.intro_box3{
				height: 120px;
		}
	.intro_box4 ul {
		width: 100%;
	}
	.intro_box4 li {
		margin-bottom: 20px;
	}
	.intro_box4 i {
		margin-top: 0;
	}
	.intro_txt1 {
		width: 100%;
		padding-top: 350px;
	}
	.subcontent_wrap .section_intro {
		background-position: center 260px;
		-webkit-background-size: 350px 300px;
		background-size: 300px 280px;
	}
	.online_popbox>div.gray {
		margin-top: -20px;
	}
	/* 서브 - 핵심역량 진단 */
	.test_card {
		padding: 150px 10px 10px;
		text-align: center;
		background-position: center 10px;
	}
	.test_card h4 {
		padding-bottom: 2%;
		text-align: center; font-size: 1.2rem;
	}
	.test_card h4 strong {
		font-size: 1.3rem;
	}
	.test_card p {
		text-align: center;
		
	}
	.capa_box div {
		height: auto;
	}
	.capa_box div p:first-child {
		width: 100%; height: 30px;
		background-image:none !important;
		background-color: #265098;
		line-height: 30px;
		border-radius:10px 10px 0 0;
	}
	.capa_box div p:last-child {
		position: static;
		transform:translate(0);
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-o-transform:translate(0);
		padding-top: 10px; padding-bottom: 10px;
		text-align: center;
	}
	.capa_box ul li{
		text-align: center;
	}
	.capa_box.black div p:first-child {
		background-color: #485a72;
	}
	.capa_box.sky div p:first-child {
		background-color: #2e9ac8
	}
	.capa_box.red div p:first-child {
		background-color: #e35c60;
	}
	.capa_box.yellow div p:first-child {
		background-color: #f8992b;
	}
	.capa_box.green div p:first-child {
		background-color: #5dc1a7;
	}
	/* 서브 - 핵심역량 진단하기*/
	.testlist_paging .btn {
		display: block;
		position: relative;
		margin: 10px auto 0;
	}
	
	/* 핵심역량 진단결과 */
	/*
	.capabilinfo_box .show_tab li a {
		height: 100px;
	}
	.capabilinfo_content>div h4 {
		font-size: 1.2rem;
	}
	.capabilinfo_content>div h5 {
		font-size: 1.1rem;
	}
	.capabilinfo_content>div p.belong_txt strong {
		display: block;
		width: 100%;
		margin-left: 0;
	}
	.capabilinfo_content>div p.belong_txt {
		padding-left: 0;
	}
	*/
	
	.result_tit strong {
		max-width: 100%;
		padding: 10px 20px 10px 5px;
		font-size: 1.2rem;
		background-image: none;
	}
	.result_tit.loadmap strong{
		background: none;
		padding: 10px; width: 100%;
		font-size: 1.2rem;
	}
	.result_tit.loadmap strong::after {
		left: 130px;
	}
	.result_tit.loadmap strong span {
		display: none;
	}
	.result_tit span {
		height: 20px;
	}
	.result_card .test_card h4 {
		padding: 0; margin-bottom: 10px;
	}
	
	/* 비교과 상세 */
	.programpoint_list dd div {
		padding: 55px 0 5px 0;
		min-height: 131px;
		font-size: 1.3rem;
		background-size: 40px;
	}
	.programpoint_list dd div strong {
		height: 38px;
		font-size: 1.1rem; line-height: 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.1rem;
	}
	.power_box>div {
		width: 100%; margin-bottom: 2%;
		margin-right: 0%; float: none;
	}
		/* 자기주도활동 480*/
	.total_count {
		padding-left: 20px;
	}
		.total_count span{
				padding-left: 0px;
				width: 30%; display: inline-block;
		margin-left: 5px;
				margin-bottom: 10px; text-align: center;
		}
	.active_box {
		background-image: none !important;
		padding: 10px 25px;
		height: 100px;
	}

	/* 전문상담 480*/
	.counselor_box {
		min-height: auto;
	}
	.global_campus .counselor_box, .medical_campus .counselor_box {
		margin-right: 0;
		width: 100%;
	}

	.counsel_name .choicebox li {
		margin-right: 0;
		width: 100%;
	}
	.family_row{
		display: block;
	}
	.together_ul {
		width: 100%;
	}
	.together_ul ul {
		padding-left: 0;
	}
	.together_ul ul li {
		padding-left: 10px;
	}
	.medical_ul::before {
		width: 100%;
		position: relative;
		margin-bottom: 10px;
	}
	.global_ul::before {
		width: 100%;
		position: relative;
		margin-bottom: 10px;
	}
	.metro_ul::before {
		width: 100%;
		position: relative;
		margin-bottom: 10px;
	}
	.family_list.plusminus dt {
		padding-right: 95px;
	}
	.count_db {
		display: block;	
		margin-top: 10px;
	}
	/* 진로설계 480*/
	.planlist_box {
		min-height: 170px;
		padding: 10px;
	}
	.planlist_wrap .planlist_box{
		width: 100%;
		margin-left: 0;
	}
	.planlist_wrap > div:nth-child(3n+1) {
		margin-left: 0;
	}
	.plan_start a {
		min-height: 170px;
		padding-top: 120px;
		background-size: 60px;
	}
	.plan_box {
		background-size: 60px;
	}
	.joblist_content {
		padding: 20px 20px 25px; 
	}
	.joblist_content h4 {
		padding-left: 20px;
		font-size: 1.4rem;
	}
	.joblist_content dl dt {
		font-size: 1.1rem;
	}
	.joblist_content dl dd {
		padding: 0 0 20px;
	}
	.testlist_paging.cw .btn_circle {
		display: block; 
	}
		.target_role{
				padding: 25px 0 25px 100px;
		}
	.rolemodel_wrap .programpoint_list dd {
		width: 49.5%;
	}
	.rolemodel_wrap .programpoint_list dd:nth-child(3) {
		margin-right: 0;
	}
	.rolemodel_wrap .programpoint_list dd:nth-child(4) {
		margin-right: 1%;
	}
	.rolemodel_wrap .programpoint_list dd:nth-child(5) {
		margin-right: 0;
	}
	/* 진로설계 step1 */
	.testlist_paging ul {
		margin-bottom: 20px;
	}
	/* 진로설계 step2 480*/
		.plansetting_box dd{
				font-size: 1.1rem;
		}
	/* 채용정보 480 */
	.jobinfo_right dd li strong {
		width: 60px;
	}
	/* 국가직무능력표준 정보 480*/
	.ncs_list dd ol li {
		width: 50%;
	}
	/* 포트폴리오 480*/
	.studentinfo_box {
		padding: 10px;
	}
		.resume_container .result_tit.portfolio {
				background-image: none;
				padding: 10px 30px 10px 10px;
		}
	.resume_container .result_tit.portfolio strong {
		
	}
	.studentinfo_box .resumeimg {
		margin-left: -60px;
		position: relative; left: 50%; top: 10px;
				transform:translate(0);
				-webkit-transform:translate(0);
				-moz-transform:translate(0);
				-o-transform:translate(0);
	}
	.studentinfo_box dl {
		margin-top: 20px;
	}
	.studentinfo_box dl dt {
		text-align: center;
	}
	.studentinfo_box dl dd {
		padding-left: 30px;
				padding-right: 30px;
				margin-top: 10px;
	}
	.studentinfo_box dl dd strong {
		width: auto;
		display: block;
				background: none;
				text-align: left;
				margin-left: -30px;
				padding-left: 30px;
	}
	.studentinfo_box dl dd strong span {
				
	}
	.resume_wrap ul li.resume_list4{
			position: static;
			margin-top: 20px;
			float: right;
			width: 100%;
	}
	.result_tit .result_date {
		display: none;
	}
	/* 마이페이지 - 전공능력 현황 480 */
	.major_score>div{
		height: 100px;
		background-size: 18px 23px;
		background-position: 5px 5px;
		text-align: center;
		padding: 30px 0;
	}
	.major_score strong {
		font-size: 1rem;
		margin-bottom: 0;
	}
	.major_score p {
		font-size: 1.15rem;
	}
	/* 마이페이지 - 인증 현황 480 */
	.achieve_score li {
		height: auto;
	}
	.achieve_score li a {
		padding: 8px;
	}
	.achieve_score li:nth-child(1),
	.achieve_score li:nth-child(2),
	.achieve_score li:nth-child(3) {
		width: 32.1%; height: 109px;
	}
	.achieve_score li:nth-child(4),
	.achieve_score li:nth-child(5) {
		height: 79px;
	}
	.achieve_score li:last-child {
		height: 48px;
	}
	.achieve_score li:nth-child(1) br,
	.achieve_score li:nth-child(4) br,
	.achieve_score li:nth-child(5) br:last-child{
		display: block;
	}
	.achi_plus1 {
		top: 109px;
	}
	.achieve_score li:last-child::after {
		top: -34px;
		width: 24px; height: 13px;
		background-size: cover;
	}

	/* faq  480*/
		.faqpage .faqlist_wrap .faqlist dt p {
				width: 15px; height: 7px; background-size: 15px;
		}
		.faqpage .faqlist_wrap .faqlist dt.on p {
				width: 15px; height: 7px; background-size: 15px;
		}
	/* 커뮤니티 480 */
		.title_info p {
				display: block;
				margin-right: 0;
		}
		.title_info p:nth-child(1) {
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
		}
		.title_info p:nth-child(2) {
				margin-bottom: 5px;
		}
	/* 개인정보동의 481 */
	.privacy_wrapper {
		padding: 6% 0;
	}
	.privacy_wrap .radio_row_wrap {
		margin: 14px 0;
		text-align: center;
	}
	.privacy_wrap .radio_row_wrap p {
		margin: 0;
		width: 49%;
	}
	.privacy_box {
		padding: 6px 10px;
	}


	/*202404 전공역량현황 추가*/
	.view_detail{
		position: absolute;
		top:10px;
		right: 0;
	}
	.view_detail a{
		text-decoration:underline;
		font-weight: 500;
	}
	.sec_stit{
		font-size: 14px;
		font-weight: 400;
		line-height: 18.2px;
		color: #000;
	}
	.date_check{
		background: #F0F0F0;
		display: flex;
		padding:7px 9px;
		border-radius: 10px;
	}

	
  
  /* 소단위 전공과정 신청 480 */ 

	.sh_type2 .gd_type .search_label { 
		display: none;
	}
	.sh_type2 .gd_type .form_style.search_text {
		padding-left: 16px;
	}
	.sh_type2 .search_rt {
		text-align: center;
	}

  .subunit_section {
    padding: 0;
  }

  .subunit_main {
    position: relative;
    margin-bottom: 20px;
    padding-top: 0;
    width: 100%;
  }
  .subunit_header {
    margin-bottom: 12px;
  }
  .subunit_header .label {
    padding: 0 10px;
    font-size: 0.9rem; line-height: 20px;
  }
  .subunit_main .title {
    margin-bottom: 12px;
    font-size: 1.43rem; 
  }
  .subunit_main ul {
    margin-bottom: 16px;
  }
  .subunit_main li {
    margin-bottom: 8px;
    padding-left: 12px;
    background-size: 4px;
  }
  .subunit_main li > strong {
    min-width: 73px;
  }

  .subunit_footer {
    min-height: auto;
  }
  .subunit_footer .btn_circle {
    line-height: 32px; font-size: 1.14rem;
  }
  

  .subunit_swiper:has(.subunit_control.next[aria-disabled="true"])::before { 
    position: absolute; top: 0; left: 0;
    z-index: 2;
    content: ""; 
    display: block;
    width: 20%;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #F3F4F9);
    border-radius: 25px 0 0 25px;
  }  
  .subunit_swiper:has(.subunit_control.next[aria-disabled="false"])::after {
    display: block;
  } 
  .subunit_swiper::after {
    position: absolute; top: 0; right: 0;
    z-index: 2;
    content: "";
    display: none;
    width: 20%; height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #F3F4F9);
    border-radius: 0 25px 25px 0;
  }
  
  .subunit_swiper {
		padding: 20px 28px;
    border-radius: 20px;
  }
  .subunit_swiper .subject_box {
    min-height: 278px;
  }
  .subunit_swiper .subject_box dt {
    margin-bottom: 14px;
		font-size: 1.14rem;
  }
  .subunit_swiper .subject_box dd {
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .subunit_swiper .subject_box dd span {
    margin-bottom: 4px;
  }
  .procedure_icon {
    position: absolute; top: 0; right: 0; 
    text-align: right;
  }
  .procedure_icon span {
    padding-right: 22px;
    font-size: 1.14rem;
    background-size: 16px;
  }

  .subunit_history .subunit_swiper .subject_box {
    padding: 20px 28px 12px;
    border-radius: 20px;
  }
  .subject_status {
    margin-top: 20px;
    padding-top: 12px;
  }
  .subject_status > p {
    line-height: 24px; font-size: 1.14rem;
  }


}

@media screen and (max-width:400px) {
	/* 마이페이지 - 인증 현황 400 */
	.achieve_score li {
		margin-right: 0;
	}
	.achieve_score li:nth-child(1),
	.achieve_score li:nth-child(2),
	.achieve_score li:nth-child(3) {
		height: 121px;
	}
	.achi_plus1 {
		top: 121px;
	}
	.achi_plus2, .achi_plus3 {
		top: 268px;
	}
	
}


/*-------------------------------------------------------------------*/
.infotop_in {
	color: #3a520f;
}