@charset "utf-8"; 

 #mGallery					{position:relative;}
.visualBox					{background:rgba(236,237,242,0.85);}
.visualBox .item			{display:grid; grid-template-columns:auto 40%;}
.visualBox figure			{position:relative; width:100%; aspect-ratio:6 / 3.2; overflow:hidden;}
.visualBox figure img		{width:100%; height:100%; object-fit:cover; animation:imgScale 5s both;} 
.visualBox dl				{position:relative; padding:10% 18% 0 10%;}
.visualBox dl dt span		{display:block; font-size:1.2em; letter-spacing:-1px; color:var(--main); font-weight:700; text-decoration:underline;}
.visualBox dl dt span:nth-child(2)	{display:none;}
.visualBox dl dt p			{position:relative; color:#111; letter-spacing:-3px; font-size:2.4em; line-height:1.3; font-weight:700; margin:25px 0 40px 0; word-break:keep-all;}
.visualBox dl dd			{font-size:1.25em; letter-spacing:-1.5px; line-height:1.5; color:#666; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; word-wrap: break-word; word-break:keep-all; }
.visualBox .control			{position:absolute; right:0; bottom:80px; width:40%; z-index:111;}
.visualBox .control .btn	{padding-left:10%; display:flex; gap:20px;}
.visualBox .control .btn li	{font-family :'pretendard'; color:#000; font-weight:700; font-size:1.2em; opacity:0.3; cursor:pointer;}
.visualBox .control .btn li:hover	{opacity:1;}
.visualBox .control .btn .on	{position:relative; opacity:1; padding-right:50px;}
.visualBox .control .btn .on:after	{position:absolute; right:0; bottom:5px; content:''; display:block; height:1px; width:30px; background:#000;}
.visualBox .control .play i, .visualBox .control .pause i	{font-size:0.8em;}

.mainTit					{text-align:center; font-size:1.1em; color:#797979; margin-bottom:60px;}
.mainTit dt					{font-size:43px; color:#111; margin-bottom:20px; font-weight:100; letter-spacing:-3px; line-height:1;}
.mainTit dt strong			{font-weight:700;}
.mainTit dd					{line-height:1.4;}

.mainArrow					{position:absolute; top:35%; transform:translateY(-50%); width:100%;}
.mainArrow p				{position:absolute; text-align:center; width:70px; line-height:70px; background:rgba(0,0,0,.2); cursor:pointer; border-radius:50%;} 
.mainArrow span				{position:relative; display:inline-block; border:solid #fff; border-width:2px 0 0 2px; padding:6px;}
.mainArrow p:after			{position:absolute; top:0; right:0; bottom:0; margin:auto; content:''; width:55%; height:2px; background:#fff;}
.mainArrow .prev			{left:-120px;}
.mainArrow .prev span		{transform:rotate(315deg); margin-left:5px;}
.mainArrow .next			{right:-120px;}
.mainArrow .next span		{transform:rotate(135deg); margin-right:5px;}
.mainArrow .next:after		{right:auto; left:0;}
.mainArrow p:hover			{background:var(--main);} 

.mainStory					{padding:120px 0;}
.mainStory .mainArrow		{top:25%;}
.mainStory .item			{position:relative; overflow:hidden; margin-top:-20px;}
.mainStory .item li				{float:left; margin:20px 15px 0 15px; width:calc(31.5% - 15px);}
.mainStory .item figure			{border-radius:20px; width:100%; aspect-ratio:6 / 4; overflow:hidden; box-shadow:0 0 20px 1px rgba(0,0,0,0.1);}
.mainStory .item figure img		{width:100%; height:100%; object-fit:Cover; transition:all .5s ease;}
.mainStory .item li:hover figure img	{transform: scale(1.1); }
.mainStory .item .title			{margin-top:30px;}
.mainStory .item .title>div		{display:flex; gap:10px;}
.mainStory .item .title span	{font-size:1.05em; color:#252729; letter-spacing:-1px; }
.mainStory .item .title span:first-child	{padding:0 5px; box-shadow: inset 0 -10px 0 #f9d2e0; font-weight:500;}
.mainStory .item .title>p		{margin:10px 0 20px 0; font-size:1.3em; color:#333; font-weight:700; letter-spacing:-1.5px; height:65px; line-height:1.4; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap: break-word;}
.mainStory .item .tag			{display:flex; flex-wrap:wrap; gap:5px 15px;}
.mainStory .item .tag span		{color:#e84a84; letter-spacing:-1px;}
.mainStory .item .tag span:hover	{text-decoration:underline;}

.mainBoard					{position:Relative; padding:120px 0; background:#f6f6f6;}
.mainBoard .web_size		{display:grid; grid-template-columns:auto 330px; gap:80px;}
.mainBoard .news			{position:relative; width:100%;}
.main_news_tab_title		{position:relative; display:flex; gap:55px; margin-bottom:40px;}
.main_news_tab_title li	a	{position:relative; font-size:1.3em; letter-spacing:-1px; color:#333;}
.main_news_tab_title li	a:after	{content:''; position:absolute; top:0; left:-25px; bottom:0; width:1px; height:0.85em; margin:auto; background:#bbb;}
.main_news_tab_title li:first-child a:after	{display:none;}
.main_news_tab_title li:hover a, .main_news_tab_title .on	{color:var(--main); font-weight:700;}
.main_news_tab_title .on:before	{position:absolute; left:0; top:-13px; right:0; margin:auto; content:''; display:block; width:15px; height:7px; border:3px solid var(--main); border-top:0; border-radius: 0 0 50px 50px;}
.main_news_tab_title .more		{position:absolute; top:0; right:0; text-align:center; width:40px; overflow:hidden;}
.main_news_tab_title .more a	{display:block; font-size:0.9em; height:42px; line-height:36px; border:2px solid #c9c9c9; border-radius:100%; background:#fff;}
.main_news_tab_title .more:hover a	{color:#fff; border-color:var(--main); background:var(--main); transform:rotate(180deg); transition: all 0.2s;}
.main_news_list				{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.main_news_list>a			{position:relative; background:#fff; border-radius:20px; box-shadow:0 0 20px 1px rgba(0,0,0,0.045); height:175px; padding:55px 35px 0 35px; overflow:hidden;}
.main_news_list	li>span		{position:absolute; top:0;left:0; display:block; background:#e84a84; color:#fff; width:120px; line-height:40px; text-align:center; font-size:0.95em; border-radius:0 0 20px 0;}
.main_news_list	li>p		{font-size:1.1em; letter-spacing:-1px; font-weight:500; color:#111; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap: break-word;}
.main_news_list	li>em		{font-style:normal; color:#a1a1a1; font-weight:400;}
.main_news_list	a:hover		{transform:translateY(-10px); transition: .5s;}
.main_news_list .nolist		{grid-column: 1 / span 3; background:none; box-shadow:none; height:100%; padding:0; line-height:160px;}
.main_news_list .nolist:hover	{transform:unset;} 


.mainBoard .webzine			{position:relative; aspect-ratio:3 / 4; overflow:hidden; border-radius:20px; box-shadow:0 0 20px 1px rgba(0,0,0,0.1);}
.mainBoard .webzine .txt	{position:absolute; top:0; display:grid; padding:40px; font-weight:500; width:100%; height:100%; align-content:flex-end; color:#fff; background:linear-gradient(180deg, rgba(256,256,256,0) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,7) 100%); z-index:1;}
.mainBoard .webzine .vol	{position:absolute; top:20px; right:20px; width:90px; height:90px; color:#fff; background:rgba(1,119,192,.9); padding-top:17px; line-height:1.4; z-index:2; border-radius:100%; text-align:center;}
.mainBoard .webzine .vol strong	{display:block; font-weight:700;}
.mainBoard .webzine img		{width:100%; height:100%; object-fit:cover; transition:all .5s ease;}
.mainBoard .webzine:hover img	{transform: scale(1.1);}
.mainBoard .arrow				{position:absolute; top:42%; width:100%; z-index:999;}
.mainBoard .arrow p				{position:absolute; width:56px; line-height:56px; background:rgba(0,0,0,0.45); cursor:pointer; text-align:center; transition: .5s;} 
.mainBoard .arrow p:after		{content:''; display:inline-block; border:solid #fff; padding:4px; border-width:4px 4px 0 0; border-radius:2px; transform:rotate(45deg);}
.mainBoard .arrow .prev			{left:0; text-indent:5px;}
.mainBoard .arrow .prev:after	{transform:rotate(225deg);}
.mainBoard .arrow .next			{right:0;}
.mainBoard .arrow .next:after	{margin-right:5px;}
.mainBoard .arrow p:hover		{background:#fff;}
.mainBoard .arrow p:hover:after	{border-color:#555;}


.mainCulture				{padding:120px 0;}
.mainCulture .item			{position:relative; overflow:hidden; margin-top:-20px;}
.mainCulture .item li		{float:left; margin:20px 20px 0 20px; width:calc(18.4% - 20px);}
.mainCulture .item figure	{width:100%; aspect-ratio:4 / 5.5; overflow:hidden; box-shadow:0 0 20px 1px rgba(0,0,0,0.1);}
.mainCulture .item figure img	{width:100%; height:100%; object-fit:Cover; transition:all .5s ease;}
.mainCulture .item li:hover figure img	{transform: scale(1.1); }
.mainCulture .item p		{padding:0 5px; text-align:center; margin-top:22px; font-size:1.1em; line-height:1.4; letter-spacing:-1px; font-weight:500; color:#111; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap: break-word;}



@media screen and (max-width:1680px) {
	.visualBox figure			{aspect-ratio:6 / 4;}
	.mainArrow .prev			{left:-30px;}
	.mainArrow .next			{right:-30px;}
}

@media screen and (max-width:1400px) {
	.visualBox dl dt p				{font-size:2em; margin:20px 0 30px 0;}
	.visualBox dl dd				{font-size:1.1em; -webkit-line-clamp:3;}
	.visualBox .control				{bottom:40px;}
	.visualBox .control .btn li		{font-size:1em;}
	.visualBox .control .btn		{gap:10px;}
	.visualBox .control .btn .on	{padding-right:30px;}
	.visualBox .control .btn .on:after	{width:20px;}

	.mainStory, .mainBoard,	.mainCulture	{padding:120px 40px;}
}

@media screen and (max-width:1200px) {
	.visualBox .item				{display:block;}
	.visualBox figure				{aspect-ratio:6 / 3;}
	.visualBox dl					{padding:5%;}
	.visualBox .control				{position:relative; bottom:0; width:100%;}
	.visualBox .control .btn		{padding:40px; justify-content:center; }

	.mainTit dt						{font-size:40px;}
	.mainBoard .web_size			{grid-template-columns:auto 300px; gap:40px;}
	.main_news_tab_title			{margin-bottom:30px;}
	.main_news_list>a				{height:160px; padding-top:45px;}
	.mainCulture .item li			{margin:20px 10px 0 10px;}
}

@media screen and (max-width:1024px) {
	.visualBox dl					{padding:25px 15px 10px 15px;}
	.visualBox dl dt span			{font-size:1em; font-weight:500;}
	.visualBox dl dt p				{font-size:1.4em; margin:10px 0 20px 0; letter-spacing:-2px;}
	.visualBox dl dd				{font-size:1em;}
	.visualBox .control .btn		{padding:20px; gap:7px;}
	.visualBox .control .btn .on	{padding-right:20px;}
	.visualBox .control .btn .on:after	{width:15px;}

	.mainArrow p					{width:52px; line-height:52px;}
	.mainArrow .prev				{left:-15px;}
	.mainArrow .next				{right:-15px;}
	.mainTit						{font-size:0.95em; margin-bottom:30px;}
	.mainTit dt						{font-size:30px; margin-bottom:10px;}

	.mainStory, .mainBoard,	.mainCulture	{padding:60px 15px;}
	.mainStory .mainArrow			{top:30%;}
	.mainStory .item li				{margin:20px 10px 0 10px;}
	.mainStory .item .title span	{font-size:0.95em;}
	.mainStory .item .title			{margin-top:20px;}
	.mainStory .item .title>p		{font-size:1.1em; margin:7px 0 15px 0; height:52px;}
	.mainStory .item .tag			{font-size:0.95em; gap:0 10px;}

	.mainBoard .web_size			{display:block;}
	.mainBoard .news				{height:360px;}
	.main_news_tab_title			{align-items:center; justify-content:center; flex-wrap:wrap; margin-bottom:20px; gap:0 25px;}
	.main_news_tab_title .more		{position:relative;}
	.main_news_tab_title li a		{font-size:1em;}
	.main_news_tab_title .more a	{width:32px; height:32px; line-height:28px; font-size:0.8em;}
	.main_news_tab_title li a:after	{left:-12px;}
	.main_news_tab_title .on:before	{top:-8px; width:12px; height:5px;}
	.main_news_list					{gap:10px; grid-template-columns:repeat(2, 1fr);}
	.main_news_list>a				{height:auto; padding:45px 20px 20px 20px;}
	.main_news_list li>span			{font-size:0.85em; width:100px; line-height:36px;}
	.main_news_list>a:nth-child(5), .main_news_list>a:nth-child(6)	{display:none;}
	.main_news_list .nolist			{grid-column: 1 / span 2;}

	.mainBoard .webzine .vol		{width:80px; height:80px;}
	.mainBoard .webzine .txt		{padding:30px;}

	.mainCulture .item p			{font-size:1em; margin-top:10px;}

}

@media screen and (max-width:768px) {
	.main_news_list				{grid-template-columns:1fr;}
	.main_news_list>a:nth-child(3), .main_news_list>a:nth-child(4)	{display:none;}
	.main_news_list .nolist			{grid-column:unset;}
}