/* 메인 컨턴츠 */
#mainComtents {
    padding-bottom: 100px;
}

#mainComtents > .contentBoxBottom {
    flex-direction: column;
    align-items: baseline;
}

/* 왼쪽 이미지 및 타이틀 */ 
#mainComtents > .contentBoxBottom > .leftBox {
    width: 100%;
    text-align: left;
    min-width: 370px;
}
#mainComtents > .contentBoxBottom > .leftBox > div:nth-child(1) {
    font-size: 24px;
}
#mainComtents > .contentBoxBottom > .leftBox > div:nth-child(2) {
    font-size: 14px;
    margin-bottom: 40px;
    margin-top: 20;
}
/* 이미지 */
#mainComtents > .contentBoxBottom > .leftBox > div:nth-child(3) {
    width: 300px;
    height: 400;
    margin: 0 auto;
}
#mainComtents > .contentBoxBottom > .leftBox > div:nth-child(3)  > img {
    width: 100%;
    height: 100%;
}


/* 오른쪽 연도별 기록 */
#mainComtents > .contentBoxBottom > .rightBox {
    width: 100%;
    min-width: auto;
}
/* 년도 */
#mainComtents > .contentBoxBottom > .rightBox > .rightBox-listBox  {
    width: 100%;
}
#mainComtents > .contentBoxBottom > .rightBox > .rightBox-listBox > .year {
    font-size: 24px;
    margin-right: 10px;
    width: 65;
    min-width: 65;
}
#mainComtents > .contentBoxBottom > .rightBox > .rightBox-listBox > .year > div{
    margin-top: -6.5px;
}

#mainComtents > .contentBoxBottom > .rightBox > .rightBox-listBox > .clr {
    width: 20;
    height: 20;
    left: 65.5px;
}


#mainComtents > .contentBoxBottom > .rightBox > .rightBox-listBox > .clr > .clr01 {
    width: 6;
    height: 6;
}
/* 리스트 */
#mainComtents > .contentBoxBottom >  .rightBox  > .rightBox-listBox >.rightBox-listBox-contentBox {
    padding-left: 15px;
}
#mainComtents > .contentBoxBottom >  .rightBox  > .rightBox-listBox >.rightBox-listBox-contentBox > div {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 25px;
}