.menu-item-230 a {
    background: #d32f2f; 
    color: #ffffff !important;
    padding: 12px 28px;
    border-radius: 18px;
    font-weight: bold;
    font-size: 1.1em;
    transition: background 0.3s; 
}

.menu-item-230 a:hover,
.menu-item-230 a:focus {
    background: #2e7d32; 
    box-shadow: 0 8px 24px rgba(67, 160, 71, 0.24);
}


/* 사이드바 */
aside {
	width: 16em;
}

.side {
width: 300px;
padding: 3px 12px 3px 12px;
box-shadow: 4px 2px 12px -7px var(--global-palette3);
border-radius: 10px 10px 10px 10px;

}

/* 익스 */
.side-r {

width: 300px;
padding: 0px 5px 5px 10px;
box-shadow: 4px 2px 12px -7px var(--global-palette3);
border-radius: 10px 10px 10px 10px;
position: fixed;
color:white;
background-color:#B40404;
z-index: 2;
position: relative;

}

.side-r a {
    color: #fff; 
    text-decoration: underline;
}
.side-r a:hover {
    color: yellow;
	font-weight:bold;
    text-decoration: underline;
}


/* 노드 */
.side-b {

width: 300px;
padding: 6px 5px 5px 10px;
box-shadow: 4px 2px 12px -7px var(--global-palette3);
border-radius: 10px 10px 10px 10px;
position: fixed;
color:white;
background-color:#157BD4;
z-index: 1;
position: relative;
margin-bottom: 20px;
}

.side-b a {
    color: #fff; 
    text-decoration: underline;
}
.side-b a:hover {
    color: yellow;
	font-weight:bold;
    text-decoration: underline;
}

 /*  본문_사이드바 거리 */
@media screen and (min-width: 1025px) {
    .has-sidebar .content-container {
        display: grid;
        grid-template-columns: 5fr 2fr;
        grid-gap: var(--global-xs-spacing);
        justify-content: center;
    }
}
 /* 사이드바 끝 */


 /* 접기 */
@layer setupPage, step2styles, markers;

details {
  border-radius: 0.5rem;
  margin: 1rem ;
  transition: 50ms;
}
details[open] {
    padding-bottom: 1em;
}  

summary::before,
summary::after {
    transition: 200ms;
  }



@layer markers {
  summary {
  position: relative;
}
summary::marker {
  content: none;
}
summary::before,
summary::after {
  content: '';
}
summary::before,
summary::after {
    width: .75em;
    height: 0;
    border-bottom: 2px solid;
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    transform: translateY(-50%);
  }
summary::after {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
[open] summary::after {
  transform: rotate(0deg);
}
}

/* styles ported over from the second example */
@layer step2styles {
  details {
    border: 1px solid #ddd;
    padding: 0 1rem;

  }

  details[open] {
      padding-bottom: 1em;
  }  
  summary {
    padding: 1rem 2em 1rem 0;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
  }
}

/* cascade layer: page setup. Doesn't impact the accordion */
@layer setupPage {
  
:root {
  font-size: 112.5%;
  line-height: 1.5;
}

* {
  box-sizing: border-box;
}

aside {
  width: 38em;
  max-width: 98vw;
}
}



 /* 접기 끝 */



 /* LI 구분선 */


/* --- 목록 기본 스타일 --- */
.wp-block-list {
  margin: 0 0 1em 10px;
  padding: 0;
  line-height: 1.5;
  color: #333;
}

/* ol 은 숫자, ul 은 점 */
ol.wp-block-list {
  list-style-type: decimal;
  margin-left: 2em;
  padding-left: 0;
}

ul.wp-block-list {
  list-style-type: disc;
  margin-left: 2em;
  padding-left: 0;
}

/* 최상위 li */
.wp-block-list > li {
  padding: 12px 3px 15px 0;
  margin-bottom: 0;
  border-bottom: 1px dashed #bbb;
  position: relative;
}

/* 중첩 ul */
.wp-block-list ul.wp-block-list {
  list-style-type: circle;
  margin: 10px 0 10px 20px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}

.wp-block-list ul.wp-block-list > li {
  padding: 8px 0;
  margin-bottom: 3px;
  border-bottom: none;
}

/* 강조 strong */
.wp-block-list li strong {
  font-weight: 700;
}



 /* LI 구분선 끝 */

img {
display: block;
margin: 0 auto;
padding-bottom: 5px;
padding-top: 10px;
}

#vpn-txt {
display:block;
word-break:break-all;

border:solid 1px #03a5fc;
border-left-width: 10px;
background: #f8f8f8;
padding-top:0px;
padding-left:15px;	
padding-bottom:0px;	
margin: 10px 15px 10px 15px; 
}

.in-txt {
display:block;
word-break:break-all;

border:solid 1px #03a5fc;
border-left-width: 10px;
background: #f8f8f8;
padding-top:0px;
padding-left:15px;	
padding-bottom:0px;	
margin: 10px 15px 10px 15px; 
}

#vpn-ranking {
border:solid 2px #1db359;
background: #F7F7F7; padding:15px; margin: 10px 15px 10px 15px; 
	

}

/* 테이블 좌우 스크롤 */
/* 모바일 환경에서 모든 워드프레스 테이블에 좌우 스크롤 적용 (강력 적용) */
@media (max-width: 768px) { /* 화면 너비 768px 이하에서 적용 */
    /* 모든 figure.wp-block-table 요소에 가로 스크롤 활성화 */
    figure.wp-block-table {
        display: block !important; /* 블록 요소로 강제 */
        width: 100% !important; /* 부모 너비에 맞춤 */
        overflow-x: auto !important; /* 가로 스크롤 활성화 (강제) */
        -webkit-overflow-scrolling: touch !important; /* iOS Safari에서 부드러운 스크롤 (강제) */
    }

    /* figure 내의 실제 table 요소 스타일 조정 */
    figure.wp-block-table table {
        width: auto !important; /* 내용에 따라 테이블 너비 자동 조절 (스크롤 유발) */
        min-width: 100% !important; /* 최소 너비는 100%로 설정 (컨테이너에 맞춤) */
        border-collapse: collapse !important; /* 테이블 경계선 병합 (강제) */
        table-layout: auto !important; /* 테이블 레이아웃을 콘텐츠에 맞게 (강제) */
    }

    /* 테이블 헤더와 셀의 내용이 너무 좁아지지 않도록 최소 너비 설정 */
    figure.wp-block-table th,
    figure.wp-block-table td {
        white-space: normal !important; /* 셀 내에서 텍스트 자동 줄바꿈 허용 (강제) */
        min-width: 100px !important; /* 셀의 최소 너비 설정 (콘텐츠에 따라 조절) */
        /* 필요하다면 셀의 max-width를 설정하여 너무 넓어지지 않게 할 수 있습니다. */
        /* max-width: 200px !important; */
    }

    /* 테이블 내 텍스트 정렬이 망가질 경우를 대비 */
    figure.wp-block-table .has-text-align-center {
        text-align: center !important;
    }
    figure.wp-block-table .has-text-align-left {
        text-align: left !important;
    }
    figure.wp-block-table .has-text-align-right {
        text-align: right !important;
    }
}

/* 테이블 스크롤 끝 */


/* *** 특징***  */

        /* VPN 장점 섹션 */
        .vpn-value-pros {
            background-color: #f8fff8;
            padding: 25px;
            margin: 20px 0;
            border-radius: 10px;
            border-left: 5px solid #28a745;
            line-height: 1.6;
            box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
        }
        
        .vpn-value-pros h4 {
            color: #155724;
            margin-top: 0;
            font-size: 1.4em;
            border-bottom: 2px solid #28a745;
            padding-bottom: 10px;
        }
        
        .vpn-value-pros ul {
            list-style: none;
            padding-left: 0;
        }
        
        .vpn-value-pros li {
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
        }
        
        .vpn-value-pros li:before {
            content: "✓";
					 margin-right: 3px; 
            left: 0;
            color: #28a745;
            font-weight: bold;
            font-size: 1.2em;
        }
        
        .vpn-value-pros strong {
            color: #155724;
        }
        
        .vpn-value-pros a {
            color: #007bff;
            text-decoration: none;
            font-weight: 500;
        }
        
        .vpn-value-pros a:hover {
            color: #0056b3;
            text-decoration: underline;
        }
        
        /* VPN 단점 섹션 */
        .vpn-value-cons {
            background-color: #fff5f5;
            padding: 25px;
            margin: 20px 0;
            border-radius: 10px;
            border-left: 5px solid #dc3545;
            line-height: 1.6;
            box-shadow: 0 2px 8px rgba(220, 53, 69, 0.1);
        }
        
        .vpn-value-cons h4 {
            color: #721c24;
            margin-top: 0;
            font-size: 1.4em;
            border-bottom: 2px solid #dc3545;
            padding-bottom: 10px;
        }
        
        .vpn-value-cons ul {
            list-style: none;
            padding-left: 0;
        }
        
        .vpn-value-cons li {
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
        }
        
        .vpn-value-cons li:before {
            content: "✗";
					 margin-right: 3px; 
            left: 0;
            color: #dc3545;
            font-weight: bold;
            font-size: 1.2em;
        }
        
        .vpn-value-cons strong {
            color: #721c24;
        }
        
        .vpn-value-cons a {
            color: #007bff;
            text-decoration: none;
            font-weight: 500;
        }
        
        .vpn-value-cons a:hover {
            color: #0056b3;
            text-decoration: underline;
        }

        @media (max-width: 768px) {
            .vpn-summary,
            .vpn-value-pros,
            .vpn-value-cons {
                padding: 15px;
                margin: 10px 0;
            }
            
            .vpn-summary h4,
            .vpn-value-pros h4,
            .vpn-value-cons h4 {
                font-size: 1.2em;
            }
        }


/* 요약  */
  .vpn-summary {
            background-color: #f8f9fa;
            padding: 25px;
            margin: 20px 0;
            border-radius: 10px;
            border-left: 5px solid #0907a9;
            line-height: 1.6;
        }
        
        .vpn-summary h4 {
            color: #2c3e50;
            margin-top: 0;
            font-size: 1.4em;
            border-bottom: 2px solid #0907a9;
            padding-bottom: 10px;
        }
        
        .vpn-summary ul {
            list-style: none;
            padding-left: 0;
        }
        
        .vpn-summary li {
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
        }
        
        .vpn-summary li:before {
            content: "✓";
            left: 0;
					 margin-right: 3px; 
            color: #28a745;
            font-weight: bold;
            font-size: 1.2em;
        }
        
        .highlight-star {
            color: #ffc107;
            font-weight: bold;
            margin-right: 5px;
        }
        
        .vpn-summary a {
            color: #007bff;
            text-decoration: none;
            font-weight: 500;
        }
        
        .vpn-summary a:hover {
            color: #0056b3;
            text-decoration: underline;
        }
        
        .vpn-summary strong {
            color: #2c3e50;
        }
        
        .user-note {
            font-style: italic;
            color: #6c757d;
            font-size: 0.9em;
        }
        
        @media (max-width: 768px) {
            .vpn-summary {
                padding: 15px;
                margin: 10px 0;
            }
            
            .vpn-summary h4 {
                font-size: 1.2em;
            }
        }


/* 버튼 */

.button {
    display: inline-block;
    font-size: 18px;
    line-height: 2em;
    color: #fff;
    background: #205B37;
    border: 2px solid #205B37;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px 35px;
    letter-spacing: 1px;
    transition: linear 0.2s;
	margin : 20px;

}

.button_holder
{
		text-align: center;
	display: block;
	position: relative;
}

.button_s {
    display: inline-block;
    font-size: 14px;
    line-height: 2em;
    color: #fff;
    background: #076440;
    border: 2px solid #076440;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 2px 10px;
    letter-spacing: 1px;
    transition: linear 0.2s;
	  margin-top:15px;

}

.button_l {
    display: inline-block;
    font-size: 20px;
    line-height: 2em;
    color: #fff;
    background: #076440;
    border: 2px solid #076440;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 30px;
    letter-spacing: 1px;
    transition: linear 0.2s;
	  margin-top:15px;

}

.review_button {
    display: inline-block;
    color: #fff;
    background: #076440;
    border-left: 8px solid #076440;
	border-right: 8px solid #076440;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: linear 0.2s;
       font-size: 0.9em;
}

.VPN_button {
    display: inline-block;
    color: #fff;
    background: #076440;
    border-left: 8px solid #076440;
	border-right: 8px solid #076440;
    border-radius: 10px;
    letter-spacing: 1px;
    transition: linear 0.2s;
   
}




.VPN-pros-cons {
  display: flex;
  max-width: 85%;
  margin: 30px auto;
	margin-top: 25px ;
  box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.4);

}
.VPN-pros-cons .heading {

  text-align: center;
  color: #fff;
  margin: 0;
  padding: 16px 14px 13px;
}

.VPN-pros-cons .pros-table .heading {
  background: #01DFA5;
}
.VPN-pros-cons .cons-table .heading {
  background: #aaaaaa
}
.VPN-pros-cons .pros-table ul li::before {
  content: "+";

  font-weight: bold;
  padding-right: 16px;
  color: #02c39a;
  display: block;
}
.VPN-pros-cons .cons-table ul li::before {
  content: "-";

  font-weight: bold;
  padding-right: 16px;
  color: #e63946;
  display: block;
}
.VPN-pros-cons .pros-table,
.VPN-pros-cons .cons-table {
  flex: 1;
}
.VPN-pros-cons .pros {
  border-right: 1px solid #eee;
}
.VPN-pros-cons ul {
  padding: 8px 0;
  list-style: none;
  margin: 0;
}
.VPN-pros-cons ul li {
  padding: 5px 20px;
  font-size: 1em;
  line-height: 1.5;
  display: flex;
}
@media (max-width: 530px) {
  .VPN-pros-cons {
    flex-direction: column;
  }
  .VPN-pros-cons ul li:nth-of-type(2n) {

  }
}



kbd {

  background-color: #f1f1f1; /* Light gray background color */
  padding: 0.2em 0.5em; /* Padding around the code */
  border: 1px solid #ddd; /* Light border */
  border-radius: 4px; /* Rounded corners */
  display: inline-block; /* Display as inline block */
  color: #333; /* Text color */
  font-size: 90%; /* Adjust font size */
}

/*  댓글멘트 */
.required-field-message {display:none;}
#email-notes:after {content:  " 댓글은 승인 후 보입니다.";}

.comment-content {font-size:0.85em;}
.comment-author  {font-size:1.15em;}

/*  sticky사이드바 */
widget toc_widget {
    position: sticky;
    position: -webkit-sticky; /* Safari */
    top: 50px; /* Offset from top of container */
}

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

#respond form#commentform p.comment-form-author label.float-label,
#respond form#commentform p.comment-form-email label.float-label,
#respond form#commentform p.comment-form-comment label.float-label{
    color: #333;
}

.entry-content section {
 /*  background: #fdfdf9; */
  border-radius: 18px;
  box-shadow: 0 2px 18px -6px rgba(140,110,80,0.06);
  padding: 0em 1.2em 1.2em 1.2em;
  margin: 0 0 3.5em 0;
  border-left: 2.5px solid #888; /* 왼쪽만 두께 */
  border-top: 1px solid #888;     /* 위 */
  border-right: 1px solid #888;   /* 오른쪽 */
  border-bottom: 1px solid #888;  /* 아래 */
  transition: box-shadow 0.18s cubic-bezier(.35,.6,.41,.95);
  position: relative;
}

.entry-content section h2,
.entry-content section h3 {
  color: #333; 
  margin-top: 0.3em;
  margin-bottom: 0.9em;
  font-weight: 700;
  letter-spacing: -0.5px;
  position: relative;
}
.entry-content section h2::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 22px;
  background: linear-gradient(135deg, #dec69a 0%, #efe4cc 100%);
  border-radius: 2px;
  margin-right: 10px;
  vertical-align: middle;
}
.entry-content section p {
  color: #473d2b;
  font-size: 1.10em;
  line-height: 1.85;
  margin-bottom: 1.25em;
}
.entry-content section ul,
.entry-content section ol {
  margin: 1em 0 1em 1.6em;
  padding: 0;
}
.entry-content section li {
  margin-bottom: 0.35em;
}
.entry-content section strong {
  color: #222; /* 볼드 폰트 컬러 */
  font-weight: 600;

  padding: 0.05em 0.15em;
  border-radius: 0.2em;
}
@media (max-width: 700px) {
  .entry-content section {
    padding: 1.2em 0.5em 1em 1em;
    border-radius: 11px;
  }
  .entry-content section h2,
  .entry-content section h3 {
    font-size: 1.15em;
  }
}

.entry.content-bg.loop-entry {
    border: 1px solid #AAA;        /* #888 테두리, 두께 2px */
    border-radius: 16px;           /* 둥근 모서리, 값은 취향에 따라 */
    box-shadow: 0 2px 8px rgba(136,136,136,0.08); /* 은은한 그림자(선택사항) */

    background: #fff;              /* 흰 배경(선택, 사이트 기본 배경에 따라 생략 가능) */
    transition: box-shadow .2s;
}



/* 오류 수정 */
html:root {
  --global-vw: 100vw; 
 --global-body-font-family: 'Pretendard', sans-serif;
  --global-primary-nav-font-family: 'Pretendard', sans-serif;
  --global-secondary-nav-font-family: 'Pretendard', sans-serif;
  --global-heading-font-family:  'Pretendard', sans-serif;
  --global-content-edge-padding: 0.8rem;
  --global-xl-spacing: 2em;
}
body {
  font-family: 'Pretendard', sans-serif !important;
}

.entry-content h2 {
  margin-top: 1.2em !important;
  margin-bottom: 1em !important;

  font-size: 1.8em !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #e1e4e8 !important;
  color: #1a2733 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
}
.entry-content h3 {
  margin-top: 2em !important;
  margin-bottom: 0.8em !important;
  font-size: 1.25em !important;
  font-weight: 600 !important;
  color: #23304a !important;
  border-left: 4px solid #3560a6 !important;
  padding-left: 0.7em !important;
  background: linear-gradient(to right, #f3f6fa 45%, transparent 100%) !important;
  line-height: 1.8 !important;
  letter-spacing: -0.01em !important;
}
/* 이하 h4~h6도 동일하게 */
.entry-content h4 {
  margin-top: 1.5em !important;
  margin-bottom: 0.5em !important;
  font-size: 1.05em !important;
  font-weight: 600 !important;
  color: #23304a !important;
  background: #f5f7fa !important;
  padding: 0.35em 0.9em !important;
  border-radius: 7px !important;
  display: inline-block !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  border-left: 4px solid #adb4bd !important;
}
.entry-content h5 {
  margin-top: 1.2em !important;
  margin-bottom: 0.5em !important;
  font-size: 1em !important;
  font-weight: 500 !important;
  color: #36506c !important;
  border-left: 3px solid #d2dae6 !important;
  padding-left: 0.6em !important;
  background: #f7f9fb !important;
  display: inline-block !important;
  border-radius: 5px !important;
  line-height: 1.3 !important;
}
.entry-content h6 {
  margin-top: 1em !important;
  margin-bottom: 0.4em !important;
  font-size: 0.97em !important;
  font-weight: 500 !important;
  color: #505a6b !important;
  padding-left: 0.5em !important;
  border-left: 2px dotted #c1c8d6 !important;
  background: #fcfdff !important;
  border-radius: 3px !important;
  display: inline-block !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

/* 기타 */
.comment-author
{
	  font-size: 1.2em !important;
}


/* 최신글 CSS */
.wp-block-latest-posts__list.is-grid.columns-3 > li {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 1em;
  margin: 0.5em;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s ease-in-out;

}


.wp-block-latest-posts .wp-block-latest-posts__list .is-grid {
  display: grid;
  grid-template-columns: 1fr;     /* 모바일 기준: 한 줄 */

  padding-left: 0;                /* 기본 ul 마커 제거 */
  list-style: none;               /* 점 제거 */
}

.wp-block-latest-posts__list.is-grid.columns-3 > li:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}


.wp-block-latest-posts__featured-image {
  width: 100%;
  aspect-ratio: 1 / 1;               /* 정사각형 비율 유지 */
  border: 1px solid #aaa;
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  padding: 0;                        /* 여백 제거 */
}

/* 이미지가 상단까지 완전히 채우도록 설정 */
.wp-block-latest-posts__featured-image a {
  display: block;
  height: 100%;
}

.wp-block-latest-posts__featured-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
  margin: 0;
  padding: 0;
}

.wp-block-latest-posts__post-excerpt {
  white-space: normal;         /* 줄바꿈 허용 */
  display: block;
  line-height: 1.6;            /* 줄 간격 */
  font-size: 1rem;
  color: #444;
  margin-top: 0.6em;           /* 제목과의 여백 */

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;       /* 3줄까지만 보여주기 */
  -webkit-box-orient: vertical;
}
.page-id-20028 .entry-content-wrap .entry-header {
  display: none !important;

}
.page-id-20028 .entry-content-wrap {
  padding:1rem; !important;
	}

/* 최신글 CSS 끝 */