/* PC-first (񃧯 = PC) */
/* ==========================
COMMON
========================== */
:root {
	--key-color: #2C5BF6;
	--text-color: #555;
}
.text-center {text-align: center;}

.loc-page {max-width: 1200px; margin: 0 auto;}
.loc-contents {margin-bottom: clamp(30px, calc(30px + (50 - 30) * ((100vw - 360px) / 840)), 50px); letter-spacing: -0.01em;}

.loc-tab-group {min-height: 41px;}
.loc-tab {width: 100%; z-index: 99; background: #fff;}
.loc-tab.is-fixed {position: fixed; top: 60px; left: 0; }
.loc-tab.is-fixed .tab {max-width: 1200px; margin: 0 auto;}

.loc-tab .tab-slider {border-bottom: 1px solid #DBDEE5;}
.loc-tab .tab-list {border: none;}
.loc-tab .tab-btn {height: 52px; font-size: 16px; }
.loc-tab .tab-btn a {font-weight: 500;}
.loc-tab .tab-btn.is-on a {font-weight: 700;}
.loc-tab .tab-e .tab-btn.is-on::after {bottom: 0; height: 3px;}

.loc-contents .tab-content {margin-top: 50px;}
.loc-contents .tab-content .tit {display: flex; justify-content: space-between; align-items: end; margin-bottom: clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / 840)), 24px);}
.loc-contents .tab-content .tit .left {display: flex; flex-direction: column; gap: 4px;}
.loc-contents .tab-content .tit h3 {font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 360px) / 840)), 24px); line-height: 1.3;}
.loc-contents .tab-content .tit p {color: #555; line-height: 1.4;}
.loc-contents .swiper-buttons {position: relative; display: flex; gap: 8px;}
.loc-contents .swiper-buttons .button{position: static; width: 37px; height: 37px; border-radius: 100%; border: 1px solid #B1B1B1; background: #fff; background-repeat: no-repeat; background-position: center;}
.loc-contents .swiper-buttons .button svg {display: none;}
.loc-contents .swiper-buttons .swiper-button-prev {background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.29981 0.799988L0.799806 8.29999L8.2998 15.8' stroke='%23777777' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.loc-contents .swiper-buttons .swiper-button-next {background-position: 52% center; background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.799803 0.799988L8.2998 8.29999L0.799805 15.8' stroke='%23777777' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");}

.gallery-swiper {overflow: hidden;}
.gallery-swiper .swiper-slide {border-radius: 10px; overflow: hidden;}

.thumb-swiper {overflow: hidden; margin-top: clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / 840)), 24px);}
.thumb-swiper .swiper-slide {border-radius: 10px; overflow: hidden; cursor: pointer;}
.thumb-swiper .swiper-slide.active:before{content:''; position: absolute; inset:0; border-radius: 10px; border: 3px solid #000;}

.loc-contents .swiper-slide img {width: 100%;}
.loc-contents .note {margin-top: clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / 840)), 24px); font-size: 13px; color: #B1B1B1; text-align: right; line-height: 1.4;}

@media (min-width: 768px){
	.loc-tab.is-fixed.down {top: 0;}
	.loc-tab .tab .tab-btn {flex: 1;}
}
@media (min-width: 1200px){
}
/* ÅÂºí¸´ (768px ~ 1199px) */
@media (max-width: 1199px){
	.loc-page {padding: 0 16px;}

	.loc-tab-group {margin: 0 -16px;}
	.loc-tab .tab-list {padding: 0;}
	
}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width: 767px){
	.loc-tab.is-fixed {top: 55px;}
	.loc-tab .tab-list {width: 100%; gap: 0;}
	.loc-tab .tab-list-gisuk .tab-btn {flex: 1;}
	.loc-tab .tab-btn {width: auto; min-width: 25%; height: 41px; padding: 0; font-size: 14px;}
	.loc-tab .tab-btn a {padding: 0 5px;}

	.loc-contents .tab-content {margin-top: 30px;}
	.loc-contents .tab-content .tit p {font-size: 14px;}
	.loc-contents .swiper-buttons {display: none;}
	.thumb-swiper {margin-left: -16px; margin-right: -16px;}
}