.elementor-22 .elementor-element.elementor-element-d28baba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-164da39{text-align:center;}.elementor-22 .elementor-element.elementor-element-164da39 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:40px;font-weight:800;color:#004BD5;}.elementor-22 .elementor-element.elementor-element-4617d7b{padding:10px 0px 0px 0px;text-align:center;}.elementor-22 .elementor-element.elementor-element-4617d7b .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:18px;font-weight:600;color:#26282C;}.elementor-22 .elementor-element.elementor-element-0097aee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-712ebdd{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-4b5e33d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-e9d39de > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-4a45bba{--display:flex;}.elementor-22 .elementor-element.elementor-element-8e4cd4e{--display:flex;}.elementor-22 .elementor-element.elementor-element-1a4b0aa{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-gap:80px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-d28baba{--content-width:1920px;}.elementor-22 .elementor-element.elementor-element-0097aee{--content-width:1920px;}.elementor-22 .elementor-element.elementor-element-712ebdd{--content-width:1920px;}.elementor-22 .elementor-element.elementor-element-4b5e33d{--content-width:1920px;}.elementor-22 .elementor-element.elementor-element-4a45bba{--width:1920px;}}/* Start custom CSS for nested-tabs, class: .elementor-element-1a4b0aa *//* 0. 폰트 설정: Pretendard */
.elementor-22 .elementor-element.elementor-element-1a4b0aa, .elementor-22 .elementor-element.elementor-element-1a4b0aa * {
    font-family: 'Pretendard', sans-serif !important;
}

/* 1. 데스크톱 & 모바일 공통 레이아웃 */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tabs-heading,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tabs-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important; /* [필수] 줄바꿈 절대 방지 */
    border-bottom: 1px solid #E5E5E5 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    
    /* 가로 스크롤 핵심 속성 */
    overflow-x: auto !important; 
    overflow-y: hidden !important;
    scroll-snap-type: x text; /* 스크롤 걸림 방지 */
    -webkit-overflow-scrolling: touch !important; 
}

/* 스크롤바 숨기기 */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tabs-heading::-webkit-scrollbar,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tabs-wrapper::-webkit-scrollbar {
    display: none !important;
}

/* 2. 데스크톱 (1025px 이상) 중앙 정렬 및 넓은 간격 */
@media (min-width: 1025px) {
    .elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tabs-heading,
    .elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tabs-wrapper {
        justify-content: center !important;
        gap: 80px !important;
    }
}

/* 3. 모바일/태블릿 (1024px 이하) 좁은 간격 및 왼쪽 정렬 */
@media (max-width: 1024px) {
    .elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tabs-heading,
    .elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tabs-wrapper {
        justify-content: flex-start !important; /* [필수] 왼쪽 정렬해야 스크롤 가능 */
        gap: 20px !important; /* 모바일 간격 20px */
        padding: 0 20px !important;
        width: 100% !important; /* 부모 너비 고정 */
    }
}

/* 4. 개별 탭 버튼 스타일 (스크롤 핵심) */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tab-title,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tab-title {
    /* [매우 중요] 글자가 화면폭에 맞춰 줄어들지 않도록 고정 */
    flex: 0 0 auto !important; 
    width: auto !important;
    min-width: max-content !important; 
    
    white-space: nowrap !important; /* 텍스트 줄바꿈 방지 */
    background: none !important;
    border: none !important;
    padding: 15px 0 !important;
    cursor: pointer !important;
    position: relative !important;
}

/* 5. 텍스트 스타일: 25px */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tab-title .e-n-tab-title-text,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tab-title a,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tab-desktop-title {
    color: #888888 !important;
    font-size: 25px !important;
    font-weight: 500 !important;
    transition: all 0.2s;
}

/* 호버 시 검은색 */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tab-title:hover .e-n-tab-title-text,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tab-title:hover a {
    color: #000000 !important;
}

/* 6. 활성화 상태 글자색 (004BD5) */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tab-title.elementor-active a {
    color: #004BD5 !important;
    font-weight: 700 !important;
}

/* 7. 파란 밑줄 */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tab-title::after,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tab-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 0;
    height: 3px !important;
    background-color: #004BD5 !important;
    transition: width 0.3s ease !important;
}

/* 활성화 시 밑줄 100% */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tab-title[aria-selected="true"]::after,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tab-title.elementor-active::after {
    width: 100% !important;
}

/* 불필요 요소 제거 */
.elementor-22 .elementor-element.elementor-element-1a4b0aa .e-n-tabs-indicator,
.elementor-22 .elementor-element.elementor-element-1a4b0aa .elementor-tabs-content-wrapper {
    display: none !important;
    border: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'pretendard';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Regular.eot');
	src: url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Regular.woff2') format('woff2'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Regular.woff') format('woff'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'pretendard';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Medium.eot');
	src: url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Medium.woff2') format('woff2'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Medium.woff') format('woff'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'pretendard';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-SemiBold.eot');
	src: url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-SemiBold.woff2') format('woff2'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-SemiBold.woff') format('woff'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'pretendard';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-ExtraBold.eot');
	src: url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-ExtraBold.woff2') format('woff2'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-ExtraBold.woff') format('woff'),
		url('https://hansol7946.mycafe24.com/wp-content/uploads/2026/03/Pretendard-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */