@charset "utf-8";

/* 0101 소개 */
.intrcnBox {text-align:center; font-size:18px; letter-spacing:-1px; word-break: keep-all; line-height:1.2;}
.tit_b {font-weight:bold; color:#266ed4; font-size:22px; margin:0 0 10px;}
.pc_gry {color:#ccc;}

/*0102_연혁*/
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:85px; padding:35px 0 0; font-size:18px; letter-spacing: -1px; color:#fff; text-align:center; background:url('/images/web/piano/sub/bg_history.png') no-repeat;box-sizing: content-box;}
.history_box h3 span {display:block; font-size:24px; line-height:30px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:100px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:right;}



/* 0104_01_campus_map */
.campus_box2 {position:relative; }
.campus_box2 .CamMap_list {margin-top:70px;  border-top:2px solid #002459;}
.campus_box2 ul {padding-bottom:5px; border-bottom:1px dashed #b2b7c7; overflow:hidden;}
.campus_box2 ul li {width:50%; float:left; margin-top:5px; letter-spacing:-1px;}
.campus_box2 ul li a {display:block; color:#333; cursor:auto}
.campus_box2 ul li a span {display:inline-block; width:35px; height:26px; margin-right:5px; line-height:26px; text-align:center; color:#fff; border-radius:5px; }
.campus_box2 ul li a span.bg_A { background:#001a57;}
.campus_box2 ul li a span.bg_B { background:#4c095f;}
.campus_box2 ul li a span.bg_C { background:#7c002b}
.campus_box2 ul li a span.bg_D { background:#c35a7c;}
.campus_box2 ul li a span.bg_E { background:#e18e00;}
.campus_box2 ul li a span.bg_F { background:#855900;}


/* 0111 Campus Map */
.campus_box {position:relative; min-height:240px; margin:60px 0 0 20px; padding:40px 0 0 410px; color:#fff; background:url('/images/web/engNew/sub/img_greeting_2.png') no-repeat right top #266ed4;}
.campus_box .img {position:absolute; left:-20px; top:-60px; }
.campus_box h3 {margin-top:10px; font-size:30px; font-family:"NotoM";}
.campus_box p.txt1 {font-size:15px; color:#c0daff;}
.campus_box p.txt2 {margin:20px 20px 0 0; font-size:16px; word-break: keep-all;}
.campus_box p.btn {margin-top:40px;}
.campus_box p.btn a {display:block; width:200px; height:48px; font-size:16px; line-height:48px; text-align:center; color:#fff; border:1px solid #fff;}


/********** Media quary **********/
@media screen and (max-width:1019px) {

		/* 0104_01_campus_map */
	.campus_box2 {padding-top:90px;}
	.campus_box2 p.img img {width:100%; padding:60px 0 0; background:#fff;}
	.campus_box2 .CamMap_list {position:relative; margin-top:20px;}
	
	

}

@media screen and (max-width:840px) {

		/* 0111 Campus Map */
	.campus_box2 ul li {width:100%;}


		/* 0104_01_campus_map */
	.campus_box {min-height:200px; margin:100px 0 0 0; padding:130px 20px 40px; text-align:center;}
	.campus_box .img {left:0; top:-100px; width:100%;}
	.campus_box .img img {width:250px; height:207px;}
	.campus_box p.btn a {display:block; margin:0 auto;}





}

@media screen and (max-width:768px) {

	
	
	

}

@media screen and (max-width:640px) {




}

@media screen and (max-width:560px) {	

	/*0102_연혁*/
	.history_box {padding-left:0;}
	.history_box h3 {position:relative; left:auto; top:auto; width:100%; height:50px; padding:0 15px 0 50px; line-height:50px; text-align:left; background-size:auto 50px; background-color:#266ed4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.history_box h3 span {display:inline; line-height:50px;}
	.history_box ol {border-top:none;}
	.history_box ol li {padding:13px 0 13px 120px;}

	


}

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

	
}

@media screen and (max-width :380px) {



}