/* 주택 설명 */
/* 상단 리스트 */


/* 시공위치 버튼 리스트 */
#mainComtents > .contentBoxBottom > div.btn-list {
    text-align: center;
}
#mainComtents > .contentBoxBottom > div.btn-list > button {
    padding: 0 20px;
    border-width: 1px;
    border-color: rgba(25, 138, 105, 0.25);
    border-style: solid;
    border-radius: 20px;
    height: 40px;
    margin: 0 5px
}
#mainComtents > .contentBoxBottom > div.btn-list > button >span {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.875;
}

#mainComtents > .contentBoxBottom > div.btn-list > button.on {
    background-color: rgba(25, 138, 105, 0.25);
}
#mainComtents > .contentBoxBottom > div.btn-list > button.on >span {
    color: rgb(25, 138, 105);
    font-weight: 600;
}


#mainComtents > .contentBoxBottom > div.create-list {
    text-align: right;
}

#mainComtents > .contentBoxBottom > div.create-list > button {
    background-color: rgb(25, 138, 105);
    width: 111px;
    height: 37px;

    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 2.143;
}

/* 이미지 뷰 리스트 */
#mainComtents > .contentBoxBottom > div.imgView-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#mainComtents > .contentBoxBottom > div.imgView-list > .listBox {
    margin-bottom: 40px;
}
#mainComtents > .contentBoxBottom > div.imgView-list > .listBox > div:first-child {
    width: 320px;
    height: 200px;
    margin-bottom: 10px;
}

#mainComtents > .contentBoxBottom > div.imgView-list > .listBox >  div:first-child > img {
    width: 100%;
    height: 100%;
}
#mainComtents > .contentBoxBottom > div.imgView-list > .listBox >  div:first-child > a >img {
    width: 100%;
    height: 100%;
}


#mainComtents > .contentBoxBottom > div.imgView-list > .listBox > div:last-child > div:nth-child(1){
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    color: rgb(25, 138, 105);
    height: 24px;
    line-height: 24px;
    border-width: 1px;
    border-color: rgba(25, 138, 105, 0.1);
    border-style: solid;
    background-color: rgba(25, 138, 105, 0.1);
    border-radius: 20px;
}

#mainComtents > .contentBoxBottom > div.imgView-list > .listBox > div:last-child > div:nth-child(2) {
    font-size: 18px;
    color: rgb(51, 51, 51);
    font-weight: 600;
    /* line-height: 1.667; */
    margin: 10px 0 20px 0;
}
#mainComtents > .contentBoxBottom > div.imgView-list > .listBox > div:last-child > div:nth-child(3){
    display: flex;
}

#mainComtents > .contentBoxBottom > div.imgView-list > .listBox > div:last-child > div:nth-child(3) > div {
    display: flex;
}
#mainComtents > .contentBoxBottom > div.imgView-list > .listBox > div:last-child > div:nth-child(3) > div:last-child {
    margin-left: 10px;    
}
#mainComtents > .contentBoxBottom > div.imgView-list > .listBox > div:last-child > div:nth-child(3) > div > span {
    font-size: 14px;
    color: rgb(51, 51, 51);
    margin-left: 3px;
    line-height: 10px;
}


/* 페이징 */
#mainComtents > .pagination {
    margin-top: 10px;
}
#mainComtents > .pagination > ul {
    display: flex;
    justify-content: center;
}
#mainComtents > .pagination > ul > li{
    color: rgb(51, 51, 51);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#mainComtents > .pagination > ul > li:hover{
    cursor: pointer;
}

#mainComtents > .pagination > ul > li:last-child,
#mainComtents > .pagination > ul > li:first-child {
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    border-style: solid;
    background-color: rgb(236, 236, 236);
    width: 30px;
    height: 30px;
}
#mainComtents > .pagination > ul > li:last-child {
    margin-left: 7.5px;
}
#mainComtents > .pagination > ul > li:first-child{
    margin-right: 7.5px;
}

#mainComtents > .pagination > ul > li:not(li:last-child):not(li:first-child ) {
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 30px;
    height: 30px;
    z-index: 182;
    
    font-size: 14px;
    font-family: "SUIT";
    color: rgb(51, 51, 51);
    margin: 0 7.5px;
}
#mainComtents > .pagination > ul > li:not(li:last-child):not(li:first-child):hover{
    font-weight: 600;
    text-decoration: underline;
}

#mainComtents > .pagination > ul > li.on {
    border-color: rgb(25, 138, 105);
    background-color: rgb(25, 138, 105);
}

#mainComtents > .pagination > ul > li.on > a {
    color: rgb(255, 255, 255);
    font-weight: 600;
}