@charset "utf-8";
*,*:after,*:before{margin:0;padding:0;outline:none;border:0;box-sizing:border-box}
:root{--red-e9:#e90c59;--red-e5:#e55788;--red-f7:#f7dfe8;--sky-66:#66feff;--black:#333333;--gray:#777777;--gray-bb:#bbbbbb;--gray-e3:#e3e3e3;--gray-f9:#f9f9f9;--white:#ffffff}
body{font-size:12px;line-height:1;font-family:"나눔고딕","NanumGothic","NanumGothicWebFont","Malgun Gothic","맑은 고딕","Dotum","돋움","Helvetica","Apple SD Gothic Neo","sans-serif";background-color:var(--white);color:var(--black)}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary,svg{display:block}
button{cursor:pointer;background:none}
h1{font-size:16px}
h2,h3,h4,h5{font-size:14px}
a{text-decoration:none;color:var(--gray);cursor:pointer}
strong,em,b{font-weight:normal;font-style:normal}
table{border-collapse: separate;border-spacing:0}
ol,ul{list-style:none}
body.menu-open{overflow:hidden}
#rs-table a{color:var(--red-e9)}
#rs-table a:hover{text-decoration:underline}
#main{margin-bottom:94px;padding-top:32px;padding-right:20px;padding-left:20px}
#article{max-width:1000px;min-width:320px;margin:0 auto}
/* 헤더 시작 */
#header{display:flex;border-bottom:1px solid var(--gray-e3);box-shadow:0 2px 2px rgba(0,0,0,.03)}
#header-inner{display:flex;gap:52px;align-items:center;max-width:1000px;width:1000px;height:85px;margin:0 auto}
#site-name{font-size:0;color:transparent}
#home{display:flex}
/* 헤더 끝 */
#category-section .category-item{margin-top:118px}
#category-section .more-wrapper{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;padding-top:18px;border-top:2px solid var(--sky-66)}
#category-section .category-name{font-size:24px;color:var(--black)}
#category-section .more-category a{display:flex;padding:12px;margin:-12px}
#category-section .more-category a:hover .span-wrappder{color:var(--red-e9)}
#category-section .span-wrappder{display:flex;gap:5px;align-items:center;border-bottom:1px solid;color:var(--black)}
/* PC 네비게이션 메뉴 시작 */
#gnb-desktop{display:flex;height:100%}
#gnb-desktop .gnb{display:flex}
#gnb-desktop .menu-item-wrapper{display:flex;font-size: 15px;font-weight:bold}
#gnb-desktop .menu-item-wrapper li{position:relative;display:flex;align-items:center}
#gnb-desktop .menu-item-wrapper>li:after{position:absolute;bottom:0;left:50%;width:50%;height:3px;transform:translateX(-50%);content:'';transition:background-color 0.15s linear}
#gnb-desktop .menu-item-wrapper>li:hover:after,#gnb-desktop .menu-item-wrapper>li:focus-within:after{background-color:var(--gray)}
#gnb-desktop .menu-item-wrapper>li.sub-hover:after{background-color:transparent}
#gnb-desktop .menu-item-wrapper>li>a{display:flex;align-items:center;height:100%;padding:0 20px;white-space:nowrap;text-transform:capitalize;color:var(--black);transition:all 0.15s linear}
#gnb-desktop .menu-item-wrapper li:hover>a,#gnb-desktop .menu-item-wrapper li:focus-within>a{color:var(--black)}
#gnb-desktop .menu-item-wrapper>li:hover .sub-menu,#gnb-desktop .menu-item-wrapper>li:focus-within .sub-menu{display:block}
.sub-menu{display:none}
#gnb-desktop .sub-menu{position:absolute;top:100%;z-index:50;border:1px solid var(--gray-e3);box-shadow:0 2px 2px 0px rgb(60 64 67 / .3),inset 0 4px 5px -4px rgb(60 64 67 / .3);background-color:var(--white)}
#gnb-desktop .sub-menu li{white-space:nowrap}
#gnb-desktop .sub-menu li a{display:flex;flex-direction:column;width:100%;padding:10px 20px;text-transform:capitalize;transition:all 0.15s linear}
#gnb-desktop .sub-menu li:first-child a{padding-top:20px}
#gnb-desktop .sub-menu li:last-child a{padding-bottom:20px}
/* PC 네비게이션 메뉴 끝 */
/* 모바일 햄버거 메뉴 시작 */
#gnb-mobile{position:relative;display:flex;justify-content:flex-end;align-items:center;margin-left:auto;}
#hamburger{display:none;}
#gnb-mobile .hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:23px;height:18px;cursor:pointer;z-index:100;}
#gnb-mobile .hamburger-icon span{display:block;width:100%;height:2px;background:var(--black);transition:all 0.35s;}
#hamburger:checked + .hamburger-icon span:nth-child(1){transform:translateY(8px) rotate(45deg);}
#hamburger:checked + .hamburger-icon span:nth-child(2){opacity:0;}
#hamburger:checked + .hamburger-icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
#gnb-mobile .gnb{position:fixed;top:0;right:-100%;z-index:98;width:100%;max-width:430px;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:78px 20px;background:var(--sky-66);box-shadow:0 4px 10px 0 rgba(0,0,0,.4);transition:all 0.35s;}
#hamburger:checked ~ .gnb{right:0;}
#gnb-mobile .sns-wrapper{display:flex;gap:10px;padding-top:32px;}
#gnb-mobile .menu-item-wrapper li{position:relative;border-bottom:1px solid var(--black);font-size:26px;}
#gnb-mobile .menu-item-wrapper a{display:flex;flex-direction:column;height:100%;padding:20px 10px;font-weight:bold;color:var(--black);text-transform:capitalize;}
#gnb-mobile #menu-item-wrapper > li > .submenu-open{padding-bottom:6px;}
#gnb-mobile .submenu-expand{position:absolute;top:20px;right:10px;z-index:-1;}
#gnb-mobile .sub-menu{margin-bottom:6px;}
#gnb-mobile .sub-menu a{padding:14px 30px;font-size:22px;font-weight:normal;}
#gnb-mobile .sub-menu li{border:none;}
/* 모바일 햄버거 메뉴 끝 */
/* 메인화면 시작 */
/* 히어로 섹션 스타일 시작 */
#hero-section {
    background-color: var(--white);
    padding: 100px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* 히어로 콘텐츠 스타일 */
.hero-content {
    max-width: 800px;
}

/* 헤드라인 스타일 */
.hero-content h1 {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

/* 서브 텍스트 스타일 */
.hero-content p {
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
}

/* CTA 버튼 컨테이너 */
.cta-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
}

/* CTA 버튼 기본 스타일 */
.cta-button {
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* 주요 CTA 버튼 스타일 */
.cta-button.primary {
    display: flex;
    align-items: center;
    background-color: var(--red-e9);
    color: #ffffff;
}

.cta-button.primary:hover {
    background-color: var(--red-e5);
    transform: scale(1.05);
}

/* 보조 CTA 버튼 스타일 */
.cta-button.secondary {
    display: flex;
    align-items: center;
    background-color: var(--white);
    color: var(--red-e9);
    border: 2px solid var(--red-e9);
}

.cta-button.secondary:hover {
    background-color: var(--red-e9);
    color: #ffffff;
    transform: scale(1.05);
}

/* 반응형 처리 (태블릿 & 모바일) */
@media (max-width: 1024px) {
    #hero-section {
        padding: 60px 20px;
    }

    .hero-content h1 {
        font-size: 28px;
    }

    .hero-content p {
        font-size: 16px;
    }

    .cta-buttons {
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 24px;
    }

    .hero-content p {
        font-size: 14px;
    }

    .cta-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .cta-button {
        width: 100%;
    }
}
/* 히어로 섹션 스타일 끝 */
/* 주요 섹션 스타일 시작 */
.features-container {
    margin-top: 40px;
    padding: 60px 20px;
    background-color: var(--gray-f9);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* 섹션 제목 */
.section-title {
    text-align: center;
    font-size: 30px;
    color: #333;
    margin-bottom: 40px;
    position: relative;
}

.section-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background-color: var(--red-e9);
    display: block;
    margin: 8px auto 0;
    border-radius: 2px;
}

/* 그리드 레이아웃 */
.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

/* 개별 아이템 스타일 */
.feature-item {
    background-color: var(--white);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* a 태그에 display: flex 적용 → 수직 정렬 */
.feature-item a {
    display: grid;
    align-items: center;
    gap: 12px;
    height: 100%;
    padding: 24px;
}

/* 제목 스타일 */
.feature-item h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
}

/* 설명 스타일 */
.feature-item p {
    line-height: 1.5;
    font-size: 14px;
    color: var(--gray);
}

/* 버튼 스타일 */
.feature-button {
    padding: 12px 24px;
    background-color: var(--red-e9);
    color: var(--white);
    border-radius: 8px;
    font-size: 16px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.feature-button:hover {
    background-color: var(--red-e5);
    transform: scale(1.05);
}

/* 반응형 처리 (태블릿 & 모바일) */
@media (max-width: 1024px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .features-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .feature-item a {
        padding: 20px;
    }

    .feature-item h3 {
        font-size: 16px;
    }

    .feature-button {
        font-size: 14px;
        padding: 10px 20px;
    }
}
/* 주요 섹션 스타일 끝 */
/* 뉴스 섹션 시작 */
/* 공통 뉴스 섹션 스타일 */
.news-section {
    margin-top: 40px;
    padding: 60px 20px;
    background-color: var(--gray-f9);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    /* padding: 60px 20px; */
    /* background-color: var(--gray-f9); */
}

/* 뉴스 컨테이너 (공통) */
.news-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

/* 뉴스 카드 (공통) */
.news-item {
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* 뉴스 링크 (공통) */
.news-link {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
}

/* 뉴스 제목 (공통) */
.news-item h3 {
    font-size: 18px;
    line-height: 1.33;
    color: var(--black);
}

/* 뉴스 설명 (공통) */
.news-item p {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.5;
    margin-bottom: 0 !important;!i;!;
}

/* 뉴스 날짜, 출처 (공통) */
.news-date,
.news-source {
    font-size: 12px;
    color: var(--gray);
}

.news-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

/* 출처 강조 */
.news-source {
    color: var(--red-e9);
}

/* 더보기 버튼 (공통) */
.feature-button {
    display: block;
    width: 100%;
    max-width: 240px;
    margin: 30px auto;
    text-align: center;
    padding: 12px 24px;
    background-color: var(--red-e9);
    color: var(--white);
    border-radius: 8px;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.feature-button:hover {
    background-color: var(--red-e5);
}

/* 더보기 버튼 (로드 모어) */
#load-more {
    display: block;
    width: 100%;
    max-width: 240px;
    margin: 30px auto;
    padding: 12px 24px;
    background-color: var(--red-e9);
    color: var(--white);
    border-radius: 8px;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

#load-more:hover {
    background-color: var(--red-e5);
}
/* 뉴스 섹션 끝 */
/* 메인화면 끝 */
#entry-name{position:relative;margin-bottom:26px;padding-bottom:16px;font-size:22px;color:var(--black);text-transform:capitalize}
#entry-name:before{position:absolute;bottom:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg, var(--red-e9) 0%, var(--red-e9) 30%, rgba(150, 150, 150, .2) 30%, rgba(150, 150, 150, .2) 100%);content:""}
#random-recent{display:grid;grid-template-columns:1fr 220px;grid-gap:40px}
#recent-posts h2{position:relative;margin-bottom:20px;padding-bottom:10px;font-size:22px;color:var(--black);text-transform:capitalize}
#recent-posts h2:before{position:absolute;bottom:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg, var(--red-e9) 0%, var(--red-e9) 30%, rgba(150, 150, 150, .2) 30%, rgba(150, 150, 150, .2) 100%);content:""}
#recent-posts .recent-posts-list a{display:grid;transition:all 0.15s linear}
#recent-posts .recent-posts-list a:hover .recent-title{color:var(--red-e5)}
#recent-posts .post-date{margin-bottom:6px}
#recent-posts .recent-title{font-size:15px;font-weight:bold;line-height:1.4;color:var(--black)}
#recent-posts .recent-posts-list{padding-left:8px;border-left:1px dashed var(--red-f7)}
#recent-posts .recent-posts-list li:not(:first-child){padding-top:22px}
#main-random .entry-wrapper{grid-template-columns:repeat(2, 1fr)}
.entry-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 22px}
.entry-link{display:grid}
.entry-thumbnail{position:relative;display:flex;aspect-ratio:auto 16/9}
.entry-thumbnail img{width:100%;height:auto;object-fit:cover;border-radius:10px}
.entry .category{position:absolute;right:0;display:inline-block;padding:5px;background-color:var(--red-e9);color:var(--white);text-transform:uppercase}
.entry h2{margin-top:12px;font-size:16px;line-height:1.5;color:var(--black)}
.entry h3{margin-top:12px;font-size:15px;line-height:1.5;color:var(--black)}
.entry:hover .post-title{color:var(--red-e5);transition:all 0.15s linear}
.entry:hover .entry-thumbnail img{opacity:.9;transition:all 0.15s linear}
.entry .publish-date{padding-top:10px}
.publish-date{display:none}
#post-header{display:grid;gap:20px;padding-bottom:24px}
.breadcrumb{display:flex}
.breadcrumb ol{display:flex}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb li:not(:last-child)::after{content:">";margin:0 8px;color:var(--gray)}
.breadcrumb a{color:var(--gray)}
.breadcrumb a:hover{text-decoration:underline}
#post-header .post-title{margin-top:10px;font-size:30px;line-height:1.33;color:var(--black)}
#post-content{margin-bottom:32px;font-size:15px;line-height:1.73;}
#post-content h2{position:relative;margin:80px -16px 40px;padding:15px 20px;font-size:22px;background:var(--red-e9);color:var(--white)}
#post-content h2:before{position:absolute;top:-4px;left:0;width:100%;height:calc(100% + 4px);border-top:solid 2px var(--red-e9);border-bottom:solid 2px var(--red-e9);box-sizing:content-box;content:""}
#post-content>h3{position:relative;margin:44px 0 34px;padding:10px;font-size:19px;line-height:1.5;color:var(--black)}
#post-content>h3:before{position:absolute;bottom:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--red-e9) 0%,var(--red-e9) 30%,rgba(150, 150, 150, .2) 30%,rgba(150, 150, 150, .2) 100%);content:""}
#post-content h4{position:relative;margin:48px 0 24px;padding-left:14px;border-left:2px solid var(--red-e9);font-size:17px;line-height:1.5;color:var(--black)}
#post-content p{margin-bottom:22px;text-align:justify}
#post-content p:last-child{margin-bottom:0}
#post-content img{display:flex;max-width:100%;height:auto;margin:0 auto;border-radius:14px}
#post-content strong,#post-content b{font-weight:bold;color:var(--black)}
#post-content>a{border-bottom:solid 1px;color:var(--red-e9);transition:all 0.15s linear}
#post-content>a:hover{color:var(--red-e5)}
#post-content>p>a{border-bottom:solid 1px;color:var(--red-e9);transition:all 0.15s linear}
#post-content>p>a:hover{color:var(--red-e5)}
#post-content ol{list-style:decimal}
#post-content ul{list-style:disc}
#post-content ol,#post-content ul{margin-bottom:22px;padding-left:17px}
#post-content ol li:last-child ul{margin-bottom:0}
#post-content ul li:last-child ul{margin-bottom:0}
#post-content>ol,#post-content>ul{padding:22px 38px;border:dashed 2px var(--gray-e3)}
#post-content li{margin-bottom:6px}
#post-content li:last-child{margin-bottom:0}
#post-content li li{margin-bottom:6px}
#post-content table{overflow-x:auto;width:100%;margin-bottom:32px;font-size:13px;border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
#post-content>table th,#post-content>table td{padding:8px 10px;}
#post-content>table td{border-top:1px solid rgba(0, 0, 0, 0.15)}
#post-content>table th{text-align:left}
#post-content>table>tbody>tr:first-child>td{border-top: 1px solid rgba(0, 0, 0, 0.3)}
#post-content .wp-caption{max-width:100%}
#post-content .wp-caption-text{margin: 5px 0 22px !important;padding-bottom:5px;border-bottom:1px dotted var(--gray-e3);font-size:12px;font-style:italic}
#lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.8)}
#lightbox img{max-width:90%;max-height:90%}
#share-box{margin-bottom:20px}
#share-box .button-wrapper{display:flex;gap:8px;justify-content:end}
#share-box .copyURLButton-wrapper{position:relative}
#share-box button{padding:5px;border:1px solid var(--red-f7);border-radius:50%;background:var(--white)}
#share-box button:hover{background-color:var(--red-f7)}
#share-box .share-svg{width:25px;height:25px;fill:var(--red-e9)}
#copyMessage{position:absolute;top:-24px;right:-50%;padding:5px;border-radius:5px;text-wrap:nowrap;background-color:var(--black);color:var(--white);opacity:.7}
#authorbox{display:grid;gap:20px;margin-bottom:40px;padding:20px;border:1px solid var(--gray-e3);border-radius:10px;font-size:15px}
#authorbox .authorboxl{display:grid;gap:12px;margin:0 auto}
#authorbox .authorbox-icon{width:60px;height:60px;margin:0 auto}
#authorbox .author-name{font-size:18px;font-weight:bold;white-space:nowrap;color:var(--black)}
#authorbox .author-des{line-height:1.6}
#authorbox .snsfollow{display:flex;justify-content:center;margin-top:10px}
#authorbox .sns-follow{display:flex;gap:7px;align-items:center;padding:7px;border:1px solid var(--black);border-radius:4px;font-size:14px;color:var(--black)}
#authorbox .sns-follow:hover{box-shadow:0 2px 8px rgba(0, 0, 0, .25);animation:flash 1s}
#authorbox .follow-svg{width:16px;height:16px;border:1px solid var(--black);border-radius:50%}
#comment-wrapper{display:grid;gap:40px}
#count-comments,#reply-title{border-bottom:1px solid var(--black)}
#count-comments .number-title,#reply-title .number-title{display:inline-block;margin-bottom:-1px;padding-bottom:6px;border-bottom:2px solid var(--red-e9)}
#count-comments .number{color:var(--red-e9)}
#comment-list .comment-body{display:grid;gap:8px;padding:22px 0;border-bottom:1px solid var(--gray-e3)}
.children .comment-body{padding-left:20px !important}
.comment-meta{display:flex;gap:5px}
.wrapper-comment-author{display:flex;align-items:end;gap:7px}
.comment-author{font-size:14px;font-weight:bold}
.comment-awaiting{font-style:italic}
#comment-list .comment-time{color:var(--gray)}
.comment-text p{line-height:1.73}
#cancel-comment-reply-link{color:var(--red-e9)}
.navigation{display:flex;justify-content:space-between;margin-top:20px}
.navigation a{padding-bottom:1px;border-bottom:solid 1px;font-weight:bold;color:var(--gray)}
.navigation a:hover{color:var(--red-e9);transition:all 0.15s linear}
#commentform{display:grid;gap:16px;margin:20px 0 40px 0}
.comment-form-comment,.comment-form-author,.comment-form-email{display:flex}
.comment-form-comment textarea,.comment-form-author input,.comment-form-email input{width:100%;padding:12px 8px;border:1px solid var(--gray-e3);font-family:inherit;color:var(--gray)}
.comment-form-cookies-consent{display:flex;gap:5px}
#submit{padding:10px 15px;border-radius:3px;background:var(--black);color:var(--white)}
#sidebar{padding-top:80px;border-top:1px dashed var(--red-f7)}
#sidebar .sidebar-name{margin-bottom:26px;font-size:24px}
#sidebar .post-categories{display:flex;gap:8px;color:var(--red-e9)}
#sidebar .post-categories:after{content:' 다른 업체'}
#sidebar .post-categories a{border-bottom:solid 1px;color:var(--red-e9);text-transform:capitalize}
#sidebar .popular-recent{display:grid;grid-template-columns:1fr 240px;grid-gap:40px}
#pagination{display:flex;justify-content:space-between;margin:40px 0 60px 0;padding:15px 0;border-top:1px dashed var(--red-f7);font-size:12px}
#pagination a{padding-bottom:1px;border-bottom:solid 1px;font-weight:bold;color:var(--gray)}
#pagination a:hover{color:var(--red-e9);transition:all 0.15s linear}
#footer{padding:40px 20px 50px 20px;font-size:14px;background:var(--sky-66);color:var(--black)}
#footer .footer-inner{max-width:1000px;margin:0 auto;text-align:left}
#footer .footer-adver{display:flex;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid var(--black)}
#footer .footer-home{width:180px;height:auto;margin-bottom:24px}
#footer .sns-wrapper{display:flex;gap:10px}
.sns-item{display:block;padding:5px;border:1px solid;border-radius:50%}
.sns-item:hover{border:1px solid var(--black);background:var(--black)}
.sns-item:hover .sns-svg{fill:var(--white)}
.sns-svg{width:25px;height:25px}
#copyright a{border-bottom:solid 1px;color:var(--black)}
#footer-page .menu-item-wrapper{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}
#footer-page a{font-size:16px;font-weight:bold;color:var(--black)}
#footer-page a:hover{border-bottom:1px solid}
#footer-page .menu-item-wrapper li:not(:first-child):before{position:relative;bottom:-2px;display:inline-block;height:14px;margin-right:14px;border-left:1px solid var(--black);content:""}
#not-found{display:flex;gap:10px;flex-direction:column;align-items:center;padding:100px 0}
#not-found .title{font-size:60px}
#not-found .not-found{font-size:26px}
#not-found .retry{font-size:16px;line-height:1.33}
#not-found .retry a{padding-bottom:1px;border-bottom:solid 1px}
#not-found .retry a:hover{color:var(--red-e9);transition:all 0.15s linear}
#post-content iframe{width:100%;border-radius:10px}
#table-contents{position:relative;margin-bottom:60px;padding:16px;border-radius:16px;background-color:var(--gray-f9)}
.table-contents:after{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:75px;background-color:var(--gray-f9);opacity:.75;content:""}
.table-contents:before{position:absolute;bottom:75px;left:0;z-index:1;width:100%;height:60px;background-color:linear-gradient(hsla(0, 0%, 100%, 0), var(--gray-f9));opacity:.75;content:"";}
#table-contents a{color:inherit}
#table-contents h3{margin:0 0 20px !important}
#table-contents ol,#table-contents ul{margin-left:0;padding-right:0}
#table-contents>ol,#table-contents>ol>li:last-child ul{margin-bottom:0}
.table-hidden{display:none}
#toggleBtn{position:relative;z-index:2;display:block;min-width:84px;margin:12px auto 0;padding:7px 14px;border:rgba(0, 0, 0, .2);border-radius:20px;font-size:14px;line-height:1.5;background-color:var(--gray-f9);color:var(--black);box-shadow:0 0 0 1px var(--gray-bb);transition:box-shadow .25s}
#toggleBtn:before,#toggleBtn:after{position:absolute;top:calc(50% - 1px);display:block;width:22px;height:1px;border-top:3px dotted rgb(0 0 0 / 22%);transition:border-color .25s;content:""}
#toggleBtn:before{right:calc(100% + 1em)}
#toggleBtn:after{left:calc(100% + 1em)}
.home-ads{margin:118px 0}
.authorbox-ads{margin:80px 0}
/* 대부업체 정보 싱글 글 */
.company-info h3,.caution-info h3{position:relative;margin:44px 0 34px;padding:10px;font-size:19px;line-height:1.5;color:var(--black)}
.company-info h3:before,.caution-info h3:before{position:absolute;bottom:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--red-e9) 0%,var(--red-e9) 30%,rgba(150, 150, 150, .2) 30%,rgba(150, 150, 150, .2) 100%);content:""}
/* 대부업체 통합조회 화면 시작 */
/* 카테고리 버튼 */
.category-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom: 40px;}
.category-button{padding:8px;background-color:var(--gray-f9);border:1px solid var(--gray-e3);border-radius:6px;}
.category-button:hover,.category-button.active{background-color:var(--red-e9);color:var(--white);}
/* 검색창 스타일 (돋보기 아이콘 포함) */
.search-box-wrapper{position:relative;width:100%;max-width:400px;margin-bottom: 20px;}
.search-box-wrapper input{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--gray-e3);border-radius:6px;font-size:14px;}
.search-box-wrapper button{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;color:var(--gray-e3);}
.search-box-wrapper button:hover{color:var(--black);}
.search-box-wrapper svg{width:18px;height:18px;fill:currentColor;}
/* 그리드 레이아웃 */
.lenders-grid{font-size:13px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);margin-bottom:20px;border:1px solid var(--gray-e3);border-radius:6px;overflow:hidden;}
.lenders-header{font-weight:bold;background-color:var(--gray-f9);text-align:center;}
.lenders-header,.lenders-row{display:contents;}
.lenders-header>div{background-color:var(--gray-f9);font-weight:bold;border-bottom:2px solid var(--gray-e3);}
.lenders-header>div,.lenders-row>div{padding:12px;overflow:hidden;min-width:0;white-space:normal;word-wrap:break-word;border-bottom:1px solid var(--gray-e3);border-right:1px solid var(--gray-e3);}
.lenders-header>div:last-child,.lenders-row>div:last-child{border-right:none;}
.lenders-row:last-child>div{border-bottom:none;}
/* 검색결과 없음 */
.no-results{text-align:center;color:var(--gray);margin:40px 0;}
.no-results svg{display:block;margin:0 auto 10px;color:var(--gray);}
.no-results p{font-size:16px;margin:5px 0;}
/* a태그 */
.lenders-grid a{border-bottom:solid 1px;color:var(--red-e9);transition:all 0.15s linear}
.lenders-grid a:hover{color:var(--red-e5)}
/* 페이지네이션 */
.lenders-pagination{display:flex;gap:6px;justify-content:center;align-items:center;}
.lenders-pagination a,.lenders-pagination .current{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;font-weight:bold;border-radius:50%;text-decoration:none;text-align:center;line-height:32px;}
.lenders-pagination a{color:var(--gray);border:1px solid var(--gray-light);transition:background 0.2s ease-in-out,color 0.2s ease-in-out;}
.lenders-pagination a:hover{color:var(--white);background:var(--red-e9);}
.lenders-pagination .current{background:var(--red-e9);color:var(--white);}
.lenders-pagination .prev,.lenders-pagination .next{border:1px solid var(--gray-light);}
.lenders-pagination .prev:hover,.lenders-pagination .next:hover{background:var(--red-e9);color:var(--white);}
@media screen and (max-width:768px){
	.lenders-grid{grid-template-columns:1fr;border:none;}
	.lenders-header{display:none;}
	.lenders-row{display:grid;grid-template-columns:1fr;gap:5px;padding:15px;border:1px solid var(--gray-e3);margin-bottom:15px;border-radius:8px;}
	.lenders-row>div{padding:5px 0;border:none;white-space:normal;}
	.lenders-row>div:last-child{border-bottom:none;}
	.lenders-row>div::before{content:attr(data-label);font-weight:bold;display:inline-block;width:120px;margin-right:10px;}
}
/* 대부업체 통합조회 화면 끝 */
/* 계산기 설명 시작 */
.calculator-description>h3{position:relative;margin-bottom: 34px;padding:10px;font-size:19px;line-height:1.5;color:var(--black)}
.calculator-description>h3:before{position:absolute;bottom:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--red-e9) 0%,var(--red-e9) 30%,rgba(150, 150, 150, .2) 30%,rgba(150, 150, 150, .2) 100%);content:""}
.calculator-description{margin:20px 0;padding:15px;background:var(--gray-f9);border-radius:8px;border:1px solid var(--gray-e3);font-size:14px;line-height:1.6;}
/* 계산기 내부 링크 시작 */
/* 컨테이너 스타일 (버튼과 내부 링크를 동일한 크기로 정렬) */
.loan-calculator-container{display:inline-block;position:relative;width:300px;}
/* 버튼 스타일 */
.loan-calculator-toggle{background-color:var(--red-e9);color:white;font-size:16px;padding:10px 20px;border:none;border-radius:5px 5px 0 0;cursor:pointer;transition:background 0.3s ease-in-out;width:100%;min-width:220px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* 버튼 호버 효과 */
.loan-calculator-toggle:hover{background-color:var(--red-e5);}
/* 내부 링크 스타일 */
.loan-calculator-links{position:absolute;top:100%;left:0;background:white;box-shadow:0 4px 10px rgba(0,0,0,0.1);border-radius:0 0 5px 5px;z-index:100;width:100%;opacity:0;transform:translateY(-10px);transition:opacity 0.2s ease-in-out,transform 0.2s ease-in-out;list-style:none;padding:10px;margin:0;pointer-events:none;}
/* 내부 링크 목록 스타일 */
.loan-calculator-links li{padding:5px 0;}
/* 내부 링크 스타일 */
.loan-calculator-links a{text-decoration:none;color:var(--black);font-size:14px;font-weight:bold;transition:background 0.3s ease-in-out,color 0.3s;display:block;padding:10px;border-radius:5px;}
/* 링크 호버 효과 */
.loan-calculator-links a:hover{background-color:var(--red-e9);color:white;}
/* PC에서 마우스를 올리면 표시 */
.loan-calculator-container:hover .loan-calculator-links{opacity:1;transform:translateY(0);pointer-events:auto;}
/* 모바일에서 버튼이 가로로 꽉 차도록 설정 */
@media (max-width:600px){.loan-calculator-container{width:100%;}}
/* 계산기 내부 링크 끝 */
/* 대출 계산기 디자인 시작 */
/* 대출 계산기 컨테이너 */
.calculator-container{max-width:500px;margin-top:30px;padding:20px;border-radius:10px;box-shadow:0px 4px 10px rgba(0,0,0,0.1);border:1px solid var(--gray-e3);}
/* 입력 필드 그룹 */
.form-group{margin-bottom:15px;}
/* 라벨 스타일 */
.form-group label{display:block;font-weight:bold;margin-bottom:5px;color:var(--black);}
/* 드롭다운 & 입력 필드 */
.form-group input,.form-group select{width:100%;padding:10px;font-size:16px;border:1px solid var(--gray-bb);border-radius:5px;transition:all 0.3s ease-in-out;}
/* 입력 필드 포커스 효과 */
.form-group input:focus,.form-group select:focus{border-color:var(--red-e9);box-shadow:0px 0px 5px rgba(52,152,219,0.5);outline:none;}
/* 원, % 같은 추가 텍스트 */
.input-group{display:flex;align-items:center;}
.input-group input{flex:1;}
.input-group-append{padding-left:10px;}
/* 계산 버튼 */
.calculate-button{width:100%;padding:12px;background:var(--red-e9);color:var(--white);font-size:18px;font-weight:bold;border:none;border-radius:5px;cursor:pointer;transition:background 0.3s ease-in-out;}
.calculate-button:hover{background:var(--red-e5);}
#reset-button{width:100%;padding:10px;background-color:#5a6268;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color 0.3s}
#reset-button:hover{background-color:#4a5258}
#result-no-table{margin-top:20px;padding:10px;background-color:#3a3f44;border:1px solid #5a6268;border-radius:4px;color:#e0e0e0;display:none}
/* 결과 출력 영역 */
#calculation-result{margin-top:20px;}
/* 결과 테이블 */
.result-table{width:100%;border-collapse:collapse;margin-top:10px;}
/* 월별 스케줄 테이블 */
#calculation-result table{display: block;width:100%;border-collapse:collapse;margin-top:10px;}
#calculation-result th,#calculation-result td{padding:10px;border:1px solid var(--gray-e3);text-align:center;}
#calculation-result th{background:var(--red-e9);color:var(--white);}
#calculation-result h3,.calculator-container h3{margin-bottom:10px;font-size:18px;}
.result-table{margin-bottom:20px}
#current-loans,#new-loan{margin-bottom:20px}
.button-container{display:flex;justify-content:flex-end}
.add-loan{padding:5px;font-size:14px;background-color: var(--white);color: var(--black);cursor:pointer}
.loan-header{display:flex;justify-content:space-between;align-items:center;margin-top:30px}
.delete-loan{margin-bottom:10px;padding:4px 8px;border:none;font-size:12px;background-color: var(--red-e5);color:white;cursor:pointer;border-radius:4px}
/* 엑셀 다운로드 버튼 */
.download-button{margin-top:10px;padding:10px;background:#2ECC71;color:var(--white);font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background 0.3s ease-in-out;}
.download-button:hover{background:#27AE60;}
/* 반응형 스타일 (모바일) */
@media (max-width:600px){
	.calculator-container{padding:15px;}.calculate-button{font-size:16px;padding:10px;}.download-button{font-size:14px;padding:8px;}
}
/* 대출 계산기 디자인 끝 */
@media(max-width:1040px){
	#random-recent,#sidebar .popular-recent{grid-template-columns:1fr;grid-gap:100px}
}
@media(max-width:768px){
	#header-inner{height:54px;padding:0 10px}#gnb-desktop{display:none}.entry h2{font-size:14px}#post-content h2{margin:60px -8px 30px}#footer .footer-adver{flex-direction:column;border-bottom:none}#footer .footer-home{margin-bottom:20px}#footer .footer-sns{border-top:1px solid}#footer .sns-wrapper{padding-top:24px}
}
@media(max-width:640px){
	#article-inner{width:100%}#sidebar{padding-top:40px;border-top:none}
}
@media(max-width:600px){
	.entry-wrapper{grid-template-columns:repeat(2,1fr);gap:50px 20px}
}