@charset "UTF-8";

.header .gnb_header > .container .logo  { width: 236px; }
#real_contents							{ padding-bottom: 0px !important; }
.main_contents                          { width:100%; height: 100vh; }
.main_contents .main_wrap               { top:0; width:100%; height:100%; text-align: center; margin: 0 auto;position: relative; background:url(/festival/2025/resources/img/background.png) repeat top center #fff; background-size: contain; }
.main_contents .main_wrap > div         {position: absolute;}
.main_contents .main_wrap > div.center  {left: 50%;top: 36%;transform: translate(-50%,-50%);display: flex;flex-direction: column;align-items: center;max-width:1210px; max-height:352px; width:100%; height:100%; background: url(/festival/2025/resources/img/titbg_main.png) center no-repeat; padding-top:130px; transition: all 0.8s; }
.main_contents .main_wrap > div.center img              {opacity: 0;transform:translate(0, 15px);}
.main_contents .main_wrap > div.center img.txt_img01    {margin-bottom:.4% ;}
.main_contents .main_wrap > div.center img.txt_img02	{margin-bottom: 5.45%;}
.main_contents .main_wrap > div.center img.txt_img04	{max-width: 100%;}

.main_contents .main_wrap .mainLogo		{ position: absolute; bottom:0; left:50%; transform: translate(-50%,-20%); display: flex; flex-direction: column; width: 100%; }
.main_contents .main_wrap .mainLogo >div		{ display: flex; align-items: center; justify-content: center; }
.main_contents .main_wrap .mainLogo >div:first-child	{ margin-bottom: 20px; }
.main_contents .main_wrap .mainLogo >div >p		{ width:46px; padding-top:4px; }
.main_contents .main_wrap .mainLogo >div >ul	{ display: flex; gap:14px; }
.main_contents .main_wrap .mainLogo >div >ul + p	{ margin-left: 20px; }
.main_contents .main_wrap .mainLogo >div >ul >li	{ display: flex; align-items: center; }



.mainFooter							{ height:170px; background-color: #003AFF; width:100%; padding:30px 0; }
.mainFooter .inner					{ width:100%; display: flex; align-items: center; justify-content: space-between; padding:0 64px; }
.mainFooter .inner div				{ flex:1; }
.mainFooter .inner div.address		{ flex:2; display: flex; align-items: center; justify-content: center; flex-direction: column; gap:10px; margin-top:30px; }
.mainFooter .inner div.address p	{ color:#fff; font-size: 12px; line-height: 130%; text-align: center; }
.mainFooter .inner div.address p a	{ color:#fff; font-size: 12px; line-height: 130%; text-align: center; }
.mainFooter .inner div.qr			{ margin-top:8px; justify-content: flex-end; display: flex; }

.mainBg2							{ position: absolute; left:0; bottom: 106px; max-width:762px; z-index: 10; width:40vw; }

@media all and (max-width:1024px) {
	.main_contents .main_wrap > div.center  { max-width:760px; top: 32%; background: url(/festival/2025/resources/img/titbg_main.png) top 25% center no-repeat; background-size: 760px auto; padding:110px 150px 0; }
	.mainBg2							{ position: absolute; left:22%; bottom:28%; max-width:762px; z-index: 10; width:54vw; }
	.mainFooter							{ height:auto; padding:30px 0; }
}

@media all and (max-width:760px) {
	.header .gnb_header > .container .logo	{ width:180px; }
	.main_contents .main_wrap > div.center  { max-width:560px; top: 32%; background: url(/festival/2025/resources/img/titbg_main.png) top 25% center no-repeat; background-size: 560px auto; padding:100px 100px 0; min-width:560px; }

	.main_contents .main_wrap .mainLogo >div		{ display: flex; align-items: flex-start; justify-content: flex-start; padding:0 10%; flex-wrap: wrap; }
	.main_contents .main_wrap .mainLogo >div:first-child	{ margin-bottom: 20px; }
	.main_contents .main_wrap .mainLogo >div >p		{ width:46px !important; padding:4px 0 0; margin-left:0 !important; }
	.main_contents .main_wrap .mainLogo >div >ul	{ display: flex; width:calc(100% - 46px); gap:14px; flex-wrap: wrap; justify-content: flex-start; }
    .main_contents .main_wrap .mainLogo >div >ul + p	{ margin-top: 20px; }
    .main_contents .main_wrap .mainLogo >div >ul + p + ul	{ margin-top: 20px; }
	.main_contents .main_wrap .mainLogo >div >ul >li	{ display: flex; align-items: center; }

	.mainBg2							{ position: absolute; left:16%; bottom: 32%; max-width:762px; z-index: 10; width:65vw; }

	.mainFooter .inner					{ padding:0 20px; flex-direction: column; }
	.mainFooter .inner div.address		{ margin-top:0px; }
}

@media all and (max-width:480px) {
	.header .gnb_header > .container .logo	{ width: 120px; }
	.main_contents .main_wrap > div.center  { max-width:360px; top: 32%; background: url(/festival/2025/resources/img/titbg_main.png) top 25% center no-repeat; background-size: 360px auto; padding:100px 70px 0; min-width:360px; }

	.mainBg2							{ position: absolute; left:7%; bottom: 54%; max-width:762px; z-index: 10; width:81vw; }
}