<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* edu 210506 dobin*/
h2.spot:before {font-family: 'NanumSquare', '나눔스퀘어'; content: " ";display: inline-block;width: 20px;height: 2px;background: #00c5f1;position: absolute;left: 0;top: 0}
h2.spot small {font-family: 'NanumSquare', '나눔스퀘어'; color: #888;margin-left: 10px;display: inline-block;font-weight: normal;font-size: 15px;}
h2.spot .input-check {font-family: 'NanumSquare', '나눔스퀘어'; font-size: 14px;}
h2.spot small b {color:#ff0000;/* color: #30bf2c */}
h2.spot .right {position: absolute;right: 0;top: 0;margin-top: 24px;}
.has-line {position: relative;padding-top: 10px;}
.has-line:before {content: " ";display: inline-block;width: 20px;height: 2px;background: #00c5f1;position: absolute;left: 50%;top: 0;margin-left: -10px;}
.line-box {background: url(../img/bg_line.gif) 0 0;padding: 10px;margin-bottom: 30px;overflow: hidden;line-height: 1.6;}
.line-box .inner {background: #fff;padding: 30px;}
.line-box .inner .btn {vertical-align: top}
.line-box p {font-family: 'NanumSquare', '나눔스퀘어'; font-size: 14px}
.line-box p.lead {font-family: 'NanumSquare', '나눔스퀘어'; font-size: 20px}

.btn.down {
background: #2578BB;
border-color: #2578BB;
color: #fff;
}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}


.tit {
padding-left: 10px;
margin-bottom: 10px;
border-left: 9px solid #193b6a;
display: inline-block;
position: relative;
color: #193b6a;
font-size: 20px;
font-weight: 900;
font-family: 'NanumSquare', '나눔스퀘어';
letter-spacing: -1px;
}

.education-2 {}
.education-2 ul {font-size: 0;padding-bottom: 0;text-align: center}
.education-2 ul li {font-family: 'NanumSquare', '나눔스퀘어'; display: inline-block;vertical-align: top;text-align: center;font-size: 15px;color: #666;position: relative;width: 20%;margin: 0 2%;margin-bottom: 50px;line-height: normal;}
.education-2 ul li span {display: block;position: relative;}
.education-2 ul li+li span:before {content: " ";display: block;width: 20px;height: 22px;background: url(../img/arr_step_next2.png) no-repeat 0 0;position: absolute;left: -50px;top: 50%;margin-top: -15px;}
.education-2 ul li:nth-child(5) span:before {display: none;}
.education-2 ul li img {display: block;margin: 0 auto; margin-bottom: 15px;}
.education-2 ol.flow {padding-left: 100px;position:relative;}
.education-2 ol.flow:before {content:" ";position:absolute;top:0;bottom:0}
.education-2 ol.flow&gt;li {padding: 0 0 30px;padding-left: 100px;position: relative;font-size: 15px;color: #777;}
.education-2 ol.flow li {border-left:2px solid #2578BB}
.education-2 ol.flow li:last-child {border-left: 0;}
.education-2 ol.flow li span {position:absolute;left:20px;top:0;font-family: 'NanumSquare', '나눔스퀘어'; font-size:17px;font-weight:bold;color:#ccc;line-height: 1;}
.education-2 ol.flow li i {position:absolute;left:-90px;width:70px;height:24px;display:block;top:-2px;padding:0 5px;line-height:24px;border:1px solid #2578BB;color:#2578BB;text-align: center;background:#fff;border-radius:2px;font-size:11px;}
.education-2 ol.flow li i:after {content: " ";position:absolute;right:-5px;top:50%;margin-top: -5px;display:block;width:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #2578BB}
.education-2 ol.flow li i:before {content: " ";position:absolute;right:-4px;top:50%;margin-top: -4px;display:block;width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fff;z-index:1}
.education-2 ol.flow li span:before {content:" ";display:block;position:absolute;border-radius:50%;border:3px solid #2578BB;background:#fff;left:-31px;width:20px;height:20px;}
.education-2 ol.flow strong {font-family: 'NanumSquare', '나눔스퀘어'; font-size: 16px;color: #333;display: block;margin-bottom: 10px;line-height: 1;padding-top: 2px;}
.education-2 ol.flow p {font-size: 15px;margin-bottom: 5px;}
.education-2 ol.flow .btn:after {content: " ";display:inline-block;vertical-align: top;margin-top: -1px;width:25px;height:20px;background:url(../img/ico_file.png) no-repeat 100% 50%}

@media (max-width: 970px) {
.edu-step {text-align: center;}
.edu-step h1 {float: none;width: auto;position: relative;padding-right: 0;padding-top: 0;}
.edu-step h1 a {position: absolute;right: 0;top: 0;}
.edu-step ul {margin-top: 0;}
.edu-step li {width: 25%;padding: 0 10px; margin-bottom: 15px;}
.edu-step li+li {margin-left: 0;}
.edu-step li+li:before {left: 0;top: 29%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0)}
.edu-step li:nth-child(5):before {display: none;}
.edu-step .btn-box {padding-top: 15px;}
.edu-step .btn {font-family: 'NanumSquare', '나눔스퀘어'; font-size: 13px;height: 40px;width: auto;}
}
@media (max-width: 970px) {
	.hidden-xs {display: none !important;}
}	</pre></body></html>