::selection { background:#000000; color:#ffffff; text-shadow:none;}
html, body {width:100%;min-height:100%;font-size:12px;font-family: 'NanumGothic', 'Gulim', sans-serif;color:#ffffff;background-color:#000000;}
html, body, form, legend, label, option, button, fieldset, textarea, div, p, pre, blockquote, img, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li {margin:0;padding:0;font-size:12pt;font-family:'NanumGothic',sans-serif;line-height:22px;}
legend {position:absolute;top:0;left:-9999em;}
img {vertical-align:top;border:0;}
button {cursor:pointer;}
fieldset, img {border:0;}
ol, ul, dl, li {list-style:none;}
a {text-decoration:none;font-family:'NanumGothic',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;}

.bodys {
	margin:0;
	padding:0;
	width:100%;
	height:100vh;
}
.pc-wrap {
	position:fixed;
	top:50%;
	left:50%;
	width:1100px;
	height:500px;
	transform:translate(-50%, -50%);
	text-align:right;
	z-index:0;
	pointer-events:none;
}
.mobile-wrap {
	margin:0 auto;
	width:1100px;
	height:100vh;
	vertical-align:top;
	text-align:left;
	z-index:2;
}
.mobile-idx {
	margin:0;
	padding-bottom:100px;
	width:375px;
	min-width:320px;
	background-color:#ffffff;
	vertical-align:top;
	text-align:left;
}



/*index slider*/
.idx20251219_slider{
	width:100%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.idx20251219_track{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	gap:0;
	overflow-x:auto;
	overflow-y:hidden;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
	-ms-overflow-style:none;
	cursor:grab;
	touch-action:pan-x;
	user-select:none;
}
.idx20251219_track::-webkit-scrollbar{ display:none; }
.idx20251219_track.idx20251219_dragging{
	cursor:grabbing;
	scroll-snap-type:none;
}
.idx20251219_item{
	flex:0 0 100%;
	scroll-snap-align:start;
}
.idx20251219_item a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
.idx20251219_item img{
	display:block;
	width:100%;
	object-fit:cover;
	-webkit-user-drag:none;
	user-select:none;
	pointer-events:none;
}
.idx20251219_arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:28px;
	height:48px;
	background:rgba(0,0,0,0.35);
	border:none;
	padding:0;
	cursor:pointer;
	z-index:20;
	border-radius:6px;
}
.idx20251219_arrow::before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:10px;
	height:10px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:translate(-50%,-50%) rotate(45deg);
}
.idx20251219_prev{ left:8px; }
.idx20251219_prev::before{ transform:translate(-50%,-50%) rotate(-135deg); }
.idx20251219_next{ right:8px; }
.idx20251219_arrow:hover{ background:rgba(0,0,0,0.55); }



/*지역상품*/
.idx_main_1 {
	margin:0;
	padding:20px 0;
	width:100%;
	border-bottom:1px dotted #cccccc;
	vertical-align:top;
	text-align:left;
	z-index:9999;
}
.idx_main_1_1 {
	margin:0;
	padding:5px 10px;
	font-family:'NanumGothic',sans-serif;font-size:12pt;letter-spacing:0pt;color:#000000;
	line-height:40px;
	font-weight:600;
}
.idx_main_1_2 {
	margin:0;
	padding:0;
	width:100%;
	vertical-align:top;
	text-align:left;
}
.idx_main_1_2 ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.idx_main_1_2 ul li {
	width:33%;
	box-sizing:border-box;
	text-align:center;
}
.idx_main_1_2_li_1 {
	margin:0 auto;
	padding:0;
	width:96%;
	vertical-align:top;
	text-align:center;
}
.idx_main_1_2_li_1 img {
	width:100%;
	border-radius:10px;
	border:0;
}
.idx_main_1_2_li_2 {
	margin:0 auto;
	padding:0;
	width:96%;
	font-family:'NanumGothic',sans-serif;font-size:10pt;letter-spacing:0pt;color:#000000;
	vertical-align:top;
	text-align:center;
}



.bottoms {
	position:fixed;
	bottom:0;
	left:50%;
	width:1100px;
	transform:translateX(-50%);
	text-align:left;
	z-index:1000;
}
.bottoms_dv {
	margin:0;
	padding:5px 0;
	width:375px;
	background: rgba(86, 86, 86, 0.9);
	position:relative;
}
.bottoms_dv ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:center;
	gap:10px;
}
.bottoms_dv ul li {
	width:20%;
	max-width:100px;
	box-sizing:border-box;
	font-family:'NanumGothic',sans-serif;font-size:14pt;letter-spacing:0pt;color:#ffffff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	position:relative;
}
.tooltip-text{
    position:absolute;
    bottom:120%;                 /* 아이콘 위 */
    left:50%;
    transform:translateX(-50%);
    padding:5px 10px;
    font-size:11px;
    color:#fff;
    background:rgba(0,0,0,0.75);
    border-radius:6px;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.2s ease;
}

/* 말풍선 화살표 */
.tooltip-text::after{
    content:'';
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    border-width:5px;
    border-style:solid;
    border-color:rgba(0,0,0,0.75) transparent transparent transparent;
}

/* hover 시 노출 */
.bottoms_dv ul li:hover .tooltip-text{
    opacity:1;
}

#topbar{
	position:fixed;
	top:0;
	left:50%;
	width:1100px;
	transform:translate(-50%, -100%);
	transition:transform 0.25s ease;
	text-align:left;
	z-index:1002;
}
#topbar.show{
	transform:translateX(-50%);
}
.topbar {
	margin:0;
	padding:5px 0;
	width:375px;
	background-color:rgb(255, 255, 255, 0.9);
	position:relative;
}
.topbar_1 {
	margin:0;
	padding:5px 10px;
	text-align:left;
}
.topbar_1 img {
	border:0;
}