/* --카드탭영역-- */

/* 카드 전체영역 */
.main_visual .mv_inner {
	width: 1200px;
	margin:60px auto 0 auto;
}

/* --- card_layout 영역 --- */
.card_layout {
	width:1200px;
	min-height:600px;
	margin:auto;
	position:relative;
}

/* 카드 위로 흐르게 올라오는 레이어

.card_layout .card .hoverBG {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
	opacity:0;
}
*/

.card_layout .card.card_layout_A .hoverBG,
.card_layout .card.card_layout_C .hoverBG,
.card_layout .card.card_layout_K .hoverBG,
.card_layout .card.card_layout_L .hoverBG,
.card_layout .card.card_layout_M .hoverBG,
.card_layout .card.card_layout_N .hoverBG
{
	left:100%;
	top:0;
}

.card_layout .card.card_layout_D .hoverBG,
.card_layout .card.card_layout_E .hoverBG {
	left:0;
	bottom:100%;
}

.card_layout .card.card_layout_B .hoverBG,
.card_layout .card.card_layout_F .hoverBG,
.card_layout .card.card_layout_G .hoverBG {
	left:0;
	top:100%;
}

.card_layout .card.card_layout_H .hoverBG,
.card_layout .card.card_layout_J .hoverBG {

	right:100%;
	top:0;


}



/* 카드 상단 탭 부분 */
.main_visual .mv_inner .card_tab {
	width:680px;
}
.main_visual .mv_inner .card_tab li {
	display:inline-block;
	padding-right:10px;
}
.main_visual .mv_inner .card_tab li a{
	padding:10px 14px;
	font-size:12px;
	display:block;
	font-family:'Dotum', Serif;
	border: 1px solid #e2e2e2;
	background-color:#fff;
	color:#929292;
	cursor:pointer;
}

.main_visual .mv_inner .card_tab li a.is-checked {
	background-color:#4c4c4c;
	color:#fff;
	border:0;
}

/* 정규 개강일자 */
.main_visual .mv_inner .openstudy {
	height:31px;
	width:432px;
	position:absolute;
	right:0;
	top:0;
}

@media screen and (max-width: 1420px) {
	.card_layout, .main_visual .mv_inner {
		width: 960px;
	}
}
@media screen and (max-width: 1180px) {
	.card_layout, .main_visual .mv_inner {
		width: 720px;
	}
	.main_visual .mv_inner .openstudy {
		top:-40px;
	}
}

/* --카드 공통 css-- */

.card_layout .card {
	background-color:#fff;
	border-radius:5px;
	border:1px solid #eee;
	-webkit-box-shadow: 5px 5px 52px -14px rgba(102,102,102,0.2);
	-moz-box-shadow: 5px 5px 52px -14px rgba(102,102,102,0.2);
	box-shadow: 5px 5px 52px -14px rgba(102,102,102,0.2);
	overflow:hidden;
}
.card .contents{
	padding:0 20px;
	text-align:center;
}

.card .number { display:none; }


/* 게시판 */

.card .contents .board {
width:180px;
margin:auto;
text-align:left;
}
.card .contents .board li{
display:block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.card .contents .board li a{
font-size:12px;
font-family:'Dotum', Serif;
line-height:28px;
letter-spacing:-1px;

}

/* 더보기 */

.card .media_icon {
width:27px;
height:27px;
background: url(../img/media_icon.png) no-repeat ;
}
.card .more_view {
position:absolute;
bottom:20px;
right:30px;
font-size:12px;
font-family:'Dotum', Serif;
color:#999;
}
.card .more_view a {
font-size:12px;
font-family:'Dotum', Serif;
color:#999;
}

/* 타이틀 */
.card .title {
padding-left:20px;
padding-top:15px;
padding-bottom:20px;

}

.card .title span {
font-size:12px;
color:#888;
letter-spacing:-1px;
}

.card .title span.bar {
font-size:8px;
color:#ddd;
letter-spacing:2px;
}

.card .title strong {
font-size:14px;
color:#333;
letter-spacing:-1px;
}

/* --카드 type 4가지// 220x220 or 220x460 //크기지정css-- */

/* card_1_1 : card_A */
.card_layout .card_1_1, .card_layout .card_A, .card_layout .card_K, .card_layout_U {
width:218px;
height:218px;
}
/* card_1_2 : card_B */
.card_layout .card_1_2, .card_layout .card_B, .card_layout .card_layout_S, .card_layout .card_layout_T {
width:218px;
height:458px;
}
/* card_1_3 : card_C */
.card_layout .card_1_3, .card_layout .card_B {
width:218px;
height:300px;
}
/* card_2_1 : card_D */
.card_layout .card_2_1, .card_layout .card_C {
width:458px;
height:218px;
}
/* card_2_2 : card_E */
.card_layout .card_2_2, .card_layout .card_D {
width:458px;
height:458px;
}

/* 이미지 */


.card_imgWrap { margin-top:0px; width:100%; height:100%;  max-width:218px; max-height:160px;  overflow:hidden; }
.card_imgWrap img { height:100%; }

.card_img {
position:absolute; bottom:20px; z-index:3;
}

.card_img_02 {
position:absolute; top:0px; z-index:3;
}
.card_img img{
display:block;
}

.card_img_02 img{
display:block;
}


/* 폰트조정 */

.card .big_title {
font-size:18px; display:block; margin-top:10px;
}
.card .a_text {
font-size:13px; line-height:20px; color:#333; margin-top:6px;
}
/* --카드 position및 개별값 css-- */


/* 버튼 */

.pin_btn {
margin:20px auto; width:160px; height:36px; background-image:url('../img/more_find_btn.png');
background-repeat:no-repeat; border-radius:5px; cursor:pointer;
}
.apply_btn {
width:180px; height:46px; /* background-image:url('../img/apply_btn.png');
background-repeat:no-repeat; */ font-size:16px; background-color:#1567bc;
font-family:'Nanum Gothic';  border-radius:5px; cursor:pointer; border:0;
color:#fff;
}

.card_layout .card { position:relative; margin: 10px; float: left; }

/* Type A - (1 X 2) / EX.취업자인터뷰 / 이미지사이즈: 최대W218*H144(더 작은이미지를 넣어도 중간정렬) */

.card_layout_A { width:218px; height:458px; }
.card_layout_A .content_img { width:218px; height:164px; text-align:center; overflow:hidden;}
.card_layout_A .content_img img { display:block; margin:auto; width:100%; }
.card_layout_A .contents { width:180px; }
.card_layout_A .big_title { font-weight:bold; font-size:20px; letter-spacing:-1px; line-height:24px; max-height:48px; overflow: hidden; }
.card_layout_A .a_text { font-family:'MalgunGothic'; font-size:12px; line-height:24px; margin-top:10px; color:#666; }




/* Type B - (2 X 1) / EX.교수소개 / 이미지사이즈: W218*H218(이미지사이즈 고정) */

.card_layout_B { width:458px; height:218px; }
.card_layout_B .content_img { width:218px; height:218px; position:absolute; right:0; top:0; }
.card_layout_B .content_img img { display:block;}
.card_layout_B .contents { text-align:left; width:180px; }
.card_layout_B .big_title { font-family:'MalgunGothic'; font-weight:bold; font-size:20px; letter-spacing:-1px; line-height:14px; }
.card_layout_B .a_text { font-family:'MalgunGothic';  font-size:12px; line-height:24px; margin-top:10px; color:#666; }


/* Type C - (1 X 2) / EX.포트폴리오 / 이미지사이즈: W218*H380(이미지사이즈 고정) */

.card_layout_C { width:218px; height:458px; }
.card_layout_C .content_img { width:218px; height:380px; position:absolute; bottom:20px; }
.card_layout_C .content_img img { display:block;}
.card_layout_C .contents { text-align:left; width:180px; }
.card_layout_C .big_title, .card_layout_C .big_title a { font-family:'MalgunGothic'; font-weight:bold; font-size:14px; letter-spacing:0; color:#fff; line-height:12px;}
.card_layout_C .a_text { font-family:'MalgunGothic';  font-size:12px; color:#fff; margin-top:0;}
.card_layout_C .bg_shadow { position:absolute; bottom:20px; width:218px; height:160px; z-index:8; }
.card_layout_C .card_text { position:absolute; bottom:40px; z-index:9; }



/* Type D - (1 X 1) / EX.포트폴리오-미디어+ / 이미지사이즈: 최대218*144(이미지사이즈 고정) */

.card_layout_D { width:218px; height:218px; }
.card_layout_D .content_img { width:218px; height:164px; position:absolute; bottom:20px; overflow:hidden; }
.card_layout_D .content_img img { display:block; width:100%; }
.card_layout_D .contents { text-align:left; width:180px; }
.card_layout_D .big_title, .card_layout_D .big_title a { display:block; width:195px; font-family:'MalgunGothic'; font-weight:bold; font-size:14px;
letter-spacing:0; color:#fff; }
.card_layout_D .a_text {  font-family:'MalgunGothic';  font-size:12px; color:#fff;  }
.card_layout_D .bg_shadow { position:absolute; bottom:20px; width:218px; height:160px; z-index:8; }
.card_layout_D .card_text { position:absolute; left:14px; bottom:40px; z-index:9; }
.card_layout_D .card_text .text_area{ float:right; text-align:left; }
.card_layout_D .media_icon{ float:left; margin-top:16px; padding-right:15px; display:none;}



/* Type E - (1 X 1) / EX.포트폴리오-텍스트ONLY / 이미지사이즈: 최대218*144(이미지사이즈 고정) */

.card_layout_E { width:218px; height:218px; }
.card_layout_E .content_img { width:218px; height:164px; position:absolute; bottom:20px; }
.card_layout_E .content_img img { display:block;}
.card_layout_E .contents { text-align:left; width:180px; }
.card_layout_E .big_title { font-family:'MalgunGothic'; font-weight:bold; font-size:14px; letter-spacing:0; color:#fff; line-height:12px; }
.card_layout_E .a_text { font-family:'MalgunGothic';  font-size:12px; color:#fff;  line-height:12px; }
.card_layout_E .bg_shadow { position:absolute; bottom:20px; width:218px; height:160px; z-index:8; }
.card_layout_E .card_text { position:absolute; bottom:40px; z-index:9; }



/* Type F - (2 X 1) / EX.포트폴리오-텍스트ONLY / 이미지사이즈: 최대458*144(이미지사이즈 고정) */
.card_layout_F { width:458px; height:218px; }
.card_layout_F .content_img { width:458px; height:144px; position:absolute; bottom:20px; }
.card_layout_F .content_img img { display:block;}
.card_layout_F .contents { text-align:left; width:180px; }
.card_layout_F .big_title { font-family:'MalgunGothic'; font-weight:bold; font-size:14px; letter-spacing:0; color:#fff; line-height:12px; }
.card_layout_F .a_text { font-family:'MalgunGothic';  font-size:12px; color:#fff;  line-height:12px; }
.card_layout_F .bg_shadow2_1 { position:absolute; bottom:20px; width:458px; height:144px; z-index:8; }
.card_layout_F .card_text { position:absolute; bottom:40px; z-index:9; }
.card_layout_F .card_text .text_area{ float:right; text-align:left; }


/* Type G - (2 X 1) / EX.포트폴리오-미디어+ / 이미지사이즈: 최대458*144(이미지사이즈 고정) */

.card_layout_G { width:458px; height:218px; }
.card_layout_G .content_img { width:458px; height:164px; position:absolute; bottom:20px; }
.card_layout_G .content_img img { display:block; }
.card_layout_G .contents { text-align:left; width:180px; }
.card_layout_G .big_title { display:block; width:240px; font-family:'MalgunGothic'; font-weight:bold; font-size:14px; letter-spacing:0; color:#fff;  }
.card_layout_G .a_text { font-family:'MalgunGothic';  font-size:12px; color:#fff;  line-height:12px; }
.card_layout_G .bg_shadow2_1 { position:absolute; bottom:20px; width:458px; height:144px; z-index:8; }
.card_layout_G .card_text { position:absolute; bottom:40px; z-index:9; }
.card_layout_G .card_text .text_area{ float:right; text-align:left; }
.card_layout_G .media_icon{ float:left; margin-top:10px; padding-right:15px;}


/* Type H - (2 X 2) / EX.커리큘럼 */

.card_layout_H { width:458px; height:458px; }
.card_layout_H .content_img { width:300px; height:274px; margin:auto; }
.card_layout_H .content_img img { display:block; }
.card_layout_H .contents { width:400px; margin:auto; }
.card_layout_H .media_icon{ float:left; margin-top:15px; padding-right:15px;}
.card_layout_H .card_text .text_area{ float:right;}
.card_layout_H .big_title { font-family:'MalgunGothic'; font-weight:bold; font-size:20px; letter-spacing:-1px; line-height:22px; }
.card_layout_H .a_text { font-family:'MalgunGothic';  font-size:14px; line-height:20px; }

/* Type I - (1 X 1) / EX.핀터레스트 */

.card_layout_I { width:218px; height:218px; }
.card_layout_I .content_img { width:218px; height:164px; position:absolute; bottom:20px; overflow:hidden; }
.card_layout_I .content_img img { display:block; width:100%; }
.card_layout_I .contents { text-align:left; width:180px; }
.card_layout_I .big_title, .card_layout_I .big_title a { display:block; width:195px; font-family:'MalgunGothic'; font-weight:bold; font-size:14px;
letter-spacing:0; color:#fff; }
.card_layout_I .a_text {  font-family:'MalgunGothic';  font-size:12px; color:#fff;  }
.card_layout_I .bg_shadow { position:absolute; bottom:20px; width:218px; height:160px; z-index:8; }
.card_layout_I .card_text { position:absolute; left:14px; bottom:40px; z-index:9; }
.card_layout_I .card_text .text_area{ float:right; text-align:left; }
.card_layout_I .media_icon{ float:left; margin-top:16px; padding-right:15px;}

/* Type J - (1 X 1) / EX.웹툰카드 */

.card_layout_J { width:218px; height:218px; }
.card_layout_J.card .title { display:none; }
.card_layout_J .content_img { width:218px; height:218px; position:absolute; bottom:0px; overflow:hidden; }
.card_layout_J .content_img img { display:block; width:100%; }
.card_layout_J .contents { display:none; }
.card_layout_J .big_title, .card_layout_J .big_title a { display:none; }
.card_layout_J .a_text { display:none; }
.card_layout_J .bg_shadow { position:absolute; bottom:20px; width:218px; height:160px; z-index:8; }
.card_layout_J .card_text { display:none; }
.card_layout_J .card_text .text_area{ display:none; }
.card_layout_J .media_icon{ display:none; }

/* Type K - (1 X 1) / EX. 타이틀 + Only 이미지 */

.card_layout_K { width:218px; height:218px; }
.card_layout_K.card .title { }
.card_layout_K .content_img { width:218px; height:164px; position:absolute; bottom:0px; overflow:hidden; }
.card_layout_K .content_img img { display:block; width:100%; }
.card_layout_K .contents { display:none; }
.card_layout_K .big_title, .card_layout_K .big_title a { width:195px; font-family:'MalgunGothic'; font-weight:bold; font-size:14px;
letter-spacing:0; color:#fff; }
.card_layout_K .a_text { display:none; }
.card_layout_K .bg_shadow { display:none; }
.card_layout_K .card_text { display:none; }
.card_layout_K .card_text .text_area{ display:none; }
.card_layout_K .media_icon{ display:none; }

/* Type L - (2 X 1) / EX. 타이틀 + Only 이미지 */

.card_layout_L { width:458px; height:218px; }
.card_layout_L.card .title { }
.card_layout_L .content_img { width:458px; height:164px; position:absolute; bottom:0px; overflow:hidden; }
.card_layout_L .content_img img { display:block; width:100%; }
.card_layout_L .contents { display:none; }
.card_layout_L .big_title, .card_layout_L .big_title a { width:195px; font-family:'MalgunGothic'; font-weight:bold; font-size:14px;
letter-spacing:0; color:#fff; }
.card_layout_L .a_text {  display:none; }
.card_layout_L .bg_shadow { display:none; }
.card_layout_L .card_text { display:none; }
.card_layout_L .card_text .text_area{ display:none; }
.card_layout_L .media_icon{ display:none; }

/* Type M - (1 X 2) / EX. 타이틀 + Only 이미지 */

.card_layout_M { width:218px; height:458px; }
.card_layout_M.card .title { }
.card_layout_M .content_img { width:218px; height:404px; position:absolute; bottom:0px; overflow:hidden; }
.card_layout_M .content_img img { display:block; width:100%; }
.card_layout_M .contents { display:none; }
.card_layout_M .big_title, .card_layout_M .big_title a { width:195px; font-family:'MalgunGothic'; font-weight:bold; font-size:14px;
letter-spacing:0; color:#fff; }
.card_layout_M .a_text {  font-family:'MalgunGothic';  font-size:12px; color:#fff; display:none; }
.card_layout_M .bg_shadow { display:none; }
.card_layout_M .card_text { display:none; }
.card_layout_M .card_text .text_area{ display:none; }
.card_layout_M .media_icon{ display:none; }

/* Type N - (2 X 2) / EX. 타이틀 + Only 이미지 */

.card_layout_N { width:458px; height:458px; }
.card_layout_N.card .title { }
.card_layout_N .content_img { width:458px; height:404px; position:absolute; bottom:0px; overflow:hidden; }
.card_layout_N .content_img img { display:block; width:100%; }
.card_layout_N .contents { display:none; }
.card_layout_N .big_title, .card_layout_N .big_title a { width:195px; font-family:'MalgunGothic'; font-weight:bold; font-size:14px;
letter-spacing:0; color:#fff; }
.card_layout_N .a_text {  display:none; }
.card_layout_N .bg_shadow { display:none; }
.card_layout_N .card_text { display:none; }
.card_layout_N .card_text .text_area{ display:none; }
.card_layout_N .media_icon{ display:none; }

/* Type O - (2 X 1) / EX.유투브 / 이미지사이즈: W458*H218(이미지사이즈 고정) */

.card_layout_O { width:458px; height:218px; }
.card_layout_O .content_img { width:218px; height:218px; position:absolute; right:0; top:0; }
.card_layout_O.content_img img { display:block;}
.card_layout_O .contents { text-align:left; width:180px; }
.card_layout_O .big_title { font-family:'MalgunGothic'; font-weight:bold; font-size:20px; letter-spacing:-1px; line-height:14px; }
.card_layout_O .a_text { font-family:'MalgunGothic';  font-size:12px; line-height:24px; margin-top:10px; color:#666; }

/* Type P - (2 X 2) / EX.유투브 / 이미지사이즈: W458*H458(이미지사이즈 고정) */

.card_layout_P { width:458px; height:458px; }
.card_layout_P .content_img { width:218px; height:218px; position:absolute; right:0; top:0; }
.card_layout_P.content_img img { display:block;}
.card_layout_P .contents { text-align:left; width:180px; }
.card_layout_P .big_title { font-family:'MalgunGothic'; font-weight:bold; font-size:20px; letter-spacing:-1px; line-height:14px; }
.card_layout_P .a_text { font-family:'MalgunGothic';  font-size:12px; line-height:24px; margin-top:10px; color:#666; }

/* Type Q - (1 X 1) / EX. Only 이미지 */

.card_layout_Q { width:218px; height:218px; }
.card_layout_Q .content_img { width:218px; height:218px; position:absolute; bottom:0px; overflow:hidden; }
.card_layout_Q.content_img img { display:block;}

/* Type R - (1 X 2) / EX. Only 이미지 */

.card_layout_R { width:218px; height:458px; }
.card_layout_R .content_img { width:218px; height:458px; position:absolute; bottom:0px; overflow:hidden; }
.card_layout_R.content_img img { display:block;}

/* Type S - (1 X 2) / EX. 인터뷰 분류용 */

.card_layout_S { width:218px; height:458px; }

/* Type T - (1 X 2) / EX. 에필로그 분류용 */

.card_layout_T { width:218px; height:458px; }

/* Type U - (1 X 1) / EX. 타이틀 + 이미지 + 텍스트 */

.card_layout_U { width:218px; height:218px; }
.card_layout_U.card .title { }
.card_layout_U .content_img { width:218px; height:164px; position:absolute; bottom:0px; overflow:hidden; }
.card_layout_U .content_img img { display:block; width:100%; }
.card_layout_U .bg_shadow { display:none; }
.card_layout_U .media_icon{ display:none; }



/* Type Port -  / EX.포트폴리오페이지용카드 */

.card_layout_Port { width:218px; height:280px; }
.card_layout_Port .content_img { width:218px; height:164px; position:absolute; top:50px; overflow:hidden; }
.card_layout_Port .content_img img { display:block; width:100%; }
.card_layout_Port .contents { text-align:left; width:180px; }
.card_layout_Port .big_title { font-family:'Malgun Gothic'; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#fff; line-height:12px; }
.card_layout_Port .a_text {  font-family:'Malgun Gothic';  font-size:12px; color:#fff;   }
.card_layout_Port .bg_shadow { position:absolute; top:54px; width:218px; height:160px; z-index:8; }
.card_layout_Port .card_text { position:absolute; top:150px; z-index:9; }
.card_layout_Port .card_text .text_area{ float:right; text-align:left; }
.card_layout_Port .media_icon{ float:left; margin-top:15px; padding-right:15px;}



.pint .contents { width:178px; margin:auto; text-align:center;}


.content_body .card_layout_Port { width:218px; height:300px; }
.content_body .card_layout_Port .card_text { top:230px; }
.content_body .card_layout_Port .a_text { color:#333; }
.content_body .card_layout_Port .big_title { color:#333; }

/* 포트폴리오, 취업센터 메뉴 리스트 페이지 */
.sub_listpage{text-align:left;}

/* 20180927 메인 학원 전화번호 위치 */
@media screen and (max-width: 1420px) {
	.openstudy .pc_telnum{position:absolute;top:-40px;right:0;}
}
@media screen and (max-width: 1180px) {
	.openstudy .pc_telnum{position:absolute;top:0px;right:240px;}
}