/* 연혁 */
.history_img {width:100%; max-width:1200px;}
.history_img img {bottom:0;}
.history_img p {width:100%; background:#e60044;text-align:center; font-size:20px; color:#fff; line-height:50px; height:50px;}
.sub0103 .inner {padding:0 100px;}
.sub0103:before{content:""; position:absolute; display:block; width:53%; background:#F7F7F7; height:100%; top:220; right:0;}
.sub0103 .sub0103_box{float:left; box-sizing:Border-box; width:44.5%; padding:4em 0 0;}

.sub0103 .sub0103_box1 .txt{font-size:2.5em; margin-top:0.8em; font-weight:200;}
.sub0103 .sub0103_box1 .txt b{font-weight:600;}

.sub0103 .sub0103_box2 {width:100%; background:url(/design/default/images/sub/history_img.jpg) no-repeat left top; padding:4em 0 0 18em}
.sub0103 .sub0103_box2 .box_wrap{padding-bottom:0em;}
.sub0103 .sub0103_box2 .box_wrap .tit{font-size:2.0em; color:#004f99; font-weight:200; line-height:1.3em; margin-bottom:1em; position:relative; letter-spacing:-0.05em}
.sub0103 .sub0103_box2 .box_wrap .tit b{font-weight:600;}
.sub0103 .sub0103_box2 .box_wrap .tit:before{content:""; width:50px; height:2px; background:#004f99; position:absolute; top:50%; margin-top:-1px; left:-2.5em;}
.sub0103 .sub0103_box2 .box_wrap .con{font-size:1.1em; text-align:left; padding-left:10%; width:100%;}
.sub0103 .sub0103_box2 .box_wrap .con li{width:100%; overflow:hidden; color:#2f2f2f; padding-bottom:50px;}
.sub0103 .sub0103_box2 .box_wrap .con span.t{display:inline-block; width:50px; font-weight:bold; color:#000; float:left;padding-bottom:20px;}
.sub0103 .sub0103_box2 .box_wrap .con span.c{display:inline-block; width:calc(100% - 50px); float:left;padding-bottom:20px;}

@media all and (max-width:1000px) {
	.sub0103 .sub0103_box1 img{height:68px;}
	.sub0103 .sub0103_box1 .txt{margin-top:0.4em; font-size:2.2em;}
	
	.sub0103 .sub0103_box2 .box_wrap .tit{font-size:1.8em; }
	.sub0103 .sub0103_box2 .box_wrap .con{font-size:0.95em;}
}

@media all and (max-width:750px) {
	.history_img p {font-size:15px; line-height:35px; height:35px;}
	.sub0103:before{display:none; }
	
	.sub0103 .inner{width:100%; padding:0 20px;}
	.sub0103 .sub0103_box{padding:0em 0 0;}

	.sub0103 .sub0103_box1{width:100%; text-align:center; padding-bottom:2em;}
	.sub0103 .sub0103_box1 img{height:65px;}
	.sub0103 .sub0103_box1 .txt{font-size:1.8em; margin-top:20px; line-height:1.6em;}
	.sub0103 .sub0103_box1 .txt br.pc{display:none;}

	.sub0103 .sub0103_box2{width:100%; background:none; padding:2em 1% 0 1%; position:relative;}
	.sub0103 .sub0103_box2 .box_wrap{padding-bottom:1em;}
	.sub0103 .sub0103_box2 .box_wrap .tit{font-size:1.6em; padding-left:9%; box-sizing:border-box;}
	.sub0103 .sub0103_box2 .box_wrap .tit:before{left:0; width:6%; }
	.sub0103 .sub0103_box2 .box_wrap .con{ padding-left:1%; box-sizing:border-box; font-size:0.95em;}
	.sub0103 .sub0103_box2 .box_wrap .con span.t{width:80px;}
	.sub0103 .sub0103_box2 .box_wrap .con span.c{width:calc(100% - 80px);}
}

@media all and (max-width:550px) {
	.sub0103 .sub0103_box1 img{height:55px;}
	.sub0103 .sub0103_box1 .txt{font-size:1.8em; word-break:keep-all; }
}

@media all and (max-width:400px) {
.sub0103 .sub0103_box1 .txt{font-size:1.7em;}
}