@charset "utf-8";

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

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

/* 텍스트 */
.txt {
	padding: 5px 0 10px;
	font-size: 1.5rem; line-height: 1.6em; word-break: keep-all; 
}
.highlight {
	position: relative; z-index: 1;
}
.highlight::after {
	position: absolute; bottom: -2px; left: 0; z-index: -1;
	content: "";
	display: block;
	width: 100%; height: 10px;
}
.highlight.hl_blue::after {
	background: rgba(37,170,225,0.3);
}
.highlight.hl_pink::after {
	background: rgba(169,0,86,0.2);
}
.highlight.hl_yellow::after {
	background: rgba(254,228,9,0.2);
}
.highlight.hl_orange::after {
	background: rgba(255,137,40,0.2);
}
.hl_circle {
	position: relative;
	display: inline-block;
	margin: 0 8px;
	vertical-align: top;
}
.hl_circle::after {
	position: absolute; top: 50%; left: 50%;
	content: "";
	display: block;
	width: 130%; height: 40px;
	background: url(../../images/client/sub/bg_highlight_circle_orange.png) no-repeat center; background-size: contain;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.tip_txt {
	padding: 5px 0 10px 28px;
	font-size: 1.5rem; word-break: keep-all; 
	background: url(../../images/client/sub/icon_tiptext.png) no-repeat 0 6px;
}
.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;
}
.tip_box {
	position: relative; z-index: 1;
	padding: 20px;
	line-height: 1.8em;
	background: #f5f5f5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.tip_box::before {
	position: absolute; top: -7px; left: -17px;
	content: "";
	display: inline-block; 
	width: 40px; height: 20px;
	background: #a90056;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.tip_box::after {
	position: absolute; bottom: 10px; right: 10px; z-index: -1;
	content: "";
	display: inline-block; 
	width: 29px; height: 25px;
	background: url(../../images/client/sub/icon_tipbox.png) no-repeat center;
	opacity: 0.2;
}
.tip_box span {
	line-height: inherit;
}

/* 영역 타이틀 */
.section_tit_lg {
	margin-bottom: 0.5em; padding: 5px 0 5px 28px;
	/*font-family: chungbuk, sans-serif;*/
	color: #333;  font-size: 2.2rem; font-weight: 600;
	background: url(../../images/client/sub/icon_tit_lg.png) left 12px no-repeat; 
}
.section_tit_md {
	margin-bottom: 0.3em; padding: 5px 0 5px 22px;
	color: #333; font-size: 1.9rem; font-weight: 500; 
	background: url(../../images/client/sub/icon_tit_md.png) left 9px no-repeat; 
}
.section_tit_sm {
	margin-bottom: 0.2em; padding: 5px 0 5px 20px;
	color: #333; font-size: 1.5rem; font-weight: 500;
	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: left;
	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%;
}

/* 그래프박스 */
.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;
}

/* 별점 */
.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);
}

/* 에디터 영역 */
.editor_area {
	white-space: pre-line;
	overflow: hidden; overflow-x: auto;
}
.editor_area table {
	max-width: 100%; 
	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;
}

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

/* 메인 - 로그인 전 */
.swiper_mainimg {
	position: relative;
	height: 555px;
}
.swiper_mainimg li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.swiper_mainimg li.slide1 {
	background-image: url(../../images/client/main/img_main_slide1.jpg);
}
.swiper_mainimg li.slide2 {
	background-image: url(../../images/client/main/img_main_slide2.png);
	border-left: 1px solid #6eafc4 ;
}
.swiper_mainimg li.slide3 {
	background-image: url(../../images/client/main/img_main_slide3.jpg);
	border-left: 1px solid #6eafc4 ;
	background-position: center;
}
.swiper_mainimg .grid_content {
	padding-top: 80px;
	text-align: center;
}
.swiper_mainimg .slide1 .grid_content {
	padding-top: 60px;
}
.slide1 strong {
	display: inline-block;
	margin-bottom: 26px;
	color: #333; font-size: 3.6rem; font-weight: 500; line-height: 1.1em; letter-spacing: -0.03em;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.slide1 span {
	font-family: inherit; line-height: inherit; vertical-align: top;
}
.slide1 .font_capa1 {
	font-weight: 600;
}
.slide1 .underline {
	position: relative; z-index: 1;
	font-weight: inherit;
	text-decoration: none;
}
/*.slide1 .underline::after {
	position: absolute; bottom: 6px; left: 0; z-index: -1;
	content: "";
	display: inline-block;
	width: 100%; height: 10px;
	background: #75ddfb;
}*/
.slide1 p {
	color: #333; font-size: 2.4rem; line-height: 1.5em; font-weight: 500;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
}
.slide1 p span {
	font-family: inherit; line-height: inherit; vertical-align: top; font-weight: inherit;
}

.swiper_mainimg .slide2 .grid_content {
	text-align: left;
}
.slide2 .grid_content > div {
	display: table;
	text-align: center;
}
.slide2 strong {
	display: inline-block;
	margin-bottom: 20px;
	color: #fff; font-size: 4rem; font-weight: 500; line-height: 1.2em; letter-spacing: -0.03em; 
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}
.slide2 strong span {
	font-family: inherit; font-weight: 500; line-height: inherit; vertical-align: top;
}
.slide2 p {
	color: #fff; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.03em;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

.swiper_mainimg .slide3 .grid_content {
	padding-top: 100px;
}
.slide3 strong {
	display: inline-block;
	margin-bottom: 30px;
	color: #333; font-size: 5rem; font-weight: 300; line-height: 1em; letter-spacing: -0.03em;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.slide3 strong span {
	color: #92234e; font-family: inherit; font-weight: 500; line-height: inherit; vertical-align: top;
}
.slide3 p {
	margin-bottom: 5px;
	color: #333; font-size: 2rem; font-weight: 500;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.slide3 p span {
	font-family: inherit; font-weight: 500; line-height: inherit; vertical-align: top;
}
.slide3 li {
	display: inline-block;
	margin-left: 15px;
	color: #333; font-size: 1.6rem; font-weight: 500;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.slide3 li:first-child {
	margin-left: 0;
}
.slide3 li span {
	display: inline-block;
	margin-right: 5px;
	font-size: 2.4rem; line-height: inherit;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}


.swiper_mainimg .swipercontrol_wrap {
	position: absolute; bottom: 20px; left: 50%; z-index: 10;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.swiper_mainimg .swiper-pagination {
	position: static;
	display: inline-block;
	height: 10px;
}
.swiper_mainimg .swiper-pagination-bullet {
	position: relative;
	margin: 0 10px;
	width: 10px; height: 10px;
	vertical-align: top;
	background: #fff;
	opacity: 1;
}
.swiper_mainimg .swiper-pagination-bullet-active {
	background: rgba(0,0,0,0);
}
.swiper_mainimg .swiper-pagination-bullet-active::after {
	position: absolute; top: 50%; left: 50%;
	font-family: chungbuk, sans-serif; color: #fff; font-size: 1.9rem; font-weight: 600;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.swiper_mainimg .swiper-pagination-bullet-active:nth-child(1)::after {
	content: "01";
}
.swiper_mainimg .swiper-pagination-bullet-active:nth-child(2)::after {
	content: "02";
}
.swiper_mainimg .swiper-pagination-bullet-active:nth-child(3)::after {
	content: "03";
}
.swiper_mainimg .play_control {
	display: inline-block; 
	height: 10px;
}
.swiper_mainimg .play_control button {
	display: inline-block;
	margin: 0 10px;
	vertical-align: top; text-indent: -9999px;
	background-color: rgba(0,0,0,0); background-repeat: no-repeat; background-position: center;
	opacity: 0.5;
}
.swiper_mainimg .play_control button.on {
	opacity: 1;
}
.swiper_mainimg .slide_stop {
	width: 9px; height: 10px;
	background-image: url(../../images/client/main/icon_pause.png);
}
.swiper_mainimg .slide_start {
	width: 6px; height: 10px;
	background-image: url(../../images/client/main/icon_play.png);
}

.mainsection_tit {
	margin-bottom: 15px;
	color: #333; font-size: 2.6rem;
}
.mainprogram_wrap {
	padding-top: 50px;
}
.mainprogram_wrap .select_form {
	display: none;
}
.mainprogram_wrap .tab_list {
	margin-bottom: 10px;
}
.mainprogram_wrap .tab_list li {
	width: 9.09%;
}
.mainprogram_wrap .tab_list li a {
	min-width: auto;
}
.mainprogram_wrap .swiper-wrapper {
	height: 456px;
}
.mainprogram_wrap .program_swiper {
	padding-bottom: 60px;
}
.mainprogram_wrap .swiper_btnarea {
	margin-bottom: 10px;
	font-size: 0; line-height: 0; text-align: right;
}
.mainprogram_wrap .swiper_btnarea .btn {
	width: 90px;
	text-align: center;
}
.mainprogram_wrap .swipercontrol_wrap {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
.mainprogram_wrap .swipercontrol_wrap::after {
	position: absolute; top: 50%; left: 50%;
	content: "";
	display: inline-block;
	width: 1px; height: 14px;
	background: rgba(255,255,255,0.5);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.mainprogram_wrap .swipercontrol_wrap .swiper_control {
	display: inline-block;
	width: 35px; height: 35px;
	text-indent: -9999px; 
	background-color: #92234e; background-repeat: no-repeat; background-position: center;
}
.mainprogram_wrap .swipercontrol_wrap .swiperprogram_pre {
	background-color: #92234e;
	background-image: url(../../images/client/main/page_prev_white.png);
}
.mainprogram_wrap .swipercontrol_wrap .swiperprogram_pre.swiper-button-disabled {
	background-image: url(../../images/client/main/page_prev_disable.png);
}
.mainprogram_wrap .swipercontrol_wrap .swiperprogram_next {
	background-color: #92234e;
	background-image: url(../../images/client/main/page_next_white.png);
}
.mainprogram_wrap .swipercontrol_wrap .swiperprogram_next.swiper-button-disabled {
	background-image: url(../../images/client/main/page_next_disable.png);
}
.mainprogram_wrap .program_footer {
	z-index: auto;
}

.maincounsel_wrap {
	margin-bottom: 48px;	
}
.counsel_box {
	height: 230px;
}
.counsel_box_tit {
	padding: 35px 40px;
	background: url(../../images/client/main/bg_counsel_tit.png) no-repeat right -20px top -24px;
	border: 1px solid #d7d7d7;
}
.counsel_box_tit h3 {
	margin-bottom: 60px;
	color: #333; 
	/*font-family: chungbuk, sans-serif;*/
	 font-size: 2.6rem;	
}
.counsel_box_tit p {
	color: #535353; line-height: 1.6em; letter-spacing: -0.03em;
}
.counsel_box a {
	display: block;
	padding: 145px 10px 10px 10px;
	height: 100%;
	color: #333; font-size: 1.8rem; text-align: center;
	background-repeat: no-repeat; background-position: center 60px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.counsel_box1 a {
	background-color: #e5e6de;
	background-image: url(../../images/client/main/icon_counsel1.png);
}
.counsel_box2 a {
	color: #fff;
	background-color: #7d746c;
	background-image: url(../../images/client/main/icon_counsel2.png);
}
.counsel_box3 a {
	background-color: #ebe8e4;
	background-image: url(../../images/client/main/icon_counsel3.png);
}
.counsel_box4 a {
	background-color: #f2f2f2;
	background-image: url(../../images/client/main/icon_counsel4.png);
}
.counsel_box5 a {
	background-color: #fff;
	background-image: url(../../images/client/main/icon_counsel5.png);
	border: 1px solid #d7d7d7;
}
.counsel_box6 a {
	background-color: #f4e7de;
	background-image: url(../../images/client/main/icon_counsel6.png);
}
.counsel_box7 a {
	color: #fff;
	background-color: #92234e;
	background-image: url(../../images/client/main/icon_counsel7.png);
}

.maintest_wrap {
	padding: 40px 0;
	text-align: center;
	background: url(../../images/client/main/bg_main_test.jpg) no-repeat center; background-size: cover;
}
.maintest_wrap .mainsection_tit + p {
	margin-bottom: 50px;
}
.maintest_list li {
	display: inline-block;
	padding: 0 10px;
	width: 27%; 
	vertical-align: top;
}
.maintest_list li strong {
	display: block;
	margin-bottom: 10px; padding-top: 60px;
	color: #333; font-size: 1.8rem;
	background-repeat: no-repeat; background-position: center top;
}
.maintest_list1 strong {
	background-image: url(../../images/client/main/icon_main_test1.png);
}
.maintest_list2 strong {
	background-image: url(../../images/client/main/icon_main_test2.png);
}
.maintest_list3 strong {
	background-image: url(../../images/client/main/icon_main_test3.png);
}
.maintest_list li p {
	margin-bottom: 15px;
	min-height: 50px;
	line-height: 1.7em;
}
.maintest_list li a {
	display: inline-block;
	width: 40px; height: 40px;
	background: #fff url(../../images/client/main/icon_arrow_body_right.png) no-repeat center;
	border: 1px solid #e1e1e1;
	-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;
}
.maintest_list li a span {
	display: none;
}

.mainlist_wrap {
	padding: 55px 0;
	font-size: 0; line-height: 0;
	background: linear-gradient( -45deg, #e9f4f3, #f6eee6 );
}
.mainlist_wrap section {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.mainnotice_wrap {
	margin-right: 2%;
}
.mainsurvey_wrap {
	margin-left: 2%;
}
.mainlist_wrap .mainsection_tit {
	margin-bottom: 20px; padding-left: 20px;
}
.mainlist_wrap .boxloading {
	background: rgba(255,255,255,0.3);
}
.mainlist_wrap ul {
	position: relative;
	height: 242px;
	overflow: hidden;
}
.list_wrap li {
	position: relative;
	/*padding: 20px 20px 20px 110px;*/
	padding: 20px 20px 20px 60px;
	text-align: left;
	border-bottom: 1px solid #b4b4b4;
}
.list_wrap li:last-child {
	border-bottom: none;
}
.list_wrap .date {
	position: absolute; top: 50%; left: 0;
	/*width: 110px;*/
	width: 55px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.list_wrap .date span {
	display: inline-block;
}
.list_wrap .date .day {
	margin-right: 8px;
	color: #333; font-family: chungbuk, sans-serif; font-size: 2.6rem; font-weight: 800; letter-spacing: -0.03em;
}
.list_wrap .date .month {
	margin-top: -2px;
}
.list_wrap .date .month span {
	display: block;
	color: #646464; font-size: 1.1rem; line-height: 1.2em; text-align: left; 
}
.list_wrap p {
	font-size: 1.5rem;
}
.list_wrap p a {
	display: block;
	color: #333; line-height: 1.3em; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* 메인 - 로그인 후 */
.userdata_wrap {
	padding: 50px 0;
	background: #f2efea;
}
.userdata_wrap .grid_content::after {
	content: "";
	display: block;
	clear: both;
}
.userdata_wrap .grid_content > section {
	float: left;
	text-align: center;
	background: #fff;
	overflow: hidden;
}
.userdata_wrap .mainsection_tit {
	font-size: 2.2rem;
}
.userdata_wrap .mainsection_tit span {
	display: inline-block;
	padding-bottom: 2px;
}
.userdata_wrap .btn_ask {
	margin-top: 6px;
	vertical-align: top;
}

.userdata_box1 {
	margin-bottom: 12px; padding: 25px 10px;
	width: 24%; height: 280px;
	border-top: 4px solid #d3d0c8;
}
.userdata_box1 .mainsection_tit {
	margin-bottom: 35px;
	font-size: 1.5rem;
}
.userdata_box1 .mainsection_tit span {
	font-size: 2.2rem;
}
.userdata_list {
	display: inline-block;
	max-width: 100%;
}
.userdata_list li {
	margin-bottom: 6px; padding-left: 55px;
	height: 22px;
	color: #333; text-align: left;
}
.userdata_list li:last-child {
	margin-bottom: 0;
}
.userdata_list strong {
	float: left;
	position: relative;
	display: inline-block;
	margin-right: 10px; margin-left: -55px;
	width: 45px;
}
.userdata_list strong::after {
	position: absolute; top: 0; right: 0; 
	content: "|";
	color: #afafaf;
}
.userdata_list p {
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}

.userdata_box2 {
	margin: 0 1% 12px; padding: 25px 10px;
	width: 50%; height: 280px;
	font-size: 0; line-height: 0;
	border-top: 4px solid #92234e;
}
.userdata_box2 > div {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.userdata_box3 {
	margin-bottom: 12px; padding: 25px 10px;
	width: 24%; height: 280px;
	border-top: 4px solid #0063af;
}
.newcomercerti_status {
	display: inline-block;
	margin-bottom: 30px;
	width: 161px; height: 31px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/main/img_newcomer_off.png) no-repeat center;
}
.newcomercerti_status.on {
	background-image: url(../../images/client/main/img_newcomer_on.png);
}
.maincerti_status {
	font-size: 0; line-height: 0;
}
.maincerti_status li {
	display: inline-block;
	padding-top: 60px;
	width: 33.333%;
	vertical-align: top;
	background-repeat: no-repeat; background-position: center top;
}
.maincerti_status .certi1 {
	background-image: url(../../images/client/main/icon_maincapa1_off.png);
	background-position: 65% top;
}
.maincerti_status .certi2 {
	background-image: url(../../images/client/main/icon_maincapa2_off.png);
}
.maincerti_status .certi3 {
	background-image: url(../../images/client/main/icon_maincapa3_off.png);
}
.maincerti_status .certi1.on {
	background-image: url(../../images/client/main/icon_maincapa1_on.png);
}
.maincerti_status .certi2.on {
	background-image: url(../../images/client/main/icon_maincapa2_on.png);
}
.maincerti_status .certi3.on {
	background-image: url(../../images/client/main/icon_maincapa3_on.png);
}
.maincerti_status li strong {
	display: block;
	margin: 0 auto 10px;
	width: 70px; height: 24px;
	color: #333; font-size: 1.5rem; font-weight: 600; line-height: 24px;
	background: #f2f2f2;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.maincerti_status li span {
	display: inline-block;
	margin: 0 7px;
	height: 15px;
	background-repeat: no-repeat; background-position: center top;
}
.maincerti_status .certi_c {
	width: 11px;
	background-image: url(../../images/client/main/icon_c_off.png);
}
.maincerti_status .certi_h {
	width: 12px;
	background-image: url(../../images/client/main/icon_h_off.png);
}
.maincerti_status .certi_a {
	width: 14px;
	background-image: url(../../images/client/main/icon_a_off.png);
}
.maincerti_status .certi_n {
	width: 12px;
	background-image: url(../../images/client/main/icon_n_off.png);
}
.maincerti_status .certi_g {
	width: 12px;
	background-image: url(../../images/client/main/icon_g_off.png);
}
.maincerti_status .certi_e {
	width: 10px;
	background-image: url(../../images/client/main/icon_e_off.png);
}
.maincerti_status li.on .certi_c {
	background-image: url(../../images/client/main/icon_c_on.png);
}
.maincerti_status li.on .certi_h {
	background-image: url(../../images/client/main/icon_h_on.png);
}
.maincerti_status li.on .certi_a {
	background-image: url(../../images/client/main/icon_a_on.png);
}
.maincerti_status li.on .certi_n {
	background-image: url(../../images/client/main/icon_n_on.png);
}
.maincerti_status li.on .certi_g {
	background-image: url(../../images/client/main/icon_g_on.png);
}
.maincerti_status li.on .certi_e {
	background-image: url(../../images/client/main/icon_e_on.png);
}

.userdata_box4 {
	margin-right: 1%; padding: 25px 30px;
	width: 59%; height: 500px;
}
.userdata_box4 .tab_list {
	margin-bottom: 20px;
	height: auto;
	text-align: left;
	border: 0;
}
.userdata_box4 .tab_list li {
	position: relative;
	margin-left: 56px;
	height: auto;
	line-height: 1em;
	border: none; 
}
.userdata_box4 .tab_list li::before {
	position: absolute; left: -28px; top: 50%;
	content: "";
	display: inline-block;
	margin-top: -10px;
	width: 1px; height: 20px;
	background: #c2c2c2;
}
.userdata_box4 .tab_list li:first-child {
	margin-left: 0;
}
.userdata_box4 .tab_list li:first-child::before {
	display: none;
}

.userdata_box4 .tab_list li a {
	padding: 0;
	min-width: auto; height: auto;
	color: #8e8e8e; font-size: 2.2rem; font-weight: 500; line-height: 1.5em;
	border-bottom: 4px solid rgba(0,0,0,0);
}
.userdata_box4 .tab_list li.on a {
	color: #92234e;
	border-color: #92234e;
}
.mainemploy_card li {
	height: 160px;
}
.mainemploy_card li a {
	position: relative;
	display: block;
	padding: 12px 15px;
	height: 100%;
	text-align: left;
	background: url(../../images/client/main/bg_employlist_off.png) no-repeat right -8px top 20px;
	border: 1px solid #d7d7d7;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mainemploy_card .label {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 1.6rem; font-weight: 600;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mainemploy_card .label_general {
	color: #7d746c;
}
.mainemploy_card .label_recommend {
	color: #744d5c;
}
.mainemploy_card h5 {
	font-size: 1.8rem; font-weight: 500; 
	color: #333; white-space: nowrap; text-overflow: ellipsis; 
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mainemploy_card .date {
	display: block;
	margin-bottom: 28px;
	color: #ada9a8;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mainemploy_card p {
	color: #7c7b7b; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mainemploy_card .swiper_btnarea {
	margin-top: 10px;
	text-align: right;
}
.mainemploy_card .swipercontrol_wrap {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-size: 0; line-height: 0; vertical-align: top;
}
.mainemploy_card .swipercontrol_wrap::after {
	position: absolute; top: 50%; left: 50%;
	content: "";
	display: inline-block;
	width: 1px; height: 14px;
	background: rgba(255,255,255,0.5);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.mainemploy_card .swipercontrol_wrap .swiper_control {
	display: inline-block;
	width: 35px; height: 35px;
	text-indent: -9999px; 
	background-color: #92234e; background-repeat: no-repeat; background-position: center;
}
.mainemploy_card .swipercontrol_wrap .swiperprogram_pre {
	background-color: #92234e;
	background-image: url(../../images/client/main/page_prev_white.png);
}
.mainemploy_card .swipercontrol_wrap .swiperprogram_pre.swiper-button-disabled {
	background-image: url(../../images/client/main/page_prev_disable.png);
}
.mainemploy_card .swipercontrol_wrap .swiperprogram_next {
	background-color: #92234e;
	background-image: url(../../images/client/main/page_next_white.png);
}
.mainemploy_card .swipercontrol_wrap .swiperprogram_next.swiper-button-disabled {
	background-image: url(../../images/client/main/page_next_disable.png);
}
.mainemploy_card .swiper_btnarea .btn_more {
	display: inline-block;
	width: 90px; height: 35px;
	color: #92234e; font-size: 1.5rem; line-height: 35px; text-align: center;
	background: #f2f2f2;
}
.usernotice_list {
	position: relative;
	height: 364px;
	overflow: hidden;
}

.userdata_box5 {
	padding: 25px 30px;
	width: 40%; height: 500px;
	font-size: 0; line-height: 0;
}
.userdata_box5 .mainsection_tit {
	margin-bottom: 10px;
}
.usercounsel_status {
	/* margin-bottom: 40px; */
	margin-bottom: 12px;
}
.usercounsel_status li {
	display: inline-block;
	margin-left: 4%; padding: 12px 5px;
	width: 30%; height: 120px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.usercounsel_status li:first-child {
	margin-left: 0;
}
.usercounsel_status strong {
	display: block;
	margin-bottom: 10px; padding-top: 40px;
	color: #333; font-size: 1.8rem; font-weight: 600; line-height: 1.2em;
	background: url(../../images/client/main/icon_usercounsel_off.png) no-repeat center top;
}
.usercounsel_status li p {
	color: #7c7b7b; font-size: 1.8rem; font-weight: 600; line-height: 1.2em;
}
.usercounsel_status li p span {
	vertical-align: top; line-height: inherit;
}

.usercounsel_status li.on strong {
	background-image: url(../../images/client/main/icon_usercounsel_on.png);
}
.usercounsel_status .user_counsel1.on {
	border-color: #92234e;
	box-shadow: 0 2px 10px rgba(119,49,76,0.4);
}
.usercounsel_status .user_counsel1.on strong {
	color: #92234e;
}
.usercounsel_status .user_counsel2.on, .usercounsel_status .user_counsel3.on {
	border-color: #ecb235;
	box-shadow: 0 2px 10px rgba(236,178,53,0.4);
}
.usercounsel_status .user_counsel2.on strong, .usercounsel_status .user_counsel3.on strong {
	color: #fa922d;
}
.usercounsel_txt {
	margin-bottom: 12px;	
	font-size: 1.3rem; line-height: 1.5em; text-align: center; word-break: keep-all;
}
.usercounsel_txt .ex_img {
	display: inline-block;
	margin: 0 4px;
	width: 16px; height: 16px;
	font-size: 0; line-height: 0; 
	background: url(../../images/client/main/img_moreinfo.png) no-repeat center; background-size: contain;
}

.userdata_box5 > div {
	display: inline-block;
	width: 50%;
}

/*=================== //메인페이지 ===================*/
/*=================== 서브페이지 ===================*/
.subcontent_wrap {
	padding-top: 50px;
}

/* 대학의 인재상 및 핵심역량 */
.philosophy_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 0; line-height: 0;
}
.philosophy_list > div {
	display: inline-block;
	margin-right: 3%; padding: 25px;
	width: 31.333%;
	font-size: 1.5rem; line-height: 1.5em; vertical-align: top; text-align: center; word-break: keep-all;
	border: 1px solid #d0ccc9;
}
.philosophy_list > div:last-child {
	margin-right: 0;
}
.philosophy_list .philosophy_list1 {
	border-top: 6px solid #92234e;
}
.philosophy_list .philosophy_list2 {
	border-top: 6px solid #fc9822;
}
.philosophy_list .philosophy_list3 {
	border-top: 6px solid #4aac80;
}
.philosophy_list strong {
	display: inline-block;
	margin-bottom: 20px; padding: 5px 0 5px 70px;
	font-family: GyeonggiBatang, sans-serif; font-weight: 600; font-size: 2.6rem; 
	background-repeat: no-repeat; background-position: left center;
}
.philosophy_list1 strong {
	color: #7b1a3c;
	background-image: url(../../images/client/sub/icon_philosogy1.png);
}
.philosophy_list2 strong {
	color: #fc9822;
	background-image: url(../../images/client/sub/icon_philosogy2.png);
}
.philosophy_list3 strong {
	color: #4aac80;
	background-image: url(../../images/client/sub/icon_philosogy3.png);
}
.philosophy_list strong span {
	font-family: inherit; line-height: inherit;
}
.philosophy_list1 strong span {
	color: #a46f83;
}
.philosophy_list2 strong span {
	color: #e7ceb0;
}
.philosophy_list3 strong span {
	color: #b6d5c7;
}
.philosophy_list p {
	color: #7c7b7b;
}

.unirolemodel_box {
	position: relative;
	padding: 35px;
	color: #fff; line-height: 1.8em; word-break: keep-all;
	background-image: linear-gradient(to right, #671d38 20%, rgba(0,0,0,0) 65%), url(../../images/client/sub/bg_unirolemodel.jpg); background-position: center, 80% 65%; background-size: auto, cover;
}
.unirolemodel_box::after {
	position: absolute; right: 230px; bottom: 0;
	content: "";
	display: block;
	width: 330px; height: 180px;
	background: url(../../images/client/sub/img_unirolmodel.png) no-repeat center bottom;
}

.newchange_wrap .section_tit_lg + p {
	margin-bottom: 20px;
	color: #7c7b7b;
}
.newchange_list > div {
	margin-bottom: 40px;
	font-size: 0; line-height: 0;
}
.newchange_list > div:last-child {
	margin-bottom: 0;
}
.newchage_tit, .newchange_cnt {
	display: inline-block;
	font-size: 1.5rem; line-height: 1.5em; vertical-align: top;
}
.newchage_tit {
	padding: 15px 40px;
	width: 30%;
	background: #f0f5f8;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.newchage_tit strong {
	display: inline-block;
	padding: 12px 0 12px 65px;
	color: #333; font-size: 1.8rem; font-weight: 500;
	background-repeat: no-repeat; background-position: left center; background-size: auto 50px;
}
.newchange_list1 .newchage_tit strong {
	background-image: url(../../images/client/sub/icon_capa1.png);
}
.newchange_list2 .newchage_tit strong {
	background-image: url(../../images/client/sub/icon_capa2.png);
}
.newchange_list3 .newchage_tit strong {
	background-image: url(../../images/client/sub/icon_capa3.png);
}
.newchange_list4 .newchage_tit strong {
	background-image: url(../../images/client/sub/icon_capa4.png);
}
.newchange_list5 .newchage_tit strong {
	background-image: url(../../images/client/sub/icon_capa5.png);
}
.newchange_list6 .newchage_tit strong {
	background-image: url(../../images/client/sub/icon_capa6.png);
}
.newchage_tit span {
	margin-left: 30px;
}
.newchange_list2 .newchage_tit  span {
	margin-left: 15px;
}
.newchage_tit i {
	display: inline-block;
	margin-right: 3px;
	width: 17px; height: 21px;
	font-size: 0; line-height: 0; 
	background-repeat: no-repeat; background-position: center top; 
}
.newchange_list1 .newchage_tit i {
	background-image: url(../../images/client/sub/icon_c.png);
}
.newchange_list2 .newchage_tit i {
	background-image: url(../../images/client/sub/icon_h.png);
}
.newchange_list3 .newchage_tit i {
	background-image: url(../../images/client/sub/icon_a.png);
}
.newchange_list4 .newchage_tit i {
	background-image: url(../../images/client/sub/icon_n.png);
}
.newchange_list5 .newchage_tit i {
	background-image: url(../../images/client/sub/icon_g.png);
}
.newchange_list6 .newchage_tit i {
	background-image: url(../../images/client/sub/icon_e.png);
}
.newchange_cnt {
	padding-left: 70px;
	width: 70%;
	background: url(../../images/client/sub/bg_arrow_full_right_beige.png) no-repeat 20px 25px;
}
.newchange_cnt p {
	margin-bottom: 15px;
	word-break: keep-all;
}
.newchange_cnt ul li {
	display: inline-block;
	margin-right: 5px; margin-bottom: 8px; padding: 4px 12px;
	background: #f2f2f2;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.newchange_cnt ul li:last-child {
	margin-right: 0;
}
.newchange_list1 .newchange_cnt li {
	color: #92234e;
}
.newchange_list2 .newchange_cnt li {
	color: #f37370;
}
.newchange_list3 .newchange_cnt li {
	color: #f6b410;
}
.newchange_list4 .newchange_cnt li {
	color: #b0896a;
}
.newchange_list5 .newchange_cnt li {
	color: #48a57a;
}
.newchange_list6 .newchange_cnt li {
	color: #499acf;
}

/* 씨앗 소개 */
.cieatintro_wrap .section_tit_md + p {
	margin-bottom: 20px;
	color: #7c7b7b;
}
.cieatfunc_list div {
	position: relative;
	height: 150px;
	background-repeat: no-repeat; background-position: 40px center;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.cieat_func1 {
	background-image: url(../../images/client/sub/icon_intro_cieat1.png);
}
.cieat_func2 {
	background-image: url(../../images/client/sub/icon_intro_cieat2.png);
}
.cieat_func3 {
	background-image: url(../../images/client/sub/icon_intro_cieat3.png);
}
.cieat_func4 {
	background-image: url(../../images/client/sub/icon_intro_cieat4.png);
}
.cieat_func5 {
	background-image: url(../../images/client/sub/icon_intro_cieat5.png);
}
.cieat_func6 {
	background-image: url(../../images/client/sub/icon_intro_cieat6.png);
}
.cieatfunc_list .cieat_func6 {
	background-position: 45px center;
}
.cieatfunc_list p {
	position: absolute; top: 50%; left: 120px;
	padding-right: 20px;
	color: #7c7b7b;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cieatfunc_list p strong {
	color: #333; font-weight: 600;
}
.cieatfunc_list p span {
	display: block;
	margin-top: 10px;
}
.cieatprocess_wrap {
	font-size: 0; line-height: 0;
}
.cieatprocess_wrap > div {
	display: inline-block;
	width: 16.666%;
	font-size: 1.5rem; line-height: 1.5em; vertical-align: top; text-align: center;
}
.cieatprocess_wrap strong {
	position: relative;
	display: block;
	margin-bottom: 10px; padding-bottom: 5px;
	font-size: 1.6rem; font-weight: 600;
	border-bottom-width: 8px; border-style: solid;
}
.cieat_process1 strong {
	color: #92234e;
	border-color: #92234e;
}
.cieat_process2 strong {
	color: #f27370;
	border-color: #f27370;
}
.cieat_process3 strong {
	color: #ffc535;
	border-color: #ffc535;
}
.cieat_process4 strong {
	color: #ccaf98;
	border-color: #ccaf98;
}
.cieat_process5 strong {
	color: #63b590;
	border-color: #63b590;
}
.cieat_process6 strong {
	color: #499bcf;
	border-color: #499bcf;
}
.cieatprocess_wrap strong::after {
	position: absolute; bottom: -12px; right: -4px; z-index: 1;
	content: "";
	display: block;
	width: 16px; height: 16px;
	background: #fff;
	border-width: 3px; border-style: solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.cieat_process1 strong::after {
	border-color: #92234e;
}
.cieat_process2 strong::after {
	border-color: #f27370;
}
.cieat_process3 strong::after {
	border-color: #ffc535;
}
.cieat_process4 strong::after {
	border-color: #ccaf98;
}
.cieat_process5 strong::after {
	border-color: #63b590;
}
.cieat_process6 strong::after {
	right: 0;
	border-color: #499bcf;
}
.cieatprocess_wrap p {
	position: relative;
	margin-right: 8px; 
	height: 55px;
	color: #333; font-weight: 500;
	border-width: 1px; border-style: solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.cieat_process1 p {
	border-color: #92234e;
}
.cieat_process2 p {
	border-color: #f27370;
}
.cieat_process3 p {
	border-color: #ffc535;
}
.cieat_process4 p {
	border-color: #ccaf98;
}
.cieat_process5 p {
	border-color: #63b590;
}
.cieat_process6 p {
	margin-right: 0;
	border-color: #499bcf;
}
.cieatprocess_wrap p span {
	position: absolute; top: 50%;
	display: block;
	padding: 0 10px;
	width: 100%;
	word-break: keep-all;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* 씨앗 마일리지 */
.cieatmileage_intro p {
	position: relative;
	height: 100px;
	color: #7c7b7b; line-height: 1.7em; word-break: keep-all;
	background: url(../../images/client/sub/icon_cieat_mileage.png) no-repeat left top;
}
.cieatmileage_intro p span {
	position: absolute; left: 115px; top: 50%;
	width: 35%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cieatmileage_intro p strong {
	color: #935635; font-weight: 600; vertical-align: top;
}
.progress_step {
	padding: 10px 20px;
	border: 1px solid #c2c2c2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.progress_step li {
	position: relative;
	display: inline-block;
	margin-right: 70px; padding: 10px 0;
	color: #535353; font-weight: 600;
}
.progress_step li:last-child {
	margin-right: 0;
}
.progress_step li::after {
	position: absolute; top: 50%; right: -50px; 
	content: "";
	display: block;
	margin-top: -15px;
	width: 30px; height: 30px;
	background: url(../../images/client/sub/bg_arrow_full_right_beige.png) no-repeat center;
}
.progress_step li:last-child::after {
	display: none;
}
.cieat_incentive div div {
	padding: 22px 25px;
	height: 200px;
	background: url(../../images/client/sub/bg_cieat_mileage.png) no-repeat right bottom;
	border: 1px solid #c2c2c2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cieat_incentive strong {
	position: relative;
	display: block;
	margin-bottom: 10px; padding-left: 12px;
	color: #333; font-weight: 500; word-break: keep-all;
}
.cieat_incentive strong::before {
	position: absolute; left: 0; top: 8px;
	content: "";
	display: block;
	width: 6px; height: 6px;
	background: #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* 핵심역량 인증소개 */
.system_intro > div {
	position: relative;
	margin-bottom: 30px; padding-left: 180px;
	font-size: 0; line-height: 0;
}
.system_intro > div:last-child {
	margin-bottom: 0;
}
.system_intro h5 {
	position: absolute; top: 50%; left: 0;
	display: inline-block;
	margin-top: -25px; padding-right: 20px;
	background-repeat: no-repeat; background-position: right center;
}
.system_intro1 h5 {
	background-image: url(../../images/client/sub/icon_arrow_full_right_blue.png);
}
.system_intro2 h5 {
	background-image: url(../../images/client/sub/icon_arrow_full_right_orange.png);
}
.system_intro h5 span {
	display: inline-block;
	width: 140px; height: 50px;
	color: #fff; font-size: 1.6rem; line-height: 50px; text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.system_intro1 h5 span {
	background: #4078c9;
}
.system_intro2 h5 span {
	background: #ff7a0f;
}
.system_intro p {
	position: relative;
	display: inline-block; 
	margin-right: 2%; padding: 15px 0 15px 90px;
	width: 49%;
	color: #7c7b7b; font-size: 1.5rem; line-height: 1.7em; word-break: keep-all;
}
.system_intro p:last-child {
	margin-right: 0;
}
.system_intro p::before {
	position: absolute; top: 50%; left: 0;
	content: "";
	display: inline-block;
	margin-top: -40px;
	width: 80px; height: 80px;
	background-repeat: no-repeat; background-position: center;
}
.system_intro1 p:nth-of-type(1)::before {
	background-image: url(../../images/client/sub/icon_systemintro1_1.png);
}
.system_intro1 p:nth-of-type(2)::before {
	background-image: url(../../images/client/sub/icon_systemintro1_2.png);
}
.system_intro2 p:nth-of-type(1)::before {
	background-image: url(../../images/client/sub/icon_systemintro2_1.png);
}
.system_intro2 p:nth-of-type(2)::before {
	background-image: url(../../images/client/sub/icon_systemintro2_2.png);
}
.system_intro p strong {
	font-weight: 500; line-height: inherit; vertical-align: top;
}
.system_intro1 p strong {
	color: #4078c9; 
}
.system_intro2 p strong {
	color: #ff7a0f; 
}
.newcomerintro_txt {
	position: relative;
	padding-left: 230px;
	min-height: 127px;
	background: url(../../images/client/sub/icon_newcomer.png) no-repeat left center;
}
.newcomerintro_txt p {
	position: absolute; top: 50%;
	color: #7c7b7b; line-height: 1.7em; word-break: keep-all;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.capamethod_wrap .tbl .list_dot li {
	color: #393636;
}
.capamethod_wrap .tbl .list_dot li span {
	line-height: inherit; vertical-align: top;
}
.capamethod_wrap .tbl .list_dot li small {
	font-size: 1.3rem;
}
.capamethod_wrap .grid_col > .list_dot li span {
	line-height: inherit; vertical-align: top;
}
.capamethod_wrap .grid_col > .list_dot li p {
	margin: 15px 0 20px;
	font-size: 0; line-height: 0;
}
.capamethod_wrap .grid_col > .list_dot li p span {
	position: relative;
	display: inline-block;
	margin-right: 40px; padding: 0 24px;
	height: 40px;
	color: #fff; font-size: 1.5rem; line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.capamethod_wrap .grid_col > .list_dot li p span:last-child {
	margin-right: 0;
}
.capamethod_wrap .plus {
	background: #f27370;
}
.capamethod_wrap .plus::after {
	position: absolute; top: 50%; right: -28px;
	content: "";
	display: block;
	margin-top: -8px;
	width: 16px; height: 16px;
	background: url(../../images/client/sub/icon_plus_gray.png) no-repeat center;
}
.capamethod_wrap .equal {
	background: #499bcf;
}
.capamethod_wrap .equal::after {
	position: absolute; top: 50%; right: -28px;
	content: "";
	display: block;
	margin-top: -5px;
	width: 16px; height: 10px;
	background: url(../../images/client/sub/icon_equal_gray.png) no-repeat center;
}
.capamethod_wrap .result {
	background: #a31c4b;
}
.capamethod_wrap .grid_col > .list_dot .underline {
	position: relative;
	color: #333; font-weight: 500; text-decoration: none;
}
.capamethod_wrap .grid_col > .list_dot .underline::after {
	position: absolute; bottom: -3px; left: 0; 
	content: "";
	width: 100%; height: 1px;
	background: #6a6a6a;
}

/* 전공 마일스톤 소개 */
.milestone_wrap > div {
	margin-bottom: 10px;
}
.milestone_wrap > div:last-child {
	margin-bottom: 0;
}
.milestone_tit {
	position: relative;
	padding: 24px 20px;
	min-height: 70px;
	border: 1px solid #e1e1e1;
}
.milestone_tit.on {
	border-left: 4px solid #92234e;
}
.milestone_tit p {
	position: relative;
	padding-left: 15px;
	color: #333; font-weight: 500; font-size: 1.8rem; line-height: 1.2em;
}
.milestone_tit p::after {
	position: absolute; top: 7px; left: 0;
	content: "";
	display: block;
	width: 6px; height: 6px;
	background: #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.milestone_tit button {
	position: absolute; top: 50%; right: 20px;
	display: inline-block;
	padding: 0 33px 0 20px;
	color: #afafaf; font-size: 1.5rem; line-height: 32px;
	background: #fff;
	border: 1px solid #c2c2c2;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.milestone_tit button::after {
	position: absolute; top: 50%; right: 14px; 
	content: "";
	display: block;
	margin-top: -3px;
	width: 10px; height: 6px;
	background: url(../../images/client/sub/icon_arrow_full_down_gray.png) no-repeat center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.milestone_tit.on button::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.milestone_cnt {
	margin: 20px;
	border: 1px solid #cac6c3;
}
.milestone_cnt .img_wrap img {
	width: 100%;
}
.milestone_intro li {
	margin-bottom: 30px;
	font-size: 0; line-height: 0;
}
.milestone_intro li:first-child {
	margin-top: 30px;
}
.milestone_label, .milestone_label + div {
	display: inline-block;
	font-size: 1.5rem; line-height: 1.5em; vertical-align: top;
}
.milestone_label {
	position: relative;
	margin: 20px 0; padding: 37px 0 37px 240px;
	width: 40%;
	color: #333; font-size: 2.2rem; font-weight: 600; line-height: 1.2em; 
	-webkit-border-radius: 0 50px 50px 0;
	-moz-border-radius: 0 50px 50px 0;
	border-radius: 0 50px 50px 0;
}
.milestone_intro1 .milestone_label {
	background: #f6ebe1;
}
.milestone_intro2 .milestone_label {
	background: #dee9f0;
}
.milestone_intro3 .milestone_label {
	background: #eaf4f3;
}
.milestone_intro4 .milestone_label {
	background: #f2efea;
}
.milestone_label::after {
	position: absolute; top: 50%; left: 60px;
	content: "";
	display: block;
	margin-top: -70px;
	width: 140px; height: 140px;
	background-repeat: no-repeat; background-position: center; background-size: contain;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.milestone_intro1 .milestone_label::after {
	background-color: #f69f49;
	background-image: url(../../images/client/sub/icon_milstone_intro1.png);
}
.milestone_intro2 .milestone_label::after {
	background-color: #499bcf;
	background-image: url(../../images/client/sub/icon_milstone_intro2.png);
}
.milestone_intro3 .milestone_label::after {
	background-color: #63b590;
	background-image: url(../../images/client/sub/icon_milstone_intro3.png);
}
.milestone_intro4 .milestone_label::after {
	background-color: #7d746d;
	background-image: url(../../images/client/sub/icon_milstone_intro4.png);
}
.milestone_label + div {
	margin-top: 20px; padding: 0 3%;
	width: 60%;
}


/* 핵심역량진단 */
.test_guide {
	position: relative;
	margin-top: 2%; padding: 60px 0;
	border: 1px solid #ccd0c9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.test_guide ol {
	font-size: 0; line-height: 0; text-align: center;
	background: url(../../images/client/sub/bg_teststep.png) no-repeat center 5px;
}
.test_guide ol li {
	display: inline-block;
	padding-top: 90px;
	width: 20%; 
	color: #333; font-size: 1.5rem; font-weight: 500; vertical-align: top; 
	background-repeat: no-repeat;
	background-position: center top;
}
.test_guide ol li span {
	display: block;
	font-weight: inherit;
}
.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: 30px 30px 30px 180px;
	text-align: right;
	background-size: auto 130px;
	background-position: 30px center;
	background-repeat: no-repeat;
}
.test_card1 {
	color: #fff;
	background-color: #9b4e6c;
	background-image: url(../../images/client/sub/bg_teststrong.png);
}
.test_card2 {
	color: #3e3e3e;
	background-color:  #ede1da;
	background-image: url(../../images/client/sub/bg_testweek.png);
}
.test_card h4 {
	padding: 3% 0 4% 0;
	font-size: 2rem; text-align: left; word-break: keep-all;
}
.test_card h4 strong {
	display: inline-block;
	margin: 0 5px 5px;
	font-size: 2.6rem; font-weight: 600; line-height: 1.1em; vertical-align: middle;
}
.test_card h4 strong span {
	display: block;
	width: 100%; height: 5px;
	margin-top: 2px;
	background-repeat: no-repeat; background-position: center;
	background-size: 100% auto;
}
.test_card1 h4 strong span {
	background-image: url('../../images/client/sub/bg_capa_underline1.png');
}
.test_card2 h4 strong span {
	background-image: url('../../images/client/sub/bg_capa_underline2.png');
}
.test_card p {
	margin-bottom: 10px;
	text-align: left;
	word-break: keep-all;
}
.test_card .btn {
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.testdo_list {
	overflow: hidden;
	padding: 25px 75px 25px 20px;
	position: relative;
	height: 184px;
	background-color: #f2efea; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.testdo_list dl {
	padding-left: 140px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 116px;
	background-image: url(../../images/client/sub/img_test_on.png);
}
.testdo_list dl dt {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.6rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis;
}
.testdo_list dl dt .label_tag {
	margin-right: 5px;
}
.testdo_list dl dd {
	padding: 1px 0;
	font-size: 1.5rem;
}
.testdo_list dl dd strong {
	position: relative;
	display: inline-block;
	padding: 0 14px 0 0; margin-right: 10px;
	font-weight: 600;
}
.testdo_list dl dd strong:after {
	position: absolute; top: 0; right: 0;
	content: "|";
}
.testdo_list .btn_viewresult, .btn_gotest {
	display: block;
	width: 70px; height: 100%;
	padding-top: 95px;
	position: absolute; right: 0; top: 0; bottom: 0;
	text-align: center; color: #fff;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: center 55px;
}
.testdo_list a.btn_viewresult {
	background-color: #e99754;
	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: #92234e;
	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 {
	background-image: url(../../images/client/sub/img_test_off.png);
}
.testdo_list.disabled a.btn_gotest, .testdo_list.disabled a.btn_viewresult, .testdo_list.disabled a.btn_gotest:hover, .testdo_list.disabled a.btn_viewresult:hover {
	color: #898989 !important;
	background-color: #d7d7d7 !important;
	cursor: default !important;
}

.recommend_wrap .subject_wrap, .recommend_wrap .program_wrap {
	position: relative;
}
.recommend_wrap .btn_area {
	position: absolute; top: -60px; right: 0;
	padding: 0;
}

/* 핵심역량 진단하기 */
.testlist_wrap {
	padding: 30px;
	background: #f2efea;
}
.testlist_wrap .testlist_tit {
	color: #333; font-size: 1.8rem; font-weight: 500; text-align: center;  
}
.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;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
} 
.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: 20px;
	margin-bottom: 3%;
	position: relative;
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.testlist_bar p {
	height: 20px;
	position: absolute; top: 0; left: 0;
	background-color: #ffc535;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.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;
	padding-bottom: 20px;
	text-align: center;
}
.testlist_number {
	display: inline-block;
	width: 140px;
	color: #333; font-size: 1.8rem; font-weight: 600; line-height: 40px; text-align: center; vertical-align: top;
}
.testlist_move {
	display: inline-block;
	width: 40px; height: 40px;
	font-size: 0; line-height: 0; vertical-align: top;
	background-color: #e99754; background-repeat: no-repeat; background-position: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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: #d7d7d7;
	cursor: default;
}
.testlist_pre.disabled {
	background-image: url(../../images/client/sub/page_prev_disabled.png);
}
.testlist_next.disabled {
	background-image: url(../../images/client/sub/page_next_disabled.png); 
}
.testlist_paging .btn {
	position: absolute; right: 0; bottom: 0;
	background-color: #92234e;
}
.testlist_paging .btn_list {
	position: absolute; left: 0; bottom: 0;
}

/* 핵심역량진단 결과 */
/* C */
.font_capa1 { color: #92234e; font-weight: 500; }
/* H */
.font_capa2 { color: #f37370; font-weight: 500; }
/* A */
.font_capa3 { color: #ffc535; font-weight: 500; }
/* N */
.font_capa4 { color: #cbaf99; font-weight: 500; }
/* G */
.font_capa5 { color: #63b58f; font-weight: 500; }
/* E */
.font_capa6 { color: #499acf; font-weight: 500; }

.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: 180px;
	background-color: #f2f2f2;
	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: 130px;
	background-size: 106px;
}
.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 #92234e;
	box-sizing: border-box;
}
.testdo_checkbox.on span {
	background-image: url(../../images/client/sub/icon_testselect_on.png); 
}

.testresult_view {
	padding-bottom: 80px;
	background: url(../../images/client/sub/bg_testresultview.png) no-repeat center bottom; 
}

.testresult_tit {
	position: relative;
	margin-bottom: 20px; padding: 18px 18px 18px 52px;
	color: #333; font-family: chungbuk, sans-serif; font-size: 2.2rem; font-weight: 600;
	background: url(../../images/client/sub/icon_testselect_on.png) no-repeat 12px center; background-size: 30px;
	border-top: 1px solid #d0ccc9;
	border-bottom: 1px solid #d0ccc9;
}
.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: chungbuk, 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;
	width: 85%;
}

.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 h4 {
	padding: 50px 0;
}

.elresult_box {
	height: 210px;
	background: #e5eef4;
}
.elresult_textbox {
	padding: 15px 20px;
	height: 210px;
	border: 1px dashed #006886;
	overflow-y: auto;
}

.resultcompare_txt {
	display: table;
	width: 100%;
	padding: 20px; margin-bottom: 20px;
	border: 1px solid #d7d7d7;
}
.resultcompare_txt strong {
	display: table-cell;
	width: 50%;
	padding-right:50px;
	text-align: right; font-size: 1.7rem; font-weight: 500;
}
.resultcompare_txt > div {
	padding-left: 50px;
}
.resultcompare_txt p span {
	vertical-align: top;
}
.result_compare_graph {
	position: relative;
}
.result_compare_graph .graph_box {
	overflow: hidden;
	border: 1px solid #d7e1ea;
}
.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;
}

.capatest_list {
	margin-top: 3%;
}
.capatest_list dt {
	position: relative;
	margin-top: 10px; padding: 15px 45px 15px 15px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	cursor: pointer;
}
.capatest_list dt::before, .capatest_list dt::after {
	content: "";
	position: absolute;
	display: block;
}
.capatest_list dt::before {
	top: -1px; right: -1px;
	width: 30px; height: calc(100% + 2px);
	background: #a90056;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
.capatest_list dt::after {
	top: 50%; right: 9px;
	margin-top: -3px;
	width: 12px; height: 7px;
	background: url(../../images/client/sub/icon_arrow_bottom_white.png) no-repeat center; background-size: contain;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.capatest_list dt .section_tit_md {
	display: block;
}
.capatest_list dd {
	margin-bottom: 5%;
}
.capatest_list dd .btn_area {
	padding: 5px 0;
}
.capatest_list dt.on {
	background: #fbf8fa;
	border-color: #a90056;
}
.capatest_list dt.on::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-animation-name: rotate(180deg);
	transform: rotate(180deg);
}

.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;
	background: #fff;
	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: #92234e;
}

.timelimit_wrap {
	position: fixed; bottom: 0; left: 0; z-index: 60;
	padding: 15px;
	width: 100%;
	color: #fff; font-family: chungbuk, sans-serif; font-size: 1.6rem; text-align: center; vertical-align: 0;
	background: #ff8928;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.timelimit_wrap .counter {
	margin-left: 10px;
	font-size: 2.4rem; font-weight: 600; letter-spacing: 0.2em;
}
.capatest_wrap .infotxt_area {
    margin-top: 20px; padding: 0 20px;  
    color: #92234e; font-family: GmargketSans, sans-serif; font-weight: 600; text-align: center; word-break: keep-all;
    -webkit-transform: rotate(-0.03deg);
    -moz-transform: rotate(-0.03deg);
    -o-transform: rotate(-0.03deg);
    transform: rotate(-0.03deg);
}
.capatest_wrap .infotxt_area strong {
    position: relative;
    display: inline-block;
    font-family: inherit; font-weight: inherit; vertical-align: 0;
    -webkit-transform: rotate(-0.03deg);
    -moz-transform: rotate(-0.03deg);
    -o-transform: rotate(-0.03deg);
    transform: rotate(-0.03deg);
}
.capatest_wrap .infotxt_area strong::after {
    content: "";
    position: absolute; bottom: 4px; left: 0; z-index: -1;
    display: inline-block;
    width: 100%; height: 8px;
    background: #75ddfb;
}


/* 핵심역량검사 결과 */
.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;
}
.caparesult_txtbox {
	padding: 20px;
	color: #92234e; font-family: Jalnan, sans-serif; font-size: 2.4rem; text-align: center;
	background: #f8f2f4;
	border: 2px solid #92234e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.caparesult_txtbox strong {
	position: relative;
	margin-right: 10px; padding-right: 18px;
	color: #92234e; font-size: 1.5rem; font-weight: 500; vertical-align: middle;
}
.caparesult_txtbox strong::after {
	content: "";
	position: absolute; top: 50%; right: 0;
	display: inline-block;
	margin-top: -4px;
	width: 11px; height: 8px;
	background: url(../../images/client/sub/img_equalsign.png) no-repeat center; background-size: contain;
}
.caparesult_txtbox strong span {
	display: inline-block;
	margin-right: 4px;
	width: 108px; height: 21px;
	font-size: 0; line-height: 0; vertical-align: middle;
	background: url(../../images/client/sub/img_change.png) no-repeat center; background-size: contain;
}

/* 학습유형진단 */
.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: chungbuk, 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: #92234e;
	border-color: #92234e; 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: #92234e; 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;
}

/* 워크넷진단 */
.worknet_wrap {
	padding: 30px;
	position: relative;
	border: 1px solid #c4c9cc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.worknet_info {
	padding: 20px 30px 20px 150px;
	font-size: 1.7rem; word-break: keep-all; font-weight: 600;
	background: url(../../images/client/sub/img_worknet_info.png) no-repeat 50px center;
	background-size: 70px;
}

.worknet_step {
	padding: 30px 0;
	border: none;
}
.worknet_step ol{
	width: 100%;
	padding: 0 80px;
	font-size: 0; line-height: 0; text-align: center;
	background: url(../../images/client/sub/arrow_lightgray_lg.png) no-repeat center center;
	border: 0;
}
.worknet_step ol li {
	position: relative;
	display: inline-block;
	padding-top: 100px;
	width: 25%; 
	font-size: 1.5rem; line-height: 1.5em; vertical-align: middle;
}
.worknet_step .teststep1 {
	background-image: url(../../images/client/sub/img_worknet_step1.png);
}
.worknet_step .teststep2 {
	background-image: url(../../images/client/sub/img_worknet_step2.png);
}
.worknet_step .teststep3 {
	background-image: url(../../images/client/sub/img_worknet_step3.png);
}
.worknet_step .teststep4 {
	background-image: url(../../images/client/sub/img_worknet_step4.png);
}
.worknet_step ol li span {
	display: inline-block;
	line-height: inherit; vertical-align: top;
}
.worknet_wrap + .font_orange {
	float: left;
	margin-top: 10px;
}
.worknet_btnarea {
	margin: 15px 2px;
	text-align: right;
}
.worknet_box {
	margin-bottom: 2%;
	border: 1px solid #c4c9cc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.worknet_content {
	position: relative;
	min-height: 240px;
	padding: 20px 20px 20px 300px;
	color: #252121; 
}
.worknet_content h4 {
	margin-bottom: 10px;
	font-size: 2rem;
}
.worknet_content .worknet_image {
	overflow: hidden;
	width: 260px; height: 200px;
	position: absolute; left: 20px; top: 20px;
}
.worknet_content .worknet_image img {
	width: 100%; height: 100%;
}
.worknet_content .worknet_text {
	margin-bottom: 1%;
	font-size: 1.5rem;
}
.worknet_content ul {
	margin-bottom: 1%;
}
.worknet_content ul li {
	padding: 3px 0;
}
.worknet_content ul li strong {
	display: inline-block;
	margin-right: 5px; padding-right: 10px;
	background: url(../../images/client/sub/bar_black.png) no-repeat right 2px;
}
.worknet_content .btn_area {
	padding: 0;
	text-align: right;
}
.worknet_content .btn_area .btn.on {
	background-color: #5d2037;
}
.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: #92234e;
}
.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);
}

/* 비교과 */
.tab_list li.tab_other a {
	color: #7d746d;
	background: #f2efea;
}
.tab_list li.tab_other.on {
	border-top-color: #92234e; 
}

.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;
	margin-top: 15px;
	border: 1px solid #c4c9cc;
}
.program_label {
	position: absolute; top: -15px; left: -1px; z-index: 2;
	display: flex;
	padding: 4px 0;
	width: 70px; height: 44px;
	align-items: center; justify-content: center;
	color: #fff; font-size: 1.2rem; line-height: 1.24em; text-align: center; 
	-webkit-border-radius: 2px 0 4px 4px;
	-moz-border-radius: 2px 0 4px 4px;
	border-radius: 2px 0 4px 4px;
}
.program_label::after {
	content: "";
	position: absolute; top: 0; right: -15px;
	display: block;
	width: 15px; height: 15px;
	background: url(../../images/client/sub/bg_program_label.png) no-repeat center;
}
.program_label .inner {
	line-height: inherit; 
}
.program_label span {
	display: block;
	line-height: inherit; 
}
.program_label .team_label {
	position: absolute; top: 40px; left: 0; z-index: 2;
	display: block;
	width: 70px; height: 20px;
	color: #fff; font-size: 1.2rem; line-height: 20px; text-align: center; 
	background: #666b90;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.program_label .team_label::before {
	content: "";
	display: inline-block;
	margin-right: 3px; margin-top: 3px;
	vertical-align: top;
	background-repeat: no-repeat; background-position: center; background-size: contain;
}
.program_label .team_team::before {
	width: 20px; height: 12px;
	background-image: url(../../images/client/sub/icon_team.png);
}
.program_label .team_person::before {
	width: 12px; height: 12px;
	background-image: url(../../images/client/sub/icon_person.png);
}
/* 신청가능, 모집중, 운영중 */
.program_label.bg_blue {
	background: #3a93e5 !important;
}
/* 신청대기, 대기 */
.program_label.bg_orange {
	background: #fda815 !important;
}
/* 신청마감, 운영종료 */
.program_label.bg_gray {
	background: #8b8b8b !important;
}
/* 신청불가 */
.program_label.bg_red {
	background: #e85c65 !important;
}
.program_label.bg_blue::after {
	background-image: url(../../images/client/sub/bg_program_recruiting.png);
}
.program_label.bg_orange::after {
	background-image: url(../../images/client/sub/bg_program_wait.png);
}
.program_label.bg_gray::after {
	background-image: url(../../images/client/sub/bg_program_finish.png);
}
.program_label.bg_red::after {
	background-image: url(../../images/client/sub/bg_program_impossible.png);
}
.program_label.bg_blue .team_label {
	background: #1e73c1;
}
.program_label.bg_orange .team_label {
	background: #dd8d03;
}
.program_label.bg_gray .team_label {
	background: #6d6d6d;
}
.program_label.bg_red .team_label {
	background: #c03b43;
}
.mileage_label {
	position: absolute; top: 150px; right: 8px; z-index: 2;
	display: inline-block;
	padding: 0 4px 0 20px;
	min-width: 64px; max-width: 100px; height: 22px;
	font-size: 1.4rem; font-weight: 500; line-height: 20px; text-align: center; white-space: nowrap; text-overflow: ellipsis;
	background: #fff;
	border: 1px solid #92234e;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
}
.mileage_label::before {
	content: "M";
	position: absolute; top: 2px; left: 2px;
	display: block;
	width: 16px; height: 16px;
	color: #fff; font-size: 1.1rem; line-height: 16px; text-align: center;
	background: #92234e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.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: #f4e8ed;
	background-image: url(../../images/client/sub/bg_program_capa1.png);
}
.previewimg_capa2 {
	background-color: #fef1f0;
	background-image: url(../../images/client/sub/bg_program_capa2.png);
}
.previewimg_capa3 {
	background-color: #fff9ea;
	background-image: url(../../images/client/sub/bg_program_capa3.png);
}
.previewimg_capa4 {
	background-color: #faf7f4;
	background-image: url(../../images/client/sub/bg_program_capa4.png);
}
.previewimg_capa5 {
	background-color: #eff7f4;
	background-image: url(../../images/client/sub/bg_program_capa5.png);
}
.previewimg_capa6 {
	background-color: #ecf5fa;
	background-image: url(../../images/client/sub/bg_program_capa6.png);
}

.program_infolist dt {
	padding: 10px;
	border-bottom: 1px solid #d7d7d7;
}
.program_infolist dt a {
	display: block;
	display: -webkit-box;
	width: 100%; height: 45px;
	color: #252121; font-size: 1.5rem; font-weight: 500;
	text-overflow: ellipsis; word-break: keep-all;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden;
}
.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; font-size: 1.4rem; letter-spacing: -0.05em;
}
.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: 60px;
}
.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_infolist .starlevel_count img {
	display: inline-block;
	margin-right: 4px;
	width: 90px;
	vertical-align: middle;
}
.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;
}
/* C 창의성 */
.program_graph .capa1 {
	background: #92234e;
}
/* H 휴머니즘 */
.program_graph .capa2 {
	background: #f27370;
}
/* A 능동성 */
.program_graph .capa3 {
	background: #ffc535;
}
/* N 공동체 */
.program_graph .capa4 {
	background: #c3a791;
}
/* G 글로벌 */
.program_graph .capa5 {
	background: #63b590;
}
/* E 전문성 */
.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: #92234e;
}
.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: 40px auto 50px;
	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 .previewimg_box a {
	height: 330px;
	cursor: default;
}
.program_contentimg .previewimg_box a:hover .previewimg_capa {
	height: 100%;
}
.program_contentimg .previewimg_capa1 {
    background-image: url(../../images/client/sub/bg_programlg_capa1.png);
}
.program_contentimg .previewimg_capa2 {
    background-image: url(../../images/client/sub/bg_programlg_capa2.png);
}
.program_contentimg .previewimg_capa3 {
    background-image: url(../../images/client/sub/bg_programlg_capa3.png);
}
.program_contentimg .previewimg_capa4 {
    background-image: url(../../images/client/sub/bg_programlg_capa4.png);
}
.program_contentimg .previewimg_capa5 {
    background-image: url(../../images/client/sub/bg_programlg_capa5.png);
}
.program_contentimg .previewimg_capa6 {
    background-image: url(../../images/client/sub/bg_programlg_capa6.png);
}
.program_contentbox .program_label {
	left: 0;
	width: 80px; height: 50px;
	font-size: 1.4rem;
}
.program_contentbox .team_label {
	top: 46px;
	width: 80px; height: 22px;
	font-size: 1.4rem; line-height: 22px;
}
.program_contentbox .team_label::before {
	margin-top: 5px;
}
.program_contentbox .mileage_label {
	top: 10px; right: 10px;
	min-width: 80px; max-width: 120px; 
	font-size: 1.5rem;
}
.program_rightbox {
	width: 60%;
	padding: 0 1em;
}
.program_rightbox dt {
	margin-bottom: 4px;
	width: 100%;
	padding-bottom: 6px; padding-left: 0.5em;
	border-bottom: 1px solid #d7d7d7;
}
.program_rightbox dt strong {
	color: #499bcf; 
}
.program_rightbox dt strong span {
	vertical-align: top;
}
.program_rightbox dt p {
	color: #333; font-size: 2.2rem; font-weight: 500;
}
.program_rightbox dt > span {
	margin-top: 3px;
	color: #999;  
}

.program_rightbox dd {
	padding: 8px 0 0 0.5em;
	color: #252121;
}
.program_rightbox dd strong {
	display: inline-block;
	width: 120px;
	margin-right: 5px;
}
.program_rightbox .starlevel_count img {
	display: inline-block;
	margin-right: 4px;
	width: 120px;
	vertical-align: middle;
}
.program_btnarea {
	display: inline-block;
	position: absolute; right: 10px;
}
.program_btnarea span {
	display: inline-block;
	margin-right: 5px; 
	height: 20px;
	color: #ef4a34; font-size: 1.5rem; line-height: 19px; font-weight: 600; vertical-align: top; 
}

/* 비교과 상세 - 해시태그 추가 */
.program_rightbox dd:has(.hashtag_label){
	display: flex;
}
.hashtag_label{
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	/* width: calc(100% - 120px); */
	width: 531px;
}
.hashtag_label li{
	padding: 0px 8px;
	color: #92234E; font-size: 1.4rem; line-height: 24px;
	height: 24px;
	background: #FFE9F1;
	border-radius: 100px;
}

/* 비교과 상세 - 해시태그 추가 */

.join_count_wrap {
	font-size: 0; line-height: 0;
	background-color: #f2f2f2;
}
.join_count_wrap>div {
	display: inline-block;
	width: 49%; height: 70px;
	padding: 10px 0;
	position: relative;
	margin-left: 2%; padding-left: 150px;
	font-size: 1.5rem;
}
.join_count_wrap>div strong {
	padding-left: 80px;
	position: absolute; left: 0;
	color: #252121; font-weight: 500; 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 {
	margin-top: -17px;
}
.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;
}

.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: chungbuk, 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: 1px solid #c4c9cc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.insert_adit .adit_top {
	border-radius: 0;
}
.adit_top {
	padding: 10px 20px;
	background-color: #f2f0ee;
}
.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/sub/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_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_dept.png);
}
.adit_footer ul li:nth-child(2) {
	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: 20px;
	border: 1px solid #d0ccc9;
}

.progrmaapply_box {
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* overflow: hidden; */
}
.progrmaapply_box ul {
	padding: 20px;
}
.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;
}
.member_list {
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 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%;
}
.fileattach_box>p{
	margin-bottom: 5px;
}
.filelist_box {
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.page_footer {
	padding: 20px 0;
	text-align: center;
}
.page_footer .btn, .page_footer .btn_circle{
	margin: 0 2px;
}

.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: #92234e;
	border-color: #92234e;
}
.program_surveyarea a:nth-child(2).on {
	color: #33548a;
	border-color: #33548a;
}
.starlevel_select {
	position: relative; z-index: 1;
	display: inline-block;
	width: 200px;
	background: #fff;
	border: 1px solid #c2cad2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: default;
}
.starlevel_select .starlevel_label {
	margin: 0; padding: 8px 30px 8px 12px;
	text-align: left;
	background: url(../../images/client/sub/bg_select.png) right 12px center no-repeat;
}
.starlevel_select .starlevel_label img {
	display: inline-block;
	margin-right: 4px;
	width: 70%;
	vertical-align: middle;
}
.starlevel_select .starlevel_label span {
	vertical-align: middle;
}
.starlevel_select ul {
	display: none;
	position: absolute; top: 40px; left: 0;
	padding: 5px 0;
	width: 100%;
	background: #fff;
	border: 1px solid #c2cad2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.starlevel_select ul li {
	padding:  5px 30px 5px 12px;
	text-align: left;
}
.starlevel_select ul li img {
	display: inline-block;
	margin-right: 4px;
	width: 70%;
	vertical-align: middle;
}



/* 자기주도활동 */
.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 {
	overflow: hidden;
	position: relative;
}
.active_box {
	position: relative;
	display: block;
	padding: 20px 20px 20px 110px;
	min-height: 133px;
	background-repeat: no-repeat;
	background-position: 22px center;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.license_box {
	background-image: url(../../images/client/sub/icon_licensebox.png);
}
.language_box {
	background-image: url(../../images/client/sub/icon_languagebox.png);
}
.voluntary_box {
	background-image: url(../../images/client/sub/icon_voluntarybox.png);
}
.award_box {
	background-image: url(../../images/client/sub/icon_awardbox.png);
}
.club_box {
	background-image: url(../../images/client/sub/icon_clubbox.png);
}
.active_box .label_tag {
	position: relative;
	display: inline-block;
	margin-right: 15px;
	width: 55px; height: 18px;
	color: #fff; font-size: 1.3rem; line-height: 18px; letter-spacing: -0.03em; text-align: center;
}
.active_box .label_tag::after {
	position: absolute; top: 50%; right: -10px;
	content: "";
	display: inline-block;
	margin-top: -7px;
	width: 1px; height: 14px;
	background: #093167;
}
.label_accept { background-color: #89a435; }
.label_wait { background-color: #fda815; }
.label_reject { background-color: #eb3441; }
.label_cancel { background-color: #707070; }
.active_box h4 {
	overflow: hidden;
	width: 100%;
	margin-bottom: 0;
	color: #333; font-size: 1.8rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis;
}
.active_box p {
	margin-bottom: 5px;
}
.active_box p span {
	display: inline-block;
	margin-right: 5px;
	font-size: 1.5rem;
}
.active_box .pointview {
	position: absolute; bottom: 10px; right: 10px;
	margin-bottom: 0; padding-left: 18px;
	background: url(../../images/client/sub/icon_pointview.png) no-repeat left 3px;
	background-size: 14px;
}
.active_box .pointview span {
	vertical-align: top; color: #f550a5;
}
.searchtoggle_left .select_form {
	margin: 0; margin-right: 10px;
}

.active_footer {
	position: relative;
	text-align: right;
}
.active_footer a {
	display: inline-block;
	padding-left: 35px; margin-top: 10px;
	/*font-family: NanumSquareB;*/
	background: url(../../images/client/main/icon_mileage.png) no-repeat 0 center;
}
.active_footer a span {
	margin-left: 5px;
	color: #016dae; 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: 1.5rem;
}
.graph_box .multigraph_list {
	padding: 22px 50px 10px;
	text-align: left;
}
.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);
}
.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: #92234e;
}
.certi_status.certi_wait {
	color: #f69545;
}
.certi_status.certi_fail {
	color: #bca194;
}
.certi_status.certi_staff {
	color: #8488a9;
}

/* 독서인증현황 */
.readstatus_wrap {
	padding: 50px 20px;
	border: 1px solid #d0ccc9;	
}
.readstep_wrap {
	position: relative;
	margin-bottom: 70px; padding: 90px 0;
}
.readstep_list {
	position: absolute; top: 0; left: 20px;
	margin: 0 -20px; padding: 0 68px;
	width: 100%;
	font-size: 0; line-height: 0; text-align: center;
}
.readstep_list li {
	display: inline-block;
	padding-top: 130px;
	width: 16.666%;
	background: url(../../images/client/sub/icon_readstep_off.png) no-repeat top;
}
.readstep_list li strong {
	display: inline-block;
	margin-bottom: 5px;
	width: 100px; height: 30px;
	color: #333; font-size: 1.5rem; font-weight: 500; line-height: 30px; 
	background: #f2efea;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.readstep_list li p {
	color: #7d746d; font-size: 2.2rem;
}
.readstep_list li p span {
	vertical-align: top;
}
.readstep_list li.on {
	background-image: url(../../images/client/sub/icon_readstep_on.png);
}
.readstep_list li.on strong {
	color: #fff;
	background: #92234e;
}
.readstep_list li.on p {
	color: #92234e;
}

.readstep_line {
	position: relative;
	padding: 0 48px;
}
.readstep_line p {
	position: absolute; top: 50%;
	color: #333; font-size: 1.8rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.readstep_line p:first-child {
	left: 0;
}
.readstep_line p:last-child {
	right: 0;
}
.step_point {
	position: relative;
	margin: 9px 20px; 
	height: 2px;
	background: #f69545;
}
.step_point::before, .step_point::after {
	position: absolute; top: 50%; 
	content: "";
	display: inline-block;
	margin-top: -10px;
	width: 20px; height: 20px;
}
.step_point::before {
	left: -20px;
	background: #f69545;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.step_point::after {
	right: -20px; 
	background: url(../../images/client/sub/icon_triangle_right_orange.png) no-repeat left center;
}
.step_point span {
	position: absolute; top: 50%;
	display: inline-block;
	margin-top: -7px;
	width: 14px; height: 14px;
	font-size: 0; line-height: 0;
	background: #fff;
	border: 2px solid #92234e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.step_point span:nth-child(1) {
	left: 16.2%;
}
.step_point span:nth-child(2) {
	left: 32.8%;
}
.step_point span:nth-child(3) {
	left: 49.4%;
}
.step_point span:nth-child(4) {
	left: 65.9%;
}
.step_point span:nth-child(5) {
	left: 82.6%;
}
.step_point span.on  {
	background: #92234e;
}
.readstatus_wrap > p {
	margin-bottom: 10px;
	text-align: center;
}
.readstatus_wrap .btn_area {
	text-align: center;
}

.certicount_wrap div div {
	padding: 35px 10px 35px 100px;
	color: #333; font-size: 1.8rem; font-weight: 500; text-align: center;
	background-repeat: no-repeat; background-position: 40px center;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.apply_count {
	background-image: url(../../images/client/sub/icon_apply_count.png);
}
.certi_count {
	background-image: url(../../images/client/sub/icon_certi_count.png);
}
.fail_count {
	background-image: url(../../images/client/sub/icon_fail_count.png);
}
.certicount_wrap div .certi_record {
	padding: 31px 10px;
}
.certicount_wrap div div span {
	margin-left: 20px;
	font-size: 3rem; line-height: inherit; vertical-align: top;
}
.certicount_wrap div div .btn {
	margin-left: 10%;
}


/* 봉사인증제 */
.data_list.certivoluntary_list li {
	padding-left: 100px;
}
.data_list.certivoluntary_list .col_1 {
	padding-right: 0;
	width: 100px;
}
.data_list.certivoluntary_list .col_2 {
	width: 65%;
}
.data_list.certivoluntary_list .col_5 {
	width: 11%;
	text-align: left;
}

.data_list.voluntary_list li {
	padding-left: 100px; padding-right: 207px;
}
.data_list.voluntary_list .col_1 {
	padding-right: 0;
	width: 100px;
}
.data_list.voluntary_list .col_1 .category_label {
	padding: 0 10px;
	min-width: 100px; width: auto;
}
.data_list.voluntary_list .col_2 {
	width: 64%;
}
.data_list.voluntary_list .col_5 {
	width: 12%;
}
.data_list.voluntary_list .col_6 {
	position: absolute; top: 50%; right: 110px;
	width: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.data_list.voluntary_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%);
}

/* 봉사인증 신청하기 */
.searchday_row .search_day {
	width: 48%;
}
.searchday_row .search_day:first-child {
	margin-right: 1%;
}

/* 봉사인증현황 */
.volunstatus_wrap > div > div {
	border: 1px solid #d0ccc9;
}
.volunstatus_wrap > div > div > div {
	padding: 40px 10px 30px;
	text-align: center;
	border: 1px solid #fff;
}
.volunstatus_wrap > div > div.on, .volunstatus_wrap > div > div.on > div {
	border-color: #92234e;
}
.volunstatus_wrap h5 {
	padding-top: 100px;
	font-family: GmargketSans, sans-serif; font-size: 3rem; color: #333; line-height: 1em;
	background-repeat: no-repeat; background-position: center top;
}
.volunstatus_list1 h5 {
	background-image: url(../../images/client/sub/icon_silver.png);
}
.volunstatus_list2 h5 {
	background-image: url(../../images/client/sub/icon_gold.png);
}
.volunstatus_list3 h5 {
	background-image: url(../../images/client/sub/icon_diamond.png);
}
.volunstatus_wrap p {
	margin-bottom: 20px;
	color: #7c7b7b;
}
.stack_count {
	background-image: url(../../images/client/sub/icon_stack_count.png);
}
.time_count {
	background-image: url(../../images/client/sub/icon_time_count.png);
}
/*.volunrecord_graph > div {
	text-align: center;
}
.volunrecord_graph strong {
	display: block;
	margin-top: 10px;
	color: #333; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.volunrecord_graph p {
	color: #7c7b7b;
}*/

/* 영어인증제 */
.certi_titbox {
	margin-bottom: 40px; padding-left: 50%;
	min-height: 237px;
	background: url(../../images/client/sub/img_english_tit.png) no-repeat 27% top;
}
.certi_titbox h3 {
	margin-bottom: 15px; padding-top: 20px;
	color: #5d6392; font-family: chungbuk, sans-serif; font-size: 3rem; font-weight: 600;	
}
.certi_titbox p {
	margin-bottom: 22px;
	width: 65%;
	line-height: 1.8em; word-break: keep-all;
}
.applystep_list {
	font-size: 0; line-height: 0;
}
.applystep_list li {
	position: relative;
	display: inline-block;
	margin-bottom: 15px; margin-left: 3.125%;
	width: 14.062%; height: 80px;
	font-size: 1.5rem; line-height: 1.5em;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	box-sizing: border-box;
}
.applystep_list li:first-child {
	margin-left: 0;
}
.applystep_list li:first-child::before {
	display: none;
}
.applystep_list li::before {
	position: absolute; top: 50%; left: -25.555%;
	content: "";
	display: block;
	margin-top: -5px;
	width: 25.555%; height: 10px;
	background: url(../../images/client/sub/bg_applystep.png) no-repeat left center; 
}
.applystep_list p {
	position: absolute; top: 50%; left: 0;
	padding: 0 25px;
	width: 100%;
	color: #333; text-align: center; word-break: keep-all;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.applystep_list + p span {
	position: relative;
	font-weight: 500; vertical-align: top; line-height: 1.4em;
}
.applystep_list + p span::after {
	content: "";
	position: absolute; bottom: -2px; left: 0;
	display: block;
	width: 100%; height: 1px;
	background: #f64f2e;	
}

/* 지도교수상담 */
.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;
}
.required {
	display: inline-block;
	color: #ea3826; font-size: 2rem; line-height: 1.2em; vertical-align: top;
}
.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 #92234e; 
}
.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:#92234e url(../../images/client/sub/arrow_calendar_pre.png) center center no-repeat;
}
.bg ul li .next_m{
	background:#92234e 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; word-break: keep-all;
}
.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_shortcut8 a::before {
	background-image: url(../../images/client/sub/img_counsel_shortcut8.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_box {
	display: block;
	height: 250px;
	padding: 20px 20px 20px 130px;
	position: relative;
	background-color: #fff;
	border: 1px solid #ced2d6;
	overflow: hidden;
}
.jobinfo_left {
	width: 97px;
	position: absolute; top: 15px; left: 15px;
	text-align: center;
}
.jobinfo_left strong {
	display: block;
	margin-bottom: 5px;
	font-size: 1.8rem; line-height: 70px; color: #fff;
	background: #92234e;
}
.jobinfo_left div {
	height: 143px;
	color: #333;
	background: #f2efea url(../../images/client/sub/bg_employ_wave.png) no-repeat left center;
	background-position: 0 center;
	background-size: 100% auto;

}
.jobinfo_left div p {
	height: 50%;
	padding-top: 8px;
	font-size: 1.9rem; letter-spacing: -0.03em;
}
.jobinfo_left div p:last-child {
	padding-top: 13px;
}
.jobinfo_left div p span {
	display: block;
	font-size: 1.5rem;
}
.jobinfo_left div p.limit_time {
	padding-top: 26px;
	font-size: 1.5rem; font-weight: 400;
}
.jobinfo_left div.always {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 1.5rem; color: #333; word-break: keep-all;
	justify-content: center; align-items: center;
	background-image: none;
}
.jobinfo_right {
	width: 100%;
}
.jobinfo_right dt {
	margin-bottom: 5px;
}
.jobinfo_right dt a {
	overflow: hidden;
	display: block;
	width: 100%;
	padding-bottom: 10px;
	font-size: 1.8rem; word-break: keep-all; white-space: nowrap; font-weight: 500;
	text-overflow: ellipsis;
}
.jobinfo_right dt p {
	overflow: hidden;
	width: 100%;
	color: #7c7b7b; font-size: 1.5rem; padding-bottom: 11px; white-space: nowrap; text-overflow: ellipsis;
	border-bottom: 1px solid #d0ccc9;
}
.jobinfo_right dd li {
	width: 100%;
	overflow: hidden;
	padding: 2px 0;
	color: #3e3e3e; white-space: nowrap; text-overflow: ellipsis;
}
.jobinfo_right dd li strong {
	position: relative;
	display: inline-block;
	width: 62px;
	margin-right: 7px;
	font-size: 1.5rem;
}
.jobinfo_right dd li strong::after {
	position: absolute; right: 0;
	content: "|";
	color: #d7d7d7;
}
.jobinfo_box .btn_round {
	position: absolute;  right: 10px; bottom: 10px;
}
.subjobinfo_wrap .jobinfo_box .btn_addlike {
	position: absolute; top: 15px; right: 15px;
}
.subjobinfo_wrap .jobinfo_box .jobinfo_right dt a{
	padding-right: 40px;
}

.jobinfo_tit {
	padding: 10px 0 20px 0;
	font-size: 2rem; text-align: center;
}
.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 h5 {
	margin-bottom: 0.3em; padding: 0 0 5px 22px;
	color: #333; font-size: 1.9rem; font-weight: 500; 
	background: url(../../images/client/sub/icon_tit_md.png) left 4px no-repeat; 
}
.jobinfo_list h5 .btn_round {
	margin-left: 20px;
}
.jobinfo_content .adit_top {
	margin-bottom: 20px;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
}
.jobinfo_list .tbl th {
	width: 10%;
}
.jobinfo_list .tbl td {
	width: 45%;
}

.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 {
	font-size: 0; line-height: 0;
}
.pre_cal span {
	display: inline-block;
	width: 140px; height: 40px;
	vertical-align: top; text-indent: -9999px;
	background-repeat: no-repeat; background-position: center;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}
.pre_cal .worknet {
	background-image: url(../../images/client/sub/bg_worknet.jpg);
}
.pre_cal .saramin {
	background-image: url(../../images/client/sub/bg_saramin.jpg);
}
.pre_cal .jobkorea {
	background-image: url(../../images/client/sub/bg_jobkorea.jpg);
}

/* 워크넷 공채속보 */
.worknetspeed_box {
	padding: 25px;
	background: #f2efea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.worknetspeed_box > p {
	overflow: hidden;
	height: 100px;
	margin-bottom: 18px;
	position: relative;
	background-color: #fff;
}
.worknetspeed_box > p > img {
	max-width: 100%; height: auto;
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.worknetspeed_box dt {
	margin-bottom: 10px;
}
.worknetspeed_box dt a {
	overflow: hidden;
	display: block;
	font-weight: 600; font-size: 1.7rem; white-space: nowrap; text-overflow: ellipsis;
}
.worknetspeed_box dd strong {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top; font-weight: 600;
}

/* 사람인 채용정보 */
.search_job .grid_row {
	overflow: visible;
}

/* 진로탐색 */
.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: #92234e;
}
.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;
}

.target_box {
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.target_box > a {
	display: block;
	width: 100%; height: 100%;
	padding: 20px;
	position: relative;
}
.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%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.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;
	background: #f2efea;
	-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;
}
.company_box dt {
	display: -webkit-box;
	margin-bottom: 5px;
	height: 46px;
	color: #252121; font-size: 1.8rem; font-weight: 500; line-height: 1.3em;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden;
}
.company_box dd {
	overflow: hidden;
	padding: 5px 0;
	color: #535353;
	white-space: nowrap; text-overflow: ellipsis;
}
.company_box dd strong {
	position: relative;
	display: inline-block;
	width: 70px;
	margin-right: 10px; padding-right: 9px;
	color: #333; font-weight: 500; vertical-align: top;
}
.company_box dd strong::after {
	position: absolute; right: 0;
	content: "|";
	color: #d0ccc9;
}
.company_box dd p span {
	vertical-align: top;
}
.target_compony dt {
	overflow: hidden;
	width: 100%;
	margin-bottom: 8px; padding-right: 30px;
	color: #333; font-size: 1.8rem; font-weight: 500; white-space: nowrap;
	text-overflow: ellipsis;
}
.target_compony dd {
	overflow: hidden;
	width: 100%;
	padding: 2px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.target_compony dd strong {
	position: relative;
	display: inline-block;
	width: 70px;
	margin-right: 10px;
}
.target_compony dd strong::after {
	position: absolute; top: 0; right: 0;
	content: "|";
	color: #d0ccc9;
}

.role_box {
	background: #f2efea;
}
.target_role {
	padding: 28px 0 29px 150px;
	font-size: 1.5rem; 
	background: url(../../images/client/sub/img_model_beige.png) no-repeat 20px center;
}
.target_role span {
	display: block;
	margin-bottom: 10px;
	color: #333; font-size: 1.8rem; font-weight: 500;
}

/* 국가직무능력표준 정보 */
.ncs_list {
	margin-top: 10px;
	border-top: 2px solid #92234e;
}
.ncs_list dt {
	padding: 12px;
	text-align: center; font-size: 1.5rem; color: #101424; font-weight: 500;
	background: #f2f0ee;
}
.ncs_list dd {
	padding: 10px;
}
.ncs_list > dd:nth-of-type(1){
	border: 1px solid #d0ccc9;
}
.ncs_list dd ol{
	font-size: 0; line-height: 0;
}
.ncs_list dd ol li {
	display: inline-block;
	width: 16.66%;
	padding: 10px;
}
.ncs_list dd ol li a {
	display: table;
	width: 100%;
	padding-top: 90px;
	position: relative;
	font-size: 1.5rem; line-height: 1.3em; text-align: center;
	word-break: keep-all;
	border: 1px solid #d7d7d7;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ncs_list dd ol li a img {
	position: absolute; top: 15px; left: 50%;
	transform: translateX(-50%);
}
.ncs_list dd ol>li a strong {
	display: table-cell;
	width: 100%; height: 50px;
	padding: 5px;
	vertical-align: middle; word-break: break-all;
	background: #f2f2f2;
	border-top: 1px solid #d7e1ea;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ncs_list dd ol li a strong span {
	margin-right: 3px;
	color: #193296; vertical-align: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ncs_list dd ol li a.on {
	border-color: #ff8929;
}
.ncs_list dd ol li a.on strong {
	color: #fff;
	background-color: #ff8929;
}
.ncs_list dd ol li a.on strong span {
	color: #fff;
}

.ncs_list .ncs_inner_list {
	display: table;
	width: 100%;
	padding: 20px 0;
}
.ncs_list .ncs_inner_box {
	display: table-cell;
	width: 33.33%;
	vertical-align: top;
	border-top: 2px solid #92234e;
	border-bottom: 1px solid #d0ccc9;
	border-right: 1px solid #d0ccc9;
}
.ncs_list .ncs_inner_box:first-child {
	border-left: 1px solid #d0ccc9;
}
.ncs_list .ncs_inner_box ol  {
	border-top: 1px solid #d0ccc9;
}
.ncs_list .ncs_inner_box ol li {
	display: block;
	width: 100%;
	padding: 5px 5px;
}
.ncs_list .ncs_inner_box ol li a {
	padding: 5px;
	text-align: left;
	border: 0;
}
.ncs_list .ncs_inner_box ol li a:hover {
	color: #ff8929;
}
.ncs_list .ncs_inner_box strong {
	display: block;
	width: 100%;
	padding: 10px;
	font-weight: 500; font-size: 1.5rem; text-align: center; color: #101424;
	background-color: #f1f6f7;
}
.ncs_list .ncs_inner_box ol li a span {
	margin-right: 3px;
}
.ncs_list .ncs_inner_box ol li a.on {
	color: #fff;
	background-color: #ff8929;
}
.ncs_view {
	margin-top: 50px;
}
.ncs_view .ncsprogram_txt {
	padding: 10px; margin-bottom: 10px;
	font-size: 1.5rem; word-break: keep-all;
}
.ncsprogram_list {
	padding: 0 25px 25px 25px;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ncsprogram_list dt {
	padding-left: 20px; margin: 25px 0 10px 0;
	color: #252121; font-size: 1.7rem; font-weight: 500;
	background: url(../../images/client/sub/job_tit.png) no-repeat 0 0;
}
.ncsprogram_list dd {
	padding-left: 25px;
	word-break: keep-all; line-height: 1.6em;
}

/* 자격증 정보 */
.data_card {
	position: relative;
	display: block;
	padding: 20px;
	background: #f2efea;
	-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: 46px;
	color: #252121; font-size: 1.8rem; font-weight: 500; line-height: 1.3em;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden;
}
.data_card dd {
	overflow: hidden;
	padding: 5px 0;
	color: #535353;
	white-space: nowrap; text-overflow: ellipsis;
}
.data_card dd strong {
	position: relative;
	display: inline-block;
	width: 70px;
	margin-right: 10px; padding-right: 9px;
	color: #333; font-weight: 500; vertical-align: top;
}
.data_card dd strong::after {
	position: absolute; right: 0;
	content: "|";
	color: #d0ccc9;
}
.data_card dd span {
	vertical-align: top;
}

/* 직업방송 동영상 */
.jobvideoinfo_list {
	overflow: hidden;
	display: block;
	padding: 110px 15px 15px 15px;
	text-align: center;
	background: #f2efea url(../../images/client/sub/img_jobvideo.png) no-repeat center 20px;
	background-size: 80px;
	-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-size: 1.5rem; font-weight: 500; color: #333; white-space: nowrap; text-overflow: ellipsis;
}
.jobvideoinfo_list li {
	display: inline-block;
	padding: 0 5px;
	color: #7c7b7b;
}
.jobvideoinfo_list li strong {
	position: relative;
	display: inline-block;
	margin-right: 5px; padding-right: 9px;
	vertical-align: top;
}
.jobvideoinfo_list li strong::after {
	position: absolute; right: 0;
	content: "|";
}

/* 기업정보 */
.companyinfo_colbox {
	min-height: 250px;
	padding-left: 400px;
	position: relative;
}
.level_graph {
	overflow: hidden;
	width: 380px; height: 300px;
	position: absolute; left: 0;
}
.level_graph img{
	display: block;
	margin: 0 auto;
}
.companyinfo_colbox .tbl table {
	margin-bottom: 5px;
	border: 1px solid #a3bfd8;
}

.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 #d0ccc9;
	-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 #d3dadc;
	-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; 
	background-color: #f2f0ee;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.pattern_wrap > li ul {
	padding: 8px;
}
.pattern_wrap > li ul li {
	display: block;
	padding-left: 45px; padding-right: 25px; margin: 8px 0;
	position: relative;
}
.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: #ff8929;
	-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: #ef4a34; 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;
}

/* 마이페이지 */
.mymileage_wrap {
	padding: 50px 0;
	font-size: 0; line-height: 0;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mymileage_wrap > div {
	display: inline-block;
	vertical-align: top;
}
.mymileage_left {
	position: relative;
	margin: 0 2% 0 4%; padding: 50px 0 50px 95px;	
	width: 49%;
	font-size: 1.5rem; line-height: 1.5em; 
}
.mymileage_left strong {
	position: absolute; top: 50%; left: 0;
	display: inline-block;
	width: 95px; 
	color: #101424; word-break: keep-all;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mileage_bargraph {
	position: relative;
	height: 50px;
	background: #f0f0f0;
}
.mileage_bargraph .bar_graph {
	position: absolute; top: 0; left: 0;
	height: 100%;
	background: #ff8929;
}
.mileage_bargraph .bar_graph span {
	position: absolute; top: -75px; right: 0;
	display: inline-block;
	padding-bottom: 40px;
	color: #92234e; font-weight: 500;
	background: url(../../images/client/sub/icon_mymileage_location.png) no-repeat center bottom;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}
.mileage_goal {
	position: absolute; top: -12px; right: 20px;
	display: block;
	margin-left: -1px;
	width: 2px; height: 80px;
	background: linear-gradient(to bottom, #92234e, #92234e 65%, transparent 65%, transparent 100%); background-size: 2px 8px;
}
.mileage_goal p {
	position: absolute; bottom: -50px; left: 50%;
	width: 80px;
	color: #92234e; text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.mileage_goal span {
	display: block;
	color: #393636;
}
.mileage_goal span::before {
	content: "M";
	display: inline-block;
	margin-right: 3px;
	width: 18px; height: 18px;
	color: #fff; font-size: 1.2rem; font-weight: 500; text-align: center; line-height: 18px;
	background: #92234e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.mymileage_right {
	margin: 0 5% 0 2%;
	width: 38%;
	text-align: right;
}
.mymileage_right p {
	font-size: 1.5rem; line-height: 1.5em; 
}
.mymileage_point {
	display: inline-block;
	padding: 3px 25px;
	background: #f2efea;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.mymileage_point strong {
	margin-right: 20px;
	color: #101424; font-size: 1.5rem;
}
.mymileage_point strong::before {
	content: "M";
	display: inline-block;
	margin-right: 5px;
	width: 18px; height: 18px;
	color: #fff; font-size: 1.2rem; font-weight: 500; text-align: center; line-height: 18px;
	background: #92234e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.mymileage_point span {
	color: #92234e; font-size: 3rem; font-weight: 500;
}
.mymileage_rank {
	position: relative;
	display: inline-block;
	margin-left: 5%;
	width: 144px; height: 144px;
	background: url(../../images/client/sub/bg_mymileage_rank.png) no-repeat center;
}
.mymileage_rank span {
	position: absolute; top: 50%; left: 50%;
	display: inline-block;
	padding: 0 3px;
	color: #101424; font-size: 2rem;
	border-bottom: 2px solid #ff8400;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.status_confirm { color: #89a435; font-weight: 500; }
.status_wait { color: #fda815; font-weight: 500; }
.status_cancel { color: #999; font-weight: 500; }
.status_reject { color: #eb3441; font-weight: 500; }
.status_done { color: #499bcf; font-weight: 500; }
.status_yet { color: #eb3441; font-weight: 500; }

.result_textbox h5 {
	padding: 20px 0 10px 30px;
	font-size: 1.2rem; font-weight: 500;
	background: url(../../images/client/sub/arrow_circle.jpg) no-repeat left 22px;
}
.completion_status {
	display: inline-block;
	margin: 0 4px;
	width: 29px; height: 28px;
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_counsel_status_off.png) no-repeat center; 
}
.completion_status.on {
	background-image: url(../../images/client/sub/icon_counsel_status_on.png);
}

.mymileage_wrap  .mileage_div1 {
	padding-left: 50px;
	width: 65%;
}
.mileage_list li {
	display: inline-block;
	margin: 0 20px 15px 0;
	padding: 25px 20px 0;
	width: 200px; height: 120px;
	align-items: center; justify-content: center;
	font-size: 1.7rem; color: #99857f;
	background-color: #f2efea;
	background-repeat: no-repeat;
	background-position: right 5px top 5px;
	/*border: 3px solid #99857f;*/
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.mileage_list li:nth-child(4), .mileage_list li:nth-child(5), .mileage_list li:nth-child(6) {
	margin-bottom: 0;
}
.mileage_list li.counsel {
	background-image: url(../../images/client/sub/icon_mypage_counsel.png);
	background-size: auto 32px;
}
.mileage_list li.program {
	background-image: url(../../images/client/sub/icon_mypage_program.png);
	background-size: auto 32px;
}
.mileage_list li.reading {
	background-image: url(../../images/client/sub/icon_mypage_reading.png);
	background-size: auto 36px;
}
.mileage_list li.active {
	background-image: url(../../images/client/sub/icon_mypage_active.png);
	background-size: auto 35px;
}
.mileage_list li.volunteer {
	background-image: url(../../images/client/sub/icon_mypage_volunteer.png);
	background-size: auto 27px;
	background-position: right 5px top 10px;
}
.mileage_list li.etc {
	background-image: url(../../images/client/sub/icon_mypage_etc.png);
	background-size: auto 32px;
}
.mileage_list li strong {
	display: block;
	font-size: 3.6rem; font-weight: 500; color: #92234e;
}
.mymileage_wrap  .mileage_div2 {
	padding-top: 100px;
	width: 35%;
}

/* 포트폴리오 */
.btn_toparea {
	margin-top: -10px; margin-bottom: 5px;
	text-align: right;
}
.btn_toparea div {
	display: inline-block;
}
.btn_toparea button {
	margin: 0 2px;
}
.btn_rowposition {
	position: absolute; top: 0; right: 0;
	padding-top: 5px;
}
.resume_container {
	position: relative;
	border-top: 3px solid #92234e;
}
.resume_tit {
	padding: 20px;
	background: #faf8f4;
}
.resume_tit div {
	position: relative;
	padding: 10px 50px;
	text-align: center;
	background: #fff;
	cursor: pointer;
}
.resume_tit h4 {
	font-size: 1.7rem; font-weight: 500;
}
.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 #e3ddd0;
	border-top: 3px solid #e4cebc;
}
.resume_hobby {
	padding: 16px 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;
}


.resume_wrap {
	margin-bottom: 20px;
	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 #92234e;
}
.resume_wrap > li.on ul li.resume_list1 {
	color: #92234e;	
}
.resume_wrap ul {
	display: table;
	width: 100%;
	padding: 20px 10px;
}
.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; text-align: center; line-height: 34px; font-weight: 600; font-size: 1.5rem;
	background-color: #f3f3f3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.resume_wrap .btn_setbasic {
	position: relative; top: auto; left: auto; right: auto;
}
.resume_wrap ul li.resume_list1 {
	width: 50%;
	text-align: left;
	cursor: pointer;
}
.resume_wrap ul li.resume_list4 {
	width: 200px;
	text-align: right;
}
.resume_cnt {
	padding: 0 20px 20px 20px;
	background: #faf8f4;
}
.studentinfo_box {
	position: relative;
	padding: 20px 20px 20px 160px; 
	width: 100%; min-height: 200px;
	background: #fff;
	border: 1px solid #dce1eb; 
}
.studentinfo_box .resumeimg {
	width: 120px; height: 160px;
	position: absolute; top: 20px; left: 20px;
	border: 1px solid #dce1eb;
}
.studentinfo_box .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: 15px;
	font-size: 2.2rem; font-weight: 600;
} 
.studentinfo_box dl dt span {
	margin-left: 10px; font-size: 1.5rem; vertical-align: baseline;
}
.studentinfo_box dl dd {
	display: inline-block;
	padding: 6px 0 6px 110px;
	width: 36%;
	color: #101424; font-size: 1.5rem; vertical-align: top;
}
.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_container h5 {
	margin-top: 20px; margin-bottom: 4px;
	font-size: 1.8rem;
}
.resume_container table {
	border-top: 3px solid #e4cebc;
	border-bottom: 1px solid #e3ddd0;
}

.unilife_label {
	display: inline-block;
	margin: 0 4px;
	width: 25px; height: 30px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/sub/icon_unilife_off.png) no-repeat center;
}
.unilife_label.on {
	background-image: url(../../images/client/sub/icon_unilife_on.png);
}

.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 article{
	padding: 15px; margin-bottom: 10px;
	background: #fff;
	border: 2px solid #e3ddd0;
}
.selfintro_wrap article strong {
	display: block;
	margin: 20px 0 10px 0;
	font-size: 1.5rem; font-weight: 500; color: #92234e; line-height: 1;
}
.selfintro_wrap article strong:first-child {
	margin-top: 0;
}
.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;
}

.step_list {
	padding: 30px;
	font-size: 0; line-height: 0; text-align: center;
	background: #edf1f5;
}
.step_list li {
	position: relative;
	display: inline-block;
	margin-right: 70px;
	font-size: 1.8rem; font-weight: 500;
}
.step_list li::after {
	position: absolute; top: 50%; left: calc(100% + 35px);
	content: "";
	display: block;
	margin-top: -15px; margin-left: -15px;
	width: 30px; height: 30px;
	background: #fff url(../../images/client/sub/icon_step_next.png) no-repeat center; background-size: contain;
	border: 1px solid #8d9198;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.step_list li:last-child {
	margin-right: 0;
}
.step_list li:last-child::after {
	display: none;
}
.cpmstep_list li img {
	margin: 0 10px;
}

/* 인증현황 */
.newcomer_wrap {
	font-size: 0; line-height: 0;
}
.newcomer_wrap > div {
	display: inline-block;
	font-size: 1.5rem; line-height: 1.5em; vertical-align: top; text-align: center;
}
.certistatus_box1, .certistatus_box2, .certistatus_box3 {
	padding: 18px 10px 10px;
	width: 19.531%;
	border: 1px solid #d0ccc9;
	border-top-width: 6px; 
	box-sizing: border-box;
}
.newcomer_wrap h5 {
	display: inline-block;
	margin-bottom: 20px; padding-left: 60px;
	color: #333; font-size: 2rem; font-weight: 500; line-height: 1.4em; text-align: left;
	background-repeat: no-repeat; background-position: left center; background-size: auto 50px;
}
.newcomer_wrap .certi_point {
	color: #333; font-size: 1.5rem; 
}
.newcomer_wrap .certi_point span:first-child {
	font-size: 1.8rem; font-weight: 500; 
}
.certistatus_list {
	padding: 15px 0;
	font-size: 0; line-height: 0;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.certistatus_list li {
	display: inline-block;
	padding-top: 60px;
	width: 50%;
	color: #ada9a8; font-size: 1.5rem; font-weight: 600;
	background-repeat: no-repeat; background-position: center top; background-size: auto 44px;
}
.certistatus_list li:first-child {
	border-right: 1px solid #d0ccc9;
}
.certistatus_list li.on {
	color: #333;
}
.newcomer_wrap .certi_c {
	background-image: url(../../images/client/sub/icon_capa1_off.png);
}
.newcomer_wrap .certi_h {
	background-image: url(../../images/client/sub/icon_capa2_off.png);
}
.newcomer_wrap .certi_a {
	background-image: url(../../images/client/sub/icon_capa3_off.png);
}
.newcomer_wrap .certi_n {
	background-image: url(../../images/client/sub/icon_capa4_off.png);
}
.newcomer_wrap .certi_g {
	background-image: url(../../images/client/sub/icon_capa5_off.png);
}
.newcomer_wrap .certi_e {
	background-image: url(../../images/client/sub/icon_capa6_off.png);
}
.newcomer_wrap .certi_subj {
	background-image: url(../../images/client/sub/icon_subject_off.png);
	background-size: 53px;
}
.newcomer_wrap .certi_nonsubj {
	background-image: url(../../images/client/sub/icon_nonsubject_off.png);
	background-size: 40px;
}
.certistatus_list li p {
	margin-top: 10px;
	color: #333; font-size: 1.8rem; line-height: 1.5em;
}

.newcomer_wrap > div.on .certi_c {
	background-image: url(../../images/client/sub/icon_capa1.png);
}
.newcomer_wrap > div.on .certi_h {
	background-image: url(../../images/client/sub/icon_capa2.png);
}
.newcomer_wrap > div.on .certi_a {
	background-image: url(../../images/client/sub/icon_capa3.png);
}
.newcomer_wrap > div.on .certi_n {
	background-image: url(../../images/client/sub/icon_capa4.png);
}
.newcomer_wrap > div.on .certi_g {
	background-image: url(../../images/client/sub/icon_capa5.png);
}
.newcomer_wrap > div.on .certi_e {
	background-image: url(../../images/client/sub/icon_capa6.png);
}
.newcomer_wrap > div.on .certi_subj {
	background-image: url(../../images/client/sub/icon_subject_on.png);
}
.newcomer_wrap > div.on .certi_nonsubj {
	background-image: url(../../images/client/sub/icon_nonsubject_on.png);
}
.newcomer_wrap > div.on .certistatus_list li {
	color: #333;
}

.certistatus_box1 {
	margin-right: 0.781%;
	border-top-color: #92234e;
}
.certistatus_box1 h5 {
	background-image: url(../../images/client/sub/icon_maincapa1_off.png);
}
.certistatus_box1.on h5 {
	color: #92234e;
	background-image: url(../../images/client/sub/icon_maincapa1_on.png);
}

.certistatus_box2 {
	margin-right: 0.781%;
	border-top-color: #fc9822;
}
.certistatus_box2 h5 {
	background-image: url(../../images/client/sub/icon_maincapa2_off.png);
}
.certistatus_box2.on h5 {
	color: #fc9822;
	background-image: url(../../images/client/sub/icon_maincapa2_on.png);
}

.certistatus_box3 {
	margin-right: 1.562%;
	border-top-color: #4aac80;
}
.certistatus_box3 h5 {
	background-image: url(../../images/client/sub/icon_maincapa3_off.png);
}
.certistatus_box3.on h5 {
	color: #4aac80;
	background-image: url(../../images/client/sub/icon_maincapa3_on.png);
}

.certistatus_box4 {
	margin-right: 1.562%; padding: 25px 10px 10px;
	width: 19.531%;
	background: #eaf0f2;
} 
.certistatus_box4 h5 {
	padding-left: 0 !important;
	text-align: center;
}

.certistatus_box5 {
	padding: 142px 0 32px;
	width: 17.187%;
	background: #f8f2f4 url(../../images/client/sub/bg_certi_newcomer.png) no-repeat center 30px;
}
.certistatus_box5 p {
	margin: 0 auto 20px; 
	width: 103px; height: 20px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/sub/img_newcomer_txt_wine.png) no-repeat center; background-size: contain;
}

.select_rowposition {
	position: absolute; top: 0; right: 0;
	padding-top: 5px;
}
.milestone_certi table .on {
	color: #fff;
	background: #92234e;
}

.certisystem_info li {
	position: relative;
	display: inline-block;
	margin-right: 50px;
	width: 250px;
	text-align: center;
	border: 1px solid #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.certisystem_info li::after {
	position: absolute; right: -44px; top: 50%;
	content: "";
	display: inline-block;
	margin-top: -10px;
	width: 30px; height: 20px;
	background: url(../../images/client/sub/icon_arrow_full_right_gray.png) no-repeat center;
}
.certisystem_info li:last-child {
	margin-right: 0;
}
.certisystem_info li:last-child::after {
	display: none;
}
.certisystem_info strong {
	display: block;
	height: 40px;
	color: #fff; line-height: 40px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.certisystem_info1 strong {
	background: #f27370; 
}
.certisystem_info2 strong {
	background: #499bcf; 
}
.certisystem_info3 strong {
	background: #63b590; 
}
.certisystem_info p {
	padding: 15px 5px;
	color: #333; line-height: 1.8em;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.certisystem_info p span {
	display: block;
	color: #7c7b7b;
}
.dot_gray {
	position: relative;
	padding-left: 10px;
	line-height: 1.7em; word-break: keep-all;
}
.dot_gray::before {
	position: absolute; top: 10px; left: 0;
	content: "";
	display: inline-block;
	width: 5px; height: 5px;
	background-color: #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* 공지사항, 자료실 리스트*/
.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 #92234e;
}
.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: 6px; 
	color: #333; font-size: 2.2rem; font-weight: 500; word-break: keep-all;
}
.title_info {
	text-align: left;
}
.title_info p {
	display: inline-block;
	margin-right: 20px;
	color: #7c7b7b;
}
.title_info p span {
	display: inline-block;
	margin-right: 8px; padding-right: 8px;
	vertical-align: top;
	background: url(../../images/client/sub/bar_block.jpg) no-repeat right 4px;
}
/*.bbs_header .btn_addlike {
	position: absolute; right: 20px; top: 30px;
}*/
.commu_edit{
	padding: 30px; margin-bottom: 2%;
	min-height: 250px;
	/*white-space: pre-line;*/ line-height: 2rem;
	border: 1px solid #ada9a8;
	overflow-x: auto;
}
.commu_edit strong {
	font-weight: 600;
}
.commu_edit span {
	font-weight: inherit;
}
.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: #f2efea;
}
.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 #cbc5c4;
}
.re_text .re_topbox {
	padding: 6px 10px;
	border-bottom: 1px solid #cbc5c4;
}
.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 {
	border-bottom: 1px solid #d7d7d7;
}
.faqlist_wrap .faqlist dt {
	display: block;
	width: 100%; 
	padding: 20px 80px 20px 90px;
	position: relative;
	font-size: 1.5rem; line-height: 1.5em; font-weight: 600;
	color: #595758; vertical-align: middle;
	cursor: pointer;
	border-top: 1px solid #d0ccc9;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.faqlist_wrap .faqlist dt.on {
	background: #f2efea;
}
.faqlist_wrap .faqlist dt span {
	position: absolute; left: 30px; top: 50%;
	display: inline-block;
	width: 30px; height: 30px;
	margin-top: -15px;
	font-family: chungbuk, sans-serif; font-size: 1.8rem; font-weight: bold;
	color: #737373; text-align: center; line-height: 30px;
	background: #f2efea;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.faqlist_wrap .faqlist dt.on span {
	background-color: #fff;
}
.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 dt.on::after {
	background-image: url(../../images/client/sub/btn_accordion_on.png);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.faqlist_wrap .faqlist dd{
	display: none;
	position: relative;
	padding: 20px 20px 20px 140px;
	margin-bottom: 10px;
	border-top: 1px solid #d0ccc9;
}
.answericon_a {
	position: absolute; left: 80px;
	display: inline-block;
	width: 30px; height: 30px;
	margin-right: 20px;
	font-family: chungbuk, sans-serif; font-size: 1.8rem; font-weight: 600;
	color: #fff; text-align: center; line-height: 30px;
	background: #92234e;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.faq_content{
	width: 100%;
}

/* 설문조사 상세 */
.commu_content .testlist_box {
	margin-bottom: 0;
}
.commu_content .testlist_box .radio_row > label{
	font-weight: 600;
}

/* 개인정보 수집이용 동의서 */
.privacyagree_wrap {
	padding: 60px 0;
	min-height: 100vh;
	background: #f2f2f2;
}
.privacyagree_wrap .logo {
	margin: 0 auto 40px;
	width: 250px;
}
.privacyagree_wrap .logo img {
	width: 100%;
}
.privacyagree_box {
	margin: 0 auto;
	width: 1000px;
	background: #fff;
}
.privacyagree_tit {
	padding: 20px;
	font-size: 1.8rem; font-weight: 500; text-align: center; word-break: keep-all;
}
.privacyagree_cnt {
	padding: 30px 40px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.privacyagree_wrap .agreement_box {
	margin-top: 20px;
	border: none;
} 
.privacyagree_info {
	margin: 50px 0 20px;
	font-size: 1.6rem; text-align: center;
}
.privacyagree_info .date > span {
	margin-right: 10px;
	vertical-align: top;
}
.privacyagree_info .date > span:last-child {
	margin-right: 0;
}
.privacyagree_info .date span span {
	margin-right: 5px;
	vertical-align: inherit;
}
.privacyagree_info .signature {
	padding: 10px 0 30px;
}
.privacyagree_info .signature strong {
	display: inline-block;
	padding: 0 5px;
	min-width: 100px;
	vertical-align: top;
}
.privacyagree_info .stamp {
	font-family: NanumMyeongjo, sans-serif; font-size: 2.2rem; font-weight: 600;
	
}
.btn_area {
	padding: 20px 0;
}

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

@media screen and (max-width:1279px) {
	
	/*=================== 메인페이지 1279 ===================*/
	
	/* 메인 - 로그인 전 1279 */
	.swiper_mainimg {
		height: 450px;
	}
	.swiper_mainimg .grid_content {
		padding-top: 70px;
	}
	.slide1 .grid_content {
		padding-top: 50px;
	}
	.slide1 strong {
		margin-bottom: 15px;
		font-size: 3.2rem;
	}
	.slide1 p {
		line-height: 1.5em;
	}
	.slide2 strong {
		margin-bottom: 10px;
	}
	.mainprogram_wrap .tab_list li {
		font-size: 1.5rem;
	}
	.counsel_box_tit {
		padding: 30px 35px;
	}
	.counsel_box_tit h3 {
		margin-bottom: 40px;
	}
	
	/* 메인 - 로그인 후 1279 */
	.usercounsel_status strong {
		font-size: 1.7rem;
	}
	.usercounsel_status li p {
		font-size: 1.6rem;
	}
	
	/*=================== 메인페이지 1279 ===================*/
	
	/*=================== 서브페이지 1279 ===================*/
	
	/* 대학의 인재상 및 핵심역량 1279 */
	.unirolemodel_box::after {
		right: 8%;	
	}
	.newchage_tit {
		padding: 15px 0 15px 30px;
	}
	.newchage_tit strong {
		padding: 7px 0 7px 45px;
		background-size: 35px;
	}
	
	/* 씨앗 마일리지 1279 */
	.cieat_incentive div div {
		height: 220px;
	}
	
	/* 핵심역량 인증소개 1279 */
	.system_intro p {
		margin-right: 4%;
		width: 48%;
	}
	.capamethod_wrap .col_xl_5 {
		width: 55%;
	}
	.capamethod_wrap .col_xl_7 {
		width: 100%;
	}
	
	/* 전공 마일스톤 소개 1279 */
	.milestone_label {
		padding: 25px 0 25px 140px;
		font-size: 2rem;
	}
	.milestone_label::after {
		left: 20px;
		margin-top: -50px;
		width: 100px; height: 100px;
	}
	
	/* 핵심역량진단 1279 */
	.test_guide ol {
		background-size: 80%;
	}
	
	/* 핵심역량 진단결과 1279 */
	.capainfo_wrap {
		height: 460px;
	}
	
	/* 핵심역량검사 1279 */
	.capatest_card > div {
		top: 45%;
	}
	
	/* 비교과 상세 1279 */
	.mileagepoint_box {
		background-size: 200px;
	}
	.mileagepoint_box p span {
		padding: 0 25px;
	}
	
	/* 독서인증현황 1279 */
	.certicount_wrap div div span {
		display: block;
		margin-left: 0;
	}
	.certicount_wrap div .certi_record {
		padding: 45px 10px;
		height: 126px;
	}
	
	/* 영어인증제 1279 */
	.certi_titbox {
		background-position: 23% top;
	} 
	
	/* 나의 상담 이력 1279 */
	.row_5 .grid_col {
		width: 25%;
	}
	.row_5 .grid_col:last-child {
		text-align: center;
	}
	
	/* 마이페이지 1279 */
	.mymileage_left {
		margin: 0 1% 0 3%; padding-left: 65px;
		width: 48%;
	}
	.mymileage_left strong {
		width: 65px;
	}
	.mymileage_right {
		margin: 0 3% 0 1%;
		width: 44%;
	}
	.mymileage_rank {
		margin-left: 3%;
	}
	.step_list li {
		display: block;
		margin-right: 0; margin-bottom: 40px;
		font-size: 1.7rem;
	}
	.step_list li:last-child {
		margin-bottom: 0;
	}
	.step_list li::after {
		top: auto; left: 50%; bottom: -20px;
		margin-top: 0; margin-bottom: -15px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.cpmstep_list li img {
		margin: 0 6px;
	}

	.mymileage_wrap .mileage_div1 {
		display: block;
		padding: 0 20px;
		width: 100%;
	}
	.mileage_list li {
		margin-right: 2%;
		width: 32%;
	}
	.mileage_list li:nth-child(3n) {
		margin-right: 0;
	}
	.mymileage_wrap .mileage_div2 {
		display: block;
		padding-top: 30px;
		width: 100%;
		text-align: center;
	}
	
	/* 포트폴리오 1279 */
	.studentinfo_box dl dd {
		width: 100%;
	}
	
	/*=================== //서브페이지 1279 ===================*/

}
@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 ===================*/
	.mainemploy_card li a:hover {
		background-color: #fa922d; background-image: url(../../images/client/main/bg_employlist_on.png);
		border-color: #fa922d;
	}
	.mainemploy_card li a:hover .label, .mainemploy_card li a:hover h5, .mainemploy_card li a:hover .date, .mainemploy_card li a:hover p {
		color: #fff;
	}
	.counsel_box1 a:hover {
		box-shadow: 0 4px 10px rgba(89,93,59,0.4);
	}
	.counsel_box2 a:hover {
		box-shadow: 0 4px 10px rgba(45,41,38,0.8);
	}
	.counsel_box3 a:hover {
		box-shadow: 0 4px 10px rgba(125,116,108,0.6);
	}
	.counsel_box4 a:hover {
		box-shadow: 0 4px 10px rgba(107,104,104,0.4);
	}
	.counsel_box5 a:hover {
		box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	}
	.counsel_box6 a:hover {
		box-shadow: 0 4px 10px rgba(114,89,72,0.4);
	}
	.counsel_box7 a:hover {
		box-shadow: 0 4px 10px rgba(57,34,43,0.8);
	}
	.maintest_list li a:hover {
		box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	}
	.list_wrap p a:hover {
		color: #2b5495;
	}
	/*=================== //메인페이지 hover ===================*/
	/*=================== 서브페이지 hover ===================*/
	
	/* 핵심역량진단 hover */
	.testdo_list a.btn_viewresult:hover {
		background-color: #ca7733;
	}
	.testdo_list a.btn_gotest:hover {
		background-color: #5d2037;
	}
	
	/* 핵심역량 진단하기 hover */
	.testlist_move:hover {
		background-color: #ca7733;
	}
	.testlist_move.disabled:hover {
		background-color: #d7d7d7;
	}
	.testlist_paging .btn:hover {
		background-color: #751c3e;
	}
	
	/* 핵심역량 진단결과 hover */
	.testdo_checkbox:hover {
		border: 2px solid #92234e;
		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;
	}
	.capatest_list dt:hover {
		box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	}
	
	/* 학습유형진단 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 */
	.program_infolist dt a:hover, .program_infolist dt a:hover strong {
		color: #92234e;
	}
	.previewimg_box a:hover img {
		width: 120%;
	}
	.previewimg_box a:hover .previewimg_capa {
		height: 110%;
	}
	.program_graph p:hover {
		z-index: 1;
		box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
		cursor: default;
	}
	.program_graph p:hover .program_detail {
		display: inline-block;
	}
	
	/* 비교과 내역 hover */
	.program_surveyarea a:nth-child(1).on:hover {
		color: #fff;
		background: #92234e;
	}
	.program_surveyarea a:nth-child(2).on:hover {
		color: #fff;
		background: #33548a;
	}
	
	/* 취업상담 hover */
	.borderbox_list a:hover {
		box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	}
	
	/* 나의 상담 이력 hover */
	.counsel_shortcut li a:hover::before {
		box-shadow: 0 4px 10px rgba(0,0,0,0.4);
	}
	.counsel_shortcut li a:hover span {
		color: #92234e;
	}
	
	/* 워크넷 공채속보 hover */
	.worknetspeed_box dt a:hover {
		color: #92234e;
	}
	
	/* 사람인 채용정보 hover */
	.jobinfo_right dt a:hover {
		color: #92234e;
	}
	
	/* 국가직무능력표준 정보 hover */
	.ncs_list dd ol li a:hover {
		border-color: #ff8929;
	}
	.ncs_list dd ol li a:hover strong {
		color: #fff;
		background-color: #ff8929;
	}
	.ncs_list dd ol li a:hover strong span {
		color: #fff;
	}
	
	/* 직업방송 동영상 hover */
	.jobvideoinfo_list:hover {
		background-color: #e0cfbf;
		cursor: pointer;
	}
	a.data_card:hover {
		background-color: #e0cfbf;
		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;
	}
	
	/* FAQ hover */
	.faqlist_wrap .faqlist dt:hover {
		background: #f2efea;
	}
	.faqlist_wrap .faqlist dt:hover span {
		background-color: #fff;
	}
	
	/*=================== //서브페이지 hover ===================*/
}
/*=================== //hover ===================*/

@media screen and (max-width:1024px) {
	
	/*=================== 공통 1024 ===================*/
	/* 영역 1024 */
	.section_area {
		margin-bottom: 10%;
	}
	.section_marea {
		margin-bottom: 8%;
	}
	
	/* 텍스트 1024 */
	.tip_txt {
		padding-left: 25px;
		background-size: 20px;
		background-position: 0 5px;
	}
	.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 {
		margin-bottom: 0.5em;
		padding: 5px 0 5px 24px;
		font-size: 2rem;
		background-size: 15px; background-position: left 12px;
	}
	.section_tit_md {
		margin-bottom: 0.5em;
		padding: 5px 0 5px 18px;
		font-size: 1.7rem;
		background-size: 10px; background-position: left 10px;
	}
	.section_tit_sm {
		padding: 5px 0 5px 16px;
		font-size: 1.6rem; 
		background-size: 10px; background-position: left 16px;
	}
	
	/*=================== //공통 1024 ===================*/
	/*=================== 메인페이지 1024 ===================*/
	
	/* 메인 - 로그인 전 1024 */
	.swiper_mainimg {
		height: 350px;
	}
	.swiper_mainimg .grid_content {
		padding-top: 65px;
	}
	.slide1 strong {
		font-size: 3rem;
	}
	.slide1 p {
		display: inline-block;
		padding: 10px 20px;
		font-size: 2rem;
		background: rgba(255,255,255,0.7);
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}
	.slide2 strong {
		margin-bottom: 10px;
		font-size: 3rem;
	}
	.slide2 p {
		font-size: 1.8rem;
	}
	.swiper_mainimg .slide3 .grid_content {
		padding-top: 80px;
	}
	.slide3 strong {
		font-size: 3rem;
	}
	.slide3 ul {
		display: inline-block;
		padding: 10px 20px;
		background: rgba(255,255,255,0.8);
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}
	.swiper_mainimg .swipercontrol_wrap {
		bottom: 10px;
	}
	.swiper_mainimg .swiper-pagination-bullet-active::after {
		font-size: 1.7rem;
	}
	
	.mainsection_tit {
		margin-bottom: 10px;
		font-size: 2.2rem;
	}
	.mainprogram_wrap {
		padding-top: 35px;
	}
	.mainprogram_wrap .select_form {
		float: left;
		display: inline-block;
		margin-top: 0;
		font-size: 1.5rem; text-align: left;
	}
	.mainprogram_wrap .swiper_btnarea .btn {
		margin-top: 5px;
	}
	.mainprogram_wrap .program_swiper {
		padding-bottom: 35px;
	}
	.mainprogram_wrap .swiper-wrapper {
		height: 516px;
	}
	.mainprogram_wrap .swipercontrol_wrap {
		display: none;
	}
	
	.maincounsel_wrap {
		margin-bottom: 23px;
	}
	.counsel_box {
		height: 200px;
	}
	.counsel_box_tit {
		padding: 20px 25px;
	}
	.counsel_box_tit h3 {
		margin-bottom: 25px;
		font-size: 2.2rem;
	}
	.counsel_box a {
		padding: 120px 10px 10px 10px;
		font-size: 1.7rem;
		background-position: center 55px;
	}
	
	.mainlist_wrap {
		padding: 45px 0;
	}
	
	/* 메인 - 로그인 후 1024 */
	.userdata_wrap {
		padding: 35px 0;
	}
	.userdata_wrap .mainsection_tit {
		font-size: 2rem;
	}
	.userdata_wrap .mainsection_tit span {
		padding-bottom: 4px;
	}

	.userdata_box1 {
		margin-right: 1%; padding: 15px;
		width: 49.5%; height: 250px; 
	}
	.userdata_box1 .mainsection_tit {
		font-size: 1.5rem;
	}
	.userdata_box1 .mainsection_tit span {
		font-size: 2rem;
	}
	.userdata_box1 .mainsection_tit {
		padding: 5px;
		background: #f2f2f2;
	}

	.userdata_box2 {
		margin: 0 0 12px; padding: 15px 10px;
		width: 100%;
	}

	.userdata_box3 {
		padding: 15px 10px;
		width: 49.5%; height: 250px;	
	}
	.userdata_box3 .mainsection_tit {
		margin-bottom: 15px;
	}
	.newcomercerti_status {
		margin-bottom: 25px;
	}
	.userdata_box4 {
		margin-right: 0; margin-bottom: 12px; padding: 20px 25px;
		width: 100%; height: 300px;
	}
	.userdata_box4 .tab_list li {
		margin-left: 30px;
	}
	.userdata_box4 .tab_list li::before {
		left: -15px;
	}
	.userdata_box4 .tab_list li a {
		font-size: 2rem;
	}
	.usernotice_list {
		height: 202px;
	}
	.usernotice_list .list_wrap li {
		/*padding: 15px 15px 15px 110px;*/
		padding: 15px 15px 15px 60px;
	}
	.usercounsel_txt {
		font-size: 1.4rem; 
	}

	.userdata_box5 {
		width: 100%;
	}
	.userdata_box5 .mainsection_tit {
		margin-bottom: 20px;
	}
	
	/*=================== //메인페이지 1024 ===================*/
	/*=================== 서브페이지 1024 ===================*/
	
	/* 대학의 인재상 및 핵심역량 1024 */
	.philosophy_list strong {
		padding-left: 55px;
		background-size: 40px;
	}
	.unirolemodel_box::after {
		display: none;
	}
	.newchage_tit {
		padding: 15px 20px;
		text-align: center;
	}
	.newchage_tit span {
		display: block;
		margin-left: 0; margin-top: 5px;
	}
	.newchange_list2 .newchage_tit span {
		margin-left: 0;
	}
	.newchange_cnt {
		background-position: 20px 35px;
	}
	
	/* 씨앗 소개 1024 */
	.cieatprocess_wrap > div {
		padding-bottom: 20px;
		width: 100%;
	}
	.cieatprocess_wrap div strong {
		margin-bottom: 0; padding: 5px 0;
		color: #fff; font-size: 1.5rem; font-weight: 500;	
		border: none;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
	}
	.cieat_process1 strong {
		background: #92234e;
	}
	.cieat_process2 strong {
		background: #f27370;
	}
	.cieat_process3 strong {
		background: #ffc535;
	}
	.cieat_process4 strong {
		background: #ccaf98;
	}
	.cieat_process5 strong {
		background: #63b590;
	}
	.cieat_process6 strong {
		background: #499bcf;
	}
	.cieatprocess_wrap div strong::after {
		display: none;
	}
	.cieatprocess_wrap p {
		margin-right: 0; padding: 15px;
		height: auto;
		-webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
	.cieatprocess_wrap p span {
		position: static;
		transform: none;
	}
	
	/* 씨앗 마일리지 1024 */
	.cieatmileage_intro p span {
		width: 50%;
	}
	.cieat_incentive div div {
		height: auto; min-height: 150px;
	}
	
	/* 핵심역량 인증소개 1024 */
	.system_intro > div {
		margin-bottom: 20px; padding-left: 0;
	}
	.system_intro h5 {
		position: static;
		margin-top: 0; padding-right: 0;
		width: 100%;
		background-image: none;
	}
	.system_intro h5 span {
		width: 100%; height: 36px;
		font-size: 1.5rem; line-height: 36px;
		-webkit-border-radius: 15px 15px 0 0;
		-moz-border-radius: 15px 15px 0 0;
		border-radius: 15px 15px 0 0;
	}
	.system_intro div div {
		padding: 20px 15px;
		border-left: 1px solid #d0ccc9;
		border-right: 1px solid #d0ccc9;
		border-bottom: 1px solid #d0ccc9;
		-webkit-border-radius: 0 0 15px 15px;
		-moz-border-radius: 0 0 15px 15px;
		border-radius: 0 0 15px 15px;
	}
	.system_intro p {
		padding: 0 0 0 90px;
		min-height: 80px;
		vertical-align: top;
	}
	.system_intro p::before {
		top: 0;
		margin-top: 0;
	}
	
	
	/* 전공 마일스톤 소개 1024 */
	.milestone_intro li {
		margin-bottom: 20px;
	}
	.milestone_intro li:first-child {
		margin-top: 15px;
	}
	.milestone_tit {
		padding: 15px;
		min-height: 53px;
	}
	.milestone_tit p {
		font-size: 1.7rem;
	}
	.milestone_tit button {
		right: 10px;
		padding: 0 24px 0 11px;
		font-size: 1.4rem; line-height: 28px;
	}
	.milestone_tit button::after {
		right: 9px;
	}
	.milestone_label {
		margin: 10px 0; padding: 15px 34px 15px 112px;
		width: 100%; 
		font-size: 1.7rem;	
		border-radius: 0;
	}
	.milestone_label::after {
		margin-top: -35px;
		width: 70px; height: 70px;
	}
	.milestone_label + div {
		padding: 0 20px;
		width: 100%;
	}
	
	/* 핵심역량 진단하기 1024 */
	.testlist_move {
		margin-top: 3px;
		width: 34px; height: 34px;
		background-size: 10px;
	}
	.testlist_number {
		width: 100px;
		font-size: 1.6rem;
	}
	
	/* 핵심역량진단 결과 1024 */
	.result_container {
		padding-top: 5%;
	}
	.capainfo_wrap {
		padding-left: 0;
		height: auto;
	}
	.capainfo_wrap .tab_list_row {
		position: static;
		width: 100%;
	}
	.capainfo_cnt > div {
		min-height: 200px; height: auto;
	}
	.tab_list_row {
		border-bottom: 0;
	}
	.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: " -";
	}
	
	.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 {
		margin-bottom: 10px;
	}
	.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;
	}
	.resultcompare_txt {
		display: block;
	}
	.resultcompare_txt strong {
		display: block;
		width: 100%;
		padding-right: 0;
		text-align: center; word-break: keep-all;
	}
	.resultcompare_txt>div {
		width: 100%;
		padding-left: 0; margin-top: 10px;
		text-align: center;
	}
	
	/* 핵심역량검사 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 */
	.worknet_wrap {
		padding: 10px;
	}
	.worknet_info {
		padding: 100px 10px 0 10px;
		font-size: 1.5rem; text-align: justify;
		background-position: center 15px;
	}
	
	/* 교과정보조회 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;
	}
	.mileage_label {
		top: 208px;
	}
	
	/* 비교과 상세 1024 */
	.capapoint_list p {
		font-size: 2rem;
	}
	.capapoint_list strong {
		font-size: 1.2rem;
	}
	
	/* 독서인증제 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 */
	.readstatus_wrap {
		padding: 40px 20px 30px;
	}
	.readstep_wrap {
		margin-bottom: 50px; padding: 70px 0;
	}
	.readstep_list li {
		padding-top: 100px;
		width: 19%;
		background-size: 80px;
	}
	.readstep_list li p {
		font-size: 2rem;
	}
	.step_point span:nth-child(1) {
		left: 11.1%;
	}
	.step_point span:nth-child(2) {
		left: 30.2%;
	}
	.step_point span:nth-child(3) {
		left: 49%;
	}
	.step_point span:nth-child(4) {
		left: 68%;
	}
	.step_point span:nth-child(5) {
		left: 87%;
	}
	
	.certicount_wrap div div {
		padding: 60px 10px 20px 10px;
		font-size: 1.6rem;
		background-position: center 15px; background-size: auto 40px;
	}
	.certicount_wrap div .certi_record {
		padding: 32px 10px;
		height: auto;
	}
	.certicount_wrap div div span {
		margin-top: 5px;
	}
	.certicount_wrap div div .btn {
		display: block;
		margin: 10px auto 0;
		width: 90px;
	}
	
	/* 봉사인증제 1024 */
	.data_list.certivoluntary_list li {
		padding: 10px;
	}
	.data_list.certivoluntary_list .col_2 {
		width: 100%;
	}
	.data_list.certivoluntary_list .col_5 {
		width: auto;
	}

	.data_list.voluntary_list li {
		padding: 10px;
	}
	.data_list.voluntary_list .col_1 {
		padding-right: 0; 
		width: auto;
	}
	.data_list.voluntary_list .col_1 span {
		margin-right: 10px;
	}
	.data_list.voluntary_list .col_2 {
		width: 100%;
	}
	.data_list.voluntary_list .col_5 {
		margin-right: 20px;
		width: auto;
	}
	.data_list.voluntary_list .col_6 {
		top: 12px; right: 5px;
		margin-right: 0;	
		transform: translate(0);
	}
	.data_list.voluntary_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 */
	.volunstatus_wrap > div > div > div {
		padding: 30px 20px 20px;
	}
	.volunstatus_wrap h5 {
		padding-top: 65px;
		font-size: 2.3rem;
		background-size: 80px;
	}
	
	/* 영어인증제 1024 */
	.certi_titbox {
		padding-left: 350px;
		background-position: left top;
	}
	.certi_titbox h3 {
		font-size: 2.5rem;
	}
	.certi_titbox p {
		width: 100%;
	}
	.applystep_list {
		margin-bottom: 10px;
		text-align: center;
	}
	.applystep_list li {
		margin-top: 23px; margin-bottom: 0; margin-left: 0; padding: 20px;
		width: 100%; height: auto;
	}
	.applystep_list li:first-child {
		margin-top: 0;
	}
	.applystep_list li::before {
		top: -15px; left: 50%;
		margin-left: -10px;
		width: 28px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.applystep_list p {
		position: static;
		padding: 0;
		transform: translate(0);
	}
	
	/* 취업상담 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_box {
		padding: 14px 10px 10px 100px;
		height: 230px;
	}
	.jobinfo_deadline {
		font-size: 1.8rem;
	}
	.jobinfo_list {
		padding: 20px 25px;
	}
	.jobinfo_list h5 {
		margin-bottom: 0.5em;
		padding: 0 0 5px 18px;
		font-size: 1.7rem;
		background-size: 10px; background-position: left 5px;
	}
	.jobinfo_list h5 .btn_round {
		margin-left: 2%;
	}
	.jobinfo_left {
		top: 10px; left: 10px;
		width: 80px;
	}
	.jobinfo_left strong {
		font-size: 1.6rem; line-height: 69px;
	}
	.jobinfo_left div {
		height: 134px;
	}
	.jobinfo_left div p {
		padding-top: 5px;
	}
	.jobinfo_left div p:last-child {
		padding-top: 10px;
	}
	.jobinfo_left div p.limit_time {
		padding-top: 23px;
	}
	.subjobinfo_wrap .jobinfo_box .btn_addlike {
		top: 10px; right: 10px;
	}
	
	.jobinfo_list .tbl th {
		width: 15%;
	}
	.jobinfo_list .tbl td {
		width: 35%;
	}
	
	/* 국가직무능력표준정보 1024 */
	.ncs_list dd ol li {
		width: 20%;
		padding: 5px;
	}
	.ncs_list .ncs_inner_list {
		padding: 0 15px 15px;
	}
	.ncs_view {
		margin-top: 30px;
	}
	.ncs_view .ncsprogram_txt {
		padding-top: 0;
	}
	
	/* 기업정보 1024 */
	.pattern_wrap {
		display: block;
	}
	.pattern_wrap>li {
		width: 49%;
		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: 140px;
	}
	.pattern_wrap > li:nth-child(3) ul, .pattern_wrap > li:nth-child(4) ul {
		height: 190px;
	}
	
	/* 마이페이지 1024 */
	.mymileage_wrap {
		padding: 40px;
	}
	.mymileage_left {
		margin: 0 0 30px; padding: 0 0 50px;
		width: 100%;
	}
	.mymileage_left strong {
		position: static;
		margin-left: 0; margin-bottom: 65px;
		width: 100%; height: auto;
		color: #525050; font-size: 1.6rem; font-weight: 600; line-height: 1em;
		transform: none;
	}
	.mileage_bargraph {
		height: 30px;
	}
	.mileage_bargraph .bar_graph span {
		top: -60px;
		padding-bottom: 32px;
		background-size: auto 30px;
	}
	.mileage_goal {
		top: -8px;
		height: 45px;
	}
	.mymileage_right {
		margin: 0; 
		width: 100%;
		text-align: center;
	}

	.mymileage_wrap .mileage_div1 {
		padding: 0;
	}

	/* 포트폴리오 1024 */
	.resume_wrap ul {
		display: block;
		padding: 10px;
	}
	.resume_wrap ul {
		position: relative;
	}
	.resume_wrap ul li {
		display: block;
		text-align: left;
	}
	.resume_wrap ul li.resume_list1 {
		overflow: hidden;
		display: block;
		width: 100%;
		padding-right: 30px;
		white-space: nowrap; text-overflow: ellipsis;
	}
	.resume_wrap ul li.resume_list2 {
		width: auto;
		padding-left: 55px; margin-top: 10px;
	}
	.resume_wrap ul li.resume_list3 {
		position: absolute; top: 10px; right: 10px;
	}
	.resume_wrap ul li.resume_list4 {
		width: 50%;
		position: absolute; right: 10px; bottom: 10px;
	}
	.resume_hobby span {
		width: 60px; height: 60px;
		background-size: 70px;
	}
	
	/* 인증현황 1024 */
	.certistatus_box1, .certistatus_box2, .certistatus_box3 {
		margin-bottom: 10px;
		width: 32.666%;
	}
	.certistatus_box1, .certistatus_box2 {
		margin-right: 1%;
	}
	.certistatus_box3 {
		margin-right: 0;
	}
	.certistatus_box4 {
		margin-right: 1%;
		width: 32.666%;
	}
	.certistatus_box5 {
		width: 66.332%;
	}
	
	.select_rowposition {
		padding-top: 2px;
	}
	.certisystem_info li {
		margin-right: 0; margin-bottom: 50px;
		width: 100%;
	}
	.certisystem_info li:last-child {
		margin-bottom: 0;
	}
	.certisystem_info li::after {
		right: auto; top: auto; left: 50%; bottom: -36px;
		margin-top: 0; margin-left: -15px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	
	/* 공지사항, 자료실 리스트 1024 */
	.data_list li {
		padding: 10px;
		height: auto;
	}
	.data_list .col {
		padding: 0;
	}
	.data_list .col_1 {
		position: static;
		margin-bottom: 10px; padding-right: 0;
		width: auto;
		text-align: left;
		transform: translate(0);
	}
	.data_list .col_1 span {
		display: inline-block;
		margin-right: 20px; 
		min-width: 40px;
		line-height: 1; 
	}
	.data_list .col_1 .category_label {
		position: static;
		padding: 0 10px;
		width: auto; min-width: auto; height: 25px;
		font-size: 1.4rem; line-height: 23px;
	}
	.data_list .col_2 {
		margin-bottom: 6px;
		width: 100%;
	}
	.data_list .col_2 a {
		white-space: normal;
	}
	.data_list .col_3, .data_list .col_4 {
		font-size: 1.4rem;
	}
	.data_list .col_3, .data_list .col_4, .data_list .col_5 {
		margin-right: 20px;
		width: auto;
	}

	/* 공지사항, 자료실 상세 1024 */
	.cnt_title {
		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: 200px;
	}
	.privacyagree_box {
		width: 97%;
	}
	.privacyagree_tit {
		padding: 15px;
	}
	.privacyagree_cnt {
		padding: 20px 30px;
	}
	.btn_area {
		padding: 15px 0;
	}

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

	/* 영역 타이틀 768 */
	.section_tit_lg {
		background-position: left 10px;
	}

	/* 토탈카운트 768 */
	.searchtoggle_left .total_count {
		margin: 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 ===================*/
	/*=================== 메인페이지 768 ===================*/
	
	/* 메인 - 로그인 전 768 */
	.swiper_mainimg {
		height: 300px;
	}
	.swiper_mainimg .grid_content {
		padding-top: 45px;
	}
	.slide1 strong {
		font-size: 2.6rem;
	}
	.swiper_mainimg .slide3 .grid_content {
		padding-top: 50px;
	}
	.slide3 strong {
		margin-bottom: 10px;
		line-height: 1.2em;
	}
	.slide3 strong span {
		display: block;
	}
	.swiper_mainimg p {
		font-size: 1.6rem;
	}
	
	.mainprogram_wrap {
		padding-top: 25px;
	}
	.mainprogram_wrap .swiper-wrapper {
		height: 423px;
	}
	.program_infolist dt a {
		height: 42px;
	}
	.mainsection_tit {
		font-size: 2rem;
	}
	
	.counsel_box {
		height: 150px;
	}
	.counsel_box a {
		padding: 95px 10px 10px 10px;
		background-position: center 30px;
	}
	.counsel_box_tit h3 {
		margin-bottom: 20px;
		font-size: 2rem;
	}

	.maintest_wrap {
		padding: 30px 0;
	}
	.maintest_list li {
		width: 30%;
	}
	
	.mainlist_wrap {
		padding: 30px 0;
	}
	.mainlist_wrap section {
		margin: 0;
		width: 100%;
	}
	.mainlist_wrap .mainsection_tit {
		margin-bottom: 10px; padding-left: 5px;
	}
	.mainlist_wrap .mainnotice_wrap {
		margin-bottom: 25px;
	}
	.list_wrap {
		height: 202px;
	}
	.list_wrap li {
		padding: 15px 15px 15px 95px;
	}
	.usernotice_list .list_wrap li {
		padding-left: 50px;
	}
	.list_wrap .date {
		width: 45px;
	}
	
	/* 메인 - 로그인 후 768 */
	.userdata_wrap {
		padding: 25px 0;
	}
	.userdata_wrap .btn_ask {
		margin-top: 2px;
	}

	.userdata_box1 {
		margin-right: 2%;
		width: 49%; height: 240px;
	}
	.userdata_list li {
		height: 20px;
	}
	.userdata_box2 {
		height: 254px;
	}
	.userdata_box3 {
		width: 49%; height: 240px;
	}

	.usernotice_list {
		height: 198px;
	}
	
	/*=================== //메인페이지 768 ===================*/
	/*=================== 서브페이지 768 ===================*/
	
	.subcontent_wrap {
		padding-top: 30px;
	}
	
	/* 대학의 인재상 및 핵심역량 768 */
	.philosophy_list {
		display: block;
	}
	.philosophy_list > div {
		margin-right: 0; margin-bottom: 15px; padding: 15px 20px 30px;
		width: 100%;
	}
	.philosophy_list strong {
		padding: 10px 0 10px 55px;
		font-size: 2.2rem;
	}
	.unirolemodel_box {
		text-align: center;
		text-shadow: 0 2px 4px rgba(0,0,0,0.5);
		background-image: linear-gradient(to right, #671d38 30%, rgba(0,0,0,0) 100%), url(../../images/client/sub/bg_unirolemodel.jpg);
	}
	.unirolemodel_box br {
		display: none;
	}
	.newchage_tit {
		position: relative;
		margin-bottom: 10px; padding: 10px 70px;
		width: 100%; height: 65px;
	}
	.newchage_tit::after {
		position: absolute; top: 0; left: 0;
		content: "";
		display: block;
		width: 75px; height: 65px;
		background-color: #e0edf5; background-repeat: no-repeat; background-position: center; background-size: 40px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	.newchange_list1 .newchage_tit::after {
		background-image: url(../../images/client/sub/icon_capa1.png);
	}
	.newchange_list2 .newchage_tit::after {
		background-image: url(../../images/client/sub/icon_capa2.png);
	}
	.newchange_list3 .newchage_tit::after {
		background-image: url(../../images/client/sub/icon_capa3.png);
	}
	.newchange_list4 .newchage_tit::after {
		background-image: url(../../images/client/sub/icon_capa4.png);
	}
	.newchange_list5 .newchage_tit::after {
		background-image: url(../../images/client/sub/icon_capa5.png);
	}
	.newchange_list6 .newchage_tit::after {
		background-image: url(../../images/client/sub/icon_capa6.png);
	}
	.newchage_tit strong {
		padding: 0;
	}
	.newchange_list1 .newchage_tit strong, .newchange_list2 .newchage_tit strong, .newchange_list3 .newchage_tit strong, .newchange_list4 .newchage_tit strong, .newchange_list5 .newchage_tit strong, .newchange_list6 .newchage_tit strong {
		background: none; 
	}
	.newchage_tit span {
		margin-top: 0;
	}
	.newchage_tit i {
		width: 15px; height: 18px;
		background-size: contain;
	}
	.newchange_cnt {
		padding: 0 10%;
		width: 100%;
		text-align: center;
		background: none;
	}
	
	/* 씨앗 소개 768 */
	.cieatfunc_list div {
		height: 120px;
		background-size: 40px; background-position: 30px center;
	}
	.cieatfunc_list .cieat_func6 {
		background-size: 30px; background-position: 38px center;
	}
	.cieatfunc_list p {
		left: 100px;
	}
	
	/* 씨앗 마일리지 768 */
	.cieatmileage_intro p span {
		width: auto;
	}
	.progress_step li {
		margin-right: 50px; padding: 5px 0;
	}
	.progress_step li::after {
		right: -40px;
		margin-top: -12px;
		width: 24px; height: 24px;
		background-size: contain;
	}
	.cieat_incentive div div {
		padding: 18px 20px;
	}
	
	/* 핵심역량 인증소개 768 */
	.system_intro > div {
		margin-bottom: 15px;
	}
	.system_intro div div {
		padding: 15px;
	}
	.system_intro p {
		margin-right: 0; padding-top: 5px; padding-left: 70px;
		width: 100%; min-height: 60px;
	}
	.system_intro p::before {
		width: 60px; height: 60px;
		background-size: contain;
	}
	.system_intro p:first-child {
		margin-bottom: 15px;
	}
	.newcomerintro_txt {
		padding-left: 0; padding-top: 135px;
		text-align: center;
		background-position: center top;
	}
	.newcomerintro_txt p {
		position: static;
		transform: none;
	}
	.capamethod_wrap .col_xl_5 {
		width: 100%;
	}
	.capamethod_wrap .grid_col > .list_dot li p span {
		display: block;
		margin-right: 0; margin-bottom: 30px;
		width: 200px; max-width: 100%;
		text-align: center;
	}
	.capamethod_wrap .plus::after {
		top: auto; bottom: -23px; left: 50%;
		margin-top: 0; margin-left: -8px;
	}
	.capamethod_wrap .equal::after {
		top: auto; bottom: -20px; left: 50%;
		margin-top: 0; margin-left: -5px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	
	/* 전공 마일스톤 소개 768 */
	.milestone_tit button {
		padding: 0;
		width: 25px; height: 25px;
		font-size: 0; line-height: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border-color: #ddd;
	}
	.milestone_tit button::after {
		right: auto; left: 50%; top: 51%;
		margin-left: -5px;
	}
	.milestone_cnt {
		margin: 0;
		border-top: 0;
	}
	.milestone_label {
		padding-left: 95px;
	}
	.milestone_label::after {
		left: 12px;
	}
	
	/* 핵심역량진단 768 */
	.infotop_box {
		padding: 20px 20px 20px 80px;
		background-size: 40px; background-position: 20px center;
	}
	.test_guide {
		padding: 20px 10px;
	}
	.test_guide ol {
		text-align: left;
		background: none;
	}
	.test_guide ol li {
		padding-top: 60px;
		width: 50%;
		text-align: center;
	}
	.test_guide ol li:nth-child(1), .test_guide ol li:nth-child(2) {
		margin-bottom: 30px;
	}
	.testdo_list {
		padding: 0;
		height: auto;
	}
	.testdo_list dl {
		padding: 105px 15px 15px 15px;
		background-position: center 15px;
		background-size: auto 80px;
	}
	.testdo_list .btn_viewresult, .btn_gotest {
		width: 100%;
		padding: 10px;
		position: relative; top: auto; right: auto;
		background-image: none;
	}
	
	/* 핵심역량 진단하기 768 */
	.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;
	}
	
	.testresult_view {
		padding-bottom: 50px;
		background-size: 100px;
	}
	.testresult_tit {
		margin-bottom: 46px;
		font-size: 2rem;
	}
	.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;
	}
	.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 */
	.worknet_step ol {
		padding-top: 0;
	}
	.worknet_step ol li {
		background-size: 60px;
	}
	.worknet_wrap + .font_orange {
		float: none;
		margin-top: 5px;
		text-align: center;
	}
	.worknet_btnarea {
		text-align: center;
	}
	.worknet_content {
		padding: 230px 20px 20px;
	}
	.worknet_content .worknet_image {
		width: auto;
		left: 20px; right: 20px;
		text-align: center;
	}
	.worknet_content .worknet_image img {
		width: auto;
		max-width: 100%;
	}
	.worknet_content .btn_area {
		margin-top: 0;
		text-align: center;
	}
	.worknet_result {
		padding-top: 0;
	}
	
	/* 핵심역량 검사하기 768 */
	.capado_wrap .tab_cnt {
		padding: 15px;
	}
	.capatest_list dt {
		padding: 12px 36px 12px 12px;
	}
	.capatest_list dt .section_tit_md {
		padding-top: 0; padding-bottom: 0;
		background-position: left top 4px;
	}
	.capatest_list dt::before {
		width: 24px;
	}
	.capatest_list dt::after {
		right: 5px;
	}
	.capatest_list .measurearea_list p {
		margin: 1px 4px 1px 0;
		height: 26px;
		font-size: 1.4rem; line-height: 24px;
	}
	.capatest_list .list_txt {
		font-size: 1.4rem;
	}
	.capatest_list .list_txt strong::after {
		margin: 0 6px;
	}

	
	/* 교과정보조회 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_label {
		font-size: 1.3rem;
	}
	.mileage_label {
		top: 118px;
	}
	.program_lisbox .graph_wrap .graph_box p {
		padding-top: 30px;
		margin-bottom: 1.2em;
	}
	.program_lisbox .graph_wrap {
		height: 349px;
	}
	
	.programlist_wrap {
		padding: 15px 20px;
	}
	.programlist_wrap li p {
		width: 100%;
	}
	.programlist_wrap .point, .programlist_wrap .date {
		margin: 5px 10px 0 5px; 
		width: auto;
		vertical-align: top;
	}
	
	/* 비교과 상세 768 */
	.program_content {
		margin: 20px auto 40px;
	}
	.program_contentbox {
		display:block;
		padding: 0;
	}
	.program_leftbox {
		width: 100%;
		padding: 0; margin-bottom: 20px;
	}
	.program_contentimg {
		position: relative;
	}
	.program_contentimg .previewimg_box a {
		height: 260px;
	}
	.program_contentbox .mileage_label {
		top: 226px;
	}
	.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;
	}

	
	.hashtag_label{
		padding-bottom: 20px;
		width: calc(100% - 100px);
	}

	
	.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;
	}
	
	.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_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 */
	.readstatus_wrap {
		padding: 20px 20px 30px;
	}
	.readstep_wrap {
		margin-bottom: 30px; padding: 0;
	}
	.readstep_list {
		padding: 50px 0 40px;	
	}
	.readstep_list li {
		margin-left: 15%; padding: 20px 0 20px 20%;
		width: 60%;
		background-position: left center;
	}
	.readstep_list li strong {
		margin-bottom: 3px;
	}
	
	.readstep_line {
		padding: 50px 0 40px;
	}
	.readstep_line p:first-child, .readstep_line p:last-child {
		width: 100%;
		text-align: center;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
	}
	.readstep_line p:first-child {
		top: 0; 
	}
	.readstep_line p:last-child {
		top: auto; bottom: 0;
	}
	.step_point {
		margin: 0 auto;
		width: 2px; height: 530px;
	}
	.step_point::before, .step_point::after {
		left: 50%;
		margin-top: 0; margin-left: -10px;
	}
	.step_point::before {
		top: -20px;
	}
	.step_point::after {
		top: auto; bottom: -14px;
		margin-left: -7px;
		width: 14px; 
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.step_point span {
		margin-top: 0; margin-left: -7px;
	}
	.step_point span:nth-child(1) {
		left: 50%; top: 8%;
	}
	.step_point span:nth-child(2) {
		left: 50%; top: 27.2%;
	}
	.step_point span:nth-child(3) {
		left: 50%; top: 46.2%;
	}
	.step_point span:nth-child(4) {
		left: 50%; top: 64.8%;
	}
	.step_point span:nth-child(5) {
		left: 50%; top: 83.8%;
	}
	
	/* 봉사인증 신청하기 768 */
	.searchday_row .search_day {
		display: block;
		width: 250px;
	}
	.searchday_row .search_day:first-child {
		margin-right: 0; margin-bottom: 5px;
	}
	
	/* 영어인증제 768 */
	.certi_titbox {
		padding-left: 0; padding-top: 240px;
		text-align: center;
		background-size: auto 220px; background-position: center top;
	}
	.certi_titbox h3 {
		margin-bottom: 10px; padding-top: 0;
		font-size: 2.3rem;
	}
	.certi_titbox p {
		margin: 0 auto 20px;
		width: 80%;
	}

	/* 학생생활상담소 - 개인정보동의 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_deadline {
		font-size: 1.7rem;
	}
	.jobinfo_list {
		padding: 10px 15px;
	}
	.jobinfo_list .tbl th {
		width: 20%;
		word-break: keep-all;
	}
	.jobinfo_list .tbl td {
		width: 30%;
	}
	.jobinfo_box {
		height: 210px;
	}
	.jobinfo_left strong {
		line-height: 65px;
	}
	.jobinfo_left div {
		height: 118px;
	}
	.jobinfo_left div p {
		padding-top: 2px;
	}
	.jobinfo_left div p:last-child {
		padding-top: 7px;
	}
	.jobinfo_left div p.limit_time {
		padding-top: 20px;
	}
	
	/* 진로탐색 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 */
	.ncs_list dd {
		padding: 5px;
	}
	.ncs_list dd ol li {
		width: 33.33%;
	}
	.ncs_list .ncs_inner_list {
		display: block;
		padding: 0 10px 10px;
	}
	.ncsprogram_list {
		padding: 0 15px 15px 15px;
	}
	.ncsprogram_list dt {
		margin-top: 15px; padding-left: 15px;
		background-size: 8px auto;
	}
	.ncsprogram_list dd {
		padding-left: 15px;
	}
	.ncs_list .ncs_inner_box {
		display: block;
		width: 100%;
		margin-top: 15px;
		border: 1px solid #d7d7d7;
	}
	
	/* 자격증 정보 768 */
	.data_card dt {
		margin-bottom: 10px;
		height: 40px;
		font-size: 1.7rem;
	}
	.data_card dd {
		padding: 2px 0;
	}
	
	/* 기업정보 768 */
	.pattern_wrap > li:nth-child(1), .pattern_wrap > li:nth-child(2) {
		margin-bottom: 10px;
	}
	
	/* 마이페이지 768 */
	.mymileage_wrap {
		padding: 30px;
	}
	.mymileage_point {
		margin-bottom: 10px; padding: 3px 10px;
		width: 100%;
	}
	.mymileage_point strong {
		margin-right: 10px;
	}

	.mileage_list li {
		padding: 15px 15px 0;
		width: 49%; height: 85px;
		font-size: 1.5rem;
	}
	.mileage_list li:nth-child(2n), .mileage_list li:nth-child(6) {
		margin-right: 0;
	}
	.mileage_list li:nth-child(3) {
		margin-right: 2%;
	}
	.mileage_list li:nth-child(4) {
		margin-bottom: 15px;
	}
	.mileage_list li strong {
		font-size: 2.8rem;
	}
	
	/* 포트폴리오 768 */
	.btn_toparea {
		margin-bottom: 10px;
		text-align: center;
	}
	.count_label {
		margin-right: 10px;
	}
	.studentinfo_box {
		padding-left: 150px;
	}
	.resume_wrap ul li.resume_list2 {
		padding-left: 45px;
	}
	.selfintro_wrap article {
		padding: 15px;
	}
	.resume_file h4 {
		font-size: 1.5rem;
	}
	.resume_tit {
		padding: 10px;
	}
	.resume_tit div {
		padding: 10px 40px;
	}
	.resume_tit .btn_accordion {
		right: 15px;
	}
	.resume_hobby {
		padding-bottom: 0;
	}
	.resume_hobby p {
		margin-bottom: 10px;
	}
	
	/* 인증현황 768 */
	.certistatus_box1, .certistatus_box2, .certistatus_box3 {
		margin-right: 0; padding-top: 15px;
		width: 100%;
		border-top-width: 4px;
	}
	.certistatus_box4 {
		margin-right: 0; margin-bottom: 10px; padding-top: 18px;
		width: 100%;
	}
	.certistatus_box5 {
		width: 100%;
	}
	.newcomer_wrap h5 {
		margin-bottom: 15px; padding-left: 45px;
		font-size: 1.8rem;
		background-size: auto 35px;
	}
	.certistatus_list li {
		padding-top: 40px;
		background-size: auto 35px;
	}
	.certistatus_list li p {
		margin-top: 0;
	}
	.newcomer_wrap .certi_subj {
		background-size: auto 32px; background-position: center 2px;
	}
	.newcomer_wrap .certi_nonsubj {
		background-size: auto 34px; 
	}
	.certistatus_box5 {
		padding: 105px 0 25px;
		background-size: auto 80px; background-position: center 20px;
	}
	.select_rowposition {
		position: static;
		margin-bottom: 5px; padding-top: 0;
	}
	
	/* 공지사항 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_edit {
		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;
	}

	/* FAQ 768 */
	.faqlist_wrap .faqlist dt {
		padding: 15px 35px 15px 50px;
		font-size: 1.5rem;
	}
	.faqlist_wrap .faqlist dt span {
		left: 10px;
	}
	.faqlist_wrap .faqlist dt::after {
		width: 18px;
		right: 10px;
	}
	.faqlist_wrap .faqlist dd {
		padding: 15px 15px 15px 50px;
	}
	.answericon_a {
		left: 10px;
	}
	
	/* 설문조사 상세 768 */
	.commu_content .testlist_wrap {
		padding: 20px;
	}
	
	/* 개인정보 수집이용 동의서 768 */
	.privacyagree_wrap {
		padding: 40px 0;
	}
	.privacyagree_wrap .logo {
		width: 180px;
	}
	.privacyagree_box {
		width: 97%;
	}
	.privacyagree_wrap .agreement_box .agreement_txt {
		display: block;
	}
	
	
	/*=================== //서브페이지 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%;
	}
	
	/* 텍스트 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 */
	.slide1 strong {
		margin-bottom: 30px;
		font-size: 2.3rem;
	}
	.slide2 .grid_content > div {
		padding-left: 10px;
		text-align: left;
	}
	.slide2 strong {
		font-size: 2.4rem;
	}
	.swiper_mainimg .slide3 .grid_content {
		padding-top: 30px;
	}
	.slide3 ul {
		padding: 5px 16px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.slide3 ul li {
		display: block;
		margin: 0;
		width: 135px;
		text-align: left;
	}
	.slide3 li span {
		font-size: 1.8rem;
	}
	.slide3 strong {
		margin-bottom: 5px;
		font-size: 2.5rem;
	}
	
	.counsel_box_tit {
		padding: 15px;
	}
	.counsel_box_tit h3 {
		margin-bottom: 10px;
	}
	.counsel_box_tit p {
		line-height: 1.5em;
	}

	.maintest_wrap .mainsection_tit + p {
		margin-bottom: 30px;
	}
	.maintest_list li {
		margin-bottom: 35px; padding: 0 10%;
		width: 100%;
	}
	.maintest_list li:last-child {
		margin-bottom: 0;
	}
	.maintest_list li strong {
		margin-bottom: 0; padding-top: 50px;
	}
	.maintest_list li p {
		margin-bottom: 10px;
		min-height: auto;
	}
	.maintest_list li a {
		width: 100%;
		background: none;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	.maintest_list li a span {
		display: inline-block;
		height: 100%;
		color: #777676; font-size: 1.6rem; line-height: 38px;
	}

	.list_wrap li {
		border-width: 1px;
	}
	
	/* 메인 - 로그인 후 480 */
	.userdata_wrap {
		padding: 20px 0;
	}
	.userdata_box1 {
		margin-right: 0; padding: 15px 15px 25px;
		width: 100%; height: auto;
	}
	.userdata_box1 .mainsection_tit {
		margin-bottom: 15px;
	}
	
	.userdata_box2 {
		height: auto;
	}
	.userdata_box2 > div {
		width: 100%; height: auto;
	}
	.userdata_box2 > div:last-child {
		margin-top: 15px; padding-top: 18px;
		border-top: 1px dashed #7a5f69;
	}
	
	.userdata_box3 {
		padding: 15px 5px 20px;
		width: 100%; height: auto;
	}
	
	.userdata_box4 {
		padding: 15px 20px;
		height: auto;
	}
	.userdata_box4 .tab_list li a {
		font-size: 1.8rem;
	}
	.mainemploy_card .swiper_btnarea {
		text-align: left;
	}
	.mainemploy_card .swiper_btnarea .btn_more {
		float: right;
	}
	
	.userdata_box5 {
		padding: 15px;
		height: auto;
	}
	.usercounsel_status li {
		height: 110px;
		width: 32.6%; margin-left: 1%;
	}
	.usercounsel_status strong {
		margin-bottom: 5px;
		font-size: 1.5rem;
	}
	.usercounsel_status li p {
		font-size: 1.45rem;
	}
	.userdata_box5 > div {
		margin-top: 15px; padding-top: 18px;
		width: 100%; height: 250px;
		border-top: 1px dashed #7a5f69;
	}
	.userdata_box5 > div:first-child {
		margin-top: 20px;
	}
	.usercounsel_txt {
		margin-bottom: 0;
		text-align: left;
	}
	
	/*=================== //메인페이지 480 ===================*/
	/*=================== 서브페이지 480 ===================*/

	/* 대학의 인재상 및 핵심역량 480 */
	.unirolemodel_box {
		padding: 30px;
	}
	.newchange_cnt {
		padding: 0 4%;
	}
	
	/* 핵심역량 인증소개 480 */
	.newcomerintro_txt p br {
		display: none;
	}
	.capamethod_wrap .grid_col > .list_dot li p {
		padding-right: 15px;
	}
	.capamethod_wrap .grid_col > .list_dot li p span, .capamethod_wrap .grid_col > .list_dot li p span:last-child {
		margin-left: auto; margin-right: auto;
	}
	
	/* 전공 마일스톤 소개 480 */
	.milestone_intro li:first-child {
		margin-top: 0;
	}
	.milestone_label {
		margin: 0; padding-left: 60px;
		font-size: 1.6rem;
	}
	.milestone_label::after {
		top: 0; left: 0;
		margin-top: 0;
		width: 50px; height: 100%;
		background-size: 60px; background-position: -8px center;
		border-radius: 0 26px 26px 0;
		transform: none;
	}
	
	/* 핵심역량진단 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;
	}
	
	/* 핵심역량 진단하기 480 */
	.testlist_paging {
		display: block;
	}
	.testlist_paging .btn {
		position: static;
		margin-top: 15px;
	}
	
	/* 핵심역량진단 결과 480 */
	.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;
	}
	.timelimit_wrap {
		padding: 10px;
	}

	/* 핵심역량검사 결과 480 */
	.caparesult_txtbox {
		padding: 15px;
	}
	.caparesult_txtbox strong {
		display: block;
		margin-bottom: 10px; margin-right: 0; padding-right: 0;
	}
	.caparesult_txtbox strong::after {
		display: none;
	}
	.caparesult_txtbox strong span {
		width: 90px; height: 18px;	
	}

	
	/* 학습유형 진단결과 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 */
	.worknet_step ol {
		padding: 0;
	}
	
	/* 교과정보조회 480 */
	.row_2 .search_row:nth-child(1) .select_form {
		margin-right: 3%;
		width: 48.5%;
	}

	/* 비교과 상세 480 */
	.program_contentimg .previewimg_box a {
		height: 200px;
	}
	.program_contentbox .mileage_label {
		top: 167px;
	}
	.program_rightbox .starlevel_count img {
		width: 100px;
	}
	.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 */
	.active_box {
		padding: 20px 20px 20px 90px;
		background-size: 55px; background-position: 18px center;
	}
	.searchtoggle_left .select_form {
		margin-bottom: 8px;
	}
	
	/* 독서인증현황 480 */
	.readstep_list li {
		margin-left: 12.5%; padding-left: 40%;
		width: 90%;
	}
	
	/* 지도교수상담 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 */
	.target_role {
		padding-left: 110px;
		background-position: 10px center; background-size: 70px;
	}
	
	/* 국가직무능력표준정보 480 */
	.ncs_list dd ol li {
		width: 50%;
	}

	/* 자격증 정보 480 */
	.data_card dt {
		display: block;
		height: auto;
	}

	/* 기업정보 480 */
	.pattern_wrap > li:nth-child(1), .pattern_wrap > li:nth-child(2) {
		margin-bottom: 6px;
	}
	
	/* 마이페이지 480 */
	.mymileage_wrap {
		padding: 25px;
	}

	.mileage_list li {
		margin-bottom: 10px;
		text-align: center;
		background-image: none !important;
	}
	.mileage_list li:nth-child(4) {
		margin-bottom: 10px;
	}

	/* 포트폴리오 480 */
	.resume_tit {
		background-size: 26px; background-position: 12px 6px;
	}
	.resume_tit div {
		padding: 10px 40px 10px 10px;
	}
	.resume_tit .btn_accordion {
		right: 10px;
	}
	.studentinfo_box {
		padding: 10px;
	}
	.studentinfo_box .resumeimg {
		margin-left: -60px;
		position: relative; left: 50%; top: 10px;
	}
	.studentinfo_box dl {
		margin-top: 15px;
	}
	.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;	
	}

	/* 인증현황 480 */
	.certisystem_info strong {
		height: 36px;
		line-height: 36px;
	}
	
	/* 주요 프로그램 및 운영부서 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;
	}
	
	/* 개인정보 수집이용 동의서 480 */
	.privacyagree_tit {
		font-size: 1.6rem; font-weight: 600; 
	}
	.privacyagree_tit br {
		display: none;
	}
	.privacyagree_cnt {
		padding: 15px 20px;
	}
	.privacyagree_info {
		margin: 40px 0 20px;
	}
	.privacyagree_info .signature {
		padding: 8px 0 20px;
	}
	.privacyagree_info .stamp {
		font-size: 2rem;
	}
	.privacyagree_wrap .tbl + .font_orange br {
		display: none;
	}
	
}
@media screen and (max-width:320px) {
	
	/* 메인 - 로그인 전 320 */
	.slide2 strong {
		font-size: 2.3rem;
	}
	.slide2 p {
		font-size: 1.5rem;
	}
	
}