@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;}


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

	
	

}

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

	


}

@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) {



}