/*
(주)파이브센스_FIVESENSES.Corp.

본 라이브러리(라이브러리 소스코드)는 (주)파이브센스의 자산입니다.
무단으로 외부로 유출 및 일시 반출을 할 경우 손해배상 책임 및 민사/형사적 책임이 있습니다.
*/
.main_sqi8 .main_cont_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_sqi8 .main_cont_container a {
    width: 33.33%;
    min-width: 33.33%;
}

.main_sqi8 .main_cont_container a:nth-child(2) {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.main_sqi8 .content_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 0 40px;
}

/* 이미지 */
.main_sqi8 .img_container {
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
    overflow: hidden;
    border-radius: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_sqi8 .img_container img{
    width: 100%;
    max-width: 80%;
}

/* 이미지 배경색 */
.main_sqi8 .main_cont_container a:nth-child(1) .img_container {background: #f9f1d9;}
.main_sqi8 .main_cont_container a:nth-child(2) .img_container {background: #e6e6f2;}
.main_sqi8 .main_cont_container a:nth-child(3) .img_container {background: #e7f7ef;}

/* 내용 */
.main_sqi8 .info_container {
    flex: 1;
    overflow: hidden;
}

/* 타이틀 */
.main_sqi8 .title_container {
    margin-bottom: 6px;
}

.main_sqi8 .title_container h2 {
    font-size: 21px;
    font-weight: 600;
    color: #222222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 서브타이틀 */
.main_sqi8 .subtitle_container {
    margin-bottom: 0;
}

.main_sqi8 .subtitle_container h3 {
    font-size: 15px;
    font-weight: 400;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 991px) {
	.main_sqi8 .container_fix {
		padding:0 23px
	}
    .main_sqi8 .main_cont_container {
        display: block;
    }

    .main_sqi8 .main_cont_container a {
        width: 100%;
        min-width: 100%;
    }

    .main_sqi8 .main_cont_container a:nth-child(2) {
        border-left: none;
        border-right: none;
    }

    .main_sqi8 .content_list {
        padding: 16.5px 0;
        border-bottom: 1px solid #e5e5e5;
		gap:18px;
    }

    /* 이미지 */
    .main_sqi8 .img_container {
        min-width: 73px;
        min-height: 73px;
        max-width: 73px;
        max-height: 73px;
        border-radius: 23px;
    }

    /* 타이틀 */
	.main_sqi8 .title_container {
		margin-bottom:5px;
	}

    .main_sqi8 .title_container h2 {
        font-size: 17px;
    }

    /* 서브타이틀 */
    .main_sqi8 .subtitle_container h3 {
        font-size: 12px;
    }
}