@keyframes lotate {
  0% {
    transform : rotate(0deg)
  }

  50% {
    transform : rotate(180deg)
  }

  100% {
    transform : rotate(360deg)
  }
}

@keyframes stampani2{
	0% {transform: scale(1); opacity:0;}
	95% {transform: scale(5); opacity:0;}
	100% {transform: scale(1); opacity:1;}
}

@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 20px;}
}

@keyframes motion3 {
	0% {margin-top: 30px;}
	100% {margin-top: 0px;}
}

@keyframes motion2 {
	0% {margin-top: 0px;}
	100% {margin-top: 40px;}
}

@keyframes siso {
	0%	{transform: rotate(10deg);}
	25% {transform: rotate(-10deg);}
	50% {transform: rotate(10deg);}
	75% {transform: rotate(-10deg);}
	100% {transform: rotate(10deg);}
}


@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

@keyframes neon_ani{
	0%{opacity:0;}
	3%{opacity:0.8;}
	5%{opacity:0.4;}
	9%{opacity:1;}
	10%{opacity:0.8;}
	35%{opacity:1;}
	38%{opacity:0.3;}
	40%{opacity:1;}
	50%{opacity:0;}
	55%{opacity:1;}
	59%{opacity:0.7;}
	64%{opacity:1;}
	75%{opacity:1;}
	78%{opacity:0;}
	80%{opacity:1;}
	82%{opacity:0;}
	82%{opacity:0;}
	90%{opacity:1;}
	94%{opacity:0.5;}
	100%{opacity:1;}
}

@keyframes neon_ani2{
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes scroll {
	0%	{top:-150px;}
	50% {top:-850px;}
	100% {top:-150px;}
}

@keyframes ci {
0% {transform: scale(1);}
50% {transform: scale(1.2);}
100% {transform: scale(1);}
}

@keyframes fadeIn {
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}

@-webkit-keyframes fadeIn {
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}

[data-aos="new-zoom"] {
0% {transform: scale(1); opacity:0;}
95% {transform: scale(5); opacity:0;}
100% {transform: scale(1); opacity:1;}
}

.wrap {
	width: 100%;
	position: relative;
	margin:0;
	padding: 0;

}

.symbol-target { padding-top: 100px; margin-top:-100px; width: 100%; height:0px; font-size:0px; line-height:0px; display:block; }

 .text_under {
        position: relative; 
    }
.text_under::after {
content: ""; 
width: 100%; 
height: 1px; 
background: #626262; 
position: absolute; 
display: inline-block; 
left: 0;  
bottom: 1px;  
z-index: -1;
}

 .text_under1 {
        position: relative; 
    }
.text_under1::after {
content: ""; 
width: 100%; 
height: 1px; 
background: #ffffff; 
position: absolute; 
display: inline-block; 
left: 0;  
bottom: 1px;  
z-index: -1;
}

.s0 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s0.jpg)#f50e1f center top no-repeat;
	height: 1370px;
	
}
.s0 .img1 {position:absolute; width:581px; height:383px; margin-left:50%; top:450px; left:-896px; animation: motion 0.7s cubic-bezier(0, 0, 0.18, 0.8) infinite alternate;}
.s0 .img2 {position:absolute; width:606px; height:411px; margin-left:50%; top:877px; left:-773px; animation: motion3 0.7s cubic-bezier(0, 0, 0.18, 0.8) 0.2s infinite alternate;}

.s1215 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s0_1_1211.jpg)#f50e1f center top no-repeat;
	height: 880px;
	
}
.s1215 .food_img_wrap {position:absolute; width:520px; height:520px; margin-left:50%; top:136px; left:-580px; }

.food_img {
  position: relative;
  width: 520px;   /* 원하는 크기 */
  height: 520px;  /* 원하는 크기 */
  overflow: hidden;
}

/* 모든 아이스크림 이미지를 겹쳐놓기 */
.food_img .food {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* 현재 보이는 이미지 */
.food_img .food.active {
  opacity: 1;
  z-index: 1;
}

/* 포인트 이미지는 항상 위 */
.food_img .point {
  position: absolute;
  top: 0; left: 0;
  z-index: 2;
}



.s1 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s1.jpg)#f50e1f center top no-repeat;
	height: 1330px;
	
}
.s1 .tit {position:absolute; width:1187px; height:338px; margin-left:50%; top:134px; left:-593px; }

.s1_1_0306 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s1_1_0306.jpg)#f50e1f center top no-repeat;
	height: 1520px;
	
}

.s1_1 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s1_1_1220.jpg)#ffffff center top no-repeat;
	height: 1590px;
	overflow:hidden;
	
}
.s1_1 .ac {position:absolute; width:598px; height:571px; margin-left:50%; top:45px; left:87px; animation: motion 0.7s cubic-bezier(0, 0, 0.18, 0.8) infinite alternate;}
.s1_1 .ac2 {position:absolute; width:968px; height:539px; margin-left:50%; top:166px; left:-64px; z-index:1;}
.s1_1 .roll1 {position:absolute; width:100%; height:456px; top:746px; left:0; }
.s1_1 .roll2 {position:absolute; width:100%; height:340px; top:1224px; left:0; }

.s1216 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s0_2_1215.jpg)#ffffff center top no-repeat;
	height: 3380px;
	overflow:hidden;
	
}
.s1216 .roll1 {position:absolute; width:1800px; height:300px; margin-left:50%; top:620px; left:-900px; overflow:hidden; }
.s1216 .roll2 {position:absolute; width:1800px; height:400px; margin-left:50%; top:1203px; left:-900px; overflow:hidden;  }
.s1216 .roll3 {position:absolute; width:1800px; height:400px; margin-left:50%; top:1943px; left:-900px; overflow:hidden;  }

.s0616 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s0_1_0616.jpg)#ffffff center top no-repeat;
	height: 1350px;
	overflow:hidden;	
}
.s0616 .title {position:absolute; width:859px; height:176px; margin-left:50%; top:97px; left:-430px; }
.s0616 .ac {position:absolute; width:288px; height:288px; margin-left:50%; top:340px; left:-620px; animation: ci 1.5s ease-in-out infinite; }
.s0616 .gif {position:absolute; width:314px; height:62px; margin-left:50%; top:460px; left:175px; }

.s2 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s2.jpg)#ffffff center top no-repeat;
	height: 1860px;
}
.s2 .ac2 {position:absolute; width:223px; height:221px; margin-left:50%; top:551px; left:-580px; animation: ci 1.5s ease-in-out infinite; z-index:1;}
.s2 .ac3 {position:absolute; width:223px; height:221px; margin-left:50%; top:551px; left:40px; animation: ci 1.5s ease-in-out infinite; z-index:1;}

.s3 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s3.jpg)#ffffff center top no-repeat;
	height: 1636px;
	overflow:hidden;
	
}
.s3 .ac1 {position:absolute; width:1606px; height:1146px; margin-left:50%; top:427px; left:-744px;}
.s3 .ac2 {position:absolute; width:369px; height:340px; margin-left:50%; top:902px; left:-960px;}
.s3 .ac3 {position:absolute; width:275px; height:807px; margin-left:50%; top:529px; left:685px;}

.s3_1 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s7_1_0119.jpg)#ffffff center top no-repeat;
	height: 1360px;
	overflow:hidden;
	
}
.s3_1 .roll {position:absolute; width:100%; height:60px; top:0; left:0; border-top:#ffc400 1px solid;}

.s3_2 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s3_2.jpg)#ffffff center top no-repeat;
	height: 1840px;
	overflow:hidden;
	
}
.s3_2 .txt {position:absolute; width:924px; height:174px; margin-left:50%; top:262px; left:-462px; }
.s3_2 .ac {position:absolute; width:382px; height:343px; margin-left:50%; top:1055px; left:-832px; animation: blink-effect 1s step-end infinite;}

.s3_3 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s3_3.jpg)#ffffff center top no-repeat;
	height: 2200px;
	overflow:hidden;
	
}
.s3_3 .roll {position:absolute; width:100%; height:520px; top:1290px; left:0; }

.s4 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s4.jpg)#ffffff center top no-repeat;
	height: 1520px;
	overflow:hidden;
	
}
.s4 .txt {position:absolute; width:610px; height:853px; margin-left:50%; top:529px; left:59px; }

.s5 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s5.jpg)#ffffff center top no-repeat;
	height: 2740px;
	overflow:hidden;
}
.s5 .txt1 {position:absolute; width:758px; height:97px; margin-left:50%; top:390px; left:-379px;}
.s5 .txt2 {position:absolute; width:975px; height:201px; margin-left:50%; top:2410px; left:-487px;}
.s5 .ac1 {position:absolute; width:521px; height:371px; margin-left:50%; top:236px; left:375px; animation: ci 1.5s ease-in-out infinite; z-index:1;}
.s5 .ac2 {position:absolute; width:837px; height:212px; margin-left:50%; top:1348px; left:-420px; animation: blink-effect 1s step-end infinite; z-index:1;}
.s5 .ac3 {position:absolute; width:241px; height:157px; margin-left:50%; top:2171px; left:215px; animation: blink-effect 1s step-end infinite; z-index:1;}

.s6 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s6.jpg)#ffffff center top no-repeat;
	height: 2700px;
	overflow:hidden;
	
}
.s6 .ac1 {position:absolute; width:302px; height:211px; margin-left:50%; top:700px; left:-505px; animation: ci 1.5s ease-in-out infinite;}
.s6 .ac2 {position:absolute; width:283px; height:238px; margin-left:50%; top:1300px; left:-315px; animation: ci 1.5s ease-in-out infinite;}

.s6_1 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s11_1_1211.jpg)#ffffff center top no-repeat;
	height: 830px;
	overflow:hidden;
	
}
.s6_1 .roll {position:absolute; width:100%; height:60px; bottom:0; left:0;}

.s7 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s7.jpg)#ffffff center top no-repeat;
	height: 1440px;
}
.s7 .txt1 {position:absolute; width:626px; height:95px; margin-left:50%; top:373px; left:-315px;}
.s7 .txt2 {position:absolute; width:1000px; height:300px; margin-left:50%; bottom:0; left:-500px;}
.s7 .ac {position:absolute; width:1000px; height:300px; margin-left:50%; bottom:0; left:-500px; animation: blink-effect 1s step-end infinite;}


.s8 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s8.jpg)#ffffff center top no-repeat;
	height: 1130px;
	overflow:hidden;
}

.s9 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s9.jpg)#ffffff center top no-repeat;
	height: 1330px;
	overflow:hidden;
}
.s9 .ac1 {position:absolute; width:652px; height:652px; margin-left:50%; top:594px; left:-1115px; animation: lotate 15s linear infinite;}
.s9 .youtube {position:absolute; width:722px; height:406px; margin-left:50%; top:698px; left:-415px;}

.s10 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s10.jpg)#ffffff center top no-repeat;
	height: 1300px;
	overflow:hidden;
}
.s10 .txt1 {position:absolute; width:844px; height:74px; margin-left:50%; top:184px; left:-422px;}
.s10 .txt2 {position:absolute; width:597px; height:88px; margin-left:50%; top:1069px; left:-299px;}
.s10 .roll {position:absolute; width:100%; height:53px; top:386px; left:0;}
.s10 .ac1 {position:absolute; width:361px; height:361px; margin-left:50%; top:584px; left:-180px; animation: ci 1.5s ease-in-out infinite;}
.s10 .ac2 {position:absolute; width:524px; height:311px; margin-left:50%; top:649px; left:-765px; animation: blink-effect 1s step-end infinite;}
.s10 .ac3 {position:absolute; width:285px; height:65px; margin-left:50%; top:709px; left:289px; }
.s10 .ac4 {position:absolute; width:331px; height:66px; margin-left:50%; top:789px; left:385px; }

.s11 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s11.jpg)#ffffff center top no-repeat;
	height: 1080px;
	overflow:hidden;
}
.s11 .txt {position:absolute; width:1214px; height:928px; margin-left:50%; top:120px; left:-643px; z-index:1;}
.s11 .ac1 {position:absolute; width:453px; height:513px; top:0; left:0;}
.s11 .ac2 {position:absolute; width:519px; height:448px; bottom:0; right:0;}

.s12 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s12.jpg)#ffffff center top no-repeat;
	height: 1250px;
}
.s12 .ac {position:absolute; width:320px; height:149px; margin-left:50%; top:662px; left:-50px; animation: ci 1.5s ease-in-out infinite;}

.s13 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(../../../layouts/pc_main/_images/s13_top_bg.jpg)#ffffff center top no-repeat;
	overflow:hidden;
	min-height: 2000px;
}
.s13 .bottom_bg {position:absolute; width:100%; height:37px; left:0; bottom:0; background:url(../../../layouts/pc_main/_images/bottom_bg.jpg)#ffffff repeat-x;}

ul { list-style: none; padding: 0; margin: 0; }
        .tab-wrapper { width: 100%; margin-top:520px; }

        /* --- 부모 탭 설정 --- */
        .parent-tabs { 
		    width: 100%;
            display: flex; 
			align-items: center;
            justify-content: center;
            margin-top:520px;
            height:140px;
			padding:20px 0;
            background:#f50e20;
        }

        .parent-item { 
            /* li의 너비와 높이를 여기서 결정합니다 */
            width: 340px; 
            height: 100px; 
            cursor: pointer;
            overflow: hidden; /* 영역 밖 이미지 숨김 */
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .parent-item img { 
            /* 이미지가 li 크기에 꽉 차도록 설정 */
            width: 100%; 
            height: 100%; 
            object-fit: contain; /* 이미지 비율 유지하며 맞춤 */
            display: block;
        }

        /* --- 컨텐츠 패널 제어 --- */
        .tab-panel { display: none; padding: 30px 0 120px 0; text-align: center; }
        .tab-panel.active { display: block; }

        /* --- 자식 탭 설정 (라운드 버튼) --- */
        .child-tabs { 
            display: flex; 
			align-items: center;
            justify-content: center;
            gap: 30px; 
            margin-bottom: 20px; 
        }

        .child-btn { 
            /* 자식 li의 높이와 최소 너비 결정 */
            min-width: 180px;
            height: 50px; 
            border-radius: 30px; /* 높이의 절반으로 라운드 처리 */
            background: #eee; 
            color: #080403;
            cursor: pointer; 
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
			font-family: 'SBAggroB';
            transition: 0.3s;
            
        }

        .child-btn.active { 
            background: #080403; 
            color: #fff; 
        }

        /* --- 자식 상세 컨텐츠 --- */
        .child-panel { 
            display: none;  
			text-align: center;

        }
        .child-panel.active { display: block; }
.tabline {border-left:1px #fff solid}

.news_wrap {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:#ffffff;
	height: 2000px;
}
.news_wrap .news_cont { position:relative; width:1200px; height:2000px; margin:0 auto;}
.news_wrap .news_cont .tit {position:absolute; width:1200px; height:285px; top:0; left:0;}
.news_wrap .news_cont .more{position:absolute; width:300px; height:60px; margin-left:50%; top:1830px; left:-150px;}
.news_wrap .news_cont .more a:hover {opacity:0.8;}
.news_wrap .news_cont .best_news {position:absolute; width:1200px; height:710px; top:320px; left:0;}
.news_wrap .news_cont .cont{position:absolute; width:1200px; height:650px; top:1120px; left:0;}

table {
	border-collapse:collapse; 
	border-spacing:0; 
	font-size:12px; 
	color:#434343;
}
th, td {border-collapse:collapse;}
ul, ol, li, dl, dt, dd {list-style: none;}
div, ul, ol, li, dl, dt, dd, form, fieldset, p, h1, h2, h3, h4, h5, h6, blockquote, iframe { margin:0; padding:0; }
hr { display:none; clear:both; }
img, fieldset {border:0px; vertical-align:middle;}
legend, caption {visibility:hidden;font-size:0;width:0;height:0;line-height:0;} 

.thnone {border-right:0 !important;}

.tb_money {
 clear:both;
	width:100%;	
	line-height:18px;
	font-size:13px;
	}
.tb_money thead tr {height:60px;line-height:60px;background-color:#f20a24; text-align:center; font-size:22px; font-family: 'Noto Sans KR', sans-serif;  color:#ffffff; font-weight: 500; letter-spacing:-1px;}
.tb_money thead th { }
.tb_money thead th.bdb_line1 {border-bottom: 1px solid #cecece; border-right: 1px solid #CECECE;padding:8px 8px 5px 8px; }
.tb_money tbody th {height:75px;line-height:75px; text-align:center; font-size:20px; font-family: 'Noto Sans KR', sans-serif;  color:#272727; font-weight: 400;border-right:1px solid #c2b8b8; border-bottom:1px solid #c2b8b8; letter-spacing:-1px;}
.tb_money tbody tr { text-align:center;}
.tb_money tbody td {height:75px;line-height:75px; text-align:center; font-size:20px; font-family: 'Noto Sans KR', sans-serif;  color:#272727; font-weight: 400;border-right:1px solid #c2b8b8; border-bottom:1px solid #c2b8b8; letter-spacing:-1px;}

.tb_money tbody tr th.bdb_line1,
.tb_money tbody tr td.bdb_line1 {border-bottom:1px solid #434343;}

/* text align */
.tx_lt {text-align:left !important;}
.tx_ct {text-align:center !important;}
.tx_rt {text-align:right !important;}
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}