@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2018-01-16
******************************************************** */


/* ******************  센터소개 ********************** */
/* 인사말 */
.greeting-con{}
.greeting-up-con{padding-bottom: 35px; border-bottom: 1px solid #dfdfdf; display: table;}
.greeting-up-con .greeting-txt{width: 51.78%; display: table-cell; vertical-align: middle;}
.greeting-up-con .greeting-txt p{font-size: 18px; font-weight: 400; line-height: 28px; margin-top: 24px; -ms-word-break: keep-all; word-break: keep-all; letter-spacing: -0.65px; color: #000;}
.greeting-up-con .greeting-txt p.fz-big{font-size: 32px; font-weight: 300; margin-top: 0; letter-spacing: -0.75px; line-height: 36px;}
.greeting-up-con .greeting-txt .fz-big span{font-weight: 500;}
.greeting-up-con .greeting-img{width: 48.22%; display: table-cell;}
.greeting-up-con .greeting-img img{width: 100%; height: auto;}
.greeting-down-con{padding-top: 35px;}
.greeting-down-con p{font-size: 16px; font-weight: 300; line-height: 22px; letter-spacing: -0.55px; color: #272727; -ms-word-break: keep-all;
word-break: keep-all;}
.greeting-down-con p .fc-b{font-weight: 500; color: #0c4e9b;}
.greeting-down-con p .from{font-size: 18px; line-height: 26px; color: #000; letter-spacing: -0.75px; font-weight: 400;}

@media all and ( max-width:800px ){
    .greeting-up-con{padding-bottom: 17px;}
	.greeting-up-con .greeting-txt{width: 100%; display: block;}
	.greeting-up-con .greeting-txt p{font-size: 14px; line-height: 1.55em; margin-top: 12px;}
	.greeting-up-con .greeting-txt p.fz-big{font-size: 21px; line-height: 1.12em;}
	.greeting-up-con .greeting-img{display: block; width: 80%; margin: 20px auto 0;}
	.greeting-down-con{padding-top: 17px;}
	.greeting-down-con p{font-size: 13px; line-height: 1.37em;}
	.greeting-down-con p .from{font-size: 14px; line-height: 1.44em;}
}



/* 비전 */
.vision-con{}
.vision-con .vision-txt{font-size: 32px; font-weight: 400; line-height: 42px; letter-spacing: -0.75px; color: #000; text-align: center;}
.vision-con .vision-txt span{font-weight: 500;}
.vision-con .vision-img{max-width: 631px; margin: 32px auto 0;}
.vision-con .vision-img img{width: 100%; height: auto;}

@media all and ( max-width:800px ){
	.vision-con .vision-txt{font-size: 21px; line-height: 1.37em; -ms-word-break: keep-all; word-break: keep-all;}
	.vision-con .vision-txt br{display: none;}
	.vision-con .vision-img{max-width: 100%; margin: 32px auto 0;}
}


/* 연혁 */
.history-list-box > ul li{overflow:hidden;}
.history-list-box > ul li dl {overflow:hidden; padding: 55px 0 52px; border-top: 2px solid #313131;}
.history-list-box > ul li dl dt{position:relative; float:left; width:10%; }
.history-list-box > ul li dl dt:after{position:absolute; display:block; content:""; top:50%; right:-10px; width:19px; height:20px; margin-top:-10px; background:url("../images/icon/ic_history.png") no-repeat 0 0;}
.history-list-box > ul li dl dt strong{color:#0469e1; font-weight:600; font-size:24px; letter-spacing: -0.55px;}
.history-list-box > ul li dl dd{margin-top: 3px; float:left; width: calc(87% - 1px); padding-left:3%; background:url("../images/content/history_line.jpg") repeat-y left;}
.history-list-box > ul li dl:last-child dd{/*padding-bottom:35px;*/}
.history-list-box > ul li dl dd p{margin-top: -3px; padding-bottom:18px; padding-left:5%; color:#313131; font-size:16px; font-weight:300; letter-spacing:-0.55px; line-height:22px;}
.history-list-box > ul li dl dd p strong{display:inline-block; width:20%; font-weight:600; line-height: 26px; vertical-align:top;}
.history-list-box > ul li dl dd p span{display:inline-block; width:79%; line-height: 26px; vertical-align:top; -ms-word-break: keep-all; word-break: keep-all; color:#272727;}
 
@media all and ( max-width:1220px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-list-box > ul li dl dt strong{font-size:20px;}
    .history-list-box > ul li dl dd p strong,.history-list-box > ul li dl dd p span{font-size:13px}
}
@media all and ( max-width:768px ){
    /* -------- 회사소개 :: 연혁 -------- */
	.history-list-box > ul li dl {padding: 27.5px 0 26px;}
	.history-list-box > ul li dl dt strong{font-size:15px;}
    .history-list-box > ul li dl dd p strong,.history-list-box > ul li dl dd p span{font-size:12px}
    .history-con-top-list ul{text-align:center;}
    .history-con-top-list ul li{float:none; display:inline-block; width:31.5%; margin:0.5% !important;}
    .history-list-box > ul li .history-list-con{float:none; width:100%;}
    .history-list-box > ul li dl dt{width:20%; text-indent:10px;}
    .history-list-box > ul li dl dd{width:76%;}
	.history-list-box > ul li dl dd p {margin-top: -7px;padding-bottom: 18px;padding-left: 2%;font-size: 16px;line-height: 22px;}
    .history-list-box > ul li dl dd p strong{width:30%;}
	.history-list-box > ul li dl dd p span{width:68%; line-height: 26px;}
}


/* 오시는길 */
#mapWrapper{overflow:hidden; position:relative; width:100%; margin:0px auto; height:355px; border:1px solid #ddd; margin-bottom: 45px;}
#mapWrapper #mapCon{position:absolute; top:50%; left:50%; width:900px; height:355px; margin-left:-450px; margin-top:-177.5px;}   
    /* width, height : 지도의 가로,세로값과 동일 , margin-left: 지도가로의 반값, margin-top: 지도세로의 반값 */
.location-list-tit{font-size: 24px; font-weight: 500; line-height: 35px; letter-spacing: -0.75px; color: #000;}
.location-list-tit span{display: block; width: 35px; height: 35px; background-color: #535353; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 8px;}
.location-list-tit span img{margin-top:-6px;}
.map-tbl-con{}
.map-tbl{width:100%; border-top: 2px solid #313131; margin-top: 10px; margin-bottom:45px;}
.map-tbl th,.map-tbl td{padding:20px 4%; letter-spacing:-0.55px; font-size:15px; border-bottom:1px solid #e8e8e8;}
.map-tbl th{width:27.33%; color:#272727;font-weight: 600; text-align:left;}
.map-tbl td{padding-left: 9.66%; color:#5b5b5b; font-weight:300; line-height:14px; position: relative;}
.map-tbl td:before{display: block; content:""; width: 1px;height: 14px;background-color: #e5e5e5; position: absolute; top: 50%; left: 0; margin-top: -7px;}
.location-list > li{margin-bottom:60px;}
.location-list > li > dl > dt{}
.location-list > li > dl > dt span{position:relative; display:inline-block; text-align: center;}
.location-list > li > dl > dd{padding-top:9px; word-break:keep-all;}
.location-list > li > dl > dd p{color:#333; font-size:15px; font-weight: 300; line-height:22px;}
.location-list > li > dl > dd h5{font-size: 20px; font-weight: 500; letter-spacing: -0.75px; color: #0c4e9b;}
.location-list > li > dl > dd .map-tbl:first-child h5{padding-top: 10px;}
.location-list > li > dl > dd span{margin-right: 6px;}
.location-list > li > dl > dd img{}
.location-list > li > dl > dd.number{margin-top: 11px;}

@media all and ( max-width:1220px ){
	#mapWrapper #mapCon{}
}
@media all and ( max-width:800px ){
	#mapWrapper {margin-bottom: 22.5px;}
	.location-list-tit{font-size: 17px;line-height: 17.5px;}
	.location-list-tit span{width: 17.5px; height: 17.5px; margin-right: 8px;}
	.location-list-tit span img{width: 50%; height: auto; margin-top:-6px;}

	.map-tbl{margin-top: 10px; margin-bottom:22.5px;}
	.map-tbl th,.map-tbl td{padding:15px 2%; font-size:13px;}
	.map-tbl th{width:30%;}
	.map-tbl td{padding-left: 9.66%; line-height:14px; position: relative;}
	
	.location-list > li{margin-bottom:20px;}
	.location-list > li > dl > dd{padding-top:9px;}
	.location-list > li > dl > dd p{font-size:13px; line-height:1.46em;}
	.location-list > li > dl > dd h5{font-size: 15px;}
	.location-list > li > dl > dd .map-tbl:first-child h5{padding-top: 10px;}
	.location-list > li > dl > dd span{margin-right: 6px;}
	.location-list > li > dl > dd.number{margin-top: 6px;}
}
@media all and ( max-width:480px ){
    .map-tbl th{width:40%;}
}


/* ******************  공학교육혁신사업 ********************** */
/* 사업목표 */
.goal-con{}
.goal-con .goal-img{}
.goal-con .goal-img img{width: 100%; height: auto;}

@media all and ( max-width:1220px ){
    .goal-con .goal-img img{display: block; width: 80%; height: auto; margin: 0 auto;}
}
@media all and ( max-width:800px ){
	.goal-con .goal-img img{width: 100%;}
}


/* ******************  190207 :: DH ********************** */

/* ******************  서브 컨텐츠 :: 공통부분 ********************** */
.mt50 {margin-top: 50px;}

.sub-tab {margin-bottom: 40px;}
.sub-tab ul {border-bottom: 2px solid #032268; border-left: 1px solid #D3D3D3;}
.sub-tab li {float:left; width:25%;}
.sub-tab li a {position:relative; display:block; padding:0 8%; height:50px; line-height: 50px; font-size:18px; letter-spacing: -0.55px; color:#515151; border:1px solid #D3D3D3; border-left: 0; border-bottom: 0; border-top: 0;}
.sub-tab li.top a {border-top:  1px solid #D3D3D3; border-bottom: 1px solid #d3d3d3;}
.sub-tab li.last a {border-bottom: 1px solid #d3d3d3;}
.sub-tab li a::after {content:""; position:absolute; width:7px; height:5px; right:8%; top:50%; margin-top: -2.5px; background:url("/images/icon/ic_tabarrow.png") no-repeat;}
.sub-tab li.selected a {background-color:#032268; color:#fff; border-color:#032268;}
.sub-tab li.selected a::after {background:url("/images/icon/ic_tabarrow_on.png") no-repeat;}


.sub-table table {width:100%; border-top: 2px solid #313131;}
.sub-table table thead th {position:relative; font-size:15px; line-height: 50px; letter-spacing: -0.55px; color:#313131; font-weight: 300;}
.sub-table table thead th::before {content:""; position:absolute; width:1px; height:10px; left:0; top:50%; margin-top: -5px; background-color:#C9C9C9}
.sub-table table thead th:first-child::before {background-color: #fff;}
.sub-table table tbody td {border:1px solid #E8E8E8; text-align:center; border-right:0; padding:5px; font-size:15px; letter-spacing: -0.55px; color:#313131; font-weight: 300; line-height: 23px;}
.sub-table table tbody td.info {text-align:left; padding:10px;}
.sub-table table tbody td.info p{position: relative; padding-left: 10px; text-align: justify;}
.sub-table table tbody td.info p.long-p{padding-left: 17px;}
.sub-table table tbody td.info p span{position: absolute; top: 0; left: 0; display: inline-block; }

.sub-table table tbody td:first-child {border-left: 0;}
.sub-table table tbody td.bl-line {border-left: 1px solid #E8E8E8;}

@media all and (max-width:800px){
	.mt50 {margin-top: 25px;}

	.sub-tab {margin-bottom: 20px;}
	.sub-tab ul {border-top: 1px solid #d3d3d3;}
	.sub-tab li {width:50%;}
	.sub-tab li a {padding:0 4%; height:35px; line-height: 35px; font-size:14px; border-bottom: 1px solid #d3d3d3;}
	.sub-tab li.top a {border-top: 0;}

	.sub-table table thead th {font-size:13px; line-height: 35px;}
	.sub-table table tbody td {font-size:13px; line-height: 18px;}
	.sub-table table tbody td.info p{padding-left: 9px;}
	.sub-table table tbody td.info p.long-p{padding-left: 14px;}
}



/* ******************  공학교육혁신사업 :: 사업개요 ********************** */
.summary-content {text-align:center;}
.summary-bx h3 {padding-top: 40px; padding-bottom: 20px; font-size:32px; line-height: 42px; letter-spacing: -0.75px; color:#222222; font-weight: 300;}
.summary-bx h3 strong {font-weight: 500;}
.summary-bx ul {display:table; width:100%; margin-top: 45px;}
.summary-bx ul li {display:table-cell; width:16.66%; vertical-align: middle; border:1px solid #D0D0D0; padding:25px 0; border-left: 0;}
.summary-bx ul li:first-child {border-left: 1px solid #D0D0D0;}
.summary-bx ul li p {font-size:16px; line-height: 22px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}
.summary-bx ul li p span {color:#0c4e9b; font-weight: 500;}
.summary-bx ul li:nth-child(2n-1) {background-color:#F5F5F5;}
.sub-img-bx img {max-width:100%;}

@media all and (max-width:800px){
	.summary-bx h3 {padding-top: 20px; padding-bottom: 10px; font-size:21px; line-height: 30px;}
	.summary-bx ul {display:block; margin-top: 20px; border-left: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0;}
	.summary-bx ul li {float:left; display:block; width:calc(50% - 2px); padding:15px 0; border-left: 0; border-top: 0;}
	.summary-bx ul li:first-child {border-left: 0;}
	.summary-bx ul li p {font-size:13px; line-height: 18px;} 
}

/* ******************  공학교육혁신사업 :: 추진방안 ********************** */
.sub-txt-bx {margin-bottom: 50px;}
.sub-txt-bx > p {font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;     text-align: justify;}
.sub-tit {position:relative; padding-left: 25px; font-size:20px; line-height: 30px; letter-spacing: -0.55px; color:#0c4e9b; margin-bottom: 10px;}
.sub-tit::before {content:""; position:absolute; left:0; top:10px; width:16px; height:14px; background:url("/images/icon/ic_sub_tit.png") no-repeat;}
.sub-txt-inner {padding-left: 25px; font-size:16px; line-height: 30px; letter-spacing: -0.55px; color:#272727; font-weight: 300; word-break:keep-all;}
.sub-txt-inner .caption {font-size:16px; line-height: 30px; letter-spacing: -0.55px; color:#7f7f7f; font-weight: 300; }
.sub-txt-inner .caption span {color:#157cbe; font-weight: 500;}

.sub-txt-bx table {width:100%; margin-top: 15px;}
.sub-txt-bx th, .sub-txt-bx td {height:42px; border:1px solid #D3D3D3;}
.sub-txt-bx th {text-align:center; font-size:16px; line-height: 28px; color:#272727; font-weight: 500; background-color:#E5F1F9}
.sub-txt-bx td {padding:0 3%; font-size:16px; line-height: 28px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}

@media all and (max-width:800px){
	.sub-txt-bx {margin-bottom: 25px;}
	.sub-txt-bx > p {font-size:13px; line-height: 20px;}
	.sub-tit {padding-left: 20px; font-size:15px; line-height: 25px; margin-bottom: 5px;}
	.sub-tit::before {top:7px; width:12px; background-size:100% auto;}
	.sub-txt-inner {padding-left: 20px; font-size:13px; line-height: 20px;}
	.sub-txt-inner .caption {font-size:13px; line-height: 20px;}

	.sub-txt-bx table {margin-top: 8px;}
	.sub-txt-bx th, .sub-txt-bx td {height:35px;}
	.sub-txt-bx th {font-size:13px; line-height: 18px;}
	.sub-txt-bx td {font-size:13px; line-height: 18px;}
}


/* ******************  센터소개 :: 관련규정 ********************** */
.rule-pdf-bx {margin:0 -1%; margin-top: 10px;}
.rule-pdf-bx-inner {float:left; width:48%; margin:0 1%; margin-bottom: 3px;}
.rule-pdf-bx-inner a {position:relative; display:block; padding:15px; padding-left: 25px; border:2px solid #3B7DD3; background-color:#FCFCFC;  background-size:100% 100%; font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#494949; font-weight: 500;}
.rule-pdf-bx-inner a span {position:absolute; right:15px; top:50%; margin-top: -28px; height:50px; width:35px; text-align:center; line-height: 50px;}
.rule-pdf-bx-inner a p {position:relative; margin-right:35px;}
.rule-pdf-bx-inner a p::after {content:""; position:absolute; width:1px; height:13px; right:0; top:50%; margin-top: -6.5px; background-color:#E2E2E2}

.rule-link-bx {padding:15px 3%; border:1px solid #D7D7D7; background-color:#F7F7F7; margin-top: 15px;}
.rule-link-bx li {float:left; width:50%; margin:5px 0;}
.rule-link-bx li a {position:relative; padding-left: 20px; display:inline-block; font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}
.rule-link-bx li a::before {content:""; position:absolute; width:11px; height:9px; background:url("/images/icon/ic_rule_tit.png") no-repeat; left:0; top:8px;}

.rule-system {margin:70px 0; }
.rule-system img {max-width:100%; display:block; margin:0 auto;}

.rule-point-bx {margin-bottom: 20px;}
.rule-point-bx .tit {position:relative; padding-left: 15px; font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 500;}
.rule-point-bx .tit::before {content:""; position:absolute; width:5px; height:5px; background-color:#414141; border-radius:50%; left:0; top:10px;}
.rule-point-bx .info {padding-left: 15px; font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}

@media all and (max-width:800px){
	.rule-pdf-bx-inner {float:none; width:100%; margin:0; margin-bottom: 3px;}
	.rule-pdf-bx-inner a {padding:8px; padding-left: 15px; font-size:13px; line-height: 20px;}
	.rule-pdf-bx-inner a span {right:8px;}

	.rule-link-bx {padding:8px 3%; margin-top: 8px;}
	.rule-link-bx li {float:none; width:100%; }
	.rule-link-bx li a {padding-left: 10px; font-size:13px; line-height: 20px; }
	.rule-link-bx li a::before {width:7px; background-size:100% auto;}

	.rule-system {margin:35px 0;}

	.rule-point-bx {margin-bottom: 10px;}
	.rule-point-bx .tit {padding-left: 8px; font-size:13px; line-height: 20px;}
	.rule-point-bx .tit::before {top:10px; width:3px; height:3px;}
	.rule-point-bx .info {padding-left: 8px; font-size:13px; line-height: 20px;}
}



/* ******************  산학협력 :: 산업체-대학간 기술애로사항 자문 ********************** */
.advice-top-btn {margin-bottom: 10px;}
.advice-top-btn p {float:left; margin-top: 20px; padding-bottom: 0;}
.advice-top-btn a {float:right; position:relative; display:block; width:228px; height:43px; line-height: 43px; padding:0 25px; background-color:#5A28E2; border:1px solid #340DA4; font-size:16px; letter-spacing: -0.55px; color:#fff;}
.advice-top-btn a span {position:absolute; right:25px; top:0; }


@media all and (max-width:800px){
	.advice-top-btn p {float:none; margin-top: 0;}
	.advice-top-btn a {float:none; width:auto; display:inline-block; padding:5px 15px; padding-right:40px; height:auto; line-height: 20px; font-size:13px; margin-top: 15px;}
	.advice-top-btn a span {right:15px;top:3px;}
}


/* ******************  산학협력 :: 산학협력 컨소시엄 ********************** */
.consortium-bx {padding:20px 4%; border:1px solid #D3D3D3; background-color:#F7F7F7;}
.consortium-bx p {position:relative; padding-left: 15px; font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300; word-break:keep-all;}
.consortium-bx p::before {content:""; position:absolute; width:5px; height:5px; border-radius:50%; left:0; top:10px; background-color:#414141;}

.consortium-img {text-align:center; margin:40px auto;}
.consortium-img img {max-width:100%;}

.consortium-btn {text-align:center;}
.consortium-btn a {position:relative; display:inline-block; width:228px; height:45px; line-height: 45px; background-color:#5A28E2; border:1px solid #340DA4; font-size:16px; letter-spacing: -0.55px; color:#fff; padding:0 25px; text-align:left;}
.consortium-btn a::after {content:"+"; position:absolute; right:25px; top:0px; color:#fff; font-size:25px;}

.consortium-request {margin-top: 55px;}
.consortium-request h3 {font-size:24px; line-height: 28px; letter-spacing: -0.75px; color:#000000; font-weight: 500; margin-bottom: 10px;}
.consortium-request ul {display:table; width:100%; border-top: 2px solid #313131;}
.consortium-request ul li {display:table-cell; width:25%; vertical-align: middle; padding:25px 0; border:1px solid #CECECE; border-left: 0; border-top: 0; text-align:center;}
.consortium-request ul li:first-child {border-left: 1px solid #CECECE;}
.consortium-request ul li  p {font-size:16px; line-height: 22px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}

@media all and (max-width:800px){
	.consortium-bx {padding:10px 4%; }
	.consortium-bx p {padding-left: 8px; font-size:13px; line-height: 20px;}
	.consortium-bx p::before {width:3px; height:3px; }

	.consortium-img {margin:20px auto;}
	.consortium-btn a {float:none; width:auto; display:inline-block; padding:5px 15px; padding-right:40px; height:auto; line-height: 20px; font-size:13px; margin-top: 15px;}
	.consortium-btn a::after {right:15px; font-size:15px; top:5px;}

	.consortium-request {margin-top: 25px;}
	.consortium-request h3 {font-size:17px; line-height: 22px; margin-bottom: 5px;}
	.consortium-request ul li {padding:15px 0;}
	.consortium-request ul li  p {font-size:13px; line-height: 18px;}
}


/* ******************  창의공학설계 :: 사업화 연계 프로그램 ********************** */
.link-content > h3 {font-size:32px; line-height: 42px; letter-spacing: -0.75px; color:#222222; font-weight: 300; text-align:center;}
.link-content > h3 strong {font-weight: 500;}

.link-list {margin:50px 0;}
.link-list ul {margin:0 -2%;}
.link-list li {float:left; margin:0 2%; width:21%; text-align:center;}
.link-list li h4 {max-width:155px; margin:5px auto; background:#E6E6E6; border-radius:20px; text-align:center; font-size:20px; line-height: 35px; font-weight: 500; color:#032268;}
.link-list li p {font-size:16px; line-height: 22px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}

.link-list-bx {width:155px; height:125px; padding-top:30px; border-radius:50%; border:15px solid #5A8AD1; margin:0 auto;}
.link-list-inner {text-align:center;}
.link-list-inner img {margin-bottom: 5px;}
.link-list-inner p {display:table; width:100%; height:48px; font-size:18px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}
.link-list-inner p span {display:table-cell; width:100%; height:100%; vertical-align: middle;}

@media all and (max-width:800px){
	.link-content > h3 {font-size:21px; line-height: 30px;}

	.link-list {margin:25px 0;}
	.link-list li {width:46%; margin-bottom: 15px;}
	.link-list li h4 {font-size:15px; line-height: 25px;}
	.link-list li p {font-size:13px; line-height: 18px; height:54px;}

	.link-list-bx {width:130px; height:110px; padding-top: 20px; border:10px solid #5A8AD1;}
	.link-list-inner img {margin-bottom: 3px;}
	.link-list-inner p {font-size:14px; line-height: 20px; height:40px;}
}


/* ******************  창의공학설계 :: 창의공학설계경진대회 ********************** */
.creative-bx {margin-bottom: 50px;}
.creative-bx > p {font-size:15px; line-height: 22px; letter-spacing: -0.55px; color:#272727; font-weight: 300; margin-bottom: 10px; word-break:keep-all;}
.creative-bx > p span {color:#009bff; font-weight: 500;}

.creative-bx > ul > li {position:relative; padding-left: 15px; font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300; word-break:keep-all;}
.creative-bx > ul > li::before {content:""; position:absolute; width:5px; height:5px; border-radius:50%; left:0; top:10px; background-color:#414141;}

.creative-list ul {display:table; width:100%;}
.creative-list ul li {display:table-cell; vertical-align: top; text-align:center;}
.creative-list ul li.bx {width:161px; height:116px; padding-top: 45px;}
.creative-list ul li p {font-size:16px; line-height: 22px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}
.creative-list ul li p span {display:inline-block; margin-bottom: 5px; font-size:20px; line-height: 26px;}
.creative-list ul li.arrow {width:3%; vertical-align: middle;}

.creative-list-1 {margin-bottom: 25px;}
.creative-list-1 .bx {background:url("/images/content/creative_step_1.png") no-repeat center; background-size:contain}
.creative-list-2 .bx {background:url("/images/content/creative_step_2.png") no-repeat center; background-size:contain}


@media all and (max-width:800px){
	.creative-bx {margin-bottom: 25px;}
	.creative-bx > p {font-size:13px; line-height: 18px;}

	.creative-bx > ul > li {padding-left: 8px; font-size:13px; line-height: 18px;}
	.creative-bx > ul > li::before {width:3px; height:3px; top:7px;}

	.creative-list ul {display:block; text-align:center;}
	.creative-list ul li {display:inline-block; width:30%; }
	.creative-list ul li.arrow {padding-top: 70px;}
	.creative-list ul li.bx {width:30%;}
	.creative-list ul li p {font-size:13px; line-height: 18px;}
	.creative-list ul li p span {font-size:15px; line-height: 22px;}
}

@media all and (max-width:480px){
	.creative-list ul li.bx {width:130px;}
}

.design-tit {font-size:32px; padding-bottom:15px; font-weight: 400; letter-spacing: -0.55px; color: #272727;}


/* ******************  공학교육인증 :: 인증개요 ********************** */
.sub-sup-tit {font-size:24px; line-height: 28px; letter-spacing: -0.75px; color:#000000; font-weight: 400;}
.sub-point-bx {padding:20px 3%; border:1px solid #D3D3D3; background-color:#F7F7F7; margin-top: 10px; margin-bottom: 40px;}
.sub-point-bx > p {font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}
.sub-point-bx > p span {color:#009bff; font-weight: 500;}
.sub-point-bx dl {display:table; width:100%; margin-top: 15px;}
.sub-point-bx dt {display:table-cell; width:24%; vertical-align: middle;}
.sub-point-bx dt img {border:1px solid #DEDEDE;}
.sub-point-bx dd {display:table-cell; vertical-align: middle; padding-left: 2%;}
.sub-point-bx dd p {position:relative; padding-left: 15px; font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}
.sub-point-bx dd p::before {content:""; position:absolute; width:5px; height:5px; border-radius:50%; left:0; top:10px; background-color:#414141;}

.sub-num-list {margin-top: 20px;}
.sub-num-list dl {display:table; width:100%; margin-bottom: 10px;}
.sub-num-list dt {display:table-cell; width:35px; vertical-align: top;}
.sub-num-list dt span {display:inline-block; width:35px; height:35px; border-radius:50%; text-align:center; line-height: 35px; background-color:#009BFF; font-size:16px; letter-spacing: -0.55px; color:#fff; font-weight: 500;}
.sub-num-list dd {display:table-cell; vertical-align: top; padding-left: 1%; padding-top: 5px;}
.sub-num-list dd strong {font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#009bff; font-weight: 500;}
.sub-num-list dd p {font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}

@media all and (max-width:800px){
	.sub-sup-tit {font-size:17px; line-height: 22px;}
	.sub-point-bx {padding:10px 3%; margin-top: 5px; margin-bottom: 20px;}
	.sub-point-bx > p {font-size:13px; line-height: 18px;}
	.sub-point-bx dl {display:block;}
	.sub-point-bx dt {display:block; margin-bottom: 5px; }
	.sub-point-bx dd {display:block; }
	.sub-point-bx dd p {padding-left: 8px; font-size:13px; line-height: 18px;}

	.sub-num-list {margin-top: 10px;}
	.sub-num-list dl {margin-bottom: 5px;}
	.sub-num-list dt {width:25px;}
	.sub-num-list dt span {width:25px; height:25px; line-height: 25px; font-size:13px;}
	.sub-num-list dd {padding-top: 3px;}
	.sub-num-list dd strong {font-size:13px; line-height: 18px;}
	.sub-num-list dd p {font-size:13px; line-height: 18px;}
}


/* ******************  공학교육인증 :: 인증개요 ********************** */
.effect-img {text-align:center;}
.effect-img img {max-width:100%;}

.domestic-list {border-top:  2px solid #0C4E9B;}
.domestic-list ul {display:table; width:100%; border-left: 1px solid #D9D9D9;}
.domestic-list ul li {display:table-cell; width:25%; vertical-align: top; text-align:center; background-color:#F2F2F2; border:1px solid #D9D9D9; border-left: 0; border-top: 0;}
.domestic-list ul li img {max-width:100%; max-height:100%;}
.domestic-img {display:table; width:100%; background-color:#fff;}
.domestic-img span {display:table-cell; height:112px; vertical-align: middle;}

.domestic-info {padding:20px 0;}
.domestic-info strong {font-size:16px; line-height: 26px; letter-spacing: -0.55px; color:#272727; font-weight: 500; margin-bottom: 5px;}
.domestic-info p, .domestic-info-2 p {font-size:16px; line-height: 26px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}
.domestic-info-2 p{padding-left: 155px; position: relative; margin-top: 5px; text-align: justify;}
.domestic-info-2 p span{display: inline-block; width: 150px; position: absolute; top: 0; left: 0;}


.domestic-list-2 {border-top:  2px solid #0C4E9B; margin:30px 0;}
.domestic-list-2 ul {display:table; width:100%; border-left: 1px solid #D9D9D9;}
.domestic-list-2 ul li {display:table-cell; width:25%; vertical-align: middle; text-align:center; padding:10px 0; background-color:#F2F2F2; border:1px solid #D9D9D9; border-left: 0; border-top: 0; font-size:16px; line-height: 22px; letter-spacing: -0.55px; color:#272727; font-weight: 300}

.international-list img {max-width:100%;}

@media all and (max-width:800px){
	.domestic-info {padding:10px 0;}
	.domestic-info strong {font-size:13px; line-height: 18px; }
	.domestic-info p , .domestic-info-2 p{font-size:13px; line-height: 18px; }

	.domestic-list-2 {margin:15px 0;}

	.domestic-info-2 p{padding-left: 125px; margin-top: 5px; line-height: 20px;}
	.domestic-info-2 p span {width: 120px;}
}

@media all and (max-width:480px){
	.domestic-list ul {display:block; overflow:hidden;}
	.domestic-list ul li {display:block; float:left; width:50%; box-sizing:border-box;}
	.domestic-info strong {display:block; height:36px}
	.domestic-info p {height:54px;}

	.domestic-list-2 ul {display:block; overflow:hidden;}
	.domestic-list-2 ul li {float:left; display:block; width:50%; box-sizing:border-box; font-size:13px; line-height: 18px;}
}


/* ******************  공학교육인증 :: 인증가이드 ********************** */
.guide-content .sub-sup-tit {margin-bottom: 20px;}
.guide-content .sub-table {margin-bottom: 50px;}
.guide-content #tabContent01 .sub-table td {text-align:left; padding:10px;}
.guide-content #tabContent01 .sub-table td.title{text-align: center;}
.guide-content #tabContent01 .sub-table td.bl-line{text-align: center;}
.guide-content .sub-table td.title {text-align:center;}

.guide-content #tabContent02 .sub-table {margin-bottom: 0;}

.sub-point-bx .point {padding-left: 15px; position:relative; margin-top: 30px;}
.sub-point-bx .point:first-child {margin-top: 0;}
.sub-point-bx .point::before {content:""; position:absolute; width:6px; height:9px; background:url("/images/icon/ic_sub_txt.png") no-repeat; left:0; top:8px;}
.sub-point-bx .point p {font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}
.sub-point-bx .point p strong {font-weight: 500;}

.sub-point-bx .dot {margin-left: 15px; padding-left: 10px; position:relative; font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300; margin-top: 5px; margin-bottom: 10px;}
.sub-point-bx .dot::before {content:""; position:absolute; width:5px; height:5px; border-radius:50%; left:0; top:10px; background-color:#515151;}
.sub-point-bx .dot strong {font-weight: 500;}

.guide-caption {font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 500; margin: 10px 0;}

.color-point-wrap {margin:0 15px; }
.color-point-wrap > p {font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300; margin-bottom: 5px;}
.color-point {border:1px solid #D4D4D4; background-color:#E5F1F9; padding:10px 15px; }
.color-point p {font-size:16px; line-height: 24px; letter-spacing: -0.55px; color:#272727; font-weight: 300;}


@media all and (max-width:800px){
	.guide-content .sub-sup-tit {margin-bottom: 10px;}
	.guide-content .sub-table {margin-bottom: 25px;}

	.sub-point-bx .point {padding-left: 8px; margin-top: 15px;}
	.sub-point-bx .point::before {top:5px;}
	.sub-point-bx .point p {font-size:13px; line-height: 18px;}

	.sub-point-bx .dot {margin-left: 8px; padding-left: 5px; font-size:13px; line-height: 18px;}
	.sub-point-bx .dot::before {width:3px; height:3px; top:8px;}

	.guide-caption {font-size:13px; line-height: 18px;}

	.color-point-wrap > p {font-size:13px; line-height: 18px;}
	.color-point p {font-size:13px; line-height: 18px;}
}


/* ************ 190531 EB ************ */
#mainNewArea{padding: 65px 0 75px;}
@media (max-width: 1280px){
	#mainNewArea{padding: 65px 15px 75px;}
}
@media (max-width: 800px){
	#mainNewArea{padding: 32.5px 15px 32.5px;}
}

/* 공지사항 + 공학교육뉴스 */
#mainNoticeNews{width: 48%; margin-right: 2%; float: left;}
/* 탭 */
.main-new-tab-list  ul{/* overflow:hidden; */ height:63px; border-bottom:1px solid #114b91; text-align:center; *zoom:1;}
.main-new-tab-list  ul:after{clear:both; content:""; display:block;}
.main-new-tab-list  ul li{float:left; width:240px; position:relative; margin-left:-1px;}
.main-new-tab-list  ul li:first-child{/* width:17%; */margin-left:0; }
.main-new-tab-list  ul li a{display:block;  padding: 0 30px; height:62px; line-height:62px; color:#8f8f8f; font-weight: 400; font-size:22px; letter-spacing:-0.25px; text-align: left; border:1px solid #c2c2c2; border-bottom:1px solid #114b91;  background-color:#fff; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main-new-tab-list  ul li a .icon-arrow{float: right; margin-top: 20px; display: block; width: 20px; height: 20px; background-color: #e5e5e5; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main-new-tab-list  ul li a .icon-arrow i{font-size: 20px; color: #b6b6b6; position: absolute; top: 0; right: 0; margin: 0; bottom: 0; margin: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main-new-tab-list  ul li:first-child a{border-left:1px solid #ddd;}
.main-new-tab-list  ul li.selected{z-index:1;}
.main-new-tab-list  ul li.selected a{color:#114b91; border-color:#114b91; border-bottom-color:#fff;}
.main-new-tab-list  ul li.selected a .icon-arrow{background-color: #114b91;}
.main-new-tab-list  ul li.selected a .icon-arrow i{color: #fff; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.cm-tab-content-wrapper01{padding-top: 30px; border-top:0; }

.half-board-con{}
.half-board-con li{width: calc(50% - 40px); float: left; padding: 0 20px;}
.half-board-con li a{display: block; height: 70px; position: relative;}
.half-board-con li a .bbs-list-date{display: table; position:absolute; top:0px; left:0px; width:70px; height: 70px; text-align:center; color:#fff; letter-spacing:-0.5px; background-color: #484848; font-weight: 400;}
.half-board-con li a .bbs-list-date span{display: table-cell; vertical-align: middle;}
.half-board-con li a .bbs-list-date em{font-size:12px; margin-bottom:9px; border-bottom: 1px solid rgba(255,255,255,0.2); letter-spacing: -0.25px;}
.half-board-con li a .bbs-list-date strong{margin-top: 7px; display:block; font-size:22px; font-weight: 400; letter-spacing: -0.25px;}
.half-board-con li a .bbs-date-txt{padding-left: 90px; width: calc(100% - 90px); height: 70px; display: table;}
.half-board-con li a .bbs-date-txt > div{display: table-cell; vertical-align: middle;}
.half-board-con li a .bbs-date-txt > div p{font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.5; color: #000; width:100%; height:48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.half-board-con li a .bbs-date-txt > div span{margin-top: 5px; display: block; font-size: 14px; font-weight: 400; letter-spacing: -0.25px; color: #ababab; width: 100%; height:15px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

.cm-tab-content-wrapper01 .main-board-con{margin-top: 29px; padding: 24px 28px;}

@media (max-width: 1280px){
	.main-new-tab-list  ul li{width:200px;}
	.main-new-tab-list  ul li a{padding: 0 20px; font-size: 20px;}
	.half-board-con li {width: calc(50% - 20px); padding: 0 10px;}
	.half-board-con li a .bbs-date-txt {padding-left: 80px; width: calc(100% - 80px);}
}
@media (max-width: 960px){
	.main-new-tab-list ul li {width: 170px;}
	.main-new-tab-list ul li a {padding: 0px 10px; font-size: 17px;}
}
@media (max-width: 800px){
	#mainNoticeNews{width: 100%; margin-right: 0; float: none;}
	/* 탭 */
	.main-new-tab-list  ul{height:41px;}
	.main-new-tab-list  ul li{width:150px;}
	.main-new-tab-list  ul li a{display:block; padding: 0 15px; height:40px; line-height:40px; font-size:16px;}
	.main-new-tab-list  ul li a .icon-arrow{margin-top: 12.5px; display: block; width: 15px; height: 15px;}
	.main-new-tab-list  ul li a .icon-arrow i{font-size: 15px;}

	.half-board-con li {width: calc(100% - 20px); padding: 0 10px;}

	.cm-tab-content-wrapper01{padding-top: 15px; border-top:0;}

	.half-board-con li{float: none; margin-top: 10px;}
	.half-board-con li:first-child{margin-top: 0;}
	.half-board-con li a{height: 70px;}
	.half-board-con li a .bbs-list-date{width:70px; height: 70px;}
	.half-board-con li a .bbs-list-date em{font-size:11px; margin-bottom:9px;}
	.half-board-con li a .bbs-list-date strong{margin-top: 7px; font-size:16px;}
	.half-board-con li a .bbs-date-txt > div p{font-size: 13px; line-height: 1.5; height:38px;}
	.half-board-con li a .bbs-date-txt > div span{margin-top: 3px; font-size: 12px; height:13px;}

	.cm-tab-content-wrapper01 .main-board-con{margin-top: 15px; padding: 20px;}
}
@media (max-width: 480px){
	/* 탭 */
	.main-new-tab-list  ul li{width:130px;}
	.main-new-tab-list  ul li a{padding: 0 15px; font-size:14px;}
	.main-new-tab-list  ul li a .icon-arrow{margin-top: 14px; width: 12px; height: 12px;}
	.main-new-tab-list  ul li a .icon-arrow i{font-size: 12px;}
}

/* 센터소식 */
#mainCenterNews{width: 48%; margin-left: 2%; float: left;}

.main-board-box{position:relative; float:left; width:100%}
.main-board-box .main-board-tit{color:#010101; font-size:30px; letter-spacing:-0.65px; font-weight:200; padding-bottom:30px;}
.main-board-box .main-board-tit b{font-weight: 500;}
.main-board-con{padding: 35px 40px; background-color: #f1f1f1;}
.main-board-con li{overflow:hidden; position:relative; padding-left:12px; margin-top:20px;}
.main-board-con li:first-child{margin-top:0;}
.main-board-con li:before{display:block; content:""; width:3px; height:3px; background-color:#000; position:absolute; top:7px; left:0px;}
.main-board-con li .bbs-tit{display:block; float:left; width:80%; color:#727272; font-size:16px; letter-spacing:-0.5px; height:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-board-con li .bbs-date{float:right; width:19%; padding-left: 1%; letter-spacing:-0.5px; text-align:right; font-size: 13px; font-weight: 600; letter-spacing: -0.55px; color: rgba(39,39,39,0.7); height:14px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-board-box .board-more-btn{position:absolute; top:8px; right:0px; font-size: 16px; font-weight: 400; letter-spacing: -0.75px; color: #061c38;}
.main-board-box .board-more-btn i{font-size:16px; margin-top: -3px; margin-left: 4px;}

@media all and (max-width:1220px){
	
}
@media all and (max-width:800px){
	#mainCenterNews{width: 100%; margin-left: 0; float: none; margin-top: 30px;}
	.main-board-box .main-board-tit{font-size:20px; padding-bottom:15px;}
	.main-board-con{padding: 20px;}
	.main-board-con li{padding-left:10px; margin-top:10px;}
	.main-board-con li:before{top:7px; left:0px;}
	.main-board-con li .bbs-tit{width:80%; font-size:13px; height:14px;}
	.main-board-con li .bbs-date{width:19%; padding-left: 1%; font-size: 12px; height:13px;}
	.main-board-box .board-more-btn{top:3px; font-size: 13px;}
	.main-board-box .board-more-btn i{font-size:13px;}
}


/* 250716 서울시립대학교 대학혁신지원사업 - 캡스톤 추가 :: 250716 YJ */
.capstone-page {padding-top: 60px;}

.capstone-tit{padding-bottom: 40px;}
.capstone-tit h5{font-size: 30px; font-weight: 600; letter-spacing: -0.5px; color: #073298; text-align: center;}

/* dot txt */
.capstone-txt{position: relative; padding-left: 17px; font-size: 15px; line-height: 25px; letter-spacing: -0.7px; font-weight: 300; color: #555; -ms-word-break: keep-all; word-break: keep-all;}
.capstone-txt i{position: absolute; top: 6px; left: 0; font-size: 11px; display: inline-block; -webkit-transform: scale(0.5); transform: scale(0.5); color: #073298;}
.capstone-page .capstone-txt span {position: absolute; top: 0; left: 0; color: #073298; font-size: 18px; font-weight: 600;}
.capstone-page .capstone-txt {    padding-left: 30px; margin-bottom: 10px;}

/* faq 탭디자인 */
.sub-cm-tab-list02{display:inline-block; width: calc(100% - 2px); height:48px; border:1px solid #ddd; margin-bottom: 45px;}
.sub-cm-tab-list02 ul{overflow:hidden;}
.sub-cm-tab-list02 ul li{float:left; border-left:1px solid #ddd; width: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub-cm-tab-list02.col-02 ul li{width: 50%;}
.sub-cm-tab-list02 ul li:first-child{border-left:0;}
.sub-cm-tab-list02 ul li a{
    display:block; height:46px; line-height:48px; padding:0 22px; min-width:145px; text-align:center; border-bottom:2px solid #fff; font-size:14.5px; font-weight:600; letter-spacing:-0.3px;
    -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s; box-sizing:border-box;
}
.sub-cm-tab-list02 ul li a:hover, .sub-cm-tab-list02 ul li.selected a{color:#0d4e9c; border-bottom-color:#0d4e9c}

.capstone-page .sub-cm-tab-list02 {height: auto; margin-top: 45px;}
.capstone-page .sub-cm-tab-list02 li {border-bottom: 1px solid #ddd;}
/* .capstone-page .sub-cm-tab-list02 li:nth-child(n+4) {border-bottom: none;} */
/* .capstone-page .sub-cm-tab-list02 ul li:nth-child(4) {border-left:0;} */
.capstone-page .sub-cm-tab-list02 ul li:nth-child(3n-2) {border-left:0;}
/* .capstone-page .sub-cm-tab-list02 ul li:last-of-type {border-bottom:0; border-right:1px solid #ddd; width: 33.5%;} */

/* 검색창 */
.capstone-page .board-search-box select {    width: 20%;
    max-width: 150px;
    height: 40px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.capstone-page .board-search-box .search-word {
	    width: 30%;
    max-width: 200px;
    height: 40px;
    border: 1px solid #ccc;
    border-right: 0;
    padding: 0;
    text-indent: 10px;
    color: #868686;
    font-size: 13px;
    vertical-align: middle;
}

.capstone-page .board-search-box .bbs-search-btn {
	position:static;
	margin: 0px;
    border: 0;
    min-width: 40px;
    padding: 0 5px;
    height: 40px;
    margin-left: -4px;
    background: #333;
    color: #fff;
    cursor: pointer;
    vertical-align: top;
    font-size: 14px;
}

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