@charedut "utf-8";

/*연혁*/
.c050100 {clear:both; overflow:hidden; position:relative}
.c050100:after {content:''; position:absolute; top:6px; left:50%; margin-left:-1px; background:#ddd; width:1px; height:100%; z-index:-1}
.c050100 div {margin-bottom:30px; position:relative; width:50%}
.c050100 div:before {content:''; position:absolute; top:6px; left:0; margin-left:-10px; border:5px solid #f49308; border-radius:100px; background:#fff; width:10px; height:10px}
.c050100 div > strong {color:#f49308; display:block; font-size:1.5rem; margin-bottom:20px}
.c050100 div li {clear:both}
.c050100 div li strong {color:#333; display:block; margin-bottom:5px}
.c050100 div li ul {display:inline-block; margin-bottom:10px; vertical-align:top; width:100%}

.c050100 div:nth-child(odd) {float:left; margin-right:20px; padding-right:30px; text-align:right}
.c050100 div:nth-child(odd):before {right:0; left:auto; margin-right:-9px}
.c050100 div:nth-child(odd) li strong {float:right}
.c050100 div:nth-child(odd) li li {padding:0 15px 7px 0}
.c050100 div:nth-child(odd) li li:before {left:auto; right:2px} 
.c050100 div:nth-child(even) {float:right; margin-left:20px; padding-left:30px}


.listDown ul li span.question a:after {content:'연혁 자세히보기' !important}

/*오시는길*/
.c050200 .edu-img, .c050200 .direction {display:inline-block; height:250px; vertical-align:middle; width:50%}
.c050200 .edu-img img {display:block; height:100%; width:100%}
.c050200 .direction {border:1px solid #ddd; margin-left:-4px; padding:4% 5%}
.c050200 .direction > strong {color:#333; display:block; font-size:1.45rem; margin-bottom:15px}
.c050200 .direction > strong span {color:#67a1e1; display:block; font-size:2.1rem}
.c050200 .direction li strong {margin-right:20px}

@media screen and (max-width:1280px) {
	.c050200 .direction > strong {margin-bottom:10px}
}

@media screen and (max-width:768px) {
	/*연혁*/
	.c050100:after {left:20px}
	.c050100 div {width:100%}
	.c050100 div > strong {color:#f49308; display:block; font-size:1.5rem; margin-bottom:20px}
	
	.c050100 div:nth-child(odd) {float:left; margin-left:20px; padding-left:30px; text-align:left}
	.c050100 div:nth-child(odd):before {right:auto; left:0; margin-left:-9px}
	.c050100 div:nth-child(odd) li strong {float:left}
	.c050100 div:nth-child(odd) li li {padding:0 0 7px 15px}
	.c050100 div:nth-child(odd) li li:before {left:2px; right:auto} 
	.c050100 div:nth-child(even) {float:left}

	/*오시는길*/
	.c050200 .edu-img, .c050200 .direction {display:block; height:auto; width:100%}
	.c050200 .direction {margin-left:0; padding:25px}
}