/* ================================================================
 * 블로그 상세 컨텐츠
 * ================================================================ */
/* ======================
 * 기본 타이틀 태그 : 소스
 * ===================== */
 /* html .kbdetail__sections *{
	line-height: 1.9!important;
	font-size: 1.8rem;
} */
#nxt_blog-content p {
	font-family: pretendard-300;
	font-weight: 300;
	line-height: 3.4rem;
	font-size: 1.8rem;
}
#nxt_blog-content h2 {
    padding: 0;
    margin: 6rem 0 1.4rem 0;
    font-family: "KBFGDisplay", "KBFGDisplay-fb", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #111;
}
#nxt_blog-content h3 {
	margin: 2rem 0 1rem 0;
	font-family: "KBFGDisplay", "KBFGDisplay-fb", sans-serif;
	font-weight: 700;
	font-size: 2rem;
	line-height: 3rem;
	color: #111;
}

.disclaimer{
	margin:1rem 0 0 0;
	color: #666!important;
	font-family: pretendard-300, sans-serif!important;
	font-weight: 300!important;
	font-size: 1.5rem!important;
	font-style: normal;
	line-height: 3rem!important;
}
.disclaimer a{
color: #3b82f6;
	font-weight: 600!important;
}
@media (max-width: 768px) {
    #nxt_blog-content h2 {
        margin: 4rem 0 1rem 0;
        font-size: 1.8rem;
        line-height: 3rem;
    }
    #nxt_blog-content h3 {
        margin: 2rem 0 1rem 0;
        font-size: 1.7rem;
        line-height: 2.8rem;
    }
    #nxt_blog-content p {
        font-weight: 300;
        line-height: 2.6rem;
        font-size: 1.6rem;
    }
	
	
	.disclaimer {
		font-size: 1.3rem!important;
		line-height: 2.2rem!important;
	}
}

/* ======================
 * 최상단 리드글 : 소스
 * ===================== */
.kb-post-lead {
    margin: -4rem 0 6rem 0;
    padding: 3rem 2.6rem 2rem 2.6rem;
    position: relative;
    width: 100%;
    border-radius: 2.6rem;
    background: #F8F6F2;
}
.kb-post-lead:before {
    margin: 0 0 .8rem 0;
    content: '';
    display: inline-block;
    position: relative;
    width: 3.5rem;
    height: 2.4rem;
    background-image: url(/public/img/kb/common/post-lead-icon.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.kb-post-lead dl{
	margin:1rem 0;
	font-family: pretendard-400;
    font-weight: 400;
    line-height: 3rem;
    font-size: 1.8rem;
}
.kb-post-lead dl span{
	font-family: pretendard-700;
    font-weight: 700;
}
@media (max-width: 768px) {
	.kb-post-lead {
		margin: -3rem 0 3rem 0;
		padding: 1.6rem 1.6rem 0.8rem 1.6rem;
		border-radius: 1.6rem;
	}
	.kb-post-lead:before {
		margin: 0;
		width: 2.2rem;
		height: 1.5rem;
	}
	.kb-post-lead dl {
		margin: 0.8rem 0;
		line-height: 2.6rem;
		font-size: 1.6rem;
	}
}


/* ======================
 * 요약글 소스
 * ===================== */
.sumstatBox{
	position:relative;
	margin: 0rem 0 5rem 0;
}
.summary-box{
	position:relative;
	display: block;
	padding:2.4rem 2rem 2.4rem 2.6rem;
	border-radius:0.8rem;
	background: #FBF3E8;
}
.summary-title {
    margin: 0 0 1rem 0;
    gap: .8rem;
    display: flex;
    position: relative;
    color: #111;
    font-family: pretendard-600;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
    align-items: center;
    justify-content: flex-start;
}
.summary-title:before{
	content:'';
	position:relative;
	width: 2rem;
	height: 2rem;
	display:inline-block;
	background-image: url(/public/img/kb/sub/summation_icon.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
ul.summation{
	margin:0;
}
ul.summation li{
	position:relative;
	padding:0 0 0 1.2rem;
	margin:0.8rem 0 0 0;
	color: #111;
    font-family: pretendard-300;
    font-weight: 300;
    line-height: 3rem;
    font-size: 1.8rem;
}
ul.summation li:before {
    top: 1.3rem;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.4rem;
    background: #5E504C;
}
ul.summation li strong{
	font-family: pretendard-700;
	font-weight: 700;
}
@media (max-width: 768px) {
	.sumstatBox {
		margin: 0rem 0 3rem 0;
	}
	.summary-box{
		padding: 1.6rem;
		border-radius: 0.6rem;
	}
	.summary-title {
		margin: 0 0 1rem 0;
		gap: .6rem;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.summary-title:before {
		width: 1.8rem;
		height: 1.8rem;
	}
	ul.summation li {
		padding: 0 0 0 1.2rem;
		margin: 0.6rem 0 0 0;
		line-height: 2rem;
		font-size: 1.4rem;
	}
	ul.summation li:before {
		top: 0.8rem;
		width: 0.4rem;
		height: 0.4rem;
	}
}

/* ======================
 * stat 영역
 * ===================== */
 .kb-stat-row {
    padding: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: -0.5rem;
    list-style-type: none;
    justify-content: flex-start;
}
.kb-stat {
    position: relative;
    flex: 0 0 calc(33.3333333% - 1rem);
    margin: 0.5rem;
    box-sizing: border-box;
    display: flex;
    padding: 2.4rem 2rem 2.4rem 0 ;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 0.8rem;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.05);
}
.kb-stat__num{
    position: relative;
    display: flex;
    padding-left: 2rem;
    text-align: left;
    color: #111;
    font-family: Pretendard-700;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.8rem;
}
.kb-stat__num:before {
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    width: 4px;
    height: 2.6rem;
    border-radius: 0 3px 3px 0;
    background: #FFBC00;
}
.kb-stat__label{
    display: flex;
    padding-left: 2rem;
    text-align: left;
    color: #111;
    font-family: Pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
}
@media (max-width: 768px) {
    .kb-stat-row {
        padding: 1.6rem 0 0 0;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        gap: 0.8rem;
        list-style-type: none;
        justify-content: flex-start;
        flex-direction: column;
    }
    .kb-stat {
        gap: 0.8rem;
        margin: 0;
        flex: 0 0 calc(100% - 0rem);
        padding: 1.6rem 1.6rem 1.6rem 0;
        border-radius: 0.6rem;
        box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.05);
    }
    .kb-stat__num {
        padding-left: 1.6rem;
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .kb-stat__num:before {
        width: 3px;
        height: 2.2rem;
        border-radius: 0 3px 3px 0;
    }
    .kb-stat__label {
        padding-left: 1.6rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

/* ======================
 * 컨텐츠 주의! 소스
 * ===================== */
.info-box{
	border-radius: 0.8rem;
	padding: 2.4rem 2rem 2.4rem 2.6rem;
	margin: 2rem 0;
}
.info-box.tips{
border-left: 4px solid #89DB8F;
background: #F1F9EB;
}
.info-box.cautions{
border-left: 4px solid #FA794B;
background: #FFF2F0;
}
.info-box.point{
border-left: 4px solid #70B8E5;
background: #F0F8FD;
}

.infoboxtitle{
	margin: 0rem 0 1rem 0!important;
	font-family: pretendard-600, sans-serif!important;
	font-weight: 600!important;
	font-size: 2rem!important;
	line-height: 2.8rem!important;
	color: #111!important;
}
.infotext-base{
	position:relative;
}
.infotext_text{
	margin: 1rem 0 1rem 0!important;
	color: #111!important;
	font-family: pretendard-400, sans-serif!important;
	font-size: 1.6rem!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 3rem!important;
}
.info-disc ul{margin:0;}
.info-disc li{
	position:relative;
	padding-left:1.2rem;
	margin:0;font-weight: 300;
    line-height: 3rem;
    font-size: 1.6rem;
}
.info-disc li:before {
    top: 1.3rem;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.4rem;
    background: #5E504C;
}
.info-disc li strong{
	font-family: pretendard-700, sans-serif;
	font-weight: 700;
}
@media (max-width: 768px) {
	.info-box {
		border-radius: 0.6rem;
		padding: 1.6rem 1.6rem 1.6rem 2rem;
		margin: 1rem 0;
	}
	.info-box.tips{
		border-left: 2px solid #89DB8F;
	}
	.info-box.cautions {
		border-left: 2px solid #FA794B;
	}
	.info-box.point{
		border-left: 2px solid #70B8E5;
	}
	.infoboxtitle {
		margin: 0rem 0 1rem 0!important;
		font-size: 1.7rem!important;
		line-height: 2.2rem!important;
	}
	.infotext_text {
		margin: 1rem 0 1rem 0!important;
		font-size: 1.4rem!important;
		line-height: 2.2rem!important;
	}
	.info-disc li {
		padding-left: 1.2rem;
		margin: 0.6rem 0 0 0;
		line-height: 2rem;
		font-size: 1.4rem;
	}
	.info-disc li:before {
		top: 0.8rem;
		width: 0.4rem;
		height: 0.4rem;
	}
}

/* ======================
 * ul li : 소스
 * ===================== */
.kb_ulli {
    border-radius: 0.8rem;
    border-left: 4px solid #FFBC00;
    background: #FFFBEF;
    padding: 2.4rem 2rem 2.4rem 2.6rem;
    margin: 2rem 0;
}
.kb_ulli .kb_ulli__title{
    margin: 0rem 0 1rem 0!important;
	font-family: pretendard-600, sans-serif!important;
    font-weight: 600;
    font-size: 2rem!important;
    line-height: 2.8rem!important;
    color: #111!important;
}
.kb_ulli .kb_ulli-t{font-weight:800;font-size:1.05rem;margin-bottom:10px}
.kb_ulli ul{margin:0;}
.kb_ulli li{
	position:relative;
	padding-left:1.2rem;
	margin:0;font-weight: 300;
    line-height: 3rem;
    font-size: 1.6rem;
}
.kb_ulli li:before {
    top: 1.3rem;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.4rem;
    background: #5E504C;
}
.kb_ulli li strong{
	font-family: pretendard-700, sans-serif;
	font-weight: 700;
}
.kb_ulli p.mini{
    margin: 10px 0 0 0;
    line-height: 2rem!important;
    font-size: 1.5rem!important;
}
@media (max-width: 768px) {
	.kb_ulli {
		border-radius: 0.6rem;
		border-left: 2px solid #FFBC00;
		padding: 1.6rem 1.6rem 1.6rem 2rem;
		margin: 1rem 0;
	}
	.kb_ulli .kb_ulli__title {
		font-size: 1.7rem!important;
		line-height: 2.2rem!important;
	}
	.kb_ulli li {
		padding-left: 1.2rem;
		margin: 0.6rem 0 0 0;
		line-height: 2rem;
		font-size: 1.4rem;
	}
	.kb_ulli li:before {
		top: 0.8rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	.kb_ulli p.mini {
		margin: 10px 0 0 0;
		line-height: 1.8rem!important;
		font-size: 1.3rem!important;
	}
}

/* ======================
 * 본문 추가 이미지 : 소스
 * ===================== */
figure.kb-figure{
	margin:1.4rem 0;
	display: flex;
    width: 100%;
    height: auto;
	border-radius: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.10);
	overflow:hidden;
}
@media (max-width: 768px) {
	figure.kb-figure {
		margin: 1rem 0;
		border-radius: 0.8rem;
	}
}


/* ======================
 * 참고글 : 소스
 * ===================== */
.kb-reference{
	position:relative;
	margin:1.4rem 0;
}
.kb-reference dt{
	color: #666;
	font-family: pretendard-400;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
}
.kb-reference .kb-referencelink {
    margin: 0.6rem 0 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.kb-reference .kb-referencelink strong {
    display: flex;
    position: relative;
    color: #111;
    font-family: pretendard-600;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.2rem;
    align-items: center;
}
.kb-reference .kb-referencelink strong:after{
	content:'';
	margin:0 1rem;
	position:relative;
	display:inline-block;
	width: 1px;
	height: 1.4rem;
	background: #DDD;
}
.refelink {
    flex-wrap: wrap;
    display: flex;
    gap: 1.2rem;
    align-items: center;
}
.refelink a{
	position:relative;
	/* margin:0 0 0 1.2rem; */
	color: #8A6A00;
	font-family: pretendard-500;
	font-size:1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height:2.2rem;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.refelink a:before {
    left: -0.8rem;
    position: absolute;
    content: '·';
}
.refelink a:nth-child(1):before{
	content: none;
}
@media (max-width: 768px) {
	.kb-reference {
		margin: 1rem 0;
	}
	.kb-reference dt {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.kb-reference .kb-referencelink {
		margin: 0.4rem 0 0 0;
	}
	.kb-reference .kb-referencelink strong {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.kb-reference .kb-referencelink strong:after {
		margin: 0 0.6rem;
		width: 1px;
		height: 1rem;
	}
	.refelink {
		gap: 0.6rem;
	}
	.refelink a {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.refelink a:before {
		left: -0.5rem;
	}
}

/* ======================
 * FAQ : 소스
 * ===================== */
.nxt_faq-section .nxt_faqContent {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}
.nxt_faq-section .nxt_faq{
    background: #f8f6f2;
    border-radius: 1.6rem;
    padding: 2rem 2.4rem;
    display: flex;
    flex-direction: column;
}
.nxt_faq-section .nxt_faqTitle{
	position:relative;
	padding: 0 0 0 2.9rem;
    margin: 0 !important;
    display: block;
    font-family: pretendard-400, sans-serif!important;
    font-weight: 700!important;
    font-size: 1.8rem!important;
    line-height: 2.6rem!important;
    color: #111;
}
.nxt_faq-section .nxt_faqTitle span {
	position:absolute;
	left:0;
    font-weight: 600!important;
	font-family: "KBFGDisplay", "KBFGDisplay-fb", sans-serif!important;
}
.nxt_faq-section .nxt_faqTitle a{
	color: #3b82f6;
    font-weight: 600 !important;
}
.nxt_faq-section .nxt_faqSubTitle{
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%;
    margin:1.4rem 0 0 0;
    padding: 1.4rem 0 0 2.9rem;
    position: relative;
	display:block;
	text-align:left;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.nxt_faq-section .nxt_faqSubTitle span{
	position:absolute;
	left:0;
	top: 1.4rem;
    font-family: "KBFGDisplay", "KBFGDisplay-fb", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #5e504c;
}
.nxt_faq-section .nxt_faqSubTitle a{
	color: #3b82f6;
    font-weight: 600 !important;
}
@media (max-width: 768px) {
    .nxt_faq-section .nxt_faq{
        padding: 1.6rem 1.8rem;
        border-radius: .8rem;
    }
	.nxt_faq-section .nxt_faqTitle{
		padding: 0 0 0 2.5rem;
        font-size: 1.6rem!important;
        line-height: 2.4rem!important;
    }
    .nxt_faq-section .nxt_faqTitle span {
        font-size: 1.6rem!important;
        line-height: 2.4rem!important;
    }
   .nxt_faq-section .nxt_faqSubTitle {
		padding: 1.4rem 0 0 2.5rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
    .nxt_faq-section .nxt_faqSubTitle span{
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}


/* ======================
 * custom-table : 소스
 * ===================== */
.custom-table {
    margin:1rem 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: .1rem solid rgba(0,0,0,.1);
    border-radius: 1rem;
    overflow: hidden;
    color: #111;
}
.custom-table th,
.custom-table td {
    /* word-break: break-word; */
    padding: 1rem 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    border-bottom: .1rem solid rgba(0,0,0,.1);
}
.custom-table th:not(:last-child),
.custom-table td:not(:last-child) {
    border-right: .1rem solid rgba(0,0,0,.1);
}
.custom-table tr:last-child > th,
.custom-table tr:last-child > td {
    border-bottom: 0;
}
.custom-table thead th {
    background: #f8f6f2;
    font-weight: 600;
}
.custom-table tbody td:first-child {
    font-weight: 600;
}
.custom-table strong { font-weight: 600; }

.table-wrap.long table.custom-table th{word-break: auto-phrase;}
.table-wrap.long table.custom-table td{word-break: auto-phrase;}

@media (max-width: 768px) {
    .custom-table { border-radius: .8rem; }
    .custom-table th,
    .custom-table td {
		word-break: break-word;
		white-space: break-spaces !important;
        padding: 1rem 1.4rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}
@media (max-width: 600px) {
	.table-wrap.long {
		padding: 0 2rem;
		margin: -1rem -2rem 0 -2rem;
		overflow-x: auto;
	}
	.table-wrap.long table.custom-table {
		width: 700px;
	}
}

/* ======================
 * cta버튼 : 소스
 * ===================== */
.cta-wrap{margin:2rem 0}
.cta-banner {
/* 그라디언트(background-image)는 transition 이 보간되지 않아 즉시 바뀐다.
   hover 색이 단색이므로 background-color 로 전환해야 부드럽게 넘어간다. */
transition: background-color .25s ease;
position: relative;
display: flex;
padding: 2.5rem 8.5rem 2.5rem 2.5rem;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
width: 100%;
border-radius: 0.8rem;
border: 1px solid #000;
background: #FFF;
box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.10);
justify-content: center;
}
.cta-banner:hover{background-color: #FFBC00;}
.cta-banner:hover .cta-arrow{background-color: rgba(255, 255, 255, 0.20);}
.cta-banner .cta-txt{
    text-align: left;
    color: #111;
    font-family: "KBFGDisplay", "KBFGDisplay-fb", sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6rem;
}
.cta-banner .cta-arrow {
    transition: background-color .25s ease; /* 배너와 같은 속도로 원형 배경도 함께 전환 */
    border-radius: 99px;
    background-color: #F8F6F2;
    right: 2.5rem;
    position: absolute;
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url(/public/img/kb/common/cta_arrow.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.4rem;
}
@media (max-width: 768px) {
    .cta-wrap{margin:1rem 0}
    .cta-banner {
        padding: 2.5rem 6.4rem 2.5rem 1.4rem;
        border-radius: 0.6rem;
    }
    .cta-banner .cta-txt {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .cta-banner .cta-arrow {
        right: 1.4rem;
        width: 4.4rem;
        height: 4.4rem;
        background-size: 1.4rem;
    }
}



/* ======================
 * 코드 맛보기 접기 : 소스
 * ===================== */
details.code-fold {
padding: 2rem 2.6rem;
border-radius: 0.8rem;
background: #333;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);
margin: 2rem 0;
}
details.code-fold summary {
color: #FFF;
font-family: pretendard-600;
font-size: 1.8rem;
font-style: normal;
font-weight: 600;
line-height: 2.4rem;
cursor: pointer;
list-style: none;
}
details.code-fold summary::-webkit-details-marker{display:none}
details.code-fold summary::before{content:"\25B6";color:var(--kb-dark);font-size:16px;margin-right:8px;display:inline-block;transition:transform .2s}
details.code-fold[open] summary::before{transform:rotate(90deg)}
details.code-fold .code-body{padding:0}
pre.code {
    background: #111;
    color: #fff;
    border-radius: 0.6rem;
    padding: 1.6rem;
    overflow-x: auto;
    font-size: 1.5rem;
    line-height: 1.6;
    font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    margin: 2rem 0 0 0;
    white-space: pre;
}
pre.code .c-key{color:#FFBC00}
pre.code .c-cmt{color:#8B98A5}
details .code-note {
    color: #FFF;
    font-family: pretendard-500;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.4rem;
    margin: 1.6rem 0 0 0;
}
@media (max-width: 768px) {
    details.code-fold {
        padding: 1.6rem;
        border-radius: 0.6rem;
        margin: 1rem 0;
    }
    details.code-fold summary {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    pre.code {
        border-radius: 0.4rem;
        padding: 1.4rem;
        font-size: 1.3rem;
        line-height: 1.6;
        margin: 1.6rem 0 0 0;
    }
    details .code-note {
        font-size: 1.3rem;
        line-height: 2rem;
        margin: 1.6rem 0 0 0;
    }
}


/* ================================================================
 * 뉴스 상세 컨텐츠
 * ================================================================ */
 
.kbnews_content * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.kbnews_content .kbn_article {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 3rem;
  width: 100%;
  word-break: break-word;
}
.kbnews_content .kbn_titleBox {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.kbnews_content .kbn_title{
    font-family: "KBFGText", "KBFGText-fb", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.6rem; 
  color: #111;
}
.kbnews_content .kbn_eyebrow {
  font-family: "KBFGText", "KBFGText-fb", sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #767676;
  margin: 0;
}
.kbnews_content .kbn_divider {
    margin: 2rem 0 0 0;
    display: flex;
    border: 0;
    width: 100%;
    height: 0.1rem;
    background: #eee;
}
.kbnews_content .kbn_text {
  font-family: pretendard-300, sans-serif;
  font-weight: 300;
  font-size: 1.8rem; 
  line-height: 3.4rem; 
  color: #111;
}
.kbnews_content .kbn_block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.kbnews_content .kbn_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.kbnews_content .kbn_list_item {
  display: flex;
  align-items: center;
  gap: 1rem; 
}
.kbnews_content .kbn_dot {
  flex: 0 0 auto;
  width: 0.4rem; 
  height: 0.4rem; 
  border-radius: 50%;
  background: #666;
}
.kbnews_content .kbn_list_text {
  flex: 1 1 0;
  min-width: 0;
  font-family: pretendard-400, sans-serif;
  font-weight: 300;
  font-size: 1.6rem; 
  line-height: 3rem; 
  color: #666;
}
.kbnews_content .kbn_list_text strong {
  font-weight: 700;
}
.kbnews_content .kbn_quote {
  display: flex;
  align-items: center;
  border-left: 0.3rem solid #ffbc00;
  border-radius: 0.3rem;
  padding-left: 2.6rem;
}
.kbnews_content .kbn_quote p {
  flex: 1 1 0;
  min-width: 0;
  font-family: pretendard-400, sans-serif;
  font-weight: 300;
  font-size: 1.8rem; 
  line-height: 3.4rem;
  color: #111;
}
.kbnews_content .kbn_note {
  font-family: pretendard-400, sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #666;
}
/* ===== 모바일 (max-width: 768px) ===== */
@media (max-width: 768px) {
  .kbnews_content .kbn_title {
    font-size: 1.6rem; 
    line-height: 2rem; 
    letter-spacing: -0.032rem;
  }
  .kbnews_content .kbn_text {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
  .kbnews_content .kbn_list {
    gap: 0.4rem;
  }

  .kbnews_content .kbn_list_item {
    align-items: flex-start;
  }
  .kbnews_content .kbn_dot {
    margin-top: 0.9rem; 
  }
  .kbnews_content .kbn_list_text {
    font-size: 1.4rem; 
    line-height: 2.2rem; 
  }
  .kbnews_content .kbn_quote {
    padding-left: 1.6rem; 
  }

  .kbnews_content .kbn_quote p {
    font-size: 1.6rem; 
    line-height: 2.8rem; 
  }
  .kbnews_content .kbn_note {
    font-size: 1.4rem; 
    line-height: 2.2rem; 
  }
}