@charset "utf-8";

.service_list_section {
    position: relative;
}
.section_inner {
    height: 100%;
}
.section_container {
    height: 100%;
}
.service_title_container{
    height: 100%;
    background: url('../images/img/sub01_service_imgSlide.png') center center no-repeat;
    background-position: bottom;
    background-size: contain;
}
.contents_para_md {
    white-space: inherit !important;
}
section.service_list_toodee {
    background: var(--color-navy-5);
}
section.service_list_o2 {
    background: var(--color-navy-1);
}
.service_list_container {
    padding-bottom: 0;
}
.service_con_list {
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.service_con_list>div:first-child {
    margin-bottom: var(--mg-md);
}
.list_toodee {
    display: flex;
}
.list_o2 {
    flex-direction: row-reverse;
    color: var(--color-light-1);
}
.list_o2>div:first-child {
    text-align: right;
}
.list_o2:hover {
    color: var(--color-light-1);
}
.list_o2>div:nth-child(1)>.view_more_btn {
    background: var(--color-light-1);
    color: var(--color-navy-1);
}
.list_o2>div:nth-child(1)>.view_more_btn:after {
    background: var(--color-orange-1);
}
.list_o2>div:nth-child(1)>.view_more_btn:hover {
    color: var(--color-light-1);
}
.service_list_box {
    display: flex;
    flex-direction: column;
    justify-content: end;
    margin-top: var(--mg-xxxl);
}
.service_list_box>img {
    max-width: 40vw;
}
.bg_text_toodee {
    font-size: 8vw;
    color: var(--color-navy-3);
    opacity: .1;
    position: absolute;
    bottom: -7vw;
}
.bg_text_o2 {
    font-size: 8vw;
    color: var(--color-navy-3);
    opacity: .1;
    position: absolute;
    top: -7vw;
    right: 0;
}
.section_container_repair {
    text-align: center;
}
.section_container_repair>.svgBox{
    text-align: center;
}
.svgBox>svg {
    max-width: 100px;
    margin: var(--mg-xs) 0 0 var(--mg-xxxl);
}

/*--------------------------------------------------
	Responsive
---------------------------------------------------*/
@media screen and (max-width: 1023px){
    .service_list_section:not(:last-of-type)>.section_inner {
        padding-bottom: 0;
    }
    .service_con_list {
        flex-direction: column;
    }
    .service_con_list>div:first-child {
        margin-bottom: 0;
    }
    .service_list_box {
        margin-top: var(--mg-md);
    }
    .service_list_box>img {
        max-width: 100%;
    }
    .bg_text_toodee {
        display: none;
    }
    .bg_text_o2 {
        display: none;
    }
}