
/**************************** top imaage start ***************************************/
.tosan-wildginseng-top-title-container {
    margin-top: 15rem;
}

.tosan-wildginseng-img-container .title-bg-line img { 
    width: 42rem;
    height: 42px;
}
/**************************** top imaage end ***************************************/


/**************************** top msg start ***************************************/
.tosan-wildginseng-top-content-container {
    margin: 3rem 0rem 0rem;
}

.tosan-wildginseng-top-content-box {
    text-align: center;
}

.tosan-wildginseng-top-content-group {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: -0.2rem;
    text-align: center;
    margin-bottom: 3rem;
    line-height: 3.3rem;
}

.tosan-wildginseng-top-content-group:nth-child(4) {
    letter-spacing: -0.2em;
    font-size: 4rem;
    margin-top: -3rem;
}

.tosan-wildginseng-top-content-group span {
    font-weight: 800;
    letter-spacing: -0.2rem;
}

.tosan-wildginseng-top-content-group .title-bg-line {    
    margin-top: -1.5rem;
}

.tosan-wildginseng-top-content-group .title-bg-line img {
    width: 52rem;
    height: 42px
}

/**************************** rnd results1 end ***************************************/


/**************************** history start ******************************************/

.history-container {
    margin: 11rem 0rem;
}

.history-content {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0rem;
}

/* big year */
.timeline-dates {
    list-style: none;
    padding: 0;
    margin: 1.7rem 0rem 0rem 0rem;
    text-align: right;
}

.timeline-dates li {
    margin-bottom: 12.7rem;
    font-size: 10rem;
    font-weight: 700;
    color: #9ca381;
}

.timeline-dates li:nth-child(2) {
    margin-bottom: 34rem;
}

/* date & contents */
.timeline-content {
    list-style: none;
    padding: 0;
    margin: 6.5rem -10rem 0rem 0.6rem;
}

.timeline-content::before {
    position: absolute;
    content: "";
    left: 3.1rem;
    top: -5rem;
    bottom: 0;
    width: 1.5rem;
    background-color: #808e77;
    border-radius: 1rem;
}

.timeline-content li {
    margin-bottom: 40px;
    font-size: 1.25rem;
    position: relative;
    padding-left: 40px;
}

.timeline-content li.y1980.n1 {
    margin-top: 17.5rem;
}

.timeline-content li.y1980.n2 {
    margin-top: 8rem;
}

.timeline-content li.y2000.n1 {
    margin-top: 27.5rem;
}

.timeline-content li.y2010.n1 {
    margin-top: 17.5rem;
}

.timeline-content li.y2020.n1 {
    margin-top: 21rem;
}

.timeline-content li.y2020.n1 img {
    width: 15rem;
}

.timeline-content > li > div {
    margin-left: 6rem;
}

.timeline-content > li .year {
    font-size: 3rem;
    font-weight: 700;
    color: #58744b;
    letter-spacing: -0.2rem;
}

.timeline-content > li .content {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.1rem;
}

/* vertical line */
/* .vertical-line {
    position: absolute;
    left: 50px;
    top: -5rem;
    bottom: 0;
    width: 1.5rem;
    background-color: #808e77;
    border-radius: 1rem;
} */

/* dot */
.circle {
    position: absolute;
    left: 0.8rem;
    top: 2.5rem;
    transform: translateY(-50%);
    width: 3.5rem;
    height: 3.5rem;
    background-color: #808e77;
    border-radius: 50%;
}

/****************************** history end ******************************************/