.firstcharacter{
    float:left;
    color:#27ae60;
    font-size:75px;
    line-height:60px;
    padding-right:8px;
}
 .post-body p{
    margin-bottom:25px
}
 .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
    color:#000;
    line-height:1.3em;
    margin:0 0 20px
}
 .post-body img{
    height:auto!important
}
#ReportAbuse1, 
#Wikipedia1, 
#ContactForm2, 
#TextList1, 
#Translate1, 
#Subscribe2, 
#Subscribe1, 
#BloggerButton1, 
#BlogList1, 
#Stats1, 
#PopularPosts1, 
#Text2, 
#LinkList1, 
#PageList1, 
#Label1, 
#Followers1, 
#Header2, 
#BlogArchive1, 
#BlogSearch1, 
#Attribution1,
#FeaturedPost1, 
#Profile1,
#Label1,
#HTML8,
#HTML5,
#HTML7,
#HTML9,
#HTML4,
#HTML6,
#HTML1,
#HTML2 { 
  display: none !important; 
} 

#蹂몃Ц�섎떒愿묎퀬 .widget-title,
#�ㅻⅨ履쎈컯�� .widget-title,
#�ㅻⅨ履�\ 愿묎퀬 .widget-title,
#�쇱そ\ 愿묎퀬 .widget-title,
#�섎떒硫��고뵆�됱뒪愿묎퀬 .widget-title,
#�앹뾽李� .widget-title {
    display: none !important;
}

 blockquote{
    position:relative;
    background-color:rgba(155,155,155,0.05);
    color:#000000;
    font-style:normal;
    padding:20px 25px;
    margin:0;
    border-radius:3px
}
 blockquote:before{
    position:absolute;
    left:10px;
    top:10px;
    content:'\f10e';
    font-family:'Font Awesome 5 Free';
    font-size:33px;
    font-style:normal;
    font-weight:900;
    color:#000;
    line-height:1;
    opacity:.05;
    margin:0
}
 .post-body .responsive-video-wrap{
    position:relative;
    width:100%;
    padding:0;
    padding-top:56%
}
 .post-body .responsive-video-wrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
 .post-body ul{
    padding:0 0 0 15px;
    margin:10px 0
}
 .post-body li{
    margin:5px 0;
    padding:0
}
 .post-body ul li,.post-body ol ul li{
    list-style:none
}
 .post-body ul li:before{
    display:inline-block;
    content:'\2022';
    margin:0 5px 0 0
}
 .post-body ol{
    counter-reset:ify;
    padding:0 0 0 15px;
    margin:10px 0
}
 .post-body ol > li{
    counter-increment:ify;
    list-style:none
}
 .post-body ol > li:before{
    display:inline-block;
    content:counters(ify,'.')'.';
    margin:0 5px 0 0
}
.post-body ul li p {
  display: inline; /* �먮뒗 inline-block */
  margin: 0;
  padding: 0;
}
 .post-body u{
    text-decoration:underline
}
 .post-body strike{
    text-decoration:line-through
}
 .post-body sup{
    vertical-align:super
}
 .post-body a{
  
}
 .post-body a:hover{
}
 .post-body a.button{
    display:inline-block;
    height:34px;
    background-color:#2c3e50;
    font-size:14px;
    color:#ffffff;
    font-weight:400;
    line-height:34px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    padding:0 20px;
    margin:0 6px 8px 0
}
 .post-body a.colored-button{
    color:#fff
}
 .post-body a.button:hover{
    background-color:#f47500;
    color:#fff
}
 .post-body a.colored-button:hover{
    background-color:#f47500!important;
    color:#fff!important
}
 .button:before{
    float:left;
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    display:inline-block;
    margin:0 8px 0 0
}
 .button.preview:before{
    content:'\f06e'
}
 .button.download:before{
    content:'\f019'
}
 .button.link:before{
    content:'\f0c1'
}
 .button.cart:before{
    content:'\f07a'
}
 .button.info:before{
    content:'\f06a'
}
 .button.share:before{
    content:'\f1e0'
}
 .button.contact:before{
    content:'\f0e0';
    font-weight:400
}
 .alert-message{
    position:relative;
    display:block;
    padding:15px;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 .alert-message.alert-success{
    background-color:rgba(34,245,121,0.03);
    border:1px solid rgba(34,245,121,0.5)
}
 .alert-message.alert-info{
    background-color:rgba(55,153,220,0.03);
    border:1px solid rgba(55,153,220,0.5)
}
 .alert-message.alert-warning{
    background-color:rgba(185,139,61,0.03);
    border:1px solid rgba(185,139,61,0.5)
}
 .alert-message.alert-error{
    background-color:rgba(231,76,60,0.03);
    border:1px solid rgba(231,76,60,0.5)
}
 .alert-message:before{
    font-family:'Font Awesome 5 Free';
    font-size:16px;
    font-weight:900;
    display:inline-block;
    margin:0 5px 0 0
}
 .alert-message.alert-success:before{
    content:'\f058';
    color:rgba(34,245,121,1)
}
 .alert-message.alert-info:before{
    content:'\f05a';
    color:rgba(55,153,220,1)
}
 .alert-message.alert-warning:before{
    content:'\f06a';
    color:rgba(185,139,61,1)
}
 .alert-message.alert-error:before{
    content:'\f057';
    color:rgba(231,76,60,1)
}
 .post-body table{
    width:100%;
    overflow-x:auto;
    text-align:left;
    margin:0;
    border-collapse:collapse;
    border:1px solid #161619
}
 
 .post-body table td,.post-body table th{
    padding:7px 15px;
    border:1px solid #161619
}
 .post-body table thead th{
    color:#000;
    font-weight:700;
    text-align:left;
    vertical-align:bottom
}
 table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{
    line-height:1;
    padding:0;
    border:0
}
 table.tr-caption-container td.tr-caption{
    font-size:13px;
    color:#666666;
    padding:6px 0 0
}
 .tocify-wrap{
    display:flex;
    width:100%;
    clear:both;
    margin:0
}
 .tocify-inner{
    position:relative;
    max-width:100%;
    background-color:rgba(155,155,155,0.05);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    font-size:14px;
    color:#000000;
    line-height:1.6em;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 a.tocify-title{
    position:relative;
    height:38px;
    font-size:16px;
    color:#000000;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 15px;
    margin:0
}
 .tocify-title-text{
    display:flex
}
 .tocify-title-text:before{
    content:'\f0cb';
    font-family:'Font Awesome 5 Free';
    font-size:14px;
    font-weight:900;
    margin:0 6px 0 0
}
 .tocify-title:after{
    content:'\f078';
    font-family:'Font Awesome 5 Free';
    font-size:12px;
    font-weight:900;
    margin:0 0 0 25px
}
 .tocify-title.is-expanded:after{
    content:'\f077'
}
 a.tocify-title:hover{
    text-decoration:none
}
 #tocify{
    display:none;
    padding:0 15px 10px;
    margin:0
}
 #tocify ol{
    padding:0 0 0 15px
}
 .rtl #tocify ol{
    padding:0 15px 0 0
}
 #tocify li{
    font-size:14px;
    margin:8px 0
}
 #tocify li a{
    color:#f47500
}
 #tocify li a:hover{
    color:#f47500;
    text-decoration:underline
}
 .post-body .contact-form{
    display:table;
}
 .contact-form .widget-title{
    display:none
}
 .contact-form .contact-form-name{
    width:calc(50% - 5px)
}
 .contact-form .contact-form-email{
    float:right;
    width:calc(50% - 5px)
}
 .post-body pre,pre.code-box{
    position:relative;
    display:block;
    background-color:rgba(155,155,155,0.05);
    font-family:Monospace;
    font-size:13px;
    color:#47474a;
    white-space:pre-wrap;
    line-height:1.4em;
    padding:15px;
    margin:0;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 .post-body .google-auto-placed{
    margin:25px 0
}
  #hidden-widgets-wrap,.hidden-widgets{
    display:none;
    visibility:hidden
}
  @media only screen and (max-width: 680px) {
.post-body table {
    display: block;
}
  }
/* 紐⑤컮�쇱뿉�쒕쭔 蹂댁씠�꾨줉 �ㅼ젙 */
@media screen and (max-width: 768px) {
/* 紐⑤컮�� 紐⑹감 而⑦뀒�대꼫 */
#mobile-toc-container {
position: relative;
}

/* 紐⑤컮�� 紐⑹감 移대뱶 �ㅽ��� - �ㅻⅨ履� �ъ씠�쒕컮 */
.mobile-toc-card {
position: fixed;
top: 0;
right: -60%;
width: 60%;
height: 100vh;
z-index: 9999;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: -3px 0 15px rgba(0,0,0,0.2);
transition: right 0.3s ease;
overflow-y: auto;
}

.mobile-toc-card.show {
right: 0;
}

/* 諛곌꼍 �ㅻ쾭�덉씠 */
.mobile-toc-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 9998;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}

.mobile-toc-overlay.show {
opacity: 1;
visibility: visible;
}

/* 紐⑤컮�� 紐⑹감 �ㅽ��� */
.mobile-custom-toc {
padding: 25px 20px;
background: rgba(240, 240, 240, 0.95);
font-size: 14px;
height: 100%;
}

.mobile-toc-header {
text-align: left;
font-weight: bold;
padding: 15px 0;
border-bottom: 2px solid #DD3333F2;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}

.mobile-toc-title {
font-size: 18px;
color: #333;
display: flex;
align-items: center;
}

.mobile-custom-toc ul {
list-style: none;
padding: 0;
margin: 0;
}

.mobile-custom-toc li {
padding: 15px 10px;
margin-bottom: 5px;
background: rgba(255, 255, 255, 0.8);
border-radius: 6px;
transition: all 0.3s ease;
cursor: pointer;
border-left: 3px solid transparent;
word-wrap: break-word;
backdrop-filter: blur(5px);
}

.mobile-custom-toc li.active {
background: #DD3333F2;
color: white;
font-weight: bold;
border-left-color: #fff;
}

.mobile-custom-toc li a {
color: inherit;
text-decoration: none;
display: block;
width: 100%;
}

.mobile-custom-toc li:hover {
background: rgba(255, 255, 255, 1);
border-left-color: #DD3333F2;
transform: translateX(-3px);
}

.mobile-custom-toc li.active:hover {
background: #DD3333F2;
}

/* 紐⑤컮�� �좉� 踰꾪듉 �ㅽ��� - 諛섑닾紐� 諛곌꼍 */
#mobile-toc-toggle-btn {
position: fixed;
right: 20px;
top: 35%;
z-index: 9998;
background: rgba(243, 243, 243, 0.8);
color: #000;
border: none;
border-radius: 10px;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
transition: all 0.3s ease;
opacity: 0;
pointer-events: none;
font-weight: bold;
border: 2px solid rgba(0, 0, 0, 0.6);
backdrop-filter: blur(5px);
}

#mobile-toc-toggle-btn:hover {
transform: scale(1.05);
background: rgba(243, 243, 243, 0.95);
border-color: rgba(0, 0, 0, 0.8);
}

/* 紐⑤컮�� �린 踰꾪듉 */
.mobile-close-btn {
background: none;
border: none;
font-size: 20px;
color: #666;
cursor: pointer;
padding: 5px;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease;
}

.mobile-close-btn:hover {
background: #f0f0f0;
}
}

/* PC�먯꽌�� �꾩쟾�� �④� */
@media screen and (min-width: 769px) {
#mobile-toc-container,
.mobile-toc-card,
#mobile-toc-toggle-btn {
display: none !important;
}
}
/* PC�먯꽌留� 蹂댁씠�꾨줉 �ㅼ젙 */
@media screen and (min-width: 769px) {
/* PC 紐⑹감 而⑦뀒�대꼫 */
#pc-toc-container {
position: relative;
}

/* PC 紐⑹감 移대뱶 �ㅽ��� - �쇱そ �ъ씠�쒕컮 */
.pc-toc-card {
position: fixed;
top: 0;
left: -400px;
width: 400px;
height: 100vh;
z-index: 9999;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 3px 0 15px rgba(0,0,0,0.2);
transition: left 0.3s ease;
overflow-y: auto;
}

.pc-toc-card.show {
left: 0;
}

/* 諛곌꼍 �ㅻ쾭�덉씠 */
.pc-toc-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 9998;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}

.pc-toc-overlay.show {
opacity: 1;
visibility: visible;
}

/* PC 紐⑹감 �ㅽ��� */
.pc-custom-toc {
padding: 30px 25px;
background: rgba(240, 240, 240, 0.95);
font-size: 15px;
height: 100%;
}

.pc-toc-header {
text-align: left;
font-weight: bold;
padding: 18px 0;
border-bottom: 2px solid #DD3333F2;
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: space-between;
}

.pc-toc-title {
font-size: 20px;
color: #333;
display: flex;
align-items: center;
}

.pc-custom-toc ul {
list-style: none;
padding: 0;
margin: 0;
}

.pc-custom-toc li {
padding: 18px 15px;
margin-bottom: 8px;
background: rgba(255, 255, 255, 0.8);
border-radius: 8px;
transition: all 0.3s ease;
cursor: pointer;
border-left: 4px solid transparent;
word-wrap: break-word;
backdrop-filter: blur(5px);
}

.pc-custom-toc li.active {
background: #DD3333F2;
color: white;
font-weight: bold;
border-left-color: #fff;
}

.pc-custom-toc li a {
color: inherit;
text-decoration: none;
display: block;
width: 100%;
font-size: 15px;
}

.pc-custom-toc li:hover {
background: rgba(255, 255, 255, 1);
border-left-color: #DD3333F2;
transform: translateX(5px);
}

.pc-custom-toc li.active:hover {
background: #DD3333F2;
}

/* PC �좉� 踰꾪듉 �ㅽ��� */
#pc-toc-toggle-btn {
position: fixed;
z-index: 9998;
background: rgba(243, 243, 243, 0.5);
color: #000;
border: 2px solid #000;
border-radius: 12px;
padding: 12px 18px;
font-size: 22px;
cursor: pointer;
transition: all 0.3s ease;
opacity: 0;
pointer-events: none;
font-weight: bold;
box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

@media (min-width: 768px) {
#pc-toc-toggle-btn {
left: max(5px, (100vw - 900px) / 2 - 55px);
top: 250px;
}
}

@media (min-width: 992px) {
#pc-toc-toggle-btn {
left: max(5px, (100vw - 900px) / 2 - 45px);
top: 250px;
}
}

@media (min-width: 1200px) {
#pc-toc-toggle-btn {
left: max(210px, (100vw - 1100px) / 2 - 35px);
top: 250px;
}
}

@media (min-width: 1400px) {
#pc-toc-toggle-btn {
left: max(225px, (100vw - 1100px) / 2 - 25px);
top: 250px;
}
}

@media (max-width: 767px) {
#pc-toc-toggle-btn {
left: 395px;
width: 40px;
height: 40px;
font-size: 18px;
top: 250px;
}
}

@media (max-width: 575px) {
#pc-toc-toggle-btn {
left: 370px;
width: 35px;
height: 35px;
font-size: 16px;
top: 250px;
}
}

@media (max-width: 480px) {
#pc-toc-toggle-btn {
left: 345px;
top: 250px;
}
}

#pc-toc-toggle-btn:hover {
transform: scale(1.05);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* PC �린 踰꾪듉 */
.pc-close-btn {
background: none;
border: none;
font-size: 24px;
color: #666;
cursor: pointer;
padding: 8px;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease;
}

.pc-close-btn:hover {
background: #f0f0f0;
}
}

/* 紐⑤컮�쇱뿉�쒕뒗 �꾩쟾�� �④� */
@media screen and (max-width: 768px) {
#pc-toc-container,
.pc-toc-card,
#pc-toc-toggle-btn {
display: none !important;
}
}
/* 紐⑹감 諛뺤뒪 �ㅽ��� */
#post-toc {
  width: 90% !important;
  background: #232323 !important;
  border: 2px solid #444 !important;
  color: #e0e0e0 !important;
  padding: 15px !important;
  margin: 20px auto !important;
  border-radius: 6px !important;
  box-shadow: 2px 2px 16px rgba(0,0,0,0.4) !important;
}

#post-toc h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #000 !important;
  text-align: left;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding-bottom: 10px;
}

#post-toc h3:before {
  content: "\2630";
  font-size: 18px;
  margin-right: 8px;
}

#post-toc h3:after {
  content: "\25BC";
  font-size: 14px;
  margin-left: auto;
  transition: transform 0.3s;
}

#post-toc.collapsed h3:after {
  transform: rotate(-180deg);
}

#toc-content {
  max-height: 1000px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

#post-toc.collapsed #toc-content {
  max-height: 0;
}

#post-toc ul {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
  background: transparent !important;
}

#post-toc li {
  margin-bottom: 5px;
  padding: 5px 10px;
  border-left: 4px solid #666666;
  background: transparent !important;
  transition: all 0.3s ease-in-out;
  color: #e0e0e0 !important;
}

#post-toc a {
  text-decoration: none;
  color: #7de2ff !important;
  font-weight: 500;
}

#post-toc li:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: translateX(5px);
}

/* PC 커스텀 목차 다크모드 */
.pc-custom-toc {
  background: #232323 !important;
  border: 2px solid #444 !important;
  color: #e0e0e0 !important;
  border-radius: 6px !important;
  box-shadow: 2px 2px 16px rgba(0,0,0,0.4) !important;
}

.pc-custom-toc .pc-toc-title {
  color: #fff !important;
}

.pc-custom-toc ul {
  background: transparent !important;
}

.pc-custom-toc li {
  background: transparent !important;
  color: #e0e0e0 !important;
  border-left: 4px solid #666666 !important;
}

.pc-custom-toc li a {
  color: #7de2ff !important;
}

.pc-custom-toc li:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.pc-custom-toc li.active {
  background: rgba(125, 226, 255, 0.1) !important;
  border-left: 4px solid #7de2ff !important;
}

/* 이미지 중앙 정렬 스타일 */
.post-body img {
  height: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.item-post .post-body img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* p > a > img 중앙 정렬 강제 적용 */
.post-body p a img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.post-body p:has(a:has(img)) {
  text-align: center !important;
}

.post-body p a:has(img) {
  display: block !important;
  text-align: center !important;
}

/* 목차 제목 텍스트 색상 수정 */
#post-toc h3,
#post-toc h3 span,
#post-toc .toc-status,
.post-toc h3,
.post-toc h3 span,
.post-toc .toc-status {
  color: #000 !important;
}

/* 목차 링크 색상 */
#post-toc a,
.post-toc a {
  color: #7de2ff !important;
}

#post-toc a:hover,
.post-toc a:hover {
  color: #fff176 !important;
}

/* 목차 리스트 아이템 색상 */
#post-toc li,
.post-toc li {
  color: #e0e0e0 !important;
}

/* 이미지 중앙 정렬 스타일 */
.post-body img {
  height: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.item-post .post-body img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 諛섏쓳�� 肄붾뱶 異붽� */
@media screen and (max-width: 768px) {
/* �쒕툝由� �ш린 */
#post-toc {
width: 95%;
padding: 12px;
margin: 15px auto;
}

#post-toc h3 {
font-size: 16px;
}

#post-toc li {
padding: 4px 8px;
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
/* 紐⑤컮�� �ш린 */
#post-toc {
width: 90%;
padding: 10px;
margin: 10px auto;
border-radius: 0;
}

#post-toc h3 {
font-size: 15px;
}

#post-toc h3:before {
font-size: 16px;
margin-right: 6px;
}

#post-toc h3:after {
font-size: 12px;
}

#post-toc li {
margin-bottom: 3px;
padding: 3px 6px;
border-left: 3px solid #666666;
font-size: 13px;
}

/* 紐⑤컮�쇱뿉�쒕뒗 �몃쾭 �④낵 異뺤냼 */
#post-toc li:hover {
transform: translateX(2px);
}
}

/* 留ㅼ슦 �묒� �붾㈃ ���� */
@media screen and (max-width: 320px) {
#post-toc {
padding: 8px;
}

#post-toc h3 {
font-size: 14px;
}

#post-toc li {
font-size: 12px;
padding: 2px 4px;
}
}
/* �ъ씠�쒕컮 而⑦뀒�대꼫 */
#left-ads-container {
position: fixed;
top: 80px;
width: 160px;
z-index: 999;
transition: all 0.3s ease;
left: calc((100vw - 1200px) / 2 - 320px + 20px);
}

#right-ads-container {
position: fixed;
top: 400px;
width: 300px;
z-index: 999;
transition: all 0.3s ease;
right: calc((100vw - 1200px) / 2 - 320px + 150px);
}

/* 湲�(post) �섏씠吏��먯꽌留� �쒖떆 */
.item #left-ads-container {
display: block;
position: fixed;
top: 80px;
left: calc((100vw - 1200px) / 2 - 320px + 20px);
width: 160px;
z-index: 999;
transition: all 0.3s ease;
}

/* �쇱そ �ъ씠�쒕컮 �꾩튂 �ㅼ젙 - 湲곕낯媛� */
#left-ads-container {
left: max(20px, min(270px, (100vw - 900px) / 2 - 20px));
}

/* �ㅻⅨ履� �ъ씠�쒕컮 �꾩튂 �ㅼ젙 - 湲곕낯媛� */
#right-ads-container {
right: max(20px, min(270px, (100vw - 900px) / 2 - 20px));
}

/* �쇱そ �ㅻⅨ履� 移대뱶 �ㅽ��� */
.right-ads-box-card {
width: 300px;
height: 250px;
background: rgba(255, 255, 255, 0);
border-radius: 3px;
overflow: hidden;
position: relative;
font-family: sans-serif;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.3s ease;
}

.left-ads-box-card {
width: 160px;
height: 600px;
background: rgba(255, 255, 255, 0);
border-radius: 3px;
overflow: hidden;
position: relative;
font-family: sans-serif;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.3s ease;
}

/* 諛섏쓳�� �붿옄�� */
/* �� �곗뒪�ы넲 �붾㈃ (1400px �댁긽) */
@media (min-width: 1401px) {
#right-ads-container {
right: calc((100vw - 1200px) / 2 - 320px + 150px);
width: 300px;
}

#left-ads-container {
left: calc((100vw - 1200px) / 2 - 320px + 20px);
width: 160px;
}

.right-ads-box-card {
width: 300px;
height: 250px;
}

.left-ads-box-card {
width: 160px;
height: 600px;
}
}

/* �곗뒪�ы넲 �붾㈃ (1200px - 1400px) */
@media (min-width: 1201px) and (max-width: 1400px) {
#right-ads-container {
right: calc((100vw - 1100px) / 2 - 320px + 150px);
width: 300px;
}

#left-ads-container {
left: calc((100vw - 1100px) / 2 - 320px + 20px);
width: 160px;
}

.right-ads-box-card {
width: 300px;
height: 250px;
}

.left-ads-box-card {
width: 160px;
height: 600px;
}
}

/* �묒� �곗뒪�ы넲 �붾㈃ (992px - 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
#right-ads-container {
right: 20px;
width: 300px;
}

#left-ads-container {
left: 20px;
width: 160px;
}

.right-ads-box-card {
width: 300px;
height: 250px;
}

.left-ads-box-card {
width: 160px;
height: 600px;
}
}

/* �쒕툝由� �붾㈃ (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
#right-ads-container {
right: 15px;
width: 300px;
}

#left-ads-container {
left: 15px;
width: 300px;
}

.right-ads-box-card,
.left-ads-box-card {
width: 300px;
height: 250px;
}
}

/* �묒� �붾㈃ (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
#right-ads-container {
position: static;
width: 100%;
max-width: 200px;
margin: 20px auto;
}

#left-ads-container {
position: static;
width: 100%;
max-width: 200px;
margin: 20px auto;
}

.right-ads-box-card,
.left-ads-box-card {
width: 100%;
}
}

/* 紐⑤컮�� �붾㈃ (575px �댄븯) */
@media (max-width: 575px) {
#right-ads-container {
position: static;
width: 100%;
margin: 20px auto;
padding: 0 15px;
box-sizing: border-box;
}

#left-ads-container {
position: static;
width: 100%;
margin: 20px auto;
padding: 0 15px;
box-sizing: border-box;
}

.right-ads-box-card,
.left-ads-box-card {
width: 100%;
height: auto;
min-height: 200px;
}
}

/* �묒� �붾㈃�먯꽌�� �ъ씠�쒕컮瑜� 肄섑뀗痢� �꾨옒�� �쒖떆 */
@media (max-width: 1100px) {
#left-ads-container {
display: none !important;
}

#right-ads-container {
position: static;
width: 100%;
max-width: 95%;
}

.right-ads-box-card,
.left-ads-box-card {
margin: 0 auto;
}
}

/* �묒� �붾㈃�먯꽌�� �ъ씠�쒕컮瑜� �④� */
@media (max-width: 1700px) {
#left-ads-container {
display: none !important;
}

#right-ads-container {
display: none !important;
}
}
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}

.popup-content {
background: white;
width: 90%;
max-width: 350px;
border-radius: 0;
text-align: center;
position: relative;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
overflow: hidden;
padding: 0;
}

/* Image container with white space around */
.popup-image-container {
padding: 10px 10px 0 10px;
background: white;
}

/* Image style with border and rounded corners */
.popup-image {
width: 94%;
display: block;
border: 1px solid #ddd;
border-radius: 10px;
padding: 10px;
}

/* Button container with separate styling */
.popup-buttons {
padding: 10px;
background: white;
display: flex;
gap: 10px;
}

/* Button style - base */
.popup-button {
flex: 1;
padding: 15px 0;
text-align: center;
cursor: pointer;
font-size: 16px;
font-weight: 500;
border-radius: 5px;
transition: background 0.2s;
text-decoration: none;
}

/* Close button */
.popup-button-close {
background: #e9e9e9;
color: #333;
}

/* Go button */
.popup-button-go {
background: rgb(0, 123, 255);
color: white;
}

/* Button hover effects */
.popup-button-close:hover {
background: #d9d9d9;
}

.popup-button-go:hover {
background: #3a80d2;
}
/* h2 �ㅻ뵫 �ㅽ��� */
.post-body h2 {
margin: 20px -5px 5px;
font-size: 22px;
font-weight: 700;
COLOR: #333333;
PADDING-BOTTOM: 10px;
TEXT-ALIGN: left;
BORDER-LEFT: #333333 10px solid;
padding: 15px;
BACKGROUND-COLOR: #fafafa;
BORDER-BOTTOM: 2px solid #333333;                          /* �띿뒪�� �쇱そ �뺣젹 */
}

/* h3 �ㅻ뵫 �ㅽ��� */
.post-body h3 {
margin: 20px -5px 5px;
font-size: 18px;
font-weight: 700;
COLOR: #333333;
PADDING-BOTTOM: 10px;
TEXT-ALIGN: left;
padding: 15px;
BACKGROUND-COLOR: #fafafa;
BORDER-BOTTOM: 2px solid #333333;                          /* �띿뒪�� �쇱そ �뺣젹 */
}

/* h4 �ㅻ뵫 �ㅽ��� */
.post-body h4 {
padding: 3px 9px;                             /* �댁슜 二쇰� �⑤뵫 */
border-left: 5px solid #eeeeee;               /* �� �고븳 �됱긽�� �쇱そ �ㅼ꽑 �뚮몢由� */
border-bottom: 1px solid #eeeeee;             /* �� �고븳 �됱긽�� �섎떒 �ㅼ꽑 �뚮몢由� */
margin-bottom: 15px;                          /* �ㅻ뵫 �꾨옒 �щ갚 */
}

/* �⑤룆 DIV �쒓렇 �� 留곹겕�먮쭔 踰꾪듉 �ㅽ��� �곸슜 - �대�吏� �쒖쇅 */
.post-body div:not(p div) > a[href]:not(:has(img)),
.item-view .post div:not(p div) > a[href]:not(:has(img)),
.post div:not(p div) > a[href]:not(:has(img)),
.post-outer div:not(p div) > a[href]:not(:has(img)) {
display: block !important;
width: 84% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 22px 0 !important;
font-size: 1.5vw !important;
cursor: pointer !important;
text-align: center !important;
text-decoration: none !important;
outline: none !important;
color: #fff !important;
border: none !important;
border-radius: 20px !important;
transition: all 0.5s !important;
white-space: nowrap !important;
font-weight: bold !important;
animation: pulse 2s infinite !important;
box-sizing: border-box !important;

/* 諛묒쨪 �ㅽ��� 珥덇린�� */
background-image: none !important;
background-size: auto !important;
background-position: initial !important;
background-repeat: initial !important;
}

/* �대�吏� 留곹겕�� �곹뼢 諛쏆� �딅룄濡� 紐낆떆�� �ㅽ��� 珥덇린�� */
.post-body a[href]:has(img),
.item-view .post a[href]:has(img),
.post a[href]:has(img),
.post-outer a[href]:has(img) {
display: inline-block;
width: auto;
margin: inherit;
padding: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
text-decoration: none;
border: none;
border-radius: 0;
box-shadow: none;
animation: none;
transition: none;
}

.post-body div:not(p div) > a[href].random-style-1:not(:has(img)),
.item-view .post div:not(p div) > a[href].random-style-1:not(:has(img)),
.post div:not(p div) > a[href].random-style-1:not(:has(img)),
.post-outer div:not(p div) > a[href].random-style-1:not(:has(img)) {
  background-color: #ce1300 !important;
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.5) !important;
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.post-body div:not(p div) > a[href].random-style-1:not(:has(img)):hover,
.item-view .post div:not(p div) > a[href].random-style-1:not(:has(img)):hover,
.post div:not(p div) > a[href].random-style-1:not(:has(img)):hover,
.post-outer div:not(p div) > a[href].random-style-1:not(:has(img)):hover {
  background-color: red !important;
  transform: scale(1.08) !important;
  transition: all 0.3s ease !important;
}

/* P �쒓렇�� LI �쒓렇 �� 留곹겕�� 洹몃씪�곗씠�� 諛묒쨪 �ㅽ��� �곸슜 - �대�吏� �녿뒗 寃쎌슦留� */
.post-body p a[href]:not(:has(img)),
.post-body li a[href]:not(:has(img)),
.item-view .post p a[href]:not(:has(img)),
.item-view .post li a[href]:not(:has(img)),
.post p a[href]:not(:has(img)),
.post li a[href]:not(:has(img)),
.post-outer p a[href]:not(:has(img)),
.post-outer li a[href]:not(:has(img)) {
background-image: linear-gradient(to right, rgb(169, 188, 245), rgb(46, 100, 254)) !important;
background-position: 0px 100% !important;
background-repeat: no-repeat !important;
background-size: 100% 0.15em !important;
box-sizing: inherit !important;
color: #00c3ff !important;
font-family: "Gowun Dodum", sans-serif !important;
font-size: 16px !important;
padding: 1px 0px !important;
text-decoration-line: none !important;
transition: all 0.3s ease !important;
user-select: auto !important;
word-break: break-all !important;
position: relative !important;

/* 踰꾪듉 �ㅽ��� �띿꽦 痍⑥냼 */
display: inline !important;
width: auto !important;
margin: initial !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
animation: none !important;
box-shadow: none !important;
white-space: normal !important;
}

/* span �쒓렇 �� �됱긽�� �곸냽諛쏅룄濡� */
.post-body p a[href]:not(:has(img)) span,
.post-body li a[href]:not(:has(img)) span,
.item-view .post p a[href]:not(:has(img)) span,
.item-view .post li a[href]:not(:has(img)) span,
.post p a[href]:not(:has(img)) span,
.post li a[href]:not(:has(img)) span,
.post-outer p a[href]:not(:has(img)) span,
.post-outer li a[href]:not(:has(img)) span {
color: inherit !important;
}

/* P �쒓렇�� LI �쒓렇 �� 留곹겕 �몃쾭 �④낵 - �ъ뒪�� �섏씠吏��먯꽌留� (�대�吏� �녿뒗 寃쎌슦留�) */
.post-body p a[href]:not(:has(img)):hover,
.post-body li a[href]:not(:has(img)):hover,
.item-view .post p a[href]:not(:has(img)):hover,
.item-view .post li a[href]:not(:has(img)):hover,
.post p a[href]:not(:has(img)):hover,
.post li a[href]:not(:has(img)):hover,
.post-outer p a[href]:not(:has(img)):hover,
.post-outer li a[href]:not(:has(img)):hover {
background-size: 100% 100% !important;
color: white !important;
background-image: linear-gradient(to right, rgb(46, 100, 254), rgb(116, 159, 251)) !important;
border-radius: 3px !important;
padding: 2px 5px !important;
}

/* �몃쾭 �� span �쒓렇�� �곗깋�쇰줈 */
.post-body p a[href]:not(:has(img)):hover span,
.post-body li a[href]:not(:has(img)):hover span,
.item-view .post p a[href]:not(:has(img)):hover span,
.item-view .post li a[href]:not(:has(img)):hover span,
.post p a[href]:not(:has(img)):hover span,
.post li a[href]:not(:has(img)):hover span,
.post-outer p a[href]:not(:has(img)):hover span,
.post-outer li a[href]:not(:has(img)):hover span {
color: white !important;
}

/* �좊땲硫붿씠�� �④낵 */
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}

/* 紐⑤컮�� 諛섏쓳�� �ㅽ��� */
@media screen and (max-width: 768px) {
.post-body div:not(p div) > a[href]:not(:has(img)),
.item-view .post div:not(p div) > a[href]:not(:has(img)),
.post div:not(p div) > a[href]:not(:has(img)),
.post-outer div:not(p div) > a[href]:not(:has(img)) {
width: 90% !important;
max-width: 92% !important;
padding: 16px 10px !important;
font-size: 16px !important;
border-radius: 15px !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* 紐⑤컮�쇱뿉�� p �쒓렇 �щ갚 議곗젙 */
.post-body p:has(a[href*="臾댁＜��"]), 
.post-body p:has(a[href*="apt-view.com"]),
.item-view .post p:has(a[href*="臾댁＜��"]), 
.item-view .post p:has(a[href*="apt-view.com"]),
.post p:has(a[href*="臾댁＜��"]), 
.post p:has(a[href*="apt-view.com"]),
.post-outer p:has(a[href*="臾댁＜��"]), 
.post-outer p:has(a[href*="apt-view.com"]) {
padding: 15px;
margin-bottom: 15px;
}

/* 紐⑤컮�쇱뿉�� �좊땲硫붿씠�� �④낵 異뺤냼 */
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.02);
}
100% {
transform: scale(1);
}
}

/* 紐⑤컮�쇱뿉�� �몃쾭 �④낵 議곗젙 */
.post-body div:not(p div) > a[href].random-style-1:not(:has(img)):hover,
.post-body div:not(p div) > a[href].random-style-2:not(:has(img)):hover,
.item-view .post div:not(p div) > a[href].random-style-1:not(:has(img)):hover,
.item-view .post div:not(p div) > a[href].random-style-2:not(:has(img)):hover,
.post div:not(p div) > a[href].random-style-1:not(:has(img)):hover,
.post div:not(p div) > a[href].random-style-2:not(:has(img)):hover,
.post-outer div:not(p div) > a[href].random-style-1:not(:has(img)):hover,
.post-outer div:not(p div) > a[href].random-style-2:not(:has(img)):hover {
transform: scale(1.04) !important;
}

.post-body div:not(p div) > a[href].random-style-3:not(:has(img)):hover,
.item-view .post div:not(p div) > a[href].random-style-3:not(:has(img)):hover,
.post div:not(p div) > a[href].random-style-3:not(:has(img)):hover,
.post-outer div:not(p div) > a[href].random-style-3:not(:has(img)):hover {
transform: scale(0.96) !important;
}

/* 紐⑤컮�쇱뿉�� p �쒓렇 �� 留곹겕 �고듃 �ш린 議곗젙 */
.post-body p a[href]:not(:has(img)),
.item-view .post p a[href]:not(:has(img)),
.post p a[href]:not(:has(img)),
.post-outer p a[href]:not(:has(img)) {
font-size: 14px !important;
}
}

/* �묒� 紐⑤컮�� �붾㈃ ���� */
@media screen and (max-width: 480px) {
.post-body div:not(p div) > a[href]:not(:has(img)),
.item-view .post div:not(p div) > a[href]:not(:has(img)),
.post div:not(p div) > a[href]:not(:has(img)),
.post-outer div:not(p div) > a[href]:not(:has(img)) {
width: 88% !important;
max-width: 90% !important;
padding: 14px 8px !important;
font-size: 14px !important;
border-radius: 12px !important;
}

/* 洹몃┝�� �④낵 異뺤냼 */
.post-body div:not(p div) > a[href].random-style-1:not(:has(img)),
.post-body div:not(p div) > a[href].random-style-2:not(:has(img)),
.post-body div:not(p div) > a[href].random-style-3:not(:has(img)),
.item-view .post div:not(p div) > a[href].random-style-1:not(:has(img)),
.item-view .post div:not(p div) > a[href].random-style-2:not(:has(img)),
.item-view .post div:not(p div) > a[href].random-style-3:not(:has(img)),
.post div:not(p div) > a[href].random-style-1:not(:has(img)),
.post div:not(p div) > a[href].random-style-2:not(:has(img)),
.post div:not(p div) > a[href].random-style-3:not(:has(img)),
.post-outer div:not(p div) > a[href].random-style-1:not(:has(img)),
.post-outer div:not(p div) > a[href].random-style-2:not(:has(img)),
.post-outer div:not(p div) > a[href].random-style-3:not(:has(img)) {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
}

/* �묒� �붾㈃�먯꽌 p �쒓렇 �� 留곹겕 �고듃 �ш린 議곗젙 */
.post-body p a[href]:not(:has(img)),
.item-view .post p a[href]:not(:has(img)),
.post p a[href]:not(:has(img)),
.post-outer p a[href]:not(:has(img)) {
font-size: 13px !important;
}

/* �묒� �붾㈃�먯꽌 p �쒓렇 �⑤뵫 異뺤냼 */
.post-body p:has(a[href*="臾댁＜��"]), 
.post-body p:has(a[href*="apt-view.com"]),
.item-view .post p:has(a[href*="臾댁＜��"]), 
.item-view .post p:has(a[href*="apt-view.com"]),
.post p:has(a[href*="臾댁＜��"]), 
.post p:has(a[href*="apt-view.com"]),
.post-outer p:has(a[href*="臾댁＜��"]), 
.post-outer p:has(a[href*="apt-view.com"]) {
padding: 12px;
margin-bottom: 12px;
}
}

/* 踰꾪듉 而⑦뀒�대꼫 �ㅽ��� */
.post-body .button-container,
.item-view .post .button-container,
.post .button-container,
.post-outer .button-container {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
display: flex;
justify-content: center;
}

/* �뵻 諛섏쓳�� �ㅽ��� */

/* �쒕툝由� (768px �댄븯) */
@media (max-width: 768px) {
.post-body a:not(:has(img)):not(#tocid a):not(#tocify a):not(.tocify-wrap a) {
width: 100%;             /* 踰꾪듉 �덈퉬 議곗젙 */
font-size: 16px;          /* 湲��� �ш린 �쎄컙 以꾩엫 */
padding: 12px 0;          /* 踰꾪듉 �믪씠 議곗젙 */
}
}

/* 紐⑤컮�� (480px �댄븯) */
@media (max-width: 480px) {
.post-body a:not(:has(img)):not(#tocid a):not(#tocify a):not(.tocify-wrap a) {
width: 100%;            /* �� 醫곸� �붾㈃�� 留욎땄 */
font-size: 14px;          /* 湲��� �ш린 議곗젙 */
padding: 10px 0;          /* �믪씠 以꾩엫 */
border-radius: 6px;       /* 紐⑥꽌由� �κ�湲� 議곗젙 */
}
}
.floating-banner {
position: fixed;
bottom: 10px;
left: 90%;
transform: translateX(-50%);
width: 250px;
background: #6a5acd;
color: white;
border-radius: 10px;
text-align: center;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
font-weight: bold;
z-index: 9999;
overflow: hidden;
}

.floating-banner-top img {
width: 95%;
display: flex;
border-radius: 10px 10px 0 0;
margin: 6px auto;
justify-content: center;
}

.floating-banner-bottom {
padding: 12px;
font-size: 14px;
background: #3D0066;
cursor: pointer;
}

.floating-banner-bottom a {
text-decoration: none;
color: white;
display: block;
}

.floating-banner-bottom:hover {
background: #3a2b9d;
}

.floating-close-btn {
position: absolute;
top: 8px;
right: 12px;
background: none;
font-size: 20px;
cursor: pointer;
z-index: 10000;
}

@media screen and (max-width: 600px) {
.floating-banner {
width: 200px;
left: 70%;
}
.floating-banner-bottom {
font-size: 13px;
padding: 10px;
}
}
#latest-posts-section {
margin: 30px 0;
}

#latest-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
margin-top: 10px;
}

.latest-post-item {
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
background-color: #fff;
height: 100%; /* ��ぉ�� �믪씠瑜� 洹좎씪�섍쾶 */
display: flex;
flex-direction: column;
}

.latest-post-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.latest-post-item .image-container {
width: 100%;
padding-top: 66.67%; /* 3:2 鍮꾩쑉 (媛�濡�:�몃줈) */
position: relative;
overflow: hidden;
}

.latest-post-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}

.latest-post-item:hover img {
transform: scale(1.05);
}

.latest-post-item p {
padding: 12px;
margin: 0;
font-size: 14px;
color: #333;
font-weight: bold;
flex-grow: 1; /* �⑥� 怨듦컙 梨꾩슦湲� */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4;
}

.latest-post-item a {
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
height: 100%;
}

/* �쒕툝由� 諛섏쓳�� */
@media screen and (max-width: 768px) {
#latest-posts-grid {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 12px;
}

.latest-post-item p {
font-size: 13px;
padding: 10px;
}
}

/* 紐⑤컮�� 諛섏쓳�� */
@media screen and (max-width: 480px) {
#latest-posts-grid {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 10px;
}

.latest-post-item {
border-radius: 6px;
}

.latest-post-item .image-container {
padding-top: 75%; /* 4:3 鍮꾩쑉濡� 議곗젙 (紐⑤컮�쇱뿉�� �� �뺤궗媛곹삎�� 媛�源앷쾶) */
}

.latest-post-item p {
padding: 8px;
font-size: 12px;
-webkit-line-clamp: 2; /* 2以꾨줈 �쒗븳 */
}
}

/* �꾩＜ �묒� �붾㈃ ���� */
@media screen and (max-width: 320px) {
#latest-posts-grid {
grid-template-columns: repeat(2, 1fr); /* 媛뺤젣濡� 2�대쭔 �쒖떆 */
gap: 8px;
}

.latest-post-item .image-container {
padding-top: 75%; /* 鍮꾩쑉 �좎� */
}

.latest-post-item p {
font-size: 11px;
padding: 6px;
}
}
.share-buttons-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 15px 0;
margin: 20px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
width: 100%;
}

.share-button {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: #f5f5f5;
border: none;
cursor: pointer;
font-size: 15px;
color: #fff;
padding: 15px 0;
border-radius: 4px;
transition: all 0.2s ease;
font-weight: 500;
width: 100%;
}

.share-button:hover {
opacity: 0.9;
}

.share-link {
background-color: #3498db;
}

.share-common {
background-color: #e74c3c;
}