/*공통*/
.sub_con_wrap {width:100%; }
.sub_con_gray {width:100%; background: #f7f7f7;}
.sub_con {width: 1280px; margin: 0 auto; padding: 100px 0;}

/*Content CSS*/
.content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto 100px auto;}
.page_title{width:100%; margin-bottom:70px;}
.page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
.page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


.history_type1 {width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
.history_type1 .innerBox{position:relative; width:100%; }
.history_type1 .innerBox:after{content:'';display:block;clear:both;}
.history_type1 h3 {text-align:center; font-size:2em; font-weight:500; color:#000;}
.his_line {width: 30px; height: 2px; background: #bc000f; margin: 10px auto 50px auto;}
.history_type1:first-child h3 { padding:0px 0 0 0;}
.history_type1 .history { position:relative; margin-bottom:100px;}
.history_type1 .history:last-child{margin-bottom:0px;}
.history_type1 .history:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;} /* 라인색상 */
.history_type1 .history .img_box {position:absolute; top:0; left:0; padding:0; margin:0; width:50%; text-align:left; }
.history_type1 .history .img_box img { width:auto;}

.history_type1 .history > div { position:relative; margin-left:50%; padding-left:90px; margin-bottom:45px; }
.history_type1 .history > div:before { content:''; display:block; position:absolute; top:10px; left:-2px; width:5px; height:5px; border-radius:50%; background:#555;} /* 라인포인트색상 */
.history_type1 .history > div .year { position:absolute; top:0; left:20px; font-size:1.3em; color:#555; padding:0 10px; margin-bottom:15px; display:inline-block; border:1px solid #ddd;}
.history_type1 .history > div ul {padding:0; margin:0; }
.history_type1 .history > div ul li { padding:0; margin:0 0 10px 0;}
.history_type1 .history > div ul li p {margin-top:0px; margin-bottom: 10px;}
.history_type1 .history > div ul li p strong { width:15%; display:inline-block; vertical-align:top; font-size:1.3em; text-align:center; }
.history_type1 .history > div ul li p span {width:85%; display:inline-block; font-size: 1.2em; color:#666; font-weight: 300; }


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

    .content_wrap{width:100%;}
    .page_title{margin-bottom:40px;}
    .page_title h1{font-size:2em;}
    .page_title h2{font-size:1em;}

    .history_type1 .history .img_box { display:block; position:relative; top:0; left:0; width:100%; padding:0; margin-bottom:40px;}
    .history_type1 .history .img_box img { width:100%;}
    .history_type1 .history:before { left:20px; } /* 라인 */
    .history_type1 .history > div { margin-left:0; }
    .history_type1 .history > div:before {left:18px; }
    .history_type1 .history > div .year { top:0px; left:40px; font-size:0.9em;}
    .history_type1 .history > div ul li { font-size:0.9em;}

}

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

    .history_type1 .history > div {padding-left:40px;  }
    .history_type1 .history > div .year { position:relative; left:0; }
    .history_type1 .history > div ul li p strong { text-align:left; }

}