@charset "utf-8";
/* ----- 센터소개 > 설립배경과 개념 ----- */
.concept-wr .historyTitle {position: relative;background: #e9edf3;border-radius: 0 0 10px 0;box-sizing:border-box;padding: 25px 0 25px 30px}
.concept-wr .historyTitle p {font-size:30px;font-family: "univia-pro",sans-serif;color:#0b2e4f;font-weight:700}
.concept-wr .historyTitle:before {display: block;content: "";width: 88px;height: 32px;background: url(/resources/homepage/ctl2/_Img/Content/distLogo.png) no-repeat;background-size:cover;position: absolute;bottom: 20px;right: 25px}
.concept-wr .historyTitle:after {display: block;content: "";width:100%;height:100px;background: url(/resources/homepage/ctl2/_Img/Content/rainLine.jpg) repeat;z-index: -1;position:absolute;bottom:-5px;left:0}
.concept-wr .historyContent-wr {box-sizing:border-box;border:1px solid #e1e1e1;margin:20px 0 0;padding:20px 0}
.concept-wr .historyContent {width:100%;box-sizing:border-box;padding:0 0 0 30px;margin:10px 0 20px;overflow:hidden}
.concept-wr .historyContent .historyYear {width:160px;display:block;float:left;position:relative;color:#0854ac;font-family: "univia-pro",sans-serif;font-weight:700;box-sizing:border-box;padding:0 30px;border-right:1px solid #d5d5d5}
.concept-wr .historyContent .historyYear:before {content:'';display:block;width:8px;height:8px;position:absolute;top:0;left:0;background:url(/resources/homepage/ctl2/_Img/Content/conceptIcon.jpg)}
.concept-wr .historyContent .historyTxt {box-sizing:border-box;padding:0 0 0 30px}
.concept-wr .ctl2Effect {width:100%;background:url(/resources/homepage/ctl2/_Img/Content/rainbg.jpg);overflow:hidden;box-sizing:border-box;padding:20px 20px}
.concept-wr .ctl2Effect .ctl2con {position:relative;background:#fff;box-sizing:border-box;padding:35px 30px 0 235px}
.concept-wr .ctl2Effect .ctl2con .ctl2conCircle {position:absolute;width:150px;height:150px;border-radius:50% 50%;color:#fff;font-size:20px;top:30px;left:30px;box-sizing:border-box;padding:0 0}
.concept-wr .ctl2Effect .ctl2con1 {padding-bottom:80px;margin:0 0 110px}
.concept-wr .ctl2Effect .ctl2con1:after {content:'';display:block;position:absolute;width:333px;height:92px;left:50%;margin-left:-166.5px;bottom:-92px;background:url(/resources/homepage/ctl2/_Img/Content/conceptArrow.png) no-repeat;background-size:100% 100%}
.concept-wr .ctl2Effect .ctl2con1 .ctl2conCircle {background:#1689b9}
.concept-wr .ctl2Effect .ctl2con1 .ctl2conCircle .ctl2conSmallCircle,
.concept-wr .ctl2Effect .ctl2con2 .ctl2conCircle .ctl2conSmallCircle {width:135px;height:135px;position:absolute;top:50%;margin-top:-67.5px;left:50%;margin-left:-67.5px;background:#10678b;border-radius:50% 50%;text-align:center;box-sizing:border-box;padding:35px 0 0}
.concept-wr .ctl2Effect .ctl2con2 {padding-bottom:30px}
.concept-wr .ctl2Effect .ctl2con2 .ctl2conCircle {background:#0854ac}
.concept-wr .ctl2Effect .ctl2con2 .ctl2conCircle .ctl2conSmallCircle {background:#063f81;padding:0;line-height:135px}
.concept-wr .ctl2Effect .ctl2con ul li {position:relative;padding:0 0 0 20px;margin:0 0 5px}
.concept-wr .ctl2Effect .ctl2con ul li:before {content: '';display: block;width: 8px;height: 8px;position: absolute;top: 7px;left: 0;background: url(/resources/homepage/ctl2/_Img/Content/conceptIcon.jpg)}
.concept-wr .ctl2Effect .ctl2con ul li span {color:#0854ac}
.concept-wr .universityGoalTit {position:relative;background:#223c55;border-radius: 0 0 20px 0;color:#fff;overflow:visible;font-size:25px;box-sizing:border-box;padding:20px 0 60px 50px}
.concept-wr .universityGoalTit:after {content:'';display:block;position:absolute;width:100%;height:90px;border-radius:0 0 20px 0;background:url(/resources/homepage/ctl2/_Img/Content/rainLine.jpg) no-repeat;left:0;bottom:-10px;z-index:-1}
.concept-wr .universityGoalTit span {display:block;float:left}
.concept-wr .universityGoalTit span:first-child {font-style:italic;margin:0 70px 0 0}
.concept-wr .universityGoalCon-wr {width:100%;border-radius:0 0 20px 0;position:relative;box-sizing:border-box;padding:10px 10px;background:#dedede}
.concept-wr .universityGoalCon-wr:after {content:'';display:block;position:absolute;width:100%;height:100%;border-radius:0 0 20px 0;background:url(/resources/homepage/ctl2/_Img/Content/rainLine.jpg) no-repeat;left:0;bottom:-10px;z-index:-1}
.concept-wr .universityGoalCon {border-radius:0 0 20px 0;background:#fff;box-sizing:border-box;padding:45px 45px}
.concept-wr .universityGoalCon .visionList li {overflow:hidden;margin:0 0 10px;position:relative;padding:0 0 0 250px;box-sizing:border-box}
.concept-wr .universityGoalCon .visionList li .listTit {width:220px;color:#fff;position:absolute;left:0;top:0;box-sizing:border-box;font-size:25px;text-align:center}
.concept-wr .universityGoalCon .visionList li .listTit:after {content:'';display:block;width:30px;height:10px;position:absolute;bottom:50%;margin-bottom:-5px;right:-21px;background:url(/resources/homepage/ctl2/_Img/Content/visionList.png) 100% 100% no-repeat;background-size:cover;z-index:10}
.concept-wr .universityGoalCon .visionList li .listTit1 {background:#4ea1d6;padding:39px 50px}
.concept-wr .universityGoalCon .visionList li .listTit2 {background:#4281ca;padding:39px 20px}
.concept-wr .universityGoalCon .visionList li .listTit3 {background:#2d66a7;padding:20px 50px}
.concept-wr .universityGoalCon .visionList li .listTit4 {background:#2c47ab;padding:34px 0px;text-align:center}
.concept-wr .universityGoalCon .visionList li .listCon {text-align:center;font-size:20px;border-radius:0 0 20px 0;box-sizing:border-box;color:#000;background:#ebeff4}
.concept-wr .universityGoalCon .visionList li .listCon1 {padding:44px 20px}
.concept-wr .universityGoalCon .visionList li .listCon2 {position:relative;width:23.8%;margin:0 1.6% 0 0;padding:44px 0px;float:left}
.concept-wr .universityGoalCon .visionList li .listCon2:last-child {margin:0;padding:28px 5px}
.concept-wr .universityGoalCon .visionList li .listCon3 {padding:44px 40px}
.concept-wr .universityGoalCon .visionList li .listCon4 {position:relative;width:23.8%;margin:0 1.6% 0 0;padding:57px 27px 12px;float:left;font-size:17px}
.concept-wr .universityGoalCon .visionList li .listCon4:last-child {margin:0}
.concept-wr .universityGoalCon .visionList li .listCon4b {padding:57px 37px 12px}
.concept-wr .universityGoalCon .visionList li .listCon4c,
.concept-wr .universityGoalCon .visionList li .listCon4d {padding:57px 27px 39px}
.concept-wr .universityGoalCon .visionList li .listCon4 .grayTit {width:100%;background:#bcbfc4;position:absolute;top:0;left:0;padding:10px 0}
.concept-wr .strategy-wr {padding:50px;background:#f4f4f4;position:relative;border-radius:0 0 35px 0}
.concept-wr .strategy-wr:after {content:'';display:block;width:258px;height:174px;position:absolute;right:29%;top:310px;background:url(/resources/homepage/ctl2/_Img/Content/dynamicArrow.png) 100% 100% no-repeat;background-size:cover;z-index:0}
.concept-wr .strategy-wr ul > li {position:relative;z-index:2;box-sizing:border-box;padding:0 0 0 250px;margin:0 0 30px;overflow:hidden}
.concept-wr .strategy-wr ul > li:last-child {margin:0}
.concept-wr .strategy-wr ul > li.str-lib {padding:25px 0 25px 250px;margin-bottom:120px}
.concept-wr .strategy-wr ul > li .strTit {text-align:center;font-family: "univia-pro",sans-serif;background:#fff;position:absolute;font-weight:700;font-size:25px;top:0;left:0;box-sizing: border-box}
.concept-wr .strategy-wr ul > li .strTit:after {content: '';display: block;width: 30px;height: 10px;position: absolute;bottom: 50%;margin-bottom: -5px;right: -21px;background: url(/resources/homepage/ctl2/_Img/Content/visionList.png) 100% 100% no-repeat;background-size: cover;z-index:10}
.concept-wr .strategy-wr ul > li .strTit1 {color:#4ea1d6;padding:40px 75px}
.concept-wr .strategy-wr ul > li .strTit2 {color:#4281ca;padding:40px 49px}
.concept-wr .strategy-wr ul > li .strTit3 {color:#223c55;padding:20px 75px;top:50%;transform:translateY(-50%)}
.concept-wr .strategy-wr ul > li .strTit4 {color:#1eb9a5;padding:52px 61.5px}
.concept-wr .strategy-wr ul > li .strCon {color:#fff;font-size:20px;border-radius:0 0 20px 0;box-sizing:border-box}
.concept-wr .strategy-wr ul > li .strCon1 {background:#4ea1d6;padding:40px 0;text-align:center;font-size:25px}
.concept-wr .strategy-wr ul > li .strCon2 {background:#4281ca;padding:20px 0;text-align:center;float:left;width: 23.8%;margin: 0 1.6% 0 0}
.concept-wr .strategy-wr ul > li .strCon2:last-child {margin:0}
.concept-wr .strategy-wr ul > li .strCon3 {width:187px;height:187px;border-radius:50% 50%;padding:55px 22px;margin:0 34px 0 0;float:left;text-align:center;font-family: "univia-pro",sans-serif;background:#223c55;}
.concept-wr .strategy-wr ul > li .strCon3d {margin:0;padding:55px 30px}
.concept-wr .strategy-wr ul > li .strCon4 {background:#1eb9a5;overflow:hidden}
.concept-wr .strategy-wr ul > li .strCon4 ol {width:90%;margin:20px auto;overflow:hidden}
.concept-wr .strategy-wr ul > li .strCon4 ol li {width:50%;padding:10px;box-sizing:border-box;float:left}
.concept-wr .strategy-wr ul > li .strCon4 ol li.strGoallia {border-bottom:1px solid #8fdcd2;border-right:1px solid #8fdcd2}
.concept-wr .strategy-wr ul > li .strCon4 ol li.strGoallib {border-bottom:1px solid #8fdcd2}
.concept-wr .strategy-wr ul > li .strCon4 ol li.strGoallic {border-right:1px solid #8fdcd2}
.concept-wr .learningCapability-wr {overflow:hidden}
.concept-wr .learningCapability-wr .lclist {width:24%;margin:0 1.333% 0 0;position:relative;float:left;background:#f2f2f2;box-sizing:border-box}
.concept-wr .learningCapability-wr .lclista {padding:113px 0 50px}
.concept-wr .learningCapability-wr .lclistb {padding:113px 0 100px}
.concept-wr .learningCapability-wr .lclistc {padding:113px 0 180px}
.concept-wr .learningCapability-wr .lclistd {padding:113px 0 100px;margin:0}
.concept-wr .learningCapability-wr .lclist .lclistTit,
.concept-wr .teachingCapability-wr .tclist .tclistTit {font-weight:700;position:absolute;left:0;top:20px;box-sizing:border-box;padding:30px 20px 15px 15px;background:#fff;font-family:"univia-pro",sans-serif}
.concept-wr .learningCapability-wr .lclist .lclistTit1:before,
.concept-wr .teachingCapability-wr .tclist .tclistTit1:before {content:'';display:block;width:24px;height:14px;position:absolute;top:15px;left:15px;background:url(/resources/homepage/ctl2/_Img/Content/lclistIcon1.png) 100% 100% no-repeat;background-size:cover}
.concept-wr .learningCapability-wr .lclist .lclistTit2:before {content:'';display:block;width:24px;height:14px;position:absolute;top:15px;left:15px;background:url(/resources/homepage/ctl2/_Img/Content/lclistIcon2.png) 100% 100% no-repeat;background-size:cover}
.concept-wr .learningCapability-wr .lclist .lclistTit3:before,
.concept-wr .teachingCapability-wr .tclist .tclistTit2:before {content:'';display:block;width:24px;height:14px;position:absolute;top:15px;left:15px;background:url(/resources/homepage/ctl2/_Img/Content/lclistIcon3.png) 100% 100% no-repeat;background-size:cover}
.concept-wr .learningCapability-wr .lclist .lclistTit4:before,
.concept-wr .teachingCapability-wr .tclist .tclistTit3:before {content:'';display:block;width:24px;height:14px;position:absolute;top:15px;left:15px;background:url(/resources/homepage/ctl2/_Img/Content/lclistIcon4.png) 100% 100% no-repeat;background-size:cover}
.concept-wr .learningCapability-wr .lclist ul li {position:relative;box-sizing:border-box;padding:0 0 0 35px}
.concept-wr .learningCapability-wr .lclist ul li:before {content: '';display: block;width: 8px;height: 8px;position: absolute;top: 7px;left:15px;background: url(/resources/homepage/ctl2/_Img/Content/conceptIcon.jpg)}
.concept-wr .menuNode img{max-width:100%}

.concept-wr .teachingCapability-wr {width:895px;margin:0 auto}
.concept-wr .teachingCapability-wr .tclist {width:33%;margin:0 0.5% 0 0;position:relative;float:left;background:#f2f2f2;box-sizing:border-box}
.concept-wr .teachingCapability-wr .tclista {padding:130px 0 30px}
.concept-wr .teachingCapability-wr .tclistb {padding:130px 0 30px}
.concept-wr .teachingCapability-wr .tclistc {padding:130px 0 55px;margin:0}
.concept-wr .teachingCapability-wr .tclist ul li {position:relative;box-sizing:border-box;padding:0 0 0 35px}
.concept-wr .teachingCapability-wr .tclist ul li:before {content: '';display: block;width: 8px;height: 8px;position: absolute;top: 7px;left:15px;background: url(/resources/homepage/ctl2/_Img/Content/conceptIcon.jpg)}

.concept-wr .ElearningCapability-wr {overflow:hidden}
.concept-wr .ElearningCapability-wr .lclist {width:48%;margin:0 1.333% 0 0;position:relative;float:left;background:#f2f2f2;box-sizing:border-box}
.concept-wr .ElearningCapability-wr .lclista {padding:113px 0 50px}
.concept-wr .ElearningCapability-wr .lclistb {padding:113px 0 50px}
.concept-wr .ElearningCapability-wr .lclistc {padding:113px 0 180px}
.concept-wr .ElearningCapability-wr .lclistd {padding:113px 0 100px;margin:0}

.concept-wr .ElearningCapability-wr .lclist .lclistTit,
.concept-wr .teachingCapability-wr .tclist .tclistTit {font-weight:700;position:absolute;left:0;top:20px;box-sizing:border-box;padding:30px 20px 15px 15px;background:#fff;font-family:"univia-pro",sans-serif}
.concept-wr .ElearningCapability-wr .lclist .lclistTit1:before,
.concept-wr .teachingCapability-wr .tclist .tclistTit1:before {content:'';display:block;width:24px;height:14px;position:absolute;top:15px;left:15px;background:url(/resources/homepage/ctl2/_Img/Content/lclistIcon1.png) 100% 100% no-repeat;background-size:cover}
.concept-wr .ElearningCapability-wr .lclist .lclistTit2:before {content:'';display:block;width:24px;height:14px;position:absolute;top:15px;left:15px;background:url(/resources/homepage/ctl2/_Img/Content/lclistIcon2.png) 100% 100% no-repeat;background-size:cover}
.concept-wr .ElearningCapability-wr .lclist .lclistTit3:before,
.concept-wr .teachingCapability-wr .tclist .tclistTit2:before {content:'';display:block;width:24px;height:14px;position:absolute;top:15px;left:15px;background:url(/resources/homepage/ctl2/_Img/Content/lclistIcon3.png) 100% 100% no-repeat;background-size:cover}
.concept-wr .ElearningCapability-wr .lclist .lclistTit4:before,
.concept-wr .teachingCapability-wr .tclist .tclistTit3:before {content:'';display:block;width:24px;height:14px;position:absolute;top:15px;left:15px;background:url(/resources/homepage/ctl2/_Img/Content/lclistIcon4.png) 100% 100% no-repeat;background-size:cover}
.concept-wr .ElearningCapability-wr .lclist ul li {position:relative;box-sizing:border-box;padding:0 0 0 35px}
.concept-wr .ElearningCapability-wr .lclist ul li:before {content: '';display: block;width: 8px;height: 8px;position: absolute;top: 7px;left:15px;background: url(/resources/homepage/ctl2/_Img/Content/conceptIcon.jpg)}
.concept-wr .menuNode img{max-width:100%}

@media all and (max-width:1199px){
	.concept-wr .universityGoalCon .visionList li .listTit1 {padding: 32px 50px}
	.concept-wr .universityGoalCon .visionList li .listCon1 {padding:37px 0}
	.concept-wr .universityGoalCon .visionList li .listCon4b,
	.concept-wr .universityGoalCon .visionList li .listCon4c,
	.concept-wr .universityGoalCon .visionList li .listCon4d {padding:57px 16px 39px}
	.concept-wr .strategy-wr ul > li .strCon3 {width: 49%;height:auto;margin: 0 2% 10px 0;padding: 20px 0;border-radius: 0 0 20px 0;text-align: center;float: left}
	.concept-wr .strategy-wr ul > li .strCon3b,
	.concept-wr .strategy-wr ul > li .strCon3d {margin: 0 0 10px 0}
}
@media all and (max-width:1119px){
	.concept-wr .universityGoalCon .visionList li .listCon1 {padding:20px 10px}
	.concept-wr .universityGoalCon .visionList li .listCon4 {width:100%;margin:0 0 5px;padding: 57px 27px 12px}
}
@media all and (max-width:999px){
	.concept-wr .universityGoalTit {font-size:20px;padding: 20px 0 50px 50px}
	.concept-wr .universityGoalTit:after {height:80px}
	.concept-wr .universityGoalCon .visionList li .listCon2 {width:49%;margin:0 2% 10px 0}	
	.concept-wr .universityGoalCon .visionList li .listCon2b {margin:0 0 10px}
	.concept-wr .universityGoalCon .visionList li .listCon2c {margin:0 2% 0 0}
	.concept-wr .universityGoalCon .visionList li .listCon2d {margin:0}
	.concept-wr .strategy-wr ul > li .strTit1 {padding: 16px 75px}
	.concept-wr .strategy-wr ul > li .strCon1 {padding: 20px 0;font-size:20px}
	.concept-wr .strategy-wr ul > li .strTit2 {padding:16px 49px}
	.concept-wr .strategy-wr ul > li .strCon2 {width: 49%;margin: 0 2% 10px 0}
	.concept-wr .strategy-wr ul > li .strCon2b,
	.concept-wr .strategy-wr ul > li .strCon2d {margin:0}
	.concept-wr .strategy-wr ul > li.str-lib {padding: 0 0 0 250px}
	.concept-wr .strategy-wr ul > li .strCon4 ol li {width:100%;border-bottom:1px solid #8fdcd2}
	.concept-wr .strategy-wr ul > li .strCon4 ol li.strGoallia, 
	.concept-wr .strategy-wr ul > li .strCon4 ol li.strGoallic {border-right:none}
	.concept-wr .strategy-wr ul > li .strCon4 ol li.strGoallid {border-bottom:none}
	.concept-wr .menuNode {display:none}
	.concept-wr .learningCapability-wr,
	.concept-wr .teachingCapability-wr {width:auto;margin:10px 0 0}
	.concept-wr .learningCapability-wr .lclist,
	.concept-wr .teachingCapability-wr .tclist {width:100%;margin:0 0 10px}
	.concept-wr .learningCapability-wr .lclist .lclistTit, 
	.concept-wr .teachingCapability-wr .tclist .tclistTit {left:20px}
	.concept-wr .learningCapability-wr .lclist {padding:110px 0 20px 40px}
	.concept-wr .learningCapability-wr .lclista ul li,
	.concept-wr .learningCapability-wr .lclistb ul li,
	.concept-wr .teachingCapability-wr .tclista ul li,
	.concept-wr .teachingCapability-wr .tclistb ul li,
	.concept-wr .teachingCapability-wr .tclistc ul li {width:33.3%;float:left}
	.concept-wr .learningCapability-wr .lclista ul li:last-child {width:60%}
	.concept-wr .learningCapability-wr .lclistc ul li {width:50%;float:left}	
	.concept-wr .teachingCapability-wr .tclist {padding:130px 0 20px 40px}
}
@media all and (max-width:899px){
	.concept-wr .universityGoalCon .visionList li {padding: 0 0 0 250px}
	.concept-wr .universityGoalCon .visionList li .listTit {font-size:20px}
	.concept-wr .universityGoalCon .visionList li .listCon {font-size:17px}
	.concept-wr .universityGoalCon .visionList li .listCon1 {padding:20px 30px}	
	.concept-wr .strategy-wr ul > li .strCon3 {width:100%;margin: 0 0 10px}
	.concept-wr .strategy-wr ul > li .strCon3d {margin:0}
}
@media all and (max-width:799px){
	.concept-wr .historyContent {padding:0 0 0 15px}
	.concept-wr .historyContent .historyYear {width:100%;border-right:none;padding:0 20px}
	.concept-wr .historyContent .historyTxt {padding:0}
	.concept-wr .universityGoalCon {padding: 30px 30px}
	.concept-wr .universityGoalTit {padding:20px 0 85px 30px;font-size:20px}
	.concept-wr .universityGoalTit span {width:100%}
	.concept-wr .universityGoalCon .visionList li:last-child {margin:0}
	.concept-wr .universityGoalCon .visionList li.visionLista,
	.concept-wr .universityGoalCon .visionList li.visionListb {padding:60px 0 0 0}
	.concept-wr .universityGoalCon .visionList li.visionListc {padding:60px 0 0 0}	
	.concept-wr .universityGoalCon .visionList li.visionListd {padding:60px 0 0 0}
	.concept-wr .universityGoalCon .visionList li .listTit {width:100%}
	.concept-wr .universityGoalCon .visionList li .listTit:after {transform:rotate(90deg);bottom: -8px;margin-top: 0;right:85%}
	.concept-wr .universityGoalCon .visionList li .listTit1 {padding:10px 0}
	.concept-wr .universityGoalCon .visionList li .listTit2 {padding:10px 20px}
	.concept-wr .universityGoalCon .visionList li .listTit3 {padding:10px 0}
	.concept-wr .universityGoalCon .visionList li .listTit4 {padding:10px 0}
	.concept-wr .strategy-wr ul > li .strCon1 {padding: 20px 10px}
	.concept-wr .universityGoalCon .visionList li .listCon2,
	.concept-wr .universityGoalCon .visionList li .listCon2:last-child {padding: 20px 0px}
	.concept-wr .universityGoalCon .visionList li .listCon2d p {display:inline-block}
	.concept-wr .universityGoalCon .visionList li .listCon3 {padding: 30px 10px}
	.concept-wr .universityGoalCon .visionList li .listCon4 {width:100%;margin:0 0 10px}
	.concept-wr .universityGoalCon .visionList li .listCon4a,
	.concept-wr .universityGoalCon .visionList li .listCon4b,
	.concept-wr .universityGoalCon .visionList li .listCon4c,
	.concept-wr .universityGoalCon .visionList li .listCon4d {padding:65px 10px 20px}	
	.concept-wr .strategy-wr {padding:30px}
	.concept-wr .strategy-wr:after {top:430px;left:50%;margin-left:-129px}
	.concept-wr .strategy-wr ul > li {margin:0 0 15px}
	.concept-wr .strategy-wr ul > li.str-lia {padding:70px 0 0 0}
	.concept-wr .strategy-wr ul > li .strTit {width:100%;font-size:20px}
	.concept-wr .strategy-wr ul > li .strTit:after {transform: rotate(90deg);bottom:-8px;margin-top: 0;right: 85%}
	.concept-wr .strategy-wr ul > li.str-lib {padding:70px 0 0 0}
	.concept-wr .strategy-wr ul > li.str-lic {padding:70px 0 0 0}	
	.concept-wr .strategy-wr ul > li .strTit3 {top:0;transform: translateY(0);padding:16px 49px}
	.concept-wr .strategy-wr ul > li .strTit3 span {display:inline-block}
	.concept-wr .strategy-wr ul > li.str-lid {padding:60px 0 0 0}
	.concept-wr .strategy-wr ul > li .strTit4 {padding:10px 60px}
	.concept-wr .learningCapability-wr .lclist {padding:110px 20px 20px}
	.concept-wr .learningCapability-wr .lclist ul li,
	.concept-wr .ElearningCapability-wr .lclist ul li,
	.concept-wr .teachingCapability-wr .tclist ul li {width:50%}
	.concept-wr .learningCapability-wr .lclista ul li:last-child {width:50%}
	.concept-wr .teachingCapability-wr .tclist {padding:130px 20px 20px}
}
@media all and (max-width:599px){
	.concept-wr .universityGoalTit {font-size:18px}
	.concept-wr .ctl2Effect .ctl2con {padding:210px 30px 20px}
	.concept-wr .ctl2Effect .ctl2con .ctl2conCircle {left:50%;margin-left:-75px}
	.concept-wr .universityGoalCon .visionList li .listCon2 {width:100%;margin:0 0 10px;padding:20px 0}
	.concept-wr .universityGoalCon .visionList li .listCon2:last-child {padding: 20px 0}
	.concept-wr .strategy-wr ul > li .strTit {font-size: 18px}
	.concept-wr .strategy-wr ul > li .strCon {font-size: 18px}
}
@media all and (max-width:499px){
	.concept-wr .historyTitle {padding: 30px 0 30px 20px}
	.concept-wr .historyTitle p {font-size:25px}
	.concept-wr .historyTitle:before {bottom: 15px;right: 15px}
	.concept-wr .strategy-wr:after {top:600px}
	.concept-wr .strategy-wr ul > li .strCon2 {width:100%;margin:0 0 10px}
	.concept-wr .learningCapability-wr .lclist ul li,
	.concept-wr .ElearningCapability-wr .lclist ul li,
	.concept-wr .teachingCapability-wr .tclist ul li {width:100%}
	.concept-wr .learningCapability-wr .lclista ul li:last-child {width:100%}
}
@media all and (max-width:339px){
	.concept-wr .universityGoalTit {padding:20px 0 85px 20px}
	.concept-wr .ctl2Effect .ctl2con1 {margin: 0 0 80px}
	.concept-wr .ctl2Effect .ctl2con1:after {width:230px;height:62px;margin-left:-115px;bottom:-62px}
	.concept-wr .strategy-wr ul > li .strCon3 {font-size:18px}
}

/* ----- 센터소개 > 설립목적과 업무 ----- */
.purpose-wr .busiContent {box-sizing: border-box;border-radius: 0 0 30px 0;background:#223c55;color:#fff;text-align:center;padding:25px 25px;font-size:23px}
.purpose-wr .workContent-wr .workContent {overflow:hidden;position:relative;box-sizing: border-box}
.purpose-wr .workContent-wr .workContent .c-tit02 {display:none}
.purpose-wr .workContent-wr .workContent:after {content:'';display:block;width:140px;height:140px;position:absolute;left:50%;transform:translateX(-50%)}
.purpose-wr .workContent-wr .workContent1:after {background: url(/resources/homepage/ctl2/_Img/Content/eduIcon1.png) center center no-repeat;background-size:cover;top:95px}
.purpose-wr .workContent-wr .workContent2:after {background: url(/resources/homepage/ctl2/_Img/Content/eduIcon2.png) center center no-repeat;background-size:cover;top:70px}
.purpose-wr .workContent-wr .workContent .listBox {width:49%;margin:0 2% 0 0;float:left;background:url(/resources/homepage/ctl2/_Img/Content/rainbg.jpg) 100% 100% no-repeat;background-size:cover}
.purpose-wr .workContent-wr .workContent .listBox2 {margin:0}
.purpose-wr .workContent-wr .workContent .listBox .listBoxUl {width:90%;margin:5%;background:#fff;box-sizing:border-box;padding:30px 50px;position:relative}
.purpose-wr .workContent-wr .workContent .listBox .listBoxUl li {position:relative;box-sizing:border-box;padding-left:15px}
.purpose-wr .workContent-wr .workContent .listBox .listBoxUl li:before {content: '';display: block;width: 8px;height: 8px;position: absolute;top:8px;left: 0;background: url(/resources/homepage/ctl2/_Img/Content/conceptIcon.jpg)}
.purpose-wr .workContent-wr .workContent .listBox .listBoxUl .listBoxTit {margin:20px 0 0;width:100%;border-radius: 0 0 20px 0;color:white;background: #1689b9;font-size:20px;font-weight:600;text-align: center;font-family: "univia-pro",sans-serif;padding:10px 0}
.purpose-wr .workContent-wr .workContent .listBox .listBoxUl .listBoxTit:before {display:none}
.purpose-wr .workContent-wr .workContent .workConTit-wr {width:50%;height:280px;border-right:2px solid #bababa;border-left:2px solid #bababa;box-sizing:border-box;margin:0 25%;position: relative;float: left}
.purpose-wr .workContent-wr .workContent .workConTit-wr:after {content:'';display:block;width:100%;height:2px;position: absolute;top:50%;left:0;transform: translateY(-50%);background:#bababa;z-index:-1}
.purpose-wr .workContent-wr .workContent .workConTit-wr .workConTit {color:#fff;background:#c31a21;font-size:20px;margin:0 auto;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius: 0 0 20px 0;box-sizing: border-box;padding:20px 20px;text-align: center}
@media all and (max-width:1199px){
	.purpose-wr .workContent-wr .workContent .listBox .listBoxUl {overflow:hidden;padding:80px 20px 20px;margin:20px 5%}
	.purpose-wr .workContent-wr .workContent .listBox .listBoxUl li {width:100%;float:left;font-size:16px}
	.purpose-wr .workContent-wr .workContent .listBox .listBoxUl .listBoxTit {width:90%;position:absolute;left:5%;top:0}
	.purpose-wr .workContent-wr .workContent .c-tit02 {display:block}	
	.purpose-wr .workContent-wr .workContent1 {padding-top:70px;margin-bottom:10px}
	.purpose-wr .workContent-wr .workContent1:after,
	.purpose-wr .workContent-wr .workContent2:after {display:none}	
	.purpose-wr .workContent-wr .workContent .workConTit-wr {width:100%;height:0;border:none;position: absolute;top:0;left:0;margin:0}
	.purpose-wr .workContent-wr .workContent .workConTit-wr:after {display:none}
	.purpose-wr .workContent-wr .workContent .workConTit-wr .workConTit {width:100%;left:50%;top:0;transform: translate(-50%,0);padding:10px 20px}
}
@media all and (max-width:1099px){
	.purpose-wr .workContent-wr .workContent .listBox .listBoxUl li {font-size:15px}
}
@media all and (max-width:964px){
	.purpose-wr .workContent-wr .workContent1 .listBox2 .listBoxUl {height:294px}
}
@media all and (max-width:799px){
	.purpose-wr .workContent-wr .workContent .listBox .listBoxUl {padding:80px 20px 20px}
}
@media all and (max-width:699px){
	.purpose-wr .workContent-wr .workContent .listBox {width:100%;margin: 0 0 10px}
	.purpose-wr .workContent-wr .workContent1 .listBox2 .listBoxUl {height:auto}
	.purpose-wr .workContent-wr .workContent1 .listBox2 .listBoxUl .listBoxTit {margin:20px 0 0}
}
@media all and (max-width:600px){
	.purpose-wr .busiContent {font-size:18px}
	.purpose-wr .workContent-wr .workContent .listBox .listBoxUl {padding:75px 20px 20px}
	.purpose-wr .workContent-wr .workContent .listBox .listBoxUl .listBoxTit {font-size:18px}
}
@media all and (max-width:599px){
	.purpose-wr .workContent-wr .workContent .listBox .listBoxUl li {width:100%}
	.purpose-wr .workContent-wr .workContent .workConTit-wr .workConTit {font-size:17px;padding:10px 0}
}

/* ----- 센터소개 > 기대효과 ----- */
.effect-wr .deptinfo-icon .txt-sec p span{color:#0854ac}
.effect-wr .effectCon-wr {box-sizing:border-box;padding:20px;background: url(/resources/homepage/ctl2/_Img/Content/rainbg.jpg) 100% 100% no-repeat;background-size: cover}
.effect-wr .effectCon-wr .effectConTit {width:100%;text-align: center;font-size:20px;box-sizing: border-box;padding:15px 10px}
.effect-wr .effectCon-wr .effectConTit1 {color:#1689b9;background:#fff;margin:0 0 10px}
.effect-wr .effectCon-wr .effectConTit2 {color:#fff;background:#1689b9}
.effect-wr .effectCon-wr .effectArrow {width:333px;height:78px;margin: 0 auto;background: url(/resources/homepage/ctl2/_Img/Content/effectArrow.png) no-repeat;background-size:cover;opacity: 0.6}
.effect-wr .effectCon-wr .effectListTxt {background:#fff;position: relative;box-sizing: border-box;padding:30px 0 30px 250px}
.effect-wr .effectCon-wr .effectListTxt:before {content:'';display:block;width:151px;height:151px;position: absolute;top:30px;left:50px;background:url(/resources/homepage/ctl2/_Img/Content/effectTit.png) no-repeat;background-size:cover}
.effect-wr .effectCon-wr .effectListTxt ul li{position: relative;box-sizing: border-box;padding-left:20px;margin-bottom:5px}
.effect-wr .effectCon-wr .effectListTxt ul li:before {content: '';display: block;width: 8px;height: 8px;position: absolute;top: 5px;left: 0;background: url(/resources/homepage/ctl2/_Img/Content/conceptIcon.jpg)}
@media all and (max-width:799px){
	.effect-wr .effectCon-wr .effectListTxt {padding: 30px 20px 20px 220px}
	.effect-wr .effectCon-wr .effectListTxt:before {top:40px;left:30px}
}
@media all and (max-width:709px){
	.effect-wr .effectCon-wr .effectListTxt {padding: 220px 20px 20px}
	.effect-wr .effectCon-wr .effectListTxt:before {top:40px;left:50%;margin-left:-75.5px}
	.effect-wr .effectCon-wr .effectListTxt ul {overflow:hidden}
	.effect-wr .effectCon-wr .effectListTxt ul li {width:50%;float: left}
}
@media all and (max-width:529px){
	.effect-wr .effectCon-wr .effectArrow {width:253px;height:48px}
	.effect-wr .effectCon-wr .effectListTxt ul li {width:100%}
}

/* ----- 교수지원 > 프로그램소개 ----- */
.lecture-wr .img-zoom,
.selfCheck-wr .img-zoom,
.newWork-wr .img-zoom,
.teaching-wr .img-zoom,
.training-wr .img-zoom,
.specialLecture-wr .img-zoom,
.support-wr .img-zoom,
.thesisAward-wr .img-zoom,
.excellentAward-wr .img-zoom,
.research-wr .img-zoom,
.portfolio-wr .img-zoom {text-align:center}

/* ----- 교수지원 > 프로그램소개 > 수업컨설팅 ----- */
.consulting-wr .consultingGraph-wr {width:85%;margin:0 auto;overflow: hidden}
.consulting-wr .consultingGraph-wr > li {width:20%;position:relative;float:left}
.consulting-wr .consultingGraph-wr > li .graph {background:#fff;color:#58595b;text-align: center;width:150px;height:150px;border-radius: 50%;box-sizing: border-box;padding:25px 20px;margin:0 auto}
.consulting-wr .consultingGraph-wr > li .graph1,
.consulting-wr .consultingGraph-wr > li .graph5 {border:6px solid #1289b4}
.consulting-wr .consultingGraph-wr > li .graph2,
.consulting-wr .consultingGraph-wr > li .graph4 {border:6px solid #0852ab}
.consulting-wr .consultingGraph-wr > li .graph3 {border:6px solid #233b57}
.consulting-wr .consultingGraph-wr > li .graph .graphBigTxt {color:#000;font-weight: 500}
.consulting-wr .consultingGraph-wr > li:after {content:'';display: block;width:60px;height:9px;position: absolute;bottom:50%;margin-bottom:-6.5px;right:-30px;background:url(/resources/homepage/ctl2/_Img/Content/consultingArrow.jpg) center center no-repeat;background-size: cover;z-index:-1}
.consulting-wr .consultingGraph-wr > li.graphList5:after {display: none}

@media all and (max-width:1099px){
	.consulting-wr .consultingGraph-wr {width:100%}
	.consulting-wr .consultingGraph-wr > li {width:50%;margin:0 0 10px}
	.consulting-wr .consultingGraph-wr > li:after {width:11%;right:0}
	.consulting-wr .consultingGraph-wr > li .graph {width:89%;height:100%;border-radius:0;margin:0;padding:15px 15px}
	.consulting-wr .consultingGraph-wr > li .graph span.br {display: inline-block}
	.consulting-wr .consultingGraph-wr > li .graph .graphBigTxt {margin:0 5px}
}
@media all and (max-width:699px){
	.consulting-wr .consultingGraph-wr > li {width:100%;margin:0;padding:0 0 20px}
	.consulting-wr .consultingGraph-wr > li:after {width:60px;bottom:6px;margin-bottom:0;right:50%;margin-right:-30px;transform: rotate(90deg)}
	.consulting-wr .consultingGraph-wr > li .graph {width:100%}
}

/* ----- 교수지원 > 프로그램소개 > teaching tips 개발 및 발간 ----- */
.teaching-wr .c-list01 li span {color:#0e54aa}

/* ----- 학습지원 > 프로그램소개 ----- */
.studysupport1-wr .img-zoom,
.studysupport2-wr .img-zoom,
.studysupport3-wr .img-zoom,
.studysupport4-wr .img-zoom,
.studysupport5-wr .img-zoom,
.studysupport7-wr .img-zoom,
.studysupport8-wr .img-zoom,
.studysupport9-wr .img-zoom,
.studysupport10-wr .img-zoom,
.studysupport11-wr .img-zoom,
.studysupport12-wr .img-zoom,
.studysupport13-wr .img-zoom,
.studysupport14-wr .img-zoom,
.studysupport15-wr .img-zoom {text-align:center}

/* ----- 학습지원 > 프로그램소개 > 학습프로그램 개발/운영/평가 절차 ----- */
.studysupportMain-wr .cbox-wr {overflow:hidden}
.studysupportMain-wr .cbox-wr .conBox {width:20%;height:170px;float: left;text-align: center;font-size:15px;position: relative;margin:0 0 10px}
.studysupportMain-wr .cbox-wr .conBox:after {content:'';display:block;width:60px;height:9px;position: absolute;bottom:50%;margin-bottom:-4.5px;right:-5px;background:url(/resources/homepage/ctl2/_Img/Content/consultingArrow.jpg) center center no-repeat;background-size: cover;z-index:-1}
.studysupportMain-wr .cbox-wr .conBox12:after {display:none}
.studysupportMain-wr .cbox-wr .conBox .cbox {width:80%;height:100%;box-sizing: border-box;background:#fff}
.studysupportMain-wr .cbox-wr .conBox .cbox1,
.studysupportMain-wr .cbox-wr .conBox .cbox5,
.studysupportMain-wr .cbox-wr .conBox .cbox6,
.studysupportMain-wr .cbox-wr .conBox .cbox10,
.studysupportMain-wr .cbox-wr .conBox .cbox11 {border:4px solid #1589ba;padding:40px 0 0}
.studysupportMain-wr .cbox-wr .conBox .cbox2,
.studysupportMain-wr .cbox-wr .conBox .cbox4,
.studysupportMain-wr .cbox-wr .conBox .cbox7,
.studysupportMain-wr .cbox-wr .conBox .cbox9,
.studysupportMain-wr .cbox-wr .conBox .cbox12 {border:4px solid #0955ab;padding:40px 0 0}
.studysupportMain-wr .cbox-wr .conBox .cbox3,
.studysupportMain-wr .cbox-wr .conBox .cbox8 {border:4px solid #213c57;padding:40px 30px 0}
.studysupportMain-wr .cbox-wr .conBox .cbox4,
.studysupportMain-wr .cbox-wr .conBox .cbox6,
.studysupportMain-wr .cbox-wr .conBox .cbox7,
.studysupportMain-wr .cbox-wr .conBox .cbox9 {padding:40px 20px 0}
.studysupportMain-wr .cbox-wr .conBox .cbox12 {padding:40px 30px 0}
.studysupportMain-wr .cbox-wr .conBox .cbox8 {padding:40px 40px 0}
.studysupportMain-wr .cbox-wr .conBox .cbox .cboxTit {color:#1d1d1d;font-weight:500;font-size:18px}
@media all and (max-width:1199px){
	.studysupportMain-wr .cbox-wr .conBox {width:25%}
	.studysupportMain-wr .cbox-wr .conBox:after {right:0}
}
@media all and (max-width:999px){
	.studysupportMain-wr .cbox-wr .conBox {width:50%;height:100px}
	.studysupportMain-wr .cbox-wr .conBox .cbox {width:90%;padding-top:20px}
	.studysupportMain-wr .cbox-wr .conBox .cbox6 {padding:20px 0 0}
	.studysupportMain-wr .cbox-wr .conBox:after {width:10%;right:0}
}
@media all and (max-width:599px){
	.studysupportMain-wr .cbox-wr .conBox {width:100%;height:100px;margin:0 0 20px}
	.studysupportMain-wr .cbox-wr .conBox:after {width:60px;bottom:-13px;margin-bottom: 0;right:50%;margin-right:-30px;transform:rotate(90deg)}
	.studysupportMain-wr .cbox-wr .conBox .cbox {width:100%}
	.studysupportMain-wr .cbox-wr .conBox .cbox2,
	.studysupportMain-wr .cbox-wr .conBox .cbox7 {padding-top:33px}
}

/* ----- 학습지원 > 프로그램소개 > NCS연계 튜터링 프로그램  ----- */
.studysupport8-wr .tbl-type01 tr td ul.c-list01 li span {color:#0854ac}
.studysupport8-wr .tbl-type01 tr td.contentCenter {text-align:left}

/* ----- 학습지원 > 프로그램소개 > 맞춤형 특강  ----- */
.studysupport12-wr .txt-sec > p {color:#0854ac}
.studysupport6-wr .supportImg6 img,
.studysupport12-wr .supportImg6 img,
.studysupport16-wr .supportImg16 img {width:100%}

/* ----- 이러닝지원 > 프로그램소개  ----- */
.learning3-wr .learning3Img img,
.learning5-wr .learning5Img img {width:100%}
.learning2-wr .img-zoom,
.learning4-wr .img-zoom,
.learning5-wr .img-zoom {text-align:center}

/* ----- 이러닝지원 > 프로그램소개 > 교육용 콘텐츠 개발절차 ----- */
.learningMain-wr .cbox-wr {overflow:hidden}
.learningMain-wr .cbox-wr div {float:left}
.learningMain-wr .cbox-wr div.cbox {width:200px;height:200px;position:relative;box-sizing:border-box;text-align:center;padding:50px 0 0;margin:0 0 0 50px;color:#626262}
.learningMain-wr .cbox-wr div.cbox:before {content:'';display:block;width:50px;height:13px;position:absolute;top:50%;margin-top:-6px;left:-54px;background:url(/resources/homepage/ctl2/_Img/Content/learningArrow.jpg) center center no-repeat}
.learningMain-wr .cbox-wr div.cbox1 {margin:0}
.learningMain-wr .cbox-wr div.cbox1:before {display:none}
.learningMain-wr .cbox-wr div.cbox1,
.learningMain-wr .cbox-wr div.cbox5 {border:4px solid #1689b9}
.learningMain-wr .cbox-wr div.cbox2,
.learningMain-wr .cbox-wr div.cbox4 {border:4px solid #0854ac}
.learningMain-wr .cbox-wr div.cbox3 {border:4px solid #223c55}
.learningMain-wr .cbox-wr div.cbox p.cboxBigTxt {font-size:20px;font-weight:700;color:#222}
@media all and (max-width:1199px){
	.learningMain-wr .cbox-wr div.cbox {margin:0 0 10px 50px}
}
@media all and (max-width:999px){
	.learningMain-wr .cbox-wr div.cbox {width:180px;height:180px}
	.learningMain-wr .cbox-wr div.cbox2 {padding:25px 0 0}
}
@media all and (max-width:489px){
	.learningMain-wr .cbox-wr div.cbox {margin:0 0 10px 30px}
	.learningMain-wr .cbox-wr div.cbox:before {width:30px;left:-34px}
}
@media all and (max-width:449px){
	.learningMain-wr .cbox-wr div.cbox {margin:0 0 10px 20px}
	.learningMain-wr .cbox-wr div.cbox:before {width:20px;left:-24px}
}
@media all and (max-width:429px){
	.learningMain-wr .cbox-wr div.cbox {width:100%;height:150px;margin:0 0 20px}
	.learningMain-wr .cbox-wr div.cbox:before {width:12px;height:20px;left:50%;margin-left:-6px;margin-top:0;top:-24px;background:url(/resources/homepage/ctl2/_Img/Content/learningArrow2.jpg) no-repeat}
	.learningMain-wr .cbox-wr div.cbox {padding:40px 0 0}
	.learningMain-wr .cbox-wr div.cbox2 {padding:30px 40px}
	.learningMain-wr .cbox-wr div.cbox4,
	.learningMain-wr .cbox-wr div.cbox5 {padding:55px 0 0}
}

/* ----- 이러닝지원 > 프로그램소개 > 수업자료 개발 및 지원 ----- */
.learning5-wr .consultingGraph-wr {width:85%;margin:0 auto;overflow: hidden}
.learning5-wr .consultingGraph-wr > li {width:20%;position:relative;float:left}
.learning5-wr .consultingGraph-wr > li .graph {background:#fff;color:#58595b;text-align: center;width:150px;height:150px;border-radius: 50%;box-sizing: border-box;padding:25px 20px;margin:0 auto}
.learning5-wr .consultingGraph-wr > li .graph1,
.learning5-wr .consultingGraph-wr > li .graph5 {border:6px solid #1289b4}
.learning5-wr .consultingGraph-wr > li .graph2,
.learning5-wr .consultingGraph-wr > li .graph4 {border:6px solid #0852ab}
.learning5-wr .consultingGraph-wr > li .graph3 {border:6px solid #233b57}
.learning5-wr .consultingGraph-wr > li .graph .graphBigTxt {color:#000;font-weight: 500}
.learning5-wr .consultingGraph-wr > li:after {content:'';display: block;width:60px;height:9px;position: absolute;bottom:50%;margin-bottom:-6.5px;right:-30px;background:url(/resources/homepage/ctl2/_Img/Content/consultingArrow.jpg) center center no-repeat;background-size: cover;z-index:-1}
.learning5-wr .consultingGraph-wr > li.graphList5:after {display: none}

@media all and (max-width:1099px){
	.learning5-wr .consultingGraph-wr {width:100%}
	.learning5-wr .consultingGraph-wr > li {width:50%;margin:0 0 10px}
	.learning5-wr .consultingGraph-wr > li:after {width:11%;right:0}
	.learning5-wr .consultingGraph-wr > li .graph {width:89%;height:100%;border-radius:0;margin:0;padding:15px 15px}
	.learning5-wr .consultingGraph-wr > li .graph span.br {display: inline-block}
	.learning5-wr .consultingGraph-wr > li .graph .graphBigTxt {margin:0 5px}
}
@media all and (max-width:699px){
	.learning5-wr .consultingGraph-wr > li {width:100%;margin:0;padding:0 0 20px}
	.learning5-wr .consultingGraph-wr > li:after {width:60px;bottom:6px;margin-bottom:0;right:50%;margin-right:-30px;transform: rotate(90deg)}
	.learning5-wr .consultingGraph-wr > li .graph {width:100%}
}