/* News ¼½¼Ç CSS */
.lt-news-section {
    width: 100%;
    background: #fff;
    padding: 60px 0px 70px 0px;
}

.lt-news-inner {
    width: 1180px;
    margin: 0 auto;
}

.lt-news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.lt-news-title {
    font-size: 32px;
    font-weight: 700;
}

.lt-news-more {
    font-size: 14px;
    color: #666;
    text-decoration: none;
}

.lt-news-content {
    display: flex;
    gap: 40px;
}

/* ¿ÞÂÊ ¸ÞÀÎ ´º½º */
.lt-news-main {
    width: 570px;
    display: flex;
    flex-direction: column;
    gap: 24px;
	overflow:hidden;
}

.lt-main-banner {
    height: 253.5px;
	overflow:hidden;
}

.lt-main-banner a {
    display: block;
    height: 100%;
    position: relative;
}

.lt-main-banner a:hover .lt-banner-img img {
    transform: scale(1.05);
}

.lt-banner-img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.lt-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 0.3s ease; /* ºÎµå·¯¿î È®´ë È¿°ú¸¦ À§ÇÑ Æ®·£Áö¼Ç */
}

/* ¹ÝÅõ¸í ·¹À̾î¿Í ÅؽºÆ® */
.lt-banner-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 18px 30px;
}

.lt-banner-text p {
    color: #fff;
    font-size: 20px;
    line-height: 1.45;
    margin: 0;
	font-weight: 400; /* ±âº» ÆùÆ® ¹«°Ô */
    transition: font-weight 0.3s ease; /* ºÎµå·¯¿î Àüȯ È¿°ú */
}

.lt-main-banner a:hover .lt-banner-text p {
    font-weight: 600; /* È£¹ö ½Ã ´õ µÎ²¨¿öÁö´Â È¿°ú */
}

/* ¿À¸¥ÂÊ ´º½º ¸®½ºÆ® */
.lt-news-list {
    width: 570px;
    /*height: 520px;*/
}

.lt-news-list ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lt-news-list li {
    /*height: 160px;*/
    border-bottom: 1px solid #eee;
    display: flex;
}

.lt-news-list li:first-child {
    border-top: none;
}

.lt-news-list li:last-child {
    border-bottom: none;
}

.lt-news-list li:first-child a {
    padding-top: 0;
    padding-bottom: 24px;
}

.lt-news-list li:last-child a {
    padding-bottom: 0;
    padding-top: 24px;
}

.lt-news-list a {
    display: flex;
    gap: 20px;
    padding: 24px 0;
    text-decoration: none;
    color: #222;
    width: 100%;
}

.lt-news-thumb {
    width: 160px;
    aspect-ratio:5/3;
    flex-shrink: 0;
	overflow: hidden; /* À̹ÌÁö È®´ë ½Ã ³ÑÄ¡´Â ºÎºÐ ¼û±è */
    position: relative; /* ÀÚ½Ä ¿ä¼Ò Æ÷Áö¼Å´×À» À§ÇØ Ãß°¡ */
}

.lt-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: all 0.3s ease; /* ºÎµå·¯¿î Àüȯ È¿°ú */
}


.lt-news-thumb:hover img {
    transform: scale(1.1); /* È£¹ö ½Ã À̹ÌÁö È®´ë */
}

.lt-news-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.lt-news-text strong {
    display: -webkit-box;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ´º½º ¼½¼Ç À̹ÌÁö È£¹ö È¿°ú */
.lt-news-list a:hover .lt-news-thumb img {
    transform: scale(1.1);
}

/* ´º½º ¼½¼Ç ÅؽºÆ® È£¹ö È¿°ú */
.lt-news-list a:hover .lt-news-text strong {
    color: #666;
}

.lt-news-text p {
    font-size: 14px;
    line-height: 1.5;
    color: #888;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* News ¼½¼Ç CSS ³¡ */




/* Luxury Resort ¼½¼Ç CSS */
.lt-resort-section {
    width: 100%;
    background: #f5f5f5;
    padding: 60px 0;
}

.lt-resort-inner {
    width: 1180px;
    margin: 0 auto;
}

.lt-resort-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 24px;
}

.lt-resort-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
}

.lt-resort-item {
    width: 100%;
    height: 356px;
    display: flex;
    flex-direction: column;
}

.lt-resort-item a {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: #222;
}

.lt-resort-img {
    width: 100%;
    height: 220.8px; /* 360px ¡À 5 ¡¿ 3 = 216px (Á¤È®ÇÑ 5:3 ºñÀ²) */
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.lt-resort-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.lt-resort-text {
	width:96%;
    height: 120px; /* ÅؽºÆ® ¿µ¿ª ³ôÀÌ Á¶Á¤ */
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lt-resort-text strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.lt-resort-text p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 42px; /* line-height * 2ÁÙ */
}

/* ±×¸®µå ¼öÁ¤ - ´õ ¸íÈ®ÇÑ ¿­ ³Êºñ */
.lt-resort-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    grid-auto-rows: 356px; /* À̹ÌÁö ³ôÀÌ + ÅؽºÆ® ¿µ¿ª ³ôÀÌ + ¸¶Áø */
}

/* À̹ÌÁö ÄÁÅ×À̳ʿ¡ ¸íÈ®ÇÑ ³Êºñ ¼³Á¤ */
@media (min-width: 1200px) {
    .lt-resort-item {
        width: 368px; /* (1180px - 80px(°¸ 2°³)) / 3 = 360px */
    }
    
    .lt-resort-img {
        width: 368px;
    }
}

/* È£¹ö È¿°ú */
.lt-resort-item a:hover .lt-resort-img img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.lt-resort-item a:hover .lt-resort-text strong {
    text-decoration: underline;
	text-decoration: none; /* È£¹ö ½Ã¿¡µµ ¹ØÁÙ ¾øÀ½ */
	color:#666;
}

/* Luxury Resort ¼½¼Ç CSS ³¡ */





/* Luxury Life Style & Columns Section CSS */
.lt-lifestyle-columns-section {
    width: 100%;
    background: #fff;
    padding: 70px 0 70px 0;
}

.lt-lifestyle-columns-inner {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

/* Life Style Area */
.lt-lifestyle-area {
    width: 810px;
    /*height: 322px; /* ¿À¸¥ÂÊ Ä÷³ ³ôÀÌ¿Í µ¿ÀÏÇÏ°Ô ¼³Á¤ */
    display: flex;
    flex-direction: column;
}

.lt-lifestyle-area-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 24px;
}


.lt-lifestyle-area-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lt-lifestyle-area-card {
    display: flex;
    gap: 30px;
    text-decoration: none;
    color: #222;
    /*height: 153px; /* (322px - 30px(ŸÀÌƲ+¸¶Áø) - 20px(Ä«µå °£°Ý)) / 2 */  
	border:1px solid #dbdbdb;
}

.lt-lifestyle-area-card:first-child {
    margin-bottom: 18px;	
}

.lt-lifestyle-card-img {
    width: 272px;
	aspect-ratio:5/3; /* 5:3 ºñÀ² ±âÁØÀ¸·Î Á¶Á¤ */
    flex-shrink: 0;
    overflow: hidden;
}

.lt-lifestyle-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lt-lifestyle-card-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lt-lifestyle-card-text strong {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
}

/* Lifestyle ¼½¼Ç À̹ÌÁö È£¹ö È¿°ú */
.lt-lifestyle-area-card:hover .lt-lifestyle-card-img img {
    transform: scale(1.1);
}

/* Lifestyle À̹ÌÁö Æ®·£Áö¼Ç Ãß°¡ */
.lt-lifestyle-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Lifestyle ÅؽºÆ® È£¹ö È¿°ú */
.lt-lifestyle-area-card:hover .lt-lifestyle-card-text strong {
    color: #666;
}

.lt-lifestyle-card-text p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
	padding-right:20px;
}

/* Columns Area */
.lt-lifestyle-columns-area {
    width: 322px; /* Ä÷³ À̹ÌÁö ³Êºñ·Î ¼öÁ¤ */
}

.lt-lifestyle-columns-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.lt-lifestyle-columns-title {
    font-size: 32px;
    font-weight: 700;
}

.lt-lifestyle-columns-content {
    width: 322px;

}

.lt-lifestyle-columns-banner {
    display: block;
    width: 100%;
    height: 100%;
}

.lt-lifestyle-columns-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Luxury Life Style & Columns Section CSS ³¡ */




/* Destination ¼½¼Ç CSS */
.lt-dest-section {
    width: 100%;
    background: #f5f5f5;
    padding: 70px 0px;
}

.lt-dest-inner {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
}

/* ¿ÞÂÊ ÅؽºÆ® ¿µ¿ª */
.lt-dest-text {
    width: 240px;
	margin-top:30px;
}

.lt-dest-about {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
	letter-spacing:0px;
}

.lt-dest-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.lt-dest-desc {
    font-size: 16px;
    color: #666;
}

/* ½½¶óÀÌ´õ ¿µ¿ª ¼öÁ¤ */
.lt-dest-slider-wrap {
    width: 880px;
    position: relative;
}

.lt-dest-slider {
    overflow: hidden;
}

.lt-dest-container {
    display: flex;
    transition: transform 0.5s ease;
}

.lt-dest-item {
    flex: 0 0 280px; /* Á¤È®È÷ 3µîºÐ (880px ¡À 3 - °£°Ý) */
    margin-right: 20px;
}

.lt-dest-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    background: #f0f0f0;
	aspect-ratio:5/3;
}

.lt-dest-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* ÇÁ·Î±×·¹½º ¹Ù ½ºÅ¸ÀÏ ¼öÁ¤ */
.lt-dest-progress {
    position: relative;
    margin-top: 40px;
    height: 1px;
    background: #ddd;
    width: 100%;
}

.lt-dest-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 33.333%; /* 3°³ ½½¶óÀ̵åÀ̹ǷΠ33.333% */
    background: #222;
    transition: transform 0.5s ease;
}


/* È£¹ö È¿°ú */
.lt-dest-item a:hover .lt-dest-img img {
    transform: scale(1.05);
}

.lt-dest-item a:hover strong {
    color: #666;
}

.lt-dest-location {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
	letter-spacing:0px;
}

.lt-dest-item strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.3s ease;
}

/* ³×ºñ°ÔÀÌ¼Ç ¹öÆ° */
.lt-dest-arrow {
    position: absolute;
    top: 25%; /* À̹ÌÁöÀÇ ³ôÀÌ°¡ ÀüüÀÇ Àý¹ÝÀ̹ǷÎ, ÀüüÀÇ 25%À§Ä¡°¡ À̹ÌÁöÀÇ Áß¾ÓÀÌ µË´Ï´Ù */
    transform: translateY(0%); /* Á¤È®ÇÑ Áß¾Ó Á¤·ÄÀ» À§ÇØ ÀÚ½ÅÀÇ ³ôÀÌÀÇ Àý¹Ý¸¸Å­ À§·Î À̵¿ */
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    cursor: pointer;
    z-index: 10;
    display: none; /* Ãʱ⿡´Â ¼û±è »óÅ */
}

.lt-dest-prev {
    left: -20px; /* ¿ÞÂÊ È­»ìÇ¥ À§Ä¡ */
}

.lt-dest-next {
    right: -20px; /* ¿À¸¥ÂÊ È­»ìÇ¥ À§Ä¡ */
}

/* È­»ìÇ¥ ¿øÇü ¹è°æ */
.lt-dest-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.lt-dest-icon {
    width: 10px;
    height: 10px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
}

.lt-dest-prev .lt-dest-icon {
    transform: rotate(-135deg);
    margin-left: 4px;
}

.lt-dest-next .lt-dest-icon {
    transform: rotate(45deg);
    margin-right: 4px;
}

/* ÇÁ·Î±×·¹½º ¹Ù ½ºÅ¸ÀÏ ¼öÁ¤ */
.lt-dest-progress {
    position: relative;
    margin-top: 40px;
    height: 2px; /* ³ôÀÌ Áõ°¡ */
    background: #eee;
    width: 100%;
    overflow: hidden;
}

.lt-dest-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 33.333%;
    background: linear-gradient(90deg, 
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 1) 50%,
        rgba(0, 0, 0, 0.8) 100%
    );
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* ±×¸²ÀÚ È¿°ú Ãß°¡ */
    transition: transform 0.5s ease;
    border-radius: 2px; /* ¸ð¼­¸® µÕ±Û°Ô */
}

/* ÇÁ·Î±×·¹½º ¹Ù È£¹ö È¿°ú */
.lt-dest-progress:hover .lt-dest-bar {
    background: linear-gradient(90deg, 
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 1) 50%,
        rgba(0, 0, 0, 0.9) 100%
    );
}
/* Destination ¼½¼Ç CSS ³¡ */




/* Gallery ¼½¼Ç CSS */
.lt-gallery-section {
    width: 100%;
    padding: 50px 0 90px 0;
    background: #fff;
}

.lt-gallery-inner {
    width: 1180px;
    margin: 0 auto;
}

.lt-gallery-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.lt-gallery-list {
    display: flex;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.lt-gallery-item {
    flex: 1;
    text-decoration: none;
    color: #222;
}

.lt-gallery-img {
    width: 212px;
    aspect-ratio: 5/3;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.lt-gallery-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* È£¹ö È¿°ú */
.lt-gallery-item:hover .lt-gallery-img img {
    transform: scale(1.05);
}

.lt-gallery-item:hover strong {
    color: #666;
    font-weight: 600;
}

.lt-gallery-text {
    padding: 0 5px;
}

.lt-gallery-location {
    display: block;
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
	letter-spacing:0px;
}

.lt-gallery-text strong {
    font-size: 16px;
    line-height: 1.4;
    transition: all 0.3s ease;
}

/* ¸ð´Þ ½ºÅ¸ÀÏ */
.lt-gallery-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.lt-modal-content {
    position: relative;
    width: 80%;
    max-width: 1000px;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
}

.lt-modal-image {
    width: 100%;
    margin-bottom: 20px;
}

.lt-modal-image img {
    width: 100%;
    height: auto;
}

.lt-modal-text {
    padding: 0 10px;
}

.lt-modal-location {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.lt-modal-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
}

.lt-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
}

.lt-modal-close:hover {
    color: #222;
}
/* Gallery ¼½¼Ç CSS ³¡ */