#introduce_history .introduce_history_Wrap { width: 1000px; margin: 0 auto;   }
#introduce_history .introduce_history_Wrap h1 { font-size: 38px; font-weight: bold; color: #333; border-left: 10px solid #d96b2b; text-indent: 20px; margin: 60px 0; }
#intro_video video { width: 100%; }

.history_bar_Wrap { position: relative; margin: 20px 0 60px; }
.history_bar_Wrap * { box-sizing: border-box; }
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.devide_decade { 
	display: inline-block;
	margin: 40px auto;
	width: 100%;
	opacity: 0;
	padding-top: 300px; }

.history_left_area {
  float:left;
  width:50%;
  text-align:right;
  padding-right:100px
}
.history_title {
	font-size: 20px;
	color: #d96b2b;
	font-weight: bold; 
	margin: 20px 0;
}
.history_decade {
  margin-bottom:20px;
  font-size:34px;
  line-height:34px;
  color:#222;
}
.history_right_area {
  float:left;
  width:50%;
  position:relative;
  padding-left:100px;
}
.history_right_area:before, .history_right_area:after {
  content:"";
  display:block;
  position:absolute;
}
.history_right_area:before {
  top:0; left:0;
  width:1px; height:100%;
  border-top:20px solid #fff;
  background:#d96b2b;
}
.history_right_area:after {
  top:0px; left: -5px;
  width:12px; height:12px;
  border:2px solid #d96b2b;
  border-radius:100%;
}

.history_list_Wrap ul li {
  position:relative;
  margin-bottom:15px;
  padding-left:70px;
  color:#555;
}
.history_list_Wrap ul li span {
  position:absolute;
  top:0;left:0;
  font-weight: bold;
  color:#222;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 모바일 버전 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 720px){
	.devide_decade1 { padding-top: 0; opacity: 1; }
	.devide_decade2 { padding-top: 0; opacity: 1; }
	.devide_decade3 { padding-top: 0; opacity: 1; }
	
	#introduce_history .introduce_history_Wrap h1 {
	    margin: 20px 0;
	    font-size: 26px;
	}
	
	.history_bar_Wrap { margin: 0; } 
	#introduce_history .introduce_history_Wrap { width: 90%; }
	.devide_decade { border-bottom: 1px solid #e2e2e2; margin: 20px 0; }
	.history_left_area { width: 100%; padding-right: 0; margin-bottom: 20px; }
	.history_title { text-align: left; margin: 0 0 5px 0; font-size: 18px; }
	.history_decade { text-align: left; font-weight: bold; margin-bottom: 5px; font-size: 28px; }
	.history_left_area p { text-align: left; }
	.history_list_Wrap ul li { font-size: 13px; }
	.history_right_area { width: 100%; padding-left: 0; }
	.history_right_area:before{ display: none; }
	.history_right_area:after { display: none; }
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 탭 버전 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1250px) and (min-width: 721px) {
	#introduce_history .introduce_history_Wrap { width: 100%; }
	
	.devide_decade1 { padding-top: 0; opacity: 1; }
	.devide_decade2 { padding-top: 0; opacity: 1; }
	.devide_decade3 { padding-top: 0; opacity: 1; }
	
	#introduce_history .introduce_history_Wrap h1 {
	    margin: 20px 0;
	    font-size: 26px;
	}
	
	.history_bar_Wrap { margin: 0; } 
	#introduce_history .introduce_history_Wrap { width: 90%; }
	.devide_decade { border-bottom: 1px solid #e2e2e2; margin: 20px 0; }
	.history_left_area { width: 100%; padding-right: 0; margin-bottom: 20px; }
	.history_title { text-align: left; margin: 0 0 5px 0; font-size: 18px; }
	.history_decade { text-align: left; font-weight: bold; margin-bottom: 5px; font-size: 28px; }
	.history_left_area p { text-align: left; }
	.history_list_Wrap ul li { font-size: 13px; }
	.history_right_area { width: 100%; padding-left: 0; }
	.history_right_area:before{ display: none; }
	.history_right_area:after { display: none; }
}