@CHARSET "UTF-8";

@CHARSET "UTF-8"; #_JW_stMp_basic ._stMpUl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#_JW_stMp_basic ._stMpUl > li {
    width: 20%;
    min-height: 416px;
    position: relative;
}

#_JW_stMp_basic ._stMpUl > li:last-child {
    display: none;
}

#_JW_stMp_basic ._stMpUl > li::before{content:"";display: block;position: absolute;left: 0;top: 40px;width: 1px;height: calc(100% - 40px);background-color: #e5e5e5;}

#_JW_stMp_basic ._stMpUl > li .stMp_Title {
    font-size: 25px;
    color: #000000;
    font-family: "Pretendard";
    font-weight: 700;
    position: relative;
    padding-left: 40px;
}

#_JW_stMp_basic ._stMpUl > li .stMp_Title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 30px;
    height: 25px;
    background-color: #9296ce;
}

#_JW_stMp_basic ._stMpUl > li ._stMpWrap ul{padding: 0 30px;}

#_JW_stMp_basic ._stMpUl > li ._stMpWrap li a {
    font-size: 18px;
    color: #000000;
    font-family: "Pretendard";
    font-weight: 500;
    padding-left: 15px;
    position: relative;
}

#_JW_stMp_basic ._stMpUl > li ._stMpWrap li a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #9296ce;
}


@media screen and (max-width: 1024px){
	#_JW_stMp_basic ._stMpUl > li{width: 50%; min-height: 250px;}
}

@media screen and (max-width: 768px){
	#_JW_stMp_basic ._stMpUl > li{width: 100%; min-height: auto;}
}