@charset "utf-8";
:root{
    --main_color:#144292;
}
/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions { 
	border: 1px solid #ccc; 
	max-height: 150px; 
	overflow-y: auto; 
	position: relative; 
/* 	position: absolute;  */
	background-color: white; 
	z-index: 1000; 
	width: calc(100% - 22px); 
} 



/* sub_visual ============================*/

.sub_visual{
	background: url('/img/sub_visual_bg.png') center center / cover no-repeat;
	width: 100%;
	height: 500px;
	display: flex; align-items: center; justify-content: center;
}

.visual_text{
	color: var(--color-white-solid, #FFF);

	/* html.themexriver.com/Semantic/Heading 2 upper */
	font-family: var(--font-family-Font-3, Raleway);
	font-size: var(--font-size-42, 42px);
	font-style: normal;
	font-weight: var(--font-weight-700, 700);
	line-height: var(--line-height-46_2, 46.2px); /* 110% */
	text-transform: uppercase;
}



/* Tab Menu */
.tab_menu { align-self: stretch; height: 64px; padding: 0; background: #FAFAFA; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; justify-content: center; align-items: center; display: flex; position: sticky; top: 80px; background: #fff; z-index: 100;}
.tab_menu_inner { align-self: stretch; height: 64px; padding: 0; background: #FAFAFA; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; justify-content: center; align-items: center; display: flex; }
.tab_menu__item { flex: 1 1 0; align-self: stretch; padding: 18px 0; background: transparent; overflow: hidden; border: none; border-bottom: 2px solid transparent; justify-content: center; align-items: center; display: flex; cursor: pointer; transition: all 0.3s; }
.tab_menu__item:hover { background: rgba(40, 69, 158, 0.05); }
.tab_menu__item--active { background: rgba(40, 69, 158, 0.03); border-top-left-radius: 5px; border-bottom: 2px solid var(--main_color); }
.tab_menu__item_text { color: #888888; font-size: 24px; font-family: Pretendard; font-weight: 500; line-height: 31px; letter-spacing: 0; word-wrap: break-word; transition: color 0.3s; }
.tab_menu__item--active .tab_menu__item_text { color: var(--main_color); }

/* Tab Content */
.tab_content { width: 100%;background: white; }
.tab_content__panel { display: block;  background: #F9F9F9; border-radius: 8px; min-height: 400px; }
.tab_content__panel--active { display: block; animation: fadeIn 0.3s ease-in-out; }
.tab_content__title { color: #222222; font-size: 32px; font-family: Pretendard; font-weight: 700; line-height: 42px; letter-spacing: 0; word-wrap: break-word; margin: 0 0 24px 0; }
.tab_content__text { color: #666666; font-size: 18px; font-family: Pretendard; font-weight: 400; line-height: 27px; letter-spacing: 0; word-wrap: break-word; margin: 0; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 1440px) {
    .tab_menu { height: 60px; }
    .tab_menu__item { padding: 16px 0; }
    .tab_menu__item_text { font-size: 22px; line-height: 28px; }
    .tab_content__panel {min-height: 350px; }
    .tab_content__title { font-size: 28px; line-height: 36px; }
}

@media (max-width: 1200px) {
    .tab_menu { height: 56px; }
    .tab_menu__item { padding: 14px 0; }
    .tab_menu__item_text { font-size: 20px; line-height: 26px; }
    .tab_content__panel { min-height: 300px; }
    .tab_content__title { font-size: 26px; line-height: 34px; margin-bottom: 20px; }
    .tab_content__text { font-size: 17px; line-height: 26px; }
}

@media (max-width: 768px) {
    .tab_menu { height: auto; flex-wrap: wrap; }
    .tab_content__panel {  min-height: 250px; }
    .tab_content__title { font-size: 24px; line-height: 31px; margin-bottom: 16px; }
    .tab_content__text { font-size: 16px; line-height: 24px; }
}

@media (max-width: 480px) {
    .tab_content__panel {  min-height: 200px; border-radius: 6px; }
    .tab_content__title { font-size: 20px; line-height: 26px; margin-bottom: 12px; }
    .tab_content__text { font-size: 15px; line-height: 23px; }
}


/* greeting */
/* Greeting Section */
.greeting_section { align-self: stretch; padding: 80px 0; background: #FAFAFA; flex-direction: column; justify-content: center; align-items: center; gap: 56px; display: flex; }
.greeting_section__title { text-align: center; color: #222222; font-size: 40px; font-family: Pretendard; font-weight: 700; line-height: 52px; letter-spacing: 0; word-wrap: break-word; margin: 0; }
.greeting_section__inner { align-self: stretch; justify-content: flex-start; align-items: center; gap: 80px; display: flex; margin: 0 auto; }
.greeting_section__image {width: 487px; height: 620px; position: relative; overflow: hidden; border-radius: 4px; flex-shrink: 0;}
.greeting_section__image img { /*width: 982px; height: 620px; position: absolute; left: -244px; top: 0; object-fit: cover;*/ }
.greeting_section__content { flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; }
.greeting_section__subtitle { align-self: stretch; color: var(--main_color); font-size: 24px; font-family: Pretendard; font-weight: 700; line-height: 24px; letter-spacing: 0; word-wrap: break-word; margin: 0; }
.greeting_section__divider { width: 36px; height: 2px; background: rgba(20, 66, 146, 0.5);}
.greeting_section__text { align-self: stretch; color: #222222; font-size: 18px; font-family: Pretendard; font-weight: 400; line-height: 27px; letter-spacing: 0; word-wrap: break-word; margin: 0; }

/* Responsive */
@media (max-width: 1640px) {
    .greeting_section { padding: 70px 0; gap: 48px; }
    .greeting_section__inner { max-width: calc(100% - 240px); }
}

@media (max-width: 1440px) {
    .greeting_section { padding: 60px 0; gap: 40px; }
    .greeting_section__title { font-size: 36px; line-height: 48px; }
    .greeting_section__inner { max-width: calc(100% - 160px); gap: 60px; }
    .greeting_section__image { width: 420px; height: 536px; }
    .greeting_section__image img { width: 850px; left: -210px; }
    .greeting_section__subtitle { font-size: 22px; line-height: 22px; }
    .greeting_section__text { font-size: 17px; line-height: 26px; }
}

@media (max-width: 1200px) {
    .greeting_section { padding: 50px 0; gap: 32px; }
    .greeting_section__title { font-size: 32px; line-height: 44px; }
    .greeting_section__inner { max-width: calc(100% - 80px); flex-direction: column; gap: 40px; }
    .greeting_section__image { width: 100%; max-width: 487px; height: 500px; }
    .greeting_section__image img { width: 100%; height: 100%; left: 0; object-fit: cover; }
    .greeting_section__content { width: 100%; }
    .greeting_section__subtitle { font-size: 20px; line-height: 30px; }
}

@media (max-width: 768px) {
    .greeting_section { padding: 40px 0; gap: 24px; }
    .greeting_section__title { font-size: 28px; line-height: 38px; }
    .greeting_section__inner { max-width: calc(100% - 40px); gap: 32px; }
    .greeting_section__image { height: 400px; }
    .greeting_section__subtitle { font-size: 18px; line-height: 27px; }
    .greeting_section__text { font-size: 16px; line-height: 24px; }
    .greeting_section__content { gap: 20px; }
}

@media (max-width: 480px) {
    .greeting_section { padding: 32px 0; gap: 20px; }
    .greeting_section__title { font-size: 24px; line-height: 32px; }
    .greeting_section__inner { max-width: calc(100% - 32px); gap: 24px; }
    .greeting_section__image { height: 320px; border-radius: 3px; }
    .greeting_section__subtitle { font-size: 17px; line-height: 26px; }
    .greeting_section__divider { width: 30px; }
    .greeting_section__text { font-size: 15px; line-height: 23px; }
    .greeting_section__content { gap: 16px; }
}



/* history */
/* History Section */
.history_section { align-self: stretch; padding: 80px 0; background: #F6F7F8; flex-direction: column; justify-content: center; align-items: center; gap: 56px; display: flex; }
.history_section__title { text-align: center; color: #222222; font-size: 40px; font-family: Pretendard; font-weight: 700; line-height: 52px; letter-spacing: 0; word-wrap: break-word; margin: 0; }
.history_section__timeline { width: 1400px; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; }
.history_section__item { align-self: stretch; height: 320px; justify-content: center; align-items: flex-start; gap: 30px; display: flex; }
.history_section__item--right { justify-content: center; }
.history_section__item--left { justify-content: flex-start; }
.history_section__content { flex: 1 1 0; align-self: stretch; padding: 0 30px; flex-direction: column; justify-content: center; align-items: flex-end; gap: 40px; display: flex; }
.history_section__content--left { align-items: flex-end; }
.history_section__content--right { align-items: flex-start; padding-left: 30px; padding-right: 30px; }
.history_section__text { text-align: center; justify-content: center; display: flex; flex-direction: column; color: #222222; font-size: 20px; font-family: Pretendard; font-weight: 400; line-height: 20px; letter-spacing: 0; word-wrap: break-word; }
.history_section__text--highlight { color: var(--main_color); font-weight: 700; }
.history_section__line { width: 1px; align-self: stretch; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px; display: flex; }
.history_section__line_vertical { width: 5px; height: 360px; background: var(--main_color); }
.history_section__line_vertical--last { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; }
.history_section__line_horizontal { width: 1px; height: 119px; position: absolute; top: 160px; background: var(--main_color); transform: rotate(90deg); transform-origin: top left; }
.history_section__line--right .history_section__line_horizontal { left: 121px; }
.history_section__line--left .history_section__line_horizontal { left: 4px; }
.history_section__dot { position: absolute; top: 154px; }
.history_section__dot--end { width: 8px; height: 8px; background: var(--main_color); left: 113px; border-radius: 50%; top: 50%; transform: translateY(-50%); }
.history_section__dot--start { width: 8px; height: 8px; background: var(--main_color); right: 113px; border-radius: 50%; top: 50%; transform: translateY(-50%); }
.history_section__dot--center { width: 12px; height: 12px; background: white; border: 1px solid var(--main_color); left: -4px; border-radius: 50%;}
.history_section__line--left .history_section__dot--center { border-radius: 9999px; }
.history_section__line--left .history_section__dot--end { left: 541px; }
.history_section__year { flex: 1 1 0; align-self: stretch; padding: 80px 0; flex-direction: column; justify-content: center; align-items: center; gap: 30px; display: flex; text-align: center; justify-content: center; color: rgba(40, 69, 158, 0.10); font-size: 120px; font-family: Pretendard; font-weight: 700; line-height: 120px; word-wrap: break-word; }
.history_section__year--right { padding-left: 110px; }
.history_section__year--left { padding-right: 10px; align-items: center; }

/* Responsive */
@media (max-width: 1640px) {
    .history_section { padding: 70px 0; gap: 48px; }
    .history_section__timeline { width: calc(100% - 240px); max-width: 1320px; }
}

/* @media (max-width: 1440px) {
    .history_section { padding: 60px 0; gap: 40px; }
    .history_section__title { font-size: 36px; line-height: 48px; }
    .history_section__timeline { width: calc(100% - 160px); }
    .history_section__item { height: 280px; }
    .history_section__text { font-size: 18px; line-height: 27px; }
    .history_section__year { font-size: 100px; line-height: 100px; padding: 60px 0; }
    .history_section__year--right { padding-left: 100px; }
    .history_section__year--left { padding-right: 100px; }
    .history_section__line_vertical { height: 320px; }
} */

@media (max-width: 1200px) {
    .history_section { padding: 50px 0; gap: 32px; }
    .history_section__title { font-size: 32px; line-height: 44px; }
    .history_section__timeline { width: calc(100% - 80px); }
    .history_section__item { height: auto; flex-direction: column; gap: 20px; padding: 30px 0; border-left: 3px solid var(--main_color); position: relative; }
    .history_section__item--right { border-left: 3px solid var(--main_color); }
    .history_section__item--left { border-left: 3px solid var(--main_color); }
    .history_section__item--last { border-left: 3px solid var(--main_color); border-bottom-left-radius: 50px; }
    .history_section__content { padding: 0 0 0 40px; align-items: flex-start; gap: 20px; }
    .history_section__content--left { align-items: flex-start; }
    .history_section__content--right { align-items: flex-start; padding: 0 0 0 40px; }
    .history_section__text { font-size: 17px; line-height: 26px; text-align: left; }
    .history_section__line { display: none; }
    .history_section__year { padding: 0 0 0 40px; align-items: flex-start; font-size: 80px; line-height: 80px; }
    .history_section__year--right { padding-left: 40px; }
    .history_section__year--left { padding-right: 0; padding-left: 40px; align-items: flex-start; }
    .history_section__item::before { content: ''; position: absolute; left: -8px; top: 50%; width: 12px; height: 12px; background: white; border: 3px solid var(--main_color); border-radius: 50%; transform: translateY(-50%); }
}

@media (max-width: 768px) {
    .history_section { padding: 40px 0; gap: 24px; }
    .history_section__title { font-size: 28px; line-height: 38px; }
    .history_section__timeline { width: calc(100% - 40px); }
    .history_section__item { padding: 20px 0; gap: 16px; }
    .history_section__content { padding: 0 0 0 30px; gap: 16px; }
    .history_section__content--right { padding: 0 0 0 30px; }
    .history_section__text { font-size: 16px; line-height: 24px; }
    .history_section__year { padding: 0 0 0 30px; font-size: 60px; line-height: 60px; }
    .history_section__year--left { padding-left: 30px; }
    .history_section__year--right { padding-left: 30px; }
}

@media (max-width: 480px) {
    .history_section { padding: 32px 0; gap: 20px; }
    .history_section__title { font-size: 24px; line-height: 32px; }
    .history_section__timeline { width: calc(100% - 32px); }
    .history_section__item { padding: 16px 0; gap: 12px; }
    .history_section__content { padding: 0 0 0 24px; gap: 12px; }
    .history_section__content--right { padding: 0 0 0 24px; }
    .history_section__text { font-size: 14px; line-height: 21px; }
    .history_section__year { padding: 0 0 0 24px; font-size: 48px; line-height: 48px; }
    .history_section__year--left { padding-left: 24px; }
    .history_section__year--right { padding-left: 24px; }
    .history_section__item::before { width: 10px; height: 10px; left: -7px; border-width: 2px; }
}


/* organization */
/* Organization Section */
.organization_section { align-self: stretch; padding: 80px 0; background: white; flex-direction: column; justify-content: center; align-items: center; gap: 56px; display: flex; }
.organization_section__title { text-align: center; color: #222222; font-size: 40px; font-family: Pretendard; font-weight: 700; line-height: 52px; letter-spacing: 0; word-wrap: break-word; margin: 0; }
.organization_section__image { width: 940px; height: 304px; object-fit: contain; }

/* Responsive */
@media (max-width: 1440px) {
    .organization_section { padding: 70px 0; gap: 48px; }
    .organization_section__title { font-size: 36px; line-height: 48px; }
    .organization_section__image { width: 800px; height: auto; max-height: 260px; }
}

@media (max-width: 1200px) {
    .organization_section { padding: 60px 0; gap: 40px; }
    .organization_section__title { font-size: 32px; line-height: 44px; }
    .organization_section__image { width: calc(100% - 160px); max-width: 800px; height: auto; }
}

@media (max-width: 768px) {
    .organization_section { padding: 40px 0; gap: 32px; }
    .organization_section__title { font-size: 28px; line-height: 38px; }
    .organization_section__image { width: calc(100% - 80px); max-width: 600px; }
}

@media (max-width: 480px) {
    .organization_section { padding: 32px 0; gap: 24px; }
    .organization_section__title { font-size: 24px; line-height: 32px; }
    .organization_section__image { width: calc(100% - 40px); max-width: 100%; }
}


/* organization */
/* Certificate Section */
.certificate_section { align-self: stretch; padding: 80px 0; background: #FAFAFA; flex-direction: column; justify-content: center; align-items: center; gap: 56px; display: flex; }
.certificate_section__title { text-align: center; color: #222222; font-size: 40px; font-family: Pretendard; font-weight: 700; line-height: 52px; letter-spacing: 0; word-wrap: break-word; margin: 0; }
.certificate_section__grid { width: 1400px; justify-content: flex-start; align-items: center; gap: 24px; display: flex; }
.certificate_section__item { flex: 1 1 0; align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: center; gap: 24px; display: flex; }
.certificate_section__image { align-self: stretch; height: 365px; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.certificate_section__image img { height: 100%; object-fit: cover; }
.certificate_section__name { text-align: center; color: #222222; font-size: 20px; font-family: Pretendard; font-weight: 700; line-height: 26px; letter-spacing: 0; word-wrap: break-word; margin: 0; }

/* Responsive */
@media (max-width: 1640px) {
    .certificate_section { padding: 70px 0; gap: 48px; }
    .certificate_section__grid { width: calc(100% - 240px); max-width: 1320px; }
}

@media (max-width: 1440px) {
    .certificate_section { padding: 60px 0; gap: 40px; }
    .certificate_section__title { font-size: 36px; line-height: 48px; }
    .certificate_section__grid { width: calc(100% - 160px); gap: 20px; }
    .certificate_section__image { height: 320px; }
    .certificate_section__name { font-size: 18px; line-height: 24px; }
}

@media (max-width: 1200px) {
    .certificate_section { padding: 50px 0; gap: 32px; }
    .certificate_section__title { font-size: 32px; line-height: 44px; }
    .certificate_section__grid { width: calc(100% - 80px); flex-wrap: wrap; gap: 32px; }
    .certificate_section__item { flex: 0 0 calc(50% - 16px); }
    .certificate_section__image { height: 400px; }
    .certificate_section__name { font-size: 17px; line-height: 23px; }
}

@media (max-width: 768px) {
    .certificate_section { padding: 40px 0; gap: 24px; }
    .certificate_section__title { font-size: 28px; line-height: 38px; }
    .certificate_section__grid { width: calc(100% - 40px); gap: 24px; }
    .certificate_section__item { flex: 0 0 100%; }
    .certificate_section__image { height: 450px; max-width: 300px; margin: 0 auto; }
    .certificate_section__name { font-size: 16px; line-height: 22px; }
}

@media (max-width: 480px) {
    .certificate_section { padding: 32px 0; gap: 20px; }
    .certificate_section__title { font-size: 24px; line-height: 32px; }
    .certificate_section__grid { width: calc(100% - 32px); gap: 20px; }
    .certificate_section__image { height: 380px; max-width: 260px; }
    .certificate_section__name { font-size: 15px; line-height: 21px; }
}


/* location */
/* Location Section */
.location_section { align-self: stretch; padding: 80px 0; background: white; flex-direction: column; justify-content: center; align-items: center; gap: 56px; display: flex; }
.location_section__title { text-align: center; color: #222222; font-size: 40px; font-family: Pretendard; font-weight: 700; line-height: 52px; letter-spacing: 0; word-wrap: break-word; margin: 0; }
.location_section__content { width: 1400px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; }
.location_section__map { align-self: stretch; height: 480px; overflow: hidden; border-radius: 10px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; display: flex; }
.location_section__map img { align-self: stretch; width: 100%; height: auto; object-fit: cover; }
.location_section__info { align-self: stretch; padding: 40px 56px; background: #F6F6F6; border-radius: 10px; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; }
.location_section__info_item { justify-content: flex-start; align-items: center; gap: 15px; display: flex; }
.location_section__info_item--address { flex: 1 1 0; }
.location_section__info_contact { width: 480px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; display: flex; }
.location_section__info_label { justify-content: center; display: flex; flex-direction: column; color: var(--main_color); font-size: 24px; font-family: Pretendard; font-weight: 700; line-height: 24px; letter-spacing: 0; word-wrap: break-word; }
.location_section__info_divider { width: 1px; height: 24px; background: #D9D9D9; }
.location_section__info_text { justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 24px; font-family: Pretendard; font-weight: 400; line-height: 24px; word-wrap: break-word; }

/* Responsive */
@media (max-width: 1640px) {
    .location_section { padding: 70px 0; gap: 48px; }
    .location_section__content { width: calc(100% - 240px); max-width: 1320px; }
}

@media (max-width: 1440px) {
    .location_section { padding: 60px 0; gap: 40px; }
    .location_section__title { font-size: 36px; line-height: 48px; }
    .location_section__content { width: calc(100% - 160px); gap: 32px; }
    .location_section__map { height: 420px; }
    .location_section__info { padding: 32px 48px; gap: 20px; }
    .location_section__info_contact { width: 400px; gap: 20px; }
    .location_section__info_label { font-size: 22px; line-height: 22px; }
    .location_section__info_text { font-size: 22px; line-height: 22px; }
}

@media (max-width: 1200px) {
    .location_section { padding: 50px 0; gap: 32px; }
    .location_section__title { font-size: 32px; line-height: 44px; }
    .location_section__content { width: calc(100% - 80px); gap: 28px; }
    .location_section__map { height: 360px; }
    .location_section__info { padding: 28px 40px; flex-direction: column; gap: 24px; }
    .location_section__info_item--address { flex: none; width: 100%; }
    .location_section__info_contact { width: 100%; gap: 20px; }
    .location_section__info_label { font-size: 20px; line-height: 20px; }
    .location_section__info_text { font-size: 20px; line-height: 20px; }
}

@media (max-width: 768px) {
    .location_section { padding: 40px 0; gap: 24px; }
    .location_section__title { font-size: 28px; line-height: 38px; }
    .location_section__content { width: calc(100% - 40px); gap: 24px; }
    .location_section__map { height: 300px; border-radius: 8px; }
    .location_section__info { padding: 24px 28px; gap: 20px; border-radius: 8px; }
    .location_section__info_item { gap: 12px; flex-wrap: wrap; }
    .location_section__info_label { font-size: 18px; line-height: 18px; }
    .location_section__info_divider { height: 18px; }
    .location_section__info_text { font-size: 18px; line-height: 27px; }
    .location_section__info_contact { gap: 16px; }
}

@media (max-width: 480px) {
    .location_section { padding: 32px 0; gap: 20px; }
    .location_section__title { font-size: 24px; line-height: 32px; }
    .location_section__content { width: calc(100% - 32px); gap: 20px; }
    .location_section__map { height: 240px; border-radius: 6px; }
    .location_section__info { padding: 20px 20px; gap: 16px; border-radius: 6px; }
    .location_section__info_item { gap: 10px; }
    .location_section__info_label { font-size: 16px; line-height: 16px; }
    .location_section__info_divider { height: 16px; }
    .location_section__info_text { font-size: 16px; line-height: 24px; }
    .location_section__info_contact { gap: 14px; }
}

.root_daum_roughmap_landing{
	width: 100% !important; height: 100% !important;
}

.root_daum_roughmap .wrap_map{height: 100% !important;}

.root_daum_roughmap .cont .section.lst,
.root_daum_roughmap .wrap_controllers{display: none;}

.main_font{color: var(--main_color);}


/* Boots Gallery Section */
.boots_gallery_section { padding: 0; }
.boots_gallery_inner { max-width: 1400px; margin: 0 auto; padding: 80px 0px; padding-bottom: 120px;}

/* Title */
.boots_gallery_title { 
    text-align: center;
    color: #222222;
    font-size: 40px;
    font-family: Pretendard;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 0;
    word-wrap: break-word;
    margin: 0;
    padding-bottom: 60px;
}

/* Grid */
.boots_gallery_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }

/* Gallery Item */
.boots_gallery_item { display: flex; flex-direction: column; gap: 20px; transition: transform 0.3s ease; }

/* Image Wrap */
.boots_gallery_image_wrap { width: 100%; background: #F5F5F5; overflow: hidden; position: relative; }
.boots_gallery_image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }

/* Label */
.boots_gallery_label { color: #1A1A1A; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 600; letter-spacing: 1.5px; text-align: center; margin: 0; }

/* Responsive */
@media (max-width: 1200px) {
  .boots_gallery_inner { padding: 70px 0px; }
  .boots_gallery_title { margin-bottom: 40px; }
  .boots_gallery_grid { gap: 24px; }
}

@media (max-width: 968px) {
  .boots_gallery_inner { padding: 60px 0px; }
  .boots_gallery_title { font-size: 13px; letter-spacing: 2.5px; margin-bottom: 36px; }
  .boots_gallery_grid { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
}

@media (max-width: 768px) {
  .boots_gallery_inner { padding: 50px 0px; }
  .boots_gallery_title { font-size: 12px; letter-spacing: 2px; margin-bottom: 32px; }
  .boots_gallery_grid { gap: 28px 20px; }
  .boots_gallery_item { gap: 16px; }
  .boots_gallery_label { font-size: 12px; letter-spacing: 1.2px; }
}

@media (max-width: 480px) {
  .boots_gallery_inner { padding: 40px 0px; }
  .boots_gallery_title { font-size: 11px; letter-spacing: 1.5px; margin-bottom: 28px; }
  .boots_gallery_grid { grid-template-columns: 1fr; gap: 24px; }
  .boots_gallery_item { gap: 14px; }
  .boots_gallery_label { font-size: 11px; letter-spacing: 1px; }
}