@charset "utf-8";

/*
 * intro_D1 하단 안내 영역 전용 CSS
 * 적용 영역: 상품별 결합요금 상세 안내 / 결합서비스 가입조건 / 할인반환금 할인율
 */

/* ===== 하단 결합 안내 영역 리폼 ===== */
#internet .kt-detail-guide {
	clear:both;
	margin:28px 0 0 0;
	font-family:'맑은 고딕','Malgun Gothic',Dotum,sans-serif;
}
#internet .kt-guide-summary {
	position:relative;
	margin:0 0 14px 0;
	padding:20px 22px;
	border:1px solid #e4ebf5;
	border-radius:18px;
	background:#f7faff;
	box-shadow:0 10px 28px rgba(24,62,115,0.08);
	box-sizing:border-box;
	text-align:left;
}
#internet .kt-guide-summary:before {
	content:'';
	position:absolute;
	left:0;
	top:18px;
	bottom:18px;
	width:5px;
	border-radius:0 10px 10px 0;
	background:#1d6ff2;
}
#internet .kt-guide-summary strong {
	display:block;
	font-size:22px;
	line-height:1.35;
	letter-spacing:-1px;
	color:#13233d;
	font-weight:800;
}
#internet .kt-guide-summary span {
	display:block;
	margin-top:6px;
	font-size:14px;
	line-height:1.45;
	letter-spacing:-0.5px;
	color:#66758d;
}
#internet .kt-detail-guide dt.slideDT.kt-guide-title {
	display:flex !important;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	width:100% !important;
	min-height:66px;
	margin:0 0 10px 0 !important;
	padding:16px 20px !important;
	border:1px solid #e3eaf5 !important;
	border-radius:16px !important;
	background:#ffffff !important;
	box-shadow:0 8px 22px rgba(21,45,84,0.07);
	box-sizing:border-box;
	cursor:pointer;
	transition:all .22s ease;
	text-align:left !important;
}
#internet .kt-detail-guide dt.slideDT.kt-guide-title:hover {
	border-color:#b9cff1 !important;
	box-shadow:0 12px 28px rgba(29,111,242,0.12);
	transform:translateY(-1px);
}
#internet .kt-guide-title .kt-guide-left {
	display:flex;
	align-items:center;
	gap:13px;
	min-width:0;
}
#internet .kt-guide-title .kt-guide-no {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 40px;
	width:40px;
	height:40px;
	border-radius:13px;
	background:#eef5ff;
	color:#1d6ff2;
	font-size:15px;
	font-weight:800;
	letter-spacing:-0.4px;
}
#internet .kt-guide-title .kt-guide-copy {
	display:block;
	min-width:0;
}
#internet .kt-guide-title .kt-guide-copy strong {
	display:block;
	font-size:18px;
	line-height:1.25;
	letter-spacing:-0.8px;
	color:#17233a;
	font-weight:800;
}
#internet .kt-guide-title .kt-guide-copy small {
	display:block;
	margin-top:4px;
	font-size:13px;
	line-height:1.35;
	letter-spacing:-0.4px;
	color:#7a8799;
	font-weight:400;
}
#internet .kt-guide-title .kt-guide-arrow {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 34px;
	width:34px;
	height:34px;
	border-radius:50%;
	background:#f4f7fb;
}
#internet .kt-guide-title .kt-guide-arrow img {
	width:14px !important;
	height:auto !important;
	opacity:.68;
}
#internet .kt-detail-guide dd.slideDD.kt-guide-panel {
	width:100% !important;
	margin:-2px 0 16px 0 !important;
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
	box-sizing:border-box;
}
#internet .kt-guide-panel-inner {
	padding:20px;
	border:1px solid #e5edf7;
	border-radius:18px;
	background:#fbfdff;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.9), 0 8px 24px rgba(23,54,96,0.06);
	box-sizing:border-box;
	overflow:hidden;
}
#internet .kt-guide-panel .tableText {
	margin:0 0 12px 0 !important;
	padding:11px 14px;
	border-radius:12px;
	background:#eef5ff;
	color:#24466f;
	font-size:14px;
	line-height:1.45;
	letter-spacing:-0.4px;
	text-align:left;
}
#internet .kt-guide-panel table.charge,
#internet .kt-guide-panel table.tbBase {
	width:100% !important;
	border-collapse:separate !important;
	border-spacing:0 !important;
	border:1px solid #dce6f3 !important;
	border-radius:14px;
	background:#ffffff;
	overflow:hidden;
	box-shadow:0 6px 16px rgba(21,45,84,0.04);
}
#internet .kt-guide-panel table.charge th,
#internet .kt-guide-panel table.tbBase th {
	padding:13px 10px !important;
	border:0 !important;
	border-right:1px solid rgba(255,255,255,0.24) !important;
	background:#20395f !important;
	color:#ffffff !important;
	font-size:14px !important;
	line-height:1.35 !important;
	letter-spacing:-0.5px;
	font-weight:700 !important;
	text-align:center !important;
}
#internet .kt-guide-panel table.charge th:last-child,
#internet .kt-guide-panel table.tbBase th:last-child {
	border-right:0 !important;
}
#internet .kt-guide-panel table.charge td,
#internet .kt-guide-panel table.tbBase td,
#internet .kt-guide-panel table.tbBase Td {
	padding:12px 10px !important;
	border:0 !important;
	border-right:1px solid #edf2f8 !important;
	border-bottom:1px solid #edf2f8 !important;
	background:#ffffff !important;
	color:#263346 !important;
	font-size:14px !important;
	line-height:1.45 !important;
	letter-spacing:-0.45px;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
}
#internet .kt-guide-panel table.charge tr:last-child td,
#internet .kt-guide-panel table.tbBase tr:last-child td {
	border-bottom:0 !important;
}
#internet .kt-guide-panel table.charge td:last-child,
#internet .kt-guide-panel table.tbBase td:last-child,
#internet .kt-guide-panel table.tbBase Td:last-child {
	border-right:0 !important;
}
#internet .kt-guide-panel .tdTopRight p,
#internet .kt-guide-panel td p[style*='red'],
#internet .kt-guide-panel td p[style*='red'] {
	margin:0 !important;
	color:#1d6ff2 !important;
	font-weight:800 !important;
}
#internet .kt-guide-panel .baseTdFirst,
#internet .kt-guide-panel .tdTop[colspan],
#internet .kt-guide-panel .tdTop[rowspan],
#internet .kt-guide-panel .tdFist {
	background:#f6f9fd !important;
	font-weight:700 !important;
	color:#1a2e4c !important;
}
#internet .kt-guide-panel td.tbRight,
#internet .kt-guide-panel .tbRight {
	text-align:center !important;
}
#internet .kt-guide-panel .tbRight br {
	line-height:1.75;
}
#internet .kt-guide-panel ul.internetList {
	margin:14px 0 0 0 !important;
	padding:14px 16px !important;
	border:1px solid #e6edf6;
	border-radius:14px;
	background:#ffffff;
	box-sizing:border-box;
	text-align:left;
}
#internet .kt-guide-panel ul.internetList li {
	position:relative;
	margin:0 0 7px 0 !important;
	padding:0 0 0 12px !important;
	color:#586577 !important;
	font-size:13px !important;
	line-height:1.6 !important;
	letter-spacing:-0.35px;
	list-style:none !important;
	text-align:left;
}
#internet .kt-guide-panel ul.internetList li:before {
	content:'';
	position:absolute;
	left:0;
	top:.72em;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#1d6ff2;
}
#internet .kt-guide-panel ul.internetList li:last-child {
	margin-bottom:0 !important;
}
#internet .kt-guide-panel .homePlus {
	border:1px solid #dfe8f5 !important;
	border-radius:18px;
	background:#ffffff;
	overflow:hidden;
	box-shadow:0 8px 18px rgba(21,45,84,0.04);
}
#internet .kt-guide-panel .homePlus p.homePlusTit {
	background:#eef5ff !important;
	color:#183352 !important;
	font-size:19px !important;
	letter-spacing:-0.8px;
}
#internet .kt-guide-panel .homePlus li {
	border-bottom:1px solid #edf2f8 !important;
}
#internet .kt-guide-panel .homePlus p.homePlusT01 {
	color:#17233a !important;
	letter-spacing:-0.8px;
}
#internet .kt-guide-panel .homePlus p.homePlusT01 span {
	color:#1d6ff2 !important;
}


/* ===== 표 선 구분 강화 / 결합서비스 가입조건 표 재정리 ===== */
#internet .kt-guide-panel table.charge,
#internet .kt-guide-panel table.tbBase {
	border-collapse:collapse !important;
	border-spacing:0 !important;
	border:1px solid #aebed2 !important;
	border-radius:0 !important;
	box-shadow:0 8px 18px rgba(21,45,84,0.06) !important;
}
#internet .kt-guide-panel table.charge th,
#internet .kt-guide-panel table.tbBase th {
	border:1px solid #6f8198 !important;
	background:#213a60 !important;
}
#internet .kt-guide-panel table.charge td,
#internet .kt-guide-panel table.tbBase td,
#internet .kt-guide-panel table.tbBase Td {
	border:1px solid #b9c7d8 !important;
	background:#ffffff !important;
}
#internet .kt-guide-panel table.charge tbody tr:nth-child(even) td,
#internet .kt-guide-panel table.tbBase tbody tr:nth-child(even) td,
#internet .kt-guide-panel table.tbBase tbody tr:nth-child(even) Td {
	background:#f7f9fc !important;
}
#internet .kt-guide-panel table.charge .tdTopRight,
#internet .kt-guide-panel table.tbBase .tbRight {
	background:#fbfdff !important;
}
#internet .kt-guide-panel .baseTdFirst,
#internet .kt-guide-panel .tdTop[colspan],
#internet .kt-guide-panel .tdTop[rowspan],
#internet .kt-guide-panel .tdFist {
	background:#edf4fb !important;
	font-weight:700 !important;
	color:#162d4a !important;
}
#internet .kt-guide-panel table.kt-condition-table {
	table-layout:fixed !important;
}
#internet .kt-guide-panel table.kt-condition-table .kt-condition-col-title {
	width:22%;
}
#internet .kt-guide-panel table.kt-condition-table .kt-condition-col-detail {
	width:78%;
}
#internet .kt-guide-panel table.kt-condition-table td {
	text-align:left !important;
	line-height:1.65 !important;
	word-break:keep-all;
}
#internet .kt-guide-panel table.kt-condition-table td.baseTdFirst {
	text-align:center !important;
	white-space:nowrap;
}
#internet .kt-guide-panel table.kt-condition-table .kt-detail-list {
	margin:0;
	padding:0;
	list-style:none;
}
#internet .kt-guide-panel table.kt-condition-table .kt-detail-list li {
	position:relative;
	margin:0 0 5px 0 !important;
	padding:0 0 0 10px !important;
	font-size:14px !important;
	line-height:1.55 !important;
	color:#263346 !important;
	text-align:left !important;
	list-style:none !important;
}
#internet .kt-guide-panel table.kt-condition-table .kt-detail-list li:before {
	content:'';
	position:absolute;
	left:0;
	top:.72em;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#1d6ff2;
}
#internet .kt-guide-panel table.kt-condition-table .kt-detail-list li:last-child {
	margin-bottom:0 !important;
}
#internet .kt-guide-panel .kt-note-list {
	margin:0 0 14px 0 !important;
	background:#f2f7ff !important;
	border-color:#c9d9ef !important;
}


/* ===== 모바일 표 잘림 방지 / 표별 반응형 정리 ===== */
#internet .kt-guide-panel .kt-mobile-table-wrap {
	width:100% !important;
	max-width:100% !important;
	margin:0 0 14px 0 !important;
	box-sizing:border-box !important;
}
#internet .kt-guide-panel .kt-mobile-table-wrap table {
	margin:0 !important;
}

@media screen and (max-width: 768px) {
	#internet .kt-guide-summary {
		padding:17px 16px 17px 18px;
		border-radius:14px;
	}
	#internet .kt-guide-summary strong {
		font-size:18px;
	}
	#internet .kt-guide-summary span {
		font-size:13px;
	}
	#internet .kt-detail-guide dt.slideDT.kt-guide-title {
		min-height:62px;
		padding:14px 13px !important;
		border-radius:14px !important;
		gap:8px;
	}
	#internet .kt-guide-title .kt-guide-no {
		flex-basis:34px;
		width:34px;
		height:34px;
		border-radius:11px;
		font-size:13px;
	}
	#internet .kt-guide-title .kt-guide-copy strong {
		font-size:15px;
		letter-spacing:-0.7px;
	}
	#internet .kt-guide-title .kt-guide-copy small {
		font-size:12px;
	}
	#internet .kt-guide-title .kt-guide-arrow {
		flex-basis:30px;
		width:30px;
		height:30px;
	}
	#internet .kt-guide-panel-inner {
		padding:12px;
		border-radius:14px;
		overflow-x:auto;
	}
	#internet .kt-guide-panel table.charge,
	#internet .kt-guide-panel table.tbBase {
		min-width:650px;
	}
	#internet .kt-guide-panel table.tbBase td,
	#internet .kt-guide-panel table.tbBase Td,
	#internet .kt-guide-panel table.charge td {
		font-size:13px !important;
		padding:10px 8px !important;
	}
	#internet .kt-guide-panel ul.internetList {
		padding:12px 13px !important;
	}
	#internet .kt-guide-panel table.kt-condition-table {
		min-width:560px !important;
	}
	#internet .kt-guide-panel table.kt-condition-table .kt-condition-col-title {
		width:26%;
	}
	#internet .kt-detail-guide,
	#internet .kt-detail-guide * {
		box-sizing:border-box !important;
	}
	#internet .kt-detail-guide {
		width:100% !important;
		max-width:100% !important;
		overflow:hidden !important;
	}
	#internet .kt-guide-panel-inner {
		width:100% !important;
		max-width:100% !important;
		padding:10px !important;
		overflow:visible !important;
	}
	#internet .kt-guide-panel .kt-mobile-table-wrap {
		overflow-x:auto !important;
		overflow-y:hidden !important;
		-webkit-overflow-scrolling:touch;
		border:1px solid #9fb0c6 !important;
		border-radius:12px !important;
		background:#ffffff !important;
	}
	#internet .kt-guide-panel .kt-mobile-table-wrap:before {
		content:'표가 넓은 경우 좌우로 밀어서 확인하세요';
		display:block;
		padding:7px 10px;
		border-bottom:1px solid #c4d0df;
		background:#f1f6ff;
		color:#3d5879;
		font-size:11px;
		line-height:1.35;
		letter-spacing:-0.5px;
		text-align:left;
	}
	#internet .kt-guide-panel .kt-mobile-table-wrap table.charge,
	#internet .kt-guide-panel .kt-mobile-table-wrap table.tbBase {
		border:0 !important;
		border-radius:0 !important;
		box-shadow:none !important;
	}
	#internet .kt-guide-panel .kt-charge-wrap table.charge {
		width:720px !important;
		min-width:720px !important;
		max-width:none !important;
		table-layout:fixed !important;
	}
	#internet .kt-guide-panel .kt-charge-wrap table.charge th,
	#internet .kt-guide-panel .kt-charge-wrap table.charge td {
		font-size:11px !important;
		line-height:1.32 !important;
		padding:7px 4px !important;
		letter-spacing:-0.6px !important;
		word-break:keep-all !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap,
	#internet .kt-guide-panel .kt-refund-wrap {
		overflow-x:hidden !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap:before,
	#internet .kt-guide-panel .kt-refund-wrap:before {
		display:none !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap table.kt-condition-table,
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase {
		width:100% !important;
		min-width:0 !important;
		max-width:100% !important;
		table-layout:fixed !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap table.kt-condition-table .kt-condition-col-title {
		width:30% !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap table.kt-condition-table .kt-condition-col-detail {
		width:70% !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap table.kt-condition-table th,
	#internet .kt-guide-panel .kt-condition-wrap table.kt-condition-table td,
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase th,
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase td,
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase Td {
		font-size:12px !important;
		line-height:1.42 !important;
		padding:8px 5px !important;
		letter-spacing:-0.55px !important;
		word-break:keep-all !important;
		white-space:normal !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap table.kt-condition-table td {
		text-align:left !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap table.kt-condition-table td.baseTdFirst,
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase td.baseTdFirst {
		text-align:center !important;
		font-size:12px !important;
		font-weight:700 !important;
	}
	#internet .kt-guide-panel .kt-condition-wrap .kt-detail-list li {
		font-size:12px !important;
		line-height:1.45 !important;
		padding-left:8px !important;
		word-break:keep-all !important;
	}
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase th:nth-child(1),
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase td:nth-child(1) {
		width:24% !important;
	}
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase th:nth-child(2),
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase td:nth-child(2),
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase Td:nth-child(2) {
		width:48% !important;
	}
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase th:nth-child(3),
	#internet .kt-guide-panel .kt-refund-wrap table.tbBase td:nth-child(3) {
		width:28% !important;
	}
}