@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Light.woff2') format('woff2'),
		url('./fonts/Pretendard-Light.woff') format('woff'),
		url('./fonts/Pretendard-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Regular.woff2') format('woff2'),
		url('./fonts/Pretendard-Regular.woff') format('woff'),
		url('./fonts/Pretendard-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Medium.woff2') format('woff2'),
		url('./fonts/Pretendard-Medium.woff') format('woff'),
		url('./fonts/Pretendard-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-SemiBold.woff2') format('woff2'),
		url('./fonts/Pretendard-SemiBold.woff') format('woff'),
		url('./fonts/Pretendard-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Bold.woff2') format('woff2'),
		url('./fonts/Pretendard-Bold.woff') format('woff'),
		url('./fonts/Pretendard-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

/* 레이아웃 공용 유틸 - 푸터 안에서 class="wid"로 4군데 사용됨 */
.wid{width: calc(100% - 30px); max-width: 1400px; margin: 0 auto;}

/* 푸터 본체 */
.footer-n26{font-family: 'Pretendard';}
.footer-n26 *{font-family: inherit; }
.ft-tp{border-top: 1px solid #ccdbd9; border-bottom: 1px solid #ccdbd9;}
.ft-familysite{display: flex; flex-wrap: wrap; border-left: 1px solid #ccdbd9; }
.ft-familysite > li{width: 20%; position: relative;}
.ft-familysite > li > a{display: flex; align-items: center; height: 52px; font-size: 18px; line-height: 22px; color: #333; padding-left: 15px; background: #fff; border-right: 1px solid #ccdbd9; position: relative; outline-offset: -2px;}
.ft-familysite > li > a:after{content: ''; position: absolute; width: 14px; height: 8px; right: 15px; top: 50%; margin-top: -4px; background: url(/resources/www/images/main2026/ft_fs_arr.png) no-repeat; }
.ft-familysite > li.on > a{background: #f1f4fc;}
.ft-familysite > li.on > a:after{transform: rotate(180deg);}
.ft-familysite > li > div{display: none; position: absolute; left: -1px; right: 0; bottom: 100%; padding: 20px; padding-right: 3px; background: #fff; border: 1px solid #ccdbd9; border-radius: 15px 15px 0 0;}
.ft-familysite > li > div > ul{padding: 3px; max-height: 182px; line-height: 1; overflow-y: auto;}
.ft-familysite > li > div > ul > li + li{margin-top: 6px;}
.ft-familysite > li > div > ul > li > a{display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; color: #555; padding-left: 12px; position: relative;}
.ft-familysite > li > div > ul > li > a:before{content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #dce2f1;}
.ft-md > .wid{display: flex; flex-wrap: wrap; align-items: center; padding: 25px 0; gap: 30px; border-bottom: 1px solid #ccdbd9;}
.ft-md .ft-tel{font-size: 18px; color: #333; line-height: 22px;}
.ft-md .ft-tel > *{display: inline-block;}
.ft-bm{padding: 20px 0 40px;}
.ft-bm .ft-lk{display: flex; flex-wrap: wrap; gap: 35px;}
.ft-bm .ft-lk > a{display: block; font-size: 16px; line-height: 20px; color: #333;}
.ft-bm .ft-lk > a.prv{font-weight: 700; color: #1a5f59;}
.ft-bm .tx-mk{display: flex; justify-content: space-between; margin-top: 30px; }
.ft-bm .tx-mk .adr{font-weight: 700; font-size: 18px; line-height: 22px; color: #333; margin-bottom: 16px;}
.ft-bm .tx-mk .cpr{font-size: 15px; color: #909090; line-height: 20px;}
.ft-bm .tx-mk .cpr > span{display: inline-block;}

/* 반응형 - main26.css의 해당 미디어쿼리 블록에서 .ft-* / .wid 관련 규칙만 추출 */
@media screen and (max-width: 1200px) {
.ft-tp > .wid{width: 100%;}
.ft-familysite > li{width: 30%; flex-grow: 1; border-top: 1px solid #ccdbd9; margin-top: -1px;}
.ft-bm .ft-lk{gap: 8px 20px;         letter-spacing: -0.5px;}
}

@media screen and (max-width: 1024px) {
.ft-md .ft-tel{font-size: 16px; line-height: 20px;}
.ft-bm .ft-lk{gap: 8px 20px; max-width: 750px;}
.ft-bm .tx-mk .mark{display: none;}
}

@media screen and (max-width: 750px) {
.ft-md > .wid{gap: 10px 20px;}
.ft-logo{width: 100%;}
}

@media screen and (max-width: 700px) {
.ft-familysite > li{width: 50%;}
.ft-familysite > li > a{height: 45px; font-size: 16px; line-height: 20px; letter-spacing: -1px;}
.ft-md > .wid{padding: 15px 0;}
}

@media screen and (max-width: 500px) {
.ft-familysite{border-left: none;}
.ft-familysite > li{width: 100%;}
.ft-familysite > li > a{border-right: none;}
.ft-familysite > li > div{left: 0;}
.ft-bm .tx-mk{margin-top: 20px;}
.ft-bm .tx-mk .adr{font-size: 16px; line-height: 20px; letter-spacing: -1px; margin-bottom: 10px;}
.ft-bm .tx-mk .cpr{font-size: 14px; letter-spacing: -0.6px;}
}