@charset "utf-8";

/* 시스템관리  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 첫페이지 */
.adminFirst {width:100%; text-align:center; background:#f8f8f8;}

/* 시스템영역 [좌/우 레이아웃] */
.sysArea {width:100%; padding-top:10px; overflow:hidden;}
.sysArea .saL {float:left; width:42%;}
.sysArea .saR {float:right; width:55%;}

/* 시스템영역 [좌/중/우 레이아웃] */
.sysCtn {width:100%; overflow:hidden;}
.sysCtn .scL {float:left; width:23%; margin-right:2%;}
.sysCtn .scC {float:left; width:23%; margin-right:2%;}
.sysCtn .scR {float:right; width:50%;}

/* 타이틀영역 */
.sysTitle {width:100%; margin-bottom:10px; overflow:hidden;}
.sysTitle dt {float:left; padding:5px 0 0 0px; font-size:16px; color:#000; font-weight:bold;}
.sysTitle dd {float:right; line-height:24px;}

/* 선택영역 */
.sysSel {width:90%; padding:20px; border:1px solid #e1e1e1; overflow-y:scroll;}

/* 선택영역 */
.sysSelect {width:100%;}
.sysSelect h1 {padding:10px; text-align:center; font-size:16px; font-weight:bold; color:#333; border:#ddd 1px solid; background:#f3f7fa;}
.sysSelect div {padding:15px; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; overflow-y:scroll;}
.sysSelect div ul {width:100%; overflow:hidden;}
.sysSelect div ul li {width:100%;}
.sysSelect div ul li a {display:block; padding:3px 0 3px 8px; background:url('../images/btnIcn/icn_dot1.gif') 0 13px no-repeat;}
.sysSelect div ul li a:hover {color:#fff; background:#555;}
.sysSelect div ul li a.on {color:#fff; background:#555;}

/* 트리영역 */
.sysTree {width:100%;}
.sysTree h1 {padding:10px; text-align:center; font-size:16px; font-weight:bold; color:#333; border:#ddd 1px solid; background:#f5f5f5;}
.sysTree div {padding:15px; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; overflow-x:scroll; overflow-y:scroll;}
.sysTree div > ul {width:100%; overflow:hidden;}
.sysTree div > ul > li {width:100%;}
.sysTree div > ul > li > a {display:block; padding:4px 0 4px 10px; font-weight:bold; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat; word-break:break-all;}
.sysTree div > ul > li > a:hover {color:#fff; background:#f36f21;}
.sysTree div > ul > li > a.on {color:#fff; background:#f36f21;}
.sysTree div > ul > li > ul {width:100%; overflow:hidden;}
.sysTree div > ul > li > ul > li {width:100%;}
.sysTree div > ul > li > ul > li > a {display:block; padding:4px 0 4px 30px; background:url('../images/btnIcn/icn_dot1.gif') 20px 12px no-repeat; word-break:break-all;}
.sysTree div > ul > li > ul > li > a:hover {color:#fff; background:#eb2629;}
.sysTree div > ul > li > ul > li > a.on {color:#fff; background:#eb2629;}
.sysTree div > ul > li > ul > li > ul {width:100%; overflow:hidden;}
.sysTree div > ul > li > ul > li > ul > li {width:100%;}
.sysTree div > ul > li > ul > li > ul > li > a {display:block; padding:4px 0 4px 50px; background:url('../images/btnIcn/icn_dot1.gif') 40px 12px no-repeat; word-break:break-all;}
.sysTree div > ul > li > ul > li > ul > li > a:hover {color:#fff; background:#6c6c6c;}
.sysTree div > ul > li > ul > li > ul > li > a.on {color:#fff; background:#6c6c6c;}

/* 리스트 - 목록 */
.sysListBar {overflow:hidden;}
.sysListBar table {width:100%; table-layout:fixed; }
.sysListBar table th {color:#000; text-align:left; padding:7px 0 7px 0; font-size:14px; font-weight:bold;}
.sysListBar table td {color:#333; text-align:left; padding:7px 0 7px 0; font-size:11px;  }









/* 동아대DECO 컨텐츠  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.subCont .textListLine > li {font-size:16px; word-break:keep-all;}
.subCont table thead th, .subCont table tbody td {font-size:15px;}

.sub_cont_txt {font-size:16px; line-height:24px; word-break:keep-all;}
.sub_cont_txt strong {color:#07326c;}

/* DECO시스템 [동아비교과 소개] */
.deco_intro {width:100%; overflow:hidden;}
.deco_intro > span {float:left; display:block;}
.deco_intro > span > img {width:360px; height:450px;}
.deco_intro > div {float:right; width:600px; box-sizing:border-box; padding:50px 40px; overflow:hidden;}
.deco_intro > div > dl {color:#454f63; text-align:center; margin-bottom:50px;}
.deco_intro > div > dl dt {font-size:36px; line-height:48px; font-weight:500; word-break:keep-all;}
.deco_intro > div > dl dd {margin-top:15px; font-size:24px; line-height:28px; letter-spacing:0; word-break:keep-all;}
.deco_intro > div > dl dd > strong.decoD {color:#ef5f76;}
.deco_intro > div > dl dd > strong.decoE {color:#f47462;}
.deco_intro > div > dl dd > strong.decoC {color:#ffb251;}
.deco_intro > div > dl dd > strong.decoO {color:#009ac4;}
.deco_intro > div > div {overflow:hidden;}
.deco_intro > div > div p {font-size:16px; line-height:24px; word-break:keep-all; margin-bottom:10px;}
.deco_intro > div > div p:last-child {margin-bottom:0;}

.deco_skill {width:100%; padding:10px 0; overflow:hidden;}
.deco_skill > li {float:left; width:23%; margin:0 1%; text-align:center; box-sizing:border-box; padding:40px 10px; background:#fff; box-shadow:2px 2px 8px 3px rgba(0,0,0,0.05);}
.deco_skill > li > span {display:block;}
.deco_skill > li > p {margin-top:25px; font-size:18px; line-height:26px; color:#333;}

@media all and (max-width: 1199px){
	.deco_intro > span {margin-top:80px;}
	.deco_intro > span > img {width:250px; height:313px;}
	.deco_intro > div {width:495px; padding:50px 20px;}
}

@media all and (max-width: 989px){
	.deco_intro > span {float:none; width:100%; margin-top:0; text-align:center;}
	.deco_intro > span > img {width:150px; height:188px;}
	.deco_intro > div {float:none; width:100%; padding:0 10px;}
	.deco_intro > div > dl {margin-bottom:30px;}
	
	.deco_skill > li > p {font-size:17px;}
}

@media all and (max-width: 767px){
	.deco_intro > div > dl dt {font-size:32px; line-height:42px;}
	.deco_intro > div > dl dd {margin-top:15px; font-size:22px;}
	
	.deco_skill > li {width:46%; margin:2%;}
	.deco_skill > li:nth-child(1), .deco_skill > li:nth-child(2) {margin-top:0;}
}

@media all and (max-width: 479px){
	.deco_intro > div > dl dt br {display:none;}
	
	.deco_skill > li {float:none; width:80%; margin:3% auto;}
	.deco_skill > li:nth-child(2) {margin-top:3%;}
}


/* 비교과 교육과정이란? [동아비교과 소개] */
.ext_prog_flow {overflow:hidden;}
.ext_prog_flow > li {float:left; width:26.6667%; text-align:center; margin-bottom:15px;}
.ext_prog_flow > li > dl {box-sizing:border-box; padding:30px 15px; background:#f9f1ef;}
.ext_prog_flow > li > dl dd {margin-top:10px; color:#333; font-size:18px; line-height:24px;}
.ext_prog_flow > li > div {font-size:17px; font-weight:500; color:#fff; box-sizing:border-box; padding:10px; background:#f57461;}

.ext_prog_flow > li#flow_arr {width:10%; box-sizing:border-box; padding:114px 0;}
.ext_prog_flow > li.arr_last {display:none;}

.video_intro_img > a {display:block;}
.video_intro_text {margin-top:20px; font-size:16px; word-break:keep-all; text-align:center; box-sizing:border-box; padding:15px; border:1px solid #e5e5e5; background:#f7f8fc;}
.video_intro_text > a {font-weight:500; letter-spacing:0;}

@media all and (max-width: 1199px){
	.video_intro_img > a > img {width:100%; height:auto;}
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.ext_prog_flow > li {float:none; display:table; width:260px; height:260px; margin:10px auto;}
		
	.ext_prog_flow > li#flow_arr {width:260px; height:30px; padding:0;}
	.ext_prog_flow > li.arr_last {display:block;}
	.ext_prog_flow > li#flow_arr > img {transform:rotate(90deg);}
}

@media all and (max-width: 479px){
}


/* 장학금 및 포인트제도 [동아비교과 소개] */
.deco_point_flow {margin:1%; box-sizing:border-box; padding:30px 15px; border-radius:3px; background:#fff; box-shadow:2px 2px 8px 3px rgba(0,0,0,0.05); overflow:hidden;}
.deco_point_flow > li {position:relative; float:left; width:15.8333%; margin:0 1% 0 0; text-align:center;}
.deco_point_flow > li:after {content:""; display:block; position:absolute; right:-15%; top:60px; width:60px; height:14px; background:url('../images/content/deco_point_arr.png') no-repeat;}
.deco_point_flow > li:last-child {margin-right:0;}
.deco_point_flow > li:last-child:after {display:none;}
.deco_point_flow > li > strong {display:block; font-size:18px; color:#bababa; letter-spacing:0;}
.deco_point_flow > li > div {position:relative; z-index:2; margin:15px 0;}
.deco_point_flow > li > p {font-size:16px; color:#333; font-weight:500;}

.deco_scholarship {margin-top:5px; border-top:1px solid #231f20; border-bottom:1px solid #ccc; overflow:hidden;}
.deco_scholarship > li {float:left; width:25%; box-sizing:border-box; border-right:1px solid #e5e5e5;}
.deco_scholarship > li:last-child {border-right:none;}
.deco_scholarship > li > dl {overflow:hidden;}
.deco_scholarship > li > dl dt {font-size:15px; color:#333; font-weight:500; text-align:center; box-sizing:border-box; padding:10px; border-bottom:1px solid #e5e5e5; background:#f7f8fc;}
.deco_scholarship > li > dl dd {display:table; width:100%; height:90px; box-sizing:border-box; padding:10px; background:#fff;}
.deco_scholarship > li > dl dd > span {display:table-cell; vertical-align:middle; text-align:center; font-size:15px; color:#555;}

@media all and (max-width: 1199px){
	.deco_point_flow > li {width:32.6667%; margin:20px 1% 20px 0;}
	.deco_point_flow > li:nth-child(3n) {margin-right:0;}
	.deco_point_flow > li:nth-child(3):after {display:none;}
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.deco_scholarship > li {width:50%;}
	.deco_scholarship > li:nth-child(1) {border-bottom:1px solid #e5e5e5;}
	.deco_scholarship > li:nth-child(2) {border-right:none; border-bottom:1px solid #e5e5e5;}
}

@media all and (max-width: 479px){
	.deco_point_flow > li {float:none; width:100%; margin:80px 0 0 0;}
	.deco_point_flow > li:first-child {margin-top:0;}
	.deco_point_flow > li:after {right:50%; top:240px; width:60px; height:14px; transform:rotate(90deg) translateY(-220%); background-size:60%;}
	.deco_point_flow > li:nth-child(3):after {display:block;}	
}


/* 비교과 프로그램 체계 [동아비교과 소개] */
.ext_prog_sys {width:100%; padding:10px 0; overflow:hidden;}
.ext_prog_sys > li {float:left; width:30.3333%; margin:0 1.5%; text-align:center; box-sizing:border-box; padding:40px 30px; background:#fff; box-shadow:2px 2px 8px 3px rgba(0,0,0,0.05);}
.ext_prog_sys > li > span {display:block;}
.ext_prog_sys > li > span img {height:150px;}
.ext_prog_sys > li > div {margin:30px 0 15px 0; padding-bottom:15px; font-size:22px; line-height:24px; font-weight:bold; border-bottom:1px dashed #555;}
.ext_prog_sys > li > div br {display:none;}
.ext_prog_sys > li:nth-child(1) > div {color:#05bdb5;}
.ext_prog_sys > li:nth-child(2) > div {color:#efc04a;}
.ext_prog_sys > li:nth-child(3) > div {color:#f6745e;}
.ext_prog_sys > li > p {font-size:15px; color:#555; word-break:keep-all;}

.ext_prog_info {overflow:hidden;}
.ext_prog_info > li {width:51%; box-sizing:border-box; overflow:hidden;}
.ext_prog_info > li > p {position:relative; display:table; width:80px; height:130px; margin:8px 0;}
.ext_prog_info > li > p strong {display:table-cell; vertical-align:middle; text-align:center; font-size:16px; font-weight:500; color:#fff;}
.ext_prog_info > li > p:before {content:""; position:absolute; top:0; right:-35px; width:0; height:0; border-top:65px solid transparent; border-bottom:65px solid transparent; border-left:35px solid;}
.ext_prog_info > li > p:after {content:""; position:absolute; top:0; left:-35px; width:0; height:0; border-top:65px solid transparent; border-bottom:65px solid transparent; border-right:35px solid;}
.ext_prog_info > li > div {display:table; width:calc(100% - 130px); width:-webkit-calc(100% - 130px); height:146px; box-sizing:border-box; padding:8px 12px; border:1px solid #e5e5e5; border-radius:3px; background:#fff;}
.ext_prog_info > li > div > ul {display:table-cell; vertical-align:middle;}
.ext_prog_info > li > div > ul > li {padding:2px 0 2px 12px; background:url('../images/btnIcn/line_dot.jpg') 0 14px no-repeat; word-break:keep-all;}

.ext_prog_info > li:nth-child(1) {float:left; padding:0 40px 0 0; margin-top:10px;}
.ext_prog_info > li:nth-child(1) > p {float:right;}
.ext_prog_info > li:nth-child(1) > div {float:left;}
.ext_prog_info > li:nth-child(2) {float:right; padding:0 0 0 40px; margin-top:-70px;}
.ext_prog_info > li:nth-child(2) > p {float:left;}
.ext_prog_info > li:nth-child(2) > div {float:right;}
.ext_prog_info > li:nth-child(3) {float:right; padding:0 0 0 40px; margin-top:10px;}
.ext_prog_info > li:nth-child(3) > p {float:left;}
.ext_prog_info > li:nth-child(3) > div {float:right;}
.ext_prog_info > li:nth-child(4) {float:left; padding:0 40px 0 0; margin-top:-70px;}
.ext_prog_info > li:nth-child(4) > p {float:right;}
.ext_prog_info > li:nth-child(4) > div {float:left;}
.ext_prog_info > li:nth-child(5) {float:right; padding:0 0 0 40px; margin-top:-65px;}
.ext_prog_info > li:nth-child(5) > p {float:left;}
.ext_prog_info > li:nth-child(5) > div {float:right;}
.ext_prog_info > li:nth-child(6) {float:left; padding:0 40px 0 0; margin-top:-65px;}
.ext_prog_info > li:nth-child(6) > p {float:right;}
.ext_prog_info > li:nth-child(6) > div {float:left;}

.ext_prog_info > li:nth-child(1) > p {background:#49baba;}
.ext_prog_info > li:nth-child(1) > p:before {border-left-color:#49baba;}
.ext_prog_info > li:nth-child(1) > p:after {border-right-color:#49baba;}
.ext_prog_info > li:nth-child(2) > p {background:#019ac4;}
.ext_prog_info > li:nth-child(2) > p:before {border-left-color:#019ac4;}
.ext_prog_info > li:nth-child(2) > p:after {border-right-color:#019ac4;}
.ext_prog_info > li:nth-child(3) > p {background:#ef5f76;}
.ext_prog_info > li:nth-child(3) > p:before {border-left-color:#ef5f76;}
.ext_prog_info > li:nth-child(3) > p:after {border-right-color:#ef5f76;}
.ext_prog_info > li:nth-child(4) > p {background:#f57461;}
.ext_prog_info > li:nth-child(4) > p:before {border-left-color:#f57461;}
.ext_prog_info > li:nth-child(4) > p:after {border-right-color:#f57461;}
.ext_prog_info > li:nth-child(5) > p {background:#feb252;}
.ext_prog_info > li:nth-child(5) > p:before {border-left-color:#feb252;}
.ext_prog_info > li:nth-child(5) > p:after {border-right-color:#feb252;}
.ext_prog_info > li:nth-child(6) > p {background:#8faadc;}
.ext_prog_info > li:nth-child(6) > p:before {border-left-color:#8faadc;}
.ext_prog_info > li:nth-child(6) > p:after {border-right-color:#8faadc;}

@media all and (max-width: 1199px){
	.ext_prog_sys > li > span img {height:100px;}
	.ext_prog_sys > li > div br {display:block;}
	.ext_prog_sys > li > p br {display:none;}
}

@media all and (max-width: 989px){
	.ext_prog_sys > li {min-height:397px; padding:40px 20px;}
}

@media all and (max-width: 767px){
	.ext_prog_sys {padding:0;}
	.ext_prog_sys > li {float:none; width:300px; min-height:auto; margin:20px auto; padding:40px 30px;}
	
	.ext_prog_info > li {width:100%; padding:0 !important; margin:30px 0 0 0 !important;}
	.ext_prog_info > li:first-child {margin-top:10px !important;}
	.ext_prog_info > li > p {float:none !important; margin:0 auto;}
	.ext_prog_info > li > div {float:none !important; width:100%; height:auto; margin:15px auto 0 auto;}
	.ext_prog_info > li > div > ul > li {font-size:15px;}
	.ext_prog_info > li > div > ul > li br {display:none;}
}

@media all and (max-width: 479px){
	.ext_prog_sys > li {width:250px;}
	
	.ext_prog_info > li > div > ul > li br {display:block;}
}


/* 유형별 비교과 프로그램 [동아비교과 소개] */
.dept_core_prog {width:100%; overflow-x:auto;}
.dept_core_prog table {width:100%; table-layout:fixed; box-sizing:border-box; border:1px solid #e5e5e5;}
.dept_core_prog table thead th {padding:15px 8px; font-size:14px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#f7f8fc;}
.dept_core_prog table thead th:last-child {border-right:none;}
.dept_core_prog table tbody th {min-height:5px; font-size:13px; font-weight:500; color:#333; padding:10px 8px; text-align:center; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background:#fff;}
.dept_core_prog table tbody td {min-height:5px; font-size:13px; color:#555; padding:10px 6px; text-align:center; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background:#fff;} 
.dept_core_prog table tbody .bgRed {background:#fff4ed;}
.dept_core_prog table tbody .bgYw {background:#fffbe8;}

@media all and (max-width: 1199px){
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
}

@media all and (max-width: 479px){
}


/* 동아 6대 핵심역량 [핵심역량] */
.donga_core_info {margin-top:20px; overflow:hidden;}
.donga_core_info > dl {overflow:hidden;}
.donga_core_info > dl dt {border-bottom:1px solid #ddd; overflow:hidden;}
.donga_core_info > dl dt > strong {float:left; text-align:center; font-size:18px; color:#333; box-sizing:border-box; padding:10px 10px 15px 10px;}
.donga_core_info > dl dt > strong:nth-child(1) {width:25%;}
.donga_core_info > dl dt > strong:nth-child(2) {width:50%;}
.donga_core_info > dl dt > strong:nth-child(3) {width:25%;}
.donga_core_info > dl dd > ul > li {margin-top:20px; overflow:hidden;}
.donga_core_info > dl dd > ul > li > div {float:left; box-sizing:border-box;}

.donga_core_info > dl dd > ul > li > div.dc_core {width:25%;}
.donga_core_info > dl dd > ul > li > div.dc_core > h5 {display:table; width:120px; height:120px; margin:0 auto; box-sizing:border-box; padding:8px; border-radius:50%;}
.donga_core_info > dl dd > ul > li > div.dc_core > h5 > span {display:table-cell; vertical-align:middle; text-align:center; font-size:18px; font-weight:500; color:#333; box-sizing:border-box; border-radius:50%; background:#fff;}
.donga_core_info > dl dd > ul > li:nth-child(odd) > div.dc_core > h5 {background:#ef5f76;}
.donga_core_info > dl dd > ul > li:nth-child(even) > div.dc_core > h5 {background:#feb252;}

.donga_core_info > dl dd > ul > li > div.dc_info {position:relative; display:table; width:50%; height:120px; box-sizing:border-box; padding:20px;}
.donga_core_info > dl dd > ul > li > div.dc_info:after {content:""; display:inline-block; position:absolute; right:-20px; top:50%; z-index:-1; width:100%; height:2px;}
.donga_core_info > dl dd > ul > li:nth-child(odd) > div.dc_info:after {background:#ef5f76;}
.donga_core_info > dl dd > ul > li:nth-child(even) > div.dc_info:after {background:#feb252;}
.donga_core_info > dl dd > ul > li > div.dc_info > p {display:table-cell; vertical-align:middle; font-size:16px; color:#555; word-break:keep-all;}
.donga_core_info > dl dd > ul > li > div.dc_info > p br {display:none;}
.donga_core_info > dl dd > ul > li:nth-child(odd) > div.dc_info {border:1px dashed rgba(239,95,118,0.5); background:#ffeef1;}
.donga_core_info > dl dd > ul > li:nth-child(even) > div.dc_info {border:1px dashed rgba(254,178,82,0.5); background:#fff8f0;}

.donga_core_info > dl dd > ul > li > div.dc_sub {display:table; width:25%; height:120px; box-sizing:border-box; padding-left:40px;}
.donga_core_info > dl dd > ul > li > div.dc_sub > ul {display:table-cell; vertical-align:middle;}
.donga_core_info > dl dd > ul > li > div.dc_sub > ul > li {padding:3px 0; font-size:15px; letter-spacing:-1.5px; color:#555; word-break:keep-all;}
.donga_core_info > dl dd > ul > li > div.dc_sub > ul > li > span {float:left; display:table; width:20px; height:10px; box-sizing:border-box; margin-right:10px;}
.donga_core_info > dl dd > ul > li > div.dc_sub > ul > li > span em {display:table-cell; vertical-align:middle; text-align:center;}
.donga_core_info > dl dd > ul > li > div.dc_sub > ul > li > span em i {font-size:12px;}
.donga_core_info > dl dd > ul > li:nth-child(odd) > div.dc_sub > ul > li > span {border:1px solid #ef5f76;}
.donga_core_info > dl dd > ul > li:nth-child(even) > div.dc_sub > ul > li > span {border:1px solid #feb252;}
.donga_core_info > dl dd > ul > li:nth-child(odd) > div.dc_sub > ul > li > span em i {color:#ef5f76;}
.donga_core_info > dl dd > ul > li:nth-child(even) > div.dc_sub > ul > li > span em i {color:#feb252;}

@media all and (max-width: 1199px){
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.donga_core_info > dl dt {display:none;}
	
	.donga_core_info > dl dd > ul > li {padding-top:20px; border-top:1px dashed #ccc;}
	.donga_core_info > dl dd > ul > li > div.dc_core {width:100%;}
	.donga_core_info > dl dd > ul > li > div.dc_info {width:100%; height:auto; text-align:center; margin:20px 0 30px 0; padding:15px;}
	.donga_core_info > dl dd > ul > li > div.dc_info:after {right:50%; top:50px; z-index:-1; width:2px; height:2.6rem;}
	.donga_core_info > dl dd > ul > li > div.dc_info > p {font-size:15px;}
	.donga_core_info > dl dd > ul > li > div.dc_info > p br {display:block;}
	.donga_core_info > dl dd > ul > li > div.dc_sub {width:100%; height:auto; padding:0;}
	.donga_core_info > dl dd > ul > li > div.dc_sub > ul > li {float:left; width:50%;}
}

@media all and (max-width: 479px){
	.donga_core_info > dl dd > ul > li > div.dc_info:after {height:3.2rem;}
	.donga_core_info > dl dd > ul > li > div.dc_info > p br {display:none;}
}


/* 핵심역량 진단도구(D-CODA) [핵심역량] */
.dcoda_btn {width:100%; text-align:center; margin:30px auto 0 auto; padding:5px 0; overflow:hidden;}
.dcoda_btn > a {display:inline-block; font-size:18px; font-weight:500; color:#fff; box-sizing:border-box; padding:10px 10px 10px 15px; border-radius:50px; background:#ef5f76; box-shadow:2px 2px 8px 3px rgba(0,0,0,0.1);}
.dcoda_btn > a:hover {transition: ease 0.5s; transform:translate(-3px, -3px);}
.dcoda_btn > a img {margin-left:5px;}



/* 핵심역량 기반 교육과정 체계 [핵심역량] */
.core_sys {position:relative; margin-top:30px; box-sizing:border-box; padding:0 20px; overflow:hidden;}
.core_sys:before {content:""; display:inline-block; position:absolute; left:0; top:38px; z-index:-1; width:100%; height:600px; box-sizing:border-box; border:1px dashed #444;}
.core_sys > h5 {width:100%; margin:0 auto 30px auto; text-align:center; padding:5px 0; overflow:hidden;}
.core_sys > h5 strong {display:inline-block; width:65%; font-size:22px; line-height:28px; color:#fff; text-align:center; word-break:keep-all; box-sizing:border-box; padding:15px 10px; border:3px solid #fff; background:#ef5f76; box-shadow:2px 2px 8px 3px rgba(0,0,0,0.1);}

.core_sys > ul.core_user {width:100%; overflow:hidden;}
.core_sys > ul.core_user > li {width:46%; text-align:center;}
.core_sys > ul.core_user > li:nth-child(1) {float:left;}
.core_sys > ul.core_user > li:nth-child(2) {float:right;}
.core_sys > ul.core_user > li > dl {box-sizing:border-box; padding:5px;}
.core_sys > ul.core_user > li > dl dt {width:250px; height:250px; margin:0 auto; box-sizing:border-box; border-radius:50%; background:#fff; box-shadow:2px 2px 8px 3px rgba(0,0,0,0.1);}
.core_sys > ul.core_user > li:nth-child(1) > dl dt {background:url('../images/content/core_user_img01.png') center -25px no-repeat; background-size:cover;}
.core_sys > ul.core_user > li:nth-child(2) > dl dt {background:url('../images/content/core_user_img02.png') right -25px no-repeat; background-size:cover;}
.core_sys > ul.core_user > li > dl dd {position:relative; width:250px; margin:-25px auto 0 auto; box-sizing:border-box; padding:10px; border-radius:30px;}
.core_sys > ul.core_user > li:nth-child(1) > dl dd {background:#3d4965;}
.core_sys > ul.core_user > li:nth-child(2) > dl dd {background:#444;}
.core_sys > ul.core_user > li > dl dd > span {display:inline-block; font-size:16px; color:#fff; font-weight:500;}
.core_sys > ul.core_user > li:nth-child(1) > dl dd > span {position:relative; margin-right:10px; padding-right:15px;}
.core_sys > ul.core_user > li:nth-child(1) > dl dd > span:after {content:""; display:block; position:absolute; right:0; top:6px; width:2px; height:12px; background:#fff;}
.core_sys > ul.core_user > li:nth-child(1) > dl dd > span:last-child {padding:0; margin:0;}
.core_sys > ul.core_user > li:nth-child(1) > dl dd > span:last-child:after {display:none;}
.core_sys > ul.core_user > li > ul {margin-top:20px; box-sizing:border-box; padding:10px; background:#eaeaea;}
.core_sys > ul.core_user > li > ul > li {padding:3px 0; overflow:hidden;}
.core_sys > ul.core_user > li > ul > li > span {float:left; display:block; width:60px; margin-right:10px; color:#fff; font-size:15px; font-weight:500; box-sizing:border-box; padding:5px;}
.core_sys > ul.core_user > li > ul > li > span.coreBF {background:#a8a8a8;}
.core_sys > ul.core_user > li > ul > li > span.coreAF {background:#e33c5e;}
.core_sys > ul.core_user > li > ul > li > p {float:left; width:calc(100% - 70px); width:-webkit-calc(100% - 70px); text-align:left; font-size:16px; color:#333; line-height:30px;}

.core_sys > ul.core_flow {position:relative; height:188px; margin-top:40px; box-sizing:border-box; padding:5px; background:#fff;}
.core_sys > ul.core_flow:after {content:""; display:block; position:absolute; left:-5px; top:47%; width:23px; height:25px; background:url('../images/content/core_poly_arr.png') no-repeat;}
.core_sys > ul.core_flow > li {float:left;}
.core_sys > ul.core_flow > li.coreFlow {width:20.5%; text-align:center; box-sizing:border-box; padding:5px; background:#fff; box-shadow:2px 2px 8px 3px rgba(0,0,0,0.05);}
.core_sys > ul.core_flow > li.coreFlow > strong {display:table; width:100%; height:140px;}
.core_sys > ul.core_flow > li.coreFlow > strong > span {display:table-cell; vertical-align:middle; font-size:17px; color:#333; font-weight:500;}
.core_sys > ul.core_flow > li.coreFlow > div {font-size:15px; font-weight:500; color:#fff; box-sizing:border-box; padding:8px 5px; background:#3d4965;}
.core_sys > ul.core_flow > li.coreFlow > div br {display:none;}
.core_sys > ul.core_flow > li.flowBg > div {background:#444;}
.core_sys > ul.core_flow > li.coreArr {width:6%; text-align:center; margin-top:80px;}
.core_sys > p {margin-top:30px; font-size:24px; line-height:28px; font-weight:500; text-align:center; color:#333; word-break:keep-all;}

.core_sbj_info {width:100%; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}
.core_sbj_info > dl {float:left; width:33.333%; overflow:hidden;}
.core_sbj_info > dl dt {float:left; width:40%; font-size:15px; color:#fff; font-weight:500; text-align:center; box-sizing:border-box; padding:10px 5px; background:#ef5f76;}
.core_sbj_info > dl dd {float:right; width:60%; font-size:15px; color:#333; text-align:center; box-sizing:border-box; padding:10px 5px; border-left:1px solid #e5e5e5; background:#fff;}

.tableCoreViewBox {overflow:hidden;}
.tableCoreViewBox table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff;}
.tableCoreViewBox table thead th {font-size:15px; color:#fff; font-weight:500; text-align:center; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2); border-bottom:1px solid #e5e5e5; padding:12px 5px; background:#ef5f76;}
.tableCoreViewBox table thead th:last-child {border-right:none;}
.tableCoreViewBox table thead th br {display:none;}
.tableCoreViewBox table tbody th {font-size:15px; text-align:center; font-weight:500; color:#333; box-sizing:border-box; padding:12px 8px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.tableCoreViewBox table tbody td {font-size:15px; text-align:center; box-sizing:border-box; padding:12px 8px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; word-break:keep-all;}
.tableCoreViewBox table tbody .bgGray {background:#f7f8fc;}
.tableCoreViewBox table tbody .bgRed {font-size:15px; text-align:center; font-weight:500; color:#fff; background:#ef5f76;}

.bbsMb {display:none;}


.core_sbj_score {margin-top:20px; border-top:1px solid #ccc; overflow:hidden;}
.core_sbj_score > li {width:100%; box-sizing:border-box; padding:15px 10px; border-bottom:1px solid #ccc; overflow:hidden;}
.core_sbj_score > li > dl {float:left; width:160px; margin-right:30px;}
.core_sbj_score > li > dl dt {font-size:16px; color:#ef5f76; font-weight:500; text-align:center; box-sizing:border-box; padding:10px; border:1px solid #e5e5e5; background:#f7f8fc;}
.core_sbj_score > li > dl dd {margin-top:10px; font-size:15px; color:#555; letter-spacing:-0.5px;}
.core_sbj_score > li > div {float:right; width:calc(100% - 190px); width:-webkit-calc(100% - 190px);}
.core_sbj_score > li > div > p {font-size:16px; color:#fff; text-align:center; letter-spacing:-0.5px; word-break:keep-all; box-sizing:border-box; padding:10px; border:1px solid #e5e5e5; background:#ef5f76;}
.core_sbj_score > li > div > span {display:block; width:100%; margin:5px auto; font-size:18px; text-align:center; color:#333;}

@media all and (max-width: 1199px){
	.core_sys > ul.core_flow {height:210px;}
	.core_sys > ul.core_flow:after {top:42%;}
	.core_sys > h5 strong {width:88%;}
	
	.core_sys > ul.core_user > li {width:48%;}
	.core_sys > ul.core_user > li > ul > li > p {letter-spacing:-1.5px;}
	
	.core_sys > ul.core_flow > li.coreFlow > strong > span {font-size:16px;}
	.core_sys > ul.core_flow > li.coreFlow > div br {display:block;}
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.core_sys:before {height:1050px;}
	.core_sys > h5 strong {width:95%;}
	
	.core_sys > ul.core_user > li {width:100%;}
	.core_sys > ul.core_user > li:nth-child(1) {float:none;}
	.core_sys > ul.core_user > li:nth-child(2) {float:none; margin-top:30px;}
	
	.core_sys > ul.core_flow {height:420px;}
	.core_sys > ul.core_flow:after {top:80px;}
	.core_sys > ul.core_flow > li.coreFlow {width:44%; margin-top:20px;}
	.core_sys > ul.core_flow > li.coreFlow > div br {display:none;}
	.core_sys > ul.core_flow > li.coreArr {width:12%;}
	.core_sys > ul.core_flow > li.arrHide {display:none;}
	.core_sys > ul.core_flow > li.coreFlow > div {font-size:14px;}
	
	.core_sbj_info > dl {float:none; width:100%;}
	.core_sbj_info > dl dt {border-bottom:1px solid rgba(255,255,255,0.2);}
	.core_sbj_info > dl dd {border-bottom:1px solid #e5e5e5;}
	.core_sbj_info > dl:last-child dt, .core_sbj_info > dl:last-child dd {border-bottom:none;}
	
	.tableCoreViewBox table thead th br {display:block;}
	
	.core_sbj_score > li > dl {float:none; width:100%; margin-bottom:20px;}
	.core_sbj_score > li > dl dd {text-align:center; word-break:keep-all;}
	.core_sbj_score > li > dl dd br {display:none;}
	.core_sbj_score > li > div {float:none; width:100%;}
}

@media all and (max-width: 479px){
	.core_sys:before {height:1090px;}
	
	.core_sys > ul.core_user > li > ul > li > span {float:none; display:block; width:60px; margin:0 auto 5px auto;}
	.core_sys > ul.core_user > li > ul > li > p {float:none; width:100%; text-align:center; font-size:15px; line-height:22px;}
	
	.core_sys > ul.core_flow {width:200px; height:auto; margin:40px auto 0 auto;}
	.core_sys > ul.core_flow:after {left:50%; top:-10px; transform:rotate(90deg) translateY(30%);}
	.core_sys > ul.core_flow > li {float:none;}
	.core_sys > ul.core_flow > li.coreArr {width:100%; margin:10px 0;}
	.core_sys > ul.core_flow > li.coreArr > img {transform:rotate(90deg);}
	.core_sys > ul.core_flow > li.arrHide {display:block;}
	.core_sys > ul.core_flow > li.coreFlow {width:200px; margin:0 auto;}
	.core_sys > ul.core_flow > li.coreFlow > div br {display:none;}
	
	.bbsWeb {display:none;}
	.bbsMb {display:block;}
}



/* 비교과 프로그램 - 카드형 해당CSS */
.card-ui-mng > li {float:left; width:24.25%; margin:0 1% 1% 0;}
.card-ui-mng > li:nth-child(4n) {margin:0 0 1% 0;}

/* 
.card-list-mng > .card-info > .card-ui-img > img {width:274px; height:145px;}
.card-list-mng > .card-hover > .card-ui-img > img {width:254px; height:133px;} 
*/

@media all and (max-width: 1199px){
	.card-ui-mng > li {width:32.6667%;}
	.card-ui-mng > li:nth-child(4n) {margin:0 1% 1% 0;}
	.card-ui-mng > li:nth-child(3n) {margin:0 0 1% 0;}
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.card-ui-mng > li {width:49.5%;}
	.card-ui-mng > li:nth-child(4n) {margin:0 1% 1% 0;}
	.card-ui-mng > li:nth-child(3n) {margin:0 1% 1% 0;}
	.card-ui-mng > li:nth-child(2n) {margin:0 0 1% 0;}
}

@media all and (max-width: 479px){
	.card-ui-mng > li {float:none; width:90%; margin:0 auto 10px auto !important;}
}



/* 비교과 프로그램 개설현황 - 6대역량 탭 */
.coreTab {padding:3px; box-sizing:border-box; overflow:hidden;}
.coreTab > li {position:relative; float:left; width:15.83333%; margin:0 1% 0 0; box-sizing:border-box; border-radius:5px; border:1px solid #eee; background:#fff; box-shadow:1px 1px 3px rgba(113,113,121,0.15);}
.coreTab > li:nth-child(6) {margin-right:0;}
.coreTab > li > a {display:block; font-size:16px; line-height:50px; font-weight:500; color:#333; text-align:center; box-sizing:border-box; padding:0 10px;}
.coreTab > li > a img {margin-right:5px;}
.coreTab > li:hover  > a img {transform:translate(-3px, -3px); transition:all ease 0.5s;}
.coreTab > li.on:nth-child(1) {background:#f4d28c;}
.coreTab > li.on:nth-child(2) {background:#eaa7a7;}
.coreTab > li.on:nth-child(3) {background:#b396e2;}
.coreTab > li.on:nth-child(4) {background:#9fc4e2;}
.coreTab > li.on:nth-child(5) {background:#7accc0;}
.coreTab > li.on:nth-child(6) {background:#9dd6a4;}
.coreTab > li.on > a {color:#fff;}


@media all and (max-width: 1199px){
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.coreTab > li {width:32.6667%; margin:0 1% 1% 0;}
	.coreTab > li:nth-child(3) {margin-right:0;}
}

@media all and (max-width: 479px){
	.coreTab > li > a {font-size:15px; padding:0 5px;}
}



/* 비교과 프로그램 개설현황 - 간략보기 */
.extDtSimple {width:100%; margin-top:10px; /* height:400px; */ overflow:hidden;}
.extDtSimple > .extCardView {float:left; width:30%;}
.extDtSimple > .extInfoSp {float:right; width:68%;}
.extDtSimple > .extInfoSp .deco_point dt {font-size:15px; line-height:1.2; font-weight:500; color:#333; word-break:keep-all;}
.extDtSimple > .extInfoSp .deco_point dd {margin-top:5px;}
/* .extDtSimple > .extInfoSp {float:left; width:49%;}
.extDtSimple > .extInfoSp {border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.extDtSimple > .extGraphSp {float:right; width:49%; height:382px; border:1px solid #e4e4e4;}
.extDtSimple > .extGraphSp svg {width:100%; height:auto; margin-left:-20px;}
.extDtSimple > .extGraphSp ul {width:90%; margin:20px auto 0 auto; overflow:hidden;}
.extDtSimple > .extGraphSp ul > li {float:left; width:16.6667%; text-align:center;}
.extDtSimple > .extGraphSp ul > li > span {display:block; letter-spacing:0; color:#333;}
.extDtSimple > .extGraphSp ul > li > strong {display:block; margin-top:5px; font-weight:500; color:#b42329; letter-spacing:0;} */

.card-list-view {cursor:initial !important;}
.card-list-view > .card-info > .card-ui-img > img {width:100%; height:auto;}

@media all and (max-width: 1199px){
	.extDtSimple > .extCardView {width:40%;}
	.extDtSimple > .extInfoSp {width:58%;}
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.extDtSimple {height:auto;}
	.extDtSimple > .extCardView {float:none; width:60%; margin:0 auto;}
	.extDtSimple > .extInfoSp {float:none; width:100%; margin-top:20px; border:none;}
/* 	.extDtSimple > .extGraphSp {float:none; width:100%; margin-top:10px; border-left:none; border-right:none;}
	.extDtSimple > .extGraphSp svg {height:300px;}
	.extDtSimple > .extGraphSp ul {width:100%;}
	.extDtSimple > .extGraphSp ul > li > span {font-size:12px;}
	.extDtSimple > .extGraphSp ul > li > strong {font-size:12px;} */
}

@media all and (max-width: 479px){
	.extDtSimple > .extCardView {width:90%;}
}


/* 마이홈(학생) - 마이페이지 */
.mh-info-area {width:100%; height:300px; overflow:hidden;}
.mh-info-area > li.mh-info-quick {float:left; width:300px; margin-right:15px;}
.mh-info-area > li.mh-pf-graph {float:right; width:calc(100% - 315px); width:-webkit-calc(100% - 315px);}
.mh-info-area > li.mh-img-area {float:right; width:calc(100% - 315px); width:-webkit-calc(100% - 315px); height:300px; box-sizing:border-box; border:1px solid #e5e5e5; background:url('../images/common/mypage_prof_img.jpg') center center no-repeat; background-size:cover;}

.mh-profile {display:table; width:100%; height:150px; box-sizing:border-box; padding:15px 20px; border:1px solid #e5e5e5; background:#fff;}
.mh-profile > dl {display:table-cell; vertical-align:middle; text-align:center;}
.mh-profile > dl > dt {font-size:22px; line-height:24px; color:#003263; font-weight:500;}
.mh-profile > dl > dd {margin-top:15px; padding-top:15px; border-top:1px dashed #ddd;}
.mh-profile > dl > dd > span {display:block; font-size:15px; padding:2px 0; letter-spacing:-0.5px;}

.mh-quick {width:100%; height:135px; margin-top:15px; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}
.mh-quick > li {width:50%; text-align:center; box-sizing:border-box; padding:16px 10px; cursor:pointer;}
.mh-quick > li:nth-child(1) {float:left; border-right:1px solid #e5e5e5;}
.mh-quick > li:nth-child(2) {float:right;}
.mh-quick > li:hover img {transition:all ease 0.5s; transform:translate(-2px, -2px);}
.mh-quick > li > div {margin-top:10px; font-size:15px; line-height:18px; font-weight:500; color:#555;}

.mh-graph {width:100%; height:300px; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}
.mh-graph > h3 {color:#333; font-size:18px; font-weight:500; text-align:center; box-sizing:border-box; padding:10px; background:#f7f8fc;}
.mh-graph > ul {width:100%; box-sizing:border-box; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.mh-graph > ul > li {float:left; width:33.3333%; box-sizing:border-box;}
.mh-graph > ul > li:nth-child(2) {border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.mh-graph > ul > li > a {display:block; font-size:15px; line-height:18px; letter-spacing:-0.5px; font-weight:500; color:#555; text-align:center; box-sizing:border-box; padding:10px;}
.mh-graph > ul > li > a:hover {color:#fff; background:#003263;}
.mh-graph > ul > li > a.on {color:#fff; background:#003263;}
.mh-graph > div {width:100%; height:218px; box-sizing:border-box; padding:10px; text-align:center; overflow:hidden;}
.mh-graph > div svg {height:180px; margin-top:10px;}

.graph-form {width:100%; box-sizing:border-box; padding:10px; border:1px solid #e5e5e5; background:#fff; overflow:hidden;}
.graph-form svg {width:100%; height:auto; margin:0 0 0 15px;}

.ext-progr-split {width:100%; overflow:hidden;}
.ext-progr-split > li {float:left; width:32.6666%;}
.ext-progr-split > li:nth-child(2) {margin:0 1%;}

@media all and (max-width: 1199px){
	.mh-graph > div svg {margin:10px 0 0 -50px;}
	
	.ext-progr-split > li {flaot:none; width:100%;}
	.ext-progr-split > li:nth-child(2) {margin:40px 0;}
}

@media all and (max-width: 989px){
	.mh-graph > div svg {margin:10px 0 0 -30px;}
}

@media all and (max-width: 767px){
	.mh-info-area {height:auto;}
	.mh-info-area > li.mh-info-quick {float:none; width:100%; margin:0 0 15px 0;}
	.mh-info-area > li.mh-pf-graph {float:none; width:100%;}
	.mh-info-area > li.mh-img-area {display:none;}
	.mh-graph {height:auto;}
	.mh-graph > div {height:auto;}
	.mh-graph > div svg {width:100%; height:auto; margin:10px 0 0 0;}
}

@media all and (max-width: 479px){
}


/* 마이홈 공통영역 - 마이페이지 공지사항/비교과 */
.mh-notice {width:100%; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}
.mh-notice > ul {width:100%; height:50px; box-sizing:border-box; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.mh-notice > ul > li {height:50px; box-sizing:border-box;}
.mh-notice > ul > li:nth-child(1) {float:left; width:calc((100% - 50px) / 2); width:-webkit-calc((100% - 50px) / 2);}
.mh-notice > ul > li:nth-child(2) {float:left; width:calc((100% - 50px) / 2); width:-webkit-calc((100% - 50px) / 2); border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.mh-notice > ul > li:nth-child(3) {float:right; display:table; width:50px; height:50px;}
.mh-notice > ul > li:nth-child(1) > a, .mh-notice > ul > li:nth-child(2) > a {position:relative; display:block; font-size:16px; font-weight:500; line-height:50px; color:#555; text-align:center;}
.mh-notice > ul > li:nth-child(1) > a:hover:after, .mh-notice > ul > li:nth-child(2) > a:hover:after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#187aba;}
.mh-notice > ul > li:nth-child(1) > a:hover, .mh-notice > ul > li:nth-child(2) > a:hover {color:#187aba;}
.mh-notice > ul > li:nth-child(1) > a.on:after, .mh-notice > ul > li:nth-child(2) > a.on:after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#187aba;}
.mh-notice > ul > li:nth-child(1) > a.on, .mh-notice > ul > li:nth-child(2) > a.on {color:#187aba;}
.mh-notice > ul > li:nth-child(3) > a {display:table-cell; vertical-align:middle; text-align:center; color:#187aba;}
.mh-notice > div {width:100%; height:310px; box-sizing:border-box; padding:20px; background:#fff; overflow:hidden;}
.mh-notice > div > dl {height:35px; padding:8px 0; margin:8px 0; border-top:1px dashed #ddd; overflow:hidden;}
.mh-notice > div > dl:first-child {padding-top:0; margin-top:0; border-top:none;}
.mh-notice > div > dl:last-child {padding-bottom:0; margin-bottom:0;}
.mh-notice > div > dl dt {float:left;}
.mh-notice > div > dl dt > a {display:block; font-size:16px; line-height:35px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mh-notice > div > dl dt > a:hover {color:#003263;}
.mh-notice > div > dl dd {float:right; width:75px; margin:0 2px 0 25px; font-size:16px; line-height:35px; color:#999; letter-spacing:-0.5px;}
.mh-notice > div > dl dd span {display:inline-block; width:62px; font-size:13px; line-height:16px; text-align:center; color:#fff; margin-left:5px; box-sizing:border-box; padding:5px 8px; border-radius:3px; background:#505a70;}

.mh-notice > div > dl.mh-tab-nt dt {width:calc(100% - 102px); width:-webkit-calc(100% - 102px);}
.mh-notice > div > dl.mh-tab-nt dd {width:75px;}

.mh-notice > div > dl.mh-tab-extp dt {width:calc(100% - 187px); width:-webkit-calc(100% - 187px);}
.mh-notice > div > dl.mh-tab-extp dd {width:160px; text-align:right;}

@media all and (max-width: 1199px){
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
}

@media all and (max-width: 479px){
	.mh-notice > div > dl.mh-tab-extp {height:auto !important;}
	.mh-notice > div > dl.mh-tab-extp dt {float:none !important; width:100% !important;}
	.mh-notice > div > dl.mh-tab-extp dd {float:none !important; width:100%; text-align:right; margin:0 !important;}
}


/* 마이홈(학생) - 추천 비교과 프로그램 */
.mh_ext_notice {overflow:hidden;}
.mh_ext_notice > ul {width:100%; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}
.mh_ext_notice > ul > li {width:50%; box-sizing:border-box;}
.mh_ext_notice > ul > li:nth-child(1) {float:left; border-right:1px solid #e5e5e5;}
.mh_ext_notice > ul > li:nth-child(2) {float:right;}
.mh_ext_notice > ul > li > a {position:relative; display:block; font-size:16px; font-weight:500; line-height:50px; color:#555; text-align:center;}
.mh_ext_notice > ul > li > a:hover {color:#187aba;}
.mh_ext_notice > ul > li > a.on {color:#187aba;}
.mh_ext_notice > ul > li > a.on:after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#187aba;}
.mh_ext_notice > div {margin-top:10px;}


/* 마이홈(학생) - 핵심역량 시뮬레이션 */
.core_simul_list {width:100%; overflow:hidden;}
.core_simul_list > ul {margin-top:15px; overflow:hidden;}
.core_simul_list > ul > li {position:relative; float:left; width:30%;}
.core_simul_list > ul > li:nth-child(2) {margin:0 5%;}
.core_simul_list > ul > li:first-child:before {display:none;}
.core_simul_list > ul > li:before {content:""; display:inline-block; position:absolute; left:50%; top:60%; margin-left:-180px; width:17px; height:17px; background:url('../images/content/cntArr.png') no-repeat;}
.core_simul_list > ul > li > h4 {display:table; width:80px; height:80px; margin:0 auto; text-align:center; box-sizing:border-box; border-radius:50%; border:1px solid #ddd;}
.core_simul_list > ul > li:nth-child(1) > h4 {background:#4963a1;}
.core_simul_list > ul > li:nth-child(2) > h4 {background:#323d56;}
.core_simul_list > ul > li:nth-child(3) > h4 {background:#677288;}
.core_simul_list > ul > li > h4 span {display:table-cell; vertical-align:middle; color:#fff; font-size:16px; line-height:24px; font-weight:500;}
.core_simul_list > ul > li > h4 span strong {display:block; font-size:16px;}
.core_simul_list > ul > li > p {position:relative; z-index:-1; min-height:132px; margin-top:-40px; color:#333; text-align:center; box-sizing:border-box; padding:55px 10px 15px 10px; border-radius:5px; border:1px solid #ddd; background:#fff; overflow:hidden;}
.core_simul_list .textPoint {word-break:keep-all;}

.core_simul_sch {width:100%; box-sizing:border-box; padding:10px; border:1px solid #ddd; background:#fff; overflow:hidden;}
.core_simul_sch label {display:inline-block; width:150px; font-size:13px; color:#333; font-weight:500; padding-right:10px;}
.core_simul_sch input[type="text"] {width:calc(100% - 165px); width:-webkit-calc(100% - 165px); height:40px; box-sizing:border-box; padding:0 5px; border-radius:3px; border:1px solid #ddd;}

.edu_arrow {margin:20px 0; font-size:30px; color:#598991; font-weight:bold; text-align:center;}
.edu_graph div {width:50%; min-height:300px;}
.edu_graph div.fl svg {width:400px; margin-left:50px;}
.edu_graph div.fr svg {width:100%;}

@media all and (max-width:1199px) {
	.core_simul_list > ul > li:before {left:50%; margin-left:-140px;}
	
	.edu_graph div.fl svg {width:300px; margin-left:30px;}
}

@media all and (max-width:989px) {
	.core_simul_list > ul > li {float:none; width:100%; height:80px;}
	.core_simul_list > ul > li:before {left:60%; top:-40%; margin-left:-30px; transform:rotate(90deg);}
	.core_simul_list > ul > li:after {content:""; display:block; position:absolute; left:0; top:50%; z-index:-1; width:100%; height:1px; background:#ddd;}
	.core_simul_list > ul > li:nth-child(2) {margin:50px 0;}
	.core_simul_list > ul > li > h4 {float:left; margin-right:20px;}
	.core_simul_list > ul > li > p {float:right; z-index:0; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); min-height:80px; margin:0; padding:28px 15px;}
	.core_simul_list > ul > li > p br {display:none;}
}

@media all and (max-width:767px) {
	.core_simul_list > ul > li > p {display:table; height:80px; word-break:keep-all;}
	.core_simul_list > ul > li > p span {display:table-cell; vertical-align:middle;}
	
	.edu_graph div {width:100%; min-height:auto;}
	.edu_graph div.fl svg {width:100%;}
}

@media all and (max-width:479px) {
	.core_simul_list > ul > li {height:118px;}
	.core_simul_list > ul > li:before {left:65%; top:-30%; margin:0;}
	.core_simul_list > ul > li:after {content:""; display:block; position:absolute; left:0; top:50%; z-index:-1; width:100%; height:1px; background:#ddd;}
	.core_simul_list > ul > li:nth-child(2) {margin:50px 0;}
	.core_simul_list > ul > li > h4 {float:left; margin-top:20px;}
	.core_simul_list > ul > li > p {height:118px;}
	
	.core_simul_sch input[type="text"] {width:100%; margin-top:5px;}
}


/* 마이홈(학생) - 역량포트폴리오 */
.search_pf {margin-bottom:20px; padding:10px; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}

.search_pf select {width:100% !important; height:40px; box-sizing:border-box; padding:0 5px; border:1px solid #e5e5e5; border-radius:3px; background:url('../images/common/select_arr.png') 98% center no-repeat, #fff; apperance:none; -webkit-appearance:none; -moz-appearance:none;}
.search_pf select::-ms-expand, .search_pf input::-ms-expand {display:none; apperance:none;}
.search_pf input[type="text"] {width:100% !important; height:40px; box-sizing:border-box; padding:0 5px; border:1px solid #e5e5e5; border-radius:3px; background:#fff; apperance:none; -webkit-appearance:none; -moz-appearance:none;}
.search_pf strong {display:inline-block; font-size:15px; color:#222; font-weight:500; box-sizing:border-box; padding:5px 12px; border-radius:3px;  border:1px solid #eee; background:#f7f8fc;}
.search_pf label {display:inline-block; font-size:13px; color:#555; font-weight:500; padding-bottom:5px;}

.search_pf > ul {display:table; table-layout:fixed; width:100%; height:40px; min-height:40px; overflow:hidden;}
.search_pf > ul > li {display:table-cell;}
.search_pf > ul > li.common_schF {float:left; width:88%; overflow:hidden;}
.search_pf > ul > li.common_schF > ul {width:100%; overflow:hidden;}
.search_pf > ul > li.common_schF > ul > li.schF_innerL {float:left; width:49.5%; overflow:hidden;}
.search_pf > ul > li.common_schF > ul > li.schF_innerL > ul {margin-top:5px; overflow:hidden;}
.search_pf > ul > li.common_schF > ul > li.schF_innerL > ul > li {float:left; width:49.5%;}
.search_pf > ul > li.common_schF > ul > li.schF_innerL > ul > li:nth-child(1) {float:left;}
.search_pf > ul > li.common_schF > ul > li.schF_innerL > ul > li:nth-child(2) {float:right;}
.search_pf > ul > li.common_schF > ul > li.schF_innerR {float:right; width:49.5%; overflow:hidden;}
.search_pf > ul > li.common_schF > ul > li.schF_innerR > ul {margin-top:5px; overflow:hidden;}
.search_pf > ul > li.common_schF > ul > li.schF_innerR > ul > li {float:left; width:49.5%;}
.search_pf > ul > li.common_schF > ul > li.schF_innerR > ul > li:nth-child(1) {float:left;}
.search_pf > ul > li.common_schF > ul > li.schF_innerR > ul > li:nth-child(2) {float:right;}
.search_pf > ul > li.common_schF > div {width:100%;}
.search_pf > ul > li.common_schF > div > ul {margin-top:5px; overflow:hidden;}
.search_pf > ul > li.common_schF > div > ul > li {float:left; width:49.5%;}
.search_pf > ul > li.common_schF > div > ul > li:nth-child(1) {float:left;}
.search_pf > ul > li.common_schF > div > ul > li:nth-child(2) {float:right;}
.search_pf > ul > li.common_schB {float:right; width:11%; margin-left:1%; text-align:center; margin-top:27px; overflow:hidden;}
.search_pf > ul > li.common_schB > a {display:block; font-size:15px; line-height:74px; font-weight:500; letter-spacing:-0.5px; color:#fff; border-radius:3px; background:#003263;}

@media all and (max-width:1199px) {
	.mypf_graph svg {width:100% !important; height:auto !important;}
	.mypf_graph .graph1, .mypf_graph .graph3 {float:none; width:100% !important;}
	.mypf_graph .graph1 .graph {padding:0 !important;}
	.mypf_graph .pf_graph_title {width:100% !important; text-align:center; padding:0 !Important;}
}

@media all and (max-width:989px) {
	.search_pf > ul {display:block; table-layout:auto; height:auto;}
	.search_pf > ul > li {display:block;}
	.search_pf > ul > li.common_schF {float:none; width:100%;}
	.search_pf > ul > li.common_schF > ul > li.schF_innerL {float:none; width:100%;}
	.search_pf > ul > li.common_schF > ul > li.schF_innerR {float:none; width:100%; margin-top:10px;}
	.search_pf > ul > li.common_schB {float:none; width:100%; margin:5px 0 0 0;}
	.search_pf > ul > li.common_schB > a {line-height:40px;}
}

@media all and (max-width:767px) {
}

@media all and (max-width:479px) {
}


/* 마이홈(담당자) - 마이페이지 */
.myhomeMN {width:100%; box-sizing:border-box; border-bottom:1px solid #ddd; overflow:hidden;}

.myhomeMN > ul.myhomeMN_year {position:relative; width:100%; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #ddd;}
.myhomeMN > ul.myhomeMN_year > li {float:left; width:33%; box-sizing:border-box; overflow:hidden;}
.myhomeMN > ul.myhomeMN_year > li:nth-child(1) {text-align:right;}
.myhomeMN > ul.myhomeMN_year > li:nth-child(2) {text-align:center; font-size:22px; font-weight:500; color:#222;}
.myhomeMN > ul.myhomeMN_year > li:nth-child(3) {text-align:left;}

.myhomeMN > ul.myhomeMN_list {width:100%; box-sizing:border-box; padding:20px; overflow:hidden;}
.myhomeMN > ul.myhomeMN_list > li {position:relative; float:left; width:16%; overflow:hidden;}
.myhomeMN > ul.myhomeMN_list > li.myhome_arr {width:5%; text-align:center; margin:75px 0 0 0;}
.myhomeMN > ul.myhomeMN_list > li.myhome_arr img {width:20px; height:20px;}
.myhomeMN > ul.myhomeMN_list > li > span {display:table; width:30px; height:30px; margin:0 auto; box-sizing:border-box; border-radius:50%; background:#07326c;}
.myhomeMN > ul.myhomeMN_list > li > span strong {display:table-cell; vertical-align:middle; text-align:center; font-size:16px; color:#fff;}
.myhomeMN > ul.myhomeMN_list > li > dl {margin-top:12px; border-radius:3px; border:1px solid #e5e5e5; box-sizing:border-box; background:#fff;}
.myhomeMN > ul.myhomeMN_list > li > dl dt {text-align:center; color:#3d4452; font-size:15px; font-weight:500; box-sizing:border-box; padding:5px; border-bottom:1px solid #e5e5e5; background:#f7f8fc;}
.myhomeMN > ul.myhomeMN_list > li > dl dd {text-align:center; box-sizing:border-box; padding:10px 5px;}
.myhomeMN > ul.myhomeMN_list > li > dl dd > a {font-size:22px; color:#3d4452; font-weight:bold;}
.myhomeMN > ul.myhomeMN_list > li > dl dd > a:hover {color:#e23e3f;}

@media all and (max-width:1199px) {
}

@media all and (max-width:989px) {
}

@media all and (max-width:767px) {
	.myhomeMN > ul.myhomeMN_list  {padding:20px 0;}
	.myhomeMN > ul.myhomeMN_list > li {width:44%; margin-bottom:20px;}
	.myhomeMN > ul.myhomeMN_list > li.myhome_arr {width:12%;}
	.myhomeMN > ul.myhomeMN_list > li.arr_hide {display:none;}
	.myhomeMN > ul.myhomeMN_list > li:last-child {margin:0;}
}

@media all and (max-width:479px) {
}



/* 개별 컨텐츠  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 핵심역량관리로드맵 - 백그라운드 색상 */
.tableListBox table tbody td.bgG {background:url('../images/btnIcn/bg_pt1.gif');} 
.tableListBox table tbody td.bgG a {color:#fff; font-size:16px; font-weight:bold;} 
.tableListBox table tbody td.bgB {background:url('../images/btnIcn/bg_pt2.gif');} 
.tableListBox table tbody td.bgB a {color:#fff; font-size:16px; font-weight:bold;}
.tableListBox table tbody td.bgR {background:url('../images/btnIcn/bg_pt3.gif');} 
.tableListBox table tbody td.bgR a {color:#fff; font-size:16px; font-weight:bold;} 
.tableListBox table tbody td.bgP {background:url('../images/btnIcn/bg_pt4.gif');} 
.tableListBox table tbody td.bgP a {color:#fff; font-size:16px; font-weight:bold;} 

/* 핵심역량 - 역량취득현황 */
.corecomGraph {width:100%; overflow:hidden;} 
.corecomGraph dt {float:left; width:49%;} 
.corecomGraph dd {float:right; width:49%;} 
.corecomGraph p {padding:15px; text-align:center; font-size:15px; font-weight:bold; color:#ccffff; background:#00abad;} 
.corecomGraph div {padding:10px; text-align:center; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid;}

/* 만족도조사 */
.satisfaction {width:100%;}
.satisfaction .sfInfo {padding:25px; border:#e3e3e3 1px solid; background:#f7f8fc;}
.satisfaction .sfInfo h1 {width:100%; margin-bottom:15px; padding-bottom:20px; font-size:18px; font-weight:bold; color:#333; border-bottom:#e4e4e4 1px solid;}
.satisfaction .sfInfo div {font-size:14px;}
.satisfaction .sfCtn {padding:25px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid;}
.satisfaction .sfCtn div {margin-bottom:20px; padding-bottom:20px; border-bottom:#e5e5e5 1px solid;}
.satisfaction .sfCtn div h1 {padding:0 0 0 25px; font-size:16px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 2px no-repeat;}
.satisfaction .sfCtn div p {padding:10px 0; font-size:14px;}
.satisfaction .sfCtn div ul {width:100%; overflow:hidden;}
.satisfaction .sfCtn div ul li {padding:3px 0;}
.satisfaction .sfEnd {padding:25px; border:#e3e3e3 1px solid; background:#f7f8fc;}

/* 컨텐츠관리 영역 */
.contView {margin-bottom:10px; padding:5px 20px 20px 20px; border:#e5e5e5 2px solid;}

/* 취업포털 일정 - 내용보기 */
.scheduleCnt {width:100%; overflow:hidden;}
.scheduleCnt dt {padding:0 0 15px 22px; font-size:14px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title2.gif') 0 2px no-repeat;}
.scheduleCnt dd {margin-bottom:15px; border:#e5e5e5 1px solid; background:#f9f9f9;}
.scheduleCnt dd a {display:block; padding:5px 10px 5px 20px; border-bottom:#e5e5e5 1px solid; background:url('../images/btnIcn/icn_dot1.gif') 10px 15px no-repeat;}

/* 로그인 */
.loginLayer { left:50%; top:50%; width:640px; border-top:#27b097 5px solid; background:#ffffff; z-index:10;}
.loginLayer > p {position:absolute; margin:-5px 0 0 640px;}
.loginLayer > h1 {margin-top:40px; text-align:center; font-size:40px; line-height:40px; letter-spacing:-2px; color:#000; font-weight:bold;}
.loginLayer > h1 span {color:#27b097;}
.loginLayer > h2 {margin-top:15px; text-align:center; font-family:'nm'; font-size:20px; line-height:24px; letter-spacing:-1px; color:#555; font-weight:bold;}
.loginLayer > div {margin-top:30px; padding-top:10px; text-align:center; border-top:#e5e5e5 1px solid;}
.loginLayer dl {width:330px; margin:10px auto 60px auto; overflow:hidden;}
.loginLayer dl dt {margin-bottom:15px;}
.loginLayer dl dt p {margin-bottom:15px; font-size:16px; font-weight:bold; letter-spacing:-1px;}
.loginLayer dl dt ul {width:100%; overflow:hidden;}
.loginLayer dl dt ul li {margin-bottom:5px;}
.loginLayer dl dt ul li input {width:198px; height:30px; border:#ddd 1px solid;}
.loginLayer dl dt ul li input.lgID {padding:0 10px 0 120px; background:url('../images/layer/login_id.gif') no-repeat;}
.loginLayer dl dt ul li input.lgPW {padding:0 10px 0 120px; background:url('../images/layer/login_pw.gif') no-repeat;}
.loginLayer dl dt div {width:330px; height:40px; margin-top:10px; background-color:#27b097;}
.loginLayer dl dt div a {display:block; width:100%; height:100%; padding:9px 0 0 135px; color:#fff; font-size:20px; border:none;}
.loginLayer dl dt div input {width:330px; height:40px; padding-bottom:5px; color:#fff; font-size:20px; background:#000; border:none;}
.loginLayer dl dd {margin-top:20px;}
.loginLayer dl dd ul {padding:15px; border:#e5e5e5 1px solid; overflow:hidden;}
.loginLayer dl dd ul li {padding:2px 0 2px 18px; font-size:12px; letter-spacing:-1px; background:url('../images/btnIcn/icn_point1.gif') 0 7px no-repeat;}
.loginLayer dl dd ul li strong {color:#c81717;}

/* 사이트맵 */
.sitemap {width:100%; overflow:hidden;}
.sitemap li {float:left; width:23%; margin-left:2.5%;}
.sitemap li:first-child {margin-left:0;}
.sitemap li p {margin-bottom:15px; padding:10px 0 12px 0; text-align:center; font-weight:bold; font-size:16px; color:#333; border:#b2cbf9 1px solid; background:#e8ffff; cursor:pointer;}
.sitemap li p a {color:#2956a6;}
.sitemap li dl {width:100%; overflow:hidden;}
.sitemap li dl dt {margin-bottom:10px; padding:0 0 10px 5px; border-bottom:#e5e5e5 1px solid;}
.sitemap li dl dt a {color:#333;}
.sitemap li dl dd {margin-bottom:12px; padding-bottom:12px; border-bottom:#e5e5e5 1px solid;}
.sitemap li dl dd:last-child {border-bottom:none;}
.sitemap li dl dd a {display:block; padding:2px 0 2px 17px; font-size:12px; background:url('../images/btnIcn/icn_dot1.gif') 7px 11px no-repeat;}

/* Deco 시스템 개요 */
.deco_summary {width:100%; overflow:hidden;}
.deco_summary h1 {font:500 28px/32px 'NotoSansKR'; color:#333; text-align:center; margin:25px 0; padding-bottom:25px; border-bottom:1px solid #ddd;}
.deco_summary h1 span {color:#f8ab03;}
.deco_summary ul {width:100%; overflow:hidden;}
.deco_summary ul li {margin-bottom:18px; font-size:15px; letter-spacing:-1px; line-height:150%;}
.deco_summary ul li span {color:#2a659f; font-weight:bold;}
.deco_summary ul li:nth-child(1){background:url('../images/content/icn_summary01.png') left no-repeat; padding:30px 0 30px 90px;}
.deco_summary ul li:nth-child(2){background:url('../images/content/icn_summary02.png') left no-repeat; padding:30px 0 30px 90px;}
.deco_summary ul li:nth-child(3){background:url('../images/content/icn_summary03.png') left no-repeat; padding:30px 0 30px 90px;}
.deco_summary ul li:nth-child(4){background:url('../images/content/icn_summary04.png') left no-repeat; padding:30px 0 30px 90px; margin-bottom:0;}

/* 인쇄 설정 팝업 */
.howToPrint {width:100%; margin:0 auto; overflow:hidden;}
.howToPrint > h1 {font-size:18px; color:#fff; letter-spacing:-1px; text-align:center; background:#2f333e; padding:12px 0; margin-bottom:20px;}
.howToPrint > ul.print-ex {padding:0 20px; overflow:hidden;}
.howToPrint > ul.print-ex > li {list-style:none; letter-spacing:-1px; font-size:15px; color:#000; font-weight:bold; margin:30px 0 20px 0;}
.howToPrint > ul.print-ex > li:nth-child(1) {margin-top:10px;}
.howToPrint > ul.print-ex > li > span {color:#2a659f; font-size:18px; margin-right:5px;}
.howToPrint > ul.print-ex > li > div {margin-top:10px; text-align:center;}
.howToPrint > ul.print-ex > li > div > img {width:100%;}

/* 개별 컨텐츠[201603]  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 직인관리 - 파일 업로드 */
.extSealUp {width:100%; padding:10px 0;}
.extSealUp dl {width:100%; margin-bottom:10px; overflow:hidden;}
.extSealUp dl dt {float:left; width:85px; font-size:16px; line-height:22px; font-weight:500; color:#333;}
.extSealUp dl dd {float:left; width:calc(100% - 100px); width:-webkit-calc(100% - 100px);}
.extSealUp div {padding-top:10px;}
.extSealUp div strong {color:#333; letter-spacing:-1px;}
.extSealUp p {margin-top:15px; padding-top:15px; text-align:center; border-top:#e5e5e5 1px solid;}
@page a4sheet { size: 21.0cm 29.7cm }

/* 참가신청서 출력 - 팝업 */
.popConfirmBg {height:100%;  overflow-x:hidden; overflow-y:scroll; background-size: contain; }
.popConfirm {width:620px; background:url('../images/content/popConfirm_bg_top.gif') no-repeat, url('../images/content/popConfirm_bg_btm.gif') 0 bottom no-repeat, url('../images/content/popConfirm_bg.gif') repeat-y; padding:160px 90px 180px 90px; }
.popConfirm .pcTitle {width:100%;}
.popConfirm .pcTitle h1 {text-align:center; font-family:'궁서'; font-size:30px; line-height:24px; font-weight:bold; color:#555;}
.popConfirm .pcTitle h2 {margin-top:10px; text-align:center; font-family:'궁서'; font-size:30px; line-height:34px; font-weight:bold; color:#333;}
.popConfirm .pcTitle h3 {margin-top:30px; font-size:15px; font-weight:bold; color:#555;}

/* 서약 */
.vow {width:100%; margin-top:35px;}
.vow h1 {text-align:center; font-family:'nm'; font-size:22px; font-weight:bold; color:#333; line-height:26px; letter-spacing:-1px;}
.vow h2 {margin-top:20px; text-align:center; font-family:'nm'; font-size:20px; font-weight:bold; color:#333; line-height:26px; letter-spacing:-1px;}
.vow p {margin:40px 0 40px 0; text-align:right; font-size:22px; color:#333; line-height:26px; font-weight:bold; font-family:'nm'; letter-spacing:-1px;}
.vow div {text-align:center; font-size:12px; letter-spacing:-1px;}

/* 이수체계도 관리 - 정보 */
.subjectMngInfo {width:100%; margin-bottom:15px;}
.subjectMngInfo p {font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.subjectMngInfo p .sjType01 {color:#ff1200;}
.subjectMngInfo p .sjType02 {color:#0078ff;}
.subjectMngInfo > dl {width:100%; margin-top:15px; overflow:hidden;}
.subjectMngInfo > dl > dt {float:left;}
.subjectMngInfo > dl > dt dl {width:100%; overflow:hidden;}
.subjectMngInfo > dl > dt dl dt {float:left; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.subjectMngInfo > dl > dt dl dd {float:left;}
.subjectMngInfo > dl > dt dl dd h1 {float:left; width:60px; padding:2px 10px 4px 10px; text-align:center; color:#333; letter-spacing:-1px; background:#fff7ca;}
.subjectMngInfo > dl > dt dl dd h2 {float:left; width:60px; padding:2px 10px 4px 10px; text-align:center; color:#333; letter-spacing:-1px; background:#ffdaca;}
.subjectMngInfo > dl > dt dl dd h3 {float:left; width:60px; padding:2px 10px 4px 10px; text-align:center; color:#333; letter-spacing:-1px; background:#caffe3;}
.subjectMngInfo > dl > dt dl dd h4 {float:left; width:60px; padding:2px 10px 4px 10px; text-align:center; color:#333; letter-spacing:-1px; background:#caceff;}
.subjectMngInfo > dl > dd {float:right;}
.subjectMngInfo > dl > dd dl {width:100%; overflow:hidden;}
.subjectMngInfo > dl > dd dl dt {float:left; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.subjectMngInfo > dl > dd dl dd {float:left;}

/* 이수체계도 관리 - 리스트 */
.subjectMngList {overflow:hidden;}
.subjectMngList table {width:100%; table-layout:fixed; border-top:#585858 2px solid; border-right:#e4e4e4 1px solid; background:#f5f5f5;}
.subjectMngList table thead th {padding:15px 5px; font-weight:bold; color:#333; letter-spacing:-1px; text-align:center; border-bottom:#585858 1px solid; border-left:#e4e4e4 1px solid;} 
.subjectMngList table tbody td {min-height:28px; padding:8px 5px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.subjectMngList table tbody td.sjT {color:#333; font-weight:bold; letter-spacing:-1px; background:#f5f5f5;}
.subjectMngList table tbody td.sjC01 {background:#fff7ca;}
.subjectMngList table tbody td.sjC02 {background:#ffdaca;}
.subjectMngList table tbody td.sjC03 {background:#caffe3;}
.subjectMngList table tbody td.sjC04 {background:#caceff;}
.subjectMngList table tbody td h1 {color:#000; font-size:13px;}
.subjectMngList table tbody td h2 {color:#ff1200; font-size:13px;}
.subjectMngList table tbody td h3 {color:#0078ff; font-size:13px;}
.subjectMngList table tbody td h4 {margin-top:3px; font-size:12px; line-height:14px;}
.subjectMngList table tbody td h5 {position:absolute; margin:-50px 0 0 10px;}








/* 교과목 포트폴리오  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 설명문구 */
.pfGuide {margin-top:10px; padding:15px 20px; border:#e5e5e5 2px solid; background:#f9f9f9;}
.pfGuide p {font-weight:bold; color:#333;}
.pfGuide ul {width:100%; margin-top:10px; overflow:hidden;}
.pfGuide ul li {padding:7px 0 7px 10px; font-size:16px; background:url('../images/btnIcn/icn_dot1.gif') 0 16px no-repeat;}
.pfGuide ul li strong {color:#333;}

/* 성적통계자료 - 그래프 */
.pfGrade {overflow:hidden;}
.pfGrade table {width:100%; table-layout:fixed; border-top:#585858 2px solid;}
.pfGrade table tbody tr th {padding:12px 10px 12px 15px; font-size:18px; color:#0969b3; font-weight:bold; letter-spacing:-1px; background:#f5f5f5; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.pfGrade table tbody tr td {padding:12px 10px 12px 10px; background:#fff; border-bottom:1px solid #e4e4e4;}
.pfGrade table tbody tr td dl {width:100%; overflow:hidden;}
.pfGrade table tbody tr td dl dt {float:left; width:77%; background:#ddd;}
.pfGrade table tbody tr td dl dt div {background:url('../images/btnIcn/bg_graph2.gif');}
.pfGrade table tbody tr td dl dd {float:left; width:23%; text-align:right; font-size:16px; font-weight:bold; color:#333;}




/* 학생상담실  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 상담사 일정관리 - 날짜선택 */
.csSchDate {width:100%; height:50px; background:url('../images/btnIcn/bg_tab_on.gif'); overflow:hidden;}
.csSchDate dt {float:left; width:150px;}
.csSchDate dd {float:left; width:665px; padding-top:12px; text-align:center; color:#fff; font-size:20px;}

/* 상담사 일정관리 - 옵션표시 */
.csSchOption {width:100%; margin:20px 0; overflow:hidden;}
.csSchOption dt {float:left; letter-spacing:-1px; font-weight:bold; color:#333;}
.csSchOption dt h1 {float:left; padding:2px 15px 4px 15px; text-align:center; color:#333; letter-spacing:-1px; background:#fff7ca;}
.csSchOption dt h2 {float:left; padding:2px 15px 4px 15px; text-align:center; color:#333; letter-spacing:-1px; background:#ffdaca;}
.csSchOption dt h3 {float:left; padding:2px 15px 4px 15px; text-align:center; color:#333; letter-spacing:-1px; background:#caffe3;}
.csSchOption dt h4 {float:left; padding:2px 15px 4px 15px; text-align:center; color:#333; letter-spacing:-1px; background:#caceff;}
.csSchOption dt h5 {float:left; padding:2px 15px 4px 15px; text-align:center; color:#333; letter-spacing:-1px; background:#e8ffca;}
.csSchOption dt h6 {float:left; padding:2px 15px 4px 15px; text-align:center; color:#333; letter-spacing:-1px; background:#faed7d;}
.csSchOption dd {float:right;}

/* 상담사 일정관리 - 표색상 */
.csSchColor1 {background:#fff7ca !important;}
.csSchColor2 {background:#ffdaca !important;}
.csSchColor3 {background:#caffe3 !important;}
.csSchColor4 {background:#caceff !important;}
.csSchColor5 {background:#e8ffca !important;}
.csSchColor6 {background:#faed7d !important;}




/* PA역량관리시스템  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.capability_graph_wrap {width:100%; overflow: hidden; margin-top:10px; }
.capability_graph_inL {float:left; width:49%;}
.capability_graph_inR {float:right; width:49%;}

/* 마이페이지(학생)_역량진단관리 _그래프탭 */
ul.capability_graph_tap {margin-top:10px; height:30px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
ul.capability_graph_tap li {float:left; width:24.25%; height:30px; margin-right:1%; text-align:center; box-sizing:border-box; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
ul.capability_graph_tap li:last-child {margin-right:0;}
ul.capability_graph_tap li a {display:inline-block; width:100%; box-sizing:border-box; height:30px; padding:5px 0;}
ul.capability_graph_tap li a:hover {color:#fff; background-color:#606a74;}
ul.capability_graph_tap li a.on {color:#fff; background-color:#606a74;}

/* .graph1 {width:100%; overflow:hidden;}
#graph1_1 {border-left:1px solid #e1e1e1; width:25%;}
#graph1_2 {width:25%;}
#graph1_3 {width:25%;}
#graph1_4 {border-right:1px solid #e1e1e1; width:25%;}

.graph2 {width:100%; overflow:hidden;}
#graph2_1 {border-left:1px solid #e1e1e1; width:25%;}
#graph2_2 {width:25%;}
#graph2_3 {width:25%;}
#graph2_4 {border-right:1px solid #e1e1e1; width:25%;}

.graph3 {width:100%; overflow:hidden;}
#graph3_1 {border-left:1px solid #e1e1e1; width:25%;}
#graph3_2 {width:25%;}
#graph3_3 {width:25%;}
#graph3_4 {border-right:1px solid #e1e1e1; width:25%;}

.graph4 {width:100%; overflow:hidden;}
#graph4_1 {border-left:1px solid #e1e1e1; width:25%;}
#graph4_2 {width:25%;}
#graph4_3 {width:25%;}
#graph4_4 {border-right:1px solid #e1e1e1; width:25%;}

.graph5 {width:100%; overflow:hidden;}
#graph5_1 {border-left:1px solid #e1e1e1; width:25%;}
#graph5_2 {width:25%;}
#graph5_3 {width:25%;}
#graph5_4 {border-right:1px solid #e1e1e1; width:25%;}

.graph6 {width:100%; overflow:hidden;}
#graph6_1 {border-left:1px solid #e1e1e1; width:25%;}
#graph6_2 {width:25%;}
#graph6_3 {width:25%;}
#graph6_4 {border-right:1px solid #e1e1e1; width:25%;} */

/* 나의 PA역량 현황 - 그래프 */
.capability_graph {width:100%; overflow:hidden;}
.capability_graph .graph1 {float:left; width:50%;}
.capability_graph .graph1 .graph {width:95%; margin:0 auto;}
.capability_graph .graph1 .graph img {width:100%;}
.capability_graph .graph1 p {width:137px; margin:0 auto; padding-top:5px;}
.capability_graph .graph2 {float:left; width:50%;}
.capability_graph .graph2 .graph {width:95%; margin:0 auto;}
.capability_graph .graph2 p {width:152px; margin:0 auto; padding-top:5px;}
.capability_graph .graph3 {clear:both; width:100%;}
.capability_graph .graph3 .graph {width:95%; margin:0 auto;}
.capability_graph .graph3 p {width:203px; margin:0 auto; padding-top:5px;}
.capability_graph .graph4 {width:100%;}
.capability_graph .graph4 .graph {width:95%; margin:0 auto;}
.capability_graph .graph4 p {width:400px; margin:0 auto; padding-top:5px;}
.capability_graph .graph4 div {width:627px; margin:0 auto;} 
.capability_graph .graph4 dt {float:left;}
.capability_graph .graph5 {width:100%;}
.capability_graph .graph5 .graph {width:95%; margin:0 auto;}
.capability_graph .graph5 p {width:230px; margin:0 auto; padding-top:5px;}

/* 단위별 PA역량통계 조회 - 그래프 */
.statistics_graph {width:100%; overflow:hidden;}
.statistics_graph .graph1 {float:left; width:50%;}
.statistics_graph .graph1 div {width:95%; margin:0 auto;}
.statistics_graph .graph2 {float:left; width:50%;}
.statistics_graph .graph2 div {width:95%; margin:0 auto;}
.statistics_graph .graph2 p {width:175px; margin:0 auto; padding-top:5px;}


.titleEaG {width:100%; margin-bottom:10px; overflow:hidden;}
.titleEaG dt {float:left; padding:5px 0 0 15px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 11px no-repeat;}
.titleEaG dt strong {color:#e20d45;}
.titleEaG dd {float:right; margin-top:5px; padding-left:15px; letter-spacing:-1px; font-size:13px; color:#9e2842; background:url('../images/btnIcn/icn_page.gif') 0 6px no-repeat;}

.ing {width:100%; padding:100px 0 120px 0; text-align:center;}
.ing p {font-size:90px; color:#000;}
.ing h1 {margin-top:20px; font-weight:400; font-size:40px; line-height:40px; color:#333;}
.ing h2 {margin-top:15px; font-weight:300; font-size:15px; letter-spacing:-1px;}
.ing h3 {margin-top:20px; font-size:30px; line-height:45px; letter-spacing:-1px;}
.ing div {margin-top:40px; text-align:center;}
.ing div a {display:inline-block; padding:10px 40px; font-weight:bold; color:#0A3470; border:#0A3470 2px solid;}
.ing div a:hover {color:#fff; padding:12px 42px; border:none; background:#0A3470;}


/* 수료증 출력 - 팝업 */
.certificatePop {width:560px; padding:100px 120px; background:url('../images/content/popConfirm_bg_btm.jpg') center bottom no-repeat, url('../images/content/popConfirm_bg.jpg') center top no-repeat;}
.certificatePop .cpTitle {width:100%;}
.certificatePop .cpTitle h1 {font-size:20px; line-height:24px; color:#555;}
.certificatePop .cpTitle h2 {margin-top:20px; text-align:center; font-size:40px; line-height:44px; font-weight:bold; color:#333;}
.certificatePop .cpCnt {width:100%; margin-top:100px;}
.certificatePop .cpCnt p {font-size:20px; line-height:34px; color:#333;}
.certificatePop .cpCnt div {margin-top:50px; text-align:center; font-size:20px; line-height:34px; color:#333;}
.certificatePop .cpCnt h1 {margin-top:200px; text-align:center; font-weight:bold; font-size:24px; line-height:34px; color:#333;}
.certificatePop .cpCnt h2 {margin-top:50px; padding-bottom:100px; text-align:center; font-weight:bold; font-size:24px; line-height:34px; color:#333;}


/* DECO 포인트 */
.decoPoint ol{counter-reset:item;}
.decoPoint ol > li{counter-increment:item; margin-bottom:5px; }
.decoPoint ol > li:before {font-weight: bold; padding-right:10px; content:counter(item) "."; }
.decoPoint ol > li span{color:#333; font-weight:bold;}

.decoPoint ol > li > ul {margin:10px 0 10px 20px;}
.decoPoint ol > li > ul > li{ list-style:square inside; margin-bottom:5px;}

.decoPoint ol > li > ul.gaList {margin:10px 0 10px 20px;}
.decoPoint ol > li > ul.gaList > li{ list-style:none; margin-bottom:5px;}

/* 기타  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 약관동의 - 레이어영역 */
.agreePop {position:absolute; left:50%; top:170px; width:800px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.agreePop .agTop {width:794px; margin:0 auto;} 
.agreePop .agArea {padding:20px 20px 30px 20px; border-left:#1c589d 3px solid; border-right:#1c589d 3px solid; border-bottom:#1c589d 3px solid; background:#fff;} 
.agreePop .agArea .agCtn {height:500px; overflow:auto;} 
.agreePop .agArea .agChk {margin-top:20px; text-align:center; color:#333; font-weight:bold; letter-spacing:-1px;} 

/* 약관동의 - 회원가입 */
.agree {width:100%;}
.agree div {height:100px; margin-bottom:15px; padding:20px; border:#e5e5e5 1px solid; overflow:hidden;}
.agree p {font-weight:bold; letter-spacing:-1px;}

/* 이용약관 / 개인정보취급방침 */
.privacy {padding:25px; border:#e5e5e5 1px solid;}
.privacy h1 {font-size:16px; font-weight:bold; color:#333;}
.privacy h2 {margin-bottom:15px; padding-bottom:15px; color:#1c589d; font-weight:bold; border-bottom:#e5e5e5 1px solid;}
.privacy h3 {color:#333; font-weight:bold;}
.privacy strong {font-size:14px; color:#555; line-height:28px;}

/* 타이틀 - 인쇄용 */
.titlePrint {margin:15px 0; text-align:center; font-weight:500; font-size:30px; line-height:40px; letter-spacing:-2px; color:#000;}

/* SMS보내기 */
.sysSMS {width:200px; z-index:10;}
.sysSMS dl {width:100%; overflow:hidden;}
.sysSMS dl dt {height:116px; padding:0 22px 10px 15px; background:url('../images/content/sms_memo.png') no-repeat;}
.sysSMS dl dt textarea {color:#fff; background:#23447a; border:none; scrollbar-face-color:#000; scrollbar-shadow-color:#1a335b; scrollbar-highlight-color:#1a335b; scrollbar-3dlight-color:#1a335b; scrollbar-darkshadow-color:#1a335b; scrollbar-track-color:#1a335b; scrollbar-arrow-color:#000000;}
.sysSMS dl dd {height:24px; padding:3px 52px 0 0; text-align:right; font-size:12px; color:#fff; background:url('../images/content/sms_byte.png') no-repeat;}
.sysSMS div {padding:10px 14px 0 8px; background:url('../images/content/sms_bg.png') repeat-y;border-bottom:#bebebe 1px solid;}
.sysSMS div ul {height:140px; border:#bebebe 1px solid; border-radius:5px; overflow:auto;}
.sysSMS div ul li {padding:3px 7px; font-size:12px; border-bottom:#bebebe 1px solid;}
.sysSMS div ul li:first-child {border-top:none;}
.sysSMS div ul li input {width:100%; border:none;}
.sysSMS div p {padding-top:10px; text-align:center;}

/* 썸네일 이미지 */
.thumbnail_div {text-align:center; display:table;}
.thumbnail_div a {display:table-cell; vertical-align:center;}
.thumbnail_div a img {width:100%; height:100%;}