@font-face {
  font-family: 'NanumGothic', 'Dotum', '돋움', sans-serif;
  font-family: 'Dotum', '돋움', sans-serif;
  font-weight: 600;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic', 'Dotum', '돋움', sans-serif;
  font-family: 'Dotum', '돋움', sans-serif;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic', 'Dotum', '돋움', sans-serif;
  font-family: 'Dotum', '돋움', sans-serif;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}
::selection {background:#f5f5f5;color:#000000;text-shadow: none; }
:root { --vh: 1vh; }
*{box-sizing:border-box}
html, body {margin:0;padding:0;width:100%;min-height:100svh;background-color:#ffffff;font-size:clamp(9px, 3.8vw, 30px);-webkit-text-size-adjust: 100%; text-size-adjust: 100%;overscroll-behavior:none;}
html, body, form, legend, label, option, button, fieldset, textarea, div, p, pre, blockquote, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li {margin:0;padding:0;}
legend {position:absolute;top:0;left:-9999em;}
img,video{max-width:100%;height:auto;display:block;vertical-align:top;border:0;}
button {cursor:pointer;}
fieldset {border:0;}
ol, ul, dl, li {list-style:none;}
a {text-decoration:none;font-family: 'NanumGothic', 'Dotum', '돋움', sans-serif;cursor:pointer;}
a:hover {text-decoration:underline;}
em {font-style:normal;}
table {table-layout:fixed;border-collapse:collapse;}
header, #container, .tabletMenuArea, .visualArea {*zoom:1;margin:0;}

input,textarea,select{
	-webkit-border-radius:0;
}
input:focus {
	-webkit-tap-highlight-color:transparent;
	outline:none;
}
button, html [type="button"] {
	appearance: none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
input[type='checkbox']{
	-webkit-appearance:checkbox;
}
input[type='radio']{
	-webkit-appearance:checkbox;
}

.catalog-wrap{
	margin:0 auto;
	padding:10px;
	width:100%;
	max-width:800px;
	box-sizing:border-box;
}

/* 전체 그리드 컨테이너 (섹션 블럭들을 세로로 쌓기) */
.catalog-grid{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}

/* ===== 섹션(단락) 카드 ===== */

/* 네비게이션용 앵커 */
.section-anchor{
	flex:0 0 100%;
	height:1px;
}

/* 섹션 하나(타이틀 + 이미지들)를 감싸는 박스 */
.section-block{
	flex:0 0 100%;
	margin:15px 0;
	padding:10px 8px 8px;
	background:#ffffff;
	border-radius:10px;
	box-shadow:0 2px 6px rgba(0,0,0,0.06);

	/* 여기서부터 이 섹션 안이 flex 그리드가 됨 */
	display:flex;
	flex-wrap:wrap;
}

/* 섹션 타이틀 영역 (한 줄 전체 차지) */
.section-title{
	flex:0 0 100%;
	display:flex;
	align-items:center;
	gap:10px;
	padding:4px 5px 10px;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:4px;
}

/* 안/목/매/… 초성 배지 */
.section-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:17px;
	background:#0b7cc7;
	color:#ffffff;
	font-weight:700;
	font-size:13pt;
}

/* 섹션 풀네임 */
.section-name{
	font-size:15pt;
	font-weight:700;
	color:#222222;
}

/* ===== 이미지 카드 ===== */

.catalog-item{
	padding:5px;
	flex:0 0 100%;      /* 기본: 모바일 1열 */
}

.catalog-item img{
	display:block;
	width:100%;
	height:auto;
	border-radius:6px;
	box-shadow:0 1px 4px rgba(0,0,0,0.12);
	background:#ffffff;
}

/* ===== 우측 초성/풀네임 네비 ===== */

.alpha-nav{
	position:fixed;
	bottom:20px;
	right:10px;
	background:rgba(255,255,255,0.95);
	border-radius:20px;
	box-shadow:0 2px 8px rgba(0,0,0,0.2);
	padding:6px;
	z-index:9999;
}

.alpha-btn{
    display:block;
    margin:4px 0;

    /* 브라우저 기본 버튼 스타일 제거 */
    border:none;
    outline:none;
    background:none;
    -webkit-appearance:none;
    appearance:none;

    /* 우리가 원하는 스타일 다시 입히기 */
    background:#0b7cc7;
    color:#ffffff;
    font-size:11pt;

    /* pill(알약) 느낌 */
    padding:4px 5px;
    line-height:1.2;
    border-radius:999px !important;   /* 여기 핵심 */
    overflow:hidden;                  /* 둥근부분 밖은 잘라내기 */

    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    box-sizing:border-box;

    cursor:pointer;

    transition:
        background-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.12s ease,
        padding 0.15s ease;
}

.alpha-btn.expanded{
    padding:4px 18px;
    max-width:150px;
    text-align:left;
    border-radius:999px !important;
    box-shadow:0 2px 6px rgba(0,0,0,0.18);
    background:#0a6ab0;
}

#idxtop {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:50px;
	vertical-align:top;
	background-color:#ffffff;
	z-index:99999;
}
.idxtopbox {
	margin:0;
	padding:0;
	width:100%;
	vertical-align:top;
	position:relative;
}
.idxtopbox img {
	margin-top:11px;
	margin-left:10px;
	border:0;
	cursor:pointer;
}
.idxtopbtn {
	position:absolute;
	top:-6px;
	right:10px;
}
.idxtopbtn_i {
	display:inline-block;
	padding:0;
	width:36px;
	height:36px;
	font-family: 'NanumGothic', 'Dotum', '돋움', sans-serif;font-size:16pt;letter-spacing:0pt;color:#000000;
	line-height:36px;
	text-align:center;
	vertical-align:top;
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-radius:10px;
}
.idxtopbtn_t {
	display:inline-block;
	padding:0;
	width:36px;
	height:36px;
	font-family: 'NanumGothic', 'Dotum', '돋움', sans-serif;font-size:16pt;letter-spacing:0pt;color:#000000;
	line-height:36px;
	text-align:center;
	vertical-align:top;
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-radius:10px;
}
/* ===== PC 전용 (가로 801px 이상부터 2열) ===== */
@media (min-width: 801px){
	/* 섹션 안에서 이미지 카드를 2열로 */
	.catalog-item{
		flex:0 0 50%;    /* 너비 50% = 좌우 한 쌍 */
	}
	.idxtopbox {
		margin:auto;
		padding:0;
		width:800px;
		vertical-align:top;
		position:relative;
	}
	.idxtopbtn_t {
		display:inline-block;
		width:160px;
		height:36px;
		font-family: 'NanumGothic', 'Dotum', '돋움', sans-serif;font-size:16pt;letter-spacing:0pt;color:#ffffff;
		line-height:32px;
		text-align:center;
		vertical-align:top;
		background-color:#ffffff;
		border:1px solid #cccccc;
		border-radius:10px;
		font-size:0;
		color:transparent;
	}
	.idxtopbtn_t::before {
		content:"010-3702-6402";
		display:block;
		border:1px solid #565656;
		border-radius:10px;
		font-size:13pt;
		font-weight: 800;
		color:#ffffff;
		background-color:#565656;
		line-height:32px;
	}
}
.idxtopbtn_i a {
	text-decoration:none;
	color:#000000;
}
.idxtopbtn_t a {
	text-decoration:none;
	color:#000000;
}
.idxbody {
	margin:50px auto 0;
	padding:0;
	width:100%;
	vertical-align:top;
}
.page1_bottom_nav_wrap{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#3a3a3a;
	z-index:9999;
	padding-bottom:env(safe-area-inset-bottom);
}

.page1_bottom_nav{
	width:100%;
	max-width:800px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.page1_bottom_nav_item{
	flex:1 1 25%;
	min-width:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:10px 6px 9px 6px;
	box-sizing:border-box;
	text-decoration:none;
	color:#fff;
}

.page1_bottom_nav_icon{
	width:24px;
	height:24px;
	display:block;
}

.page1_bottom_nav_icon svg{
	width:100%;
	height:100%;
	display:block;
	fill:#fff;
}

.page1_bottom_nav_text{
	display:block;
	font-size:11px;
	line-height:1.2;
	color:#fff;
	text-align:center;
	word-break:keep-all;
}

.page1_bottom_nav_item:hover{
	background:rgba(255,255,255,0.08);
}

.page1_bottom_nav_item:focus{
	outline:none;
	background:rgba(255,255,255,0.12);
}

body.page1_has_bottom_nav{
	padding-bottom:72px;
}