/*배너*/
.sub-conbox1 {width:100%; height:250px; margin-top:80px; overflow:hidden; position:relative;}
.sub-conbox1 .container {padding:0; width:100%; height:100%; background:url(../../image/fireworks/sub-slide.jpg) repeat-x 45% 50%; background-size:cover;}
.sub-conbox1 .img_inner {position:absolute; top:50%; transform:translatey(-50%); width:100%;}

/*입시정보*/
.sub-conbox2 {background:#f7f7f7; padding:60px 0 0 0;}
.sub-conbox2 .sub-icon > img {width:80px; position:relative; left:50%; margin-left:-40px;}
.sub-conbox2 .sub-bar > img {width:60px; position:relative; left:50%; margin-left:-30px;}
.sub-conbox2 .contant-box {padding-top:60px;}
.sub-conbox2 .sub-box {padding-bottom:60px;}
.sub-conbox2 .img {border:1px solid #e0e0e0; overflow:hidden; height:230px;}
.sub-conbox2 .img > img {transition:all 0.2s ease-out; transform:scale(1.00); width:100%; height:auto;}
.sub-conbox2 .img > img:hover {transform:scale(1.05);}
.sub-conbox2 .caption {background:#fff; padding:30px 30px;}

/*서브페이지*/
.sub-conbox3 {padding:60px 0;}
.sub-conbox3 .notice-box {width:100%; border-collapse:collapse; width:100%; border-top:1px #e5e5e5 solid; border-collapse:collapse;}
.sub-conbox3 .notice-title {border-bottom:solid 1px #333; background:#f7f7f7; padding:15px 15px 15px 50px; line-height:1.5;}
.sub-conbox3 .notice-title > p {margin:0;}
.sub-conbox3 .mgb {margin-top:50px;}
.sub-conbox3 .text_content .notice_content {border-bottom:1px #e5e5e5 solid; padding:50px 15px; line-height:1.5; margin-bottom:10px; display:inline-block;}
.sub-conbox3 .text_content img {width:40%; float:left;}
.sub-conbox3 .text_content p {float:right; width:60%; padding:0 15px 0 30px; margin:0;}
.sub-conbox3 .notice-btn {max-width:50%; float:left;}
.sub-conbox3 .notice-btn .left {width:25%; height:40px; border:solid 1px #e5e5e5; border-radius:3px; text-align:center; vertical-align:middle; font-size:16px; line-height:40px; color:#333; float:left; margin-left:5px; background:#fff;}


/*반응형 View*/
@media only screen and (max-width:1220px) {
	.sub-conbox2 .img {height:185px;}
}
@media only screen and (max-width:1024px) {
	.sub-conbox2 .container {padding:0;}
	.sub-conbox2 .img {height:190px;}
}
@media only screen and (max-width:992px) {
	.sub-conbox2 .img {height:225px;}
}
	
@media only screen and (max-width:768px) {
	.sub-conbox1 {height:200px; margin-top:60px;}
	.sub-conbox2 .sub-icon > img {width:60px; margin-left:-30px;}
	.sub-conbox2 .sub-bar > img {width:50px; margin-left:-25px;}
}

@media only screen and (max-width:596px) {
	.sub-conbox2 .img {height:300px;}
}

@media only screen and (max-width:414px) {
	.sub-conbox1 {height:150px;}
	.sub-conbox2 .sub-icon > img {width:50px; margin-left:-25px;}
	.sub-conbox2 .sub-bar > img {width:40px; margin-left:-20px;}
	.sub-conbox2 .img {height:250px;}
	.sub-conbox2 .sub-box {padding-bottom:15px;}
	.sub-conbox3 .notice-btn {max-width:100%;}
	.sub-conbox3 .notice-title {padding:15px;}
	.sub-conbox3 .text_content img {width:100%; margin-bottom:15px;}
	.sub-conbox3 .text_content p {width:100%; padding:0;}
}

@media only screen and (max-width:375px) {
	.sub-conbox2 .img {height:225px;}
}

@media only screen and (max-width:360px) {
	.sub-conbox2 .img {height:190px;}
}

@media only screen and (max-width:320px) {
	.sub-conbox3 .notice-title {padding:10px;}
	.sub-conbox3 .xs {font-size:12px;}
}