@charset "UTF-8";

section#sect05{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
}
/* pc */
section#sect05 .pc{
    width: 100%; height: 100%;
}
section#sect05 .pc img.plus{
    position: absolute; top: 80px; left: 15.63vw;
    width: 35px; height: 37px;
}
section#sect05 .pc h2{
    position: absolute; top: 100px; left: 17.71vw;
    font-family: 'Pretendard';
	font-weight: 500;
    font-size: 55px;
    color: #111;
    letter-spacing: -0.025em;
}
section#sect05 .pc ul{
    position: absolute; top: 200px; left: 34.38vw;
    width: 1260px;
}
section#sect05 .pc ul li{
    width: 100%; height: 65px;
    margin-bottom: 95px;
    transition: all 0.3s;
    cursor: pointer;
}
section#sect05 .pc ul li:last-child{
    margin-bottom: 0;
}
section#sect05 .pc ul li:nth-child(1){
    background: url(../img/sect05/con1.png) no-repeat center center;
    background-size: 100% 100%;
}
section#sect05 .pc ul li:nth-child(1):hover{
    background: url(../img/sect05/con1_on.png) no-repeat center center;
    background-size: 100% 100%;
}
section#sect05 .pc ul li:nth-child(2){
    background: url(../img/sect05/con2.png) no-repeat center center;
    background-size: 100% 100%;
}
section#sect05 .pc ul li:nth-child(2):hover{
    background: url(../img/sect05/con2_on.png) no-repeat center center;
    background-size: 100% 100%;
}
section#sect05 .pc ul li:nth-child(3){
    background: url(../img/sect05/con3.png) no-repeat center center;
    background-size: 100% 100%;
}
section#sect05 .pc ul li:nth-child(3):hover{
    background: url(../img/sect05/con3_on.png) no-repeat center center;
    background-size: 100% 100%;
}
section#sect05 .pc ul li:nth-child(4){
    background: url(../img/sect05/con4.png) no-repeat center center;
    background-size: 100% 100%;
}
section#sect05 .pc ul li:nth-child(4):hover{
    background: url(../img/sect05/con4_on.png) no-repeat center center;
    background-size: 100% 100%;
}
section#sect05 .pc ul li a{
    display: block;
    width: 100%; height: 100%;
}
@media screen and (min-width:721px) and (max-width: 1320px){
    section#sect05 .pc ul{
        position: absolute; top: 200px; left: 39.27vw;
        width: 1008px;
    }
    section#sect05 .pc ul li{
        width: 80%; height: 42px;
        margin-bottom: 95px;
        transition: all 0.3s;
        cursor: pointer;
    }
}
/* pc_end */

/* mo */
section#sect05 .mo{
    display: none;
    position: relative;
    width: 100%; height: 100%;
}
section#sect05 .mo img.mo_plus{
    position: absolute; top: 13.89vw; left: 5.56vw;
    width: 5.69vw; height: 5.69vw;
}
section#sect05 .mo h2{
    position: absolute; top: 16.67vw; left: 12.50vw;
    font-family: 'Pretendard';
	font-weight: 500;
    font-size: 9.44vw;
    color: #333;
    letter-spacing: -0.025em;
}
section#sect05 .mo ul{
    position: absolute; top: 45vw; left: 5.56vw;
    width: 94.44vw;
}
section#sect05 .mo ul li{
    /* width: 100%; height: 55px; */
    width: 100%; height: 7.64vw;
    /* margin-bottom: 105px; */
    margin-bottom: 14.58vw;
    cursor: pointer;
    transition: all;
}
section#sect05 .mo ul li a{
    display: block;
    width: 100%; height: 100%;
}
section#sect05 .mo ul li:nth-last-child(1){
    background: url(../img/sect05/mo_con4.png) no-repeat top center;
    background-size: 100% 100%;
}
section#sect05 .mo ul li:nth-last-child(2){
    background: url(../img/sect05/mo_con3.png) no-repeat top center;
    background-size: 100% 100%;
}
section#sect05 .mo ul li:nth-last-child(3){
    background: url(../img/sect05/mo_con2.png) no-repeat top center;
    background-size: 100% 100%;
}
section#sect05 .mo ul li:nth-last-child(4){
    background: url(../img/sect05/mo_con1.png) no-repeat top center;
    background-size: 100% 100%;
}
/* mo_end */

@media screen and (min-width: 721px) and (max-width: 1320px){
    /* pc */
    section#sect05 .pc{
        width: 100%; height: 100%;
    }
    section#sect05 .pc img.plus{
        position: absolute; top: 70px; left: 16.63vw;
        width: 25px; height: 26.42px;
    }
    section#sect05 .pc h2{
        position: absolute; top: 90px; left: 18.71vw;
        font-size: 45px;
    }
    /* pc_end */
}

@media screen and (max-width: 720.9999px){
    section#sect05{
        position: relative;
        /* width: 100%; height: 1374px; */
        width: 100%; height: 120vw;
        overflow: hidden;
        background: #fff;
    }
    section#sect05 .pc{
        display: none;
    }
    section#sect05 .mo{
        display: block;
    }
}