/**
 * Theme Name: astra-wpdesign
 * Author: Brainstorm Force
 * Author URI: http://wpastra.com/about/
 * Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: astra-wpdesign
 * Template: astra
 */

@font-face {
    font-family: 'FlightSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'FlightSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
html{
    background:#00101d;
}
/* FlightSans 폰트패밀리 전역 적용 */
body {
    font-family: 'FlightSans', 'sans-serif';
    max-width:1920px;
    margin:0 auto;
}
.single-post{
    background:url(https://voiceinulsan.co.kr/img/BGblog.webp) no-repeat center center;
    background-size:100%;
    background-position: top center;
    min-height:100vh;
    word-break: keep-all;   /* 가능하면 어절 단위 유지(한·중·일) */
  overflow-wrap: anywhere; /
}
.ast-comment-cite-wrap cite{
    color:#fff;
}
.vulsan-comment-actions-wrap{
    margin:0.6em 0 0;
    padding:0;
    font-size:0.85em;
}
.vulsan-comment-actions-sep{
    opacity:0.6;
    user-select:none;
}
a.vulsan-comment-edit{
    color:#9edcff;
    text-decoration:underline;
}
a.vulsan-comment-edit:hover,
a.vulsan-comment-edit:focus{
    color:#c8e9ff;
}
a.vulsan-comment-delete{
    color:#ff8a8a;
    text-decoration:underline;
}
a.vulsan-comment-delete:hover,
a.vulsan-comment-delete:focus{
    color:#ffb4b4;
}
.vulsan-single-top-banner{
    text-align: center;
}
.vulsan-single-top-banner img{
    max-width:80%;
}
.ast-account-action-link{
    background: #55B33D;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 30px;
    line-height:24px;
    box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.2);
}
.wrap-txt-lineA{
    font-size: 32px;
}
.wrap-txt-lineA strong{
    color:#c5c5c5;
}
.wrap-txt-lineA strong.text-green{
    color:#00ff67
}
@media (max-width: 560px) {
    .vulsan-single-top-banner img{
        max-width:90%;
    }
}
.vulsan-single-top-text{
    text-align:center;
    padding-top:390px;
}
.vulsan-single-top-text h2{
    font-size:80px;
    color:#fff100;
    margin:30px 0;
}
.vulsan-single-top-text h3{
    color:#fff;
    font-size:48px;
}
/* 상단 배너 CTA: 금색 세로 그라데이션 + 깊이감 (스크린샷 스타일) */
.vulsan-single-top-text h3.vulsan-single-top-cta{
    font-weight:700;
    letter-spacing:-0.03em;
    line-height:1.2;
    margin-top:0;
    margin-bottom:1.5rem;
    color:transparent;
    -webkit-text-fill-color:transparent;
    /* 세로(밝음→어두움) + 가로(양끝 어두움·중앙 하이라이트) 겹침 */
    background-image:
        linear-gradient(90deg, rgba(95, 72, 48, 0.55) 0%, rgba(255, 232, 200, 0.35) 50%, rgba(95, 72, 48, 0.55) 100%),
        linear-gradient(180deg, #E5C38C 0%, #B8925C 45%, #9C794D 100%);
    background-blend-mode:multiply, normal;
    -webkit-background-clip:text;
    background-clip:text;
    filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.85)) drop-shadow(0 1px 0 rgba(0, 0, 0, 0.35));
}
.vulsan-single-top-text h4{
    font-size:34px;
    color:#fff;
    margin-top:0;
    margin-bottom:0.5rem;
    text-align:center;
}
.vulsan-single-top-text h4 span{
    font-size:1.05em;
    color:#00ff67;
}
.vulsan-single-top-text p.vulsan-single-top-text-p{
    font-size:26px;
    color:#fff;
    margin-top:0;
    margin-bottom:0;
    text-align:center;
}
.vulsan-blog-entry-row{
    display: flex;
    align-items: flex-end;
    position: relative;
    gap:40px;
    color: #fff;
    font-size: 28px;
    margin:50px 0 80px 0;
}
.vulsan-blog-meta-track_title{
    font-weight:600;
    font-size: 48px;
}
.vulsan-blog-meta-performer{
    font-size: 36px;
    font-weight:600;
}
.vulsan-blog-meta-track-image img{
    max-width:100%;
    height:auto;
}
.vulsan-blog-meta-record_label{
    margin: 15px 0 5px 0;
}
.vulsan-blog-meta-group--division-title .entry-title{
    font-size:32px;
}

.vulsan-blog-meta-division.vulsan-blog-meta-line::after{
    content:"|";
    color:#fff;
    font-weight:400;
    font-size:18px;
    padding-left: 10px;
    font-size: 1.1em;
}
.vulsan-blog-meta-group--division-title .entry-title a{
    color:#fff;
    text-decoration: none !important;
    
}
/* 노래명+가수 한 묶음 */
.vulsan-blog-meta-group--track-performer{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:0rem 0.75rem;
    justify-content: flex-end;
}
/* 부서(division) + 글 제목(h2) 한 줄 */
.vulsan-blog-meta-group--division-title{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:0.35rem 0.75rem;
    justify-content: flex-end;
}
.vulsan-blog-meta-group--division-title .entry-title{
    margin:0;
}

.vulsan-blog-entry-col--meta,
.vulsan-blog-entry-col--actions{
    flex:1;
    text-align: right;
}
.vulsan-blog-entry-col--meta{
    flex:1.5
}
.vulsan-blog-entry-col--thumb{
    flex:1.5;
    text-align:center;
}
.vulsan-blog-entry-col--thumb .ast-blog-featured-section{
    margin-bottom:0;
}
.vulsan-blog-entry-col--thumb .post-thumb img{/**
 * Theme Name: astra-wpdesign
 * Author: Brainstorm Force
 * Author URI: http://wpastra.com/about/
 * Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: astra-wpdesign
 * Template: astra
 */

@font-face {
    font-family: 'FlightSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'FlightSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
html{
    background:#00101d;
}
/* FlightSans 폰트패밀리 전역 적용 */
body {
    font-family: 'FlightSans', 'sans-serif';
    max-width:1920px;
    margin:0 auto;
}
.single-post{
    background:url(https://voiceinulsan.co.kr/img/BGblog.webp) no-repeat center center;
    background-size:cover;
    background-position: top center;
    min-height:100vh;
    word-break: keep-all;   /* 가능하면 어절 단위 유지(한·중·일) */
  overflow-wrap: anywhere; /
}
.ast-comment-cite-wrap cite{
    color:#fff;
}
.vulsan-comment-actions-wrap{
    margin:0.6em 0 0;
    padding:0;
    font-size:0.85em;
}
.vulsan-comment-actions-sep{
    opacity:0.6;
    user-select:none;
}
a.vulsan-comment-edit{
    color:#9edcff;
    text-decoration:underline;
}
a.vulsan-comment-edit:hover,
a.vulsan-comment-edit:focus{
    color:#c8e9ff;
}
a.vulsan-comment-delete{
    color:#ff8a8a;
    text-decoration:underline;
}
a.vulsan-comment-delete:hover,
a.vulsan-comment-delete:focus{
    color:#ffb4b4;
}
.vulsan-single-top-banner{
    text-align: center;
}
.vulsan-single-top-banner img{
    max-width:80%;
}
.ast-account-action-link{
    background: #55B33D;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 30px;
    line-height:24px;
    box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.2);
}
.wrap-txt-lineA{
    font-size: 32px;
}
.wrap-txt-lineA strong{
    color:#c5c5c5;
}
.wrap-txt-lineA strong.text-green{
    color:#00ff67
}
@media (max-width: 560px) {
    .vulsan-single-top-banner img{
        max-width:90%;
    }
}
.vulsan-single-top-text{
    text-align:center;
    padding-top:290px;
}
.vulsan-single-top-text h2{
    font-size:80px;
    color:#fff100;
    margin:30px 0;
}
.vulsan-single-top-text h3{
    color:#fff;
    font-size:48px;
}
/* 상단 배너 CTA: 금색 세로 그라데이션 + 깊이감 (스크린샷 스타일) */
.vulsan-single-top-text h3.vulsan-single-top-cta{
    font-weight:700;
    letter-spacing:-0.03em;
    line-height:1.2;
    margin-top:0;
    margin-bottom:1.5rem;
    color:transparent;
    -webkit-text-fill-color:transparent;
    /* 세로(밝음→어두움) + 가로(양끝 어두움·중앙 하이라이트) 겹침 */
    background-image:
        linear-gradient(90deg, rgba(95, 72, 48, 0.55) 0%, rgba(255, 232, 200, 0.35) 50%, rgba(95, 72, 48, 0.55) 100%),
        linear-gradient(180deg, #E5C38C 0%, #B8925C 45%, #9C794D 100%);
    background-blend-mode:multiply, normal;
    -webkit-background-clip:text;
    background-clip:text;
    filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.85)) drop-shadow(0 1px 0 rgba(0, 0, 0, 0.35));
}
.vulsan-single-top-text h4{
    font-size:34px;
    color:#fff;
    margin-top:0;
    margin-bottom:0.5rem;
    text-align:center;
}
.vulsan-single-top-text h4 span{
    font-size:1.05em;
    color:#00ff67;
}
.vulsan-single-top-text p.vulsan-single-top-text-p{
    font-size:26px;
    color:#fff;
    margin-top:0;
    margin-bottom:0;
    text-align:center;
}
.vulsan-blog-entry-row{
    display: flex;
    align-items: flex-end;
    position: relative;
    gap:40px;
    color: #fff;
    font-size: 28px;
    margin:50px 0 80px 0;
}
.vulsan-blog-meta-track_title{
    font-weight:600;
    font-size: 48px;
}
.vulsan-blog-meta-performer{
    font-size: 36px;
    font-weight:600;
}
.vulsan-blog-meta-track-image img{
    max-width:100%;
    height:auto;
}
.vulsan-blog-meta-record_label{
    margin: 15px 0 5px 0;
}
.vulsan-blog-meta-group--division-title .entry-title{
    font-size:32px;
}

.vulsan-blog-meta-division.vulsan-blog-meta-line::after{
    content:"|";
    color:#fff;
    font-weight:400;
    font-size:18px;
    padding-left: 10px;
    font-size: 1.1em;
}
.vulsan-blog-meta-group--division-title .entry-title a{
    color:#fff;
    text-decoration: none !important;
    
}
/* 노래명+가수 한 묶음 */
.vulsan-blog-meta-group--track-performer{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:0rem 0.75rem;
    justify-content: flex-end;
}
/* 부서(division) + 글 제목(h2) 한 줄 */
.vulsan-blog-meta-group--division-title{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:0.35rem 0.75rem;
    justify-content: flex-end;
}
.vulsan-blog-meta-group--division-title .entry-title{
    margin:0;
}

.vulsan-blog-entry-col--meta,
.vulsan-blog-entry-col--actions{
    flex:1;
    text-align: right;
}
.vulsan-blog-entry-col--meta{
    flex:1.5
}
.vulsan-blog-entry-col--thumb{
    flex:1.5;
    text-align:center;
}
.vulsan-blog-entry-col--thumb .ast-blog-featured-section{
    margin-bottom:0;
}
.vulsan-blog-entry-col--thumb .post-thumb img{
    
    max-width:100%;
}
.vulsan-blog-meta-track-image{
    margin-bottom:20px;
}
.vulsan-single-top-text-img{
    margin:20px 0;
}
.vulsan-single-top-text-img img{
    max-width:700px;
    width:98%;
}
@media (max-width: 1024px) {
    .vulsan-single-top-text h2{
        font-size:50px;
    }
    .vulsan-single-top-text h3{
        color:#fff;
        font-size:28px;
    }
}

/* 767px 이하: 두 번째 열(썸네일)을 맨 위로 */
@media (max-width: 767px) {
    .vulsan-blog-entry-row{
        flex-direction:column;
        align-items:stretch;
        gap:1.5rem;
    }
    .vulsan-blog-entry-col--thumb{
        order:1;
        flex:none;
        width:100%;
        max-width:100%;
    }
    .vulsan-blog-entry-col--meta{
        order:2;
        flex:none;
        width:100%;
        margin-top:40px;
    }
    .vulsan-blog-entry-col--actions{
        order:3;
        flex:none;
        width:100%;
    }
    .vulsan-single-top-text{
        padding-top:48vw;
    }
    .vulsan-single-top-text h2{
        font-size:46px;
    }
    .vulsan-single-top-text h3{
        font-size: 32px;
    }
    .vulsan-single-top-text h4{
        font-size: 22px;
        margin-bottom: 1rem;
    }
    .vulsan-single-top-text p.vulsan-single-top-text-p{
        font-size: 18px;
        line-height:1.3;
       
        max-width: 380px;
            margin:0 auto;
            margin-bottom:10px;
    }
    .vulsan-blog-entry-col--thumb .post-thumb img {
        max-width: 60%;
    }
    .vulsan-blog-meta-track-image img {
        max-width: 60%;
        height: auto;
    }
    .vulsan-blog-meta-group--division-title,
    .vulsan-blog-meta-group--track-performer{
        justify-content: center;
    }
    .vulsan-blog-entry-col--meta, .vulsan-blog-entry-col--actions {
        text-align: center;
    }
    .vote-stats-text{
        position: relative;
        right: auto; 
    }
}


.ast-separate-container .ast-article-single{
    background: none !important;
}
.ast-separate-container .ast-article-single .entry-header .entry-meta{
    display:none;
}
.ast-separate-container .ast-article-single .entry-header .entry-title{
    font-size:1.5em;
    font-weight:500;
    color:#fff;
    margin-bottom:20px;
}

.single-post .entry-content{
    margin:0 auto;
    box-sizing:border-box;

}
.vulsan-vote-below-embed{
    margin:30px 0 0 0;
}
.ast-no-sidebar .site-content .ast-article-image-container--wide{
    display:none !important;
}
.vulsan-vote-below-embed .vulsan-vote-btn {
   display:inline-block;
   color:#fff; padding:0px; border:none; border-radius:5px; cursor:pointer;
   height:0;
   padding-top:90px;
   overflow:hidden;
   width:220px;
   text-indent: -9999px;
   background-color: transparent !important;
   background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/Asset-7@2x-1.png);
   background-size:100%;
   background-repeat: no-repeat;
   background-position: center bottom;
   vertical-align: middle;
}
.vulsan-vote-btn:focus,
.vulsan-vote-btn:focus-visible,
.vulsan-vote-btn:active{
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.formA .wpcf7-submit:focus,
.formA .wpcf7-submit:focus-visible,
.formA .wpcf7-submit:active{
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.vote-stats-text{
    color:#fff;
    font-size:24px;
    font-weight:400;
    position: absolute;
    right:0;
}
.vote-stats-text .vote-rank-badge{
    margin-left:0;
}
.comments-area.comment-form-position-below {
    background-color: transparent !important;
}
.comment-reply-title{
    color:#fff;
    font-size:28px;
    font-weight:600; 
}
.must-log-in,
.must-log-in a{
    color:#fff;
    text-decoration: none;
}
.single-post .entry-content .video-container{
    margin:0 !important;
    padding-top:56.25%;
    padding-top:28%;
    position:relative;
}
.single-post .entry-content iframe{
    vertical-align: middle;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.formA  label{
    color:#fff !important;
}
.formA .wpcf7-submit{
    width:220px;
    height:0;
    padding-top:57px;
    overflow:hidden;
    background-color: transparent !important;
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/button-1.png);
    background-size:100%;
    background-repeat: no-repeat;
    background-position: center;
    border:none;
    cursor:pointer;
    font-size:24px;
    color:#fff;
    font-weight:700;
    border-radius: 0;
    text-indent: -9999px;
}
.formA .wrap_event .wpcf7-submit{
    width:260px;
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/Asset-1@2x-2.png);
}
.wpcf7 form.sent .wpcf7-form-control-container, 
.wpcf7 form.sent label, 
.wpcf7 form.sent .note,
.wpcf7 form.sent .wpcf7-submit {
    display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    border:0; /* 초록색 테두리 */
    padding: 20px;
    font-size: 1.2rem;
    text-align: center;
   color: #f9fff9;
}
 .site-header{
 
}
.site-footer{
    display:none;
}
.qr_ul{
    margin-left:20px;
}
/* ROOT START */
.root-width {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 12px !important;
    box-sizing: border-box;
}
.hd-list{
    display:flex;
    gap:25px;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding:0;
    margin:0;
    flex-wrap: wrap;
}
.sns-list{
    display:flex;
    gap:15px;
    align-items: center;
    list-style: none;
    padding:0 !important;
    margin:0;
    flex-wrap: wrap;
}
.sns-list img{
    vertical-align: middle;
    margin-right:3px;
}
.sns-list a{
    color:#fff;
    text-decoration: none;
    font-size:10px;

}
.sns-listB{
    justify-content: center;
}
.sns-listB a{
    font-size:18px;
    text-decoration: none !important;
}
.info-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.info-item .info-content{
    padding-top:3px;
}
.info-item .icon-circleB + .info-content{
    padding-top:0;
}
.info-item:last-child {
    margin-bottom: 0;
}
.hd_title h3{
    display: flex;
    white-space: nowrap;
    gap: 10px;
    align-items: flex-end;
}
.hd_title h3:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-top: 10px;
}
.icon-circle {
    flex-shrink: 0;
    width: 80px;
    height: 32px;
    min-width: 42px;
    border: 1px solid #8dc63f;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}
.icon-circleB{
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 1px solid #8dc63f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    background-size:24px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right:38px;
    position: relative;
    margin-top:4px;
}

.icon-circleB:after{
    display: block;
    width: 10px;
    height:10px;
    position: absolute;
    left: 15px;
    bottom: -23px;
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/arrow.png);
    background-size:100%;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-circleB.icon-channel:after{
    display: none;
}
.icon-text {
    font-size: 0.7rem;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    padding: 0 4px;
}

.icon-qr{
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/icon1.png);
}
.icon-mic{
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/icon2.png);
}

.icon-channel{
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/icon3.png);
}

.info-content p {
    font-size: 0.95rem;
    color: #e0e0e0;
    margin-bottom: 3px;
}
.info-content p .content-span{
    display: inline-block;
    color: #addbda;
    margin-right: 6px;
    min-width: 100px;
    text-align: justify;
    text-align-last: justify;
}
.info-content p .content-spanB{
    min-width:0;
    margin:0;
}
.info-content p .content-spanC{
    display: block;
    text-align-last: auto;
}
.info-content p .content-span span{
    font-size:0.85em;
    vertical-align: baseline;
}
.info-content p:last-child {
    margin-bottom: 0;
}

.info-content .note {
    color: #b0b0b0;
    padding-left: 100px;
    margin-top: 0.25rem;
}

.highlight {
    color: #56b33e;
    font-weight: 500;
}

.youtube_list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center;
  }
  /* 공통: gap 고려한 폭 계산 */
  .youtube_list li {
    box-sizing: border-box;
    text-align: center;
  }
  /* 3개 줄: (100% - gap 2개) / 3 */
  .youtube_list li:nth-child(-n + 3),
  .youtube_list li:nth-child(n + 8):nth-child(-n + 10) {
    flex: 0 0 calc((100% - 36px) / 4);
  }
  /* 4개 줄: (100% - gap 3개) / 4 */
  .youtube_list li:nth-child(n + 4):nth-child(-n + 7),
  .youtube_list li:nth-child(n + 11):nth-child(-n + 14) {
    flex: 0 0 calc((100% - 36px) / 4);
  }
  .youtube_list li:nth-child(1),
  .youtube_list li:nth-child(8) {
    margin-left: 0.5%;
  }
  .youtube_list li p span{
    font-size:1.15em;
  }

.youtube_list img{
    max-width:80% !important;
    border-radius: 50% !important;
}
.youtube_list a{
    color:#fff;
    text-decoration: none !important;
}
.youtube_list h3{
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding-top: 5px;
}
.youtube_list p{
    font-size:16px;
    color:#fff;
    margin-top:0px;
}
@media (max-width: 768px) {
.youtube_list li {
    flex: 0 0 calc((100% - 25px) / 2) !important;
}
.youtube_list li:nth-child(1),
.youtube_list li:nth-child(8) {
  margin-left: 0%;
}
}
  /* 560px 이하: 한 줄에 두 개 */
  @media (max-width: 560px) {
    .youtube_list li {
      flex: 0 0 calc((100% - 12px) / 2) !important;
    }
    .youtube_list li:nth-child(1),
    .youtube_list li:nth-child(8) {
      margin-left: 0%;
    }
    .youtube_list img {
        max-width: 90% !important;
    }
    .youtube_list h3 {
        font-size: 22px;
    }
  }

.footer-notes {
    margin-top: 0;
    padding-top: 0;
    padding-left: 15px;
    position: relative;
}

.footer-notes p {
    color: #b0b0b0;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;
}
.footer-notes p:last-child span{
    position: absolute;
    left:0;
}
.footer-notes p:last-child {
    margin-bottom: 0;
}
main {
    width: 100%;
}
.formA .note{
    color:#fff;
}
.wpcf7-checkbox .wpcf7-list-item{
    margin:0;
}
.formA label a{
   color:#fff;
}
.entry-content .form-container p {
    margin-bottom: 15px;
}
.app_count{
    color:#fff;
}
.app_count .elementor-shortcode span{
    font-size:1.6em;
    font-weight:700;
    color:#C0DB91;
}
.wrap-txt-line{
    display: inline-block;
    padding: 20px 100px;
    color: #fff;
    background-color: #56b33e;
    font-size: 20px;
    text-align: center;
    border-radius: 90px;
    line-height: 1.5em;
} 
.post-navigation .nav-previous:after {
    display:none !important;
}
.nav-links p{
    display:none;
}
.single .post-navigation a{
    width:auto;
    max-width:100%;
}
.single-post .post-navigation .nav-list-link {
    white-space: nowrap;
}
@media (min-width: 768px) {
    .pc-none {
        display: none;
    }
}
@media (min-width: 460px) {
    .br460 {
        display: none;
    }
}

@media (max-width: 992px) {
    .add-1{
        justify-content: center !important;
        display:flex;
    }
}

@media (max-width: 768px) {
    .mo-none {
        display: none;
    }
   
    .hd-list li{
       width:45%;
    }
    .sns-list li{
        width:90%;
    }
    .sns-list,
    .hd-list{
        gap:15px;
    }
    .icon-circleB:after{
        bottom:-19px;
    }
    .vulsan-vote-below-embed .vulsan-vote-btn {
        padding-top:90px;
        width:204px;
     }
     .vote-stats-text,
     .comment-reply-title{
        font-size:20px;
     }
     .single-post .vulsan-video-row{
        flex-direction: column;
     }
     .single-post .entry-content .video-container {
        width:100%;
        padding-top: 56.25%;
     }
     .vulsan-blog-meta-track_title{
        font-size:32px;
     }
     .vulsan-blog-meta-performer {
        font-size: 28px;
        font-weight: 600;
    }
    .vulsan-blog-entry-row{
        font-size:20px;
    }
    .vulsan-blog-meta-group--division-title .entry-title {
        font-size: 22px;
    }
}

.single-post .post-navigation .nav-links{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    max-width: 580px;
    margin: 0 auto;
    padding:0 20px;
}
.single-post .post-navigation .nav-middle{
    flex:0 0 auto;
    text-align:center;
}
.single-post .post-navigation .nav-previous,
.single-post .post-navigation .nav-next{
    margin:0;
}
.single-post .post-navigation .nav-previous a,
.single-post .post-navigation .nav-next a,
.single-post .post-navigation .nav-list-link{
    display:inline-block;
    padding:12px 26px;
    background:#56b33e;
    border:1px solid #56b33e;
    border-radius:999px;
    text-decoration:none;
    color:#fff !important;
    font-weight:700;
    line-height:1;
    box-shadow:0 2px 0 rgba(0,0,0,0.2);
}
.single-post .post-navigation .ast-post-nav{
    display:none !important;
}
.single-post .post-navigation .participant-nav-label{
    display:inline-block;
    margin:0;
    font-weight:700;
    color:#fff;
}
.single-post .post-navigation .nav-previous a p,
.single-post .post-navigation .nav-next a p{
    display:none !important;
}
.comments-area p.logged-in-as{
    display:none !important;
}
.ast-comment-list,
.ast-comment-list a,
.ast-separate-container .comments-title, .ast-narrow-container .comments-title {
    color: #fff !important;
}
.ast-comment{
    border-top: 1px solid #e1e8ed38;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
}
.ast-comment-list + .comment-respond {
    border-top: 0;
}
section.ast-comment-content.comment{
    padding-left:15px !important;
}
.ast-separate-container .ast-comment-list li.depth-1, .ast-narrow-container .ast-comment-list li.depth-1{
    padding-bottom:0 !important;
}
.ast-comment-content.comment p{
    margin-bottom:0 !important;
}
.ast-separate-container .ast-comment-list .comment:last-child .ast-comment{
    border-bottom: 1px solid #e1e8ed38;
    padding-bottom: 1.3em;
}
@media (max-width: 620px) {
    .single-post .post-navigation .participant-nav-label{
        display:none;
    }
    .single-post .post-navigation .nav-next a,
    .single-post .post-navigation .nav-previous a{
        padding:12px;
        text-align: center;
    }
    .single-post .post-navigation .nav-previous a::before{
        content:'←';
    }
    .single-post .post-navigation .nav-next a::before{
        content:'→';
    }
}
@media (max-width: 420px) {
    .info-item{
        flex-direction: column;
    }
    .info-item .info-content{
    padding:0 5px;  
    }
    .info-content p .content-span{
        dipslay:block;
    }
    .footer-notes {
        margin-top: 0;
    }
    .icon-circleB:after{
        bottom:-15px;
    }
    .sns-list{
        gap:5px;
    }
    .icon-text {
        font-size: 1rem;
    }
    .wrap-txt-line {
        display: block;
        padding: 20px 30px;
        font-size: 15px;
        line-height: 1.5em;
    }
    .ast-separate-container .comment-respond {
        padding: 2.5em 20px !important;
    }
    .single-post .post-navigation .nav-links{
        padding:0 15px;
    }
    .ast-separate-container .ast-comment-list li.depth-1, .ast-narrow-container .ast-comment-list li.depth-1 {
        padding-left: 0.5em !important;
        padding-right: 0.5em !important;
    }
    .ast-comment-info{
        margin-bottom:0 !important;
    }
    section.ast-comment-content.comment {
        padding-left: 12px !important;
    }
    .ast-comment-meta {
        padding: 0 1.8888em 5px;
    }
    .youtube_list li {
        flex: 0 0 calc((100% - 0px) / 1) !important;
      }
      .vulsan-vote-below-embed{
        margin:0;
      }
      .sns-listB a{
        font-size:12px;
        text-decoration: none !important;
    }
}
    
    max-width:100%;
}
.vulsan-blog-meta-track-image{
    margin-bottom:20px;
}
.vulsan-single-top-text-img{
    margin:20px 0;
}
.vulsan-single-top-text-img img{
    max-width:500px;
    width:98%;
}
.comment-navigation a{
    color:#fff;
}
.comment-navigation .nav-links{
    display: flex;
    justify-content: space-between;
    margin: 0 40px;
    
}
.site-main .comment-navigation{
    margin-top:20px;
}
.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after{
    display:none;
}
/* 댓글 번호형 페이지네이션 (paginate_comments_links) */
.comment-navigation.vulsan-comment-pagination{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:0.35rem 0.5rem;
    margin:1rem 0;
    padding:0;
    list-style:none;
}
.comment-navigation.vulsan-comment-pagination a.page-numbers,
.comment-navigation.vulsan-comment-pagination span.page-numbers{
    color:#fff;
    text-decoration:none;
    padding:0.35em 0.65em;
    border-radius:4px;
    line-height:1.2;
}
.comment-navigation.vulsan-comment-pagination a.page-numbers:hover,
.comment-navigation.vulsan-comment-pagination a.page-numbers:focus{
    background:rgba(255,255,255,0.12);
    color:#fff;
}
.comment-navigation.vulsan-comment-pagination span.page-numbers.current{
    font-weight:700;
    background:rgba(255,255,255,0.2);
    color:#fff;
}
.comment-navigation.vulsan-comment-pagination span.page-numbers.dots{
    color:rgba(255,255,255,0.65);
    padding:0.35em 0.25em;
}
@media (max-width: 1024px) {
    .vulsan-single-top-text h2{
        font-size:50px;
    }
    .vulsan-single-top-text h3{
        color:#fff;
        font-size:28px;
    }
}

/* 767px 이하: 두 번째 열(썸네일)을 맨 위로 */
@media (max-width: 767px) {
    .vulsan-blog-entry-row{
        flex-direction:column;
        align-items:stretch;
        gap:1.5rem;
    }
    .vulsan-blog-entry-col--thumb{
        order:1;
        flex:none;
        width:100%;
        max-width:100%;
    }
    .vulsan-blog-entry-col--meta{
        order:2;
        flex:none;
        width:100%;
        margin-top:40px;
    }
    .vulsan-blog-entry-col--actions{
        order:3;
        flex:none;
        width:100%;
    }
    .vulsan-single-top-text{
        padding-top:48vw;
    }
    .vulsan-single-top-text h2{
        font-size:46px;
    }
    .vulsan-single-top-text h3{
        font-size: 32px;
    }
    .vulsan-single-top-text h4{
        font-size: 22px;
        margin-bottom: 1rem;
    }
    .vulsan-single-top-text p.vulsan-single-top-text-p{
        font-size: 18px;
        line-height:1.3;
       
        max-width: 380px;
            margin:0 auto;
            margin-bottom:10px;
    }
    .vulsan-blog-entry-col--thumb .post-thumb img {
        max-width: 60%;
    }
    .vulsan-blog-meta-track-image img {
        max-width: 60%;
        height: auto;
    }
    .vulsan-blog-meta-group--division-title,
    .vulsan-blog-meta-group--track-performer{
        justify-content: center;
    }
    .vulsan-blog-entry-col--meta, .vulsan-blog-entry-col--actions {
        text-align: center;
    }
    .vote-stats-text{
        position: relative;
        right: auto; 
    }
    .vulsan-single-top-text{
        padding-top:200px;
    }
}


.ast-separate-container .ast-article-single{
    background: none !important;
}
.ast-separate-container .ast-article-single .entry-header .entry-meta{
    display:none;
}
.ast-separate-container .ast-article-single .entry-header .entry-title{
    font-size:1.5em;
    font-weight:500;
    color:#fff;
    margin-bottom:20px;
}

.single-post .entry-content{
    margin:0 auto;
    box-sizing:border-box;

}
.vulsan-vote-below-embed{
    margin:30px 0 0 0;
}
.ast-no-sidebar .site-content .ast-article-image-container--wide{
    display:none !important;
}
.vulsan-vote-below-embed .vulsan-vote-btn {
   display:inline-block;
   color:#fff; padding:0px; border:none; border-radius:5px; cursor:pointer;
   height:0;
   padding-top:90px;
   overflow:hidden;
   width:220px;
   text-indent: -9999px;
   background-color: transparent !important;
   background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/Asset-7@2x-1.png);
   background-size:100%;
   background-repeat: no-repeat;
   background-position: center bottom;
   vertical-align: middle;
}
.vulsan-vote-btn:focus,
.vulsan-vote-btn:focus-visible,
.vulsan-vote-btn:active{
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.formA .wpcf7-submit:focus,
.formA .wpcf7-submit:focus-visible,
.formA .wpcf7-submit:active{
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.vote-stats-text{
    color:#fff;
    font-size:24px;
    font-weight:400;
    position: absolute;
    right:0;
}
.vote-stats-text .vote-rank-badge{
    margin-left:0;
}
.comments-area.comment-form-position-below {
    background-color: transparent !important;
}
.comment-reply-title{
    color:#fff;
    font-size:28px;
    font-weight:600; 
}
.must-log-in,
.must-log-in a{
    color:#fff;
    text-decoration: none;
}
.single-post .entry-content .video-container{
    margin:0 !important;
    padding-top:56.25%;
    padding-top:28%;
    position:relative;
}
.single-post .entry-content iframe{
    vertical-align: middle;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.formA  label{
    color:#fff !important;
}
.formA .wpcf7-submit{
    width:220px;
    height:0;
    padding-top:57px;
    overflow:hidden;
    background-color: transparent !important;
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/button-1.png);
    background-size:100%;
    background-repeat: no-repeat;
    background-position: center;
    border:none;
    cursor:pointer;
    font-size:24px;
    color:#fff;
    font-weight:700;
    border-radius: 0;
    text-indent: -9999px;
}
.formA .wrap_event .wpcf7-submit{
    width:260px;
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/Asset-1@2x-2.png);
}
.wpcf7 form.sent .wpcf7-form-control-container, 
.wpcf7 form.sent label, 
.wpcf7 form.sent .note,
.wpcf7 form.sent .wpcf7-submit {
    display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    border:0; /* 초록색 테두리 */
    padding: 20px;
    font-size: 1.2rem;
    text-align: center;
   color: #f9fff9;
}
 .site-header{
 
}
.site-footer{
    display:none;
}
.qr_ul{
    margin-left:20px;
}
/* ROOT START */
.root-width {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 12px !important;
    box-sizing: border-box;
}
.hd-list{
    display:flex;
    gap:25px;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding:0;
    margin:0;
    flex-wrap: wrap;
}
.sns-list{
    display:flex;
    gap:15px;
    align-items: center;
    list-style: none;
    padding:0 !important;
    margin:0;
    flex-wrap: wrap;
}
.sns-list img{
    vertical-align: middle;
    margin-right:3px;
}
.sns-list a{
    color:#fff;
    text-decoration: none;
    font-size:10px;

}
.sns-listB{
    justify-content: center;
}
.sns-listB a{
    font-size:18px;
    text-decoration: none !important;
}
.info-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.info-item .info-content{
    padding-top:3px;
}
.info-item .icon-circleB + .info-content{
    padding-top:0;
}
.info-item:last-child {
    margin-bottom: 0;
}
.hd_title h3{
    display: flex;
    white-space: nowrap;
    gap: 10px;
    align-items: flex-end;
}
.hd_title h3:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-top: 10px;
}
.icon-circle {
    flex-shrink: 0;
    width: 80px;
    height: 32px;
    min-width: 42px;
    border: 1px solid #8dc63f;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}
.icon-circleB{
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 1px solid #8dc63f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    background-size:24px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right:38px;
    position: relative;
    margin-top:4px;
}

.icon-circleB:after{
    display: block;
    width: 10px;
    height:10px;
    position: absolute;
    left: 15px;
    bottom: -23px;
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/arrow.png);
    background-size:100%;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-circleB.icon-channel:after{
    display: none;
}
.icon-text {
    font-size: 0.7rem;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    padding: 0 4px;
}

.icon-qr{
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/icon1.png);
}
.icon-mic{
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/icon2.png);
}

.icon-channel{
    background-image: url(https://voiceinulsan.co.kr/wp-content/uploads/2026/03/icon3.png);
}

.info-content p {
    font-size: 0.95rem;
    color: #e0e0e0;
    margin-bottom: 3px;
}
.info-content p .content-span{
    display: inline-block;
    color: #addbda;
    margin-right: 6px;
    min-width: 100px;
    text-align: justify;
    text-align-last: justify;
}
.info-content p .content-spanB{
    min-width:0;
    margin:0;
}
.info-content p .content-spanC{
    display: block;
    text-align-last: auto;
}
.info-content p .content-span span{
    font-size:0.85em;
    vertical-align: baseline;
}
.info-content p:last-child {
    margin-bottom: 0;
}

.info-content .note {
    color: #b0b0b0;
    padding-left: 100px;
    margin-top: 0.25rem;
}

.highlight {
    color: #56b33e;
    font-weight: 500;
}

.youtube_list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center;
  }
  /* 공통: gap 고려한 폭 계산 */
  .youtube_list li {
    box-sizing: border-box;
    text-align: center;
  }
  /* 3개 줄: (100% - gap 2개) / 3 */
  .youtube_list li:nth-child(-n + 3),
  .youtube_list li:nth-child(n + 8):nth-child(-n + 10) {
    flex: 0 0 calc((100% - 36px) / 4);
  }
  /* 4개 줄: (100% - gap 3개) / 4 */
  .youtube_list li:nth-child(n + 4):nth-child(-n + 7),
  .youtube_list li:nth-child(n + 11):nth-child(-n + 14) {
    flex: 0 0 calc((100% - 36px) / 4);
  }
  .youtube_list li:nth-child(1),
  .youtube_list li:nth-child(8) {
    margin-left: 0.5%;
  }
  .youtube_list li p span{
    font-size:1.15em;
  }

.youtube_list img{
    max-width:80% !important;
    border-radius: 50% !important;
}
.youtube_list a{
    color:#fff;
    text-decoration: none !important;
}
.youtube_list h3{
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding-top: 5px;
}
.youtube_list p{
    font-size:16px;
    color:#fff;
    margin-top:0px;
}
@media (max-width: 768px) {
.youtube_list li {
    flex: 0 0 calc((100% - 25px) / 2) !important;
}
.youtube_list li:nth-child(1),
.youtube_list li:nth-child(8) {
  margin-left: 0%;
}
}
  /* 560px 이하: 한 줄에 두 개 */
  @media (max-width: 560px) {
    .youtube_list li {
      flex: 0 0 calc((100% - 12px) / 2) !important;
    }
    .youtube_list li:nth-child(1),
    .youtube_list li:nth-child(8) {
      margin-left: 0%;
    }
    .youtube_list img {
        max-width: 90% !important;
    }
    .youtube_list h3 {
        font-size: 22px;
    }
    .single-post{

        background-size:100%r;
      
    
    }
  }

.footer-notes {
    margin-top: 0;
    padding-top: 0;
    padding-left: 15px;
    position: relative;
}

.footer-notes p {
    color: #b0b0b0;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;
}
.footer-notes p:last-child span{
    position: absolute;
    left:0;
}
.footer-notes p:last-child {
    margin-bottom: 0;
}
main {
    width: 100%;
}
.formA .note{
    color:#fff;
}
.wpcf7-checkbox .wpcf7-list-item{
    margin:0;
}
.formA label a{
   color:#fff;
}
.entry-content .form-container p {
    margin-bottom: 15px;
}
.app_count{
    color:#fff;
}
.app_count .elementor-shortcode span{
    font-size:1.6em;
    font-weight:700;
    color:#C0DB91;
}
.wrap-txt-line{
    display: inline-block;
    padding: 20px 100px;
    color: #fff;
    background-color: #56b33e;
    font-size: 20px;
    text-align: center;
    border-radius: 90px;
    line-height: 1.5em;
} 
.post-navigation .nav-previous:after {
    display:none !important;
}
.nav-links p{
    display:none;
}
.single .post-navigation a{
    width:auto;
    max-width:100%;
}
.single-post .post-navigation .nav-list-link {
    white-space: nowrap;
}
@media (min-width: 768px) {
    .pc-none {
        display: none;
    }
}
@media (min-width: 460px) {
    .br460 {
        display: none;
    }
}

@media (max-width: 992px) {
    .add-1{
        justify-content: center !important;
        display:flex;
    }
}

@media (max-width: 768px) {
    .mo-none {
        display: none;
    }
   
    .hd-list li{
       width:45%;
    }
    .sns-list li{
        width:90%;
    }
    .sns-list,
    .hd-list{
        gap:15px;
    }
    .icon-circleB:after{
        bottom:-19px;
    }
    .vulsan-vote-below-embed .vulsan-vote-btn {
        padding-top:90px;
        width:204px;
     }
     .vote-stats-text,
     .comment-reply-title{
        font-size:20px;
     }
     .single-post .vulsan-video-row{
        flex-direction: column;
     }
     .single-post .entry-content .video-container {
        width:100%;
        padding-top: 56.25%;
     }
     .vulsan-blog-meta-track_title{
        font-size:32px;
     }
     .vulsan-blog-meta-performer {
        font-size: 28px;
        font-weight: 600;
    }
    .vulsan-blog-entry-row{
        font-size:20px;
    }
    .vulsan-blog-meta-group--division-title .entry-title {
        font-size: 22px;
    }
}

.single-post .post-navigation .nav-links{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    max-width: 580px;
    margin: 0 auto;
    padding:0 20px;
}
.single-post .post-navigation .nav-middle{
    flex:0 0 auto;
    text-align:center;
}
.single-post .post-navigation .nav-previous,
.single-post .post-navigation .nav-next{
    margin:0;
}
.single-post .post-navigation .nav-previous a,
.single-post .post-navigation .nav-next a,
.single-post .post-navigation .nav-list-link{
    display:inline-block;
    padding:12px 26px;
    background:#56b33e;
    border:1px solid #56b33e;
    border-radius:999px;
    text-decoration:none;
    color:#fff !important;
    font-weight:700;
    line-height:1;
    box-shadow:0 2px 0 rgba(0,0,0,0.2);
}
.single-post .post-navigation .ast-post-nav{
    display:none !important;
}
.single-post .post-navigation .participant-nav-label{
    display:inline-block;
    margin:0;
    font-weight:700;
    color:#fff;
}
.single-post .post-navigation .nav-previous a p,
.single-post .post-navigation .nav-next a p{
    display:none !important;
}
.comments-area p.logged-in-as{
    display:none !important;
}
.ast-comment-list,
.ast-comment-list a,
.ast-separate-container .comments-title, .ast-narrow-container .comments-title {
    color: #fff !important;
}
.ast-comment{
    border-top: 1px solid #e1e8ed38;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
}
.ast-comment-list + .comment-respond {
    border-top: 0;
}
section.ast-comment-content.comment{
    padding-left:15px !important;
}
.ast-separate-container .ast-comment-list li.depth-1, .ast-narrow-container .ast-comment-list li.depth-1{
    padding-bottom:0 !important;
}
.ast-comment-content.comment p{
    margin-bottom:0 !important;
}
.ast-separate-container .ast-comment-list .comment:last-child .ast-comment{
    border-bottom: 1px solid #e1e8ed38;
    padding-bottom: 1.3em;
}
@media (max-width: 620px) {
    .single-post .post-navigation .participant-nav-label{
        display:none;
    }
    .single-post .post-navigation .nav-next a,
    .single-post .post-navigation .nav-previous a{
        padding:12px;
        text-align: center;
    }
    .single-post .post-navigation .nav-previous a::before{
        content:'←';
    }
    .single-post .post-navigation .nav-next a::before{
        content:'→';
    }
}
@media (max-width: 420px) {
    .info-item{
        flex-direction: column;
    }
    .info-item .info-content{
    padding:0 5px;  
    }
    .info-content p .content-span{
        dipslay:block;
    }
    .footer-notes {
        margin-top: 0;
    }
    .icon-circleB:after{
        bottom:-15px;
    }
    .sns-list{
        gap:5px;
    }
    .icon-text {
        font-size: 1rem;
    }
    .wrap-txt-line {
        display: block;
        padding: 20px 30px;
        font-size: 15px;
        line-height: 1.5em;
    }
    .ast-separate-container .comment-respond {
        padding: 2.5em 20px !important;
    }
    .single-post .post-navigation .nav-links{
        padding:0 15px;
    }
    .ast-separate-container .ast-comment-list li.depth-1, .ast-narrow-container .ast-comment-list li.depth-1 {
        padding-left: 0.5em !important;
        padding-right: 0.5em !important;
    }
    .ast-comment-info{
        margin-bottom:0 !important;
    }
    section.ast-comment-content.comment {
        padding-left: 12px !important;
    }
    .ast-comment-meta {
        padding: 0 1.8888em 5px;
    }
    .youtube_list li {
        flex: 0 0 calc((100% - 0px) / 1) !important;
      }
      .vulsan-vote-below-embed{
        margin:0;
      }
      .sns-listB a{
        font-size:12px;
        text-decoration: none !important;
    }
}