@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:50px auto 0;      /* top 50px = Çì´õ ³ôÀ̸¸Å­ */
	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;
}
.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;
	width:42px;
	height:42px;
	font-family: 'NanumGothic', 'Dotum', 'µ¸¿ò', sans-serif;font-size:18pt;letter-spacing:0pt;color:#000000;
	line-height:42px;
	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 {
		position:absolute;
		top:-6px;
		right:10px;
		width:160px;
		height:40px;
		font-family: 'NanumGothic', 'Dotum', 'µ¸¿ò', sans-serif;font-size:18pt;letter-spacing:0pt;color:#ffffff;
		line-height:40px;
		text-align:center;
		vertical-align:top;
		background-color:#ffffff;
		border:1px solid #cccccc;
		border-radius:10px;
		font-size:0;
		color:transparent;
	}
	.idxtopbtn::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:40px;
	}
}
.idxtopbtn a {
	text-decoration:none;
	color:#000000;
}