/*** History list ***/
/* HISTORY — LIST */
.history_list {display:flex; flex-direction:column; gap:150px; position:relative; width: 90%; max-width:1530px; margin:0 auto; box-sizing:border-box;}
.history_list .progressbar {display:block; position:absolute; left:0; top:0; width:3px; height:100%; z-index:1; pointer-events:none; background:rgba(17,17,17,0.2); border-radius:3px;}
.history_list .progressbar .progress {display:block; width:3px; height:0; background:var(--main); border-radius:3px; position:absolute; left:0; top:0; transition:height .35s linear;}

/* HISTORY — ITEM */
.history_list .his_in {display:flex; align-items:flex-start; gap:80px; position:relative; z-index:2; padding:0 0 0 50px; box-sizing:border-box;}
.history_list .his_in .dot {position:absolute; left:-3px; top:20px; z-index:3; width:9px; height:9px; border-radius:50%; display:block; background:rgba(17,17,17,0.45); transition:background .3s;}
.history_list .his_in .dot::before {content:''; display:block; width:39px; height:39px; border-radius:50%; background:inherit; opacity:0.1; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.history_list .his_in.effect .dot {background:var(--main);}

/* HISTORY — IMAGE */
.history_list .his_img {width:440px; flex-shrink:0;}
.history_list .his_img span {display:block; position:relative; width: 100%; aspect-ratio: 440/300; border-radius:var(--borderR20); overflow:hidden; background:var(--black);}
.history_list .his_img img {display:block; width:100%; height:100%; object-fit:cover;}

/* HISTORY — TEXT */
.history_list .his_txt {flex:1; min-width:0; display:flex; flex-direction:column; gap:15px; padding-top:45px;}
.history_list .his_txt h4 {font-weight:700; color:var(--black); letter-spacing:0; line-height:120%;}
.history_list .his_txt ul {display:flex; flex-direction:column; gap:12px;}
.history_list .his_txt ul li {position:relative; display:flex; align-items:flex-start; gap:8px; padding:0 0 0 10px; box-sizing:border-box; font-size:1.111rem; font-family:var(--eng); font-weight:400; line-height:160%; color:var(--basic); opacity:0.8;}
.history_list .his_txt ul li::before {content:''; position:absolute; left:0; top:14px; width:3px; height:3px; border-radius:var(--borderR5); background:rgba(17,17,17,0.45);}
.history_list .his_txt ul li b {flex-shrink:0; font-weight:600; color:var(--black); opacity:1;}
.history_list .his_txt ul li span {flex:1; min-width:0;}

/*******************************************************************************
	@media 1500px
*******************************************************************************/
@media all and (max-width:1500px){

/* HISTORY — ITEM */
.history_list .his_in {gap:60px;}

/* HISTORY — IMAGE */
.history_list .his_img {width:400px;}

}

/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* HISTORY — LIST */
.history_list {gap:100px;}

/* HISTORY — ITEM */
.history_list .his_in {gap:40px; padding:0 0 0 40px;}

/* HISTORY — IMAGE */
.history_list .his_img {width:340px;}
.history_list .his_img span {border-radius:var(--borderR15);}

/* HISTORY — TEXT */
.history_list .his_txt {gap:10px; padding-top: 30px;}
.history_list .his_txt ul {gap:10px;}

}

/*******************************************************************************
	@media ~980px
*******************************************************************************/
@media all and (max-width:980px){

/* HISTORY — LIST */
.history_list {gap:60px;}

/* HISTORY — ITEM */
.history_list .his_in {gap:30px; padding:0 0 0 30px;}
.history_list .his_in .dot {left:-3px;}

/* HISTORY — IMAGE */
.history_list .his_img {width:250px;}

/* HISTORY — TEXT */
.history_list .his_txt{padding-top: 0;}
.history_list .his_txt ul li {font-size:1rem; line-height:160%;}
.history_list .his_txt ul li::before{top:10px;}
}

/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){

/* HISTORY — LIST */
.history_list {gap:40px;}

/* HISTORY — ITEM */
.history_list .his_in {flex-direction: column; gap:20px; padding:0 0 0 25px;}
.history_list .his_in .dot {width:8px; height:8px; left:-2.5px; top:10px;}
.history_list .his_in .dot::before {width:28px; height:28px;}

/* HISTORY — IMAGE */
.history_list .his_img {width: 100%;}
.history_list .his_img span {border-radius:var(--borderR10);}

/* HISTORY — TEXT */
.history_list .his_txt {gap:6px;}
.history_list .his_txt ul {gap:6px;}
.history_list .his_txt ul li::before{top:9px;}
}