@charset "utf-8";

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

/* 이미지 라이트박스 */
.mfp-figure figure{
	overflow: auto;
	padding: 10px;
	background: #fff;
}
img.mfp-img{
	width: 120%;
}
.image_cousor {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

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

/* 텍스트 */
.txt {
	font-size: 1.5rem; line-height: 1.6em; word-break: keep-all; 
}
/*.infotop_box {
	margin-bottom: 46px; padding: 30px 30px 30px 126px;
	font-size: 1.5rem; word-break: keep-all;
	background: #efebdc url(../../images/client/sub/icon_infotext.png) no-repeat 34px center;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}*/
.hightlight {
	font-weight: inherit; line-height: inherit; vertical-align: top;
	background-repeat: no-repeat;
}
.highlight_blue {
	background-image: linear-gradient(transparent 80%, #5bdbf6 20%);
}
.font_alert {
	color: #f64f2e !important;
}

/* 영역 타이틀 */
.section_tit_lg {
	margin-bottom: 0.5em; padding: 5px 0 5px 26px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: url(../../images/client/sub/icon_tit_lg.png) left 14px no-repeat; 
}
.section_tit_md {
	margin-bottom: 0.3em; padding: 5px 0 5px 20px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: url(../../images/client/sub/icon_tit_md.png) left 10px no-repeat; 
}
.section_tit_sm {
	margin-bottom: 0.2em; padding: 5px 0 5px 20px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: url(../../images/client/sub/icon_tit_sm.png) left 14px no-repeat; 
}

/* 토탈카운트 */
.total_count {
	padding-left: 25px;
	color: #a8aaad;
	background: url(../../images/client/sub/icon_total_count.png) no-repeat left 3px;
}
.searchtoggle_left .total_count {
	margin-top: 10px;
}

/* 검색결과 없음 */
.nocnt_box {
	position: relative;
	padding: 30px 0;
	text-align: center;
	background: #f2f2f2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.nocnt_box p {
	display: inline-block;
	padding: 20px 0 20px 95px;
	max-width: 80%;
	color: #a8aaad; font-size: 2.2rem !important; text-align: center;
	background: url(../../images/client/common/icon_nocnt.png) no-repeat left center;
}

.nocntfl_box {
	position: relative;
	min-height: 130px;
	background: #f2f2f2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.nocntfl_box p {
	position: absolute; top: 50%; left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nocntfl_box p span {
	display: inline-block;
	padding: 20px 0 20px 95px;
	max-width: 80%;
	color: #a8aaad;
	font-size: 2.2rem; text-align: left;
	background: url(../../images/client/common/icon_nocnt.png) no-repeat left center;
}

/* 오픈이미지 */
.openimg {
	display: block;
}
.openimg img {
	max-width: 100%;
}

/* 미리보기 이미지 */
.previewimg_box {
	position: relative;
	height: 180px;
	background: #f2f2f2;
	overflow: hidden;
}
.previewimg_box a {
	display: block;
	height: 100%;
}
.previewimg_box img {
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* 그래프박스 */
.graph_wrap {
	/* apexchart에 사용 */
	position: relative;
}
.graph_box {
	position: relative;
	width: 100%; /*min-height: 200px;*/
	font-size: 1.5rem; line-height: 1.5em; text-align: center;
	overflow: hidden;
}
.graph_box img {
	width: auto; max-width: 100%; height: auto;
}

/* 로딩박스 */
.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: 60px; height: 60px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

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

.list_dot > li {
	position: relative;
	padding-left: 10px;
	line-height: 1.7em; word-break: keep-all;
}
.list_dot > li::before {
	position: absolute; top: 10px; left: 0;
	content: "";
	display: inline-block;
	width: 5px; height: 5px;
	background-color: #222222;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.list_dot_gray > li {
	margin-bottom: 5px; padding-left: 15px;
	color: #7c7b7b; 
}
.list_dot_gray > li:last-child {
	margin-bottom: 0;
}
.list_dot_gray > li::before {
	background-color: #ccc;	
}

.list_dot_sm > li {
	position: relative;
	padding-left: 10px;
	line-height: 1.7em; word-break: keep-all;
}
.list_dot_sm > li::before {
	position: absolute; top: 12px; left: 0;
	content: "";
	display: inline-block;
	width: 3px; height: 3px;
	background-color: #222222;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

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

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

.info_list {
	font-size: 0; line-height: 0;
}
.info_list li {
	position: relative;
	margin-bottom: 5px; padding-left: 76px;
	min-height: 20px;
	color: #3a3a3a; font-size: 1.5rem; line-height: 20px; 
}
.info_list li:last-child {
	margin-bottom: 0;
}
.info_list .tit {
	position: absolute; top: 0; left: 0;
	display: inline-block;
	margin-right: 6px;
	width: 70px; height: 20px;
	line-height: inherit; text-align: center;
	background: #d9e1f2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.list_number li {
	padding-left: 40px;
	color: #3a3a3a; font-family: 'NanumSquare', sans-serif;
}
.list_number li span {
	display: inline-block;
	padding: 3px;
	margin-right: 10px;
	margin-left: -40px;
	width: 30px; height: 30px;
	background-color: #f3f3f3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center; font-weight: 600;
	font-size: 1.8rem;
	vertical-align: 0;
}

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

/* 스크롤 패럴럭스 */
.fadeup {
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}
.fadeup.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.fadein {
	opacity: 0;
	-webkit-transition-duration:1.5s;
	-moz-transition-duration:1.5s;
	-o-transition-duration:1.5s;
	transition-duration:1.5s;
}
.fadein.on {
	opacity: 1;
}

/*=================== //공통 ===================*/
/*=================== 메인페이지 ===================*/

/* 메인 - 로그인 전 */
.mainpage_visual {
	position: relative;
	padding: 63px 0 195px;
}
.mainpage_visual::after {
	position: absolute; top: 64px; right: -76px;
	content: "";
	display: inline-block;
	width: 673px; height: 431px;
	background: url(../../images/client/main/bg_mainvisual.png) no-repeat center;
	background-size: contain;
}
.mainpage_visual strong {
	position: relative; left: -3px;
	display: inline-block;
	margin-bottom: 12px; padding-left: 60px;
	width: 281px; height: 75px;
	color: #3b3838; font-family: NetMarble, sans-serif; font-size: 2.6rem; font-weight: 600; letter-spacing: -0.05em; line-height: 65px; text-align: center;
	background: url(../../images/client/main/bg_mainlabel.png) no-repeat left top; background-size: contain;
}
.mainpage_visual h3 {
	margin-bottom: 30px;
	width: 480px; height: 160px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/main/img_high.png) no-repeat center; background-size: contain;
}
.mainpage_visual p {
	margin-bottom: 35px;
	color: #6c7174; font-family: NetMarble, sans-serif; font-size: 4rem; letter-spacing: -0.04em; line-height: 1;
}
.mainpage_visual p span {
	font-family: inherit; font-weight: 600; line-height: inherit; vertical-align: top; 
}
.mainprogram_wrap {
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0 5px 14px rgba(0,0,0,0.2);
	overflow: hidden;
}
.mainprogram_tit {
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #d7d7d7;
}
.mainsection_tit {
	margin-bottom: 20px;
	font-family: NetMarble, sans-serif; font-size: 3rem; color: #3a3a3a; font-weight: 600; letter-spacing: -0.05em; 
}
.mainprogram_tit h3 {
	margin-bottom: 0;
	line-height: 1;
}
.mainprogram_tit .tab_list2 {
	position: absolute; top: 50%; right: 60px;
	margin-top: -15px; margin-bottom: 0;
}
.mainprogram_tit .tab_list2 li {
	margin: 0 4px;
}
.mainprogram_wrap .select_form {
	display: none;
	width: 150px;
}
.mainprogram_tit .btn_seemore {
	position: absolute; top: 50%; right: 20px;
	margin-top: -10px;	
}

.mainprogram_cnt {
	padding: 27px 45px;
}
.mainprogram_cnt > div {
	position: relative;
	height: 400px;
}
.mainprogram_cnt .swiper_control {
	position: absolute; top: 44%;
	display: inline-block;
	margin-top: -15px;
	width: 20px; height: 30px;
	font-size: 0; line-height: 0;
	background-color: rgba(0,0,0,0); background-repeat: no-repeat; background-position: center; background-size: contain;
}
.mainprogram_cnt .swiper_prev {
	left: -34px;
	background-image: url(../../images/client/main/btn_swiper_prev.png);
}
.mainprogram_cnt .swiper_next {
	right: -34px;
	background-image: url(../../images/client/main/btn_swiper_next.png);
}
.mainprogram_cnt .swiper_prev.swiper-button-disabled {
	background-image: url(../../images/client/main/btn_swiper_prev_disable.png);
}
.mainprogram_cnt .swiper_next.swiper-button-disabled {
	background-image: url(../../images/client/main/btn_swiper_next_disable.png);
}

.maincounsel_wrap {
	margin-bottom: 80px; padding-top: 80px;
	font-size: 0; line-height: 0;
}
.maincounsel_wrap > div {
	display: inline-block;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.maincounsel_tit {
	padding-bottom: 45px;
	width: 19%;
	background: url(../../images/client/main/bg_maincounsel_tit.png) no-repeat left bottom;
}
.maincounsel_tit p {
	color: #5c5c5c; font-size: 1.625rem; line-height: 1.6em;
}	

.maincounsel_list1 {
	width: 22.5%;
	transition-delay: 0.3s;
}
.maincounsel_list2 {
	width: 27.5%;
	transition-delay: 0.6s;
}
.maincounsel_list3 {
	width: 31%;
	transition-delay: 0.9s;
}
.maincounsel_wrap a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	color: #3a3a3a; word-break: keep-all;
}
.maincounsel_wrap a span {
	position: relative;
	display: inline-block;
	margin-right: 15px;
	width: 120px; height: 120px;
	flex-shrink: 0;
	background-repeat: no-repeat; background-position: center; background-size: contain;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.maincounsel_list1 a span {
	background-color: #fe6962;
	background-image: url(../../images/client/main/icon_counsel01.png);
}
.maincounsel_list2 a span {
	background-color: #89c049;
	background-image: url(../../images/client/main/icon_counsel02.png);
}
.maincounsel_list3 a span {
	background-color: #2f6fb7;
	background-image: url(../../images/client/main/icon_counsel03.png);
}
.maincounsel_wrap a strong {
	position: relative; z-index: 1;
	display: inline-block;
	margin-bottom: 10px;
	font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.maincounsel_wrap a strong::after {
	position: absolute; bottom: 0; left: 0; z-index: -1;
	content: "";
	display: inline-block;
	width: 100%; height: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.maincounsel_list1 a strong::after {
	background: rgba(254,105,98,0.3);
}
.maincounsel_list2 a strong::after {
	background: rgba(137,192,73,0.3);
}
.maincounsel_list3 a strong::after {
	background: rgba(47,111,183,0.3);
}
.maincounsel_wrap a p {
	font-size: 1.6rem; line-height: 1.625em;
}

.maintest_wrap {
	margin-bottom: 60px;
}
.mainsection_tit span {
	margin-left: 10px;
	color: #5c5c5c; font-family: Notokr,sans-serif; font-size: 1.5rem; font-weight: 400; line-height: inherit; vertical-align: top;
}
.maintest_list > div:nth-child(1) {
	transition-delay: 0.25s;
}
.maintest_list > div:nth-child(2) {
	transition-delay: 0.5s;
}
.maintest_list > div:nth-child(3) {
	transition-delay: 0.75s;
}
.maintest_list > div:nth-child(4) {
	transition-delay: 1s;
}
.maintest_list a {
	display: block;
	padding: 40px 42% 40px 40px;
	height: 200px;
	word-break: keep-all;
	background-repeat: no-repeat; background-position: right bottom; background-size: auto 100%; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.maintest_list1 {
	background-color: #fef2f4;
	background-image: url(../../images/client/main/bg_test01.png);
}
.maintest_list2 {
	background-color: #ecf6f8;
	background-image: url(../../images/client/main/bg_test02.png);
}
.maintest_list3 {
	background-color: #f3f0eb;
	background-image: url(../../images/client/main/bg_test03.png);
}
.maintest_list4 {
	background-color: #f6f6ec;
	background-image: url(../../images/client/main/bg_test04.png);
}
.maintest_list h4 {
	display: inline-block;
	margin-bottom: 12px;
	font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; color: #3a3a3a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.maintest_list p {
	color: #3a3a3a; font-size: 1.6rem; line-height: 1.625em; word-break: keep-all;
}

.grid_row .mainnotice_wrap {
	position: relative;
	margin-bottom: 80px;
	width: 62%;
	transition-delay: 0.3s;
}
.mainnotice_wrap h3 {
	padding-bottom: 19px;
	line-height: 1;
	border-bottom: 1px solid #d7d7d7;
}
.mainnotice_wrap .swiper-container {
	margin: 0 20px;
	height: 131px;
}
.mainnotice_wrap a {
	display: block;
	margin-right: 1px; padding: 20px;
	border: 1px solid #ebebeb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mainnotice_wrap p {
	display: -webkit-box;
	margin-bottom: 12px;
	height: 54px;
	color: #3a3a3a; font-size: 1.7rem; font-weight: 500; line-height: 1.625em;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden;
}
.mainnotice_wrap .date {
	display: inline-block;
	padding-left: 21px;
	color: #777; 
	background: url(../../images/client/sub/icon_date.png) no-repeat left center;
}
.mainnotice_wrap .swipercontrol_wrap {
	position: absolute; top: 10px; right: 76px;
	height: 16px;
}
.mainnotice_wrap .swiper_control {
	display: inline-block;
	width: 9px; height: 16px;
	font-size: 0; line-height: 0; vertical-align: top;
	background-color: rgba(0,0,0,0); background-repeat: no-repeat; background-position: center; 
}
.mainnotice_wrap .swiper_prev {
	position: relative;
	margin-right: 15px;
	background-image: url(../../images/client/main/btn_noticeswiper_prev.png);
}
.mainnotice_wrap .swiper_next {
	margin-left: 15px;
	background-image: url(../../images/client/main/btn_noticeswiper_next.png);
}
.mainnotice_wrap .swiper_prev.swiper-button-disabled {
	background-image: url(../../images/client/main/btn_noticeswiper_prev_disable.png);
}
.mainnotice_wrap .swiper_next.swiper-button-disabled {
	background-image: url(../../images/client/main/btn_noticeswiper_next_disable.png);
}
.mainnotice_wrap .swiper_prev::after {
	position: absolute; top: 50%; right: -16px;
	content: "";
	display: inline-block;
	margin-top: -7px;
	width: 1px; height: 14px;
	background: #d7d7d7;
}
.mainnotice_wrap .btn_seemore {
	position: absolute; top: 8px; right: 20px;
	padding: 0; 
	border: none;
}

.grid_row .mainfaq_wrap {
	margin-bottom: 80px;
	width: 38%;
	transition-delay: 0.3s;
}
.mainfaq_wrap h3 {
	margin-bottom: 0; padding-bottom: 19px;
	line-height: 1;
}
.mainfaq_wrap > div {
	padding: 40px 30px;
	height: 160px;
	background: #a3d9d4 url(../../images/client/main/bg_faq.png) no-repeat right 10px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mainfaq_wrap div div {
	display: inline-block;
	text-align: center;
}
.mainfaq_wrap p {
	margin-bottom: 15px;
	font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 600; color: #3a3a3a; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.mainfaq_wrap .btn_circle {
	color: #fff; 
	background: #559d96;
}

/* 메인 - 로그인 후 */
.mainpage_userdata {
	padding-top: 50px; padding-bottom: 180px;
	font-size: 0; line-height: 0;
}
.mainpage_userdata > div {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
}
.mainpage_userdata h3, .mainpage_userdata h4 {
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-weight: 600; line-height: 1; letter-spacing: -0.05em; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.mainpage_userdata h3 {
	font-size: 2.4rem; 
}
.mainpage_userdata h4 {
	font-size: 1.8rem; 
}


.userdata_box1 {
	margin-bottom: 20px; padding: 40px 50px 0;
	width: 23.828%; height: 390px;
	text-align: center;
	background: url(../../images/client/main/bg_userdata1.png) no-repeat left top;
}
.userdata_box1 .user_photo {
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
	width: 100px; height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.userdata_box1 .user_photo img {
	position: absolute; top: 50%; left: 50%;
	max-width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.user_photo .no_profilepic {
	display: block;
	height: 100%;
	font-size: 0; line-height: 0;
	background: #d1d8de url(../../images/client/common/img_noprofile.png) no-repeat center 26px;
}
.userdata_box1 > strong {
	display: block;
	margin-bottom: 35px;
	font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1;
	white-space: nowrap; text-overflow: ellipsis;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.userdata_box1 ul li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
}
.userdata_box1 ul li:last-child {
	margin-bottom: 0;
}
.userdata_box1 li strong {
	display: inline-block;
	margin-right: 7px;	
	width: 64px; height: 24px;
	color: #fff; font-size: 1.5rem; line-height: 24px; text-align: center;
	flex-shrink: 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.userdata_box1 li:nth-child(1) strong {
	background: #9acf65;
}
.userdata_box1 li:nth-child(2) strong {
	background: #f6af3f;
}
.userdata_box1 li:nth-child(3) strong {
	background: #ef8a9d;
}
.userdata_box1 li:nth-child(4) strong {
	background: #5fa5e1;
}
.userdata_box1 li p {
	padding-left: 5px;
	width: 100%; height: 24px;
	color: #3a3a3a; font-size: 1.5rem; line-height: 24px; text-align: left;
	white-space: nowrap; text-overflow: ellipsis;
	border-bottom: 2px dashed #c3ced7;
	overflow: hidden;
}

.userdata_box2 {
	margin: 0 1.562% 20px;
	width: 49.218%; height: 390px;
	text-align: center;
}
.userdata_box2 .userdata_tab {
	text-align: left;
	background: #f0f1f3;
}
.userdata_box2 .userdata_tab li {
	position: relative;
	display: inline-block;
	width: 50%;
}
.userdata_box2 .userdata_tab a {
	display: block;
	height: 60px;
	color: #808080; font-family: NetMarble, sans-serif; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.05em; line-height: 59px; text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: #f0f1f3;
	border: 1px solid rgba(0,0,0,0);
	border-bottom-color: #c2c2c2;
}
.userdata_box2 .userdata_tab li:nth-child(1) a {
	-webkit-border-radius: 20px 0 0 0; 
	-moz-border-radius: 20px 0 0 0; 
	border-radius: 20px 0 0 0; 
}
.userdata_box2 .userdata_tab li:nth-child(2) a {
	-webkit-border-radius: 0 20px 0 0; 
	-moz-border-radius: 0 20px 0 0; 
	border-radius: 0 20px 0 0; 
}

.userdata_box2 .userdata_tab li.on::after {
	position: absolute; top: 0; z-index: 1;
	content: "";
	display: block;
	width: 30px; height: 100%;
}
.userdata_box2 .userdata_tab li:nth-child(1).on::after {
	right: -30px;
	background: linear-gradient( to right, rgba(0,0,0,0.05), 20%, rgba(0,0,0,0) );
}
.userdata_box2 .userdata_tab li:nth-child(2).on::after {
	left: -30px;
	background: linear-gradient( to left, rgba(0,0,0,0.05), 20%, rgba(0,0,0,0) );
}
.userdata_box2 .userdata_tab li.on a {
	color: #25aae1;
	background: #fff;
	border-color: #c2c2c2; border-bottom-color: rgba(0,0,0,0);
}
.userdata_box2 .userdata_tab li.on a::after {
	content: "";
	display: inline-block;
	margin-left: 15px; margin-bottom: 5px;
	width: 12px; height: 6px;
	background: url(../../images/client/main/icon_userdata_tab_on.png) no-repeat center;
}
.userdata_box2 > div {
	height: 330px;
	border: 1px solid #c2c2c2; border-top: none;
	border-radius: 0 0 20px 20px;
}
.userdata_box2 > div > div {
	display: inline-block;
	padding-top: 40px;
	width: 50%;
	vertical-align: top;
}
.userdata_box2 > div > div:nth-child(1) .graph_wrap {
	padding: 0 10%;
	height: 265px;
}
.userdata_box2 > div > div:nth-child(2) .graph_wrap {
	height: 265px;
}

.userdata_box3 {
	margin-bottom: 20px; padding: 30px 20px;
	width: 23.828%; height: 390px;
	background: url(../../images/client/main/bg_mesh.png) no-repeat center; background-size: cover;
}
.userdata_box3 h3 {
	margin-bottom: 25px; margin-left: 10px;
}
.mainnotice_list {
	position: relative;
	height: 285px;
	overflow-y: auto;
}
.mainnotice_list li {
	margin-bottom: 15px;
}
.mainnotice_list li:last-child {
	margin-bottom: 0;
}
.mainnotice_list li a {
	position: relative;
	display: block;
	padding-left: 40px; padding-right: 20px;
}
.mainnotice_list li a::before {
	position: absolute; top: 8px; left: 10px;
	content: "";
	display: inline-block;
	width: 10px; height: 10px;
	background: #cebfc7;	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.mainnotice_list p {
	position: relative; z-index: 1;
	margin-bottom: 5px;
	color: #3a3a3a; font-size: 1.7rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.mainnotice_list p::after {
	position: absolute; bottom: 0; left: 0; z-index: -1;
	content: "";
	display: block;
	width: 100%; height: 0;
	background: rgba(243,219,213,0.4);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.mainnotice_list .date {
	display: block;
	padding-left: 21px;
	color: #777; font-size: 1.5rem; line-height: 1; white-space: nowrap; text-overflow: ellipsis;
	background: url(../../images/client/sub/icon_date.png) no-repeat left center;
	overflow: hidden;
}
.mainnotice_list .fixed a::before {
	top: 50%; left: 0; 
	margin-top: -12px;
	width: 29px; height: 25px;
	background: url(../../images/client/sub/icon_fixed_list.png) no-repeat center;
	border-radius: 0;
}
.mainnotice_list .fixed p {
	font-weight: 600;
}
.mainnotice_list .fixed p::after {
	background: rgba(169,0,86,0.1);
}

.userdata_box4 {
	margin-right: 1.562%;
	width: 59.375%; height: 360px;
}
.userdata_box4 .data_tit {
	position: relative;
	padding: 20px 40px;
	border-bottom: 1px solid #d7d7d7;
}
.userdata_box4 .data_tit .select_form {
	display: none;
}
.userdata_box4 .data_tit .tab_list2 {
	position: absolute; top: 50%; right: 25px;
	margin-top: -17px; margin-bottom: 0;
}
.userdata_box4 .data_cnt {
	position: relative;
	height: 297px;
}
.userdata_box4 .data_cnt::after {
	position: absolute; top: 50%; left: 60%;
	content: "";
	display: block;
	margin-top: -114px;
	width: 1px; height: 228px;
	background: #e9e7db;
}
.userdata_box4 .graph_wrap {
	position: relative;
	display: inline-block;
	padding-top: 6px;
	width: 60%; height: 295px;
}
.userdata_box4 .dataresult_wrap {
	display: inline-block;
	padding: 25px 10px;
	width: 40%;
	text-align: center;
}
.userdata_box4 .dataresult_wrap div {
	margin-bottom: 25px;
}
.userdata_box4 .dataresult_wrap div:last-child {
	margin-bottom: 0;
}
.userdata_box4 .dataresult_wrap h4 {
	margin-bottom: 10px;
}
.userdata_box4 .dataresult_wrap p {
	display: inline-block;
	margin: 0 6px;
	font-size: 1.5rem; font-weight: 500; line-height: 1;
}
.userdata_box4 .dataresult_wrap .capa1 {
	color: #f19431;
}
.userdata_box4 .dataresult_wrap .capa2 {
	color: #ea6969;
}
.userdata_box4 .dataresult_wrap .capa3 {
	color: #2f9cd4;
}
.userdata_box4 .dataresult_wrap .capa4 {
	color: #86b640;
}
.userdata_box4 .dataresult_wrap .capa5 {
	color: #3bb695;
}
.userdata_box4 .dataresult_wrap .capa6 {
	color: #7e5695;
}
.userdata_box4 .dataresult_wrap p::before {
	content: "";
	display: block;
	margin: 0 auto 3px;
	width: 60px; height: 60px;
	background-color: #f4f2f0; background-repeat: no-repeat; background-position: center; background-size: contain;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.capa1::before {
	background-image: url(../../images/client/sub/icon_capa01_on.png);
}
.capa2::before {
	background-image: url(../../images/client/sub/icon_capa02_on.png);
}
.capa3::before {
	background-image: url(../../images/client/sub/icon_capa03_on.png);
}
.capa4::before {
	background-image: url(../../images/client/sub/icon_capa04_on.png);
}
.capa5::before {
	background-image: url(../../images/client/sub/icon_capa05_on.png);
}
.capa6::before {
	background-image: url(../../images/client/sub/icon_capa06_on.png);
}

/* 창의융합 */
.ico_capa1 {
	background-image: url(../../images/client/sub/icon_capa01_on.png);
}
/* 도전정신 */
.ico_capa2 {
	background-image: url(../../images/client/sub/icon_capa02_on.png);
}
/* 의사소통 */
.ico_capa3 {
	background-image: url(../../images/client/sub/icon_capa03_on.png);
}
/* 배려협력 */
.ico_capa4 {
	background-image: url(../../images/client/sub/icon_capa04_on.png);
}
/* 자기관리 */
.ico_capa5 {
	background-image: url(../../images/client/sub/icon_capa05_on.png);
}
/* 전문역량 */
.ico_capa6 {
	background-image: url(../../images/client/sub/icon_capa06_on.png);
}

.userdata_box5 {
	width: 39.062%; height: 360px;
}
.userdata_box5 > div {
	display: inline-block;
	padding-top: 45px;
	width: 50%;
	vertical-align: top; text-align: center;
}
.userdata_box5 .graph_wrap {
	height: 210px;
}
.userdata_box5 > div:nth-child(1) h3 {
	margin-bottom: 40px;
}
.userdata_box5 > div:nth-child(1) .data_label {
	position: absolute; top: 40%; left: 50%;
	font-family: NetMarble, sans-serif; font-size: 2.4rem; font-weight: 600; color: #3a3a3a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg) translate(-50%,-50%);
	-moz-transform: skew(-0.03deg) translate(-50%,-50%);
	-o-transform: skew(-0.03deg) translate(-50%,-50%);
	transform: skew(-0.03deg) translate(-50%,-50%);
}
.userdata_box5 > div:nth-child(2) h3 {
	margin-bottom: 10px;
}

/* apexcharts */
.userdata_box2 .apexcharts-radialbar-track .apexcharts-radialbar-area, .userdata_box5 .apexcharts-radialbar-track .apexcharts-radialbar-area {
	stroke: #dfdfdf;
	stroke-width: 30px;
} 
.userdata_box2 .apexcharts-datalabels-group .apexcharts-datalabel-label, .userdata_box5 .apexcharts-datalabels-group .apexcharts-datalabel-label {
	font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; color: #525252;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.userdata_box4 .apexcharts-legend-series .apexcharts-legend-marker, .userdata_box5 .apexcharts-legend-series .apexcharts-legend-marker {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}
.userdata_box2 .apexcharts-xaxis tspan, .userdata_box4 .apexcharts-legend-series span, .userdata_box4 .apexcharts-datalabels text, .userdata_box5 .apexcharts-legend-series span {
	font-family: Notokr, sans-serif !important; color: #333 !important; font-size: 1.5rem !important;
}
.userdata_box4 .apexcharts-yaxis text {
	font-size: 1.2rem;
}
.userdata_box2 .apexcharts-radial-series .apexcharts-radialbar-area, .userdata_box5 .apexcharts-radial-series .apexcharts-radialbar-area {
	stroke-width: 30px;
}
.userdata_box2 .apexcharts-datalabels-group {
	display: none;
}
.userdata_box2 #chart6 .datalabel_group {
	position: absolute; top: 44%; left: 50%;
	color: #525252; font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg) translate(-50%,-50%);
	-moz-transform: skew(-0.03deg) translate(-50%,-50%);
	-o-transform: skew(-0.03deg) translate(-50%,-50%);
	transform: skew(-0.03deg) translate(-50%,-50%);
}
.userdata_box2 #chart6 .datalabel_group span {
	font-family: inherit; font-weight: inherit; vertical-align: bottom;
}
.userdata_box2 #chart6 .datalabel_group span:first-child {
	color: #f06eaa; font-size: 2.4rem; line-height: 1.2em;
}


/*=================== //메인페이지 ===================*/
/*=================== 서브페이지 ===================*/

/* 교육목적 및 인재상 */
.studypurpose_intro {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0 20px 0 180px; 
	width: 800px; height: 150px;
	align-items: center;
	background: url(../../images/client/sub/bg_studypurpose_intro.png) no-repeat 20px center;
	border: 1px solid #e1e1e1;
}
.studypurpose_intro p {
	font-family: NetMarble, sans-serif; font-size: 1.7rem; letter-spacing: -0.05em; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.studypurpose_intro span {
	display: inline-block;
	font-family: inherit; line-height: inherit; vertical-align: top;
}
.studymodel_list {
	margin-top: 15px;
	font-size: 0; line-height: 0;
}
.studymodel_list li {
	display: inline-block;
	padding: 24px 0 10px 120px;
	width: 350px;
	font-size: 1.5rem; line-height: 1.5em; vertical-align: top;
	background-repeat: no-repeat, no-repeat; background-position: left top, 86px 12px; 
}
.studymodel_list li:nth-child(1) {
	background-image: url(../../images/client/sub/icon_studymodel1.png), url(../../images/client/sub/bg_dashed_line.png);
}
.studymodel_list li:nth-child(2) {
	background-image: url(../../images/client/sub/icon_studymodel2.png), url(../../images/client/sub/bg_dashed_line.png);
}
.studymodel_list li:nth-child(3) {
	background-image: url(../../images/client/sub/icon_studymodel3.png), url(../../images/client/sub/bg_dashed_line.png);
}
.studymodel_list li strong {
	display: block;
	margin-bottom: 10px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 1em; letter-spacing: -0.05em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.circle_info {
	font-size: 0; line-height: 0;
}
.circle_info dt {
	margin: 0 auto 30px; 
	width: 214px;
	color: #6c6c6c; font-family: NetMarble, sans-serif; font-size: 1.6rem; line-height: 1.625em; text-align: center;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.circle_info dt p {
	position: relative;
	margin-bottom: 8px;
	width: 214px; height: 51px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/sub/img_capa_circle.png) no-repeat center;
}
.circle_info dt p::before, .circle_info dt p::after {
	position: absolute; top: 50px;
	content: "";
	display: inline-block;
	width: 203px; height: 57px;
	background-repeat: no-repeat; 
}
.circle_info dt p::before {
	left: -240px;
	background-image: url(../../images/client/sub/bg_circleinfo_left.png);
	background-position: left center; 
}
.circle_info dt p::after {
	right: -240px;
	background-image: url(../../images/client/sub/bg_circleinfo_right.png);
	background-position: right center; 
}
.circle_info dd {
	display: inline-block;
	margin-right: 1.562%; margin-bottom: 30px;
	width: 32.292%;
	font-size: 1.5rem; line-height: 1.5em; vertical-align: top;
}
.circle_info dd:nth-of-type(3n) {
	margin-right: 0;
}
.circle_info dd:nth-of-type(4), .circle_info dd:nth-of-type(5), .circle_info dd:nth-of-type(6) {
	margin-bottom: 0;
}
.circle_info dd strong {
	display: block;
	margin-bottom: 3px; padding-left: 10px;
	font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.circle_info .capa1 strong {
	color: #a90056;
}
.circle_info .capa2 strong {
	color: #25aae1;
}
.circle_info .capa3 strong {
	color: #fcb040;
}
.circle_info .capa4 strong {
	color: #958669;
}
.circle_info .capa5 strong {
	color: #a6c04c;
}
.circle_info .capa6 strong {
	color: #a076af;
}
.circle_info dd strong span {
	margin-left: 20px;
	color: #6c6c6c; vertical-align: top;
}
.circle_info dd strong span i {
	font-style: normal; vertical-align: top;
}
.circle_info .capa1 strong span i {
	color: #a90056;
}
.circle_info .capa2 strong span i {
	color: #25aae1;
}
.circle_info .capa3 strong span i {
	color: #fcb040;
}
.circle_info .capa4 strong span i {
	color: #958669;
}
.circle_info .capa5 strong span i {
	color: #a6c04c;
}
.circle_info .capa6 strong span i {
	color: #a076af;
}
.circle_info dd p {
	padding-left: 10px;
}
.circle_info dd div {
	margin-top: 7px; padding: 5px 10px;
	height: 86px;
	line-height: 1.733em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.circle_info .capa1 div {
	background: #faf5f8;
}
.circle_info .capa2 div {
	background: #ebf5f9;
}
.circle_info .capa3 div {
	background: #f7f5ee;
}
.circle_info .capa4 div {
	background: #f0ede8;
}
.circle_info .capa5 div {
	background: #f6f7f1;
}
.circle_info .capa6 div {
	background: #f3ecf5;
}

.corevalue_list dl {
	color: #3a3a3a;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.corevalue_list dt {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 25px 10px;
	align-items: center; justify-content: center;
	border-bottom: 1px solid #d7d7d7;
}
.corevalue_list dt strong {
	color: #2a3d67; font-size: 6rem; font-weight: 500; line-height: 1; 
}
.corevalue_list dt strong span {
	display: inline-block;
	margin-left: 13px;
	font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.corevalue_list dt p {
	margin-left: 30px;
	line-height: 1.733em;
}
.corevalue_list dd {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 25px 10px;
	align-items: center; justify-content: center;
}
.corevalue_list dd p {
	margin-bottom: 8px;
}
.corevalue_list dd p:last-child {
	margin-bottom: 0;
}
.corevalue_list dd strong {
	display: inline-block;
	margin-right: 6px;
	width: 50px;
	text-align: center;
	background: #e4e9f4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.haeramin_intro {
	margin-top: 30px;
	font-size: 0; line-height: 0;
}
.haeramin_intro dt {
	display: inline-block;
	margin: 90px 0; padding: 68px 38px 100px 0;
	width: 40%;
	font-family: NetMarble, sans-serif; font-size: 1.8rem; line-height: 1.5em; text-align: center;
	background: url(../../images/client/sub/bg_haeramin_intro.png) no-repeat center right;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.haeramin_intro dt p {
	margin-bottom: 5px; padding-top: 4px;
	font-family: Notokr, sans-serif; font-size: 2.2rem;
}
.haeramin_intro dt p strong {
	display: inline-block;
	margin-top: -4px; margin-right: 8px;
	color: #a90056; font-family: NetMarble, sans-serif; font-size: 2.6rem; font-weight: 600; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.haeramin_intro dd {
	display: inline-block;
	padding-left: 3%; 
	width: 60%; 
	font-size: 1.5rem; line-height: 1.5em;
}
.haeramin_intro dd div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: -20px; padding-left: 170px;
	height: 150px;
	align-items: center;
	background-repeat: no-repeat; background-position: left center;
}
.haeramin_intro dd div:nth-child(1) {
	margin-top: 0;
	background-image: url(../../images/client/sub/icon_haeramin_intro1.png);
}
.haeramin_intro dd div:nth-child(2) {
	background-image: url(../../images/client/sub/icon_haeramin_intro2.png);
}
.haeramin_intro dd div:nth-child(3) {
	background-image: url(../../images/client/sub/icon_haeramin_intro3.png);
}
.haeramin_intro dd p {
	line-height: 1.6em;
}
.haeramin_intro dd strong {
	display: block;
	margin-bottom: 10px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}

/* 시스템 소개 */
.system_intro {
	text-align: center;
}
.system_intro p {
	display: inline-block;
	margin-bottom: 30px; padding-left: 335px; padding-right: 20px;
	min-height: 120px;
	line-height: 1.733em; text-align: left;
	background: url(../../images/client/sub/img_high.png) no-repeat 20px center;
}
.system_intro p span {
	display: inline-block;
	font-weight: 500; line-height: inherit; vertical-align: top;
}
.system_intro ul {
	display: inline-block;
	text-align: left;
}
.system_intro li {
	margin-bottom: 20px; padding: 15px 0 15px 100px;
	line-height: 1.733em; 
	background-repeat: no-repeat; background-position: left center;
}
.system_intro li:last-child {
	margin-bottom: 0;
}
.system_intro li:nth-child(1) {
	background-image: url(../../images/client/sub/bg_systemintro1.png);
}
.system_intro li:nth-child(2) {
	background-image: url(../../images/client/sub/bg_systemintro2.png);
}
.system_intro li:nth-child(3) {
	background-image: url(../../images/client/sub/bg_systemintro3.png);
}

/* 핵심역량진단 */
.subpage2 .section_toparea .txt:last-child {
	margin-top: 10px;
}
.test_guide {
	position: relative;
	padding: 30px 0;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.test_guide ol {
	font-size: 0; line-height: 0; text-align: center;
}
.test_guide ol li {
	position: relative;
	display: inline-block;
	padding-top: 90px;
	width: 20%; 
	color: #90969c; font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 600; vertical-align: top; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background-repeat: no-repeat;
	background-position: center top;
}
.test_guide ol li strong {
	font-weight: 600;
}
.test_guide ol li::after {
	position: absolute; top: 43px; right: -15px;
	content: "";
	display: inline-block;
	margin-left: -15px;
	width: 30px; height: 30px;
	background: url(../../images/client/sub/bg_teststep.png) no-repeat center; background-size: contain;
	border: 1px solid #8d9198;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.test_guide ol li:last-child::after {
	display: none;
}
.test_guide ol li span {
	margin-left: 4px; padding: 3px 0;
	color: #3a3a3a; font-weight: inherit; vertical-align: top;
	background-image: linear-gradient(transparent 80%, #5bdbf6 20%);
	background-repeat: no-repeat;
}
.test_guide .teststep1 {
	background-image: url(../../images/client/sub/icon_teststep1.png);
}
.test_guide .teststep2 {
	background-image: url(../../images/client/sub/icon_teststep2.png);
}
.test_guide .teststep3 {
	background-image: url(../../images/client/sub/icon_teststep3.png);
}
.test_guide .teststep4 {
	background-image: url(../../images/client/sub/icon_teststep4.png);
}

.test_card {
	overflow: hidden;
	padding: 20px 20px 20px 180px;
	text-align: right;
	background-size: auto 130px;
	background-position: 30px center;
	background-repeat: no-repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.test_card1 {
	color: #fff;
	background-color: #2faee2;
	background-image: url(../../images/client/sub/bg_teststrong.png);
}
.test_card2 {
	color: #3e3e3e;
	background-color:  #f2eeee;
	background-image: url(../../images/client/sub/bg_testweek.png);
}
.test_card h4 {
	padding: 6.5% 0 2%;
	font-family: NetMarble, sans-serif; font-size: 2rem; text-align: left; word-break: keep-all;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.test_card h4 strong {
	display: inline-block;
	margin: 0 5px;
	font-size: 2.6rem; font-weight: 600; line-height: 1.1em; vertical-align: middle;
}
.test_card h4 strong::after {
	content: "";
	display: block;
	width: 105%; height: 5px;
	margin-top: 4%;
	background-repeat: no-repeat; background-position: center;
	background-size: 100% auto;
}
.test_card1 h4 strong::after {
	background-image: url('../../images/client/sub/bg_capa_underline1.png');
}
.test_card2 h4 strong::after {
	background-image: url('../../images/client/sub/bg_capa_underline2.png');
}
.test_card p {
	margin-bottom: 4.5%;
	font-size: 1.6rem; letter-spacing: -0.02em; text-align: left;
	word-break: keep-all;
}
.test_card1 .btn_round {
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.test_card2 .btn_round {
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.testdo_list {
	overflow: hidden;
	padding: 25px 85px 25px 20px;
	position: relative;
	height: 187px;
	background-color: #ecf0f5; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.testdo_list dl {
	padding-left: 180px;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-image: url(../../images/client/sub/img_test_on.png);
}
.testdo_list dl dt {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	color: #252121; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -0.03em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.testdo_list dl dt .label_tag {
	margin-right: 5px;
}
.testdo_list dl dd {
	position: relative;
	margin-bottom: 3px; padding-left: 64px;
	height: 22px;
	color: #5c5c5c; font-size: 1.5rem; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.testdo_list dl dd:last-child {
	margin-bottom: 0;
}
.testdo_list dl dd strong {
	position: absolute; top: 0; left: 0;
	display: inline-block;
	width: 64px;
	font-weight: 600;
}
.testdo_list dl dd:nth-child(2) strong {
	color: #25aae1;
}
.testdo_list dl dd:nth-child(3) strong {
	color: #f78b16;
}
.testdo_list dl dd:nth-child(4) strong {
	color: #759a36;
}
.testdo_list dl dd:nth-child(5) strong {
	color: #2a5f94;
}
.btn_viewresult, .btn_gotest {
	display: block;
	width: 74px; height: 100%;
	padding-top: 110px;
	position: absolute; right: 0; top: 0; bottom: 0;
	text-align: center; color: #fff; font-weight: 500;
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: center 56px;
}
.testdo_list a.btn_viewresult {
	background-color: #2a5f94;
	background-image: url(../../images/client/sub/btn_test_result.png);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.testdo_list a.btn_gotest {
	background-color: #25aae1;
	background-image: url(../../images/client/sub/btn_test_go.png);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-ms-transition: background 0.3s;
	transition: background 0.3s;
}
.testdo_list.disabled {
	color: #898989;
	background-color: #f2f2f2;
}
.testdo_list.disabled dl dt, .testdo_list.disabled dl dd strong {
	color: #898989 !important;
}
.testdo_list.disabled dl {
	background-image: url(../../images/client/sub/img_test_off.png);
}
.testdo_list.disabled a.btn_gotest, .testdo_list.disabled a.btn_gotest:hover {
	color: #898989 !important;
	background-color: #d7d7d7 !important;
	background-image: url(../../images/client/sub/btn_test_go_disabled.png);
	cursor: default !important;
}
.testdo_list.disabled a.btn_viewresult, .testdo_list.disabled a.btn_viewresult:hover {
	color: #898989 !important;
	background-color: #d7d7d7 !important;
	background-image: url(../../images/client/sub/btn_test_result_disabled.png);
	cursor: default !important;
}

.recommend_wrap .subject_wrap, .recommend_wrap .program_wrap {
	position: relative;
}
.recommend_wrap .btn_seemore {
	position: absolute; top: -43px; right: 10px;
	padding: 0;
}

.tab_with_tit .section_tit_lg {
	text-align: left;
}
.tab_with_tit .section_tit_lg + .tab_list2 {
	position: relative; z-index: 1;
	float: right;
	margin: -50px 50px 0 0;
}

/* 핵심역량 진단하기 */
.testlist_info {
	text-align: center;
}
.testlist_info p {
	display: inline-block;
	padding: 27px 0 27px 95px;
	min-height: 108px;
	font-family: NetMarble, sans-serif; font-size: 2rem; text-align: left;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: url(../../images/client/sub/bg_testlist_info.png) no-repeat left center;
}
.testlist_info p span {
	vertical-align: top;
}
.testlist_wrap {
	padding: 30px;
	background: #ecf0f5;
}
.testlist_wrap .testlist_tit {
	color: #333; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; text-align: center;  
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.textlist_day {
	margin-bottom: 30px;
	color: #7c7b7b; text-align: center;
}
.textlist_day span {
	vertical-align: top;
}
.testlist_box {
	padding: 20px; margin-bottom: 30px;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
} 
.survey_list dt {
	padding: 30px 0 10px 40px;
	font-size: 1.5rem; font-weight: 600;
}
.survey_list dt:first-child {
	padding-top: 15px;
}
.survey_list dt span {
	display: inline-block;
	width: 30px; height: 30px;
	margin-left: -40px; margin-right: 10px;
	font-size: 1.8rem; color: #333; font-weight: 500;
	text-align: center; line-height: 30px;
	background-color: #f3f3f3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.survey_list dd {
	padding: 0 20px 20px 39px;
	border-bottom: 1px solid #d7d7d7;
}
.survey_list dd:last-child {
	border-bottom: none;
}
.testlist_box .survey_list dd {
	border-bottom: 0;
}
.testlist_bar {
	height: 24px;
	margin-bottom: 3%;
	position: relative;
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.testlist_bar p {
	height: 100%;
	position: absolute; top: 0; left: 0;
	background-color: #c2d280;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.testlist_bar strong {
	position: absolute; top: 50%; left: 50%;
	color: #252121; font-weight: 500;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.testlist_bar strong span {
	margin-left: 10px;
	vertical-align: text-top; line-height: 20px; font-weight: inherit;
}

.testlist_paging {
	position: relative;
	text-align: center;
}
.testlist_number {
	display: inline-block;
	width: 94px;
	color: #333; font-size: 1.8rem; line-height: 30px; text-align: center; vertical-align: top;
}
.testlist_number span {
	font-weight: 600; line-height: inherit; vertical-align: top;
}
.testlist_move {
	display: inline-block;
	width: 30px; height: 30px;
	font-size: 0; line-height: 0; vertical-align: top;
	background-color: #2a5f94; background-repeat: no-repeat; background-position: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.testlist_pre {
	background-image: url(../../images/client/sub/page_prev_white.png);
}
.testlist_next {
	background-image: url(../../images/client/sub/page_next_white.png); 
}
.testlist_move.disabled {
	background-color: #838b94;
	cursor: default;
}
.testlist_paging .btn_round {
	position: absolute; top: -2px; right: 0; 
}
.testlist_paging .btn_list {
	position: absolute; top: -2px; left: 0; 
}

/* 핵심역량 진단결과 */
.capainfo_list {
	margin-bottom: 10px;
	font-size: 0; line-height: 0;
}
.capainfo_list li {
	display: inline-block;
	padding: 8px;
	border: 2px dashed rgba(0,0,0,0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.capainfo_list li.on {
	border-color: #2f9cd4;
}
.capainfo_list li a {
	display: block;
	padding-top: 70px;
	width: 100px; height: 100px;
	font-size: 1.5rem; font-weight: 500; line-height: 1; text-align: center;
	background-color: #f4f2f0; background-repeat: no-repeat; 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.capainfo_list .capa1 a {
	color: #f19431;
	background-image: url(../../images/client/sub/icon_capa1.png);
	background-position: center 13px;
}
.capainfo_list .capa2 a {
	color: #ea6969;
	background-image: url(../../images/client/sub/icon_capa2.png);
	background-position: center 15px;
}
.capainfo_list .capa3 a {
	color: #2f9cd4;
	background-image: url(../../images/client/sub/icon_capa3.png);
	background-position: center 21px;
}
.capainfo_list .capa4 a {
	color: #86b640;
	background-image: url(../../images/client/sub/icon_capa4.png);
	background-position: center 21px;
}
.capainfo_list .capa5 a {
	color: #3bb695;
	background-image: url(../../images/client/sub/icon_capa5.png);
	background-position: center 18px;
}
.capainfo_list .capa6 a {
	color: #7e5695;
	background-image: url(../../images/client/sub/icon_capa6.png);
	background-position: center 20px;
}
.capainfo_cnt {
	padding: 2px; 
	border: double 1px transparent;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-image: linear-gradient(#fff, #fff),  linear-gradient(135deg, #2f9cd4 20px, #d6dadf 20px,  #d6dadf 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.capainfo_cnt > div {
	padding: 24px 30px;
}
.capainfo_cnt h4 {
	margin-bottom: 12px;
	color: #2f9cd4; font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.capainfo_cnt dl {
	margin-top: 15px;
}
.capainfo_cnt dt {
	margin-bottom: 10px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 600;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.capainfo_cnt dd {
	margin-bottom: 10px;
}
.capainfo_cnt dd:last-child {
	margin-bottom: 0;
}
.capainfo_cnt dd .tit {
	margin-right: 6px;
	color: #3a3a3a; font-weight: 500; line-height: inherit; vertical-align: top;
}


/*.capainfo_wrap {
	position: relative;
	padding-left: 220px;
	height: 420px;
	border: 1px solid #ccc;
	box-sizing: content-box;
}
.capainfo_wrap .tab_list_row {
	position: absolute; top: 0; left: 0;
	width: 220px;
}
.capainfo_wrap .capainfo_cnt {
	padding: 20px 30px;
	height: 100%;
	background: #f6f3ee;
}

.capainfo_cnt > div p {
	word-break: keep-all; font-size: 1.5rem;
}
.capainfo_cnt > div p.belong_txt {
	padding-left: 165px; margin: 10px 0;
	line-height: 1.5em;
}
.capainfo_cnt > div p.belong_txt strong {
	display: inline-block;
	width: 160px;
	margin-left: -165px; margin-right: 5px;
	color: #252121; font-weight: 500; line-height: 1.5rem;
}
.capainfo_cnt .belong_list {
	padding-left: 16px;
	font-size: 1.5rem;
}
.capainfo_cnt .belong_list i {
	position: relative; bottom: 2px;
	display: inline-block;
	margin-left: -16px;
	width: 16px;
}*/

.testdo_checkbox {
	height: 187px;
	background-color: #ecf0f5;
	border: 2px solid #f2f2f2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.testdo_checkbox dl {
	padding-left: 180px;
}
.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 #2f9cd4;
	box-sizing: border-box;
}
.testdo_checkbox.on span {
	background-image: url(../../images/client/sub/icon_testselect_on.png); 
}

.testresult_view {
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 50px;
	background: url(../../images/client/sub/bg_testresultview.png) no-repeat center bottom; 
}

.testresult_tit {
	position: relative;
	margin-top: 5px;
	margin-bottom: 20px;
	border-top: 1px solid #d0ccc9;
	border-bottom: 1px solid #d0ccc9;
}
.testresult_tit strong {
	display: block;
	padding: 13px 180px 13px 40px;
	background: url(../../images/client/sub/icon_testselect_on.png) no-repeat left center; background-size: 30px;
	overflow: hidden; 
	color: #333;
	font-family: NetMarble, sans-serif; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.03em; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.testresult_tit span {
	position: absolute; right: 10px; top: 50%;
	font-size: 1.5rem; color: #878686; font-weight: 500;
	font-family: 'Notokr', sans-serif;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.testresult_tit span i {
	font-style: normal;
	vertical-align: 0;
}
.testresult_tit span i::after {
	content:"|";
	display: inline-block;
	margin: 0 10px;
	color:#d0d0d0;
}
.testresult_tit .btn_round {
	position: absolute; top: 50%; right: 10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.testresult_info {
	padding-top: 30px;
	text-align: center;
}
.testresult_info h6 {
	margin-bottom: 15px;
	color: #333; font-family: NanumSquare, sans-serif; font-size: 2.2rem; font-weight: 600;
}
.testresult_info p {
	display: inline-block;
	margin-bottom: 30px;
	width: 54%;
	color: #7c7b7b; line-height: 1.7em; word-break: keep-all; text-align: left;
}
.testresult_info p span {
	display: block;
	margin-top: 10px;
	color: #535353; font-weight: 500; text-align: right;
}
.testresult_info .tbl {
	display: inline-block;
	margin-bottom: 5px;
	width: 85%;
}
.capa_profile .graph_box {
	height: 473px; padding: 30px;
}
.capa_profile .graph_box.profile1 {
	background-color: #f2f2f2;
}
.capa_profile .graph_box.profile2 {
	border: 1px solid #d0d2d4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.graph_box_tit {
	margin-bottom: 10px;
	text-align: center;
}
.graph_box_tit h5 {
	display: inline-block;
	padding: 8px 30px;
	font-size: 1.5rem;
	background: #e7f6fa;
	border-radius: 20px;
}
.result_compare_graph .show_box3 {
	padding: 10px;
	min-height: 247px;
}
.forprint {
	padding-top: 14px;
	text-align: center;
	border-top: 1px solid #e1e1e1;
}
.result_tbl_area .tbl_row tbody tr td {
	text-align: center;
}
.result_tbl_area {
	margin-bottom: 5%;
	position: relative;
}

.result_tbl_area .belong_list {
	padding-left: 50px;
}
.result_tbl_area .belong_list strong {
	display: inline-block;
	margin-left: -60px;
	width: 60px;
}
.result_tbl_area .btn_grade {
	position: absolute; right: 0; top: 0;
}
.result_card .test_card {
	position: relative;
	overflow: visible;
	padding: 10px 10px 10px 163px;
	margin-top: 30px;
	background-image: none;
}
.result_card .test_card::after {
	content:"";
	display: inline-block;
	position: absolute; top: -30px;
}
.result_card .test_card1::after {
	left: 20px;
	width: 130px; height: 127px;
	background: url(../../images/client/sub/bg_teststrong.png) no-repeat;
}
.result_card .test_card2::after {
	left: 30px;
	width: 99px; height: 127px;
	background: url(../../images/client/sub/bg_testweek.png) no-repeat;
}
.result_card .test_card h4 {
	padding: 28px 0;
}
.result_card .test_card h4 strong::after {
	margin-top: 0;
}
.elresult_box {
	height: 210px;
	background: #e5eef4;
}
.elresult_textbox {
	padding: 15px 20px;
	height: 210px;
	border: 1px dashed #006886;
	overflow-y: auto;
}
.tbl_capa .bg_skyblue {
	background-color: #22aaf8 !important;
	color: #fff;
}
.tbl_capa .bg_yellow {
	background-color: #f79a2b !important;
	color: #fff;
}
.tbl_capa .bg_wine {
	background-color: #bf0061 !important;
	color: #fff;
}
.tbl_capa .result_line th {
	font-weight: 500;
}
.tbl_capa .result_line th,  .tbl_capa .result_line td{
	background-color: #f2f2f2;
	color: #3a3a3a;
}
.resultcompare_txt {
	padding: 22px; margin-bottom: 20px;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 0;
	text-align: center;
}
.resultcompare_txt div {
	font-size: 1.5rem;
}
.resultcompare_txt .test_up {
	margin-bottom: 20px;
}
.resultcompare_txt .test_up p::after {
	content:"";
	display: inline-block;
	margin-left: 3px;
	background: url(../../images/client/sub/icon_arrow_up_green.png) no-repeat;
	width: 16px; height: 20px;
	vertical-align: -3px;
}
.resultcompare_txt .test_down p::after {
	content:"";
	display: inline-block;
	margin-left: 3px;
	background: url(../../images/client/sub/icon_arrow_down_pink.png) no-repeat;
	width: 16px; height: 20px;
	vertical-align: -3px;
}
.resultcompare_txt p {
	display: inline-block;
	vertical-align: 0;
	font-size: 1.6rem; font-weight: 600;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.resultcompare_txt .test_up span {
	color: #528d06;
}
.resultcompare_txt .test_down span {
	color: #f36168;
}
.resultcompare_txt p span, .resultcompare_txt p i{
	font-style: normal;
	vertical-align: 0;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.resultcompare_txt p i {
	border-bottom: 1px solid #aeaeae;
}
.result_compare_graph {
	position: relative;
}
.result_compare_graph .graph_box {
	overflow: hidden;
	border: 1px solid #d0d2d4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.result_compare_graph .tab_button {
	margin: 20px 0;
}

/* 핵심역량검사 */
.capa_guide ol {
	background-image: url(../../images/client/sub/arrow_green_lg.png);
}
.capa_guide .teststep1 {
	background-image: url(../../images/client/sub/icon_capateststep1.png);
}
.capa_guide .teststep2 {
	background-image: url(../../images/client/sub/icon_capateststep2.png);
}
.capa_guide .teststep3 {
	background-image: url(../../images/client/sub/icon_capateststep3.png);
}
.capa_guide .teststep4 {
	background-image: url(../../images/client/sub/icon_capateststep4.png);
}
.capado_list dl {
	background-image: url(../../images/client/sub/img_capatest_on.png);
	background-position: 5px center;
}
.capado_list.disabled dl {
	background-image: url(../../images/client/sub/img_capatest_off.png);
}
.capatest_card {
	position: relative;
	padding: 30px 30px 30px 160px;
	height: 200px;
}
.capatest_card.test_card1 {
	background-color: #508164;
	background-position: 16px center;
}
.capatest_card.test_card2 {
	background-color: #e1dec3;
}
.capatest_card .btn_white {
	color: #508164;
}
.capatest_card .btn_default {
	color: #fff;
	background: #508164;
}
.capatest_card > div {
	position: absolute; top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.test_card h4 i {
	line-height: inherit; vertical-align: top;
}
.capatest_card .btn {
	position: absolute; bottom: 20px; right: 20px;
}
.capado_list {
	background-color: #edefec;
}
.capado_list a.btn_gotest {
	word-break: keep-all;
	background-color: #aec58b;
}
.capado_list a.btn_viewresult {
	background-color: #63b590;
}

/* 핵심역량 검사하기 */
.capado_wrap .tab_list {
	margin-bottom: 0;
}
.capado_wrap .tab_list li  {
	width: 20%;
}
.capado_wrap .tab_list li a {
	min-width: auto; width: 100%;
}
.capado_wrap .tab_cnt {
	padding: 25px 30px 30px;
	background: #fff;
	border-left: 1px solid #d0ccc9;
	border-right: 1px solid #d0ccc9;
	border-bottom: 1px solid #d0ccc9;
}
.section_capatest {
	margin-top: 5%;
}
.section_capatest:first-child {
	margin-top: 0;
}
.capatest_no {
	display: inline-block;
	margin-right: 6px;
	width: 30px; height: 30px;
	color: #fff; font-size: 1.6rem; line-height: 30px; text-align: center;
	background: #ff8928;
}
.capatesttit_label {
	display: inline-block;
	margin: 3px 6px 3px 0; padding: 0 6px;
	height: 30px;
	color: #ff8928; font-size: 1.5rem; line-height: 28px;
	border: 1px solid #ff8928;
}
.measurearea_list {
	display: inline-block;
	margin-right: 30px;
	font-size: 0; line-height: 0;
}
.measurearea_list p {
	display: inline-block;
	margin: 3px 6px 3px 0; padding: 0 6px;
	height: 30px;
	color: #7c7b7b; font-size: 1.5rem; line-height: 28px;
	border: 1px solid #ada9a8;
}
.measurearea_list p:last-child {
	margin-right: 0;
}
.measurearea_list p span {
	line-height: inherit; vertical-align: top;
}
.list_txt {
	display: inline-block;
	margin: 3px 30px 3px 0;
	color: #333;
}
.list_txt strong {
	vertical-align: top;
}
.list_txt strong::after {
	content: "|";
	margin: 0 8px;
	color: #7c7b7b;
}
.capado_wrap .test_lettercount {
	text-align: right;
}
.testquestion_wrap {
	margin-top: 20px;
}
.test_label {
	display: inline-block;
	margin-right: 3px; margin-bottom: 5px; padding: 0 5px;
	height: 20px;
	color: #fff; font-size: 1.3rem; font-weight: 500; line-height: 20px; 
	background: #ff8929;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.test_question {
	margin-bottom: 10px;
}
.test_question::before {
	content: "Q.";
	margin-right: 5px;
	font-weight: 600;
}
.test_answer {
	margin-bottom: 10px;
}
.test_answer::before {
	content: "A.";
	margin-right: 5px;
	font-weight: 600;
}
.testex_box {
	margin-top: 10px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.testex_tit {
	display: block;
	height: 30px;
	line-height: 30px; text-align: center;
	background: #f2f2f2;
}
.testex_cnt {
	padding: 15px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.testex_box .testex_cnt {
	border-radius: 0;
}
.testimg_wrap {
	padding-top: 10px;
	text-align: center;
}
.conversation_list li {
	margin-bottom: 5px; padding-left: 70px;
}
.conversation_list li:last-child {
	margin-bottom: 0;
}
.conversation_list li::after {
	content: ""; display: block; clear: both;
}
.conversation_list li strong {
	float: left;
	position: relative;
	display: inline-block;
	margin-right: 5px; margin-left: -70px;
	width: 65px;
	font-weight: 500;
}
.conversation_list li strong::after {
	position: absolute; top: 0; right: 0;
	content: ":";
}
.test_tit {
	margin-bottom: 5px; padding-left: 28px;
}
.test_tit::after {
	content: ""; display: block; clear: both;
}
.test_tit .no {
	float: left;
	display: inline-block;
	margin-right: 8px; margin-left: -28px;
	width: 20px; height: 20px;
	color: #fff; font-size: 1.6rem; font-weight: 600; line-height: 20px; text-align: center;
	background: #ff8929;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.test_cnt {
	padding-left: 28px;
}
.capatest_wrap > .btn_area {
	margin-top: 30px; padding: 0;
	text-align: center;
}
.capatest_wrap > .btn_area .btn_default {
	background-color: #98204e;
}

/* 핵심역량검사 결과 */
.capatest_info .capainfo_cnt {
	background: #edefec;
}
.capatest_info .tab_list_row li.on a {
	border-right-color: #63b590;
}
.capatest_result .graph_box {
	height: 500px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.capatest_result .explanation_box {
	position: relative;
	padding: 25px 30px;
	height: 500px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow-y: auto;
}
.capatest_result .explanation_box p {
	min-height: 290px;
}
.capatest_result .explanation_box p.font_orange {
	margin-top: 20px;
	min-height: auto;
}
.result_card .capatest_card h4 {
	padding: 3% 0 4% 0;
}
.capaabil_result .graph_box {
	height: 340px;
	background: #edefec;
}
.capaabil_result .explanation_box {
	padding: 20px;
	height: 340px;
	border: 1px solid #d0ccc9;	
	overflow-y: auto;
}
.capaabil_result .explanation_box p {
	color: #333;
}
.capaabil_result .explanation_box .user {
	font-size: 1.8rem; font-weight: 500; line-height: inherit; vertical-align: top;
}
.capaabil_result .explanation_box .user span {
	font-weight: inherit; line-height: inherit; vertical-align: inherit;
}
.capaabil_result .explanation_box .list_dot li {
	color: #333;
}
.subcapa_label {
	display: inline-block;
	margin: 20px 0 5px; padding: 3px 10px;
	font-size: 1.6rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.subcapa_strong {
	color: #fff;
	background: #508164;
}
.subcapa_weak {
	color: #333;
	background: #e1dec3;
}
.capaabil_result .explanation_box .bold {
	line-height: inherit; vertical-align: top;
}

/* 학습유형진단 */
.major_guide h4 {
	color: #7e9e1d;
}
.major_guide ol {
	background-image: url(../../images/client/sub/bg_majorstep.png);
}
.major_guide .teststep1 {
	background-image: url(../../images/client/sub/icon_majorstep1.png);
}
.major_guide .teststep2 {
	background-image: url(../../images/client/sub/icon_majorstep2.png);
}
.major_guide .teststep3 {
	background-image: url(../../images/client/sub/icon_majorstep3.png);
}
.typedo_list {
	background-color: #edf3f7;
}
.typedo_list dl {
	background-image: url(../../images/client/sub/img_major_on.png); background-size: 128px; background-position: left center;
}
.typedo_list.disabled dl {
	background-image: url(../../images/client/sub/img_major_off.png);
}
.typedo_list a.btn_gotest {
	background-color: #499acf; 
}
.typedo_list a.btn_viewresult {
	background-color: #91adbf; 
}

/* 학습유형 진단하기 */
.survey_list .survey_bar {
	display: inline-block;
	margin: 0 4px;
	width: 80px; height: 12px;
	border-bottom: 1px solid #000;
}
.survey_list dd div {
	margin:  2px 0 6px 0; padding-left: 14px;
}
.survey_list dd div:last-child {
	margin-bottom: 0;
}
.survey_list dd strong {
	display: block;
	font-size: 1.5rem;
}

/* 학습유형진단 결과 */
.majorinfo_wrap {
	height: 210px;
}
.majorinfo_wrap .tab_list_row li.on a {
	color: #69880b;
	border-color: #69880b;
}
.majorinfo_wrap .capainfo_cnt {
	background: #eaf0e7;
}
.majorinfo_wrap .capainfo_cnt > div h4 {
	color: #3c4a13;
}
.typedo_list.testdo_checkbox {
	background: #edf3f7;
}
.typedo_list.testdo_checkbox dl {
	background-image: url(../../images/client/sub/img_major_on.png); background-size: 120px; background-position: left center; 
}

.type_list div div {
	padding: 140px 10px 25px;
	color: #a3a3a3; font-family: NanumSquare, sans-serif; font-size: 2.2rem; font-weight: 600; text-align: center;
	background-repeat: no-repeat; background-position: center 33px; 
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.type_list1 {
	background-image: url(../../images/client/sub/icon_type1_off.png);
}
.type_list2 {
	background-image: url(../../images/client/sub/icon_type2_off.png);
}
.type_list3 {
	background-image: url(../../images/client/sub/icon_type3_off.png);
}
.type_list4 {
	background-image: url(../../images/client/sub/icon_type4_off.png);
}

.type_list div div.on {
	color: #98204e;
	border-color: #98204e; border-width: 2px;
}
.type_list1.on {
	background-image: url(../../images/client/sub/icon_type1_on.png);
}
.type_list2.on {
	background-image: url(../../images/client/sub/icon_type2_on.png);
}
.type_list3.on {
	background-image: url(../../images/client/sub/icon_type3_on.png);
}
.type_list4.on {
	background-image: url(../../images/client/sub/icon_type4_on.png);
}

.type_result {
	font-size: 0; line-height: 0;
}
.typeresult_tit {
	padding: 20px 0 95px;
	color: #333; font-size: 1.8rem; text-align: center; word-break: keep-all;
	background: url(../../images/client/sub/bg_arrow_full_down_lightblue.png) no-repeat center top;
}
.typeresult_tit span {
	color: #98204e; font-size: 2.2rem; line-height: inherit; vertical-align: top;
}

.typeresult_cnt {
	position: relative;
	margin-bottom: 20px; padding: 20px 0 20px 110px;
	font-size: 1.5rem; line-height: 1.7em;
}
.typeresult_cnt::before {
	position: absolute; top: 50%; left: 0;
	content: "";
	display: inline-block;
	margin-top: -40px;
	width: 110px; height: 80px;
	background-repeat: no-repeat; background-position: left top; background-size: contain;
}
.type_result1 .typeresult_cnt::before {
	background-image: url(../../images/client/sub/icon_type1_on.png);
}
.type_result2 .typeresult_cnt::before {
	background-image: url(../../images/client/sub/icon_type2_on.png);
}
.type_result3 .typeresult_cnt::before {
	background-image: url(../../images/client/sub/icon_type3_on.png);
}
.type_result4 .typeresult_cnt::before {
	background-image: url(../../images/client/sub/icon_type4_on.png);
}

.typeresult_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.typeresult_list section {
	position: relative;
	display: inline-block;
	padding-top: 50px;
	width: 49%;
	vertical-align: top;
}
.strength_list {
	margin-right: 2%;
}
.typeresult_list h5 {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 50px;
	font-size: 1.8rem; line-height: 50px; text-align: center;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.strength_list h5 {
	color: #fff;
	background: #9b4e6c;
}
.weakness_list h5 {
	color: #9b4e6c;
	background: #ede1da;
}
.typeresult_list ul {
	padding: 20px 25px 100px;
	height: 100%;
	font-size: 1.5rem;
	background-repeat: no-repeat; background-position: right 10px bottom 10px; background-size: auto 120px;
	border: 1px solid #d0ccc9;
}
.typeresult_list ul li::before {
	background: #a3a3a3;
}
.strength_list ul {
	background-image: url(../../images/client/sub/bg_teststrong.png);
}
.weakness_list ul {
	background-image: url(../../images/client/sub/bg_testweek.png);
}

/* 학습자가진단 */
.self_guide ol {
	background-image: url(../../images/client/sub/bg_selfstep.png);
}
.self_guide .teststep1 {
	background-image: url(../../images/client/sub/icon_selfstep1.png);
}
.self_guide .teststep2 {
	background-image: url(../../images/client/sub/icon_selfstep2.png);
}
.self_guide .teststep3 {
	background-image: url(../../images/client/sub/icon_selfstep3.png);
}
.self_guide .teststep4 {
	background-image: url(../../images/client/sub/icon_selfstep4.png);
}

.selfdo_list dl {
	background-image: url(../../images/client/sub/img_selftest_on.png); 
	background-size: 90px; background-position: 16px center;
}
.selfdo_list.disabled dl {
	background-image: url(../../images/client/sub/img_selftest_off.png);
}
.selfdo_list a.btn_gotest {
	background-color: #a0795a;
}
.selfdo_list a.btn_viewresult {
	background-color: #ff8929;
}

/* 대학생활적응진단 */
.unitest_list {
	background: #ebebf1;
}
.unitest_list dl {
	background-image: url(../../images/client/sub/img_universitytest_ok.png);
	background-size: 90px;
}
.unitest_list.disabled dl {
	background-image: url(../../images/client/sub/img_universitytest.png);
}
.unitest_list a.btn_gotest {
	background-color: #63607c;
}
.unitest_list a.btn_viewresult {
	background-color: #455eac;
}

/* 대학생활적응 진단결과 */
.universityinfo_wrap .tab_list_row li.on a {
	color: #63607c;
	border-color: #63607c;
}
.universityinfo_wrap .capainfo_cnt {
	background: #f0f0f6;
}
.universityinfo_wrap .capainfo_cnt > div h4 {
	color: #63607c;
}
.unitest_list.testdo_checkbox {
	background: #ebebf1;
}
.unitest_list.testdo_checkbox.on, .unitest_list.testdo_checkbox:hover {
	border-color: #544f83;
}
.unitest_list.testdo_checkbox dl {
	background-image: url(../../images/client/sub/img_universitytest_ok.png); background-size: auto 80px; background-position: 20px center;
}
.unitest_list.testdo_checkbox span {
	background-image: url(../../images/client/sub/icon_universityselect.png);
}
.unitest_list.testdo_checkbox.on span {
	background-image: url(../../images/client/sub/icon_universityselect_on.png);
}

.univinfo_box .grid_col {
	margin: 0;
}
.univinfo_box div {
	padding-left: 240px;
}
.univinfo_box dt {
	float: left;
	margin-left: -240px; padding: 0 10px;
	width: 240px;
	font-size: 1.2rem; line-height: 58px; text-align: center;
	background-color: #fff; background-repeat: no-repeat; background-position: 40px center; 
	border-left: 1px solid #d3dadc;
	border-right: 1px solid #d3dadc;
	border-bottom: 1px solid #d3dadc;
}
.univinfo_box1 dt {
	border-top: 1px solid #d3dadc;
} 
.univinfo_box dd {
	display: block;
	padding: 0 20px;
	line-height: 58px;
	background: #f0f0f6;
	border-right: 1px solid #d3dadc;
	border-bottom: 1px solid #d3dadc;
}
.univinfo_box1 dd {
	border-top: 1px solid #d3dadc;
} 
.score_class_box {
	padding: 20px;
	text-align: center;
	border: 1px solid #d3dadc;
}
.score_class_box strong {
	display: inline-block;
	margin-bottom: 14px; padding-left: 50px;
	font-size: 1.2rem; line-height: 35px;
	background-repeat: no-repeat; background-position: left center;
}
.score_class01 {
	background-image: url(../../images/client/sub/icon_score_class1.png);
}
.score_class02 {
	background-image: url(../../images/client/sub/icon_score_class2.png);
}
.score_class03 {
	background-image: url(../../images/client/sub/icon_score_class3.png);
}
.score_class04 {
	background-image: url(../../images/client/sub/icon_score_class4.png);
}
.score_class_box p:nth-of-type(1) {
	margin-bottom: 20px;
}
/* 학습역량진단 */
.learning_box {
	position: relative;
	width: 660px;
	margin: 0 auto 20px;
}
.learning_how {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 200px; height: 200px;
	background: url(../../images/client/sub/bg_gcal_circle.png) no-repeat center 60px;
	box-shadow: 0px 2px 15px rgba(55, 86,128,0.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}
.learning_how p {
	width: 100%;
	position: absolute; top: 43%; left: 50%;
	font-family: NetMarble, sans-serif; font-size: 2rem;
	font-weight: 600; line-height: 26px;
	-webkit-transform: translateX(-50%) skew(-0.03deg);
	-moz-transform: translateX(-50%) skew(-0.03deg);
	-o-transform: translateX(-50%) skew(-0.03deg);
	transform: translateX(-50%) skew(-0.03deg);
}
.learning_list li {
	width: 200px; 
	position: absolute;
	padding: 0 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	line-height: 30px;
	font-family: NetMarble, sans-serif; font-size: 1.8rem;
	font-weight: 600; color: #3a3a3a;
	text-align: center;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learning_list li:nth-child(1) {
	background-color: #f5a52f;
	top: 10px; left: 20px;
}
.learning_list li:nth-child(2) {
	background-color: #73d5e7;
	top: 10px; right: 20px;
}
.learning_list li:nth-child(3) {
	background-color: #fdd600;
	top: 50%; left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.learning_list li:nth-child(4) {
	background-color: #6db3e3;
	top: 50%; right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.learning_list li:nth-child(5) {
	background-color: #74d580;
	bottom: 10px; left: 20px;
}
.learning_list li:nth-child(6) {
	background-color: #f3a5da;
	bottom: 10px; right: 20px;
}
.learning_cnt li {
	position: relative;
	padding: 17px 120px 17px 100px;
	background-repeat: no-repeat; background-position: left center;
	word-break: keep-all; line-height: 2.6rem;
}
.learning_cnt li:nth-child(1) {
	background-image: url(../../images/client/sub/img_gcal_cnt1.png);
}
.learning_cnt li:nth-child(2) {
	background-image: url(../../images/client/sub/img_gcal_cnt2.png);
}
.learning_cnt li:nth-child(3) {
	background-image: url(../../images/client/sub/img_gcal_cnt3.png);
}
.learning_cnt li span {
	vertical-align: 0px;
}
.learning_cnt li:nth-child(1) span {
	color: #f2583f;
}
.learning_cnt li:nth-child(2) span {
	color: #2aa1dc;
}
.learning_cnt li:nth-child(3) span {
	color: #dfb651;
}
.learning_method {
	text-align: center;
	margin-top: 15px;
	padding: 20px 0;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 0;
}
.learning_method li {
	display: inline-block;
	width: 25%;
	height: 120px;
	padding-top: 80px;
	border-right: 1px solid #d6dadf;
}
.learning_method li:nth-child(1) {
	background: url(../../images/client/sub/bg_learning_method1.png) no-repeat center 0px;
	padding-top: 70px;
}
.learning_method li:nth-child(2) {
	background: url(../../images/client/sub/bg_learning_method2.png) no-repeat center 0px;
}
.learning_method li:nth-child(3) {
	background: url(../../images/client/sub/bg_learning_method3.png) no-repeat center 0px;
}
.learning_method li:last-child {
	border-right: 0;
	background: url(../../images/client/sub/bg_learning_method4.png) no-repeat center 0px;
}
.learning_method li p {
	display: block;
	font-size: 1.6rem;
	font-family: NetMarble, sans-serif; font-size: 1.6rem;
	font-weight: 600; color: #3a3a3a;
	text-align: center; line-height: 26px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learning_gym {
	position: relative;
	width: 830px;
	margin: 25px auto 0;
}
.learning_circle {
	position: relative;
	margin: 0 auto;
	width: 350px; height: 350px;
	background: url(../../images/client/sub/img_gcal_learning.png) no-repeat center 75px;
	border: 2px dashed #c8cbd0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.learning_circle p {
	position: absolute; top: 65%; left: 50%;
	font-family: NetMarble, sans-serif; font-size: 2.6rem;
	font-weight: 600; color: #3a3a3a;
	text-align: center; line-height: 26px;
	-webkit-transform: skew(-0.03deg) translateX(-50%);
	-moz-transform: skew(-0.03deg) translateX(-50%);
	-o-transform: skew(-0.03deg) translateX(-50%);
	transform: skew(-0.03deg) translateX(-50%);
}
.learning_circle p span {
	display: block;
	color: #a1a1a1; font-size: 1.6rem;
}
.learning_way {
	color: #fff;
}
.learning_way>li {
	position: absolute;
	width: 280px; height: 130px;
	-webkit-border-radius: 10px 20px 20px 10px;
	-moz-border-radius: 10px 20px 20px 10px;
	border-radius: 10px 20px 20px 10px;
}
.learning_way>li:nth-child(1) {
	top: 35px; left: 0;
	background-color: #34a0db;
}
.learning_way>li:nth-child(2) {
	top: 35px; right: 0;
	background-color: #f37e84;
	-webkit-border-radius: 20px 10px 10px 20px;
	-moz-border-radius: 20px 10px 10px 20px;
	border-radius: 20px 10px 10px 20px;
}
.learning_way>li:nth-child(3) {
	bottom: 35px; left: 0;
	background-color: #94c056;
}
.learning_way>li:nth-child(4) {
	bottom: 35px; right: 0;
	background-color: #f8b564;
	-webkit-border-radius: 20px 10px 10px 20px;
	-moz-border-radius: 20px 10px 10px 20px;
	border-radius: 20px 10px 10px 20px;
}
.learning_way>li span {
	position: absolute; right: 0;
	display: inline-block;
	padding-top: 90px;
	width: 120px; height: 130px;
	font-family: NetMarble, sans-serif; font-size: 2rem;
	font-weight: 600; color: #3a3a3a;
	text-align: center; line-height: 26px;
	background-color: #fff; background-repeat: no-repeat; background-position: center 22px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learning_way>li:nth-child(1) span {
	color: #34a0db;
	background-image: url(../../images/client/sub/bg_gcal_way1.png);
}
.learning_way>li:nth-child(2) span {
	right: inherit; left: 0;
	color: #ed636a;
	background-image: url(../../images/client/sub/bg_gcal_way2.png);
}
.learning_way>li:nth-child(3) span {
	color: #8dbc49;
	background-image: url(../../images/client/sub/bg_gcal_way3.png);
}
.learning_way>li:nth-child(4) span {
	right: inherit; left: 0;
	color: #ff921d;
	background-image: url(../../images/client/sub/bg_gcal_way4.png);
}
.learning_way>li ul {
	position: absolute; top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.learning_way>li:nth-child(1) ul {
	left: 75px;
	text-align: right;
}
.learning_way>li:nth-child(2) ul {
	right: 52px;
}
.learning_way>li:nth-child(3) ul {
	left: 62px;
	text-align: right;
}
.learning_way>li:nth-child(4) ul {
	right: 55px;
}
.learning_way>li ul li {
	font-weight: 500;
}
.learning_way>li ul li:after {
	content:"·";
	display: inline-block;
	width: 10px; color:#fff;
	font-size: 2rem;
}
.learning_way>li:nth-child(2) ul li:after{
	position: absolute; left: -12px;
}
.learning_way>li:nth-child(4) ul li:after{
	position: absolute; left: -12px;
}
.testdo_list.learning {
	background-color:  #f5f2ec;
}
.testdo_list.learning dl {
	background-image: url(../../images/client/sub/img_learning_on.png);
}
.testdo_list.learning a.btn_viewresult {
	background-color: #fd7e2a;
}
.testdo_list.learning a.btn_gotest {
	background-color: #fcb040;
}
/* 학습역량진단하기 */
.testlist_wrap.learning {
	background-color: #edeae6;
}
/* 학습역량진단 결과 */
.capainfo_list.learning {
	margin-bottom: 20px;
}
.capainfo_list.learning li {
	padding: 0;
	margin-right: 12px;
	background: #f4f2f0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.capainfo_list.learning li a {
	width: 120px; height: 120px;
	padding-top: 90px;
	background-position: center 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.capainfo_list.learning .capa1 a {
	background-image: url(../../images/client/sub/bg_gcal_way1.png);
	color: #34a0db;
}
.capainfo_list.learning .capa2 a {
	background-image: url(../../images/client/sub/bg_gcal_way2.png);
	color: #ed636a;
}
.capainfo_list.learning .capa3 a {
	background-image: url(../../images/client/sub/bg_gcal_way3.png);
	color: #8dbc49;
}
.capainfo_list.learning .capa4 a {
	background-image: url(../../images/client/sub/bg_gcal_way4.png);
	color: #ff921d;
}
.learning_score {
	position: relative;
	height: 155px;
	padding: 40px 25px 40px 122px;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 0;
}
.learning_score p {
	position: absolute; left: 20px; top: 30px;
	padding-top: 65px;
	width: 90px;
	font-size: 2rem; font-weight: 600;
	font-family: NetMarble, sans-serif;
	background-repeat: no-repeat; background-position: center top;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learning_score p.capa1 {
	color: #34a0db;
	background-image: url(../../images/client/sub/bg_gcal_way1.png);
}
.learning_score p.capa2 {
	color: #ed636a;
	background-image: url(../../images/client/sub/bg_gcal_way2.png);
}
.learning_score p.capa3 {
	color: #8dbc49;
	background-image: url(../../images/client/sub/bg_gcal_way3.png);
}
.learning_score p.capa4 {
	color: #ff921d;
	background-image: url(../../images/client/sub/bg_gcal_way4.png);
}
.learning_score ul {
	display: block; width: auto;
}
.learning_score li {
	display: inline-block;
	font-size: 1.6rem; color: #3a3a3a;
	text-align: center; font-weight: 600;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learning_score li span {
	display: block;
	padding: 0 5px; 
	margin-top: 10px;
	width: 70px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 30px;
	font-size: 2.6rem; color:#5c5c5c;
}
.learning_score li:nth-child(1) {
	margin-right: 20px;
}
.learning_score li:nth-child(1) span {
	background-color: #dceaf2;
}
.learning_score li:nth-child(2) span {
	background-color: #e7ede2;
}
.learning_result {
	position: relative;
	padding: 7px 10px 7px 190px;
	background-color: #f5f2ec;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.learning_result>span {
	position: absolute; left: 0; top: 50%;
	display: inline-block;
	width: 180px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #3a3a3a; font-size: 2rem;
	text-align: center; font-weight: 600;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg) translateY(-50%);
	-moz-transform: skew(-0.03deg) translateY(-50%);
	-o-transform: skew(-0.03deg) translateY(-50%);
	transform: skew(-0.03deg) translateY(-50%);
}
.learning_result>span::after {
	content:"";
	display: inline-block;
	position: absolute; right: 0; top: 50%;
	width: 1px; height: 20px;
	background-color: #bfb9ac;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.learning_result>div {
	display: block;
	text-align: center;
}
.learning_result>div p {
	display: inline-block; 
	color: #3a3a3a; font-size: 1.6rem;
	font-weight: 600;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learning_result>div p:first-child {
	margin-right: 40px;
}
.learning_result>div p span {
	display: inline-block;
	width: 70px; 
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	font-size: 2.6rem; color: #5c5c5c;
	line-height: inherit;
}
.graph_box.learning {
	padding: 0 10px;
	background-color: #f5f2ec;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.graph_box.tscore {
	position: relative;
	height: 382px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.graph_box.tscore 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%);
}
.graph_box.tscore1 {
	border: 1px solid #ff971c;
}
.graph_box.tscore2 {
	border: 1px solid #25aae1;
}
.learning_opinion {
	margin-top: 30px;
	padding: 10px 20px 20px;
	background-color: #f0f3f7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 0;
}
.learning_opinion p {
	font-size: 1.5rem;
	line-height: 26px;
	word-break: break-all;
}
.learning_opinion p span {
	vertical-align: top;
	font-size: 1.6rem;
}
.learning_opinion p span i {
	font-style: normal;
	font-weight: 600;
	vertical-align: top;
}
.learn_capa_result {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.learn_capa_result.capa1 {
	border: 2px solid #dfe9f1;
}
.learn_capa_result.capa2 {
	border: 2px solid #f6e8e8;
}
.learn_capa_result.capa3 {
	border: 2px solid #eff6e5;
}
.learn_capa_result.capa4 {
	border: 2px solid #f5ebe1;
	margin-bottom: 0;
}
.learn_capa_result .capa_name {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 15px 20px;
	line-height: 1.6em;
	align-items: center;
}
.learn_capa_result .capa_name strong {
	display: inline-block;
	margin-right: 20px;
	font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; 
	flex-shrink: 0;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learn_capa_result.capa1 .capa_name {
	background-color: #dfe9f1;
}
.learn_capa_result.capa1 .capa_name strong {
	color: #34a0db;
}
.learn_capa_result.capa2 .capa_name {
	background-color: #f6e8e8;
}
.learn_capa_result.capa2 .capa_name strong {
	color: #ed636a;
}
.learn_capa_result.capa3 .capa_name {
	background-color: #eff6e5;
}
.learn_capa_result.capa3 .capa_name strong {
	color: #8dbc49;
}
.learn_capa_result.capa4 .capa_name {
	background-color: #f5ebe1;
}
.learn_capa_result.capa4 .capa_name strong {
	color: #a47849;
}
.learn_capa_result .capa_name span {
	display: inline-block;
	padding: 0 10px;
	min-width: 60px; 
	margin-left: 10px; 
	color:#3a3a3a; font-size: 2rem; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; vertical-align: top; text-align: center;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learn_capa_result ul {
	padding: 15px 20px 20px;
	font-size: 0;
}
.learn_capa_result ul li {
	margin-bottom: 25px;
	font-size: 1.5rem;
}
.learn_capa_result ul li:last-child {
	margin-bottom: 0;
}
.learn_capa_result ul li span {
	display: inline-block;
	margin-right: 15px;
	padding-left:20px;
	vertical-align: bottom;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: url(../../images/client/sub/icon_tit_sm.png) left center no-repeat; 
}
.learn_capa_result ul li div {
	margin-top: 5px;
	font-size: 0;
}
.learn_capa_result ul li p {
	display: inline-block;
	min-width: 160px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	text-align: center; color:#333;
	line-height: 38px; font-size: 1.5rem;
}
.learn_capa_result ul li p strong {
	display: inline-block;
	width: 70px;
	margin-right: 5px;
	line-height: inherit;
	text-align: right;
	font-size: 2.2rem;
	font-family: NetMarble, sans-serif; font-weight: 600; letter-spacing: -0.05em; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.learn_capa_result ul li div p:nth-child(1) {
	background-color: #f5f2ec;
	margin-right: 10px;
}
.learn_capa_result ul li div p:nth-child(1) strong {
	color: #ff971c;
}
.learn_capa_result ul li div p:nth-child(2) {
	background-color: #f0f3f7;
}
.learn_capa_result ul li div p:nth-child(2) strong {
	width: 54px;
	color: #265097;
}
.learn_capa_result .learning_opinion {
	margin-top: 0;
	border-radius: 0;
}
.learn_capa_result.capa1 .learning_opinion {
	background: #f2f5f8;
}
.learn_capa_result.capa2 .learning_opinion {
	background: #f9f3f3;
}
.learn_capa_result.capa3 .learning_opinion {
	background: #f7f9f3;
}
.learn_capa_result.capa4 .learning_opinion {
	background: #f9f6f2;
}
.learn_capa_result .learning_opinion .section_tit_sm {
	padding-left: 0;
	background: none;
}

/* 취업준비역량진단 */
.employ_infotop {
	text-align: center;
}
.employ_infotop p {
	display: inline-block;
	margin: 0px 0 10px; padding: 25px 0 25px 117px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.8rem; line-height: 1.7em; text-align: left; letter-spacing: -0.03em;
	background: url(../../images/client/sub/bg_employ_infotop.png) no-repeat left center;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.employ_infotop p .bold {
	vertical-align: 0;
}
.employ_infotop p .hightlight {
	background-image: linear-gradient(transparent 60%, #d9d0ff 20%);
}
.txt.employ .bold {
	vertical-align: top;
	color: #5c5c5c;
}
.txt.employ span {
	vertical-align: top;
	font-weight: 600;	
	color: #b36595;
}
.test_guide.employ {
	padding: 25px 0;
}
.test_guide.employ .teststep1 {
	background-image: url(../../images/client/sub/icon_teststep1_employ.png);
}
.test_guide.employ .teststep2 {
	background-image: url(../../images/client/sub/icon_teststep2_employ.png);
}
.test_guide.employ .teststep3 {
	background-image: url(../../images/client/sub/icon_teststep3_employ.png);
}
.test_guide.employ .teststep4 {
	background-image: url(../../images/client/sub/icon_teststep4_employ.png);
}
.test_guide.employ ol li {
	padding-top: 85px;
}
.test_guide.employ ol li span {
	background-image: linear-gradient(transparent 80%, #d1abff 20%);
}
.testdo_list.employ {
	background-color: #f5f1f9;
}
.testdo_list.employ dl {
	background-image: url(../../images/client/sub/img_employ_on.png);
}
.testdo_list.employ a.btn_gotest {
	background-color: #664a89;
}
.testdo_list.employ a.btn_viewresult {
	background-color: #b36595;
}
/* 취업준비역량진단하기 */
.testlist_wrap.employ {
	background-color: #f0eef7;
}
/* 취업준비역량진단 결과 */
.testdo_list.employ {
	background-color: #f5f1f9;
}
/* 워크넷진단 */
.test_guide.worknet ol li {
	padding-top: 83px;
}
.test_guide.worknet .teststep1 {
	background-image: url(../../images/client/sub/img_worknet_step1.png);
}
.test_guide.worknet .teststep2 {
	background-image: url(../../images/client/sub/img_worknet_step2.png);
}
.test_guide.worknet .teststep3 {
	background-image: url(../../images/client/sub/img_worknet_step3.png);
}
.test_guide.worknet .teststep4 {
	background-image: url(../../images/client/sub/img_worknet_step4.png);
}
.worknet_btnarea {
	margin-top: 20px;
	text-align: center;
	font-size: 0;
}
.worknet_btnarea p {
	margin-bottom: 5px;
	font-size: 1.5rem;
	color: #f64f2e;
}
.worknet_box {
	border-bottom: 1px solid #d6dadf;
	margin-bottom: 30px;
	min-height: 200px;
}
.worknet_box:last-child {
	margin-bottom: -10px;
	border-bottom: 0;
}
.worknet_content {
	position: relative;
	padding: 10px 20px 15px 290px;
}
.worknet_content h4 {
	margin-bottom: 10px;
	font-size: 2rem;
	color: #3a3a3a; font-weight: 600;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.worknet_content .worknet_image {
	overflow: hidden;
	width: 260px; height: 190px;
	position: absolute; left: 0px; top: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.worknet_content .worknet_image img {
	width: 100%; height: 100%;
}
.worknet_content .worknet_text {
	margin-bottom: 15px;
	font-size: 1.5rem;
}
.worknet_content ul {
	margin-bottom: 1%;
	font-size: 0;
}
.worknet_content ul li {
	margin-bottom: 10px;
	padding-left: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.5rem;
}
.worknet_content ul li:last-child {
	margin-bottom: 0;
}
.worknet_content ul li strong {
	display: inline-block;
	width: 70px;
	margin-right: 10px;
	margin-left: -80px;
	background-color: #e8eff5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #3a3a3a; line-height: 20px;
	text-align: center;
	vertical-align: top;
}
.worknet_content .btn_area {
	position: absolute; right: 10px; bottom: 3px;
}
.worknet_content .btn_area .btn {
	position: relative;
	padding: 0 28px 0 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.worknet_content .btn_area .btn span {
	position: absolute; right: 10px; top:14px;
	display: inline-block;
	width: 12px; height: 7px;
	background-image: url(../../images/client/formstyle/btn_details_on.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.worknet_content .btn_area .btn.on {
	background-color: #158ec0;
}
.worknet_content .btn_area .btn.on span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.worknet_result {
	display: none;
	width: 100%;
	padding: 20px 20px;
}

/* 교과정보조회 */


/*.rowposition_wrap {
	position: relative;
}
.search_box.row_2 {
	font-size: 0; line-height: 0;
}
.row_2 .search_row {
	display: inline-block;
}
.row_2 .search_row::after {
	content: "";
	display: block;
	clear: both;
}
.row_2 .search_row:nth-child(1) {
	width: 25%;
}
.row_2 .search_row:nth-child(1)::after {
	content: ""; display: block; clear: both;
}
.row_2 .search_row:nth-child(1) .select_form {
	float: left;
	margin-right: 2%;
	width: 48%;
}
.row_2 .search_row:nth-child(2) {
	width: 75%;
}
.subject_tit {
	text-align: left;
}
.subjectpoint_list {
	font-size: 0; line-height: 0;
}
.subjectpoint_list ul {
	display: inline-block;
	font-size: 1.5rem; line-height: 1.5em; 
}
.subjectpoint_list ul li {
	padding: 0 4px;
	text-align: left;
}
.subjectpoint_list ul li::before {
	content: "";
	display: inline-block;
	margin-right: 2px;
	width: 10px; height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.subjectpoint_list .capa1::before {
	background: #98204e;
}
.subjectpoint_list .capa2::before {
	background: #f27370;
}
.subjectpoint_list .capa3::before {
	background: #ffc535;
}
.subjectpoint_list .capa4::before {
	background: #ccaf98;
}
.subjectpoint_list .capa5::before {
	background: #63b590;
}
.subjectpoint_list .capa6::before {
	background: #499bcf;
}
.subjectpoint_list .subj::before {
	background: #105bb6 ;
}
.subjectpoint_list .nonsubj::before {
	background: #6d53ad ;
}
.subjectpoint_list ul li strong {
	display: inline-block;
	min-width: 80px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 20px;
}
.capabil1 {
	background-image: url(../../images/client/sub/icon_capa_s1_on.png);
}
.capabil2 {
	background-image: url(../../images/client/sub/icon_capa_s2_on.png);
}
.capabil3 {
	background-image: url(../../images/client/sub/icon_capa_s3_on.png);
}
.capabil4 {
	background-image: url(../../images/client/sub/icon_capa_s4_on.png);
}
.capabil5 {
	background-image: url(../../images/client/sub/icon_capa_s5_on.png);
}
.capabil6 {
	background-image: url(../../images/client/sub/icon_capa_s6_on.png);
}

.capabil1_md {
	background-image: url(../../images/client/sub/icon_capa_m1_on.png);
}
.capabil2_md {
	background-image: url(../../images/client/sub/icon_capa_m2_on.png);
}
.capabil3_md {
	background-image: url(../../images/client/sub/icon_capa_m3_on.png);
}
.capabil4_md {
	background-image: url(../../images/client/sub/icon_capa_m4_on.png);
}
.capabil5_md {
	background-image: url(../../images/client/sub/icon_capa_m5_on.png);
}
.capabil6_md {
	background-image: url(../../images/client/sub/icon_capa_m6_on.png);
}

.capabil2_1 {
	background-image: url(../../images/client/sub/icon_capabil2_1.png);
}
.capabil2_2 {
	background-image: url(../../images/client/sub/icon_capabil2_2.png);
}
.capabil2_3 {
	background-image: url(../../images/client/sub/icon_capabil2_3.png);
}
.capabil2_4 {
	background-image: url(../../images/client/sub/icon_capabil2_4.png);
}
.capabil2_5 {
	background-image: url(../../images/client/sub/icon_capabil2_5.png);
}
.capabil2_6 {
	background-image: url(../../images/client/sub/icon_capabil2_6.png);
}
.capabil2_7 {
	background-image: url(../../images/client/sub/icon_capabil2_7.png);
}
.capabil2_8 {
	background-image: url(../../images/client/sub/icon_capabil2_8.png);
}*/

/* 비교과 */
.programcard_list {
	position: relative;
	display: block;
	padding-top: 15px;
}
.program_tag {
	position: absolute; top: 0; left: 0; z-index: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0 4px;
	min-width: 70px; height: 36px;
	color: #fff; font-size: 1.5rem; line-height: 1; text-align: center;
	background: #69ba50;
	align-items: center; justify-content: center;
	-webkit-border-radius: 4px 0 10px 10px;
	-moz-border-radius: 4px 0 10px 10px;
	border-radius: 4px 0 10px 10px;
}
.program_tag::after {
	position: absolute; top: 0; right: -15px; 
	content: "";
	width: 15px; height: 15px;
	background: url(../../images/client/sub/bg_programtag_green.png) no-repeat center;
}
.program_tag span {
	display: block;
	line-height: 1.14em;
}
.programcard_outer {
	position: relative;
	background: #fff;
	border: 2px solid #c2c2c2;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
}
.programcard_list .previewimg_box {
	height: 156px;
}
.previewimg_capa {
	position: absolute; top: 50%; left: 50%;
	display: block;
	width: 100%; height: 100%;
	font-size: 0; line-height: 0;
	background-repeat: no-repeat; background-position: center bottom; 
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/* 창의융합 */
.previewimg_capa1 {
	background-color: #eef0d4;
	background-image: url(../../images/client/sub/img_program_capa01.png);
	background-position: center top;
}
/* 도전정신 */
.previewimg_capa2 {
	background-color: #f5eaed;
	background-image: url(../../images/client/sub/img_program_capa02.png);
}
/* 의사소통 */
.previewimg_capa3 {
	background-color: #d6eaf8;
	background-image: url(../../images/client/sub/img_program_capa03.png);
}
/* 배려협력 */
.previewimg_capa4 {
	background-color: #e7f4e3;
	background-image: url(../../images/client/sub/img_program_capa04.png);
}
/* 자기관리 */
.previewimg_capa5 {
	background-color: #e5f3ef;
	background-image: url(../../images/client/sub/img_program_capa05.png);
}
/* 전문역량 */
.previewimg_capa6 {
	background-color: #eee6f3;
	background-image: url(../../images/client/sub/img_program_capa06.png);
}
.programcard_list .mileage_label {
	position: absolute; top: 10px; right: 111px; z-index: 1;
	color: #fff; font-weight: 600; 
	text-shadow: -1px 0 #555, 0 1px #555, 1px 0 #555, 0 -1px #555;
}
.programcard_list .mileage_label::before {
	content: "M";
	display: inline-block;
	margin-right: 4px;
	width: 20px; height: 20px;
	color: #a81e5a;	font-size: 1.2rem; font-weight: 700; text-align: center; line-height: 18px;
	text-shadow: none;
	background: #fff;
	border: 1px solid #a81e5a;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.programcard_list .program_label {
	position: absolute; top: 10px; right: 43px; z-index: 1;
	padding: 4px;
	line-height: 1;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* 창의융합 */
.font_capa1 { color: #f19431; font-weight: 500; }
.tbl_capa .font_capa1 { color: #f19431; font-weight: 500; }
/* 도전정신 */
.font_capa2 { color: #ea6969; font-weight: 500; }
.tbl_capa .font_capa2 { color: #ea6969;  font-weight: 500; }
/* 의사소통 */
.font_capa3 { color: #2f9cd4; font-weight: 500; }
.tbl_capa .font_capa3 { color: #2f9cd4;  font-weight: 500; }
/* 배려협력 */
.font_capa4 { color: #86b640; font-weight: 500; }
.tbl_capa .font_capa4 { color: #86b640;  font-weight: 500; }
/* 자기관리 */
.font_capa5 { color: #3bb695; font-weight: 500; }
.tbl_capa .font_capa5 { color: #3bb695;  font-weight: 500; }
/* 전문역량 */
.font_capa6 { color: #7e5695; font-weight: 500; }
.tbl_capa .font_capa6 { color: #7e5695;  font-weight: 500; }

.programcard_outer .btn_addlike {
	position: absolute; top: 10px; right: 6px; z-index: 1;
}
.programcard_list .btn_listdel {
	position: absolute; top: 120px; right: 6px; z-index: 1;
	border: 1px solid #fff;
}

.programcard_inner {
	padding: 18px;	
	text-align: center;
}
.programcard_list dl {
	text-align: left;
}
.programcard_list dt {
	display: block;
	margin-bottom: 18px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.7rem; font-weight: 600; line-height: 1; letter-spacing: -0.05em;
	white-space: nowrap; text-overflow: ellipsis;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
}
.programcard_list dd {
	position: relative;
	margin-bottom: 6px; 
	color: #777; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden; 
}
.programcard_list dd span {
	display: inline-block;
	min-width: 70px;
}
.program_joincount {
	position: relative;
	height: 16px;
	background: #ebebeb;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}
.program_joincount p {
	position: absolute; top: 0; left: 0;
	height: 100%;
	font-size: 0; line-height: 0;
	background: #88c6e2;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border-radius: 8px;
}
.program_joincount span {
	position: absolute; top: 50%; left: 50%;
	color: #3a3a3a; font-size: 1.2rem;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.programcard_certi {
	padding: 15px 10px;
	width: 100%;
	font-size: 0; line-height: 0;
}
.programcard_certi span {
	display: inline-block;
	width: 50%;
}
.programcard_certi span i {
	display: block;
	color: #c6c6c6; font-family: NetMarble, sans-serif; font-size: 1.6rem; text-align: center; font-style: normal; white-space: nowrap; text-overflow: ellipsis;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.programcard_certi span i::before {
	content: "";
	margin-top: 2px; margin-right: 4px;
	display: inline-block;
	width: 20px; height: 20px;
	line-height: inherit; vertical-align: top;
	background: url(../../images/client/sub/icon_clock_gray.png) no-repeat center;
	background-size: contain;
}
.programcard_certi .certi_change.on i {
	color: #a90056;
}
.programcard_certi .certi_change.on i::before {
	background-image: url(../../images/client/sub/icon_clock_pink.png);
}
.programcard_certi .certi_haein.on i {
	color: #25aae1;
}
.programcard_certi .certi_haein.on i::before {
	background-image: url(../../images/client/sub/icon_clock_blue.png);
}

.programcard_list.on .programcard_outer {
	border-color: #25aae1;
}
.programcard_list.on dt {
	color: #027dcb;
}
.programlist_wrap {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.programlist_wrap ul {
	position: relative;
	display: block;
	padding: 20px 10px;
	font-size: 0; line-height: 0;
	border-bottom: 1px solid #ccc;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.programlist_wrap ul:last-child {
	border-bottom: 0;
}
.programlist_wrap ul.on {
	background-color: #f0f3f7;
}
.programlist_wrap li {
	display: inline-block;
	font-size: 1.5rem; line-height: 1.5em; text-align: center;
}
.programlist_wrap li .cnt {
	color:#777777;
}
.programlist_wrap li:nth-child(1) {
	width: 9%;
}
.programlist_wrap li:nth-child(1) p {
	padding: 2px;
	color:#fff;
	background: #69ba50;
}
.programlist_wrap li:nth-child(2) {
	width: 8%; 
}
.programlist_wrap li:nth-child(3) {
	width: 37%;
	text-align: left;
}
.programlist_wrap li:nth-child(4) {
	width: 8%;
}
.programlist_wrap li:nth-child(5) {
	width: 15%;
}
.programlist_wrap li:nth-child(6) {
	width: 9%;
}
.programlist_wrap li:nth-child(7) {
	width: 9%; 
}
.programlist_wrap li:nth-child(8) {
	width: 5%;
	text-align: right;
}
.programlist_wrap li p {
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.programlist_wrap .mileage {
	color:#fff; font-weight: 600;
	text-shadow: -1px 0 #555, 0 1px #555, 1px 0 #555, 0 -1px #555;
}
.programlist_wrap .mileage::before{
	content:"M";
	display: inline-block;
	margin-right: 4px; 
	width: 20px; height: 20px;
	color: #a81e5a; font-size: 1.2rem; font-weight: 700; line-height: 18px; text-align: center; vertical-align: 1px;
	text-shadow: none;
	background: #fff;
	border: 1px solid #a81e5a;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.programlist_wrap .operation {
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.programlist_wrap .nun_tit {
	display: block;
	color:#3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.7rem; font-weight: 600;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.programlist_wrap li .depart_tit{
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.programlist_wrap li .programcard_certi {
	display: inline-block;
	margin: -10px 0; padding: 0;
	width: auto;
	text-align: left;
}
.programlist_wrap li .programcard_certi span {
	display: block;
	margin-bottom: 3px;
	width: auto;
	text-align: left;
}
.programlist_wrap li .programcard_certi span:last-child {
	margin-bottom: 0;
}
.programlist_wrap li .programcard_certi span::before {
	margin-top: 3px;
	width: 16px; height: 16px;
}
.programlist_wrap li .programcard_certi .certi_change::before {
	background-image: url(../../images/client/sub/icon_clock_pink.png);
}
.programlist_wrap li .programcard_certi .certi_haein::before {
	background-image: url(../../images/client/sub/icon_clock_blue.png);
}
.programlist_wrap .btn_addlike {
	margin-left: auto; margin-right: auto;
}

/*.tab_list li.tab_other a {
	color: #7d746d;
	background: #f2efea;
}
.tab_list li.tab_other.on {
	border-top-color: #77314c; 
}

.programlist_wrap {
	padding: 20px 30px;
	border: 1px solid #d0ccc9;
}
.programlist_wrap li {
	margin-bottom: 20px;
	font-size: 0; line-height: 0;
}
.programlist_wrap li:last-child {
	margin-bottom: 0;
}
.programlist_wrap li * {
	font-size: 1.5rem; line-height: 1.5em;
}
.programlist_wrap li p {
	position: relative;
	display: inline-block;
	padding-left: 65px;
	width: 60%;
}
.programlist_wrap li p a {
	display: block;
	white-space: nowrap; text-overflow: ellipsis; 
	overflow: hidden;
}
.programlist_wrap li p a:hover {
	color: #20409a;
}
.programlist_wrap li p .status {
	position: absolute; top: 50%; left: 0;
	display: inline-block;
	margin-top: -9px;
	width: 60px; height: 18px;
	color: #fff; font-size: 1.3rem; line-height: 1.4em; text-align: center;
}
.programlist_wrap .point {
	display: inline-block;
	width: 10%;
	color: #a9a8a8; font-weight: 300; text-align: right;
}
.programlist_wrap .date {
	display: inline-block;
	width: 30%;
	color: #a9a8a8; font-weight: 300; text-align: right;
}

.program_list {
	background: #fff;
}
.program_lisbox {
	position: relative;
	border: 1px solid #c4c9cc;
}
.program_label {
	position: absolute; top: 0; left: 0; z-index: 2;
	display: inline-block;
	width: 66px; height: 64px;
	color: #fff; font-size: 1.4rem; text-align: center; 
	background: rgba(0,0,0,0.5);
}
.program_label span {
	display: block;
	line-height: 1.4em; 
}
.program_label > span {
	position: absolute; top: 50%; left: 0;
	padding: 0 5px;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.team_label {
	position: absolute; top: 64px; left: 0; z-index: 2;
	display: inline-block;
	width: 66px; height: 20px;
	color: #fff; font-size: 1.4rem; line-height: 20px; text-align: center; 
	background: rgba(0,0,0,0.7);
}
.team_label::before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	background-repeat: no-repeat; background-position: center; background-size: contain;
}
.team_team::before {
	width: 20px; height: 12px;
	background-image: url(../../images/client/sub/icon_team.png);
}
.team_person::before {
	width: 12px; height: 12px;
	background-image: url(../../images/client/sub/icon_person.png);
}
.previewimg_box {
	width: 100%;
	position: relative;
}
.previewimg_box a {
	overflow: hidden;
	display: block;
	width: 100%; height: 180px;
	position: relative;
	background-color: #f2f2f2;
}
.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%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.previewimg_capa {
	position: absolute; top: 50%; left: 50%;
	display: block;
	width: 100%; height: 100%;
	font-size: 0; line-height: 0;
	background-repeat: no-repeat; background-position: center; background-size: auto 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.previewimg_capa1 {
	background-color: #98204e;
	background-image: url(../../images/client/sub/bg_program_capa1.png);
}
.previewimg_capa2 {
	background-color: #f27370;
	background-image: url(../../images/client/sub/bg_program_capa2.png);
}
.previewimg_capa3 {
	background-color: #ffc535;
	background-image: url(../../images/client/sub/bg_program_capa3.png);
}
.previewimg_capa4 {
	background-color: #ccaf98;
	background-image: url(../../images/client/sub/bg_program_capa4.png);
}
.previewimg_capa5 {
	background-color: #63b590;
	background-image: url(../../images/client/sub/bg_program_capa5.png);
}
.previewimg_capa6 {
	background-color: #499bcf;
	background-image: url(../../images/client/sub/bg_program_capa6.png);
}

.program_infolist dt {
	overflow: hidden;
	padding: 10px;
	width: 100%;
	color: #252121; font-size: 1.5rem;
	white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;
	border-bottom: 1px solid #d7d7d7;
}
.program_infolist dt strong {
	margin-right: 3px;
	color: #032061; font-weight: 500; vertical-align: top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.program_infolist dd {
	display: block;
	padding: 2px 10px 2px 77px;
	height: 25px;
	color: #252121; 
}
.program_infolist dd:nth-of-type(1) {
	padding-top: 6px;
	height: 27px;
}
.program_infolist dd span:nth-child(1) {
	position: relative;
	float: left;
	margin-left: -67px; margin-right: 5px; 
	width: 62px;
}
.program_infolist dd span:nth-child(1)::after {
	position: absolute; right: 0;
	content: "|";
	color: #bbb;
}
.program_infolist dd span:nth-child(2) {
	display: block;
	white-space: nowrap; text-overflow: ellipsis; 
	overflow: hidden;
}
.program_lisbox .program_joincount {
	margin: 5px auto 10px;
	width: 94%;
}
.program_joincount {
	overflow: hidden;
	width: 90%; height: 15px;
	position: relative;
	background-color: #eaeaea;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.program_joincount p {
	height: 100%;
	background-color: #f5cb98;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.program_joincount span {
	display: block;
	margin-top: -13px;
	color: #252121; text-align: center; font-size: 1.3rem; line-height: 1em;
}
.program_lisbox .graph_wrap {
	display: none;
	width: 100%; height: 384px;
	position: absolute; top: 0; bottom: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 3;
}
.program_lisbox .graph_wrap .graph_box {
	height: 100%;
	text-align: center;
}
.program_lisbox .graph_wrap .graph_box p {
	padding-top: 50px; margin-bottom: 2em;
	color: #fff; font-size: 1.2rem;
}
.program_lisbox .graph_wrap .graph_box img {
	position: static;
	transform: translate(0);
}
.program_footer {
	position: relative; z-index: 10;
	padding: 10px;
	border-top: 1px dashed #d7d7d7;
}
.program_lisbox .btn_addlike {
	position: absolute; top: 10px; right: 8px; z-index: 1;
}
.program_graph {
	height: 30px;
	font-size: 0; line-height: 0;
}
.program_graph p {
	position: relative;
	display: inline-block;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.program_graph .capa1 {
	background: #98204e;
}
.program_graph .capa2 {
	background: #f27370;
}
.program_graph .capa3 {
	background: #ffc535;
}
.program_graph .capa4 {
	background: #c3a791;
}
.program_graph .capa5 {
	background: #63b590;
}
.program_graph .capa6 {
	background: #499bcf;
} 
.program_graph p span {
	position: absolute; top: 50%; left: 50%;
	min-width: 100%;
	color: #fff; font-size: 1.2rem; text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.program_detail {
	display: none;
	position: absolute; top: 25px; left: 80%;
	padding: 5px 10px;
	font-size: 1.5rem; line-height: 1.3em; white-space: nowrap;
	background: #fff;
	border: 1px solid #c2c2c2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.program_detail::before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 10px; height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.capa1 .program_detail::before {
	background: #98204e;
}
.capa2 .program_detail::before {
	background: #f27370;
}
.capa3 .program_detail::before {
	background: #ffc535;
}
.capa4 .program_detail::before {
	background: #ccaf98;
}
.capa5 .program_detail::before {
	background: #63b590;
}
.capa6 .program_detail::before {
	background: #499bcf;
}*/

/* 비교과 상세 */
.program_content {
	position: relative;
	margin: 50px auto;
	font-size: 0; line-height: 0;
}
.program_contentbox {
	display:inline-block;
	padding: 1em;
	font-size: 1.5rem; line-height: 1.5em;
	vertical-align: top;
}
.program_leftbox {
	width: 40%;
	padding: 0;
}
.program_contentimg {
	position: relative;
}
.program_contentimg .program_tag::after {
	display: none;
}
.program_contentimg .mileage_label {
	position: absolute; top: 10px; right: 80px; z-index: 1;
	color: #fff; font-weight: 600; 
	text-shadow: -1px 0 #555, 0 1px #555, 1px 0 #555, 0 -1px #555;
}
.program_contentimg .mileage_label::before {
	content: "M";
	display: inline-block;
	margin-right: 4px;
	width: 20px; height: 20px;
	color: #a81e5a;	font-size: 1.2rem; font-weight: 700; text-align: center; line-height: 18px;
	text-shadow: none;
	background: #fff;
	border: 1px solid #a81e5a;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.program_contentimg .program_label {
	position: absolute; top: 10px; right: 10px; z-index: 1;
	padding: 4px;
	line-height: 1;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.program_content .previewimg_box {
	height: 340px;
}
.program_content .previewimg_capa1 {
	background-image: url(../../images/client/sub/img_program_capa01_lg.png);
}
.program_content .previewimg_capa2 {
	background-image: url(../../images/client/sub/img_program_capa02_lg.png);
}
.program_content .previewimg_capa3 {
	background-image: url(../../images/client/sub/img_program_capa03_lg.png);
}
.program_content .previewimg_capa4 {
	background-image: url(../../images/client/sub/img_program_capa04_lg.png);
}
.program_content .previewimg_capa5 {
	background-image: url(../../images/client/sub/img_program_capa05_lg.png);
}
.program_content .previewimg_capa6 {
	background-image: url(../../images/client/sub/img_program_capa06_lg.png);
}
.program_rightbox {
	width: 60%;
	padding: 0 1em;
}
.program_rightbox dt {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d7d7d7;
}
.program_rightbox dt strong {
	color: #499bcf; 
}
.program_rightbox dt strong span {
	vertical-align: top;
}
.program_rightbox dt p {
	margin: 5px 0;
	color: #3a3a3a; font-size: 2.4rem; font-weight: 600;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.program_rightbox dt > span {
	margin-top: 3px;
	color: #999;  
}
.program_rightbox dd {
	padding-top: 2px;
	color: #252121;
}
.program_rightbox dd:nth-child(2) {
	padding-top: 10px;
}
.program_rightbox dd strong {
	display: inline-block;
	width: 120px;
	margin-right: 5px;
}
.program_rightbox dd strong.order1 {
	color: #44afdb;
}
.program_rightbox dd strong.order2 {
	color: #f17171;
}
.program_rightbox dd strong.order3 {
	color: #69ba50;
}
.program_rightbox dd strong.order4 {
	color: #567ebb;
}
.program_rightbox dd strong.order5 {
	color: #f36824;
}
.program_rightbox dd strong.order6 {
	color: #be7f41;
}
.program_rightbox dd strong.order7 {
	color: #7e6487;
}
.program_rightbox dd strong.order8 {
	color: #2a9c65;
}
.program_rightbox dd strong.order9 {
	color: #ee65b6;

}
.program_btnarea {
	display: inline-block;
	position: absolute; right: 10px;
}
.program_btnarea span {
	display: inline-block;
	margin-right: 5px; 
	height: 20px;
	color: #999999; font-size: 1.5rem; vertical-align: top; 
}

.join_count_wrap {
	font-size: 0; line-height: 0;
	background-color: #f2f2f2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.join_count_wrap>div {
	display: inline-block;
	width: 49%; height: 60px;
	padding: 5px 0;
	position: relative;
	padding-left: 150px;
	font-size: 1.5rem;
}
.join_count_wrap>div strong {
	padding-left: 80px;
	position: absolute; left: 0;
	font-family: 'NanumSquare', sans-serif;
	font-size: 1.6rem;
	color: #252121; font-weight: 600; line-height: 50px; 
	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 {
	font-family: 'NanumSquare', sans-serif;
	font-weight: 600; font-size: 1.5rem;
}
.join_count_wrap .countbox_left {
	margin-left: 0;
}
.join_count_wrap .countbox_left strong{
	background-image: url(../../images/client/sub/bg_joincount.png);
}
.join_count_wrap .countbox_left div p {
	background: #f27370;
}
.join_count_wrap .countbox_right strong{
	background-image: url(../../images/client/sub/bg_waitcount.png);
}
.join_count_wrap .countbox_right div p {
	background: #ffc535;
}
.program_time {
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.program_time p {
	text-align: center;
	font-size: 2rem; font-weight: 600;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.program_time p span {
	display: inline-block;
	width: 20px; height: 20px;
	margin-right: 8px;
	text-indent: -9999px;
	vertical-align: -4px;
}
.program_time.change {
	background-color: #fbf3f7;
}
.program_time.change p {
	color: #a90056;
}
.program_time.change p span {
	background: url(../../images/client/sub/icon_clock_change.png);
}
.program_time.haeinja {
	background-color: #edf6fa;
}
.program_time.haeinja p {
	color: #25aae1;
}
.program_time.haeinja p span {
	background: url(../../images/client/sub/icon_clock_haeinja.png);
}
.program_time.disabled {
	background-color: #f5f5f5;
}
.graph_box.applicant {
	position: relative;
	min-height: 250px;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.graph_box.applicant img {
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/*
.mileagepoint_box {
	position: relative;
	height: 250px;
	background: url(../../images/client/sub/bg_mileagepointview.png) no-repeat 10% center;
	border: 1px solid #d0ccc9;
}
.mileagepoint_box p {
	position: absolute; top: 50%; left: 47%;
	color: #333; font-size: 2.2rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mileagepoint_box p span {
	display: inline-block;
	margin-left: 10px; padding: 0 45px;
	color: #747474; font-size: 3.4rem; font-weight: 600; line-height: 60px;
	background-image: url(../../images/client/sub/bg_mileagequote_left.png), url(../../images/client/sub/bg_mileagequote_right.png); background-repeat: no-repeat; background-position: left center, right center;
}
*/

.nonsubjgraph_box {
	height: 250px;
	text-align: center;
	border: 1px solid #d0ccc9;
}
.nonsubjgraph_box img {
	max-width: 100%;
}

.capapoint_list {
	padding: 30px 5px;
	text-align: center;
	border: 1px solid #cbced3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.capapoint_list p {
	margin-bottom: 20px;
	font-family: NanumSquare, sans-serif; font-size: 2.857rem; color: #94b2c1; line-height: 1.2em;
}
.capapoint_list strong {
	font-size: 1.285rem; color: #4f6a90; font-weight: 500;
}

.insert_adit {
	overflow: hidden;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.insert_adit .adit_top {
	border-radius: 0;
}
.insert_adit .attach_file_wrapper {
	border: none; border-radius: 0;
}
.insert_adit .attach_file_wrapper .adit_txt {
	line-height: 26px;
	margin-bottom: 10px;
}
.adit_top {
	padding: 10px 20px;
	background-color: #f0f3f7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.adit_top > p {
	position: relative;
	display: inline-block;
	margin-right: 10px; padding: 2px 13px 3px 25px;
	font-weight: 500; font-size: 1.5rem; 
	background-image: url(../../images/client/formstyle/bg_fileform.png); background-repeat: no-repeat; background-position: left center;
}
.adit_top > p::after {
	position: absolute; right: 0;
	content: "|";
	color: #bbb;
}
.adit_top a {
	position: relative;
	margin-right: 15px;
	color: #11265e; 
}
.adit_top .adit_info {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 0 6px; padding: 0;
	background: none;
}
.adit_top .adit_info:last-child {
	margin-bottom: 0;
}
.adit_top .adit_info::after {
	display: none;
}
.adit_top .adit_info strong {
	display: inline-block;
	margin-right: 10px; padding: 0 6px;
	min-width: 90px;
	color: #354e6f; line-height: inherit; vertical-align: top; text-align: center; letter-spacing: -0.03em;
	background: #ccdcf2;
	flex-shrink: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/*.adit_top .adit_info strong::after {
	content: "";
	display: inline-block;
	margin: 0 10px;
	width: 2px; height: 12px;
	vertical-align: middle;
	background: #d6dadf;
}*/

.adit_content {
	min-height: 150px;
	padding: 20px;
	font-size: 1.5rem; word-break: keep-all;
}
.adit_footer {
	padding: 15px 20px;
}
.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.5rem; font-weight: 500;
	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 {
	padding: 0 10px 0 5px; margin-right: 8px;
	font-weight: inherit; vertical-align: top;
	background: url(../../images/client/sub/bar_black.png) no-repeat right 4px;
}

.info_ctnbox {
	padding: 14px;
	border: 2px solid #d6dadf;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.progrmaapply_box {
	overflow: hidden;
	padding: 20px;
	border: 1px solid #d0ccc9;
	-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: 7px; left: 0;
	font-weight: 500;
}

.fileattach_box>p{
	margin-bottom: 5px;
}
.filelist_box {
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.page_footer {
	padding: 20px 0;
	text-align: center;
}
.page_footer .btn, .page_footer .btn_circle{
	margin: 0 2px;
}
/*

.program_surveyarea {
	padding-top: 5px;
	font-size: 0; line-height: 0;
}
.program_surveyarea a {
	display: inline-block;
	width: 49.25%; height: 30px;
	color: #b3b3b3; font-size: 1.5rem; line-height: 28px; text-align: center;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: default;
}
.program_surveyarea a:nth-child(1) {
	margin-right: 1.5%;
}
.program_surveyarea a.on {
	cursor: pointer;
}
.program_surveyarea a:nth-child(1).on {
	color: #98204e;
	border-color: #98204e;
}
.program_surveyarea a:nth-child(2).on {
	color: #33548a;
	border-color: #33548a;
}
*/
/* 비교과 내역 */
.programcard_outer.joinlist .programcard_inner{
	padding-bottom: 0;
}
.program_satisfy {
	padding: 0 18px 15px;
}
.program_satisfy div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 5px;
}
.program_satisfy div a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-right: 2%; padding: 6px 4px;
	width: 49%; height: 50px;
	align-items: center; justify-content: center;
	background-color: #fff;
}
.program_satisfy div a:last-child {
	margin-right: 0;
}
.program_satisfy div a span {
	line-height: 1.2em;
}
/*.program_satisfy .half {
	margin-bottom: 5px;
	font-size: 0;
}
.program_satisfy .half a {
	position: relative;
	width: 49%; display: inline-block;
	height: 50px;
	margin-right: 2%;
	font-size: 1.5rem;
}
.program_satisfy .half a:last-child {
	margin-right: 0;
}
.program_satisfy .half a span {
	width: 100%;
	position: absolute; top: 50%; left: 50%;
	line-height: 18px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}*/
.program_satisfy a {
	display: block;
	line-height: 30px;
	border: 1px solid #2a5f94;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	font-size: 1.5rem;
	color: #2a5f94;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.program_satisfy a.disabled {
	cursor:default;
	border-color: #e8e8e8;
	color:#aaa;
}
/* 자기주도활동 */
.active_infotop {
	text-align: center;
}
.active_infotop p {
	display: inline-block;
	margin: 10px 0;
	padding: 25px 0 25px 90px;
	background: url(../../images/client/sub/bg_activeinfotop.png) no-repeat left center;
	color: #3a3a3a; font-size: 2.0rem;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.active_infotop p span {
	vertical-align: top;
	color: #faa537;
}
.test_guide.active ol li {
	padding-top: 80px;
}
.test_guide.active .teststep1 {
	background-image: url(../../images/client/sub/icon_activestep1.png);
	background-position: center 5px;
}
.test_guide.active .teststep2 {
	background-image: url(../../images/client/sub/icon_activestep2.png);
}
.test_guide.active .teststep3 {
	background-image: url(../../images/client/sub/icon_activestep3.png);
}
.test_guide.active a{
	position: absolute; right: 10px; bottom: 10px;
	display: block;
	width: 107px;
	background-color: #69ba50;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
/*
.active_guide h4 {
	color: #252121;
}
.active_guide ol{
	background-image: url(../../images/client/sub/bg_activestep.png);
}
.active_guide .teststep1 {
	background-image: url(../../images/client/sub/icon_activestep1.png);
}
.active_guide .teststep2 {
	background-image: url(../../images/client/sub/icon_activestep2.png);
}
.active_guide .teststep3 {
	background-image: url(../../images/client/sub/icon_activestep3.png);
}
.active_guide ol li p.teststep1 span {
	background-image: url(../../images/client/sub/active_step1.png);
}
.active_guide ol li p.teststep2 span {
	background-size: 80px auto;
	background-image: url(../../images/client/sub/active_step2.png);
}
.active_guide ol li p.teststep3 span {
	background-image: url(../../images/client/sub/active_step3.png);
}
*/


.active_wrap {
	position: relative;
	overflow: hidden;
}
.active_box {
	display: block;
	padding: 20px 10px 20px 120px;
	position: relative;
	background-repeat: no-repeat;
	background-position:22px 30px;
	background-size: auto;
	border: 2px solid #d6dadf;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	height: 115px;
	cursor:pointer;
}
.active_box div {
	overflow: hidden;
	white-space: nowrap; text-overflow: ellipsis;
	font-weight: 600;
	font-size: 1.8rem; color: #3a3a3a;
	font-family: NetMarble, sans-serif;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.active_box div p {
	margin-bottom: 15px;
}
.active_box div p span.year {
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	background: url(../../images/client/sub/bar_lightgray.png) no-repeat left 3px;
	font-size: 1.5rem; color:#535353;
	font-family: 'Notokr', sans-serif;
	font-weight: 400;
}
.active_box div p span.label_tag {
	display: inline-block;
	min-width: 54px;
	margin-left: 0; margin-right: 2px;
	vertical-align: 0;
	font-size: 1.3rem; text-align: center;
	font-family: 'Notokr', sans-serif;
	font-weight: 400;
}
.active_box div p span.label_tag.wait {
	background: #fda815;
	color:#fff;
}
.active_box div p span.label_tag.pass {
	background: #69ba50;
	color:#fff;
}
.active_box div p span.label_tag.cancel {
	background: #919399;
	color:#fff;
}
.active_box div p span.label_tag.return {
	background: #eb4669;
	color:#fff;
}
.active_footer {
	position: relative;
	text-align: right;
}
.active_footer p {
	display: inline-block;
	padding-left: 25px; margin-top: 20px;
	font-family: NanumSquareB;
}
.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 .btn_del {
	position: absolute; right: 10px; top: 10px;
	background-image: url(../../images/client/sub/btn_del_white.png);
}
.active_box.license_box {
	background-image: url(../../images/client/sub/img_license.png);
	background-position: 30px 25px; 
	background-color: #fff;
}
.active_box.english_box{
	background-image: url(../../images/client/sub/img_english.png);
	background-position: left 25px center;
}
.active_box.service_box{
	background-image: url(../../images/client/sub/img_voluteer.png);
	background-size:60px;
	background-position: left 30px center;
}
.active_box.award_box{
	background-image: url(../../images/client/sub/img_awards.png);
	background-position: left 20px center;
}
.count_wrap {
	position: relative;
}
/* 독서인증제 */
.data_list.certiread_list li {
	padding-left: 100px;
}
.data_list.certiread_list .col_1 {
	padding-right: 0;
	width: 100px;
}
.data_list.certiread_list .col_2 {
	width: 65%;
}
.data_list.certiread_list .col_5 {
	width: 11%;
	text-align: left;
}

.data_list.certi_list li {
	padding-left: 190px; padding-right: 207px;
}
.data_list.certi_list .col_1 {
	padding-right: 100px;
	width: 180px;
}
.data_list.certi_list .col_1 .category_label {
	padding: 0 10px;
	min-width: 100px; width: auto;
}
.data_list.certi_list .col_2 {
	width: 64%;
}
.data_list.certi_list .col_5 {
	width: 12%;
}
.data_list.certi_list .col_6 {
	position: absolute; top: 50%; right: 110px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.data_list.certi_list .col_7 {
	position: absolute; top: 50%; right: 10px;
	width: 94px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*.certi_status {
	width: 92px; height: 32px;
	font-weight: 500; line-height: 32px; text-align: center;
	background: #f2f2f2;
}
.certi_status.certi_ok {
	color: #77314c;
}
.certi_status.certi_wait {
	color: #f69545;
}
.certi_status.certi_fail {
	color: #bca194;
}
.certi_status.certi_staff {
	color: #8488a9;
}*/

/* 학습사제동아리 */
.studyclub_infotop {
	text-align: center;
}
.studyclub_infotop p {
	display: inline-block;
	margin: 10px 0; padding: 25px 0 25px 290px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; line-height: 1.7em; text-align: left; letter-spacing: -0.03em;
	background: url(../../images/client/sub/bg_studyclub_infotop.png) no-repeat left center;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.studyclub_infotop p span {
	display: inline-block;
	line-height: inherit; vertical-align: top;
}
.studyclub_infotop p span:nth-of-type(1) {
	color: #4c7cd6;
}
.studyclub_infotop p span:nth-of-type(2) {
	color: #48aa99;
}

.studyclub_box {
	position: relative;
	padding: 30px;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.studyclub_box .status_label {
	position: absolute; top: -2px; right: 28px;
	display: inline-block;
	padding: 0 10px;
	min-width: 70px; height: 26px;
	color: #fff; line-height: 26px; letter-spacing: -0.03em; text-align: center;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.studyclub_box .status_possible {
	background: #69ba50;
}
.studyclub_box .status_wait {
	background: #ff8022;
}
.studyclub_box .status_impossible {
	background: #e25050;
}


.studyclub_box dt {
	margin-bottom: 15px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1; letter-spacing: -0.03em; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.studyclub_box dt > span {
	display: block;
	margin-top: 7px;
	color: #5c5c5c; font-family: Notokr, sans-serif; font-size: 1.5rem; font-weight: 400;
}
.studyclub_box dd {
	margin-bottom: 6px;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.studyclub_box dd:last-child {
	margin-bottom: 0; padding-right: 120px;	
}
.studyclub_box dd .tit {
	display: inline-block;
	margin-right: 5px;
	width: 70px; height: 20px;
	color: #3a3a3a; line-height: 20px; text-align: center;
	background: #e8eff5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.studyclub_box .btn_management {
	position: absolute; bottom: 30px; right: 30px;
}
.studyclub_box .btn_edit {
	position: absolute; bottom: 30px; right: 95px;
}
.studyclub_box .btn_delete {
	position: absolute; bottom: 30px; right: 30px;
}

/* 학습동아리 신청 */
.applyform_top {
	margin-bottom: 10px; padding: 10px 20px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.6rem; letter-spacing: -0.05em;
	background: #f2f2f2;
}
.applyform_top p {
	display: inline-block;
	margin-right: 40px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.applyform_top p:last-child {
	margin-right: 0;	
}
.applyform_top p .tit {
	display: inline-block;
	margin-right: 3px;
	line-height: inherit; vertical-align: top;
}
.applyform_bottom {
	padding: 10px 20px;
	background: #ecf1f7;
}
.applyform_bottom .grid_col {
	position: relative;
	margin-bottom: 10px; padding-left: 74px; 
}
.applyform_bottom .tit {
	position: absolute; top: 50%; left: 0;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.7rem; font-weight: 600; letter-spacing: -0.05em;
	-webkit-transform: skew(-0.03deg) translateY(-50%);
	-moz-transform: skew(-0.03deg) translateY(-50%);
	-o-transform: skew(-0.03deg) translateY(-50%);
	transform: skew(-0.03deg) translateY(-50%);
}
.member_list {
	margin-top: 10px;
}
.member_list p {
	display: inline-block;
	padding: 5px 35px 5px 15px; margin-top: 8px;
	position: relative;
	background-color: #f2efea;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.member_list p .btn_del {
	margin-top: -10px;
	position: absolute; right: 5px; top: 50%;
}

/* 학습동아리 관리 */
.studymanage_box {
	position: relative;
	padding: 30px 30px 60px;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.studymanage_box h5 {
	margin-bottom: 15px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1; letter-spacing: -0.03em; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.studymanage_box .status_label {
	position: absolute; top: 25px; right: 20px;
	display: inline-block;
	width: 70px; height: 24px;
	color: #fff; line-height: 24px; text-align: center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.studymanage_box .status_confirm { background: #68bcdf; }
.studymanage_box .status_wait { background: #fcb040; }
.studymanage_box .status_cancel { background: #999; }
.studymanage_box .status_reject { background: #e56a76; }
.studymanage_box .adit_top {
	margin-bottom: 15px; padding: 0;
	white-space: nowrap; text-overflow: ellipsis;
	background: rgba(0,0,0,0);
	overflow: hidden;
}
.studymanage_box .btn_management {
	position: absolute; bottom: 25px; right: 25px; 
}

/* 지도교수 면담안내 */
.profcounsel_intro {
	margin-bottom: 25px; padding: 50px 50px 50px 290px;
	color: #3a3a3a;
	background: #f5f8ff url(../../images/client/sub/bg_professorcounsel_intro.png) no-repeat 38px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.profcounsel_intro h5 {
	margin-bottom: 8px;
	font-family: NetMarble, sans-serif; font-weight: 600; font-size: 2rem; letter-spacing: -0.05em; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.profcounsel_intro p {
	margin-bottom: 18px;
}

/* 심리상담 */
.counsel_wrap input.form_style {
	border-color: #d6dadf;
}
.counsel_wrap .grid_col {
	margin-bottom: 25px;
}
.counsel_wrap .section_tit_md {
	margin-bottom: 10px; padding-left: 40px; padding-right: 10px;
	background-color: #f0f2f3;
	background-position: 20px 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.counsel_offline .section_tit_md {
	margin-bottom: 10px;
	background-color: #f7f3f3;
}
.counsel_wrap .counsel_contents {
	padding: 0 20px;
}
.counsel_wrap .tbl_time {
	margin: -10px -10px 0;
	width: calc(100% + 20px);
}
.counsel_wrap .check_wrap, .counsel_wrap .radio_wrap  {
	padding-top: 5px;
}
.counsel_wrap .check_wrap .check_row, .counsel_wrap .radio_wrap .radio_row {
	margin-right: 20px;
}
.counsel_wrap .check_wrap .check_row:last-child, .counsel_wrap .radio_wrap .radio_row:last-child {
	margin-right: 0;
}
.counsel_wrap .check_wrap .check_row input:checked + label, .counsel_wrap .radio_wrap .radio_row input:checked + label {
	position: relative;
	color: #1793c6;
}
.counsel_wrap .check_wrap .check_row input:checked + label::after, .counsel_wrap .radio_wrap .radio_row input:checked + label::after {
	position: absolute; left: 22px; bottom: 2px;
	content: "";
	display: block;
	width: calc(100% - 22px); height: 1px;
	background: #1793c6;
}
.counsel_wrap .form_style:focus {
	border-color: #1793c6;
	outline: none;
}
.counsel_wrap .select_form label {
	background-image: url(../../images/client/formstyle/bg_select_gray.png);
}
.counsel_wrap .select_form.on {
	border-color: #1793c6;
}
.counsel_wrap .select_form.on label {
	background-image: url(../../images/client/formstyle/bg_select_skyblue.png);
}
.required {
	display: inline-block;
	margin-left: 5px;
	color: #f64f2e; font-style: normal; 
}

/* 취업상담 */
.counsel_wrap .grid_col .grid_col {
	margin-bottom: 12px;
}
.employment_counsel .section_tit_md {
	background-color: #edf0ea;
}
.counselorcard_wrap {
	padding-top: 10px;
}
.counselor_card {
	padding: 20px;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.counselor_card.on {
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.counselor_card .cnt {
	position: relative;
	margin-bottom: 10px; padding: 5px 0 5px 110px;
	/*height: 90px;*/
}
.counselor_card .previewimg_box {
	position: absolute; top: 0; left: 0;
	width: 90px; height: 90px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.counselor_card .previewimg_box img {
	max-width: 110%;
}
.previewimg_profile {
	display: block;
	height: 100%;
	font-size: 0; line-height: 0;
	background: #d1d8de url(../../images/client/sub/bg_noprofile.png) no-repeat center bottom 8px;
}
.counselor_card h5 strong {
	display: block;
	margin-bottom: 3px;
	font-family: NetMarble, sans-serif; font-weight: 600; font-size: 1.6rem; letter-spacing: -0.05em; 
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.counselor_card h5 span, .counselor_card h5 div {
	display: block;
	display: -webkit-box;
	height: 180px;
	font-size: 1.5rem; line-height: 1.7em;
	text-overflow: ellipsis; overflow: hidden;
	-webkit-line-clamp: 7; -webkit-box-orient: vertical;
}
.counselor_card .footer {
	font-size: 0; line-height: 0;
}
.counselor_card .check_row {
	margin: 0; 
	width: 48.5%;
}
.counselor_card .check_row:first-child {
	margin-right: 3%;
	color: #1793c6;
}
.counselor_card .check_row:last-child {
	color: #fe981f;
}
.counselor_card .check_row label {
	display: block;
	padding: 9px 9px 9px 32px;
	line-height: 0.99;
	background-position: 9px 8px;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.counselor_card .check_row:last-child input:checked + label {
	background-image: url(../../images/client/formstyle/icon_check_orange.png);
}
.counsel_reservation {
	padding-top: 10px;
	font-size: 0; line-height: 0;
}
.counsel_reservation span {
	display: inline-block;
	margin-right: 30px; padding-left: 24px;
	color: #3a3a3a; font-size: 1.5rem; line-height: 1.5em;
	background-repeat: no-repeat; background-position: left center;
}
.counsel_reservation span:last-child {
	margin-right: 0;	
}
.counsel_reservation .date {
	background-image: url(../../images/client/sub/icon_date_selected.png);
}
.counsel_reservation .time {
	background-image: url(../../images/client/sub/icon_time_selected.png);
}
.counsel_reservation .counselor {
	background-image: url(../../images/client/sub/icon_counselor_selected.png);
}
.counsel_wrap .survey_list dt {
	padding-top: 15px; padding-bottom: 5px;
}
.counsel_wrap .survey_list dt:first-child {
	padding-top: 5px;	
}
.counsel_wrap .survey_list dd {
	padding-bottom: 15px;
}

/* 성고충신고센터 */
.sexual_counsel .section_tit_md {
	margin-bottom: 0.3em; padding: 5px 0 5px 20px;
	background-color: rgba(0,0,0,0); background-position: left 10px;
	border-radius: 0;
}
.sexual_counsel .section_tit_sm {
	margin-bottom: 10px; padding: 7px 10px 7px 22px; 
	background: #f5f3f2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.sexual_counsel .name_area {
	font-size: 0; line-height: 0;
}
.sexual_counsel .name_area input.form_style {
	margin-right: 3.49%;
	width: 48.255%;
}
.counselradio_box {
	padding: 4px 20px 3px;
	background: #fbfbfb;
	border: 1px solid #d6dadf;
}
.sexual_counsel .name_area .counselradio_box {
	display: inline-block;
	width: 48.255%;
	vertical-align: top;
}
.sexual_counsel .radio_row {
	margin-right: 16px;
}
.sexual_counsel .radio_row:last-child {
	margin-right: 0;
}
.relationship_area {
	margin-bottom: -30px;
}
.counselradio_box .tit {
	display: inline-block;
	margin-right: 20px;
	color: #3a3a3a; font-family: NetMarble,sans-serif; font-weight: 600; letter-spacing: -0.05em; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg)
}
.searchday_row {
	font-size: 0; line-height: 0;
}
.searchday_row .search_day {
	width: 49.3%;
}
.searchday_row .search_day:first-child {
	margin-right: 1.4%;
}
.counselradio_box + .searchday_row {
	margin-top: 10px;
}
.counselradio_box + .searchday_row .search_day {
	padding-left: 100px;
}
.counselradio_box + .searchday_row .search_day strong {
	margin-left: -100px;
	width: 100px; 
}
.sexual_counsel .counselradio_box .check_row.dp_block {
	padding-bottom: 7px;
}
.sexual_counsel .counselradio_box .check_row.dp_block:first-child {
	padding-top: 7px;	
}
.agreement_box {
	padding: 30px;
	text-align: center;
	border: 1px solid #d6dadf;
}
.agreement_box .agreement_txt {
	display: inline-block;
	margin-bottom: 15px;
	font-family: NetMarble, sans-serif; font-size: 1.8rem; letter-spacing: -0.05em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.agreement_box .agreement_txt::before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 34px; height: 20px;
	vertical-align: top;
	background: url(../../images/client/sub/icon_doublecheck.png) no-repeat center;
}
.agreement_box .agreement_txt span {
	display: inline-block;
	font-weight: 600; line-height: inherit; vertical-align: top;
}
.agreement_box .radio_wrap {
	margin-top: 30px;
}
.agreement_box .radio_row {
	margin: 0 0 0 24px;
}
.agreement_box .radio_row:first-child {
	margin-left: 0;
}

/* 나의 상담 이력 */
.counsel_shortcut a {
	display: block;
	padding: 30px 10px 165px;
	font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; text-align: center;
	background-repeat: no-repeat; background-position: center bottom; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.counsel_shortcut1 a {
	background-color: #f5f8ff;
	background-image: url(../../images/client/sub/bg_counsel_shortcut1.png);
}
.counsel_shortcut2 a {
	background-color: #f8eeee;
	background-image: url(../../images/client/sub/bg_counsel_shortcut2.png);
}
.counsel_shortcut3 a {
	background-color: #f1f5ec;
	background-image: url(../../images/client/sub/bg_counsel_shortcut3.png);
}
.counsel_shortcut4 a {
	background-color: #f5ece1;
	background-image: url(../../images/client/sub/bg_counsel_shortcut4.png);
}





/* 지도교수상담 */
/*.searchresult_input {
	position: relative;
	margin-right: 4%; padding-right: 110px;
}
.searchresult_input input[type="text"].form_style {
	padding-left: 10px;
	width: 100%; height: 40px;
	color: #454545; line-height: 38px;
	border-color: #d0ccc9;
	border-right: none;
}
.searchresult_input .btn {
	position: absolute; top: 0; right: 0;
	padding: 0;
	width: 110px;
	text-align: center;
}
.counselcnt_box {
	padding: 5px 8px;
	min-height: 40px;
	border: 1px solid #d0ccc9;
	overflow: hidden;
}
.counselcnt_box .counselcnt_txt {
	padding: 3px;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}

.info_add {
	display: inline-block;
	color: #7c7b7b; font-size: 1.5rem; line-height: 27px; vertical-align: top;
}*/

/* 취업상담 */
/*.counselor_box {
	position: relative;
	padding: 20px 20px 10px 140px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.counselor_box.on {
	border: 1px solid #198fd9;
}
.counselor_box .img_box {
	position: absolute; top: 50%; left: 25px;
	width: 90px; height: 90px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
} 
.counselor_box .img_box img {
	position: absolute; top: 50%; left: 50%;
	max-width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.counselor_box strong {
	display: inline-block;
	margin-bottom: 6px;
	font-weight: 600;
}
.counselor_box p {
	height: 42px;
	overflow: hidden; 
}

.counsel_titbox {
	text-align: center;
	background: url(../../images/client/sub/bg_counsel_titbox.jpg) no-repeat center bottom; background-size: cover;
	border: 1px solid #d0ccc9;
}
.writing_titbox {
	background-image: url(../../images/client/sub/bg_writing_counsel_titbox.jpg);
}
.disabled_titbox {
	background-image: url(../../images/client/sub/bg_disabled_counsel_titbox.jpg);
}
.etc_titbox {
	background-image: url(../../images/client/sub/bg_etc_counsel_titbox.jpg);
}
.counsel_titbox .counsel_titbg {
	display: inline-block;
	width: 268px; height: 180px;
	background: url(../../images/client/sub/img_counsel_titbox.png) no-repeat center bottom; background-size: contain;
}
.writing_titbox .counsel_titbg {
	width: 204px;
	background-image: url(../../images/client/sub/img_writing_counsel_titbox.png);
}
.disabled_titbox .counsel_titbg {
	width: 225px;
	background-image: url(../../images/client/sub/img_disabled_counsel_titbox.png);
}
.etc_titbox .counsel_titbg {
	width: 250px;
	background-image: url(../../images/client/sub/img_etc_counsel_titbox.png);
}
.counsel_titbox p {
	display: inline-block;
	margin: 0 20px;
	color: #333; font-size: 2.2rem; text-align: left;
}
.counsel_titbox .sel_search_row {
	width: 150px;
	text-align: left;
}

.calendar {
	width: 100%;
	position: relative;
}
.fc-view-container table {
	width: 100%;
}
.fc-head-container .fc-row:first-child table {
	border-top: 2px solid #77314c; 
}
.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_topbox{
	display: table;
	width: auto;
	position: absolute; top: 40px; right: 0;
}
.calender_topbox li{
	display: inline-block;
	margin-left: 10px;
	line-height: 18px; font-size: 13px;
}
.calender_topbox li span{
	display: block; float: left;
	width: 20px; height: 18px; 
	margin-right: 5px;
	border: 1px solid #c4c9cc;
}
.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: #499bcf;
}

.bg {
	margin: 30px 0 20px;
	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;
}
.bg ul li .pre_m{
	background:#77314c url(../../images/client/sub/arrow_calendar_pre.png) center center no-repeat;
}
.bg ul li .next_m{
	background:#77314c url(../../images/client/sub/arrow_calendar_next.png) center center no-repeat;
}
.calendar .bg .dib {
	display: inline-block;
	margin: 0 30px;
	font-size: 3.4rem;;
	line-height: 1em; text-align: center; color: #333; font-weight: 600;
}
.calendar .bg .dib span {
	display: block;
	font-size: 1.8rem;
	color: #333;
}
.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: 500;
	color: #252121;
	background: #f6f3ef;
	border: none;
}
.fc-widget-header table {
	border-left: 0;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	background: none;
	border-color: transparent;
	border-bottom: 0;
}
td.fc-day-number {
	text-indent: 5px;
}
.fc-view-container {
	position: relative;
}
.fc-day {
	text-align: right;
}
.fc-title {
	width: 100%;
	display: block;
	margin-top: 5px; padding: 0 5px;
	font-size: 1.4rem;
}
.fc-event, .fc-event-dot {
	background: rgba(0,0,0,0);
	border: none;
}
tr:first-child>td>.fc-day-grid-event {
	margin: 0;
}
.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;
}
.pp_calenter_btnlist {
	width: 50%;
	margin-left: 50%;
	margin-bottom: -28px;
}
.fc-basic-view .fc-body .fc-row{
	min-height: 100px;
	background: #fff;
}
.fc-row:nth-child(even){
	background: #f4f5f9;
}
.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: #c4c9cc; 
}
.fc-content-skeleton .fc-other-month {
	color: #c4c9cc;
}
th.fc-day-header.fc-sat {
	color: #427ae0;
}
th.fc-day-header.fc-sun {
	color: #ef4848;
}*/

/*.borderbox_list li a {
	position: relative;
	display: block;
	height: 120px;
	color: #333; font-size: 1.8rem;
	border: 1px solid #d0ccc9;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.borderbox_list a span {
	position: absolute; top: 50%; left: 0;
	display: block;
	padding: 0 10px;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}*/

/*.row_3 {
	text-align: center;
}
.row_3 > div {
	margin-right: 5px;
	width: 25%;
}*/

/* 학생생활상담소 - 개인정보동의 */
/*.tbl_box {
	padding: 20px;
	border: 1px solid #d7d7d7;
	border-top: 3px solid #efd4d3;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.agreement_box {
	padding: 30px;
	text-align: center;
	background: #f2eeea;
	border: 1px solid #d0ccc9;
}
.agreement_box .agreement_txt {
	display: inline-block;
	font-weight: 600;
}
.agreement_box .agreement_txt::before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 34px; height: 20px;
	vertical-align: top;
	background: url(../../images/client/sub/icon_doublecheck.png) no-repeat center;
}
.agreement_box .radio_row {
	margin-bottom: 0; margin-left: 30px;
}
.agreement_box .radio_row input:checked + label {
	background-image: url(../../images/client/common/icon_radio_brown.png);
}
.agreement_info {
	margin-top: 20px;
	color: #333; line-height: 1.7em;
}
.agreement_info span {
	line-height: inherit; vertical-align: top;
}*/

/* 글쓰기 상담 */
/*.letter_count {
	text-align: right;
}
#letter_counter {
	display: block;
	color: #a5a5aa; font-size: 1.4rem; text-align: right;
}*/

/* 창업상담 */
/*.startup_intro {
	margin-top: 50px;
	text-align: center;
}
.startup_intro > strong {
	display: inline-block;
	margin-bottom: 25px; padding-top: 200px;
	font-family: GmargketSans, sans-serif; font-size: 3rem; font-weight: 300; color: #333;
	background: url(../../images/client/sub/bg_startup.png) no-repeat center top;
}
.startup_intro > strong span {
	font-family: inherit; vertical-align: top;
}
.startup_intro > strong span:nth-child(1) {
	color: #92234e; 
}
.startup_intro > strong span:nth-child(2) {
	color: #9e6629;
}
.startup_intro > p {
	position: relative;
	margin: 0 auto;
	width: 60%;
	word-break: keep-all;
}
.startup_intro > p::before, .startup_intro > p::after {
	position: absolute; 
	content: "";
	display: inline-block;
	width: 20px; height: 50px;
	background: rgba(158,102,41,0.2);
	transform: skew(-50deg);
}
.startup_intro > p::before {
	top: -17px; left: 0;
}
.startup_intro > p::after {
	bottom: -17px; right: 0;
}
.startup_label {
	margin: 30px 0;
}
.startup_label li {
	display: inline-block;
	margin: 0 8px;
	width: 80px; height: 80px;
	font-size: 0; line-height: 0;
	background-repeat: no-repeat; background-position: center; background-size: contain;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.startup_label li:nth-child(1) {
	background-image: url(../../images/client/sub/icon_startup1.png);
}
.startup_label li:nth-child(2) {
	background-image: url(../../images/client/sub/icon_startup2.png);
}
.startup_label li:nth-child(3) {
	background-image: url(../../images/client/sub/icon_startup3.png);
}
.inforound_list li {
	position: relative;
	margin-bottom: 20px; padding: 13px 20px 13px 160px;
	min-height: 50px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.inforound_list li:last-child {
	margin-bottom: 0;
}
.inforound_list li strong {
	float: left;
	display: inline-block;
	margin-left: -160px; padding: 0 10px;
	width: 160px;
	font-weight: 600;
}
.inforound_list li p {
	color: #7c7b7b; text-align: left;
}
.inforound_list li .slash {
	margin: 0 25px;
	vertical-align: top;
}
.inforound_list li br {
	display: none;
}*/

/* 나의 상담 이력 */
/*.counsel_shortcut {
	padding-top: 10px;
	font-size: 0; line-height: 0;
}
.counsel_shortcut li {
	display: inline-block;
	margin-right: 60px; margin-bottom: 25px;
	width: 90px;
	text-align: center;
}
.counsel_shortcut li:last-child {
	margin-right: 0;
}
.counsel_shortcut li a {
	position: relative;
	display: block;
	padding-bottom: 32px;
	font-size: 1.6rem; text-align: center; 
}
.counsel_shortcut li a::before {
	content: "";
	display: inline-block;
	width: 89px; height: 89px;
	background-repeat: no-repeat; background-position: center; background-size: contain;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.counsel_shortcut1 a::before {
	background-image: url(../../images/client/sub/img_counsel_shortcut1.png);
}
.counsel_shortcut2 a::before {
	background-image: url(../../images/client/sub/img_counsel_shortcut2.png);
}
.counsel_shortcut3 a::before {
	background-image: url(../../images/client/sub/img_counsel_shortcut3.png);
}
.counsel_shortcut4 a::before {
	background-image: url(../../images/client/sub/img_counsel_shortcut4.png);
}
.counsel_shortcut5 a::before {
	background-image: url(../../images/client/sub/img_counsel_shortcut5.png);
}
.counsel_shortcut6 a::before {
	background-image: url(../../images/client/sub/img_counsel_shortcut6.png);
}
.counsel_shortcut7 a::before {
	background-image: url(../../images/client/sub/img_counsel_shortcut7.png);
}
.counsel_shortcut li a span {
	position: absolute; bottom: 0; left: 50%;
	display: block;
	color: #333; font-weight: 500; white-space: nowrap;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.row_5 .grid_col:last-child {
	width: 100%;
	text-align: right;
}*/

/* 채용정보 */
.jobinfo_card {
	position: relative;
}
.jobinfo_card a {
	position: relative;
	display: block;
	padding: 40px 28px 24px;
	background: url(../../images/client/sub/bg_jobinfocard.png) no-repeat right bottom;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.jobinfo_card .status_label {
	position: absolute; top: -15px; left: -2px; z-index: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 6px 0;
	width: 80px; height: 44px;
	color: #fff; font-size: 1.5rem; line-height: 1; 
	align-items: center; justify-content: center;
	background: #69ba50;
	-webkit-border-radius: 4px 0 10px 10px;
	-moz-border-radius: 4px 0 10px 10px;
	border-radius: 4px 0 10px 10px;
}
.jobinfo_card .status_label::after {
	position: absolute; top: 0; right: -15px; 
	content: "";
	width: 15px; height: 15px;
	background: url(../../images/client/sub/bg_programtag_green.png) no-repeat center; background-size: contain;
}
.jobinfo_card .status_finish {
	color: #898989;
	background-color: #d7d7d7;
}
.jobinfo_card .status_finish::after {
	background-image: url(../../images/client/sub/bg_programtag_gray.png);
}
.jobinfo_card .status_nolimit {
	background-color: #ff921e;
}
.jobinfo_card .status_nolimit::after {
	background-image: url(../../images/client/sub/bg_programtag_orange.png);
}

.jobinfo_card .btn_addlike {
	position: absolute; top: 14px; right: 12px; z-index: 1;
}
.jobinfo_card h5 {
	margin-bottom: 15px;
	font-size: 1.5rem;
}
.jobinfo_card h5 p {
	margin-bottom: 5px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.3em; 
	white-space: nowrap; text-overflow: ellipsis;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.jobinfo_card h5 span {
	display: block;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.jobinfo_card ul li {
	margin-bottom: 6px;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.jobinfo_card ul li:last-child {
	margin-bottom: 0;
}
.jobinfo_card ul strong {
	position: relative;
	display: inline-block;
	width: 70px; height: 20px;
	margin-right: 8px;
	color: #3a3a3a; line-height: 20px; vertical-align: top; text-align: center;
	background: #e8eff5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.jobinfo_card ul span {
	vertical-align: top;
}

/* 채용정보 상세 */
.jobinfo_list {
	margin-bottom: 20px; padding: 25px 30px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.jobinfo_list .tbl th {
	width: 10%;
}
.jobinfo_list .tbl td {
	width: 45%;
}
.jobinfo_list .insert_adit {
	border: none;
}
.jobinfo_list .insert_adit .adit_top {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.jobinfo_list .insert_adit .attach_file_wrapper {
	padding: 10px 5px;
}
/*.jobinfo_deadline {
	margin-bottom: 20px; padding: 10px;
	color: #333; font-size: 2rem; font-weight: 600; text-align: center;
	background: #f2f7fa;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.jobinfo_deadline span {
	display: inline-block;
	padding: 0 10px;
	color: #fff; font-weight: inherit; line-height: inherit; vertical-align: top;
	background: #e56061;
}*/

/* 워크넷 채용정보 */
.pre_cal {
	position: relative;
	display: inline-block;
	padding-right: 94px;
	width: 215px; height: 34px;
	background-repeat: no-repeat; background-position: 20px center;
	border: 1px solid #acacac;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.pre_cal.worknet {
	background-image: url(../../images/client/sub/img_worknet.jpg);
	background-position: 20px 30%;
}
.pre_cal .btn_precal {
	position: absolute; top: -1px; right: -1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.worknetinfo_card a {
	background-image: url(../../images/client/sub/bg_worknet.png);
	background-position: right 10px top;
}

/* 워크넷 공채속보 */
.worknetspeed_card a {
	display: block;
	padding: 25px;
	background: #f3f3ed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.worknetspeed_card a > p {
	position: relative;
	height: 100px;
	margin-bottom: 18px;
	background-color: #fff;
	overflow: hidden;
}
.worknetspeed_card a > 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_card dt {
	margin-bottom: 10px;
	font-weight: 600; font-size: 1.7rem; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
}
.worknetspeed_card dd {
	position: relative;
	padding-left: 76px;
	min-height: 22px;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.worknetspeed_card dd strong {
	position: absolute; top: 0; left: 0;
	display: inline-block;
	margin-right: 6px; 
	width: 70px; height: 22px;
	color: #fff; line-height: 22px;text-align: center;
	background: #b7aa93;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* 사람인 채용정보 */
.pre_cal.saramin {
	background-image: url(../../images/client/sub/img_saramin.jpg);
	background-position: 20px 30%;
}
.pre_cal.saramin .btn_precal {
	background: #4776ee;
}
.saramininfo_card a {
	background-image: url(../../images/client/sub/bg_saramin.png);
	background-position: right 10px top;
}

/* 잡코리아 채용정보 */
.pre_cal.jobkorea {
	background-image: url(../../images/client/sub/img_jobkorea.jpg);
}
.pre_cal.jobkorea .btn_precal {
	background: #3399ff;
}
.jobkoreainfo_card a {
	background-image: url(../../images/client/sub/bg_jobkorea.png);
	background-position: right 10px top 8px;
}

/* 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: 10px;
	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: 40px;
  padding: 8px;
	width: max-content;
	min-width: 200px;
	/* max-width: 500px; */
	font-size: 1.3rem; line-height: 1.9rem;
  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;
}


.starterinfo_card a {
	background-image: url(../../images/client/sub/bg_starter.svg);
	background-position: right 10px top 8px;
}
.jobinfo_card h5 p span {
	margin-left: 4px;
	display: inline-block; 
	font-size: 1.5rem; font-family: Notokr, sans-serif; font-weight: normal; color: #5C5C5C; line-height: 1.5rem;
}

/* 진로설계 */
.plan_box {
	position: relative;
	padding: 20px;
	height: 200px;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
.plan_box.on {
	border-color: #1793c6;
}
.plan_box.on .btn_setbasic {
	background-image: url(../../images/client/sub/icon_setbasic_on.png);
}
.plan_box .tit {
	position: relative;
	margin-bottom: 35px; padding-left: 26px;
}
.plan_box .tit p {
	display: -webkit-box;
	margin-bottom: 8px;
	max-height: 52px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; line-height: 1.3em; letter-spacing: -0.04em;
	-webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; word-break: normal;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.plan_box .date {
	color: #929292; font-family: Notokr, sans-serif; font-size: 1.5rem;
}
.plan_box .btn_setbasic {
	position: absolute; top: 4px; left: 0;
}
.plan_box .btn_area {
	position: absolute; bottom: 22px; left: 0;
	width: 100%;
}
.subjectpoint_list {
	font-size: 0; line-height: 0;
}
.subjectpoint_list ul {
	display: inline-block;
	font-size: 1.5rem; line-height: 1.5em; 
}
.subjectpoint_list ul li {
	padding: 0 4px;
	color: #3a3a3a; text-align: left;
}
.subjectpoint_list ul li strong {
	margin-right: 6px;
	font-weight: 500; vertical-align: top;
}
.subjectpoint_list .capa1 strong {
	color: #f19431;
}
.subjectpoint_list .capa2 strong {
	color: #ea6969;
}
.subjectpoint_list .capa3 strong {
	color: #2f9cd4;
}
.subjectpoint_list .capa4 strong {
	color: #86b640;
}
.subjectpoint_list .capa5 strong {
	color: #3bb695;
}
.subjectpoint_list .capa6 {
	color: #7e5695;
}

.planlc_box {
	position: relative;
	padding: 110px 20px 20px 20px;
	height: 207px;
	color: #3a3a3a; text-align: center;
	background-repeat: no-repeat;
	background-position: center 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.planlc_box dt {
	width: 100%;
	margin-bottom: 8px;
	font-family: NetMarble,sans-serif; font-size: 1.9rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis;
	background-position: center 80px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.planlc_box dt span {
	display: block;
	width: 45px; height: 45px;
	position: absolute; top: 15px; left: 15px;
	font-size: 1.1rem; line-height: 45px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.planlc_box dd {
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.langlist_box {
	background-image: url(../../images/client/sub/img_lang.png);
	background-color: #f3f7fa;
}
.license_box {
	background-image: url(../../images/client/sub/img_certi.png);
	background-color: #f0ece7;
}
.add_box {
	position: relative;
}
.add_box .btn_listdel {
	width: 30px; height: 30px;
	padding: 0;
	position: absolute; top: 15px; right: 15px;
	text-indent: -9999px;
	background-position: center center;
}

.rolemodel_wrap {
	position: relative;
	margin-bottom: 20px; padding: 30px 30px 30px 320px;
	background: #fbfbfb;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.rolemodel_who {
	position: absolute; top: 50%; left: 60px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-left: 110px;
	width: 230px; height: 80px;
	align-items: center;
	background: url(../../images/client/sub/img_user.png) no-repeat left center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rolemodel_who strong span {
	display: block;
	margin-bottom: 5px;
	color: #333; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.03em;
}
.rolemodel_wrap .programpoint_list {
	font-size: 0; line-height: 0;
}
.rolemodel_wrap .programpoint_list dd {
	display: inline-block;
	margin-right: 1.123%; padding: 20px 0 15px;
	width: 15.73%;
	color: #5c5c5c; font-family: NetMarble, sans-serif; font-size: 1.8rem; line-height: 1em; font-weight: 600; letter-spacing: -0.03em; vertical-align: top; text-align: center;
	background: #fff; 
	border: 1px solid #ebebeb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.rolemodel_wrap .programpoint_list dd:last-child {
	margin-right: 0;
}
.rolemodel_wrap .programpoint_list dd strong {
	display: block;
	margin-bottom: 17px; padding-bottom: 80px;
	font-family: Notokr, sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.5em;
	background-repeat: no-repeat; background-position: center bottom;
}
.rolemodel_wrap .capa1 strong {
	color: #f19431;
	background-image: url(../../images/client/sub/icon_rolemodel_capa1.png);
}
.rolemodel_wrap .capa2 strong {
	color: #ea6969;
	background-image: url(../../images/client/sub/icon_rolemodel_capa2.png);
}
.rolemodel_wrap .capa3 strong {
	color: #2f9cd4;
	background-image: url(../../images/client/sub/icon_rolemodel_capa3.png);
}
.rolemodel_wrap .capa4 strong {
	color: #86b640;
	background-image: url(../../images/client/sub/icon_rolemodel_capa4.png);
}
.rolemodel_wrap .capa5 strong {
	color: #3bb695;
	background-image: url(../../images/client/sub/icon_rolemodel_capa5.png);
}
.rolemodel_wrap .capa6 strong {
	color: #7e5695;
	background-image: url(../../images/client/sub/icon_rolemodel_capa6.png);
}


/* 진로설계 step1 */
.plan_infotop {
	text-align: center;
}
.plan_infotop div {
	display: inline-block;
	margin: 10px 0; padding: 25px 0 25px 250px;
	background: url(../../images/client/sub/bg_plan_infotop1.png) no-repeat left center;
}
.plan_infotop p {
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.7rem; line-height: 1.8em; letter-spacing: -0.05em; text-align: left; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.plan_infotop p:first-child {
	margin-bottom: 10px;
}
.plan_infotop p span {
	display: inline-block;
	line-height: inherit; vertical-align: top; letter-spacing: inherit;
}
.plan_infotop .mark {
	position: relative; z-index: 1;
	color: #000;
}
.plan_infotop .mark::before {
	position: absolute; top: 8px; left: 0; z-index: -1;
	content: "";
	display: block;
	width: 100%; height: 15px;
	background: #ffaeae;
}
.plan_infotop .underline_wave {
	position: relative; z-index: 1;
}
.plan_infotop .underline_wave::before {
	position: absolute; bottom: 0; left: 0; z-index: -1;
	content: "";
	display: block;
	width: 100%; height: 5px;
	background: url(../../images/client/sub/img_underline_wave_red.png) no-repeat center;
}
.plan_infotop .circle {
	position: relative; z-index: 1;
}
.plan_infotop .circle::before {
	position: absolute; top: 0; left: 0; z-index: -1;
	content: "";
	display: block;
	width: 105%; height: 27px;
	background: url(../../images/client/sub/img_circle_red.png) no-repeat center; 
}

.plansetting_box {
	margin-bottom: 20px; padding: 10px;
	background: #f0f3f7;
}
.plansetting_box p {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}
.plansetting_box p:last-child {
	margin-bottom: 0;
}
.plansetting_box strong {
	display: block;
	width: 105px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; text-align: center; line-height: 42px;
	flex-shrink: 0;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.plansetting_box span {
	display: block;
	padding: 10px 20px;
	min-height: 42px;
	color: #3a3a3a; font-size: 1.5rem;
	flex-grow: 1;
	background: #fff; 
}
.tab_plan a {
	padding-top: 10px; padding-bottom: 13px;
	height: auto;
	line-height: 1em; letter-spacing: -0.05em;
}
.tab_plan a span {
	display: block;
	font-family: Notokr, sans-serif; font-size: 1.5rem; font-weight: 400;
}

.joblist_content {
	padding: 25px 30px;
	border: 1px solid #d6dadf;
}
.joblist_content dl {
	color: #3a3a3a; 
}
.joblist_content dl dt {
	margin-bottom: 5px;
	font-family: NetMarble,sans-serif; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.joblist_content dl dd {
	margin-bottom: 18px;
	line-height: 1.7em;	
}
.paging_plan {
	margin-top: 30px;
}
.paging_plan .testlist_move {
	width: auto; height: auto;
	font-family: NetMarble, sans-serif; font-size: 1.7rem; font-weight: 600; letter-spacing: -0.05em; line-height: 28px; vertical-align: middle;
	background: none;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.paging_plan .testlist_pre::before, .paging_plan .testlist_next::after {
	content: "";
	display: inline-block;
	width: 28px; height: 28px;
	vertical-align: top;
	background-repeat: no-repeat; background-position: center;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.paging_plan .testlist_move.disabled {
	color: #b7b7b7;
}
.paging_plan .testlist_pre::before {
	margin-right: 10px;
	background-image: url(../../images/client/formstyle/page_prev_gray.png);
}
.paging_plan .testlist_next::after {
	margin-left: 10px;
	background-image: url(../../images/client/formstyle/page_next_gray.png);
}
.paging_plan .testlist_number {
	width: 120px;
	font-family: NetMarble, sans-serif; font-size: 2.4rem; letter-spacing: -0.05em; line-height: 28px; vertical-align: middle;
	background: none;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.paging_plan .testlist_number span {
	font-weight: 600; letter-spacing: inherit; 
}
.paging_plan .testlist_pre:hover::before {
	background-color: #2a5f94;
	background-image: url(../../images/client/formstyle/page_prev_white.png);
}
.paging_plan .testlist_next:hover::after {
	background-color: #2a5f94;
	background-image: url(../../images/client/formstyle/page_next_white.png);
}
.paging_plan .testlist_move:hover, .paging_plan .testlist_move.disabled:hover {
	background: rgba(0,0,0,0);
}
.paging_plan .testlist_pre.disabled:hover::before {
	background-color: rgba(0,0,0,0);
	background-image: url(../../images/client/formstyle/page_prev_gray.png);
}
.paging_plan .testlist_next.disabled:hover::after {
	background-color: rgba(0,0,0,0);
	background-image: url(../../images/client/formstyle/page_next_gray.png);
}
.testlist_paging.paging_plan .btn_round {
	top: -7px;
}

/* 진로설계 step2 */
.target_box {
	position: relative;
}
.target_box > a {
	position: relative; 
	display: block;
	padding: 20px;
	border: 1px solid #d6dadf; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.target_box.on > a {
	border-color: #0081d2;
}
.target_box.selected > a {
	border-color: #0081d2;
}
.company_box.selected dt, .role_box.selected p {
	color: #0081d2;
}
.role_box.selected p span {
	color: #3a3a3a;
}
.plan_radio {
	position: absolute; right: 15px; top: 15px;
	display: block;
	width: 30px; height: 30px;
}
.plan_radio input {
	display: none;
}
.plan_radio label {
	display: block;
	width: 100%; height: 100%;
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_testselect.png) no-repeat center center;
	background-size: 100%;
}
.plan_radio label:hover {
	background-image: url(../../images/client/sub/icon_testselect_orange.png); 
	cursor: pointer;
}
.plan_radio input:checked + label {
	background-image: url(../../images/client/sub/icon_testselect_orange.png);
}
.company_box {
	position: relative;
}
.company_box > a {
	padding: 25px 30px;
}
.company_box dt {
	margin-bottom: 16px; padding-right: 20px;
	color: #3a3a3a; font-family: NetMarble,sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.3em; letter-spacing: -0.05em; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.company_box dd {
	overflow: hidden;
	margin-bottom: 6px; padding: 0;
	color: #5c5c5c;
	white-space: nowrap; text-overflow: ellipsis;
}
.company_box dd:last-child {
	margin-bottom: 0;
}
.company_box dd strong {
	display: inline-block;
	width: 70px;
	margin-right: 6px; 
	color: #3a3a3a; vertical-align: top; text-align: center;
	background: #efebe7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.company_box .plan_radio label:hover, .company_box .plan_radio input:checked + label {
	background-image: url(../../images/client/formstyle/icon_testselect_blue.png);
}

.role_box > a {
	padding: 15px;
}
.role_box.on {
	border-color: #0081d2;
}
.target_role {
	padding: 39px 0 39px 150px;
	color: #3a3a3a; font-size: 1.5rem; 
	background: url(../../images/client/sub/bg_rolemodel.jpg) no-repeat left center;
}
.target_role span {
	display: block;
	margin-bottom: 10px;
	font-family: NetMarble,sans-serif; font-size: 2rem; letter-spacing: -0.05em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);

}
.role_box .plan_radio label:hover, .role_box .plan_radio input:checked + label {
	background-image: url(../../images/client/formstyle/icon_testselect_blue.png);
}

/* 진로설계 step3 */
.btn_rowposition .select_form  {
	margin: 8px 4px;
	height: 34px;
	vertical-align: top;
}
.btn_rowposition .select_form .select_custom {
	height: 32px;
}
.btn_rowposition .select_form label {
	line-height: 32px;
}

/* 진로탐색 */
.planresult_tit {
	margin-top: 100px;
}
.planresult_tit::before {
	position: absolute; top: -64px; left: 50%;
	content: "";
	display: block;
	margin-left: -90px;
	width: 180px; height: 42px;
	background: url(../../images/client/sub/bg_testresultview.png) no-repeat center;
}
.planresult_tit strong {
	padding-right: 13px;
	background-image: url(../../images/client/sub/icon_testselect_blue.png);
}
.comparegraph_list {
	background: #fbfbfb;
	border: 1px solid #d6dadf;
}
.comparegraph_list strong {
	display: block;
	padding: 25px 20px 0;
	color: #333; font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.3em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.comparegraph_list .graph_wrap {
	padding-left: 10px; padding-right: 25px;
}
.comparegraph_list .graph_wrap .boxloading {
	background: rgba(251,251,251,0.8);
}
.comparegraph_label {
	margin-bottom: 10px;
	text-align: right;
}
.comparegraph_label span {
	margin-right: 30px;
}
.comparegraph_label span:last-child {
	margin-right: 0;
}
.comparegraph_label span::before {
	content: "";
	display: inline-block;
	margin-top: 3px; margin-right: 6px;
	width: 16px; height: 16px;
	vertical-align: top;
}
.comparegraph_label span:nth-child(1)::before {
	background: #a90055;
}
.comparegraph_label span:nth-child(2)::before {
	background: #21aaf8;
}

/*.data_card.card_select {
	cursor: pointer;
}
.data_card.card_select dt {
	padding-right: 40px;
}
.data_card.card_select .btn_target {
	position: absolute; top: 15px; right: 15px;
	display: inline-block;
	width: 35px; height: 35px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/sub/icon_testselect.png) no-repeat center; background-size: contain;
}
.data_card.card_select.on .btn_target {
	background-image: url(../../images/client/sub/icon_testselect_orange.png);
}
.view_result {
	margin: 50px auto;
	width: 178px; height: 42px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/sub/bg_testresultview.png) no-repeat center;
}
.plangraph_wrap {
	position: relative;
}
.plangraph_wrap .graph_label {
	position: absolute; top: -30px; right: 0;
}
.graph_label li {
	display: inline-block;
	margin-right: 20px;
}
.graph_label li:last-child {
	margin-right: 0;
}
.graph_label li::before {
	content: "";
	display: inline-block;
	margin-right: 6px; margin-bottom: 4px;
	width: 16px; height: 16px;
	vertical-align: bottom;
}
.graph_label li:nth-child(1)::before {
	background: #98204e;
}
.graph_label li:nth-child(2)::before {
	background: #33548a;
}
.plangraph_wrap > div > div > div {
	padding: 20px;
}
.plangraph_wrap h5 {
	margin-bottom: 10px;
	color: #333; font-size: 1.6rem;
}*/

/* 내로드맵 */
.data_box .plan_info {
	position: absolute; bottom: 0; left: 0;
	padding: 0 20px 20px;
	width: 100%;
}
.plan_info p {
	margin-bottom: 6px;
	line-height: 20px; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.plan_info strong {
	display: inline-block;
	margin-right: 6px;
	width: 70px;
	color: #3a3a3a; line-height: 20px; text-align: center; vertical-align: top; letter-spacing: -0.03em;
	background: #efebe7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.plan_info p:last-child {
	margin-bottom: 0;
}

.planresult_tit .data_txt {
	position: static;
	display: block;
	margin-top: -8px; padding-left: 42px; padding-bottom: 13px;
	transform: none;
}
.planresult_tit .data_txt i:last-child::after {
	display: none;
}

.rategraph_box {
	height: 440px;
	border: 1px solid #ced2d6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.rategraph_box h5 {
	color: #464646; font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.03em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.rate_total {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center; justify-content: center; text-align: center;
}
.rate_total > div {
	width: 100%;
}
.rate_total .apexcharts-datalabels-group .apexcharts-datalabel-label {
	font-family: NetMarble, sans-serif !important; font-weight: 600;
	-webkit-transform: skew(-0.03deg) translateY(6px);
	-moz-transform: skew(-0.03deg) translateY(6px);
	-o-transform: skew(-0.03deg) translateY(6px);
	transform: skew(-0.03deg) translateY(6px);
}
.rate_detail {
	padding: 25px 30px;
}
.rate_detail h5 {
	margin-bottom: 30px;
}
.loadmap_bargraph {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 30px;
	align-items: center;
}
.loadmap_bargraph strong {
	display: inline-block;
	margin-right: 20px; padding-right: 12px;
	font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em;
	background: url(../../images/client/sub/arrow_roadmap_side.png) no-repeat right center;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	flex-shrink: 0;
}
.loadmap_bargraph strong span {
	display: inline-block;
	font-weight: inherit; vertical-align: top;
}
.loadmap_bargraph div {
	position: relative;
	height: 20px;
	flex-grow: 1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.loadmap_bargraph div p {
	position: absolute; top: 0; left: 0;
	height: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.loadmap_bargraph div span {
	position: absolute; top: 50%; left: 50%;
	color: #fff; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.03em;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

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

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



/* 국가직무능력표준 정보 */
.ncs_list {
	margin-top: 15px;
}
.ncs_list dt {
	margin-bottom: 10px; padding: 9px;
	font-family: NetMarble, sans-serif; font-size: 1.8rem; color: #fff; letter-spacing: -0.05em; text-align: center; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: #1793c6;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
}
.ncs_list ol {
	font-size: 0; line-height: 0;
	border-bottom: 1px solid #d6dadf;
	border-right: 1px solid #d6dadf;
}
.ncs_list ol li {
	position: relative; z-index: 1;
	display: inline-block;
	width: 16.66%;
	border-top: 1px solid #d6dadf;
	border-left: 1px solid #d6dadf;
}
.ncs_list ol li a {
	display: block;
	padding: 30px 5px 0;
	height: 200px;
	font-family: NetMarble, sans-serif; font-size: 1.6rem; font-weight: 600; color: #3a3a3a; letter-spacing: -0.05em; line-height: 1.5em; text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ncs_list ol li strong {
	position: relative;
	display: block;
	padding-top: 115px;
}
.ncs_list ol li strong::before {
	position: absolute; top: 10px; left: 50%;
	content: "";
	display: block;
	margin-left: -45px;
	width: 90px; height: 90px;
	background-color: #f4f2f0; background-repeat: no-repeat; background-position: center; background-size: contain;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ncs_list ol li:nth-child(1) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo1.png);
}
.ncs_list ol li:nth-child(2) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo2.png);
}
.ncs_list ol li:nth-child(3) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo3.png);
}
.ncs_list ol li:nth-child(4) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo4.png);
}
.ncs_list ol li:nth-child(5) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo5.png);
}
.ncs_list ol li:nth-child(6) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo6.png);
}
.ncs_list ol li:nth-child(7) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo7.png);
}
.ncs_list ol li:nth-child(8) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo8.png);
}
.ncs_list ol li:nth-child(9) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo9.png);
}
.ncs_list ol li:nth-child(10) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo10.png);
}
.ncs_list ol li:nth-child(11) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo11.png);
}
.ncs_list ol li:nth-child(12) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo12.png);
}
.ncs_list ol li:nth-child(13) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo13.png);
}
.ncs_list ol li:nth-child(14) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo14.png);
}
.ncs_list ol li:nth-child(15) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo15.png);
}
.ncs_list ol li:nth-child(16) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo16.png);
}
.ncs_list ol li:nth-child(17) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo17.png);
}
.ncs_list ol li:nth-child(18) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo18.png);
}
.ncs_list ol li:nth-child(19) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo19.png);
}
.ncs_list ol li:nth-child(20) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo20.png);
}
.ncs_list ol li:nth-child(21) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo21.png);
}
.ncs_list ol li:nth-child(22) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo22.png);
}
.ncs_list ol li:nth-child(23) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo23.png);
}
.ncs_list ol li:nth-child(24) strong::before {
	background-image: url(../../images/client/sub/icon_jobinfo24.png);
}

.ncs_list ol li i {
	display: inline-block;
	margin: 0 2px;
	width: 2px; height: 2px;
	font-size: 0;
	background: #3a3a3a;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ncs_list ol li strong span {
	position: absolute; top: 0; left: 30px;
	display: inline-block;
	width: 28px; height: 28px;
	color: #fff; line-height: 28px;
	background: #8ecfea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.ncs_list > dd > ol > li.on::after {
	position: absolute; top: 0; left: 0; z-index: -1;
	content: "";
	width: 100%; height: 100%;
	border: 1px solid #25aae1;
}
.ncs_list ol li.on a {
	color: #25aae1;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.ncs_list ol li.on strong span {
	background: #1793c6;
}

.ncs_list .ncs_inner_list {
	position: relative;
	display: table;
	margin-top: 80px;
	width: 100%;
	border-collapse: collapse;
}
.ncs_list .ncs_inner_box {
	display: table-cell;
	width: 33.33%;
	vertical-align: top;
	border: 1px solid #d0ccc9;
}
.ncs_list .ncs_inner_box strong {
	position: absolute; top: -50px; 
	display: block;
	width: 33.333%;
	margin-bottom: 10px; padding: 9px;
	font-family: NetMarble, sans-serif; font-size: 1.8rem; color: #fff; letter-spacing: -0.05em; text-align: center; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: #1793c6;
}
.ncs_list .ncs_inner_box:nth-child(1) strong {
	left: 0;
	-webkit-border-radius: 20px 0 0 0;
	-moz-border-radius: 20px 0 0 0;
	border-radius: 20px 0 0 0;
}
.ncs_list .ncs_inner_box:nth-child(2) strong {
	left: 33.333%;
}
.ncs_list .ncs_inner_box:nth-child(3) strong {
	left: 66.666%;
	-webkit-border-radius: 0 20px 0 0;
	-moz-border-radius: 0 20px 0 0;
	border-radius: 0 20px 0 0;
}
.ncs_list .ncs_inner_box ol {
	border: none;
}
.ncs_list .ncs_inner_box ol li {
	display: block;
	width: 100%;
	border: none;
}
.ncs_list .ncs_inner_box ol li a {
	padding: 9px 20px;
	height: auto;
	color: #3a3a3a; font-family: NotoKr, sans-serif; font-size: 1.5rem; font-weight: 400; text-align: left;
}
.numbering {
	display: inline-block;
	margin-right: 3px; margin-top: 3px;
	width: 15px; height: 15px;
	font-size: 1.1rem; font-weight: 500; line-height: 13px; text-align: center; vertical-align: top;
	border: 1px solid #3a3a3a;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ncs_list .ncs_inner_box ol li.on a {
	color: #2d63cf;
	background: #ebf4fc;
	box-shadow: none;
}
.ncs_list .ncs_inner_box ol li.on .numbering {
	border-color: #2d63cf;
}

.ncs_view {
	margin-top: 50px;
}
.ncs_view .ncsprogram_txt {
	padding: 10px; margin-bottom: 10px;
	font-size: 1.5rem; word-break: keep-all;
}
.ncs_view .section_tit_lg .numbering {
	margin-top: 8px;
	width: 20px; height: 20px;
	font-size: 1.4rem; line-height: 18px; vertical-align: top;
}
.ncsprogram_list {
	padding: 30px;
	background: #ebf4fc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.ncsprogram_list dt {
	margin-bottom: 15px; padding-left: 20px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: url(../../images/client/sub/icon_tit_md.png) left 4px no-repeat; 
}
.ncsprogram_list dt .numbering {
	margin-top: 2px;
	width: 17px; height: 17px;
	font-size: 1.3rem; line-height: 15px; vertical-align: top;
}
.ncsprogram_list dd {
	margin-bottom: 25px;
	word-break: keep-all; line-height: 1.7em;
}
.ncsprogram_list dd:last-child {
	margin-bottom: 0;
}

/* 자격증 정보 */
.data_card {
	position: relative;
	display: block;
	padding: 24px 28px;
	background: url(../../images/client/sub/bg_datacard.png) no-repeat right 10px top 10px;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
a.data_card {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.data_card dt {
	display: -webkit-box;
	margin-bottom: 5px;
	height: 52px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.3em; 
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.data_card dd {
	margin-bottom: 6px;
	color: #5c5c5c;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.data_card dd:last-child {
	margin-bottom: 0;
}
.data_card dd strong {
	position: relative;
	display: inline-block;
	width: 70px; height: 20px;
	margin-right: 8px;
	color: #3a3a3a; line-height: 20px; vertical-align: top; text-align: center;
	background: #e8eff5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.data_card dd span {
	vertical-align: top;
}

/* 직업방송 동영상 */
.jobvideoinfo_list {
	overflow: hidden;
	display: block;
	padding: 125px 30px 30px;
	text-align: center;
	background: #fff url(../../images/client/sub/img_jobvideo.png) no-repeat center 20px;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.jobvideoinfo_list h4 {
	overflow: hidden;
	margin-bottom: 10px;
	font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; color: #3a3a3a; white-space: nowrap; text-overflow: ellipsis;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);

}
.jobvideoinfo_list ul {
	display: inline-block;
	max-width: 100%;
}
.jobvideoinfo_list li {
	position: relative;
	margin-bottom: 6px; padding-left: 75px;
	width: 100%; height: 20px;
	color: #5c5c5c; text-align: left; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.jobvideoinfo_list li:last-child {
	margin-bottom: 0;
}
.jobvideoinfo_list li strong {
	position: absolute; top: 0; left: 0;
	display: inline-block;
	margin-right: 5px; 
	width: 70px; height: 20px;
	color: #3a3a3a; line-height: 20px; text-align: center; vertical-align: top;
	background: #e8eff5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* 기업정보 */
.companyinfo_card {
	background-image: url(../../images/client/sub/bg_companyinfo_card.png);
}

/* 기업정보 상세 */
.companyinfo_colbox {	
	position: relative;
	padding-left: 450px;
	min-height: 300px;
}
.companyinfo_colbox .graph_wrap {
	position: absolute; left: 0;
	padding: 10px;
	width: 420px; height: 300px;
	font-size: 0;
	border: 1px solid #ccd6db;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.companyinfo_colbox .graph_wrap .apexcharts-datalabel {
	font-family: Notokr, sans-serif !important; font-size: 1.5rem;
}
.companyinfo_colbox .tbl_stripe table {
	width: 50%;
}
.pattern_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	margin-bottom: 5px;
	font-size: 0; line-height: 0;
	border: 0;
}
.pattern_wrap > li {
	display: inline-block;
	width: 23.5%; 
	margin-left: 2%;
	text-align: center; vertical-align: top;
	border: 1px solid #d0d2d4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pattern_wrap > li:first-child {
	margin-left: 0;
}
.pattern_wrap > li > div {
	height: 100%;
	border: 1px solid #d0d2d4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pattern_wrap > li strong {
	display: block;
	padding: 8px 0;
	color: #333; font-size: 1.5rem; 
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.pattern_wrap > li:nth-child(1) strong {
	background: #e0eff6;
}
.pattern_wrap > li:nth-child(2) strong {
	background: #f3f3d9;
}
.pattern_wrap > li:nth-child(3) strong {
	background: #f6e6e6;
}
.pattern_wrap > li:nth-child(4) strong {
	background: #efe1f6;
}
.pattern_wrap > li ul {
	padding: 25px 15px;
}
.pattern_wrap > li ul li {
	display: block;
	margin-bottom: 15px; padding-left: 45px; padding-right: 25px; 
	position: relative;
}
.pattern_wrap > li ul li:last-child {
	margin-bottom: 0;
}
.pattern_wrap > li ul li > p {
	position: absolute; left: 0; top: 0;
	width: 40px;
	color: #333; font-size: 1.3rem;
}
.pattern_wrap > li ul li div {
	width: 100%; height: 15px;
	position: relative;
	background-color: #ebebeb;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.pattern_wrap>li ul li div .pp_bar {
	height: 15px;
	position: absolute; top: 0; left: 0;
	background-color: #ffa229;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.pattern_wrap > li ul li .pp_bar_txt {
	position: absolute; top: 0; right: -25px;
	display: inline-block;
	width: 25px;
	color: #f07410; line-height: 20px; font-size: 12px;
}

.pp_updwon {
	display: inline-block;
	width: 9px; height: 14px;
	vertical-align: top;
}
.up_arrow {
	background: url(../../images/client/sub/arrow_up.jpg) bottom center no-repeat;
}
.down_arrow {
	background: url(../../images/client/sub/arrow_down.jpg) bottom center no-repeat;
}

/* 마이페이지 */
.certi_record p {
	padding: 15px;
	font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: -0.03em; text-align: center; white-space: nowrap; text-overflow: ellipsis;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.certi_record p::before {
	content: "";
	display: inline-block;
	margin-top: 4px; margin-right: 4px;
	width: 20px; height: 20px;
	vertical-align: top; 
	background-repeat: no-repeat; background-position: center;
}
.certi_record .certi_change {
	color: #a90056;
	background: #f7e8f0;
}
.certi_record .certi_change::before {
	background-image: url(../../images/client/sub/icon_clock_change.png);
}
.certi_record .certi_haein {
	color: #25aae1;
	background: #edf6fa;
}
.certi_record .certi_haein::before {
	background-image: url(../../images/client/sub/icon_clock_haeinja.png);
}
.certitime_graph {
	padding: 20px;
	background: #fbfbfb;
	border: 1px solid #d6dadf;
}

.certitime_info dl {
	font-size: 0; line-height: 0; text-align: center;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.certitime_info dt {
	position: relative; top: -1px; left: -1px;
	width: calc( 100% + 2px ); height: 40px;
	color: #fff; font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 40px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.certitime_info .grid_col:nth-child(1) dt {
	background: #22aaf8; 
}
.certitime_info .grid_col:nth-child(2) dt {
	background: #f79a2b; 
}
.certitime_info .grid_col:nth-child(3) dt {
	background: #bf0061; 
}
.certitime_info dd {
	position: relative;
	display: inline-block;
	padding: 25px 10px 35px;
	width: 50%;
	font-size: 1.5rem; line-height: 1.5em;
}
.certitime_info dd:first-of-type::after {
	position: absolute; top: 30px; right: 0;
	content: "";
	display: block;
	width: 1px; height: 96px; 
	background: #d6dadf;
}
.certitime_info dd strong {
	display: block;
	margin-bottom: 25px;
}
.certitime_info dd p {
	color: #aeadae; font-size: 1.4rem; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.certitime_info dd p span {
	display: block;
	margin-bottom: 10px;
	height: 24px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2.4rem; font-weight: 300; line-height: 1; letter-spacing: -0.05em; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.certitime_info dd p span i {
	font-weight: 600; font-style: normal; line-height: inherit; vertical-align: top;
}
.certitime_result {
	padding: 8px 10px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.7rem; font-weight: 300.; text-align: center; vertical-align: top;
	background: #f2f2f2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.certitime_result strong {
	font-weight: inherit; vertical-align: inherit;
}
.certitime_result strong::after {
	content: "|";
	margin: 0 20px;
	color: #d7d7d7;
}
.certitime_result span {
	color: #4658a4; font-weight: 600; line-height: inherit; vertical-align: inherit;
}

.programcard_list .certitime_change {
	color: #a90055;
}
.programcard_list .certitime_haein {
	color: #24a9e0;
}
.programcard_list .certitime_change span, .programcard_list .certitime_haein span {
	margin-right: 10px;
}
.program_attendcount p {
	background: #ffd940;
}

.scholarship_box {
	padding: 28px 30px;
	text-align: center;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.scholarship_box dt {
	margin-bottom: 20px;
}
.scholarship_box dt strong {
	display: block;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1; letter-spacing: -0.05em; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.scholarship_box dt .date {
	display: inline-block;
	margin-top: 6px;
	color: #aeadae;
}
.scholarship_box dd {
	display: inline-block;
	max-width: 100%;
}
.scholarship_box dd p {
	display: block;
	margin-bottom: 6px;
	text-align: left; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.scholarship_box dd p:last-child {
	margin-bottom: 0;
}
.scholarship_box dd strong {
	display: inline-block;
	margin-right: 6px; padding: 0 4px;
	width: 70px; height: 20px;
	color: #3a3a3a; line-height: 20px; text-align: center;
	background: #e8eff5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.scholarship_box.breakdown_box {
	text-align: left;
}

/* 포트폴리오 */
.mydata_list {
	position: relative;
	padding-left: 122px;
}
.mydata_list .resumeimg {
	position: absolute; top: 0; left: 0;
	width: 112px; height: 157px;
	border: 1px solid #d0d2d4;
}
.resume_container {
	position: relative;
	padding: 30px;
	color: #222;
	background: #eff3f5;
	border-top: 3px solid #7ec9e8;
}
.resume_tit {
	margin-bottom: 20px;
}
.resume_tit div {
	position: relative;
	padding: 17px 160px 17px 30px;
	min-height: 60px;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}
.resume_tit h4 {
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: -0.03em; line-height: 1.3em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.resume_tit .date {
	position: absolute; top: 50%; right: 20px;
	color: #aeadae;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*.resume_tit .btn_accordion {
	position: absolute; top: 50%; right: 20px;
	margin-top: -6px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.resume_tit.on .btn_accordion {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}*/
.achieve_label {
	display: inline-block;
	width: 20px; height: 20px;
	background: url(../../images/client/sub/icon_achieve_label_off.png) no-repeat center;
}
.achieve_label.on {
	background-image: url(../../images/client/sub/icon_achieve_label_on.png);
}

.resume_hobby_wrap {
	text-align: center;
	background: #fff;
	border: 1px solid #d0d2d4;
	border-top: 3px solid #c5d7e7;
}
.resume_hobby {
	padding: 20px 0 10px;
}
.resume_hobby span {
	display: block;
	margin: 0 auto 4px;
	width: 80px; height: 80px;
	font-size: 0; line-height: 0;
	background-color: #f2f2f2; background-repeat: no-repeat; background-position: center; 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.hb_hobby {
	background-image: url(../../images/client/sub/bg_hb_noimg.png);
}
.hb_photo {
	background-image: url(../../images/client/sub/bg_hb_photo.png);
}
.hb_cook {
	background-image: url(../../images/client/sub/bg_hb_cook.png);
}
.hb_soccor {
	background-image: url(../../images/client/sub/bg_hb_soccor.png);
}
.hb_movie {
	background-image: url(../../images/client/sub/bg_hb_movie.png);
}
.hb_writing {
	background-image: url(../../images/client/sub/bg_hb_writing.png);
}
.hb_hiking {
	background-image: url(../../images/client/sub/bg_hb_hiking.png);
}
.hb_shopping {
	background-image: url(../../images/client/sub/bg_hb_shopping.png);
}
.hb_camping {
	background-image: url(../../images/client/sub/bg_hb_camping.png);
}
.hb_drive {
	background-image: url(../../images/client/sub/bg_hb_drive.png);
}
.hb_music {
	background-image: url(../../images/client/sub/bg_hb_music.png);
}
.hb_sing {
	background-image: url(../../images/client/sub/bg_hb_sing.png);
}
.hb_instrument {
	background-image: url(../../images/client/sub/bg_hb_instrument.png);
}
.hb_art {
	background-image: url(../../images/client/sub/bg_hb_art.png);
}
.hb_reading {
	background-image: url(../../images/client/sub/bg_hb_reading.png);
}
.hb_game {
	background-image: url(../../images/client/sub/bg_hb_game.png);
}
/*.hb_travel {
background-image: url(../../images/client/sub/bg_hb_travel.png);
}*/
.resume_hobby p {
	text-align: center;
}
.resume_cnt .attach_file_wrapper {
	background: #fff;
	border: 1px solid #e3ddd0;
	border-top: 3px solid #e4cebc;
	border-radius: 0;
}


.resume_wrap {
	background: #fff;
}
.resume_wrap > li:first-child {
	border-top: 1px solid #d7d7d7;
}
.resume_wrap > li {
	border-bottom: 1px solid #d7d7d7;
}
.resume_wrap > li.on {
	border: 2px solid #1793c6;
}
.resume_wrap > li.on ul li.resume_list1 {
	color: #1793c6;	font-weight: 500;
}
.resume_wrap ul {
	display: table;
	width: 100%;
	padding: 12px 18px;
}
.resume_wrap ul li {
	display: table-cell;
	position: relative;
	text-align: center;
}
.count_label {
	display: inline-block;
	width: 35px; height: 35px;
	margin-right: 20px;
	color: #858585; font-size: 2rem; font-weight: 500; text-align: center; line-height: 34px; 
	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: 60%;
	color: #3a3a3a; font-size: 1.6rem; text-align: left;
	cursor: pointer;
}
.resume_wrap ul li.resume_list2 {
	color: #aeadae;
}
.resume_wrap ul li.resume_list4 {
	width: 200px;
	text-align: right;
}

.studentinfo_box {
	position: relative;
	padding: 30px 20px 30px 180px; 
	width: 100%; min-height: 214px;
	background: #fff;
	border: 2px solid #d0d2d4; 
}
.resumeimg {
	position: absolute; top: 20px; left: 20px;
	width: 120px; height: 170px;
	background: #f2f2f2;
	overflow: hidden;
}
.resumeimg img {
	width: 100%;  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 dl {
	width: 100%;
	position: relative;
}
.studentinfo_box dl dt {
	width: 100%;
	margin-bottom: 25px;
	color: #101424; font-size: 2rem; letter-spacing: -0.03em;
} 
.studentinfo_box dl dt span {
	margin-left: 10px; font-size: 1.5rem; vertical-align: baseline;
}
.studentinfo_box dl dd {
	display: inline-block;
	margin-bottom: 20px; padding-left: 110px;
	width: 36%;
	color: #101424; font-size: 1.5rem; vertical-align: top;
}
.studentinfo_box dl dd:nth-of-type(2n) {
	width: 60%;
}
.studentinfo_box dl dd strong {
	position: relative;
	display: inline-block;
	margin-left: -110px; margin-right: 10px; padding-left: 30px; 
	width: 100px;
	background-repeat: no-repeat; background-position: left 2px;
}
.studentinfo_box .ico_birth strong {
	background-image: url(../../images/client/sub/icon_birthday_sm.png);
}
.studentinfo_box .ico_tel strong {
	background-image: url(../../images/client/sub/icon_tel_sm.png);
}
.studentinfo_box .ico_mail strong {
	background-image: url(../../images/client/sub/icon_mail_sm.png);
}
.studentinfo_box .ico_address strong {
	background-image: url(../../images/client/sub/icon_address_sm.png);
}
.studentinfo_box dl dd strong::after {
	position: absolute; top: 0; right: 0;
	content: "|";
	color: #c4c9cc;
}

.resume_cnt h5 {
	margin-top: 28px; margin-bottom: 4px; padding-left: 5px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.03em;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.resume_container .tbl table {
	background: #fff;
	border: 1px solid #d0d2d4;
	border-top: 3px solid #c5d7e7;
}
.resume_container .tbl table tbody th, .resume_container .tbl table tbody td {
	padding: 8px 12px;
	font-weight: 400; text-align: left;
}

.unilife_label {
	color: #acacac; letter-spacing: -0.03em;
}
.unilife_label::before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 22px; height: 22px;
	vertical-align: top;
	background: url(../../images/client/sub/icon_unilife_off.png) no-repeat center;
}
.unilife_label.on {
	color: #0081d2;
}
.unilife_label.on::before {
	background-image: url(../../images/client/sub/icon_unilife_on.png);
}

.planlist_box {
	padding-top: 98px;
	background-position: center 30px;
}

.class_point {
	display: inline-block;
	padding-right: 10px; margin-right: 10px;
	vertical-align: top;
	background: url(../../images/client/sub/bar_block.jpg) no-repeat right 4px;
}
.selfintro_wrap {
	background: #f3f0ed;
	border-top-color: #b5a08a;
}
.selfintro_wrap article {
	padding: 22px 20px; margin-bottom: 10px;
	background: #fff;
	border: 2px solid #d0d2d4;
}
.selfintro_wrap article strong {
	display: block;
	margin: 20px 0 10px 0;
	color: #334458; font-family: NetMarble, sans-serif; font-size: 1.7rem; font-weight: 600; line-height: 1;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.selfintro_wrap article strong:first-child {
	margin-top: 0;
}
.selfintro_wrap article p {
	line-height: 1.6em;
}
.resume_file h4 {
	padding: 4px;
	font-size: 1.2rem;
}
.resume_file .attach_file_wrapper {
	padding: 2px 10px 10px 10px;
	border-top: 2px solid #c5d7e7;
	border-left: 1px solid #d3dadc;
	border-right: 1px solid #d3dadc;
	border-bottom: 1px solid #d3dadc;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.btn_downfile_subj {
	display: inline-block;
	width: 16px; height: 18px;
	vertical-align: middle;
	background: #0aaccc url(../../images/client/sub/btn_fileadd.png) no-repeat center; background-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.analyze_wrap {
	padding: 20px; margin-bottom: 10px;
	background: #fff;
	border: 1px solid #d3dadc;
}
.mystatus_box_me.analyze_box .graph_wrap{
	background-color: #f7fbfd;
}

.subject_scrore div div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0 10px;
	height: 100px;
	align-items: center; justify-content: center; text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.subject_scrore div:nth-child(1) div {
	background: #f3f8fb;
}
.subject_scrore div:nth-child(2) div {
	background: #f4f8ef;
}
.subject_scrore div:nth-child(3) div {
	background: #f7f0f1;
}
.subject_scrore p {
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2.6rem; font-weight: 500; letter-spacing: -0.05em; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	overflow: hidden;
}
.subject_scrore p strong {
	display: inline-block;
	vertical-align: top;
}
.subject_scrore p strong::after {
	content: "|";
	margin: 0 15px;
	color: #d6dadf; vertical-align: top;
}
.program_status {
	height: 40px;
	font-weight: 500; line-height: 40px; text-align: center;
}
.program_status.complete {
	color: #7c9a2a;
	background: #f2f7ed;
}
.program_status.incomplete {
	color: #acacac;
	background: #f5f5f5;
}
.caparesult_graph {
	padding: 30px;
	border: 1px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

/* 공지사항, 자료실 리스트*/
.data_list {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.data_list li {
	display: table-row-group;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.data_list .col {
	display: table-cell;
	padding: 20px 10px;
	color: #aeadae; font-weight: 300; text-align: center;
	border-top: 1px solid #d0ccc9;
	border-bottom: 1px solid #d0ccc9;
}
.data_list .col_1 {
	width: 80px;
}
.data_list .col_2 {
	width: auto;
	color: #3a3a3a; font-weight: 400;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.data_list .col_2 a {
	display: block;
	text-align: left; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.data_list .col_3 {
	width: 12%;
}
.data_list .col_4 {
	width: 12%;
}
.data_list .col_5 {
	width: 80px;
}
.fix_list {
	display: inline-block;
	margin: -5px 0;
	width: 36px; height: 30px;
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_notice_fix.png) no-repeat center; 
}
.data_list li.on {
	background: #f0f3f7;
}
.data_list li.on .col_2 a {
	color: #1793c6;
}

/*.data_list li {
	position: relative;
	padding: 24px 10px 24px 270px;
	min-height: 70px;
	font-size: 0; line-height: 0;
	border-bottom: 1px solid #d0ccc9;
}
.data_list li:first-child {
	border-top: 1px solid #d0ccc9;
}
.data_list .col {
	display: inline-block;
	padding: 0 5px;
	color: #7c7b7b;font-size: 1.5rem; line-height: 1.5em; text-align: center;
}
.data_list .col_1 {
	position: absolute; top: 50%; left: 0; 
	padding-right: 165px;
	width: 250px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.data_list .col_1 span {
	line-height: 30px;
}
.fix_list {
	display: inline-block;
	width: 33px; height: 30px;
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_notice_fix.png) no-repeat center; background-size: contain;
}
.data_list .col_1 .category_label {
	position: absolute; right: 0;
	width: 165px; height: 30px;
	line-height: 28px; text-align: center;
	border: 1px solid #ada9a8;
}
.data_list .col_2 {
	width: 66%;
}
.data_list .col_2 a {
	display: block;
	color: #333; 
}
.data_list .col_3 {
	width: 12%;
}
.data_list .col_4 {
	width: 12%;
}
.data_list .col_5 {
	width: 10%;
}*/

/* 공지사항, 자료실 상세*/
.bbs_header {
	padding: 17px 20px;
	position: relative;
	font-size: 0; line-height: 0;
	border-top: 2px solid #adcddc;
}
.bbs_header .category_label {
	display: inline-block;
	margin-bottom: 10px; padding: 5px 6px;
	font-size: 1.5rem; line-height: 1em;
	border: 1px solid #ada9a8;
}
.cnt_title, .title_info {
	font-size: 1.5rem; line-height: 1.5em;
}
.cnt_title {
	margin-bottom: 10px; 
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2rem; font-weight: 600; word-break: keep-all;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.title_info {
	text-align: left;
}
.title_info p {
	display: inline-block;
	margin-right: 20px;
}
.title_info p span {
	position: relative;
	display: inline-block;
	margin-right: 8px; padding-right: 8px;
	color: #3a3a3a; vertical-align: top;
}
.title_info p span::after {
	position: absolute; top: 50%; right: 0;
	content: "";
	display: block;
	margin-top: -6px;
	width: 1px; height: 12px;
	background: #cfd2d7;
}
/*.bbs_header .btn_addlike {
	position: absolute; right: 20px; top: 30px;
}*/
.commu_content .editor_area {
	padding: 30px; margin-bottom: 2%;
	min-height: 250px;
	white-space: pre-line; line-height: 2rem;
	overflow-x: auto;
}
.editor_area {
	white-space: pre-line; 
	overflow-x: auto;
}
.editor_area table {
	border-color: #ddd;
	border-style: solid;
}
.editor_area table[align="center"] {
	margin: 0 auto;
}
.editor_area table th {
	vertical-align: middle; text-align: center;
	border: 1px solid #ddd;
}
.editor_area table td {
	vertical-align: middle;
	border: 1px solid #ddd;
}
.video_wrap {
	width: 100%; height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.video_wrap iframe {
	position: absolute; top: 0; left: 0;
	width: 100%;
	height: 100%;
}
.commu_filelist {
	padding: 15px;
	background: #fff;
	border: 1px solid #c4c9cc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.commu_filelist strong {
	display: block;
	margin-bottom: 5px;
	font-weight: 600; font-size: 1.5rem;
}
.re_area {
	margin-top: 50px;
}
.re_area h3 {
	padding-bottom: 10px;
	font-size: 1.9rem;  
	border-bottom: 1px solid #ada9a8;
}
.re_area h3 span {
	vertical-align: top;
}
.re_area dl {
	padding: 15px 0;
	border-bottom: 1px solid #ada9a8;
} 
.re_area dl dt {
	margin: 0 20px 10px 20px; padding: 5px 0 5px 25px; 
	font-size: 1.5rem; font-weight: 500;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../../images/client/sub/icon_re.png);
}
.re_area .re_id {
	font-weight: inherit; line-height: inherit; vertical-align: top;
}
.re_area dl.my_re > dt {
	background-image: url(../../images/client/sub/icon_myre.png);
}
.idea_label {
	margin-left: 3px; padding: 1px 4px;
	color: #fff; font-size: 1.3rem; line-height: inherit; vertical-align: top;
}
.idea_agree {
	background: #89a435; 
}
.idea_disagree {
	background: #eb3441; 
}
.idea_etc {
	background: #707070; 
}

.re_area dl dd {
	position: relative;
	margin: 0 20px;
}
.re_area dl dd p {
	margin-bottom: 10px;
}
.re_area dl dd span {
	/*display: block;*/
	width: 130px;
	margin-top: 5px;
	color: #9e9e9e; font-size: 1.4rem;
}
.re_tag {
	margin-right: 6px;
	color: #3a46ad; line-height: inherit; vertical-align: top;
}
.re_area .btn_rereply {
	margin-left: 20px; padding-left: 22px;
	color: #9e9e9e; font-size: 1.3rem; font-weight: 500;
	background: rgba(0,0,0,0) url(../../images/client/sub/icon_re_reply.png) no-repeat left center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.rewrite_box {
	margin-top: 36px; padding: 20px 20px 25px;
	font-size: 1.5rem; 
	background: #f0f3f7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.rewrite_box > strong {
	display: block;
	padding: 0 0 5px 25px;
	background: url(../../images/client/sub/icon_myre.png) no-repeat left 2px;
	background-size: 20px;
}
.re_text {
	position: relative;
	background: #fff;
	border: 1px solid #d0d2d4;
}
.re_text .re_topbox {
	padding: 6px 10px;
	border-bottom: 1px solid #d0d2d4;
}
.re_text textarea {
	display: block;
	padding: 8px 10px 48px;
	width: 100%; height: 150px;
	font-size: 1.5rem; line-height: 1.5em;
	border: none; outline: none;
}
.re_text .btn {
	position: absolute; right: 0; bottom: 0;
}

.re_area .re_reply {
	margin-top: 10px;
	background: #f2f2f2;
}
.re_area .re_reply dl {
	border: none;
}
.re_area .re_reply dl:first-child {
	margin-top: 0;
}
.re_area .re_reply dt {
	padding-left: 56px;
	background-image: url(../../images/client/sub/icon_arrow_reply.png), url(../../images/client/sub/icon_re.png); background-position: left center, 30px center; 
}
.re_area .re_reply .my_re dt {
	background-image: url(../../images/client/sub/icon_arrow_reply.png), url(../../images/client/sub/icon_myre.png); background-position: left center, 30px center; 
}
.re_delete {
	margin-left: 20px;
	color: #9e9e9e; font-size: 1.3rem; font-weight: 500;
	background: rgba(0,0,0,0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.re_text .letter_count {
	position: relative;
	padding: 0;
	text-align: left;
	border: none;
}
.re_text .letter_count #letter_counter {
	position: absolute; right: 120px; bottom: 10px;
}
.re_tit {
	padding: 5px 10px;
	background: #f2f2f2;
}
.re_tit .btn_del {
	font-size: 0; line-height: 0; vertical-align: top;
}

/* 주요 프로그램 및 운영부서 */
.tab_capa {
	margin-top: 20px; margin-bottom: 30px;
}
.tab_capa a {
	position: relative;
	display: block;
	padding: 140px 5px 45px;
	color: #333; font-weight: 500; text-align: center;
	background: url(../../images/client/sub/icon_arrow_bottom_wine.png) no-repeat center bottom 20px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.tab_capa li.on a {
	color: #fff;
	background-color: #92234e; background-image: url(../../images/client/sub/icon_arrow_bottom_white.png);
	border-color: #92234e;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.tab_capa li a::before {
	position: absolute; top: 30px; left: 50%; 
	content: "";
	display: inline-block;
	margin-left: -50px;
	width: 100px; height: 100px;
	background: rgba(255,255,255,0.4);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.tab_capa a::after {
	position: absolute; top: 40px; left: 0;
	content: "";
	display: inline-block;
	width: 100%; height: 80px;
	background-repeat: no-repeat; background-position: center 5px; 
}
.tab_capa .capa1 a::after {
	background-image: url(../../images/client/sub/icon_capa1.png);
}
.tab_capa .capa2 a::after {
	background-image: url(../../images/client/sub/icon_capa2.png);
}
.tab_capa .capa3 a::after {
	background-image: url(../../images/client/sub/icon_capa3.png);
}
.tab_capa .capa4 a::after {
	background-image: url(../../images/client/sub/icon_capa4.png);
}
.tab_capa .capa5 a::after {
	background-image: url(../../images/client/sub/icon_capa5.png);
	background-position: center top;
}
.tab_capa .capa6 a::after {
	background-image: url(../../images/client/sub/icon_capa6.png);
}
.guidemap_wrap {
	margin: 25px 0 35px;
}

/* FAQ */
.faqlist_wrap .faqlist dt {
	position: relative;
	display: block;
	margin-top: 20px; padding: 20px 80px 20px 60px;
	width: 100%; 
	font-family: NetMarble, sans-serif; font-size: 2rem; line-height: 1.5em; font-weight: 600; letter-spacing: -0.05em; word-break: break-all;
	color: #3a3a3a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	border-bottom: 1px solid #d2cbc3;
	cursor: pointer;
}
.faqlist_wrap .faqlist dt:first-child {
	margin-top: 0;
}
.faqlist_wrap .faqlist dt span {
	position: absolute; top: 50%; left: 0; 
	display: inline-block;
	width: 60px;
	color: #a90056; font-family: inherit; font-size: 2.8rem; font-weight: inherit; line-height: 1; text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: translateY(-50%) skew(-0.03deg);
	-moz-transform: translateY(-50%) skew(-0.03deg);
	-o-transform: translateY(-50%) skew(-0.03deg);
	transform: translateY(-50%) skew(-0.03deg);
}
.faqlist_wrap .faqlist dt::after {
	position: absolute; right: 30px; top: 50%;
	content: "";
	display: inline-block;
	margin-top: -7px;
	width: 25px; height: 12px;
	background: url(../../images/client/sub/btn_accordion.png) no-repeat center; background-size: contain;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.faqlist_wrap .faqlist dd {
	display: none;
	position: relative;
	padding: 20px 20px 20px 60px;
	color: #3a3a3a; letter-spacing: -0.02em;
	background: #f4f2f0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.faqlist_wrap .faqlist dd span {
	position: absolute; top: 20px; left: 0;
	display: inline-block;
	width: 60px;
	color: #25aae1; font-family: NetMarble, sans-serif; font-size: 2.8rem; font-weight: inherit; line-height: 1; text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.faq_content{
	width: 100%;
}

.faqlist_wrap .faqlist dt.on {
	border-bottom: none;
}
.faqlist_wrap .faqlist dt.on::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* 설문조사 상세 */
.commu_content .testlist_box {
	margin-bottom: 0;
}

/* 설문조사 */
.survey_box {
	padding: 25px 30px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.survey_box .survey_label {
	display: inline-block;
	margin-bottom: 5px;
	min-width: 70px;
	text-align: center; color: #fff; font-size: 1.4rem; line-height: 23px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.survey_box .survey_label.possible {
	background-color: #c21e64;
}
.survey_box .survey_label.impossible {
	background-color: #5c595a;
}
.survey_box .tit {
	display: block;
	margin-bottom: 12px;
	padding-bottom: 12px;
	color: #2c2c2c; font-weight: 800; font-size: 1.8rem;
	font-family: NetMarble, sans-serif;
	text-overflow: ellipsis; white-space: nowrap;
	border-bottom: 1px dashed #d0ccc9;
	overflow: hidden;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.survey_box ul {
	margin-bottom: 25px;
}
.survey_box li {
	margin-bottom: 4px;
	padding-left: 85px;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.survey_box li:last-child {
	margin-bottom: 0;
}
.survey_box li strong {
	position: relative;
	display: inline-block;
	margin-right: 10px; margin-left: -85px;
	width: 75px;
	vertical-align: 0;
}
.survey_box li strong::after {
	position: absolute; right: 0; top: 50%;
	content: "";
	display: inline-block;
	margin-top: -7px;
	width: 1px; height: 14px;
	background-color: #d0ccc9;
}
.survey_box .btn_round {
	width: 100%;
	text-align: center;
}

/* 22.11.17 점검중 화면 추가 */
.maintenance_wrap {
	position: relative;
	padding: 20px 0;
	width: 100%; height: 100%; min-height: 650px;
	background: #e9e7db url(../../images/client/common/gif_system.gif) no-repeat center;
	background-size: 100% auto;
	overflow-y: auto;
}
.maintenance_wrap img {
	display: block;
	margin: 0 auto 50px;
	width: 260px;
}
.maintenance_wrap > h3 {
	width: 100%;
	font-family: NetMarble, sans-serif; color: #c21e64; font-weight: 600; font-size: 5rem; text-align: center;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.maintenance_wrap > h3 strong {
	display: block;
	margin-top: 20px;
	font-weight: inherit; font-size: 2rem; color: #3a3a3a;
}

/*=================== //서브페이지 ===================*/

@media screen and (max-width:1280px) {
	
	/*=================== 메인페이지 1280 ===================*/
	
	/* 메인 - 로그인 전 1280 */
	.mainpage_visual {
		padding: 40px 0 180px;
	}
	.mainpage_visual::after {
		top: 35px; right: 0;
		width: 500px; height: 335px;
	}
	.mainpage_visual strong {
		padding-left: 38px;
		width: 190px; height: 51px;
		font-size: 1.7rem; line-height: 45px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: auto;
		-webkit-transform: skew(-0.03deg);
		-moz-transform: skew(-0.03deg);
		-o-transform: skew(-0.03deg);
		transform: skew(-0.03deg);
	}
	.mainpage_visual h3 {
		margin-bottom: 20px;
		width: 320px; height: 107px;
	}
	.mainpage_visual p {
		margin-bottom: 25px;
		font-size: 3rem;
	}
	
	.mainsection_tit {
		font-size: 2.5rem;
	}
	.maincounsel_tit {
		padding-bottom: 35px;
		width: 100%;
		background: none;
	}
	.maincounsel_tit h3 {
		display: inline-block;
		margin-bottom: 0;
	}
	.maincounsel_tit p {
		display: inline-block;
		margin-left: 12px;
		font-size: 1.5rem;
	}
	.maincounsel_tit p br {
		display: none;
	}
	.maincounsel_list1, .maincounsel_list2, .maincounsel_list3 {
		width: 33.333%;
		vertical-align: top;
	}
	
	/* 메인 - 로그인 후 1280 */
	.mainpage_userdata {
		padding-top: 35px; padding-bottom: 152px;
	}
	
	
	
	
	/*=================== 메인페이지 1280 ===================*/
	
	/*=================== 서브페이지 1280 ===================*/
	
	/* 교육목적 및 인재상 1280 */
	.studymodel_list li {
		padding: 24px 30px 10px 112px;
		width: 33.333%;
	}
	.studymodel_list li br {
		display: none;
	}
	.circle_info dd div {
		height: 135px;
	}
	.circle_info dd strong {
		font-size: 1.8rem;
	}
	.corevalue_list dt strong {
		font-size: 5rem;
	}
	.corevalue_list dt p {
		margin-left: 20px;
	}
	
	/* 시스템 소개 1280 */
	.system_intro p {
		padding-left: 310px;
	}
	
	/* 핵심역량진단 1280 */
	.testdo_list dl {
		padding-left: 160px;
		background-position: 10px center;
	}
	/*.testdo_list dl dt {
		font-size: 1.8rem;
	}
	.test_guide ol {
		background-size: 80%;
	}
	.test_guide ol li {
		width: 23%;
	}*/
	
	/* 핵심역량 진단결과 1280 */
	
	/*.capainfo_wrap {
		height: 460px;
	}*/
	.capa_profile .graph_box {
		height: auto;
		min-height: 461px;
	}
	/* 핵심역량검사 1280 */
	.capatest_card > div {
		top: 45%;
	}
	/* 학습역량진단 1280 */
	.learning_cnt li {
		padding: 17px 17px 17px 100px;
	}
	/* 학습역량진단 결과 1280 */
	.learning_score {
		height: 145px;
		padding: 10px;
		padding-left: 100px;
	}
	.learning_score li {
		display: block;
	}
	.learning_score li:nth-child(1) {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.learning_score li span {
		margin: 0px auto;
	}
	.learn_capa_result ul li span {
		display: block;
	}
	
	/* 비교과 1280 */
	.programlist_wrap li:nth-child(3) {
		width: 40%;
	}
	.programlist_wrap li:nth-child(5) {
		width: 12%;
	}
	
	/* 비교과 상세 1280 */
	.program_leftbox {
		width: 50%;
	}
	.program_rightbox {
		width: 50%;
	}

	/* 비교과 내역 1280 */
	.program_satisfy div a {
		font-size: 1.4rem;
	}
	
	/* 학습사제동아리 1280 */
	.studyclub_infotop p {
		padding: 28px 0 28px 280px;
		font-size: 1.8rem;
	}
	
	/* 국가직무능력표준 정보 1280 */
	.ncs_list ol li {
		width: 20%;	
	}
	.ncs_list ol li:nth-child(20) {
		border-bottom: 1px solid #d6dadf;
	}
	.ncs_list ol li:nth-child(24) {
		border-right: 1px solid #d6dadf;
	}
	
	/* 진로설계 1280 */
	.plan_box .tit p {
		max-height: 46px;
		font-size: 1.8rem;	
	}
	.plan_box .btn_setbasic {
		top: 0;
	}
	.planlc_box dt {
		font-size: 1.8rem;
	}
	.rolemodel_wrap {
		padding: 25px 25px 25px 280px;
	}
	.rolemodel_who {
		left: 35px;
	}
	
	/* 진로설계 step1 1280 */
	.plansetting_box strong {
		font-size: 1.8rem;
	}
	
	/* 진로설계 step2 1280 */
	.company_box dt {
		font-size: 1.8rem;
	}
	.target_role {
		padding: 42px 0 42px 130px;
	}
	.target_role span {
		margin-bottom: 6px;
		font-size: 1.7rem;
	}
	
	/* 포트폴리오 1280 */
	.resume_container {
		padding: 20px;
	}
	.studentinfo_box {
		padding: 25px 20px 25px 170px;
	}
	.studentinfo_box dl dt {
		margin-bottom: 12px;
	}
	.studentinfo_box dl dd, .studentinfo_box dl dd:nth-of-type(2n) {
		margin-bottom: 5px;
		width: 100%;
	}
	.subject_scrore p {
		font-size: 2.2rem;
	}
	
	/*=================== //서브페이지 1280 ===================*/

}
@media screen and (max-width:1079px) {
	
	/*=================== 서브페이지 1079 ===================*/
	.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_box p, .intro_box3 li {
		font-size: 1.2rem;
	}
	.intro_box4 {
		height: 220px;
	}
	.intro_box4 .intro_box_tit4 {
		line-height: 220px;
	}
	.intro_box4 ul {
		padding-right: 0;
	}
	.intro_box4 span {
		font-size: 1.5rem;
	}
	.intro_core img {
		width: 90%;
	}
	.to_next_line {display: block;}
	
	
	/* 핵심역량진단 결과 */
	.graph_box {
		width: 100%; height: 100%;
	}
	.graph_box img {
		position: static;
		width: auto; height: auto;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-o-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
	.graph_box .boxloading img {
		width: 60px; height: 60px;
	}
	
	/* 비교과 프로그램 */
	.program_lisbox .graph_wrap  {
		height: 404px;
	}
	
	/* 공지사항 */
	.bbs_wrap li {
		padding-right: 130px;
	}
	
	/* 마이페이지 - 역량 현황 */
	/*.mileage_wrap .programpoint_list dd div {
		padding: 30px 10px 30px 100px;
		background-position: 20px center;
	}*/
	
	/*=================== 서브페이지 1079 ===================*/

}

/*=================== hover ===================*/
@media screen and (min-width:1025px) {
	
	/*=================== 메인페이지 hover ===================*/

	.mainnotice_list li a:hover p::after {
		height: 13px;
	}
	
	
	.maincounsel_wrap a:hover strong::after {
		height: 13px;
	}
	.maintest_list a:hover {
		box-shadow: 0 4px 6px rgba(0,0,0,0.2);
	}
	.maintest_list a:hover h4 {
		text-decoration: underline;
	}
	.maintest_list1:hover h4 {
		color: #fe6962;
	}
	.maintest_list2:hover h4 {
		color: #2f6fb7;
	}
	.maintest_list3:hover h4 {
		color: #ff921d;
	}
	.maintest_list4:hover h4 {
		color: #89c049 ;
	}
	/*.mainnotice_wrap a:hover {
		box-shadow: 0 4px 6px rgba(0,0,0,0.2);
	}*/
	.mainnotice_wrap a:hover p {
		color: #277ae1; 
		text-decoration: underline;
	}
	.mainfaq_wrap .btn_circle:hover {
		background: #447f7a;
	}
	
	/*=================== //메인페이지 hover ===================*/
	/*=================== 서브페이지 hover ===================*/
	
	/* 핵심역량진단 hover */
	.test_card1 .btn_round:hover {
		color: #2faee2;
		background-color: #fff;
		box-shadow: 0 4px 10px rgba(0,0,0,0.4);
	}
	.test_card2 .btn_round:hover {
		color: #fff;
		background-color: #2faee2;
		box-shadow: 0 4px 10px rgba(0,0,0,0.5);
	}
	.testdo_list a.btn_viewresult:hover {
		background-color: #174471;
	}
	.testdo_list a.btn_gotest:hover {
		background-color: #158ec0;
	}
	
	/* 핵심역량 진단하기 hover */
	.testlist_move:hover {
		background-color: #174471;
	}
	.testlist_move.disabled:hover {
		background-color: #838b94;
	}
	
	/* 핵심역량 진단결과 hover */
	.testdo_checkbox:hover {
		border: 2px solid #2faee2;
		cursor: pointer;
	}
	
	/* 핵심역량검사 hover */
	.capatest_card .btn_white:hover {
		color: #fff;
		background: #295039;
	}
	.capatest_card .btn_default:hover {
		color: #fff;
		background: #295039;
	}
	.capado_list a.btn_gotest:hover {
		background-color: #8ead60;
	}
	.capado_list a.btn_viewresult:hover {
		background-color: #2e9c6b;
	}
	
	/* 핵심역량 검사하기 hover */
	.capatest_wrap > .btn_area .btn_default:hover {
		background-color: #751c3e;
	}
	
	/* 학습유형진단 hover */
	/*.typedo_list a.btn_gotest:hover {
		background-color: #347ba9; 
	}
	.typedo_list a.btn_viewresult:hover {
		background-color: #6d899b;
	}*/
	
	/* 대학생활적응진단 hover */
	/*.unitest_list a.btn_gotest:hover {
		background-color: #4d4a60;
	}
	.unitest_list a.btn_viewresult:hover {
		background-color: #33457f;
	}*/
	
	/* 학습 진단 hover */
	/*.selfdo_list a.btn_gotest:hover {
		background-color: #816146;
	}
	.selfdo_list a.btn_viewresult:hover {
		background-color: #d67627;
	}*/
	
	/* 학습역량진단 hover */
	.testdo_list.learning a.btn_viewresult:hover {
		background-color: #db6617;
	}
	.testdo_list.learning a.btn_gotest:hover {
		background-color: #d8912a;
	}
	/* 취업준비역량진단 hover */
	.testdo_list.employ a.btn_viewresult:hover {
		background-color: #924a76;
	}
	.testdo_list.employ a.btn_gotest:hover {
		background-color: #462f64;
	}
	
	/* 비교과 hover */
	.programlist_wrap li a:hover {
		color: #027dcb;
	}
	
	/* 비교과 내역 hover */
	.program_satisfy a:hover {
		background-color: #2a5f94;
		color: #fff;
	}
	.program_satisfy a.disabled:hover {
		border-color: #e8e8e8;
		background-color: #fff;
		color: #aaa;
	}
/*
	.program_surveyarea a:nth-child(1).on:hover {
		color: #fff;
		background: #98204e;
	}
	.program_surveyarea a:nth-child(2).on:hover {
		color: #fff;
		background: #33548a;
	}
*/
	/* 자기주도활동 hover */
	.test_guide.active a:hover {
		background-color: #4a8f34;
	}
	
	/* 나의 상담 이력 hover */
	.counsel_shortcut a:hover{
		box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	} 
	
	/* 진로설계 hover */
	.target_box > a:hover {
		border-color: #0081d2;
	}
	
	/* 채용정보 hover */
	.jobinfo_card a:hover {
		border-color: #1793c6;
	}
	
	/* 워크넷 공채속보 hover */
	.worknetspeed_card a:hover {
		box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	}
	.worknetspeed_card a:hover dt {
		color: #1793c6;
	}
	
	/* 사람인 채용정보 hover */
	.pre_cal.saramin .btn_precal:hover {
		background: #3260d7;
	}
	
	/* 잡코리아 채용정보 hover */
	.pre_cal.jobkorea .btn_precal:hover {
		background: #177ee6;
	}
	
	/* 국가직무능력표준 정보 hover */
	.ncs_list ol li a:hover {
		color: #25aae1;
		box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	}
	.ncs_list ol li a:hover strong span {
		background: #1793c6;
	}
	.ncs_list .ncs_inner_box ol li a:hover {
		color: #2d63cf;
		background: #ebf4fc;
		box-shadow: none;
		box-shadow: none;
	}
	.ncs_list .ncs_inner_box ol li a span:hover {
		border-color: #2d63cf;
	}
	
	/* 직업방송 동영상 hover */
	.jobvideoinfo_list:hover {
		border-color: #1793c6;
		box-shadow: 0 5px 10px rgba(0,0,0,0.3);
		cursor: pointer;
	}
	a.data_card:hover {
		border-color: #1793c6;
		box-shadow: 0 5px 10px rgba(0,0,0,0.3);
		cursor: pointer;
	}
	
	/* 주요 프로그램 및 운영부서 hover */
	.tab_capa li:hover a {
		color: #fff;
		background-color: #92234e; background-image: url(../../images/client/sub/icon_arrow_bottom_white.png);
		border-color: #92234e;
		box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	}
	
	/* 공지사항 상세, 자료실 상세 hover */
	.re_area .btn_rereply:hover {
		color: #727070;
		background-image: url(../../images/client/sub/icon_re_reply_on.png);
	}
	.re_delete:hover {
		color: #727070;
	}
	
	
	/*=================== //서브페이지 hover ===================*/
}
/*=================== //hover ===================*/

@media screen and (max-width:1024px) {
	
	/*=================== 공통 1024 ===================*/
	/* 영역 1024 */
	.section_toparea {
		margin-top: 1%;
	}
	.section_area {
		margin-bottom: 8%;
	}
	.section_marea {
		margin-bottom: 6%;
	}
	.section_sarea {
		margin-bottom: 5%;
	}
	.section_xsarea {
		margin-bottom: 4%;
	}
	
	/* 텍스트 1024 */
	/*.infotop_box {
		margin-bottom: 2em;
	}
	.infotop_box>p {
		line-height: 1.4em; word-break: keep-all;
	}*/
	
	/* 토탈카운트 1024 */
	.total_count {
		margin-bottom: 10px;
	}
	
	/* 영역 타이틀 1024 */
	.section_tit_lg {
		padding-left: 24px;
		font-size: 2rem;
		background-size: 15px; background-position: left 12px;
	}
	.section_tit_md {
		padding-left: 18px;
		font-size: 1.8rem;
		background-size: 10px; background-position: left 10px;
	}
	.section_tit_sm {
		padding-left: 16px;
		font-size: 1.6rem; 
		background-size: 10px; background-position: left 15px;
	}
	
	/*=================== //공통 1024 ===================*/
	/*=================== 메인페이지 1024 ===================*/
	
	/* 메인 - 로그인 전 1024 */
	.mainpage_visual {
		padding: 40px 0 160px;
	}
	.mainpage_visual::after {
		width: 400px; height: 268px;
	}
	.mainpage_visual p {
		margin-bottom: 0;
	}
	
	.mainsection_tit {
		font-size: 2rem;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: auto;
		-webkit-transform: skew(-0.03deg);
		-moz-transform: skew(-0.03deg);
		-o-transform: skew(-0.03deg);
		transform: skew(-0.03deg);

	}
	.mainprogram_tit .tab_list2 {
		display: none;
	}
	.mainprogram_wrap .select_form {
		position: absolute; top: 50%; right: 15px;
		display: block;
		margin: 0; margin-top: -20px;
	}
	.programcard_certi span i::before {
		margin-top: 4px; margin-right: 3px;
		width: 16px; height: 16px;
	}
	.mainprogram_cnt {
		padding-bottom: 10px;
	}
	.mainprogram_wrap .btn_seemore {
		padding: 10px;
		width: 100%; height: auto;
		font-family: NetMarble, sans-serif; font-size: 1.6rem; text-align: center; line-height: 1.5em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: auto;
		-webkit-transform: skew(-0.03deg);
		-moz-transform: skew(-0.03deg);
		-o-transform: skew(-0.03deg);
		transform: skew(-0.03deg);
		background: #ecf6f8;
	}
	.mainprogram_wrap .btn_seemore::after {
		content: "";
		display: inline-block;
		margin-top: 3px; margin-left: 10px;
		width: 16px; height: 16px;
		vertical-align: top;
		background: url(../../images/client/formstyle/btn_seemore.png) no-repeat center;
		background-size: contain;
	}
	
	.maincounsel_wrap {
		margin-bottom: 60px; padding-top: 60px;
	}
	.maincounsel_wrap a {
		display: block;
		text-align: center;
	}
	.maincounsel_wrap a span {
		margin-right: 0; margin-bottom: 12px;
		width: 100px; height: 100px;
	}
	.maincounsel_wrap a strong {
		margin-bottom: 6px;
		font-size: 1.7rem;
	}
	
	.maintest_wrap {
		margin-bottom: 45px;
	}
	.maintest_list h4 {
		font-size: 1.7rem;
	}
	.maintest_list a {
		padding: 30px;
		background-size: auto 120px;
	}
	.maintest_list1 {
		background-image: url(../../images/client/main/bg_test01_mobile.png);
	}
	
	.grid_row .mainnotice_wrap {
		margin-bottom: 60px;	
	}
	.mainnotice_wrap .swiper-container {
		margin: 0 10px;
	}
	
	.grid_row .mainfaq_wrap {
		margin-bottom: 60px;
	}
	.mainfaq_wrap > div {
		text-align: center;
		background-size: auto 70px; background-position: right 10px bottom 10px;
	}
	.mainfaq_wrap div div {
		display: block;
	}
	.mainnotice_wrap .swipercontrol_wrap {
		top: 2px;
	}
	.mainnotice_wrap .btn_seemore {
		top: 0;
	}
	
	/* 메인 - 로그인 후 1024 */
	.mainpage_userdata {
		padding-top: 15px; padding-bottom: 125px;
	}
	.mainpage_userdata > div {
		margin-bottom: 15px;
	}
	.mainpage_userdata h3 {
		font-size: 2rem;
	}
	.mainpage_userdata h4 {
		font-size: 1.7rem;
	}
	
	.userdata_box1 {
		width: 35%;
	}
	.userdata_box2 {
		margin-left: 1.5%; margin-right: 0;
		width: 63.5%;
	}
	.userdata_box2 .userdata_tab a {
		font-size: 2rem;
	}
	.userdata_box2 .userdata_tab li.on a::after {
		margin-left: 10px;
	}
	.userdata_box2 > div > div {
		padding-top: 30px;
	}
	.userdata_box3 {
		padding: 20px;
		width: 48.5%; height: 360px;
	}
	.userdata_box3 h3 {
		margin-left: 5px; margin-bottom: 15px;
	}
	.mainnotice_list {
		height: 280px;
		overflow-y: auto;
	}
	.mainpage_userdata > .userdata_box3 {
		margin-bottom: 0;
	}
	.mainnotice_list p {
		font-size: 1.6rem;
	}
	.userdata_box4 {
		margin-right: 0;
		width: 100%;
	}
	.userdata_box4 .data_tit {
		padding: 20px;
	}
	.userdata_box4 .data_tit .tab_list2 {
		right: 10px;
	}
	.userdata_box5 {
		margin-right: 1.5%;
		width: 50%;
	}
	.userdata_box5 > div {
		padding-top: 50px;
	}
	.mainpage_userdata .userdata_box5 {
		margin-bottom: 0;
	}
	
	
	/*=================== //메인페이지 1024 ===================*/
	/*=================== 서브페이지 1024 ===================*/
	/* 교육목적 및 인재상 1024 */
	.studypurpose_intro {
		width: 100%;
	}
	.studypurpose_intro p {
		font-size: 1.6rem;
	}
	.studymodel_list li {
		margin-bottom: 15px; padding: 26px 30px 26px 112px;
		width: 100%;
		background-position: left center;
	}
	.studymodel_list li:last-child {
		margin-bottom: 0;
	}
	.studymodel_list li:nth-child(1) {
		background-image: url(../../images/client/sub/icon_studymodel1.png);
	}
	.studymodel_list li:nth-child(2) {
		background-image: url(../../images/client/sub/icon_studymodel2.png);
	}
	.studymodel_list li:nth-child(3) {
		background-image: url(../../images/client/sub/icon_studymodel3.png);
	}
	.circle_info dt {
		margin-bottom: 25px;
	}
	.circle_info dt p {
		margin: 0 auto 5px;
	}
	.circle_info dt p::before, .circle_info dt p::after {
		width: 150px;
	}
	.circle_info dt p::before {
		left: -180px;
	}
	.circle_info dt p::after {
		right: -180px;
	}
	.circle_info dd {
		width: 48.438%;
	}
	.circle_info dd:nth-of-type(3n) {
		margin-right: 1.562%;
	}
	.circle_info dd:nth-of-type(2n) {
		margin-right: 0;
	}
	.circle_info dd strong {
		font-size: 1.7rem;
	}
	.circle_info dd strong span {
		margin-left: 12px;
	}
	.circle_info dd div {
		height: 110px;
	}
	.circle_info dd:nth-of-type(4), .circle_info dd:nth-of-type(5), .circle_info dd:nth-of-type(6) {
		margin-bottom: 20px;
	}
	
	.corevalue_list dt {
		display: block;
		padding: 20px 10px;
		text-align: center;
	}
	.corevalue_list dt strong {
		display: block;
		margin-bottom: 10px;
	}
	.corevalue_list dt p {
		display: inline-block;
		margin-left: 0;
		text-align: left;
	}
	
	.haeramin_intro {
		margin-top: 20px;
	}
	.haeramin_intro dt {
		position: relative;
		display: block;
		margin: 0 0 66px; padding: 0;
		width: 100%;
		font-size: 1.6rem;
		background: none;
	}
	.haeramin_intro dt::after {
		position: absolute; bottom: -120px; left: 50%;
		content: "";
		display: inline-block;
		margin-left: -34px;
		width: 52px; height: 160px;
		background: url(../../images/client/sub/bg_haeramin_intro.png) no-repeat right center;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.haeramin_intro dt p {
		font-size: 1.8rem;
	}
	.haeramin_intro dt p strong {
		font-size: 2rem;
	}
	.haeramin_intro dd {
		padding: 0;
		width: 100%; 
	}
	.haeramin_intro dd div {
		display: block;
		margin-top: 0; margin-bottom: 15px; padding: 25px 30px 25px 112px; 
		height: auto;
	}
	.haeramin_intro dd div:nth-child(1) {
		background: url(../../images/client/sub/icon_studymodel1.png) no-repeat left center; 
	}
	.haeramin_intro dd div:nth-child(2) {
		background: url(../../images/client/sub/icon_studymodel2.png) no-repeat left center; 
	}
	.haeramin_intro dd div:nth-child(3) {
		background: url(../../images/client/sub/icon_studymodel3.png) no-repeat left center; 
	}
	.haeramin_intro dd div:last-child {
		margin-bottom: 0;
	}
	
	/* 시스템 소개 1024 */
	.system_intro p br {
		display: none;
	}
	.system_intro li {
		padding-left: 92px;
	}
	.system_intro li br {
		display: none;
	}
	
	/* 핵심역량진단 1024 */
	.subpage2 .section_toparea .txt:last-child {
		margin-top: 10px;
	}
	.testdo_list {
		height: 182px;
	}
	.testdo_list dl dt {
		font-size: 1.7rem;
	}
	.test_guide ol li strong {
		display: block;
	}
	.test_guide ol li strong i {
		display: none;
	}
	.test_guide ol li span {
		margin-left: 0;
	}
	
	
	/* 핵심역량 진단하기 1024 */
	.testlist_info p {
		font-size: 1.8rem;
	}
	.testlist_wrap .testlist_tit {
		font-size: 1.8rem;
	}
	.testlist_number {
		font-size: 1.6rem;
	}
	
	/* 핵심역량 진단결과 1024 */
	.result_container {
		padding-top: 5%;
	}
	.capainfo_list li {
		padding: 5px;
		-webkit-border-radius: 27px;
		-moz-border-radius: 27px;
		border-radius: 27px;
	}
	.capainfo_list li a {
		padding: 10px 12px 10px 45px;
		width: auto; height: auto;
		white-space: nowrap;
		background-size: 25px; background-position: 12px center !important;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		border-radius: 17px;
	}
	.capainfo_list .capa3 a {
		background-size: 30px;
	}
	.capainfo_cnt > div {
		min-height: 200px; height: auto;
	}
	.tab_list_row {
		border-bottom: 0;
	}
	.testresult_tit {
		margin-bottom: 40px;
	}
	.testresult_tit strong {
		padding: 10px 10px 10px 40px;
		background-position: left 9px;
		text-overflow: inherit;
		white-space: normal;
		font-size: 1.8rem;
	}
	.testresult_tit span {
		padding: 8px 0;
		position: static;
		float: right;
		display: block;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
	}
	.testresult_info {
		padding-top: 20px;
	}
	.testresult_info p {
		width: 75%;
		text-align: center;
	}
	.testresult_info p span {
		display: inline-block;
	}
	.testresult_info p span::before {
		content: "- ";
	}
	.testresult_info p span::after {
		content: " -";
	}
	.capa_profile .graph_box {
		min-height: auto;
	}
	.capabilinfo_box .show_tab li a {
		position: relative;
		padding: 46px 10px 10px 10px;
		text-align: center; line-height: 1.5rem; font-size: 1.5rem;
	}
	.show_tab_row li a.on {
		border-right: 1px solid #d7d7d7;
		border-bottom: 4px solid #0aaccc;
	}
	.capabilinfo_box .show_tab li a span {
		position: absolute; top: 10px; left: 50%;
		margin-right: 0;
		width: 30px; height: 30px;
		background-size: auto 30px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.resultcompare_txt {
		padding: 10px;
	}
	.resultcompare_txt p {
		display: block;
	}
	.result_compare_graph .grid_col:first-child {
		margin-bottom: 30px;
	}
	.graph_box_tit h5 {
		padding: 6px 24px;
		font-size: 1.5rem;
	}
	.result_tbl_area .btn_grade {
		top: -5px;
	}
	
	/* 핵심역량검사 1024 */
	.capatest_card {
		height: auto;
	}
	.capatest_card > div {
		position: static;
		transform: none;
	}
	.capatest_card .btn {
		position: static;
	}
	
	/* 핵심역량검사 결과 1024 */
	.capatest_info .tab_list_row li.on a {
		border-right-color: #ccc;
		border-bottom-color: #63b590;
	}
	.capatest_result .graph_box {
		height: auto;
	}
	.capatest_result .explanation_box {
		height: auto;
	}
	.capatest_result .explanation_box p {
		min-height: auto;
	}
	.capaabil_result .graph_box {
		height: auto;
	}
	.capaabil_result .explanation_box {
		min-height: 150px; height: auto;
	}
	
	/* 학습유형진단 1024 */
	/*.majorinfo_box .show_tab_row li {
		width: 25%;
	}
	.majorinfo_content > div {
		min-height: 300px;
	}
	.major_guide ol li {
		width: 25%;
	}*/
	
	/* 학습유형 진단결과 1024 */
	/*.type_list div div {
		padding: 100px 5px 20px;
		font-size: 1.8rem;
		background-size: auto 60px; background-position: center 25px;
	}
	.typeresult_tit {
		padding: 20px 0;
		min-height: 112px;
		font-size: 1.6rem;
		background-size: auto 110px;
	}
	.typeresult_cnt {
		padding-left: 80px;
	}
	.typeresult_cnt::before {
		width: 80px; height: 60px;
	}
	.typeresult_list section {
		padding-top: 45px;
	}
	.typeresult_list h5 {
		height: 45px;
		font-size: 1.6rem; line-height: 45px;
	}
	.majorinfo_wrap .tab_list_row li {
		width: 33.333%;
	}*/
	
	/* 대학생활적응 진단결과 1024 */
	/*.univinfo_box div {
		padding-left: 180px;
	}
	.univinfo_box dt {
		margin-left: -180px; 
		width: 180px;
		font-size: 1.5rem;
		background-size: 26px; background-position: 30px center;
	}
	.score_class_box {
		height: 174px;
	}*/
	
	/* 대학기대검사 결과 1024 */
	/*.uniresult_card {
		padding: 35px;
	}
	.uniresult_card h5 {
		width: 20%;
		font-size: 1.6rem;
	}
	.uniresult_card strong {
		margin: 0 10% 0 30%;
	}*/
	
	/* 학습자가 진단결과 1024 */
	/*.selfinfo_box li {
		width: 20%;
	}*/
	
	/* 학습역량진단 1024 */
	.learning_cnt li {
		padding: 15px 15px 15px 100px;
		line-height: 2.4rem;
	}
	.learning_method {
		padding: 10px 10px 0;
	}
	.learning_method li {
		width: 50%;
		border-bottom: 1px solid #d6dadf;
	}
	.learning_method li:nth-child(1) {
		padding-top: 65px;
		background-size: 50px;
		background-position: center 10px;
	}
	.learning_method li:nth-child(2) {
		border-right: 0;
		background-size: 43px;
		background-position: center 10px;
	}
	.learning_method li:nth-child(3), .learning_method li:last-child{
		border-bottom: 0;
		background-position: center 20px;
		background-size: 50px;
	}
	.learning_method li p {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.learning_gym {
		width: 100%;
	}
	.learning_circle {
		width: 280px; height: 280px;
		background-position: center 30px;
	}
	.learning_way>li {
		width: 260px; height: 120px;
	}
	.learning_way>li:nth-child(1), .learning_way>li:nth-child(2) {
		top: 0;
	}
	.learning_way>li:nth-child(3), .learning_way>li:nth-child(4) {
		bottom: 0;
	}
	.learning_way>li span {
		width: 100px; height: 120px; 
		padding-top: 83px;
		font-size: 1.8rem;
	}
	
	/* 학습역량진단 결과 1024 */
	.capainfo_list.learning li {
		margin-right: 0; padding: 5px;
		background: #fff;
		-webkit-border-radius: 27px;
		-moz-border-radius: 27px;
		border-radius: 27px;
	}
	.capainfo_list.learning li a {
		width: auto; height: auto;
		padding-top: 12px;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		border-radius: 17px;
	}
	.graph_box.tscore {
		height: auto;
		padding: 20px;
	}
	.graph_box.tscore img {
		position: static;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
	}
	.learn_capa_result .capa_name {
		display: block;
		padding: 10px 15px 15px;
		line-height: 1.5em; 
	}
	.learn_capa_result .capa_name strong {
		display: block; width: auto;
		margin: 0 0 10px 0;
		font-size: 1.7rem; 
	}
	.learn_capa_result .capa_name span {
		margin-right: 0; margin-top: 2px;
		font-size: 1.5rem; vertical-align: top;
	}
	.learn_capa_result ul {
		padding: 10px 15px 15px;
	}
	/* 취업준비역량진단 1024 */
	.employ_infotop p {
		font-size: 1.6rem;
	}
	/* 워크넷진단 1024 */
	.worknet_box {
		min-height: auto;
	}
	.worknet_content .worknet_image {
		top: 5px;
	}
	.worknet_content {
		overflow: hidden;
		padding: 10px 10px 5px 290px;
	}
	.worknet_content .btn_area {
		position: static;
		float: right;
	}
	.worknet_result {
		padding: 0;
	}
	
	/* 교과정보조회 1024 */
	.row_2 .search_row:nth-child(1) {
		width: 30%;
	}
	.row_2 .search_row:nth-child(2) {
		width: 70%;
	}
	
	/* 비교과 1024 */
	.previewimg_box a {
		height: 240px;
	}
	.program_lisbox .graph_wrap {
		height: 444px;
	}
	.programlist_wrap ul {
		padding: 12px 10px;
	}
	.programlist_wrap li {
		text-align: left;
	}
	.programlist_wrap li:nth-child(1){
		width: auto;
		text-align: center;
	}
	.programlist_wrap li:nth-child(1) p {
		margin-right: 10px; padding: 2px 8px;
		font-size: 1.4rem;
	}
	.programlist_wrap li:nth-child(2) {
		width: auto; 
	}
	.programlist_wrap li:nth-child(3) {
		margin: 12px 0 10px;
		width: 100%;
	}
	.programlist_wrap li:nth-child(4) {
		margin-right: 15px;
		width: auto;
		text-overflow: inherit;
		white-space: normal;
	}
	.programlist_wrap li:nth-child(5) {
		margin-right: 15px;
		width: auto;
	}
	.programlist_wrap li:nth-child(6) {
		margin-right: 15px;
		width: auto;
	}
	.programlist_wrap li:nth-child(7) {
		width: 100%;
	}
	.programlist_wrap li .programcard_certi span {
		display: inline-block;
		margin-bottom: 0; margin-right: 10px;
		font-size: 1.4rem;
	}
	.programlist_wrap li .programcard_certi span::before {
		margin-top: 2px;
	}
	.programlist_wrap li:nth-child(8) {
		position: absolute; top: 10px; right: 6px;
		width: 30px;
	}
	.programlist_wrap li:nth-child(1), .programlist_wrap li:nth-child(2), .programlist_wrap li:nth-child(3),.programlist_wrap li:nth-child(5), .programlist_wrap li:nth-child(6), .programlist_wrap li:nth-child(7), .programlist_wrap li:nth-child(8) {
		display: inline-block;
	}
	.programlist_wrap li p {
		white-space: normal; text-overflow: inherit;
	}
	
	/* 비교과 상세 1024 */
	.program_time {
		padding: 10px;
	}
	.program_time p {
		font-size: 1.7rem;
	}
	.capapoint_list p {
		font-size: 2rem;
	}
	.capapoint_list strong {
		font-size: 1.2rem;
	}
	/* 자기주도활동 1024 */
	.active_infotop p {
		font-size: 1.7rem;
	}
	.test_guide.active {
		padding-bottom: 70px;
	}
/*
	.test_guide.active a {
		right: inherit;
		bottom: 10px; left: 50%;
		transform: translateX(-50%);
	}
*/
	.test_guide.active ol li {
		padding-top: 68px;
	}
	
	/* 학습사제동아리 1024 */
	.studyclub_infotop p {
		font-size: 1.6rem;
	}
	.studyclub_box {
		padding: 30px 25px 25px 25px;
	}
	.studyclub_box .status_label {
		right: 20px;
	}
	.studyclub_box dt {
		font-size: 1.7rem;
	}
	.studyclub_box .btn_management {
		bottom: 25px; right: 25px; 
	}
	.studyclub_box .btn_edit {
		bottom: 25px; right: 90px; 
	}
	.studyclub_box .btn_delete {
		bottom: 25px; right: 25px; 
	}
	
	/* 학습동아리 신청 1024 */
	.applyform_bottom {
		padding: 10px;
	}
	.applyform_bottom .tit {
		padding-left: 5px;
		font-size: 1.6rem; text-align: center;
	}
	
	/* 학습동아리 관리 1024 */
	.studymanage_box {
		padding: 20px 20px 50px;
	}
	.studymanage_box .status_label {
		top: 16px; 
	}
	.studymanage_box h5 {
		font-size: 1.7rem;
	}
	.studymanage_box .btn_management {
		bottom: 20px; right: 20px; 
	}
	
	/* 독서인증제 1024 */
	.data_list.certiread_list li {
		padding: 10px;
	}
	.data_list.certiread_list .col_2 {
		width: 100%;
	}
	.data_list.certiread_list .col_5 {
		width: auto;
	}
	
	.data_list.certi_list li {
		padding: 10px;
	}
	.data_list.certi_list .col_1 {
		padding-right: 0; 
		width: auto;
	}
	.data_list.certi_list .col_1 span {
		margin-right: 10px;
	}
	.data_list.certi_list .col_2 {
		width: 100%;
	}
	.data_list.certi_list .col_5 {
		margin-right: 20px;
		width: auto;
	}
	.data_list.certi_list .col_6 {
		top: 12px; right: 5px;
		transform: translate(0);
	}
	.data_list.certi_list .col_7 {
		top: auto; bottom: 8px; right: 5px;
		text-align: right;
		transform: translate(0);
	}
	.certi_status {
		width: auto; height: auto;
		line-height: 1.5em;
		background: rgba(0,0,0,0);
	}
	
	/* 지도교수 면담안내 1024 */
	.profcounsel_intro {
		margin-bottom: 10px; padding: 35px 30px 35px 250px;
	}
	
	/* 성고충신고센터 1024 */
	.relationship_area {
		margin-bottom: 0;
	}
	
	
	/* 나의 상담 이력 1024 */
	.counsel_shortcut a {
		padding: 20px 10px 120px;
		font-size: 1.7rem;
		background-size: auto 100px;
	}
	
	
	/* 취업상담 1024 */
	/*.counsel_titbox .counsel_titbg {
		width: 230px; height: 145px;
	}
	.writing_titbox .counsel_titbg {
		width: 180px;
	}
	.disabled_titbox .counsel_titbg {
		width: 180px;
	}
	.etc_titbox .counsel_titbg {
		width: 200px;
	}
	.bg {
		margin-bottom: 40px;
	}
	.calender_topbox {
		top: 68px; 
	}
	.row_3 > div {
		width: 32%;
	}
	.row_3 button {
		margin-top: 10px; 
	}*/
	
	/* 나의 상담 이력 1024 */
	/*.counsel_shortcut li {
		margin-right: 2.5%;
		width: 18%;
	}
	.counsel_shortcut li:nth-child(5n) {
		margin-right: 0;
	}
	.row_5 .grid_col {
		width: 50%;
	}*/
	
	/* 채용정보 1024 */
	.jobinfo_wrap {
		padding-top: 15px;
	}
	.jobinfo_card h5 p {
		font-size: 1.8rem;
	}
	.jobinfo_card .status_label {
		top: -10px;
		height: 38px;
	}
	.jobinfo_card .status_label::after {
		right: -10px;
		width: 10px; height: 10px;
	}
	
	
	/*.jobinfo_box {
		padding: 14px 10px 10px 100px;
		height: 260px;
	}
	.jobinfo_left {
		top: 10px; left: 10px;
		width: 80px;
	}
	.jobinfo_left strong {
		font-size: 1.6rem; line-height: 69px;
	}
	.jobinfo_left div {
		height: 165px;
	}
	.jobinfo_left div.always {
		line-height: 176px;
	}
	.subjobinfo_wrap .jobinfo_box .btn_addlike {
		top: 10px; right: 10px;
	}*/
	
	
	/* 채용정보 상세 1024 */
	.jobinfo_list {
		padding: 15px 20px;
	}
	.jobinfo_list .tbl th {
		width: 15%;
	}
	.jobinfo_list .tbl td {
		width: 35%;
	}

	/* 25.11 스타터 연동 추가 */
	.btn_tooltip > .open_click {
		margin-top: 0px;
	}
	.btn_tooltip > .layer_open {
		top: 29px;
	}
	
	/* 국가직무능력표준정보 1024 */
	.ncs_list dt {
		font-size: 1.6rem;
	}
	.ncs_list dd ol li {
		width: 25%;
	}
	.ncs_list ol li:nth-child(20) {
		border-bottom: none;
	}
	.ncs_list ol li:nth-child(24) {
		border-right: none;
	}
	.ncs_list .ncs_inner_box strong {
		font-size: 1.6rem;
	}
	.ncs_view .section_tit_lg .numbering {
		margin-top: 4px;
	}
	
	/* 자격증 정보 1024 */
	.data_card dt {
		height: 46px;
		font-size: 1.8rem;
	}
	
	/* 직업방송 동영상 1024 */
	.jobvideoinfo_list h4 {
		font-size: 1.8rem;	
	}
	
	/* 기업정보 상세 1024 */
	.companyinfo_colbox {
		padding-left: 440px;
	}
	.companyinfo_colbox .tbl_stripe table {
		width: 100%;
	}
	.pattern_wrap {
		display: block;
	}
	.pattern_wrap>li {
		width: 49%;
		margin-left: 2%;
	}
	.pattern_wrap>li:nth-child(odd) {
		margin-left: 0;
	}
	.pattern_wrap > li:nth-child(1), .pattern_wrap > li:nth-child(2) {
		margin-bottom: 15px;
	}
	.pattern_wrap > li:nth-child(1) ul, .pattern_wrap > li:nth-child(2) ul {
		height: 185px;
	}
	.pattern_wrap > li:nth-child(3) ul, .pattern_wrap > li:nth-child(4) ul {
		height: 245px;
	}
	
	/* 진로설계 1024 */
	.plan_box{
		height: 180px;
	}
	.plan_box .tit p {
		max-height: 44px;
		font-size: 1.7rem;	
	}
	.plan_box .btn_area {
		bottom: 15px;
	}
	.btn_rowposition .select_form {
		margin: 6px 3px;
	}
	.planlc_box {
		padding: 90px 20px 20px 20px;
		height: 170px;
		-moz-appearance: none;
		appearance: none;
		background-position: center 20px;
	}
	.planlc_box dt {
		font-size: 1.7rem;
	}
	.rolemodel_wrap {
		padding: 35px 25px 25px;
	}
	.rolemodel_who {
		position: static; 
		margin: 0 auto 35px;
		transform: none;
	}
	
	/* 진로설계 step1 1024 */
	.plan_infotop div {
		padding: 20px 0 20px 225px;	
	}
	.plan_infotop p {
		font-size: 1.6rem; line-height: 1.7em;
	}
	.plansetting_box strong {
		font-size: 1.7rem;
	}
	.joblist_content dl dt {
		font-size: 1.5rem;
	}
	.paging_plan .testlist_move {
		font-size: 1.6rem;
	}
	.paging_plan .testlist_number {
		font-size: 2.2rem;
	}
	
	/* 진로탐색 1024 */
	.planresult_tit {
		margin-top: 100px;
	}
	.planresult_tit::before {
		position: absolute; top: -64px; left: 50%;
		content: "";
		display: block;
		margin-left: -90px;
		width: 180px; height: 42px;
		background: url(../../images/client/sub/bg_testresultview.png) no-repeat center;
	}
	.comparegraph_list strong {
		padding: 18px 16px 0;
		font-size: 1.6rem;
	}
	.comparegraph_list .graph_wrap {
		padding-left: 0; padding-right: 15px;
	}
	
	/* 나의로드맵 1024 */
	.planresult_tit .data_txt {
		float: none;
		padding-top: 0; padding-bottom: 10px;
	}
	.rategraph_box {
		height: auto;
	}
	.rate_total {
		padding: 25px 30px;
	}
	.rategraph_box h5 {
		font-size: 1.6rem;
	}
	.loadmap_bargraph strong {
		font-size: 1.5rem;
	}
	.rate_total .graph_wrap {
		min-height: 210px !important;
	}
	.rate_total .apexcharts-canvas {
		height: 210px !important;
	}
	.rate_license .rategraph_box {
		height: 170px;
	}
	.rate_license .rategraph_box .graph_wrap {
		min-height: 110px !important;
	}
	.rate_license .rategraph_box .apexcharts-canvas {
		height: 110px !important;
	}
	
	/* 마이페이지 1024 */
	.certi_record p {
		font-size: 1.8rem;
	}
	
	/* 포트폴리오 1024 */
	.resume_tit div {
		padding: 15px 150px 15px 20px;
		min-height: 54px;
	}
	.resume_tit h4 {
		font-size: 1.8rem;
	}
	.resume_tit .date {
		right: 15px;
	}
	.resume_cnt h5 {
		margin-top: 22px;
		font-size: 1.7rem;
	}
	.planlist_box {
		padding-top: 80px;
		background-position: center 15px;
	}
	.subject_scrore div div {
		height: 60px;
	}
	.subject_scrore p {
		font-size: 1.8rem;
	}
	.caparesult_graph {
		padding: 20px;
	}
	.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;
	}
	.resume_hobby span {
		width: 60px; height: 60px;
		background-size: 70px;
	}
	
	/* 공지사항, 자료실 리스트 1024 */
	.data_list .col {
		padding: 20px 5px;
	}
	.data_list .col_1, .data_list .col_5 {
		width: 60px;
	}
	.data_list .col_3, .data_list .col_4 {
		width: 14%;
	}
	
	/* 공지사항, 자료실 상세 1024 */
	.cnt_title {
		font-size: 1.8rem;
	}
	.re_area h3 {
		font-size: 1.7rem;
	}
	
	/* FAQ 1024 */
	.faqlist_wrap .faqlist dt {
		font-size: 1.8rem;
	}
	
	
	/* 주요 프로그램 및 운영부서 1024 */
	.tab_capa a {
		padding: 120px 5px 35px;
		background-position: center bottom 15px;
	}
	.tab_capa li a::before {
		top: 15px;
	}
	.tab_capa a::after {
		top: 25px;
	}
	
	/* 개인정보 수집이용 동의서 1024 */
	.privacyagree_wrap .logo {
		width: 250px;
	}
	.privacyagree_box {
		width: 97%;
	}
	.privacyagree_cnt {
		padding: 20px 40px;
	}

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

	/* 영역 타이틀 768 */
	.section_tit_lg {
		padding-left: 20px;
		background-position: left 10px;
	}
	.section_tit_md {
		padding-left: 16px;
		background-position: left 9px;
	}
	.section_tit_sm {
		padding-left: 16px;
		background-position: left 13px;
	}

	/* 토탈카운트 768 */
	.searchtoggle_left .total_count {
		margin: 0; padding: 0;
		background: none;
	}
	
	/* 검색결과 없음 768 */
	.nocnt_box p {
		padding: 11px 0 11px 70px;
		max-width: 85%;
		font-size: 1.9rem !important;
		background-size: 50px;
	}
	.nocntfl_box {
		min-height: 110px;
	}
	.nocntfl_box p span {
		padding: 11px 0 11px 70px;
		max-width: 85%;
		font-size: 1.9rem;
		background-size: 50px;
	}
	/* 리스트 스타일 768 */
	.list_number li {
		padding-left: 35px;
	}
	.list_number li span {
		width: 25px; height: 25px;
		margin-left: -35px;
		padding: 1px;
		line-height: 25px;
		font-size: 1.7rem;
	}
	/*=================== //공통 768 ===================*/
	/*=================== 메인페이지 768 ===================*/
	
	/* 메인 - 로그인 전 768 */
	.mainpage_visual {
		padding: 20px 0 80px;
		text-align: center;
	}
	.mainpage_visual::after {
		display: none;
	}
	.mainpage_visual h3 {
		margin: 0 auto 20px;
		width: 250px; height: 84px;
	}
	.mainprogram_cnt {
		padding: 20px 20px 10px;
	}
	.mainprogram_cnt .swiper_control {
		display: none;
	}
	.programcard_list dt {
		font-size: 1.6rem;
	}
	.programcard_certi {
		padding: 12px 5px;
	}
	.mainsection_tit {
		margin-bottom: 10px;
	}
	.maincounsel_tit {
		margin-bottom: 15px; padding-bottom: 0;
	}
	.maincounsel_tit p {
		display: block;
		margin-left: 0; margin-top: 5px;
	}
	.mainsection_tit span {
		display: block;
		margin-left: 0; margin-top: 3px;
	}
	.maintest_list a {
		padding: 25px 150px 25px 25px;
		height: auto;
	}
	.maincounsel_wrap a p br {
		display: none;
	}
	.grid_row .mainnotice_wrap {
		margin-bottom: 50px;
		width: 100%;	
	}
	.mainnotice_wrap h3 {
		padding-bottom: 12px;
	}
	.mainnotice_wrap .btn_seemore {
		right: 5px;
	}
	.mainnotice_wrap .swiper-container {
		height: 129px;
	}
	.mainnotice_wrap .swipercontrol_wrap {
		right: 50px;
	}
	
	.grid_row .mainfaq_wrap {
		width: 100%;
	}
	.mainfaq_wrap > div {
		padding: 30px;
		height: auto;
	}
	
	/* 메인 - 로그인 후 768 */
	.mainpage_userdata {
		padding-top: 10px; padding-bottom: 70px;
	}
	.mainpage_userdata > div {
		margin: 0; margin-bottom: 10px;
		width: 100%;
	}
	.userdata_box1 {
		padding: 25px 20% 34px;
		height: auto;
	}
	.userdata_box1 .user_photo {
		margin-bottom: 10px;
	}
	.userdata_box1 > strong {
		margin-bottom: 20px;
		font-size: 1.8rem;
	}
	.userdata_box3 {
		height: auto;
	}
	.mainnotice_list {
		height: 265px;
		overflow-y: auto;
	}
	
	.userdata_box5 > div {
		padding-top: 30px;
	}
	.mainpage_userdata .userdata_box5 {
		margin-bottom: 10px;
		height: 338px;
	}

	.mainprogram_cnt > div {
		height: 387px;
	}
	
	
	/*=================== //메인페이지 768 ===================*/
	/*=================== 서브페이지 768 ===================*/
	
	/* 교육목적 및 인재상 768 */
	.studymodel_list li {
		padding: 30px 30px 26px 112px;
	}
	.circle_info dt {
		margin: 20px auto 15px;
	}
	.circle_info dt p::before, .circle_info dt p::after {
		display: none;
	}
	.circle_info dd {
		margin-right: 0; margin-bottom: 20px;
		width: 100%;
	}
	.circle_info dd div {
		height: auto; min-height: 80px;
	}
	.corevalue_list dt {
		padding: 12px 10px;
	}
	.corevalue_list dt strong {
		font-size: 4rem;
	}
	.corevalue_list dd {
		padding: 15px 10px;
	}
	.corevalue_list dt p {
		line-height: 1.6em;
	}
	
	/* 시스템 소개 768 */
	.system_intro p {
		padding: 140px 3% 0 3%;
		text-align: center;
		background-position: center top;
	}
	.system_intro li {
		margin-bottom: 0;
	}
	
	/* 핵심역량진단 768 */
	/*.infotop_box {
		padding: 20px 20px 20px 80px;
		background-size: 40px; background-position: 20px center;
	}*/
	.test_guide {
		padding: 20px 10px;
	}
	.test_guide ol li {
		padding-top: 72px;
		width: 50%;
		text-align: center;
	}
	.test_guide ol li::after {
		display: none;
	}
	.test_guide ol li:nth-child(1), .test_guide ol li:nth-child(2) {
		margin-bottom: 35px;
	}
	.testdo_list {
		padding: 0;
		height: auto;
	}
	.testdo_list dl {
		padding: 105px 15px 15px 15px;
		background-position: center 15px;
		background-size: auto 80px;
	}
	.btn_viewresult, .btn_gotest {
		width: 100%;
		padding: 10px;
		position: relative; top: auto; right: auto;
		background-image: none;
	}
	
	/* 핵심역량 진단하기 768 */
	.testlist_info p {
		padding: 20px 0 20px 72px;
		min-height: 86px;
		font-size: 1.7rem;
		background-size: 60px;
	}
	.testlist_wrap {
		padding: 25px 10px;
	}
	.testlist_wrap .testlist_tit {
		font-size: 1.7rem;
	}
	.testlist_box {
		padding: 10px;
	}
	.testlist_box .survey_list dt {
		padding: 20px 0 6px 30px;
	}
	.testlist_box .survey_list dt:first-child {
		padding-top: 10px;
	}
	.survey_list dt span {
		margin-left: -30px;
		width: 20px; height: 20px;
		line-height: 20px; font-size: 1.5rem;
	}
	.survey_list dd {
		padding: 0 20px 20px 30px;
	}
	.testlist_bar {
		margin-bottom: 20px;
	}
	
	/* 핵심역량 진단결과 768 */
	/*.capainfo_wrap .capainfo_cnt {
		padding: 15px 20px 20px;
	}
	.capainfo_cnt > div p.belong_txt {
		padding-left: 0;
	}
	.capainfo_cnt > div p.belong_txt strong {
		margin-left: 0; margin-right: 0; margin-bottom: 5px;
		width: 100%;
		color: #715649;
	}*/
	
	.capainfo_list {
		text-align: center;
	}
	.capainfo_list li {
		padding: 3px;
	}
	.capainfo_list li a {
		padding: 10px 10px 10px 40px;
		background-size: 23px;
	}
	.capainfo_list .capa3 a {
		background-size: 28px; background-position: 9px center !important;
	}
	.capainfo_list .capa4 a {
		background-size: 20px;
	}
	.capainfo_cnt > div {
		padding: 18px 20px;
	}
	.capainfo_cnt h4 {
		margin-bottom: 6px;
		font-size: 1.7rem;
	}
	.capainfo_cnt dl {
		margin-top: 18px;
	}
	.capainfo_cnt dt {
		margin-bottom: 6px;
	}
	.testresult_view {
		padding-bottom: 25px;
		margin-bottom: 10px;
		background-size: 100px;
	}
	.testresult_tit {
		margin-bottom: 46px;
	}
	.testresult_tit strong {
		padding: 10px 10px 10px 27px;
		background-size: 20px; background-position: left 13px;
	}
	.testresult_tit span {
		padding: 5px 0;
	}
	.testresult_tit .btn_round {
		top: auto; bottom: -40px; right: 5px;
		transform: translateY(0);
	}
	.testresult_info {
		padding-top: 0;
	}
	.testresult_info h6 {
		font-size: 2rem;
	}
	
	/*.show_box3 {
		border-top: 0;
	}*/
	.graph_box_wrap {
		border-top: 1px solid #ccc;
	}
	.result_card .test_card {
		margin-top: 0;
		padding: 140px 10px 10px;
		text-align: center;
	}
	.result_card .test_card::after {
		position: absolute; left: 50%; top: 20px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.result_card .test_card h4 {
		text-align: center;
	}
	.capabilinfo_box .show_tab, .capabilinfo_box .show_tab2 {
		height: auto;
	}
	.capabilinfo_box .show_tab li a {
		height: 95px;
	}
	.result_tbl_area .show_box3 {
		padding: 10px;
	}
	
	.testdo_checkbox {
		height: auto;
	}
	.testdo_checkbox dl {
		background-position: 16px 12px;
	}
	.testdo_checkbox span {
		margin-top: 0;
		top: 20px; right: 10px;
	}
	
	.elresult_textbox {
		padding: 10px 15px;	
	}
	
	/* 학습유형진단 768 */
	/*.typedo_list dl {
		background-size: auto 80px;
	}*/
	
	/* 학습유형 진단결과 768 */
	/*.typedo_list.testdo_checkbox dl {
		background-size: auto 80px;
		background-position: 16px 14px;
	}
	.typeresult_list ul {
		padding: 15px 20px 80px;	
		background-size: auto 90px;
	}*/
	
	/* 학습자가진단 결과 768 */
	/*.selfinfo_box li a {
		height: 80px;
	}
	.selfinfo_box li:nth-child(3n) a {
		border-right: 1px solid #ccc;
	}
	.selfinfo_box li span::before {
		margin-bottom: 5px;
	}*/
	
	/* 대학생활적응 진단결과 768 */
	/*.univinfo_box div {
		margin-bottom: 10px; padding-left: 0;
		border: 1px solid #d3dadc;
	}
	.univinfo_box dt {
		float: none;
		margin-left: 0; padding: 0 0 0 50px;
		width: 100%;
		line-height: 40px;
		background-position: 16px center; background-size: 22px;
		border: 0;
		border-bottom: 1px solid #d3dadc;
	}
	.univinfo_box dd {
		padding: 10px;
		line-height: 1.5em;
		border: 0;
	}
	.score_class_box {
		padding: 14px;
		height: auto;
	}
	.score_class_box strong {
		padding-left: 34px;
		line-height: 26px;
		background-size: 26px;	
	}
	.score_class_box p:nth-of-type(1) {
		margin-bottom: 14px;
	}
	.unitest_list.testdo_checkbox dl {
		background-size: auto 80px; background-position: 16px 12px;
	}*/
	
	/* 학습역량진단 768*/
	.learning_box {
		width: 100%;
		text-align: center;
	}
	.learning_how {
		width: 150px; height: 150px;
		background-position: center 50px;
	}
	.learning_how p {
		top: 46%;
		font-size: 1.8rem; line-height: inherit;
	}
	.learning_list {
		position: relative;
		margin: 0 auto;
		width: 400px; height: 120px;
	}
	.learning_how {
		display: inline-block;
		margin-bottom: 20px; padding: 33px 35px 8px 35px;
		width: auto; height: auto; 
		background-position: center 14px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}
	.learning_how p {
		position: static; 
		transform: none;
	}
	.learning_list {
		height: auto; width: auto;
		font-size: 0; line-height: 0;
	}
	.learning_list li {
		position: static; 
		display: inline-block;
		margin-bottom: 6px;
		width: 49%;
		font-size: 1.7rem;
		-webkit-transform: translate(0) skew(-0.03deg) !important;
		-moz-transform: translate(0) skew(-0.03deg) !important;
		-o-transform: translate(0) skew(-0.03deg) !important;
		transform: translate(0) skew(-0.03deg) !important;
	}
	.learning_list li:nth-child(odd) {
		margin-right: 2%;
	}
	.learning_cnt li br {
		display: none;
	}
	.learning_circle {
		margin-bottom: 12px; padding: 0 0 0 6px;
		width: 100%; height: auto;
		background: none;
		border: none; 
		border-radius: 0;
	}
	.learning_circle p {
		position: static;
		font-size: 1.8rem; text-align: left; 
		-webkit-transform: skew(-0.03deg);
		-moz-transform: skew(-0.03deg);
		-o-transform: skew(-0.03deg);
		transform: skew(-0.03deg);
	}
	.learning_circle p span {
		display: inline-block;
		margin-left: 8px;
		line-height: inherit; vertical-align: top;
	}
	.learning_way {
		position: relative;
	}
	.learning_way>li {
		position: relative;
		width: 100%; height: 100px;
		margin: 0 0 10px;
		border-radius: 20px 10px 10px 20px !important;
		-webkit-border-radius: 20px 10px 10px 20px !important;
		-moz-border-radius: 20px 10px 10px 20px !important;
	}
	.learning_way>li ul {
		left: 130px !important;
		text-align: left !important;
	}
	.learning_way>li span {
		right: inherit; left: 0; top: 0;
		padding-top: 68px;
		height: 100px;
		background-size: auto 48px; background-position: center 14px;
		font-size: 1.7rem;
	}
	.learning_way>li ul li:after {
		position: absolute; left: -12px;
	}
	/* 학습역량진단 결과 768*/
	.capainfo_list.learning li {
		padding: 3px;
	}
	.capainfo_list.learning li a {
		padding-top: 10px;
	}
	.learning_score {
		padding: 10px;
		padding-left: 100px;
		height: 135px;
	}
	.learning_score li {
		font-size: 1.5rem;
	}
	.learning_score li span {
		font-size: 1.8rem;
	}
	.learning_score li:nth-child(1) span {
		margin-bottom: 5px;
	}
	.learning_result {
		padding-left: 120px;
	}
	.learning_result>span {
		width: 110px;
		font-size: 1.6rem;
	}
	.learning_result>div p {
		font-size: 1.5rem;
	}
	.learning_result>div p:first-child {
		margin-right: 20px;
	}
	.learning_result>div p span {
		font-size: 1.8rem;
		vertical-align: top;
	}
	.learning_opinion {
		margin-top: 15px;
		padding: 5px 15px 15px;
	}
	.learning_opinion p {
		line-height: 1.5em;
	}
	.learn_capa_result ul li p strong {
		font-size: 1.9rem;
	}
	/* 취업준비역량진단 768*/
	.employ_infotop p {
		padding: 90px 15px 0;
		background-position: center 10px;
		background-size: auto 70px;
		text-align: center;
	}
	.employ_infotop p br {
		display: none;
	}
	.test_guide.employ ol li {
		padding-top: 72px;
	}
	/* 워크넷 진단 768 */
	.test_guide.worknet ol li {
		padding-top: 72px;
	}
	.worknet_content {
		padding: 170px 10px 10px;
	}
	.worknet_content .worknet_image {
		width: auto; height: 150px;
		left: 20px; right: 20px;
		text-align: center;
	}
	.worknet_content .worknet_image img {
		width: auto;
		max-width: 100%;
	}
	.worknet_content .btn_area {
		float: none;
		margin-top: 10px;
		text-align: center;
	}
	.worknet_content ul li {
		text-overflow: inherit;
		white-space: normal;
	}
	.worknet_result {
		padding-top: 0;
	}
	
	/* 교과정보조회 768 */
	.rowposition_wrap .select_rowposition {
		position: absolute; top: -2px;
	}
	.row_2 .search_row {
		margin-bottom: 8px;
	}
	.row_2 .search_row:nth-child(1) {
		width: 100%;
	}
	.row_2 .search_row:nth-child(1) .select_form {
		margin-right: 1%;
		width: 49.5%;
	}
	.row_2 .search_row:nth-child(1) .select_form:last-child {
		margin-right: 0;
	}
	.row_2 .search_row:nth-child(2) {
		width: 100%;
	}
	
	/* 비교과 768 */
	.previewimg_box a {
		height: 150px;
	}
	.previewimg_box a img {
		width: 105%;
	}
	.program_lisbox .graph_wrap .graph_box p {
		padding-top: 30px;
		margin-bottom: 1.2em;
	}
	.program_lisbox .graph_wrap {
		height: 349px;
	}
	.programlist_wrap ul {
		padding: 12px 6px;
	}
	.programlist_wrap .nun_tit {
		font-size: 1.6rem;
	}
	
	/* 비교과 상세 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_content .previewimg_box {
		height: 230px;
	}
	.program_content .previewimg_capa1 {
		background-size: 220px;
	}
	.program_content .previewimg_capa2 {
		background-size: 330px;
	}
	.program_content .previewimg_capa3 {
		background-size: 350px;
	}
	.program_content .previewimg_capa4 {
		background-size: 350px;
	}
	.program_content .previewimg_capa5 {
		background-size: 350px;
	}
	.program_content .previewimg_capa6 {
		background-size: 330px;
	}
	.program_rightbox {
		width: 100%;
		padding: 0 0 26px;
		border-bottom: 1px solid #d7d7d7;
	}
	.program_rightbox dt {
		padding-left: 0;
		font-size: 1.3rem; text-align: center;
	}
	.program_rightbox dd strong {
		width: 100px;
	}
	.program_btnarea {
		bottom: 6px;
	}
	
	.join_count_wrap {
		background: none;
	}
	.join_count_wrap > div {
		width: 100%;
		margin-bottom: 10px; margin-left: 0; padding-left: 120px; padding-right: 15px;
		background: #f2f2f2;
	}
	.program_joincount {
		width: 100%;
	}
	.join_count_wrap>div strong {
		padding-left: 60px;
		background-position: 15px center;
	}
	
/*
	.mileagepoint_box {
		padding: 93px 20px 20px;
		height: auto;
		text-align: center;
		background-size: auto 80px; background-position: center 10px;
	}
	.mileagepoint_box p {
		position: static; 
		font-size: 1.8rem;
		transform: translate(0);
	}
	.mileagepoint_box p span {
		display: block;
		font-size: 2.8rem;
	}
*/
	
	.capapoint_list {
		padding: 20px 5px;
	}
	.capapoint_list p {
		margin-bottom: 10px;
	}
	.progrmaapply_box {
		padding: 10px;
	}
	.adit_top {
		padding: 10px 15px;
	}
	.adit_top > p {
		display: block;
		margin-right: 0px; padding-right: 0px;
	}
	.adit_top > p::after {
		display: none;
	}
	.adit_top a {
		display: block;
		margin-left: 0;
	}
	.adit_top .adit_info strong {
		min-width: 80px;
	}
	
	.adit_content {
		min-height: 100px;
		padding: 15px;
	}
	.adit_footer {
		padding: 10px 15px;
	}
	.adit_footer ul {
		display: block;
	}
	.adit_footer ul li {
		display: block;
		padding: 5px 0px 5px 30px;
		font-size: 1.5rem; 
		background-position: left center; background-size: auto 22px;
	}
	
	.info_ctnbox {
		padding: 12px;
	}
	
	.progrmaapply_box ul {
		padding: 15px;
	}
	.progrmaapply_box ul li {
		padding: 8px 0 8px 80px;
	}
	.progrmaapply_box ul li strong {
		top: 8px;
	}
	.page_footer {
		padding: 15px 0;
	}
	
	/* 비교과 내역 768 */
	.program_satisfy div a {
		margin-right: 1%;
		width: 49.5%; height: auto;
	}
	
	
	/* 자기주도활동 768 */
	.active_infotop p {
		padding: 60px 20px 0;
		background-size: auto 45px;
		background-position: center top;
		font-size: 1.6rem;
	}
	
	/* 학습사제동아리 768 */
	.studyclub_infotop p {
		padding: 92px 20px 0;
		text-align: center;
		background-size: auto 90px; background-position: center top;
	}
	
	/* 학습동아리 관리 768 */
	.studymanage_box .adit_top > p {
		display: inline-block;
		margin-right: 5px; padding-right: 10px;
	}
	.studymanage_box .adit_top > p::after {
		display: inline-block;
	}
	.studymanage_box .adit_top a {
		display: inline-block;
	}

	/* 지도교수 면담안내 768 */
	.profcounsel_intro {
		padding: 30px 20px 30px 200px;
		background-size: 150px; background-position: 25px center;
	}
	.profcounsel_intro h5 {
		font-size: 1.8rem;
	}
	
	/* 취업상담 768 */
	.counselor_card h5 span, .counselor_card h5 div {
		height: 168px;
	}
	.counsel_reservation span {
		margin-right: 20px; padding-left: 20px;
	}
	.counsel_wrap .survey_list dt, .counsel_wrap .survey_list dd {
		padding-left: 30px;
	}
	
	/* 성고충신고센터 768 */
	.counselradio_box + .searchday_row .search_day {
		padding-left: 85px;
	}
	.counselradio_box + .searchday_row .search_day strong {
		margin-left: -85px;
		width: 85px;
	}
	.agreement_box .agreement_txt {
		font-size: 1.7rem;
	}
	.agreement_box .radio_wrap {
		margin-top: 20px;
	}
	
	
	/* 나의 상담 이력 768 */
	.counsel_shortcut a {
		padding: 20px 10px 110px;
	}
	
	
	
	
	
	/* 학생생활상담소 - 개인정보동의 768 */
	/*.tbl_box {
		padding: 12px 15px;
	}
	.agreement_box {
		padding: 20px;
	}
	.agreement_box .agreement_txt {
		margin-bottom: 10px;
	}
	.agreement_box .radio_row {
		margin-left: 20px;
	}*/
	
	/* 취업상담 768 */
	/*.counselor_box {
		padding: 110px 10px 5px 10px;
		text-align: center;
	}
	.counselor_box .img_box {
		top: 10px; left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.counselor_box p {
		margin: 0 auto;
		width: 90%; height: 40px;
	}
	.counselor_box .btn_area .radio_btn {
		margin: 4px;
	}
	
	.counsel_titbox {
		padding: 10px;
	}
	.counsel_titbox .counsel_titbg {
		margin-bottom: 8px;
		width: 100%; height: 100px;
	}
	.counsel_titbox p {
		display: block;
		margin-bottom: 8px;
		font-size: 1.6rem; text-align: center;
	}
	.counsel_titbox .sel_search_row {
		width: 100%;
	}
	.row_3 > div {
		margin-right: 0; margin-bottom: 5px;
		width: 100%;
	}*/
	
	/* 창업상담 768 */
	/*.startup_intro > strong {
		padding-top: 150px;
		font-size: 2.5rem;
		background-size: auto 135px
	}
	.startup_intro > p::before, .startup_intro > p::after {
		width: 15px; height: 30px;
	}
	.startup_intro > p::before {
		top: -10px;
	}
	.startup_intro > p::after {
		bottom: -10px;
	}
	.startup_label {
		margin: 20px 0 25px;
	}
	.startup_label li {
		margin: 0 5px;
		width: 60px; height: 60px;
	}
	.inforound_list li {
		margin-bottom: 10px; padding: 13px 20px 13px 120px;
	}
	.inforound_list li strong {
		margin-left: -120px;
		width: 120px;
	}
	.inforound_list li .slash {
		margin: 0 10px;
	}*/

	/* 나의 상담 이력 768 */
	/*.counsel_shortcut li {
		margin-right: 4%;
		width: 22%;
	}
	.counsel_shortcut li:nth-child(5n) {
		margin-right: 4%;
	}
	.counsel_shortcut li:nth-child(4n) {
		margin-right: 0;
	}
	.row_5 .grid_col {
		width: 100%;
	}*/
	
	/* 채용정보 768 */
	.jobinfo_card a {
		padding: 40px 20px 20px;
	}
	
	/* 채용정보 상세 768 */
	.jobinfo_list {
		padding: 10px 15px;
	}
	.jobinfo_list .tbl th {
		width: 20%;
		word-break: keep-all;
	}
	.jobinfo_list .tbl td {
		width: 30%;
	}
	
	/* 워크넷 채용정보 768 */
	.pre_cal .btn_precal {
		margin: 0;
	}
	
	/* 워크넷 공채속보 768 */
	.worknetspeed_card a {
		padding: 15px;	
	}

	
	/* 25.11 스타터 연동 추가 */
	.btn_tooltip > .layer_open {
		width: 100%;
		text-align: left;
	}
	
	/* 진로탐색 768 */
	/*.plangraph_wrap {
		padding-top: 30px;
	}
	.plangraph_wrap .graph_label {
		top: -10px; right: 0; 
		width: 100%;
		text-align: center;
	}
	.target_role {
		padding-left: 130px;
		background-position: 15px center; 
	}*/
	
	/* 나의로드맵 768 */
	.planresult_tit .data_txt {
		margin-top: -6px; padding-left: 29px;
	}
	.rate_license .rategraph_box {
		height: 160px;
	}
	.planlc_box.on::before {
		top: 10px; left: -58px;
		height: 25px;
		line-height: 25px;
	}
	
	
	/* 국가직무능력표준정보 768 */
	.ncs_list dd ol li {
		width: 33.333%;
	}
	.ncs_list ol li a {
		padding-top: 18px;
		height: 150px;
	}
	.ncs_list ol li strong {
		padding-top: 85px;
	}
	.ncs_list ol li strong::before {
		margin-left: -35px;
		width: 70px; height: 70px;
	}
	.ncs_list ol li strong span {
		left: 15px;
	}
	.ncs_list .ncs_inner_list {
		display: block;
		margin-top: 0;
	}
	.ncs_list .ncs_inner_box {
		display: block;
		margin-top: 20px;
		width: 100%;
		border: none;
		
	}
	.ncs_list .ncs_inner_box ol {
		border: 1px solid #d0ccc9;
	}
	.ncs_list .ncs_inner_box strong {
		position: static;
		margin-bottom: 5px;
		width: 100%;
	}
	.ncs_list .ncs_inner_box:nth-child(1) strong, .ncs_list .ncs_inner_box:nth-child(2) strong, .ncs_list .ncs_inner_box:nth-child(3) strong {
		-webkit-border-radius: 20px 20px 0 0;
		-moz-border-radius: 20px 20px 0 0;
		border-radius: 20px 20px 0 0;
	}
	.ncs_list .ncs_inner_box ol li a {
		padding: 8px 10px;
	}
	
	/* 자격증 정보 768 */
	.data_card {
		padding: 18px 22px;
	}
	.data_card dt {
		height: 40px;
		font-size: 1.7rem;
	}
	.data_card dd {
		padding: 2px 0;
	}
	
	/* 직업방송 동영상 768 */
	.jobvideoinfo_list {
		padding: 100px 20px 20px;
		background-size: auto 75px; background-position: center 14px;
	}
	.jobvideoinfo_list h4 {
		font-size: 1.7rem;	
	}
	
	
	/* 기업정보 상세 768 */
	.companyinfo_colbox {
		padding-left: 350px;
	}
	.companyinfo_colbox .graph_wrap {
		width: 335px;
	}
	.pattern_wrap > li ul {
		padding: 15px 8px;
	}
	.pattern_wrap > li:nth-child(1) ul, .pattern_wrap > li:nth-child(2) ul {
		height: 145px;
	}
	.pattern_wrap > li:nth-child(3) ul, .pattern_wrap > li:nth-child(4) ul {
		height: 195px;
	}
	.pattern_wrap > li ul li {
		margin-bottom: 10px;
	}
	.pattern_wrap > li:nth-child(1), .pattern_wrap > li:nth-child(2) {
		margin-bottom: 10px;
	}
	
	/* 진로설계 768 */
	.plan_box .tit p {
		max-height: 40px;
	}
	.btn_rowposition .select_form {
		margin: 4px 2px;
	}
	.rolemodel_wrap {
		padding: 35px 25px 15px;
	}
	.rolemodel_wrap .programpoint_list dd {
		margin-right: 2%; margin-bottom: 10px;
		width: 32%;
	}
	.rolemodel_wrap .programpoint_list dd:nth-of-type(3n) {
		margin-right: 0;
	}
	
	/* 진로설계 step1 768 */
	.plan_infotop div {
		padding: 150px 10px 20px 10px;
		background-position: center top;
	}
	.plan_infotop p {
		text-align: center;
	}
	.plansetting_box span {
		min-height: 40px;
	}
	.joblist_content {
		padding: 16px 20px;
	}
	.testlist_paging.paging_plan {
		margin-top: 20px;
	}
	.testlist_paging.paging_plan .btn_round {
		position: static;
		margin-top: 30px;
	}
	
	/* 진로설계 step2 768 */
	.company_box > a {
		padding: 20px 22px;
	}
	.role_box > a {
		padding: 10px;
	}
	
	/* 진로설계 step3 768 */
	.planlc_box {
		padding: 94px 10px 20px;
		height: 160px;
	}
	.planlc_box dt {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	.add_box .btn_listdel {
		top: 10px; right: 10px;
	}
	
	/* 마이페이지 768 */
	.certi_record p  {
		padding: 10px;
	}
	.certitime_info dt {
		height: 34px;
		font-size: 1.7rem; line-height: 34px;
	}
	.certitime_info dd {
		padding: 15px 10px 20px;
	}
	.certitime_info dd:first-of-type::after {
		top: 12px;
	}
	.certitime_info dd strong {
		margin-bottom: 15px;
	}
	.certitime_info dd p span {
		margin-bottom: 6px;
		height: 22px;
	}
	.certitime_result {
		font-size: 1.9rem;
	}
	.certitime_result strong::after {
		margin: 0 10px;
	}
	
	/* 포트폴리오 768 */
	.mydata_list {
		padding-left: 0;
	}
	.mydata_list .resumeimg {
		position: relative;
		margin: 0 auto 10px;
		width: 100px; height: 140px;
	}
	.resume_container {
		padding: 15px;
	}
	.resume_tit {
		margin-bottom: 15px;
	}
	.resume_tit div {
		padding: 15px;
		text-align: center;
	}
	.resume_tit h4 {
		margin-bottom: 8px;
	}
	.resume_tit .date {
		position: static;
		transform: none;
	}
	.studentinfo_box {
		padding: 20px 15px 20px 155px;
		min-height: 205px;
	}
	.resumeimg {
		top: 15px; left: 15px;
	}
	.studentinfo_box dl dd {
		padding-left: 100px;
	}
	.studentinfo_box dl dd strong {
		margin-left: -100px; padding-left: 26px;
		width: 90px;
		background-position: left center;
	}
	.selfintro_wrap article strong {
		font-size: 1.6rem;
	}
	.planlist_box {
		padding-top: 78px;
		background-position: center 12px;
	}
	.subject_scrore p strong {
		display: block;
		font-size: 1.5rem;
	}
	.subject_scrore > div:nth-child(1) p strong {
		color: #2f9cd4;
	}
	.subject_scrore > div:nth-child(2) p strong {
		color: #86b640;
	}
	.subject_scrore > div:nth-child(3) p strong {
		color: #f15b5d;
	}
	.subject_scrore p strong::after {
		display: none;
	}
	
	/* 공지사항 768 */
	.bbs_wrap li {
		padding-right: 50px;
	}
	.bbs_wrap li a {
		display: block;
		width: 100%;
		padding: 20px 0 5px 70px;
	}
	.bbs_wrap li a strong {
		width: 45px; height: 45px;
		line-height: 45px;
	}
	.bbs_wrap li a dl {
		display: block;
	}
	.bbs_wrap li a dl dt {
		font-size: 1.5rem;
	}
	.bbs_wrap li a dl dd {
		margin-top: 5px;
	}
	.bbs_wrap .bbs_info {
		display: table;
		width: 100%;
		padding-left: 70px; 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: 15px;
	}
	
	/* 공지사항, 자료실 상세 768 */
	.bbs_header {
		padding: 10px;
	}
	.bbs_header .category_label {
		margin-bottom: 5px; padding: 4px 6px;
		font-size: 1.4rem;
	}
	.cnt_title {
		font-size: 1.7rem;
	}
	.commu_content .editor_area {
		min-height: 150px;
		padding: 15px;
	}
	.re_area {
		margin-top: 30px;
	}
	.re_area dl {
		padding: 10px 0;
	}
	.re_area dl dt {
		margin: 0 10px 10px 10px; padding-left: 28px;
		background-size: 22px;
	}
	.re_area dl dd {
		margin: 0 10px;
	}
	.re_area .btn_rereply, .re_delete {
		margin-left: 15px;
		font-size: 1.3rem;
	}
	.rewrite_box {
		padding: 0;
		background: none;
	}
	.re_text .re_topbox {
		background: #f2efea;
	}
	.rewrite_box > strong {
		margin-bottom: 2px;
		font-weight: 500;
	}

	/* 주요 프로그램 및 운영부서 768 */
	.tab_capa a {
		padding: 100px 5px 35px;
		background-position: center bottom 15px;
	}
	.tab_capa li a::before {
		top: 20px;
		margin-left: -35px;
		width: 70px; height: 70px;
	}
	.tab_capa a::after {
		top: 30px;
		height: 50px;
		background-size: contain; background-position: center;
	}

	/* 공지사항, 자료실 리스트 768 */
	.data_list {
		display: block;
	}
	.data_list li {
		display: block;
		padding: 12px 5px;
		border-bottom: 1px solid #d0ccc9;
	}
	.data_list li:first-child {
		border-top: 1px solid #d0ccc9;
	}
	.data_list .col {
		display: inline-block;
		padding: 3px 6px;
		width: auto;
		border: none;
	}
	.data_list .col_2 {
		display: block;
		padding: 6px;
	}
	.data_list .col_2 a {
		white-space: normal; word-break: break-all;
	}
	.fix_list {
		margin: 0;
		width: 30px; height: 25px;
		background-size: contain;
	}
	
	/* FAQ 768 */
	.faqlist_wrap .faqlist dt {
		margin-top: 0; padding: 15px 32px;
		font-size: 1.6rem;
	}
	.faqlist_wrap .faqlist dt span {
		width: 30px;
		font-size: 2.5rem;
	}
	.faqlist_wrap .faqlist dt::after {
		right: 6px;
		width: 18px;
	}
	.faqlist_wrap .faqlist dd {
		padding: 15px 15px 15px 40px;
	}
	.faqlist_wrap .faqlist dd span {
		top: 14px; 
		padding-left: 5px;
		width: 40px;
		font-size: 2.5rem;
	}
	
	/* 설문조사 상세 768 */
	.commu_content .testlist_wrap {
		padding: 20px;
	}
	
	/* 개인정보 수집이용 동의서 768 */
	.privacyagree_wrap {
		padding: 40px 0;
	}
	.privacyagree_wrap .logo {
		width: 200px;
	}
	.privacyagree_box {
		width: 97%;
	}
	.privacyagree_box > p {
		padding: 14px;
		font-size: 1.5rem;
	}
	.privacyagree_box > .check_row label {
		background-size: 28px;
	}
	.privacyagree_cnt {
		padding: 10px;
	}
	.privacy_list > h2 {
		font-size: 1.2rem;
	}
	.privacy_detail {
		padding: 6px 10px;
	}
	.privacy_detail h3 {
		font-size: 1.5rem;
	}
	.privacy_list .radio_row_wrap {
		margin-top: 8px;
	}

	/* 설문조사 768 */
	.survey_box {
		padding: 15px 20px;
	}
	.survey_box .survey_label {
		min-width: 60px;
		font-size: 1.4rem; line-height: 20px;
	}
	.survey_box .tit {
		font-size: 1.6rem;
	}
	.survey_box ul {
		margin-bottom: 15px;
	}
	
	/* 22.11.17 점검중 화면 추가 768 */
	.maintenance_wrap img {
		width: 180px;
	}
	.maintenance_wrap > h3 {
		font-size: 2.4rem;
	}
	.maintenance_wrap > h3 strong {
		margin-top: 10px;
		font-size: 1.6rem;
	}

	/*=================== //서브페이지 768 ===================*/
}

@media screen and (max-width:690px) {
	
	
	
}

@media screen and (max-width:480px) {
	
	/*=================== 공통 480 ===================*/
	
	/* 검색결과 없음 480 */
	.nocnt_box p {
		padding: 8px 0 8px 53px;
		max-width: 90%;
		font-size: 1.8rem !important;
		background-size: 40px;
	}

	.nocntfl_box p span {
		padding: 8px 0 8px 53px;
		max-width: 90%;
		font-size: 1.8rem;
		background-size: 40px;
	}
	
	/* 영역 480 */
	.section_area {
		margin-bottom: 12%;
	}
	.section_marea {
		margin-bottom: 10%;
	}
	.section_sarea {
		margin-bottom: 8%;
	}
	.section_xsarea {
		margin-bottom: 8%;
	}
	
	/* 텍스트 480 */
	/*.infotop_box {
		padding: 50px 20px 10px;
		text-align: center; 
		background-size: 30px; background-position: center 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}*/
	
	/*=================== //공통 480 ===================*/
	/*=================== 메인페이지 480 ===================*/
	
	/* 메인 - 로그인 전 480 */
	.mainpage_userdata {
		padding-bottom: 63px;
	}
	.mainpage_visual strong {
		padding-left: 30px;
		width: 150px; height: 40px;
		font-size: 1.5rem; line-height: 36px;
	}
	.mainpage_visual h3 {
		width: 200px; height: 67px;
	}
	.mainpage_visual p {
		font-size: 2.6rem;
	}
	.mainprogram_wrap {
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	.mainprogram_tit {
		padding: 18px;
	}
	.mainprogram_tit h3 {
		font-size: 1.8rem;
	}
	.mainprogram_wrap .select_form {
		right: 10px;
	}
	.mainprogram_tit .btn_seemore {
		position: static;
	}
	
	.maincounsel_wrap > div {
		display: block;
		margin: 0 auto 35px;
		width: 70%;
	}
	.maincounsel_wrap > div:last-child {
		margin-bottom: 0;
	}
	.maincounsel_wrap > .maincounsel_tit {
		margin: 0;
		width: 100%;
	}
	.mainnotice_wrap .swiper-container {
		margin: 0;
	}
	
	/* 메인 - 로그인 후 480 */
	.mainpage_userdata > div {
		height: auto;
	}
	.mainpage_userdata h3 {
		font-size: 1.8rem;
	}
	.mainpage_userdata h4 {
		font-size: 1.6rem;
	}
	
	.userdata_box1 {
		padding: 18px 15% 26px;
	}
	.userdata_box1 .user_photo {
		width: 80px; height: 80px;
	}
	.user_photo .no_profilepic {
		background-size: 45px;
	}
	
	.userdata_box2 .userdata_tab a {
		height: 40px; 
		font-size: 1.8rem; line-height: 40px;
	}
	.userdata_box2 > div {
		height: auto;
	}
	.userdata_box2 > div > div {
		padding-top: 30px;
		width: 100%;
	}
	.userdata_box2 > div > div:nth-child(1) .graph_wrap {
		margin-bottom: -10px;
		height: 235px;
	}
	.userdata_box2 > div > div:nth-child(2) .graph_wrap {
		margin-bottom: -25px;
		height: 250px;
	}
	
	.userdata_box3 h3 {
		margin-left: 0;
	}
	.mainnotice_list li a {
		padding-left: 36px; padding-right: 10px;
	}
	
	.userdata_box4 .data_tit {
		padding: 18px;
	}
	.userdata_box4 .data_cnt::after {
		display: none;
	}
	.userdata_box4 .data_tit .tab_list2 {
		display: none;
	}
	.userdata_box4 .data_tit .select_form {
		position: absolute; top: 50%; right: 10px;
		display: block;
		margin-top: -20px;
		width: 130px;
	}
	.userdata_box4 .graph_wrap, .userdata_box4 .dataresult_wrap {
		width: 100%;
	}
	
	.mainpage_userdata .userdata_box5 {
		padding: 0 10px;
		height: 250px;
	}
	.userdata_box5 > div {
		padding-top: 24px;
	}
	.userdata_box5 > div:nth-child(1) h3 {
		margin-bottom: 20px;
	}
	.userdata_box5 > div:nth-child(2) h3 {
		margin-bottom: 0;
	}
	.userdata_box5 > div:nth-child(1) .graph_wrap {
		height: 180px;
	}
	.userdata_box5 > div:nth-child(2) .graph_wrap {
		height: 230px;
	}
	.userdata_box5 .graph_wrap .apexcharts-canvas {
		position: absolute; left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.userdata_box5 > div:nth-child(1) .data_label {
		top: 38%;
	}
	.userdata_box5 > div:nth-child(2) .graph_wrap {
		margin-bottom: -30px;
	}
	
	/*=================== //메인페이지 480 ===================*/
	/*=================== 서브페이지 480 ===================*/

	/* 교육목적 및 인재상 480 */
	.studypurpose_intro {
		display: block;
		padding: 150px 10px 20px;
		height: auto;
		text-align: center; 
		background-position: center 20px;
	}
	.studypurpose_intro p {
		line-height: 1.7em;
	}
	.studypurpose_intro br {
		display: none;
	}
	.haeramin_intro dt::after {
		bottom: -114px;
		width: 45px;
		background-size: auto 160px;
	}
	
	/* 시스템 소개 480 */
	.system_intro p {
		padding-top: 120px;
		background-size: 220px;
	}
	.system_intro li {
		margin-bottom: 20px; padding: 90px 2% 0 2%;
		text-align: center;
		background-position: center top;
	}
	
	/* 핵심역량진단 480 */
	.test_card {
		padding: 150px 10px 20px;
		text-align: center;
		background-position: center 15px;
	}
	.test_card h4 {
		padding-bottom: 2%;
		text-align: center; font-size: 1.6rem;
	}
	.test_card h4 strong {
		margin-bottom: 0;
		font-size: 1.7rem;
	}
	.test_card p {
		text-align: center;
	}
	
	.tab_with_tit .section_tit_lg + .tab_list2 {
		position: static;
		float: none;
		margin: 0 0 12px;
	}
	.recommend_wrap .btn_seemore {
		top: -30px;
		width: auto; height: auto;
		font-size: 1.5rem; text-decoration: underline;
		background: none;
	}
	
	/* 핵심역량 진단하기 480 */
	.testlist_info p {
		padding-left: 65px;
		font-size: 1.6rem;
		background-size: 50px;
	}
	.testlist_paging {
		display: block;
	}
	.testlist_paging .btn_round {
		position: static;
		margin-top: 15px;
	}
	
	/* 핵심역량진단 결과 480 */
	.capainfo_list {
		margin-bottom: 5px;
	}
	.capainfo_list li {
		margin: 0 1px 5px 1px; padding: 0;
	}
	
	/*.capabilinfo_box .show_tab li a {
		padding: 40px 4px 10px 4px;
		height: 86px;
	}
	.capabilinfo_box .show_tab li a span {
		width: 24px; height: 24px;
		background-size: auto 24px;
	}
	.capabilinfo_content>div h4 {
		font-size: 1.2rem;
	}
	.capabilinfo_content>div h5 {
		margin-bottom: 0;
		font-size: 1.5rem;
	}
	.capabilinfo_content>div p.belong_txt strong {
		display: block;
		width: 100%;
		margin-left: 0;
	}
	.capabilinfo_content>div p.belong_txt {
		padding-left: 0;
	}
	.result_card .test_card h4 {
		padding: 0; margin-bottom: 10px;
	}
	.testresult_info p {
		width: 90%;
	}
	.testresult_info .tbl {
		width: 100%;
	}*/
	
	/* 핵심역량검사 480 */
	.capatest_card.test_card1 {
		background-position: center 15px;
	}
	
	/* 핵심역량 검사하기 480 */
	.capado_wrap .tab_list li a span {
		padding: 0;
		font-size: 1.4rem;
	}
	
	/* 학습유형 진단결과 480 */
	/*.capatest_result .explanation_box {
		padding: 15px 20px;
	}*/
	
	/* 학습유형진단 결과 480 */
	/*.typeresult_cnt {
		margin: 20px 0; padding: 0;
	}
	.typeresult_cnt::before {
		display: none;
	}
	.typeresult_list {
		display: block;
	}
	.typeresult_list section {
		width: 100%;
	}
	.type_list div div {
		padding: 80px 5px 15px;
		font-size: 1.7rem;
		background-size: auto 50px; background-position: center 15px;
	}
	.strength_list {
		margin-right: 0; margin-bottom: 10px;
	}
	.typeresult_list ul {
		padding: 15px 20px;
		height: auto;
		background: none;
	}
	
	.majorinfo_box .show_tab li a {
		height: 74px;
	}*/
	
	/* 학습역량진단 480 */
	.learning_how {
		width: 100%; 
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}
	.learning_list li {
		font-size: 1.5rem;
	}
	.learning_cnt li {
		padding: 86px 0 25px 0;
		text-align: center;
		background-position: center top;
	}
	
	/* 학습역량진단 결과 480*/
	.capainfo_list.learning {
		font-size: 0; line-height: 0;
	}
	.capainfo_list.learning li {
		margin-left: 0; padding: 0;
		width: 49%;
	}
	.capainfo_list.learning li:nth-child(odd) {
		margin-right: 2%;
	}
	.capainfo_list.learning li a {
		width: 100%;
	}
	.learning_result>div {
		text-align: right;
	}
	.learning_result>div p:first-child {
		margin-right: 0;
	}
	.learn_capa_result ul li p {
		display: block;
	}
	.learn_capa_result ul li div p:nth-child(1) {
		margin-right: 0;
		margin-bottom: 5px;
	}
	.learn_capa_result ul li div p:nth-child(2) strong {
		width: 46px;
	}
	/* 취업준비역량진단 480 */
	.employ_infotop p {
		font-size: 1.5rem;
	}
	/* 교과정보조회 480 */
	.row_2 .search_row:nth-child(1) .select_form {
		margin-right: 3%;
		width: 48.5%;
	}
	
	/* 비교과 상세 480 */
	.join_count_wrap > div {
		padding: 20px 20px 25px 20px;
		height: auto;
	}
	.join_count_wrap > div strong {
		display: inline-block;
		position: static;
		margin-bottom: 10px; padding-left: 35px;
		line-height: 22px;
		background-size: auto 22px; background-position: left center;
	}
	.join_count_wrap .program_joincount {
		margin: 0;
		width: 100%;
	}

	.capapoint_list p {
		font-size: 1.6rem;
	}
	.capapoint_list strong {
		font-size: 1.5rem;
	}

	.progrmaapply_box ul {
		padding: 10px;
	}
	.progrmaapply_box ul li {
		padding: 8px 0 8px 0;
	}
	.progrmaapply_box ul li strong {
		display: block;
		margin-bottom: 5px;
		position: relative; top: auto; left: auto;
		font-size: 1.5rem;
	}
	
	/* 비교과 내역 480 */
	.program_satisfy div a {
		margin-right: 2%;
		width: 49%;
	}
	
	/* 자기주도활동 480 */
	.active_box {
		padding: 20px 20px 20px 90px;
		background-size: auto 50px;
	}
	.active_box.license_box {
		background-position: 20px 25px;
	}
	.active_box.english_box {
		background-position: 20px center;
	}
	.active_box.service_box {
		background-position: 20px center;
	}
	.active_box.award_box {
		background-position: 10px center;
		background-size: auto 45px;
	}
	.searchtoggle_left .select_form, .searchtoggle_left .sel_search_row {
		margin-bottom: 8px;
	}
	
	/* 학습사제동아리 480 */
	.studyclub_infotop p {
		line-height: 1.6em;
	}
	.studyclub_infotop p br {
		display: none;
	}
	.studyclub_box {
		padding: 30px 20px 20px 20px;
	}
	.studyclub_box dd:last-child {
		padding-right: 112px;
	}
	.studyclub_box .btn_management {
		bottom: 20px; right: 20px;
	}
	.studyclub_box .btn_edit {
		bottom: 20px; right: 80px;
	}
	.studyclub_box .btn_delete {
		bottom: 20px; right: 20px;
	}
	
	/* 지도교수 면담안내 480 */
	.profcounsel_intro {
		margin-bottom: 5px; padding: 150px 25px 25px;
		background-size: 150px; background-position: center 20px;
	}
	
	/* 심리상담 480 */
	.counsel_wrap .counsel_contents {
		padding: 0 10px;
	}
	
	/* 취업상담 480 */
	.counselor_card {
		padding: 15px;
	}
	.counselor_card .cnt {
		padding: 0 0 5px;
	}
	.counselor_card .previewimg_box {
		position: relative; top: inherit; left: inherit;
		margin: 0 auto 5px;
		width: 70px; height: 70px;
	}
	.counselor_card .previewimg_profile {
		background-size: 40px; background-position: center bottom 6px;
	}
	.counselor_card h5 strong {
		text-align: center;
	}
	.counselor_card h5 span, .counselor_card h5 div {
		display: block;
		height: auto;
	}
	
	/* 성고충신고센터 480 */
	.sexual_counsel .name_area input.form_style {
		margin-right: 0; margin-bottom: 10px;
		width: 100%;
	}
	.sexual_counsel .name_area .counselradio_box {
		width: 100%;
	}
	.relationship_area br {
		display: none;
	}
	.counselradio_box + .searchday_row .search_day {
		width: 66%;
	}
	.searchday_row .search_day:first-child {
		margin-right: 0; margin-bottom: 10px;
		width: 66%;
	}
	.agreement_box {
		padding: 20px;
	}
	.agreement_box .agreement_txt {
		font-size: 1.6rem;
	}
	.agreement_box .agreement_txt::before {
		margin-top: 3px; margin-right: 3px;
		width: 30px; height: 16px;
		background-size: contain;
	}
	.agreement_box .radio_row {
		margin-left: 14px;
	}
	
	/* 나의 상담 이력 480 */
	.counsel_shortcut a {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		padding: 0 100px 0 20px ;
		height: 80px;
		align-items: center;
		background-size: auto 95%; background-position: right 10px bottom;
	}
	
	
	
	/* 지도교수상담 480 */
	/*.counsel_date .btn, .counsel_date .search_day {
		margin-bottom: 10px; 
		vertical-align: top;
	}*/
	
	/* 창업상담 480 */
	/*.startup_intro > strong {
		font-size: 2rem;
	}
	.startup_intro > p {
		width: 80%;
	}
	.inforound_list li {
		padding: 10px 20px;
	}
	.inforound_list li strong {
		float: none;
		margin-left: 0; margin-bottom: 10px;
		width: auto;
	}
	.inforound_list li p {
		text-align: center;
	}
	.inforound_list li .slash {
		display: block;
		font-size: 0; line-height: 0;
	}
	.inforound_list li br {
		display: block;
	}*/
	
	/* 나의 상담 이력 480 */
	/*.counsel_shortcut li {
		margin-right: 5%;
		width: 30%;
	}
	.counsel_shortcut li:nth-child(4n), .counsel_shortcut li:nth-child(5n) {
		margin-right: 5%;
	}
	.counsel_shortcut li:nth-child(3n) {
		margin-right: 0;
	}
	.counsel_shortcut li a {
		padding-bottom: 28px;
	}*/
	
	/* 채용정보 상세 480 */
	.jobinfo_list {
		margin-bottom: 6%; padding: 0 0 6%; 
		border: none; border-bottom: 3px dashed #d8e9f1;
		border-radius: 0;
	}
	
	
	/* 진로탐색 480 */
	/*.target_role {
		padding-left: 110px;
		background-position: 10px center; background-size: 70px;
	}*/
	
	/* 나의로드맵 480 */
	.rate_total {
		padding: 20px;
	}
	.rate_detail {
		padding: 20px;
	}
	.rate_total .graph_wrap {
		min-height: 150px !important;
	}
	.rate_total .apexcharts-canvas {
		height: 150px !important;
	}
	
	/* 국가직무능력표준정보 480 */
	.ncs_list dd ol li {
		width: 50%;
	}

	/* 자격증 정보 480 */
	.data_card dt {
		display: block;
		margin-bottom: 15px;
		height: auto;
	}

	/* 기업정보 상세 480 */
	.companyinfo_colbox {
		padding-left: 0;
	}
	.companyinfo_colbox .graph_wrap {
		position: static;
		margin-bottom: 10px;
		width: 100%;
	}
	.pattern_wrap > li:nth-child(1), .pattern_wrap > li:nth-child(2) {
		margin-bottom: 6px;
	}
	.pattern_wrap > li ul {
		padding: 12px 5px;
	}
	.pattern_wrap > li ul li {
		padding-left: 42px;
	}
	
	/* 진로설계 480 */
	.plan_box {
		height: 160px;	
	}
	.plan_box .btn_area {
		bottom: 10px;
	}
	.rowposition_sm .select_form ~ .btn_round {
		float: right;
	}
	.rolemodel_wrap {
		padding: 35px 10px 4px;
	}
	.rolemodel_wrap .programpoint_list dd {
		margin-bottom: 6px;
		width: 49%;
	}
	.rolemodel_wrap .programpoint_list dd:nth-of-type(3n) {
		margin-right: 2%;
	}
	.rolemodel_wrap .programpoint_list dd:nth-of-type(2n) {
		margin-right: 0;
	}
	.rolemodel_wrap .programpoint_list dd strong {
		padding-bottom: 70px;
	}
	
	/* 진로설계 step1 480 */
	.plansetting_box {
		padding: 5px 5px 5px 0;
	}
	.plansetting_box p {
		margin-bottom: 5px;
	}
	.plansetting_box strong {
		width: 90px;
		font-size: 1.6rem;
	}
	.plansetting_box span {
		padding: 10px 12px;
	}
	.joblist_content {
		padding: 16px;
	}
	.tab_plan li {
		width: 33.333%; height: 68px;
	}
	.tab_plan a {
		height: 100%;
		font-size: 1.5rem;
	}
	.paging_plan .testlist_number {
		width: 100px;
	}
	
	/* 진로탐색 480 */
	.comparegraph_label {
		text-align: center;
	}

	/* 마이페이지 480 */
	.certi_record .grid_col {
		margin-bottom: 5px;
	}
	.certitime_graph {
		padding: 10px;
	}
	.certitime_result strong {
		display: block;
		margin-bottom: 3px;
	}
	.certitime_result strong::after {
		display: none;
	}
	
	
	/* 포트폴리오 480 */
	.resume_container {
		padding: 8px;
	}
	.resume_tit {
		background-size: 26px; background-position: 12px 6px;
	}
	.resume_tit div {
		padding: 12px 10px;
	}
	.resume_tit .btn_accordion {
		right: 10px;
	}
	.resume_cnt h5 {
		font-size: 1.6rem;
	}
	.studentinfo_box {
		padding: 15px 12px 10px;
	}
	.studentinfo_box .resumeimg {
		position: relative; top: auto; left: auto;
		margin: 0 auto 10px;
		width: 100px; height: 140px;
	}
	.studentinfo_box dl dt {
		text-align: center;
	}
	.studentinfo_box dl dd {
		padding: 4px 0 4px 95px;
	}
	.studentinfo_box dl dd strong {
		margin-left: -95px; margin-right: 7px; padding-left: 25px;
		width: 88px;
	}
	.studentinfo_box .ico_address strong {
		background-size: auto 18px;	
	}
	.selfintro_wrap article {
		padding: 17px 15px;
	}
	.subject_scrore {
		margin-left: -0.25em; margin-right: -0.25em;
	}
	.subject_scrore .grid_col {
		margin-bottom: 7px;
		border-left-width: 0.25em;
		border-right-width: 0.25em;
	}
	.caparesult_graph {
		padding: 15px;
	}
	
	/* 주요 프로그램 및 운영부서 480 */
	.tab_capa a {
		padding: 75px 5px 16px;
		background-image: none;
	}
	.tab_capa li.on a {
		background-image: none;
	}
	.tab_capa li a::before {
		top: 12px;
		margin-left: -28px;
		width: 56px; height: 56px;
	}
	.tab_capa a::after {
		top: 20px;
		height: 40px;
	}
	
}
@media screen and (max-width:320px) {

	/*=================== 서브페이지 320 ===================*/
	
	/* 학습역량진단 320 */
	.learning_list li {
		width: 100%;
	}
	.learning_list li:nth-child(odd) {
		margin-right: 0;
	}
	
	
	/*=================== //서브페이지 320 ===================*/
	
}