@charset "utf-8"; 

body { display: flex; flex-direction: column; min-height: 100vh; } 

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css"); /*pretendard*/


:root { 
 /**/ 
 --base0: #000000; /**/ 
 --base1: #2d2d2d; /**/ 
 --base2: #444444; /**/ 
 --base3: #666666; /**/ 
 --base4: #8c8c8c; /**/ 
 --base5: #a4a4a4; /**/ 
 --base6: #b2b2b2; /**/ 
 --base7: #c4c4c4; /**/ 
 --base8: #e0e0e0; /**/ 
 --base9: #f4f4f4; /**/ 
 --base10: #ffffff; /**/ 
 --primary: #84653E; /**/ 
 --secondary: #52493E; /**/ 
 --sub: #F7F7F7; /**/
 } 


body { color: #000; display: flex; flex-direction: column; min-height: 100vh; word-break: keep-all; } 
body * { font-family: "Pretendard"; color: inherit; } 
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder { width: 100%; color: var(--Colors-Grey-Color-Light-Base5, #A4A4A4); } 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; background-color: white !important; transition: background-color 9999s ease-in-out 0s !important; } 
button { border: 0; background-color: unset; } 
strong { font-weight: 700; } 
b { font-weight: 500; } 
input,textarea { border-radius: 0; -webkit-appearance: none; appearance: none; } 



/* FONT WEIGHT */
.text-weight-lighter { font-weight: 300; } 
.text-weight-regular { font-weight: 400; } 
.text-weight-medium { font-weight: 500; } 
.text-weight-semibold { font-weight: 600; } 
.text-weight-bold { font-weight: 700; } 


/* FONT SIZE */
.t12 { font-size: 12px; line-height: 16px; } 
.t13 { font-size: 13px; line-height: 18px; } 
.t14 { font-size: 14px; line-height: 20px; } 
.t15 { font-size: 15px; line-height: 22px; } 
.t16 { font-size: 16px; line-height: 24px; } 
.t18 { font-size: 18px; line-height: 26px; } 
.t20 { font-size: 20px; line-height: 28px; } 
.t24 { font-size: 24px; line-height: 32px; } 
.t28 { font-size: 26px; line-height: 34px; } 
.t32 { font-size: 32px; line-height: 40px; } 
.t40 { font-size: 40px; line-height: 40px; } 
.t48 { font-size: 48px; line-height: 56px; } 
.t50 { font-size: 50px; line-height: 63px; } 
.t60 { font-size: 60px; line-height: 72px; } 

/* TEXT-ALIGN */
.text-center { text-align: center; } 
.text-right { text-align: right; } 
.text-no-wrap { white-space: nowrap; } 
.text-through { text-decoration: line-through; } 
.ellipsis-2-lines { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

/* TEXT COLOR */
.text-primary { color: var( --primary) !important; } 
.text-base0 { color: var(--base0); } 
.text-base1 { color: var(--base1); } 
.text-base2 { color: var(--base2); } 
.text-base3 { color: var(--base3); } 
.text-base4 { color: var(--base4); } 
.text-base5 { color: var(--base5); } 
.text-base6 { color: var(--base6); } 
.text-base7 { color: var(--base7); } 
.text-base8 { color: var(--base8); } 
.text-base9 { color: var(--base9); } 
.text-base10 { color: var(--base10); } 

/* BACKGROUND COLOR */
.bg-sub { background: var(--sub) !important; } 
.bg-primary { background: var(--primary) !important; } 
.bg-secondary { background: var(--secondary) !important; } 
.bg-base0 { background: var(--base0) !important; } 
.bg-base1 { background: var(--base1) !important; } 
.bg-base2 { background: var(--base2) !important; } 
.bg-base3 { background: var(--base3) !important; } 
.bg-base4 { background: var(--base4) !important; } 
.bg-base5 { background: var(--base5) !important; } 
.bg-base6 { background: var(--base6) !important; } 
.bg-base7 { background: var(--base7) !important; } 
.bg-base8 { background: var(--base8) !important; } 
.bg-base9 { background: var(--base9) !important; } 
.bg-base10 { background: var(--base10) !important; } 

/* POSITION */
.relative { position: relative; } 
.absolute { position: absolute; } 
.absolute-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.absolute-top-right { position: absolute; top: 0; right: 0; } 
.absolute-bottom-right { position: absolute; bottom: 0; right: 0; } 
.absolute-bottom-left { position: absolute; bottom: 0; left: 0; } 
.fixed { position: fixed; } 
.sticky { position: sticky; } 

/* FLEX */
.wrap { flex-wrap: wrap; } 
.grow-1 { flex-grow: 1; } 
.column { display: flex; flex-direction: column; flex-wrap: nowrap; } 
.items-start { align-items: flex-start; } 
.items-center { align-items: center; } 
.items-end { align-items: flex-end; } 
.justify-end { justify-content: flex-end; } 
.justify-center { justify-content: center; } 
.justify-between { justify-content: space-between; } 
.flex-start { display: flex; align-items: flex-start; justify-content: flex-start; } 
.flex-center { display: flex; align-items: center; justify-content: center; } 
.flex-end { display: flex; align-items: flex-end; justify-content: flex-end; } 
.start-center { display: flex; align-items: flex-start; justify-content: center; } 
.start-between { display: flex; align-items: flex-start; justify-content: space-between; } 
.center-between { display: flex; align-items: center; justify-content: space-between; } 
.center-start { display: flex; align-items: center; justify-content: flex-start; } 
.center-end { display: flex; align-items: center; justify-content: flex-end; } 
.end-between { display: flex; align-items: flex-end; justify-content: space-between; } 

/* ROW-GAP */
.row-2 { display: flex; flex-direction: column; gap: 2px; } 
.row-4 { display: flex; flex-direction: column; gap: 4px; } 
.row-6 { display: flex; flex-direction: column; gap: 6px; } 
.row-8 { display: flex; flex-direction: column; gap: 8px; } 
.row-12 { display: flex; flex-direction: column; gap: 12px; } 
.row-14 { display: flex; flex-direction: column; gap: 14px; } 
.row-16 { display: flex; flex-direction: column; gap: 16px; } 
.row-20 { display: flex; flex-direction: column; gap: 20px; } 
.row-24 { display: flex; flex-direction: column; gap: 24px; } 
.row-28 { display: flex; flex-direction: column; gap: 28px; } 
.row-32 { display: flex; flex-direction: column; gap: 32px; } 
.row-40 { display: flex; flex-direction: column; gap: 40px; } 
.row-44 { display: flex; flex-direction: column; gap: 44px; } 
.row-52 { display: flex; flex-direction: column; gap: 52px; } 
.row-60 { display: flex; flex-direction: column; gap: 60px; } 
.row-64 { display: flex; flex-direction: column; gap: 64px; } 
.row-80 { display: flex; flex-direction: column; gap: 80px; } 
.row-100 { display: flex; flex-direction: column; gap: 100px; } 
.row-120 { display: flex; flex-direction: column; gap: 120px; } 


/* COLUMN-GAP */
.column-2 { display: flex; gap: 2px; } 
.column-4 { display: flex; gap: 4px; } 
.column-6 { display: flex; gap: 6px; } 
.column-8 { display: flex; gap: 8px; } 
.column-12 { display: flex; gap: 12px; } 
.column-16 { display: flex; gap: 16px; } 
.column-20 { display: flex; gap: 20px; } 
.column-24 { display: flex; gap: 24px; } 
.column-32 { display: flex; gap: 32px; } 
.column-40 { display: flex; gap: 40px; } 
.column-48 { display: flex; gap: 48px; } 
.column-52 { display: flex; gap: 52px; } 
.column-60 { display: flex; gap: 60px; } 
.column-80 { display: flex; gap: 80px; } 



/* BORDER */
.border, .border-top, .border-bottom { border-color: var(--base0) !important; } 
.rounded-xs { border-radius: 4px; } 
.rounded-sm { border-radius: 8px; } 
.rounded-md { border-radius: 16px; } 
.rounded-lg { border-radius: 20px; } 
.rounded-xl { border-radius: 32px; } 
.rounded-circle { border-radius: 50%; } 
.rounded-pill { border-radius: 200px; } 
.no-radius { border-radius: 0; } 
.no-border { border: 0 !important; } 

/* WIDTH */
.full-width { width: 100%; } 
.full-height { height: 100%; } 
.fit { width: 100%; height: 100%; } 

/* IMAGE */
.object-cover { object-fit: cover; object-position: center; } 
.overflow-hidden { overflow: hidden; } 
.pointer { cursor: pointer; } 

/* SPACE */
.mt-auto { margin-top: auto; } 
.mx-auto { margin-left: auto; margin-right: auto; } 
.py-20 { padding-top: 20px; padding-bottom: 20px; } 
.py-40 { padding-top: 40px; padding-bottom: 40px; } 
.py-60 { padding-top: 60px; padding-bottom: 60px; } 
.py-80 { padding-top: 80px; padding-bottom: 80px; } 
.py-120 { padding-top: 120px; padding-bottom: 120px; } 

/* DISPLAY */
.flex { display: flex; } 
.grid { display: grid; } 
.block { display: block; } 
.hidden { display: none; } 
.mobile-only { display: none; } 

/* TRANSITION */
.transition { transition: .3s; } 

/* TRANSFORM */
.rotate--90 { transform: rotate(-90deg); } 
.rotate-90 { transform: rotate(90deg); } 
.rotate-180 { transform: rotate(180deg); } 


/* LAYOUT */
.container { width: 100%; max-width: 1320px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } 

/* BUTTON */
.btn-fx { display: flex; align-items: center; border: 1px solid var(--base0); border-radius: 4px; transition: transform 0.3s ease; height: 48px; margin-right: auto; } 
.btn-fx.center { margin-left: auto; } 
.btn-fx .txt { display: flex; overflow: hidden; padding: 0 32px; text-shadow: 0 22px 0 var(--base0); font-size: 15px; font-weight: 500; line-height: 22px; } 
.btn-fx .arrow { border-left: 1px solid var(--base0); padding: 12px; } 
.btn-fx .txt span { display: block; transition: transform 0.3s ease; transform: translateY(0); } 
.btn-fx .arrow img { transition: transform 0.3s ease; } 
.btn-fx:hover .txt span { transform: translateY(-22px); } 
.btn-fx:hover .arrow img { transform: translateX(3px); } 


b.block.t15.text-base3:not(.text-center) { border-bottom: 1px solid var(--base0); padding-bottom: 20px; } 


@media (max-width: 1320px) { 
 
 /* FONT SIZE */
 .t60 { font-size: 48px; line-height: 56px; } 
 
 } 
@media (max-width: 1024px) { 
 
 .mobile-only:not(br) { display: flex; } 
 .pc-only:not(br) { display: none; } 

 } 

@media (max-width: 768px) { 
 br.pc-only { display: none; } 
 br.mobile-only { display: block; } 

 b.block.t15.text-base3:not(.text-center) { padding-bottom: 10px; font-size: 14px; line-height: 20px; } 

 /* FONT SIZE */
 .t14 { font-size: 12px; line-height: 16px; } 
 .t16 { font-size: 14px; line-height: 20px; } 
 .t18 { font-size: 15px; line-height: 22px; } 
 .t20 { font-size: 16px; line-height: 24px; } 
 .t24 { font-size: 18px; line-height: 26px; } 
 .t28 { font-size: 18px; line-height: 26px; } 
 .t32 { font-size: 20px; line-height: 28px; } 
 .t60 { font-size: 26px; line-height: 36px; } 
 
 .absolute.rounded-circle { width: 94px; height: 94px; background: linear-gradient(90deg, rgba(235, 193, 116, 0.50) 0%, rgba(230, 159, 159, 0.50) 100%); opacity: 0.7; filter: blur(75px); z-index: 0; } 

 } 


/***************************************************************
****************************************************************
*********************** HEADER / FOOTER ************************
****************************************************************
****************************************************************/
#header { z-index: 9; position: sticky; top: 0; left: 0; z-index: 9; } 
#header .full-width { padding: 10px 16px; } 
#header .full-width:hover { background-color: var(--secondary); } 
#header .text-base0 { padding: 13px 34px; position: relative; z-index: 4; } 
#header .absolute-bottom-center { position: absolute; bottom: 0; left: 50%; margin-left: -640px; width: 1280px; transition: .15s; height: 1px; z-index:2; } 
#header .absolute-bottom-center.scroll { width: 100%; margin: 0; left: 0; } 




#header .relative:hover .text-base0 { font-weight: 700; color: var(--base10); } 
#header .absolute { padding-top: 48px; border-radius: 0 12px; top: 20px; left: 50%; transform: translateX(-50%); z-index: 3;} 
#header .text-base6 { height: 48px; padding: 13px 35px; width: 100%; white-space: nowrap; } 
#header .text-base6:hover .transition { border-bottom: 1px solid var(--base10); color: var(--base10); } 
#header .bg-primary { padding: 10px 32px; } 

#offcanvasAllMenu { border: 0; } 
#offcanvasAllMenu .offcanvas-header { height: 56px; padding: 0 20px; } 
#offcanvasAllMenu .offcanvas-header img { max-height: 32px; } 
#offcanvasAllMenu .text-black { height: 56px; box-shadow:unset; } 
#offcanvasAllMenu .text-black:not(.collapsed) { background: unset; } 
#offcanvasAllMenu .text-black::after { transition: .15s; content: ''; display: block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_7966_1475)'%3E%3Cpath d='M6 10L12 16L18 10' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7966_1475'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-size:contain; } 
#offcanvasAllMenu .offcanvas-body { padding: 0 20px 24px; } 
#offcanvasAllMenu .bg-base0 { padding: 12px 20px; border-radius: 0 12px; } 
#offcanvasAllMenu .text-base10 { height: 48px; } 
#offcanvasAllMenu .bg-primary { padding: 0 32px; } 

#footer .text-weight-medium { min-width: 132px; } 

@media (max-width: 1320px) { 
 #header .column-20 { gap: 0; } 
 } 

 @media (max-width: 1024px) { 
 #header .center-between { padding: 12px 20px; border-bottom: 0 !important; } 
 #header .absolute-bottom-center { display: none; } 

 } 

@media (max-width: 768px) { 
 #header img { max-height: 32px; } 

 #footer { gap: 16px; padding: 24px 20px; } 
 #footer img { max-height: 32px; } 
 #footer .column-24 { flex-direction: column; } 
 #footer .text-weight-medium { flex-direction: row; gap: 16px; margin-bottom: 8px; } 
 #footer .row-16:not(.text-weight-medium) { gap: 8px; } 

 
 } 


/***************************************************************
****************************************************************
***************************** MAIN *****************************
****************************************************************
****************************************************************/
#main { padding-bottom: 120px; } 
#main .bg-sub .py-40 .row-16 { max-width: 420px; } 
#main .row-60 { padding-right: 60px; padding-left: 24px; } 
#main .row-60 .absolute { min-width: 1px; top: 0; right: 66px; z-index: -1; } 
#main .row-60 .column-16 { transition: .3s; } 
#main .row-60 .column-16 .t18 { min-width: 165px; } 
#main .row-60 .column-16 .border { width: 12px; height: 12px; } 
#main .row-60 .rounded-xs { margin-right: 24px; } 
#main .row-60 .flex-center { padding: 12px; } 
#main .swiper { overflow: unset; width: 1320px; } 
#main .swiper .row-40 { width: 100%; max-width: 464px; padding: 65px 0; } 
#main .swiper .overflow-hidden { border-radius: 4px 0 0 96px; height: 596px; } 
#main .swiper .logo_crown { max-height: 56px; } 
#main .swiper .logo_gumbok { max-height: 47px; } 
#main .swiper .logo_tora { max-width: 200px; } 
#main .swiper .logo_poksik { max-height: 40px; } 

@media (max-width: 1320px) { 
 #main .bg-white .absolute-bottom-right { max-width: 400px; } 
 #main .row-60 .column-16 .t18 { min-width: 100px; } 
 #main .swiper { width: 100%; overflow: hidden; } 
 #main .swiper .row-40 { max-width: calc(50% - 24px); } 
 #main .swiper .overflow-hidden { height: 400px; width: 100%; } 
 } 


@media (max-width: 1024px) { 
 #main .bg-white .absolute-bottom-right { bottom:-120px; } 
 #main .bg-sub .py-40 .row-16 { max-width: 320px; } 
 #main .overflow-hidden .flex { flex-direction: column; gap: 20px; } 
 #main .row-60 { padding: 20px 0; flex-direction: row; justify-content: space-around; gap: 20px; } 
 #main .row-60 .absolute { min-width: 100%; height: 1px; top: unset; bottom: 26px; right: 0; } 
 #main .row-60 .column-16 { flex-direction: column; align-items: flex-start; } 
 #main .row-60 .column-16 .t18 { min-width: unset; } 
 #main .row-60 .rounded-xs { display: none; } 
 #main .swiper .row-40 { border-top: 0 !important; padding: 0; gap: 20px; } 


 } 

 @media (max-width: 768px) { 
 #main { gap: 38px; padding-bottom: 45px; } 
 #main .bg-white .absolute-bottom-right { display: none; } 
 #main .bg-white .hidden { display: block; } 
 #main .bg-white .hidden .absolute.rounded-circle { top: 50px; left: 50%; margin-left: -45px; } 
 #main .bg-white .py-80 { padding-bottom: 0; } 
 #main .bg-white .py-80 { padding-top: 40px; padding-bottom: 20px; gap: 12px; } 
 #main .bg-white .row-40 { gap: 32px; padding-top: 20px; } 
 #main .bg-white .row-24 { gap: 12px; } 
 #main .bg-sub { padding: 60px 0; } 
 #main .bg-sub .row-80 { gap: 40px; } 
 #main .bg-sub .row-40 { gap: 32px; } 
 #main .bg-sub .py-80 { padding: 40px 0; gap: 12px; } 
 #main .bg-sub .py-40 { flex-direction: column; } 
 #main .bg-sub .py-40 .row-16 { gap: 8px; } 
 #main .overflow-hidden .text-center { padding: 40px 0; gap: 12px; } 
 #main .row-60 { justify-content: space-between; } 
 #main .swiper { overflow: unset; } 
 #main .swiper-slide { flex-direction: column; gap: 20px; } 
 #main .swiper .row-40 { max-width: unset; padding: 32px 0; text-align: center; } 
 #main .swiper .row-40 .t24, #main .swiper .row-40 .t18 { width: 100%; } 
 #main .swiper .overflow-hidden { height: 250px; margin-right: -20px; min-width: calc(100% + 20px); } 
 #main .swiper .row-40 .btn-fx { margin-left: auto; } 
 #main .swiper .logo_crown { max-height: 30px; margin: 0 auto; } 
 #main .swiper .logo_gumbok { max-height: 28px; margin: 0 auto; } 
 #main .swiper .logo_tora { max-width: unset; max-height: 32px; margin: 0 auto; } 
 #main .swiper .logo_poksik { max-height: 24px; margin: 0 auto; } 


 } 

/***************************************************************
****************************************************************
****************************** SUB *****************************
****************************************************************
****************************************************************/
#sub { padding-top: 80px; padding-bottom: 120px; } 
#sub-title .bg-base0 { width: 1px; height: 0; transition: .5s ease; position: absolute; top:0; left: 0; } 
#sub-title .relative,
#sub-title .bg-base0.active { height: 200px; } 

@media (max-width: 1024px) { 
#sub-title .relative,
#sub-title .bg-base0.active { height: 120px; } 

 } 

@media (max-width: 768px) { 
#sub-title { gap: 20px; } 
#sub-title .relative,
#sub-title .bg-base0.active { height: 80px; } 
 } 


/* 공통 */
@media (max-width: 1320px) { 
#sub .contents .absolute-bottom-right, 
#sub .contents .absolute-bottom-left { max-width: 560px; bottom: -60px; } 
 } 
@media (max-width: 1024px) { 
#sub .contents .absolute-bottom-right, 
#sub .contents .absolute-bottom-left { max-width: 400px; z-index: 0; } 
 } 
@media (max-width: 768px) { 
#sub { padding-top: 60px; padding-bottom: 60px; } 
#sub .contents .absolute-bottom-right, 
#sub .contents .absolute-bottom-left,
#sub .contents .block.mx-auto { display: none; } 
#sub .contents .hidden { display: block; max-width: 100%; } 
#sub .contents .row-24 { gap: 12px; } 
 } 



 /* 대표인사말 */
 @media (max-width: 768px) { 
 #sub.greeting .absolute.rounded-circle { top: 48px; left: 58px; } 
 } 


/* 경쟁력 */
#sub.compete .grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; } 
#sub.compete .bg-sub .flex-center { height: 48px; font-weight: 300; } 
#sub.compete .bg-primary { max-width: calc(20% - 96px / 5); margin: 0 auto; } 

@media (max-width: 768px) { 
 #sub.compete .absolute.rounded-circle { top: 48px; right: 58px; } 
#sub.compete .row-120 { gap: 60px; } 
#sub.compete .bg-sub { padding: 60px 0; } 
#sub.compete .row-24 { gap: 12px; } 
#sub.compete .bg-sub .py-40 { padding: 0 0 12px; } 
#sub.compete .bg-primary { margin-left: 0; max-width: calc(50% - 6px); } 
#sub.compete .grid { display: flex; flex-direction: column; } 
#sub.compete .grid .grow-1 { flex-direction: row; gap: 12px; } 
#sub.compete .grid .grow-1 .row-20 { gap: 12px; } 
 } 


/* 연혁&수상내역 */
#sub.history .full-width { max-width: 420px; } 
#sub.history .t18:not(.grid) { line-height: 36px; } 
#sub.history .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } 
#sub.history .absolute { width: 12px; height: 12px; left: 0; bottom: -6px; } 
#sub.history .py-60 { padding-right: 24px; } 

@media (max-width: 1024px) { 
#sub.history .full-width { max-width: 320px; } 
#sub.history .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 } 
@media (max-width: 768px) { 
#sub.history .row-40 { gap: 20px; } 
#sub.history .py-80 { padding: 40px 0; } 
#sub.history .row-24 { gap: 12px; } 
#sub.history .column-16 { flex-direction: column; } 
#sub.history .t18:not(.grid) { line-height: 22px; } 
#sub.history .py-120 { padding: 60px 0; } 
#sub.history .py-40 { padding: 20px 0; } 
#sub.history .py-60 { padding: 30px 0; gap: 8px; } 
#sub.history .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); } 
 } 


/* 오시는 길 */
#sub.location .root_daum_roughmap { width: 100%; min-height: 500px; } 
#sub.location .root_daum_roughmap .wrap_map { height: 500px; } 
#sub.location .wrap_controllers,
#sub.location .map_border,
#sub.location .cont { display: none; } 
#sub.location .column-52 { row-gap: 12px; flex-wrap: wrap; } 

@media (max-width: 768px) { 
 #sub.location .column-52 { flex-direction: column; align-items: flex-start; } 
 #sub.location .column-52 .block { min-width: 56px; } 
 #sub.location .root_daum_roughmap { min-height: 320px; } 
 #sub.location .root_daum_roughmap .wrap_map { height: 320px; } 
 } 


 /* 직영 */
#sub.store .column-40 .bg-base0 { min-width: 1px; } 

 

@media (max-width: 768px) { 
 #sub.store .row-24 { gap: 12px; } 
 #sub.store .py-80 { padding: 40px 0; } 
 #sub.store .row-80 { gap: 40px; } 
 #sub.store .column-40 { flex-direction: column; gap: 0; } 
 #sub.store .column-40 .bg-base0 { min-height: 1px; } 
 #sub.store .mx-auto { display: none; } 
 #sub.store .hidden { display: block; max-width: 220px; margin: 0 auto; } 
 #sub.store .absolute.rounded-circle { top: 0; left: 95px; width: 45px; height: 45px; } 
 } 


 /* R&D */
 #sub.menu .column-40 .bg-base0 { min-width: 1px; } 
 #sub.menu .absolute { top: 22%; right: 0; } 

 @media (max-width: 1320px) { 
 #sub.menu .absolute { top: 8%; max-width: 360px; } 
 
 } 

@media (max-width: 1024px) { 
 #sub.menu .mobile-only { max-width: 220px; } 

 } 

@media (max-width: 768px) { 
 #sub.menu .row-120 { gap: 60px; } 
 #sub.menu .row-24 { gap: 12px; } 
 #sub.menu .py-80 { padding: 40px 0; } 
 #sub.menu .row-80 { gap: 40px; } 
 #sub.menu .column-40 { flex-direction: column; gap: 0; } 
 #sub.menu .column-40 .bg-base0 { min-height: 1px; } 
 } 

 /* 브랜드 */
 #sub.brand .flex { gap: 160px; } 
 #sub.brand .flex .row-80 { padding-left: calc(50% - 1280px / 2); } 
 #sub.brand .flex .overflow-hidden { border-radius: 4px 0 0 96px; height: 595px; max-width: 50%; } 

@media (max-width: 1320px) { 
 #sub.brand .flex { gap: 48px; } 
 #sub.brand .flex .row-80 { padding: 0 20px; gap: 20px; } 
 #sub.brand .flex .overflow-hidden { height: 400px; } 
 } 

 @media (max-width: 768px) { 
 #sub.brand .row-80 { gap: 60px; } 
 #sub.brand .flex { flex-direction: column; gap: 52px; } 
 #sub.brand .flex .row-40 { gap: 32px; } 
 #sub.brand .flex .overflow-hidden { height: 340px; max-width: calc(100% - 20px); margin-left: auto; } 
 #sub.brand .flex .logo_crown { max-height: 30px; } 
 #sub.brand .flex .logo_gumbok { max-height: 28px; } 
 #sub.brand .flex .logo_tora { max-width: unset; max-height: 32px; } 
 #sub.brand .flex .logo_poksik { max-height: 24px; } 
 } 


 /* 인재상 */
 #sub.job .border-bottom .bg-base0 { min-width: 1px; } 

 @media (max-width: 768px) { 
 #sub.job .row-80 { gap: 40px; } 
 #sub.job .row-24 { gap: 16px; padding: 40px 0; } 
 #sub.job .row-16 { gap: 8px; } 
 #sub.job .column-40 { flex-direction: column; gap: 0; } 
 #sub.job .column-40 .bg-base0 { min-height: 1px; } 
 } 


 /* 복리후생 */
 #sub.welfare .grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } 
 #sub.welfare .grid .row-24 { height: 182px; border-right: 1px solid var(--base0); padding: 0 40px; } 
 #sub.welfare .grid .row-24:nth-of-type(5n) { border-right: 0; } 

 @media (max-width: 1024px) { 
 #sub.welfare .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } 
 #sub.welfare .grid .row-24 { padding: 20px; } 
 #sub.welfare .grid .row-24:nth-of-type(5n) { border-right: 1px solid var(--base0); } 
 #sub.welfare .grid .row-24:nth-of-type(3n) { border-right: 0; } 
 } 

 @media (max-width: 768px) { 
 #sub.welfare .container { gap: 60px; } 
 #sub.welfare .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 #sub.welfare .grid .row-24 { gap: 12px; height: auto; } 
 #sub.welfare .grid .row-24 img { max-width: 32px; } 
 #sub.welfare .grid .row-24:nth-of-type(3n) { border-right: 1px solid var(--base0); } 
 #sub.welfare .grid .row-24:nth-of-type(2n) { border-right: 0; } 

 }