@charset "utf-8";

#ctt_con {
}
#ctt_con .content{/* padding-top: 70px; */position: relative;overflow: hidden;}
#ctt_con .content:nth-child(1),
#ctt_con .content:nth-child(3){background: #f3f4f3;
}

.text_1 {
    
font-size: 24px;
    
font-weight: 500;
}

.text_1 p:first-child{
    font-weight: 900;
}
#ctt h2 {
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    padding: 40px 0 65px;
}

.text_1 p {
    padding-bottom: 70px;
    line-height: 50px;
}

.row {
    position: relative;
    z-index: 1;
}

.row .col_1 {
    font-size: 30px;
    font-weight: 900;
    padding-right: 77px;
}
.row .col_1.col_1_left {
    padding-right: 53px;
}
.row .col_2 {
    background-image: url(../../../img/dot_line.png);
    background-repeat: repeat-y;
    background-position: center;
}

.row .col_3 {
    font-size: 24px;
    font-weight: 900;
    padding-left: 50px;
    padding-bottom: 70px;
}

.red_dot {
    background: #e44320;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    position: relative;
    margin: 2px;
}

.row>div {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.red_dot:after {content: '';position: absolute;width: 6px;height: 6px;background: #fff;border-radius: 3px;top: 9px;left: 9px;}

#ctt_con .content:not(:nth-child(1)) .row:first-child>div {
    padding-top: 70px;
}

#ctt_con .content:nth-child(1) {
    padding-top: 70px;
}
#ctt_con .content:after {
    
font-size: 280px;
    
font-weight: 900;
    
position: absolute;
    
left: 50%;
    
margin-left: 145px;
    
bottom: -103px;
    
z-index: 0;
}
#ctt_con .content:nth-child(1):after {
    content:'1990~';
    color: #fefefe;
}
#ctt_con .content:nth-child(2):after {
    content:'2000~';
    color: #f4f5f4;
}
#ctt_con .content:nth-child(3):after {
    content:'2010~';
    color: #fefefe;
}
#ctt_con .content:nth-child(4):after {
    content:'2020~';
    color: #f4f5f4;
}

#ctt_con .content:last-child .row:last-child .col_2 {
    background-image: none;
}