@charset "utf-8";

.culList {width:100%;height:100%; margin-top: 10px; margin-bottom: 80px;}
.culList ul {display: flex;flex-wrap: wrap; margin: 0 -20px;}
.culList ul li {display: block;width: 33.3333%;height: auto; padding: 20px;}
.culList ul li .cul{
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../../images/user/cul/cul1.png);
    background-color: #F9ECF3;
    border: 1px solid #EFCBDE;
    color: #CC4D8E;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 15px 25px 15px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 110px;
}

.culList ul li .cul .title {
    font-size: 24px;
    font-weight: 700;
}
.culList ul li .cul .detail {
    font-size: 12px;
    font-weight: 400;
}

.culList ul li .cul::before ,
.culList ul li .cul::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 12px;
    background-color: #000;
    right: 20px;
    top: 30px;
    display: block;
    transition: all .2s;
    z-index: 1;
}
.culList ul li .cul:before {
    transform: rotate(-45deg);
    margin-left: -5px;
    margin-top: 3px;
}
.culList ul li .cul:after {
    transform: rotate(45deg);
    margin-left: -5px;
    margin-top: -4px;
}

.culList .cul.legend_0 {background-image:  url(../../../images/user/cul/cul1.png);color: #CC4D8E; background-color: #F9ECF3; border-color: #EFCBDE;}
.culList .cul.legend_14 {background-image:  url(../../../images/user/cul/cul2.png);color: #E59C1F; background-color: #FEF7EB; border-color: #F8E4C1;}
.culList .cul.legend_1 {background-image:  url(../../../images/user/cul/cul3.png);color: #C5994D; background-color: #F9F5ED; border-color: #EEE2CC;}
.culList .cul.legend_7 {background-image:  url(../../../images/user/cul/cul4.png);color: #CC4438; background-color: #FCEAE8; border-color: #F2C8C4;}
.culList .cul.legend_2 {background-image:  url(../../../images/user/cul/cul5.png);color: #BA6625; background-color: #F8EFE8; border-color: #EBD3C0;}
.culList .cul.legend_6 {background-image:  url(../../../images/user/cul/cul6.png);color: #9346C7; background-color: #F4ECF9; border-color: #E0CAEE;}
.culList .cul.legend_3 {background-image:  url(../../../images/user/cul/cul7.png);color: #4E1D0E; background-color: #EDE8E6; border-color: #CCBEBA;}
.culList .cul.legend_12 {background-image:  url(../../../images/user/cul/cul8.png);color: #080E87; background-color: #E5E6F3; border-color: #B8BADD;}
.culList .cul.legend_4 {background-image:  url(../../../images/user/cul/cul9.png);color: #4B74C8; background-color: #ECF1FA; border-color: #CBD7EF;}
.culList .cul.legend_8 {background-image:  url(../../../images/user/cul/cul10.png);color: #698B47; background-color: #F0F3EC; border-color: #D4DDCA;}
.culList .cul.legend_13 {background-image:  url(../../../images/user/cul/cul11.png);color: #A72216; background-color: #F6E8E7; border-color: #E5BFBC;}
.culList .cul.legend_5 {background-image:  url(../../../images/user/cul/cul12.png);color: #CF4E34; background-color: #FAEDEA; border-color: #F1CCC5;}
.culList .cul.legend_15 {background-image:  url(../../../images/user/cul/cul13.png);color: #9B077E; background-color: #F0E6F0; border-color: #D8CFD8;}
.culList .cul.legend_16 {background-image:  url(../../../images/user/cul/cul14.png);color: #82A053; background-color: #F8FAEF; border-color: #D2DBC5;}
.culList .cul.legend_18 {background-image:  url(../../../images/user/cul/cul_15.png);color: #D39724; background-color: #FFF9E9; border-color: #D39724;}
.culList .cul.legend_19 {background-image:  url(../../../images/user/cul/cul_16.png);color: #D39724; background-color: #FFF9E9; border-color: #D39724;}
.culList .cul.legend_20 {background-image:  url(../../../images/user/cul/cul_20.svg);color: #80A15F; background-color: #EFF5E7; border-color: #99BE75;}


/*.culList ul li:nth-of-type(1) .cul1 {background-image:  url(../../../images/user/cul/cul1.png);}*/
/*.culList ul li:nth-of-type(2) .cul1 {background-image:  url(../../../images/user/cul/cul2.png);}*/
/*.culList ul li:nth-of-type(3) .cul1 {background-image:  url(../../../images/user/cul/cul3.png);}*/
/*.culList ul li:nth-of-type(4) .cul1 {background-image:  url(../../../images/user/cul/cul4.png);}*/
/*.culList ul li:nth-of-type(5) .cul1 {background-image:  url(../../../images/user/cul/cul5.png);}*/
/*.culList ul li:nth-of-type(6) .cul1 {background-image:  url(../../../images/user/cul/cul6.png);}*/
/*.culList ul li:nth-of-type(7) .cul1 {background-image:  url(../../../images/user/cul/cul7.png);}*/
/*.culList ul li:nth-of-type(8) .cul1 {background-image:  url(../../../images/user/cul/cul8.png);}*/
/*.culList ul li:nth-of-type(9) .cul1 {background-image:  url(../../../images/user/cul/cul9.png);}*/
/*.culList ul li:nth-of-type(10) .cul1 {background-image:  url(../../../images/user/cul/cul10.png);}*/
/*.culList ul li:nth-of-type(11) .cul1 {background-image:  url(../../../images/user/cul/cul11.png);}*/
/*.culList ul li:nth-of-type(12) .cul1 {background-image:  url(../../../images/user/cul/cul12.png);}*/
/*.culList ul li:nth-of-type(13) .cul1 {background-image:  url(../../../images/user/cul/cul13.png);}*/
/*.culList ul li:nth-of-type(14) .cul1 {background-image:  url(../../../images/user/cul/cul14.png);}*/


/*.culList ul li:nth-of-type(1) .cul1 {color: #CC4D8E; background-color: #F9ECF3; border-color: #EFCBDE;}*/
/*.culList ul li:nth-of-type(2) .cul1 {color: #E59C1F; background-color: #FEF7EB; border-color: #F8E4C1;}*/
/*.culList ul li:nth-of-type(3) .cul1 {color: #C5994D; background-color: #F9F5ED; border-color: #EEE2CC;}*/
/*.culList ul li:nth-of-type(4) .cul1 {color: #CC4438; background-color: #FCEAE8; border-color: #F2C8C4;}*/
/*.culList ul li:nth-of-type(5) .cul1 {color: #BA6625; background-color: #F8EFE8; border-color: #EBD3C0;}*/
/*.culList ul li:nth-of-type(6) .cul1 {color: #9346C7; background-color: #F4ECF9; border-color: #E0CAEE;}*/
/*.culList ul li:nth-of-type(7) .cul1 {color: #4E1D0E; background-color: #EDE8E6; border-color: #CCBEBA;}*/
/*.culList ul li:nth-of-type(8) .cul1 {color: #080E87; background-color: #E5E6F3; border-color: #B8BADD;}*/
/*.culList ul li:nth-of-type(9) .cul1 {color: #4B74C8; background-color: #ECF1FA; border-color: #CBD7EF;}*/
/*.culList ul li:nth-of-type(10) .cul1 {color: #698B47; background-color: #F0F3EC; border-color: #D4DDCA;}*/
/*.culList ul li:nth-of-type(11) .cul1 {color: #A72216; background-color: #F6E8E7; border-color: #E5BFBC;}*/
/*.culList ul li:nth-of-type(12) .cul1 {color: #CF4E34; background-color: #FAEDEA; border-color: #F1CCC5;}*/
/*.culList ul li:nth-of-type(13) .cul1 {color: #9B077E; background-color: #F0E6F0; border-color: #D8CFD8;}*/
/*.culList ul li:nth-of-type(14) .cul1 {color: #82A053; background-color: #F8FAEF; border-color: #D2DBC5;}*/



.culList .cul.legend_0 .title, .culList .cul.legend_0 .detail {color: #CC4D8E;}
.culList .cul.legend_14 .title, .culList .cul.legend_14 .detail {color: #E59C1F;}
.culList .cul.legend_1 .title, .culList .cul.legend_1 .detail {color: #C5994D;}
.culList .cul.legend_7 .title, .culList .cul.legend_7 .detail {color: #CC4438;}
.culList .cul.legend_2 .title, .culList .cul.legend_2 .detail {color: #BA6625;}
.culList .cul.legend_6 .title, .culList .cul.legend_6 .detail {color: #9346C7;}
.culList .cul.legend_3 .title, .culList .cul.legend_3 .detail {color: #4E1D0E;}
.culList .cul.legend_12 .title, .culList .cul.legend_12 .detail {color: #080E87;}
.culList .cul.legend_4 .title, .culList .cul.legend_4 .detail {color: #4B74C8;}
.culList .cul.legend_8 .title, .culList .cul.legend_8 .detail {color: #698B47;}
.culList .cul.legend_13 .title, .culList .cul.legend_13 .detail {color: #A72216;}
.culList .cul.legend_5 .title, .culList .cul.legend_5 .detail {color: #CF4E34;}
.culList .cul.legend_15 .title, .culList .cul.legend_15 .detail {color: #9B007E;}
.culList .cul.legend_16 .title, .culList .cul.legend_16 .detail {color: #82A053;}
.culList .cul.legend_18 .title, .culList .cul.legend_18 .detail {color: #D39724;}
.culList .cul.legend_19 .title, .culList .cul.legend_19 .detail {color: #E5891F;}
.culList .cul.legend_20 .title, .culList .cul.legend_20 .detail {color: #80A15F;}



/*.culList ul li:nth-of-type(1) .cul1 .title, .culList ul li:nth-of-type(1) .cul1 .detail {color: #CC4D8E;}*/
/*.culList ul li:nth-of-type(2) .cul1 .title, .culList ul li:nth-of-type(2) .cul1 .detail {color: #E59C1F;}*/
/*.culList ul li:nth-of-type(3) .cul1 .title, .culList ul li:nth-of-type(3) .cul1 .detail {color: #C5994D;}*/
/*.culList ul li:nth-of-type(4) .cul1 .title, .culList ul li:nth-of-type(4) .cul1 .detail {color: #CC4438;}*/
/*.culList ul li:nth-of-type(5) .cul1 .title, .culList ul li:nth-of-type(5) .cul1 .detail {color: #BA6625;}*/
/*.culList ul li:nth-of-type(6) .cul1 .title, .culList ul li:nth-of-type(6) .cul1 .detail {color: #9346C7;}*/
/*.culList ul li:nth-of-type(7) .cul1 .title, .culList ul li:nth-of-type(7) .cul1 .detail {color: #4E1D0E;}*/
/*.culList ul li:nth-of-type(8) .cul1 .title, .culList ul li:nth-of-type(8) .cul1 .detail {color: #080E87;}*/
/*.culList ul li:nth-of-type(9) .cul1 .title, .culList ul li:nth-of-type(9) .cul1 .detail {color: #4B74C8;}*/
/*.culList ul li:nth-of-type(10) .cul1 .title, .culList ul li:nth-of-type(10) .cul1 .detail {color: #698B47;}*/
/*.culList ul li:nth-of-type(11) .cul1 .title, .culList ul li:nth-of-type(11) .cul1 .detail {color: #A72216;}*/
/*.culList ul li:nth-of-type(12) .cul1 .title, .culList ul li:nth-of-type(12) .cul1 .detail {color: #CF4E34;}*/
/*.culList ul li:nth-of-type(13) .cul1 .title, .culList ul li:nth-of-type(13) .cul1 .detail {color: #9B007E;}*/
/*.culList ul li:nth-of-type(14) .cul1 .title, .culList ul li:nth-of-type(14) .cul1 .detail {color: #82A053;}*/





/*.culList ul li:nth-of-type(1) .cul1 {color: #CC4D8E; background-color: #F9ECF3; border-color: #EFCBDE;}*/
/*.culList ul li:nth-of-type(2) .cul1 {color: #E59C1F; background-color: #FEF7EB; border-color: #F8E4C1;}*/
/*.culList ul li:nth-of-type(3) .cul1 {color: #C5994D; background-color: #F9F5ED; border-color: #EEE2CC;}*/
/*.culList ul li:nth-of-type(4) .cul1 {color: #CC4438; background-color: #FCEAE8; border-color: #F2C8C4;}*/
/*.culList ul li:nth-of-type(5) .cul1 {color: #BA6625; background-color: #F8EFE8; border-color: #EBD3C0;}*/
/*.culList ul li:nth-of-type(6) .cul1 {color: #9346C7; background-color: #F4ECF9; border-color: #E0CAEE;}*/
/*.culList ul li:nth-of-type(7) .cul1 {color: #4E1D0E; background-color: #EDE8E6; border-color: #CCBEBA;}*/
/*.culList ul li:nth-of-type(8) .cul1 {color: #080E87; background-color: #E5E6F3; border-color: #B8BADD;}*/
/*.culList ul li:nth-of-type(9) .cul1 {color: #4B74C8; background-color: #ECF1FA; border-color: #CBD7EF;}*/
/*.culList ul li:nth-of-type(10) .cul1 {color: #698B47; background-color: #F0F3EC; border-color: #D4DDCA;}*/
/*.culList ul li:nth-of-type(11) .cul1 {color: #A72216; background-color: #F6E8E7; border-color: #E5BFBC;}*/
/*.culList ul li:nth-of-type(12) .cul1 {color: #CF4E34; background-color: #FAEDEA; border-color: #F1CCC5;}*/
/*.culList ul li:nth-of-type(13) .cul1 {color: #9B077E; background-color: #F0E6F0; border-color: #D8CFD8;}*/
/*.culList ul li:nth-of-type(14) .cul1 {color: #82A053; background-color: #F8FAEF; border-color: #D2DBC5;}*/


.culList .cul.legend_0::before, .culList .cul.legend_0::after {background-color: #CC4D8E;}
.culList .cul.legend_14::before, .culList .cul.legend_14::after {background-color: #E59C1F;}
.culList .cul.legend_1::before, .culList .cul.legend_1::after {background-color: #C5994D;}
.culList .cul.legend_7::before, .culList .cul.legend_7::after {background-color: #CC4438;}
.culList .cul.legend_2::before, .culList .cul.legend_2::after {background-color: #BA6625;}
.culList .cul.legend_6::before, .culList .cul.legend_6::after {background-color: #9346C7;}
.culList .cul.legend_3::before, .culList .cul.legend_3::after {background-color: #4E1D0E;}
.culList .cul.legend_12::before, .culList .cul.legend_12::after {background-color: #080E87;}
.culList .cul.legend_4::before, .culList .cul.legend_4::after {background-color: #4B74C8;}
.culList .cul.legend_8::before, .culList .cul.legend_8::after {background-color: #698B47;}
.culList .cul.legend_13::before, .culList .cul.legend_13::after {background-color: #A72216;}
.culList .cul.legend_5::before, .culList .cul.legend_5::after {background-color: #CF4E34;}
.culList .cul.legend_15::before, .culList .cul.legend_15::after {background-color: #9B077E;}
.culList .cul.legend_16::before, .culList .cul.legend_16::after {background-color: #82A053;}
.culList .cul.legend_18::before, .culList .cul.legend_18::after {background-color: #D39724;}
.culList .cul.legend_19::before, .culList .cul.legend_19::after {background-color: #E5891F;}
.culList .cul.legend_20::before, .culList .cul.legend_20::after {background-color: #80A15F;}




/*.culList ul li:nth-of-type(1) .cul1::before, .culList ul li:nth-of-type(1) .cul1::after {background-color: #CC4D8E;}*/
/*.culList ul li:nth-of-type(2) .cul1::before, .culList ul li:nth-of-type(2) .cul1::after {background-color: #E59C1F;}*/
/*.culList ul li:nth-of-type(3) .cul1::before, .culList ul li:nth-of-type(3) .cul1::after {background-color: #C5994D;}*/
/*.culList ul li:nth-of-type(4) .cul1::before, .culList ul li:nth-of-type(4) .cul1::after {background-color: #CC4438;}*/
/*.culList ul li:nth-of-type(5) .cul1::before, .culList ul li:nth-of-type(5) .cul1::after {background-color: #BA6625;}*/
/*.culList ul li:nth-of-type(6) .cul1::before, .culList ul li:nth-of-type(6) .cul1::after {background-color: #9346C7;}*/
/*.culList ul li:nth-of-type(7) .cul1::before, .culList ul li:nth-of-type(7) .cul1::after {background-color: #4E1D0E;}*/
/*.culList ul li:nth-of-type(8) .cul1::before, .culList ul li:nth-of-type(8) .cul1::after {background-color: #080E87;}*/
/*.culList ul li:nth-of-type(9) .cul1::before, .culList ul li:nth-of-type(9) .cul1::after {background-color: #4B74C8;}*/
/*.culList ul li:nth-of-type(10) .cul1::before, .culList ul li:nth-of-type(10) .cul1::after {background-color: #698B47;}*/
/*.culList ul li:nth-of-type(11) .cul1::before, .culList ul li:nth-of-type(11) .cul1::after {background-color: #A72216;}*/
/*.culList ul li:nth-of-type(12) .cul1::before, .culList ul li:nth-of-type(12) .cul1::after {background-color: #CF4E34;}*/
/*.culList ul li:nth-of-type(13) .cul1::before, .culList ul li:nth-of-type(13) .cul1::after {background-color: #9B077E;}*/
/*.culList ul li:nth-of-type(14) .cul1::before, .culList ul li:nth-of-type(14) .cul1::after {background-color: #82A053;}*/


@media screen and (max-width: 768px) {

    .culList {margin-bottom: 40px;}
    .culList ul{margin: 0;}
    .culList ul li {display: block;width: 100%; height: auto; padding: 8px 0;}
    .culList ul li .cul{padding: 20px 15px;}
    .culList ul li .cul .title {font-size: 20px; font-weight: 700;}
    .culList ul li .cul::before ,
    .culList ul li .cul::after {
        content: '';
        position: absolute;
        height: 3px;
        width: 12px;
        background-color: #000;
        right: 20px;
        top: 33px;
        display: block;
        transition: all .2s;
        z-index: 1;
    }
    .snb-slide.swiper-container {
        width: calc(100% - 120px);
    }

}