@charset "euc-kr";
/*Pretendard*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Noto Sans KR', -apple-system, sans-serif; color: #000; }
a { text-decoration: none; color: inherit; }
li {list-style:none;}


/* Æ˾÷ ·¹À̾î Àüü Ʋ (Áß¾Ó Á¤·Ä ¹× ¸ð¹ÙÀÏ ³Êºñ ÃÖÀûÈ­) */
.layer_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%; /* ¸ð¹ÙÀÏ È­¸é¿¡ ¸Â°Ô 90% ²Ë Â÷°Ô */
    max-width: 400px; /* ÅÂºí¸´ µî¿¡¼­ ³Ê¹« Ä¿ÁöÁö ¾Êµµ·Ï Á¦ÇÑ */
    height: auto; /* ³»¿ë¹°¿¡ ¸ÂÃç ÀÚµ¿ Á¶Àý */
    background: #fff;
    z-index: 9999;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    display: none; /* ½ºÅ©¸³Æ®·Î Á¦¾î */
    border-radius: 10px;
    overflow: hidden;
}

/* 1. »ó´Ü ÅÇ (°¡·Î ½º¿ÍÀÌÇÁ ½ºÅ©·Ñ Àû¿ë) */
.popup_tabs {
    width: 100%;
    height: 50px; /* ¸ð¹ÙÀÏ ÅÍÄ¡¿¡ ÀûÇÕÇÑ ³ôÀÌ */
    display: flex;
    overflow-x: auto; /* ÅÇÀÌ ¸¹À» °æ¿ì °¡·Î ½º¿ÍÀÌÇÁ Çã¿ë */
    -webkit-overflow-scrolling: touch; /* ºÎµå·¯¿î ½ºÅ©·Ñ */
    white-space: nowrap; /* ÅÇÀÌ ¹ØÀ¸·Î ¶³¾îÁöÁö ¾Ê°Ô */
}
/* ÅÇ ¿µ¿ª ½ºÅ©·Ñ¹Ù ¼û±â±â */
.popup_tabs::-webkit-scrollbar {
    display: none; 
}

.popup_tabs .tab_btn {
    width: auto;
    min-width: 80px; /* ÃÖ¼Ò ÅÍÄ¡ ¿µ¿ª È®º¸ */
    height: 50px;
    padding: 0 15px; /* ±ÛÀÚ ¾ç¿· ¿©¹é */
    background: #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px; /* ÆùÆ® Å©±â Ãà¼Ò */
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #000;
    cursor: pointer;
    transition: all 0.3s;
    flex-shrink: 0; /* ½ºÅ©·Ñ ½Ã ÅÇÀÌ Âî±×·¯ÁöÁö ¾Ê°Ô ¹æÁö */
}

/* È°¼ºÈ­µÈ ÅÇ ½ºÅ¸ÀÏ */
.popup_tabs .tab_btn.swiper-slide-thumb-active {
    background: #000;
    color: #fff;
}


/* 2. ¸ÞÀÎ ½½¶óÀ̵å (À̹ÌÁö ¿µ¿ª ¹ÝÀÀÇü) */
.popup_swiper {
    width: 100%;
    height: auto;
    background: #eee;
    aspect-ratio: 1200 / 730; /* PC ¿øº» À̹ÌÁö ºñÀ²¿¡ ¸ÂÃç ¸ð¹ÙÀÏ¿¡¼­µµ ³ôÀÌ ÀÚµ¿ °è»ê */
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain; /* À̹ÌÁö°¡ À߸®Áö ¾Ê°í ºñÀ²¿¡ ¸Â°Ô ½ï µé¾î°¡°Ô º¯°æ */
}


/* --- ³×ºñ°ÔÀÌ¼Ç ¹öÆ° Ä¿½ºÅÒ (Å©±â ¹× À§Ä¡ Ãà¼Ò) --- */
.popup_swiper .swiper-button-next,
.popup_swiper .swiper-button-prev {
    width: 15px; /* È­»ìÇ¥ Å©±â Ãà¼Ò */
    height: 27px;
    margin-top: 0;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    --swiper-navigation-color: rgba(255,255,255,0);
}

/* Swiper ±âº» ÆĶõ»ö È­»ìÇ¥ ¿Ïº® Á¦°Å */
.popup_swiper .swiper-button-next::after,
.popup_swiper .swiper-button-prev::after {
    display: none !important;
    content: none !important;
}

/* Next ¹öÆ° (¿À¸¥ÂÊ) */
.popup_swiper .swiper-button-next {
    background-image: url('../imgs/popup/popup_ar1.png');
    right: 15px; /* ¸ð¹ÙÀÏ¿ë ¿©¹é Ãà¼Ò */
}

/* Prev ¹öÆ° (¿ÞÂÊ) */
.popup_swiper .swiper-button-prev {
    background-image: url('../imgs/popup/popup_ar2.png');
    left: 15px; /* ¸ð¹ÙÀÏ¿ë ¿©¹é Ãà¼Ò */
}


/* 3. ÇÏ´Ü ÇªÅÍ (¹öÆ° ¿µ¿ª ÃÖÀûÈ­) */
.popup_footer {
    width: 100%;
    height: 50px; /* ¸ð¹ÙÀÏ ³ôÀÌ Ãà¼Ò */
    background: #000;
    display: flex;
    justify-content: space-between; /* ¿À´Ã ÇÏ·ç º¸Áö ¾Ê±â¿Í ´Ý±â ¹öÆ° ¾ç³¡ Á¤·Ä */
    align-items: center;
    padding: 0 15px; /* ¾ç¿· ¿©¹é */
    box-sizing: border-box;
}

/* '¿À´Ã ÇÏ·ç º¸Áö ¾Ê±â' üũ¹Ú½º ¿µ¿ª */
.popup_footer label {
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px; /* üũ¹Ú½º¿Í ±ÛÀÚ »çÀÌ °£°Ý */
    font-size: 13px; /* ÆùÆ® Ãà¼Ò */
}
.popup_footer input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
}

/* '´Ý±â' ¹öÆ° ¿µ¿ª */
.popup_footer button {
    width: auto;
    height: 100%;
    background: #000;
    color: #acacac;
    font-size: 14px; /* ÆùÆ® Ãà¼Ò */
    font-weight: 500;
    margin: 0;
    padding: 0 10px;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s;
}

.popup_footer button:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none;
}

/* Header */
.header {
    background: #d7ccb5;
    position: sticky; top: 0; z-index: 1000;
    width: 100%;
}

/* --- Header »ó´Ü (·Î°í & ¾ð¾î) --- */
.header-top {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    padding: 15px 15px; /* ¸ð¹ÙÀÏÀ̹ǷΠÁ¿ì ÆеùÀ» »ì¦ ÁÙÀÓ */
    border-bottom: 1px solid #5d5d5d; 
}

/* ¾ç¿· ±ÕÇü ¸ÂÃß±â (empty-space ´ë½Å m-auth-menu »ç¿ë) */
.header-top .m-auth-menu, 
.header-top .lang-select {
    width: 65px; /* ¾çÂÊ ³Êºñ¸¦ µ¿ÀÏÇÏ°Ô ¸ÂÃß¾î ·Î°í°¡ ¿Ïº®È÷ Áß¾Ó¿¡ ¿À°Ô ÇÔ */
}

.header-top .logo {
    display: flex;
    justify-content: center;
    flex: 1; /* ³²Àº °ø°£À» ·Î°í°¡ ¸ðµÎ Â÷ÁöÇÏ¿© ¿ÏÀüÇÑ Áß¾Ó Á¤·Ä º¸Àå */
}

.header-top .logo img {
    height: 35px; 
}

/*  ¸ð¹ÙÀÏ ·Î±×ÀÎ/ȸ¿ø°¡ÀÔ ½ºÅ¸ÀÏ  */
.m-auth-menu {
    display: flex;
    flex-direction: column; /* À§¾Æ·¡·Î ¹èÄ¡ */
    gap: 4px; /* ·Î±×Àΰú ȸ¿ø°¡ÀÔ »çÀÌ °£°Ý */
}

.m-auth-menu a {
    display: flex;
    align-items: center; /* ¾ÆÀÌÄÜ°ú ±ÛÀÚ ¼¼·Î Áß¾Ó ¸ÂÃã */
    gap: 3px; /* ¾ÆÀÌÄÜ°ú ±ÛÀÚ »çÀÌ °£°Ý */    
    font-size: 11px; /* ¸ð¹ÙÀÏ È­¸é¿¡ ¸Â°Ô ÆùÆ® Å©±â Ãà¼Ò */
    font-weight: 500;
    color: #000;
    text-decoration: none;
    letter-spacing: -0.05em;
}

.m-auth-menu a span.material-symbols-outlined {
    font-size: 14px; /* ¾ÆÀÌÄÜ Å©±âµµ ¸ð¹ÙÀÏ¿¡ ¸Â°Ô Ãà¼Ò */
}
/* --- ¾ð¾î ¼±Åà ¿µ¿ª ¹èÄ¡ --- */
.lang-select {
    display: flex;
    flex-direction: column; /* ¼¼·Î(À§¾Æ·¡) ¹èÄ¡ */
    align-items: center;    /* °¡·Î ±âÁØ Áß¾Ó Á¤·Ä */
    justify-content: center;
    width: 45px;            /* ³Ë³ËÇÑ ÅÍÄ¡ ¿µ¿ª È®º¸ */
    gap: 3px;               /* ±¹±â¿Í ±ÛÀÚ »çÀÌÀÇ °£°Ý */
}

.flag-img {
    width: 22px;
    height: 18px;
    object-fit: cover;      /* ºñÀ²ÀÌ ±úÁöÁö ¾Ê°Ô ä¿ò */
    border-radius: 2px;     /* ¸ð¼­¸®¸¦ ¾ÆÁÖ »ì¦ µÕ±Û°Ô (ºÎµå·¯¿î ´À³¦) */
    border: 0px solid #eaeaea; /* Å׵θ®¸¦ »ì¦ ÁÖ¾î ±ò²ûÇÏ°Ô */
}

/* ¾Æ·¡ÂÊ Select ½ºÅ¸ÀÏ */
.lang-select select {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    width:50px;
    height:20px;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    outline: none;
    padding-right: 12px; /* È­»ìÇ¥ ¾ÆÀÌÄÜÀÌ µé¾î°¥ ÀÚ¸® */
    
    /* »ç¿ëÀÚ Á¤ÀÇ È­»ìÇ¥ ¸ð¾ç Ãß°¡ */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    text-align: center;
}

/* --- Header ÇÏ´Ü (¸Þ´º & Çܹö°Å ¹öÆ°) --- */
.header-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #e0e0e0; /* ÇÏ´Ü ¿¬ÇÑ °¡·Î¼± */
}

.menu-top {
    height: 60px;
    display: flex; 
    justify-content: flex-end; 
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}

/* ´Ý±â ¹öÆ° ÀÚü ½ºÅ¸ÀÏ */
.btn-close {
    background: none; 
    border: none; 
    cursor: pointer; 
    display: flex;            /* SVG ¾ÆÀÌÄÜ Á¤·ÄÀ» À§ÇØ Ãß°¡ */
    align-items: center;      /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
    justify-content: center;  /* ¼öÆò Áß¾Ó Á¤·Ä */
    padding: 0;
}



.gnb {
    display: flex;
    gap: 25px; /* ¸Þ´º »çÀÌ °£°Ý */
}

.gnb a {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.btn-menu {
    background: none; 
    border: none; 
    cursor: pointer; 
    display: flex;
    align-items: center;
    padding: 0;
}


/*MENU*/
.full-menu {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100vh;
    background: #fff;
    z-index: 2000; /* ±âÁ¸ Çì´õº¸´Ù ³ô°Ô ¼³Á¤ */
    display: flex;
    flex-direction: column;
    transform: translateX(100%); /* ¿À¸¥ÂÊÀ¸·Î ¼û°ÜµÒ */
    transition: transform 0.3s ease-in-out;
}

/* ¸Þ´º ¿­·ÈÀ» ¶§ Ŭ·¡½º */
.full-menu.open {
    transform: translateX(0); /* Á¦ÀÚ¸®·Î À̵¿ÇÏ¸ç ³ªÅ¸³² */
}

/* ´Ý±â ¹öÆ° ¿µ¿ª */
.menu-top {
    height: 60px;
    display: flex; justify-content: flex-end; align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}
.btn-close {
    font-size: 24px; background: none; border: none; cursor: pointer; color: #333;
}

/* ¸Þ´º 2´Ü ·¹À̾ƿô */
.menu-body {
    display: flex;
    flex: 1; /* ³²Àº ¼¼·Î °ø°£ ´Ù Â÷Áö */
    overflow: hidden;
}

/* ¿ÞÂÊ ¼­ºê ¸Þ´º */
.sub-menu-area {
    flex: 1; /* °¡º¯ ³Êºñ */
    background: #fff;
    overflow-y: auto; /* ³»¿ëÀÌ ±æ¸é ½ºÅ©·Ñ */
    padding: 20px 15px;
}
.sub-menu-area li {
    list-style: none; 
    border-bottom: 1px solid #f5f5f5;
    padding: 0; /* a ÅÂ±× ¿µ¿ªÀ» À§ÇØ liÀÇ ÆеùÀº Á¦°Å */
}

.sub-menu-area li.menu-divider {
    border-bottom: 1px solid #533e29; 
    margin-bottom: 5px; 
}
/* a ű×ÀÇ Å¬¸¯ ¿µ¿ªÀ» ²Ë ä¿öÁÝ´Ï´Ù */
.sub-menu-area li a {
    display: block; 
    padding: 12px 0; /* ±âÁ¸ li¿¡ ÀÖ´ø ÆеùÀ» a·Î ¿Å°Ü¿È */
    font-size: 15px; 
    color: #333;
    letter-spacing:-0.05em;
    text-decoration: none; /* ¹ØÁÙ Á¦°Å */
}

/* ÅÍÄ¡(¸¶¿ì½º ¿À¹ö) ½Ã »ö»ó º¯È­·Î Çǵå¹é ÁÖ±â */
.sub-menu-area li a:hover,
.sub-menu-area li a:active {
    color: #111;
    font-weight: 500;
}
.sub-menu-area li a.menu-highlight {
    font-weight: 600;
    color: #533e29;   
    /* padding-top: 15px; */
}
/* ¿À¸¥ÂÊ ¸ÞÀÎ ¸Þ´º */
.main-menu-area {
    width: 180px; /* °íÁ¤ ³Êºñ */
    background: #fff;
    border-left: 1px solid #eee;
    overflow-y: auto;
}
.main-menu-area li {
    list-style: none; font-size: 15px; font-weight: 500; color: #333;
    padding: 18px 15px; border-bottom: 1px solid #eee;
    cursor: pointer; transition: all 0.2s;
}

/* ¸ÞÀÎ ¸Þ´º ¸¶¿ì½º ¿À¹ö & È°¼ºÈ­(Ŭ¸¯) ½ºÅ¸ÀÏ  */
.main-menu-area li:hover,
.main-menu-area li.active {
    background-color: #533e29;
    color: #fff;
}


/* °øÅë ¼½¼Ç ½ºÅ¸ÀÏ */
section { background:#fcf8ec; padding: 40px 0; margin-bottom: 10px; }
.section-title { 
	text-align: center; 
	font-size: 24px;
	font-weight: 800; 
	margin-bottom: 25px; 
	letter-spacing: 1px; 
	color:#533E29;
	}




/* --- ¸ÞÀÎ ºñÁÖ¾ó ¿µ¿ª (16:9 ºñÀ² °íÁ¤) --- */
.main-visual {
    width: 100%;
    aspect-ratio: 16 / 9; /* ±â±â ³Êºñ¿¡ ¸ÂÃç 16:9·Î ÀÚµ¿ Á¶Àý */
    background-color: #000; /* ¿µ»ó ·Îµù Àü ºó È­¸é °ËÀº»ö ó¸® */
    position: relative;
    padding: 0; /* ±âÁ¸¿¡ ÀÖ´ø padding Á¦°Å */
    margin-bottom: 0;
}

.visualSwiper {
    width: 100%;
    height: 100%; /* ºÎ¸ð(16:9)ÀÇ ³ôÀ̸¦ ²Ë ä¿ò */
}

.visualSwiper .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* ¿µ»ó ºñÀ²ÀÌ Æ²¾îÁ®µµ È­¸é¿¡ ²Ë Â÷°Ô Àß¶ó³¿ */
    display: block;
}

/* --- Swiper Ä¿½ºÅÒ ÆäÀÌÁö³×ÀÌ¼Ç (¸·´ë ÇüÅÂ) --- */
.visualSwiper .swiper-pagination {
    bottom: 15px !important; /* ¿µ»ó ÇÏ´Ü¿¡¼­ À§·Î 15px ¶ç¿ò */
}

.visualSwiper .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    background-color: #fff;
    border-radius: 3px; /* ¸ð¼­¸®¸¦ »ì¦ µÕ±Û°Ô (¿ÏÀü Á÷°¢À» ¿øÇϽøé 0À¸·Î º¯°æ) */
    opacity: 0.5; /* ¾È º¸°í ÀÖ´Â ¸·´ë´Â ¾à°£ Åõ¸íÇÏ°Ô Ã³¸® */
    transition: background-color 0.3s ease, opacity 0.3s ease;
    margin: 0 4px !important; /* ¸·´ë »çÀÌ °£°Ý */
}

/* ¸¶¿ì½º ¿À¹ö ½Ã & ÇöÀç È°¼ºÈ­µÈ(º¸°í ÀÖ´Â) ½½¶óÀ̵åÀÏ ¶§ */
.visualSwiper .swiper-pagination-bullet:hover,
.visualSwiper .swiper-pagination-bullet-active {
    background-color: #828282;
    opacity: 1; /* Åõ¸íµµ 100%·Î ¼±¸íÇÏ°Ô */
}





/* --- EVENT ¼½¼Ç --- */
/* ½Ã¾ÈÀÇ ÀºÀºÇÑ º£ÀÌÁö»ö ¹è°æÀ» Àüü ¼½¼Ç ¹è°æÀ¸·Î ±ò¾ÆÁÝ´Ï´Ù (ÇÊ¿ä½Ã #fff·Î º¯°æ °¡´É) */
.event-section { 
    padding: 40px 20px; 
    margin-bottom: 0;
    
}
.event-section .section-title { margin-bottom: 30px; }

/* 2¿­ ±×¸®µå ¹èÄ¡ */
.event-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2°³¾¿ ³ª¿­ */
    gap: 15px; /* Ä«µå »çÀÌ °£°Ý */
}

/* Ä«µå Àüü ½ºÅ¸ÀÏ (½Ã¾Èó·³ ¸ð¼­¸® Á÷°¢, ±×¸²ÀÚ Á¦°Å) */
.event-card {
    display: flex;
    flex-direction: column;
    background: #fff;
}

/* À̹ÌÁö Á¤»ç°¢Çü (1:1) ºñÀ² °íÁ¤ */
.event-card .card-image {
    width: 100%;
    aspect-ratio: 1 / 1; 
    overflow: hidden;
}

/* ¾î¶² »çÀÌÁîÀÇ À̹ÌÁö°¡ µé¾î¿Íµµ Âî±×·¯ÁöÁö ¾Ê°Ô ²Ë ä¿ò */
.event-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
}

/* ÅؽºÆ® ¿µ¿ª (¹è°æ»ö ¹× ±ÛÀÚ»ö Àû¿ë) */
.event-card .card-text {
    background-color: #E5E4CE;
    color: #533E29;
    text-align: center;
    padding: 15px 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px; /* Á¦¸ñ°ú °¡°Ý »çÀÌ °£°Ý */
    flex-grow: 1; /* Ä«µå ³ôÀÌ°¡ ´Ù¸¦ °æ¿ì ÅؽºÆ® ¹Ú½º ³ôÀ̸¦ ¸ÂÃã */
}

/* ÅؽºÆ® ¼¼ºÎ ÆùÆ® ¼³Á¤ */
.event-card .card-text .title {
    font-size: 16px;
    font-weight: 500;
}

.event-card .card-text .price {
    font-size: 18px;
    font-weight: 800; /* °¡°ÝÀ» Á¶±Ý ´õ °­Á¶ */
}



/* --- TREND's Signature ¼½¼Ç --- */
.signature-section { 
    padding: 50px 0; 
    margin-bottom: 0;
}
.sigSwiper { 
    padding-bottom: 20px; 
}

/* Ä«µå Àüü ·¡ÆÛ (ºñÀ² °íÁ¤ ¹× ±âÁØÁ¡) */
.sig-card {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 320 / 384; /* ¿äûÇϽŠ320x384 ºñÀ² °íÁ¤ */
    overflow: hidden;
}

/* ¹è°æ À̹ÌÁö */
.sig-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 50% ºí·¢ ¸¶½ºÅ© ¿µ¿ª */
.sig-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* °ËÀº»ö ¹ÝÅõ¸í 50% */
}

/* Áß¾Ó Å¸ÀÌƲ */
.sig-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Á¤È®È÷ ¼öÁ÷/¼öÆò Áß¾Ó¿¡ ¹èÄ¡ */
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap; /* ±Û¾¾°¡ Áٹٲ޵ÇÁö ¾Êµµ·Ï ¹æÁö */
}

/* ÇÏ´Ü '¹Ù·Î°¡±â' ¹öÆ° */
.sig-btn {
    position: absolute;
    bottom: 25px; /* ÇÏ´Ü¿¡¼­ 25px À§·Î */
    left: 50%;
    transform: translateX(-50%); /* ¼öÆò Áß¾Ó Á¤·Ä */
    width: 80%; /* ¹öÆ° °¡·Î ±æÀÌ (¿©¹éÀ» ³²±â±â À§ÇØ 80%·Î ¼³Á¤) */
    padding: 12px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.6); /* ¹ÝÅõ¸í Èò»ö Å׵θ® */
}


/* --- Trend Media ¼½¼Ç --- */
.media-section { 
    padding: 50px 20px; 
    text-align: center; 
    border:0px solid red;
    margin:0;
}
.media-section .section-title { margin-bottom: 10px; }
.media-subtitle { 
    font-size: 14px; 
    margin-bottom: 25px; 
    color: #555; 
    font-weight: 500;
}

/* ¹ÝÀÀÇü À¯Æ©ºê ÄÁÅ×ÀÌ³Ê */
.video-container { 
    position: relative;
    width: 100%; 
    aspect-ratio: 16 / 9; /* ¾î¶² È­¸é¿¡¼­µµ 16:9 Ȳ±Ý ºñÀ² À¯Áö */
    border-radius: 12px;  /* ½Ã¾Èó·³ ¸ð¼­¸® µÕ±Û°Ô */
    overflow: hidden;     /* µÕ±Ù ¸ð¼­¸® ¹ÛÀ¸·Î Æ¢¾î³ª°¡´Â ¿µ»ó À߶󳻱â */
    background-color: #000; /* ¿µ»ó ·Îµù Àü °ËÀº È­¸é */
}

/* iframe ²Ë ä¿ì±â */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Footer */
.footer { 
    padding: 0 20px; 
    background:#fcf8ec;
}
.footer-box { 
    padding: 30px 0; 
}
.footer-title { 
    font-size:20px; 
    font-weight: 700; 
    color: #111; 
    margin-bottom: 15px; 
}
.footer-box h3 { font-size: 22px; margin-bottom: 15px; }
/* --- Áø·á½Ã°£ ¾È³» --- */
.time-list {
    list-style: none;
    border-top: 1px solid #ccc; /* »ó´Ü ±½Àº ¼± */
}
.time-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid #eee; /* ÇÏ´Ü ¿¬ÇÑ ¼± */
    font-size: 15px;
    color: #333;
}
.time-list .day {
    font-weight: 500;
    width: 120px; /* ¿äÀÏ ºÎºÐ ³Êºñ¸¦ °íÁ¤ÇÏ¿© ÁÙÀ» µü ¸ÂÃã */
}
.time-list .hours {
    flex-grow: 1; /* ³²Àº °ø°£À» Â÷ÁöÇÏ¿© ½Ã°£ ÅؽºÆ® Á¤·Ä */
    text-align: center;
    font-size:22px;
    font-weight:600;
    letter-spacing: 0.5px;
    color: #000;
}

/* --- ¿À½Ã´Â ±æ --- */
.map-header { 
    display: flex; 
    justify-content: space-between; 
    align-items: flex-end; /* ÅؽºÆ® ¾Æ·¡ÂÊ ¶óÀÎ ¸ÂÃß±â */
    margin-bottom: 15px; 
}
.map-header .footer-title {
    margin-bottom: 0; /* Á¦¸ñ ¿©¹é Á¦°Å */
}
.map-link { 
    font-size: 13px; 
    color: #555; 
    text-decoration: none;
}
.address-text { 
    display: flex; 
    align-items: center; 
    gap: 8px; /* ¾ÆÀÌÄÜ°ú ±ÛÀÚ »çÀÌ °£°Ý */
    font-size:18px; 
    color: #000;
    margin-bottom: 15px; 
}
.map-icon { 
    width: 14px; /* ¾ÆÀÌÄÜ Å©±â (ÇÊ¿ä½Ã Á¶Àý) */
    height: auto;
}

/* ¾àµµ À̹ÌÁö »óÀÚ (Å׵θ® Àû¿ë) */
.map-img-box {
    width: 100%;
}
.map-img { 
    width: 100%; 
    height: auto; 
    display: block; 
}

/* »ó´ã ¹× ¿¹¾à (ÀüÈ­¹øÈ£) */
/*.footer-contact { padding: 30px 0 10px; }*/
.phone-box {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    background: #eaeaea; padding: 15px; border-radius: 50px;
}
.phone-box .icon { font-size: 24px; }
.phone-text { display: flex; flex-direction: column; align-items: flex-start; }
.phone-text .label { font-size: 12px; color: #666; }
.phone-text .number { font-size: 22px; font-weight: bold; }

/* SNS ¹è³Ê ¹× ¾ÆÀÌÄÜ */
.footer-sns { margin-bottom: 30px; }
.sns-banner {
    width: 100%; padding: 15px; text-align: center; font-weight: bold; font-size: 14px;
    border-radius: 8px; margin-bottom: 10px; color: #fff;
}
.sns-banner.kakao { background: #FEE500; color: #333; }
.sns-banner.wechat { background: #07C160; }



/* --- »ó´ã ¹× ¿¹¾à ¾È³» (Mobile ÃÖÀûÈ­) --- */
.footer-contact {
    width: 100%; /* °íÁ¤°ª Á¦°Å, 100% ä¿ò */
    margin: 0 0 20px 0; /* ÁÂ¿ì ¸¶Áø Á¦°Å */
}
.footer-contact .tit {
    margin-bottom: 10px;
}

/* °¢ ¹è³Ê °øÅë ½ºÅ¸ÀÏ */
.footer-contact > a, 
.footer-contact .wechat {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 90px; /* ¸ð¹ÙÀÏ ½Ã¾È¿¡ ¸Â°Ô ³ôÀÌ ¾à°£ Ãà¼Ò */
    margin-bottom: 0;
    padding: 0 15px 0 100px;
    box-sizing: border-box;
}

/* ³»ºÎ ÅؽºÆ® ·¡ÆÛ */
.footer-contact .text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.footer-contact .label {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}
.footer-contact .number {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 2px;
}

/* --- °³º° ¹è³Ê ½ºÅ¸ÀÏ --- */
/* 1. ÀüÈ­ »ó´ã */
.footer-contact .tel {
    background: #e2e2e2 url(/imgs/main_footer_common_dep1_tel.png) 15px center no-repeat;
    background-size: 50px auto; /* ¾ÆÀÌÄÜ Å©±â Á¶Àý */
    color: #333;
    justify-content: space-between; /* ÅؽºÆ®¿Í ¹öÆ° ¾ç³¡ Á¤·Ä */
}
.footer-contact .tel .number { font-size: 30px; letter-spacing: -1px; }
.btn-round {
    background: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    color: #666;
    margin-bottom: 20px; /* ¹øÈ£¿Í ³ôÀÌ ¸ÂÃã */
}

/* 2. Ä«Ä«¿ÀÅå »ó´ã */
.footer-contact .talk {
    background: #fae100 url(/imgs/main_footer_common_dep1_talk.png) 20px center no-repeat;
    background-size: 45px auto;
    color: #3c1e1e;
}
.footer-contact .talk .text-wrap {
    
}
.footer-contact .talk .label { font-weight: 500; }
.footer-contact .talk .number { 
	font-size: 24px;
    font-weight: 700;
    line-height: 1.2;

    }
.footer-contact .arrow {
    position: absolute; right: 15px; top: 50%; transform: translateY(-50%);
    width: 10px; /* È­»ìÇ¥ Å©±â */
}

/* 3. À§Ãª »ó´ã */
.footer-contact .wechat {
    background: #09b83e url(/imgs/main_footer_common_dep1_wechat.png) 20px center no-repeat;
    background-size:100px auto;
    padding-left:150px;
}
.footer-contact .wechat-links {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px; /* À§¾Æ·¡ °£°Ý */
}
.footer-contact .wechat a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}
.footer-contact .wechat a b {
    font-weight: 500; font-size: 15px; flex-grow: 1; margin-left: 5px;
}
.footer-contact .wechat a img {
    width: 8px; /* À§Ãª ÀÛÀº È­»ìÇ¥ */
}


.footer_ad_box{
	width:100%;
	height:auto;
	padding:30px 0;
	background:#d7ccb5;
	margin:0;
	box-sizing: border-box; /* ÆеùÀÌ ³Êºñ¿¡ Æ÷ÇԵǵµ·Ï ¾ÈÀüÀåÄ¡ */
	}
.sns-icons { 
	display: flex; 
	justify-content: center; 
	gap:20px; 
	margin-top:0px; 
	}


/* Footer Address */

.footer-address { 
	font-style: normal; 
	font-size: 14px; 
	text-align:left;
	color: #5f503b; 
	line-height: 1.6; 
	padding-top: 20px; 
	padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
	}
.footer-address p { margin-bottom: 10px; }
.footer-address .policy-links {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 15px;
    color: #5f503b;
    letter-spacing:-0.05em;
    display: flex; 
		justify-content: center; 
		gap:20px; 
	}

.copyright { font-size: 11px; color: #5f503b; }















/*½Ã±×´Ïó*/
section.sig_con,
section.price{
    position: relative;
    width:90%;
    height:auto;
    margin: 100px auto;
    padding: 0;
    overflow: hidden;
}
section.sig_con h4,
section.price h4{
	font-weight:700;
	font-size:30px;
	color:#000;
	letter-spacing:-0.03em;
	text-align:center;
	margin:0 auto 50px auto;
	border:0px solid red;
	}
section.sig_con h4 span,
section.price h4 span{
	display:block;
	font-weight:300;
	font-size: 16px;
	color:#000;
	line-height:1;
	margin-top:10px;
	letter-spacing: -1.8px;
	}	
	
section.sig_con img{
	display:block;
	margin:0 auto 50px auto;
	width:100%;
	}	


/* ÄÁÅ×ÀÌ³Ê ¼öÁ¤ */
.tab-menu {
    display: flex;
    flex-wrap: wrap; /* ¿ä¼ÒµéÀ» ¿©·¯ ÁÙ·Î °¨½ÎÁÝ´Ï´Ù */
    width: 100%;
    height: auto; /* 2ÁÙÀÌ µÇ¹Ç·Î ³ôÀ̸¦ ÀÚµ¿À¸·Î ´Ã¾î³ª°Ô ÇØÁÝ´Ï´Ù */
    
    /* Àüü ¹Ú½ºÀÇ À§, ¿ÞÂÊ Å׵θ®¸¸ ³²±é´Ï´Ù */
    border-top: 1px solid #533e29;
    border-left: 1px solid #533e29;
    border-bottom: none; /* ÇÏ´Ü Å׵θ®´Â ¹öÆ°¿¡ Á÷Á¢ ÁÙ ¿¹Á¤ÀÔ´Ï´Ù */
    box-sizing: border-box;
}

/* °³º° ¹öÆ° ±âº» ¼öÁ¤ */
.tab-btn {
    height: 60px; /* °¢ ¹öÆ°ÀÇ ³ôÀ̸¦ 60px·Î °íÁ¤ */
    background-color: #fff;
    border: none;
    border-right: 1px solid #533e29;
    border-bottom: 1px solid #533e29; /* 1Ãþ°ú 2ÃþÀ» ³ª´©´Â °¡·ÎÁÙÀ» À§ÇØ Ãß°¡ */
    font-size: 16px; /* ¸ð¹ÙÀÏÀ̹ǷΠÆùÆ® »çÀÌÁ Á¶±Ý ÁÙÀÌ´Â °ÍÀ» ÃßõÇÕ´Ï´Ù (±âÁ¸ 20px) */
    color: #533e29;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.3s;
}

/* ¸¶¿ì½º ¿À¹ö ¹× È°¼ºÈ­µÈ ÅÇ ½ºÅ¸ÀÏ (±âÁ¸°ú µ¿ÀÏ) */
.tab-btn:hover,
.tab-btn.active {
    background-color: #d7ccb5;
    color: #533e29;
}

/* ù ¹ø° ÁÙ (1, 2¹ø° ¹öÆ°): Àüü ³ÊºñÀÇ 50% Â÷Áö */
.tab-btn:nth-child(1),
.tab-btn:nth-child(2) {
    flex: 0 0 50%;
}

/* µÎ ¹ø° ÁÙ (3, 4, 5¹ø° ¹öÆ°): Àüü ³ÊºñÀÇ 33.3333% Â÷Áö */
.tab-btn:nth-child(3),
.tab-btn:nth-child(4),
.tab-btn:nth-child(5) {
    flex: 0 0 33.3333%;
}



        /* ÅÇ ÄÜÅÙÃ÷ ¿µ¿ª */
        .tab-content {
            display: none; /* ±âº»ÀûÀ¸·Î ¸ðµÎ ¼û±è */
            padding-top: 40px;
        }

        .tab-content.active {
            display: block; /* È°¼ºÈ­µÈ ÄÜÅÙÃ÷¸¸ º¸ÀÓ */
        }

        /* Å×ÀÌºí °øÅë ½ºÅ¸ÀÏ */
        .table-title {
            text-align: center;
            font-size: 24px;
            margin: 30px 0 15px 0;
            color: #000;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            text-align: center;
        }

        th, td {
            border: 1px solid #ccc;
            padding: 15px;
            font-size: 16px;
            color: #000;
            font-weight: 400;
        }

        /* Å×À̺í ÁÂÃø Ä«Å×°í¸® ¹è°æ»ö (À̹ÌÁö Âü°í) */
        td.bg-gray {
            background-color: #f2f2f2;
            width:20%;
        }

        /* °¡°Ý ÅؽºÆ® Ưȭ ½ºÅ¸ÀÏ */
        .table-title .price {
            color: #533e29;
            font-weight: 600;
            width:20%;
            font-size: 18px;
        }