body {
    background: #111827;
}

.Top_Img {
    border-bottom: 1px solid #2b3f68;
    margin-bottom: 6.8vw; /* 상단 여백 */
}
.Top_Img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.Security {
    padding-bottom: 40px; /* 하단 여백 */
}

.Auto_Title {
    text-align: center;
    margin-bottom: 7vw; /* 타이틀과 내용 사이의 여백 */
}
.Title_Text {
    color: #ffffff; /* 타이틀 텍스트 색상 */
    text-transform: uppercase; /* 타이틀 텍스트를 모두 대문자로 변환 */
    letter-spacing: 2px; /* 타이틀 텍스트의 글자 간격 */
    text-align: center; /* 타이틀 텍스트 정렬 */
    margin-bottom: 0px; /* 타이틀 텍스트 하단 여백 */
    font-size: 3.8vw; /* 타이틀 텍스트 폰트 크기 */
    font-weight: bold; /* 타이틀 텍스트 폰트 두께 */
}

.Auto_List_Text {
    border-bottom: 1px solid #1e2a42; /* 보안 섹션 하단 테두리 색상 */
    text-align: center; /* 텍스트를 수평으로 가운데 정렬 */
    margin: 0px 30vw; /* 수평 여백 */
}
.Title_Label {
    font-size: 1vw; /* 타이틀 라벨 폰트 크기 */
    color: #888; /* 타이틀 라벨 텍스트 색상 */
    text-transform: uppercase; /* 타이틀 라벨 텍스트를 모두 대문자로 변환 */
    letter-spacing: 2px; /* 타이틀 라벨 글자 간격 */
    text-align: center; /* 타이틀 라벨 텍스트 정렬 */
    margin-top: 10px; /* 타이틀 라벨 상단 여백 */
    font-weight: bold; /* 타이틀 라벨 폰트 두께 */
    border-top: 3px solid #0055ff; /* 타이틀 라벨 상단 테두리 색상 */
    padding: 0px 10px; /* 타이틀 라벨 패딩 */
}
.Title_Label span {
    color: #fff; /* 타이틀 라벨 내의 강조 텍스트 색상 */
}












.List_1, .List_2, .List_3, .List_4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*
    border: 1px solid #24385e;
    margin: 0 7vw;
    */
    padding: 3vw 5vw; /* 리스트 내부 여백 */
    color: #fff;
    
}
.List_1 {
    border-left: 0px;
    background: #111b31;
}
.List_2 {
    border-top: 0px;
    border-right: 0px;
    background: #000;
    padding: 2vw 0px;
}
.List_3 {
    border-top: 0px;
    border-left: 0px;
    background: #111b31;
}
.List_4 {
    border-top: 0px;
    border-right: 0px;
    background: #000;
    padding: 2vw 0px;
}
.list_1_Left, .List_3_right {
    align-self: start;
    margin: 1vw 2vw 0 0; /* 왼쪽과 오른쪽 사이의 간격 */
}
.List_1_right {
    margin-left: auto; /* 왼쪽과 오른쪽 사이의 간격 */
}
.List_1_right img {
    width: 22vw;
    height: auto;
}
.List_1_Title, .List_3_Title {
    font-size: 3vw; /* 리스트 제목 폰트 크기 */
    font-weight: bold; /* 리스트 제목 폰트 두께 */
}
.List_1_Title_Sub, .List_3_Title_Sub {
    font-size: 1vw; /* 리스트 제목 폰트 크기 */
}
.List_1_List_Text, .List_3_List_Text {
    color: #ccc; /* 리스트 항목 텍스트 색상 */
    margin-top: 0.7vw; /* 리스트 항목과 제목 사이의 여백 */
    line-height: 1.5vw; /* 리스트 항목 줄 간격 */
    font-size: 0.8vw; /* 리스트 항목 폰트 크기 */
}
.List_2 {
    display: flex;
    gap: 4vw;
    justify-content: center;
    align-items: center;
    padding: 3vw 0; /* 리스트 2 블록 상하 여백 */
}
.List_2 img {
    width: 24vw; /* 리스트 2 블록 이미지 너비 */
    vertical-align: bottom;
    border: 1px solid #333; /* 리스트 2 블록 이미지 테두리 색상 */
    border-radius: 7px; /* 리스트 2 블록 이미지 테두리 반경 */
}

.List_3_Left img {
    width: 25vw;
    height: auto;
}
.List_3_List_Line {
    border-bottom: 1px dashed #24385e; /* 리스트 3 항목 하단 테두리 색상 */
    padding: 0.3vw 1vw; /* 리스트 3 항목 상하 여백 */
}
.List_3_Text_Left {
    float: left;
    width: 30vw; /* 리스트 3 텍스트 왼쪽 너비 */
}
.List_3_Text_Right {
    float: right;
    width: 3vw;
    text-align: center; /* 리스트 3 텍스트 오른쪽 정렬 */
}

.List_4 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3vw 0; /* 리스트 4 블록 상하 여백 */
}
.List_4 img {
    width: 20vw; /* 리스트 4 블록 이미지 너비 */
    vertical-align: bottom;
}





.List_Color_1 {
    color: #3d7dff; /* 리스트 3 텍스트 색상 변경 */
}
.List_Color_2 {
    color: #00ff00; /* 리스트 3 텍스트 색상 변경 */
}
.List_Color_3 {
    color: #ff0000; /* 리스트 3 텍스트 색상 변경 */
}
.List_Color_0 {
    color: #555; /* 리스트 3 텍스트 색상 변경 */
}










.Button_Container {
    display: flex;
    justify-content: center; /* 버튼 가로(축 기준) 가운데 정렬 */
    margin-top: 2vw; /* 버튼 상단 여백 */
}
.Auto_Button {
    width: 10vw;
    display: inline-block;
    background-color: #0055ff; /* 보안 버튼 배경 색상 */
    color: #ffffff; /* 보안 버튼 텍스트 색상 */
    padding: 0.5vw 20px; /* 보안 버튼 패딩 */
    border-radius: 5px; /* 보안 버튼 테두리 반경 */
    cursor: pointer; /* 보안 버튼 호버 시 커서를 포인터로 변경 */
    transition: background-color 0.3s ease; /* 보안 버튼 배경 색상 전환 효과 */
    margin: 1vw 0vw; /* 보안 버튼 외부 여백 */
    font-size: 0.85vw;
    text-align: center; /* 보안 버튼 텍스트 가운데 정렬 */
}
.Auto_Button:hover {
    background-color: #0041cc; /* 보안 버튼 호버 배경 색상 */
}