@charset "utf-8";
.inner_full {
    display: flex;
    position: relative;
    padding-top: 2rem;
    margin-bottom: 120px;
    gap: 0 1rem;
}
.fix_wrap {
    width: 30%;
    position: sticky;
    height: auto;
    left: 0;
    top: 120px;
    align-self: flex-start;
    z-index: -1;
}
.fix_left img {border-radius:2rem 2rem 0 2rem} 
.history_full {margin-bottom:6rem}
.history_list {width: 100%;}
.history_list dl {
    display: flex;
    margin-bottom: 2rem;
    /* position: relative; */
}
.history_list dt {
    width: 20%;
    font-size: 40px;
    font-weight: 900;
    color: var(--color-main);
    font-family: var(--font-point);
}
.history_list dd {
    width: 80%;
    position: relative;
}
.history_list dd ul {
    display: flex;
    flex-direction: column;
    /* gap: 1.2rem; */
}
.history_list dd li {
    /* padding: .3rem; */
    /* line-height: 1.4; */
    display: flex;
    align-items: baseline;
    position: relative;
    padding-bottom: 1.5rem;
}
.history_list dd li:before {content:"";position:absolute;width:1px;height:100%;background-color:#ddd;left: 8px;top: 8px;/* transform: translateY(-50%); */}
.history_list dd li:last-child::before {display:none}
.history_list dd li .his_date {font-size: 20px;font-weight: 800;font-family:var(--font-point);width: 15%;position: relative;line-height: 125%;padding-left: 4rem;}
.history_list dd li .his_date:before {content:"";position:absolute;width: 16px;height: 16px;background-color:var(--color-main);border-radius:50%;border: 4px solid rgb(255 255 255 / 80%);left: 0;top: 50%;transform: translateY(-50%);}
.history_list dd li .his_txt {width: 85%;font-weight: 400;display: flex;flex-direction: column;gap: .5rem;line-height: 125%;}
.history_list dd li span {/* margin-right: 2rem; */display: inline-block;width: 35px;}
/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1400px)  {
  
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) {
    .history_list dd li .his_date {padding-left:2.5rem}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .fix_wrap {width:35%}
    .history_wrap {width: 100%;}
    .fix_left img {width:100%}
    .history_list dl {flex-wrap:wrap;/* margin-left: 2rem; */gap: 2rem;}
    .history_list dt {width:100%;font-size: 1.8rem;}
    .history_list dd {width:100%;}
    .history_list dd li .his_date {padding-left: 1.5rem;font-size: 1.05rem;width: 20%;}
    .history_list dd li .his_txt {
    gap: 1re;
}
    .history_list dd li .his_txt p {font-size:1rem;}
    .history_list dd li span {width: 1.5rem;}
  
}