@charset "utf-8"; 
 
.mainVisual						{position:relative;}
.mainVisual #mGallery			{position:relative;  overflow:hidden;}
.mainVisual .item				{height:640px; content:''; animation:imgScale 3s both;}
.mainVisual .acc				{position:absolute; width:100%; top:20%; transform:translateY(-50%); z-index:100; color:#fff; animation:slide-up 3s cubic-bezier(.5,.2,0,1) forwards;}
.mainVisual .acc dt				{font-family: 'S-CoreDream-7ExtraBold'; font-size:2.85em; letter-spacing:-3px; text-shadow:2px 2px 10px rgba(0,0,0,0.1); line-height:1.25; }
.mainVisual .acc dt span		{font-family: 'S-CoreDream-3Light'; display:block; font-size:30px; letter-spacing:-2px; margin-bottom:15px;}
.mainVisual .acc dd				{font-family: 'S-CoreDream-4Regular'; margin-top:30px; font-size:1.3em; letter-spacing:-1px; line-height:1.6;}

.mainVisual .rt					{background:var(--gra); position:absolute; right:0; top:0; width:760px; padding:80px; border-radius:0 0 0 100px; z-index:5001;}
.mainSearch .box				{position:relative; box-shadow:0 0 10px 1px rgba(0,0,0,.1); border-radius:50px; overflow:hidden;}	
.mainSearch .input				{font-family: 'S-CoreDream-4Regular'; border:1px solid #fff; line-height:66px; padding:0 30px; font-size:1em; width:calc(100% - 100px); letter-spacing:-0.5px; color:#111;}
.mainSearch .btn				{position:absolute; right:0; background:#042954; width:68px; line-height:68px; border-radius:100%; color:#fff; font-size:20px;}
.mainSearch .btn:hover			{background:#000;}
.mainSearch .box ::-webkit-input-placeholder	{color:#888;}
.mainSearch .keyword			{display:flex; gap:20px; margin-top:20px;}
.mainSearch .keyword a			{font-family: 'S-CoreDream-4Regular'; color:#fff;}
.mainSearch .keyword p			{font-family: 'S-CoreDream-4Regular'; font-size:0.95em; color:#fff;}
.mainSearch .keyword p:hover	{text-decoration:underline;}

.mainNumber						{display:flex; justify-content:space-between; text-align:center; margin:40px 0; }
.mainNumber dt					{font-family: 'S-CoreDream-5Medium'; color:#fff; font-size:1.25em; letter-spacing:-1px; padding:78px 0 20px 0; background:url("../image/main/acc_cnt1.png") no-repeat center 8px; background-size:50px;}
.mainNumber a:nth-child(2) dt	{background-image:url("../image/main/acc_cnt2.png");}
.mainNumber a:nth-child(3) dt	{background-image:url("../image/main/acc_cnt3.png");}
.mainNumber a:nth-child(4) dt	{background-image:url("../image/main/acc_cnt4.png");}
.mainNumber a:last-child dt		{background-image:url("../image/main/acc_cnt5.png");}
.mainNumber dd					{font-size:1.2em; font-weight:500; color:#fff;}
.mainNumber dd em				{font-style:normal; font-family: 'GmarketSansBold'; font-size:46px; line-height:1; position:relative; margin:0 7px 0 5px;}
.mainNumber dd em:after			{position:absolute; left:0; bottom:5px; content:''; width:100%; height:1px; background:#fff; display:inline-block;}
.mainNumber a:hover dt			{animation:bounce 1s ease-out;}
.mainNumber a:hover dd em		{color:#03f4f4;}

.mainCompany					{position:relative;}
.mainCompany .wrap				{overflow:hidden;}
.mainCompany ul					{color:#fff;}
.mainCompany ul li				{font-family: 'S-CoreDream-4Regular';}
.mainCompany .part				{float:left; width:60px;}
.mainCompany .part li			{text-align:center; line-height:30px; background:#0081cc; border-radius:3px; font-size:0.95em; margin:5px 0;}
.mainCompany .part li:nth-child(2)	{background:#f9be00;}
.mainCompany .part li:nth-child(3)	{background:#83ac28;}
.mainCompany .part li:nth-child(4)	{background:#d93915;}
.mainCompany .part li:last-child	{background:#373c68;}
.mainCompany .list				{padding-left:20px;}
.mainCompany .list li			{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size:1.05em; line-height:30px; margin:5px 0;}
.mainCompany .list li:hover		{text-decoration:underline; cursor:pointer;}
.mainCompany .switch			{position:absolute; top:50%; transform:translateY(-50%); right:-25px; display:grid; gap:5px;}
.mainCompany .switch p			{content:''; display:inline-block; width:6px; border:solid #fff; border-width:3px 0 0 3px; padding:4px; transform:rotate(45deg); border-radius:2px; opacity:0.8; cursor:pointer;} 
.mainCompany .switch .down		{border-width:0 3px 3px 0;}
.mainCompany .switch p:hover	{opacity:1;}
.mainCompany .switch span		{content:''; display:inline-block; width:6px; height:6px; border-radius:10px; background:#fff; opacity:0.5; margin:0 auto;}

.mTitle							{font-family: 'S-CoreDream-6Bold'; color:#333; letter-spacing:-3px; font-size:2.2em; line-height:1;}
.mTitle p						{font-family: 'S-CoreDream-4Regular'; display:block; font-size:20px; color:#797979; letter-spacing:-1px; margin-top:25px; line-height:1.4;}

.main_prolist					{background:#f9f9f9; padding:100px 0; overflow:hidden;}
.main_prolist .lt				{float:left; width:280px; position: relative;}
.main_prolist .tab				{display:grid; grid-template-columns:1fr 1fr; gap:3px;  width:100%; margin-top:42px;}
.main_prolist .tab li			{font-family: 'S-CoreDream-4Regular'; border:1px solid var(--sub); color:var(--sub); text-align:center; line-height:40px; border-radius:3px; cursor:pointer;}
.main_prolist .tab li:hover, .main_prolist .tab li.on		{background:var(--sub); color:#fff;}
.main_prolist .rt				{float: right; width: calc(100% - 360px); position: relative; margin-left: -15px; }
.main_prolist .arrow			{position:absolute; top:calc(50% - 25px); width:100%; z-index:1;}
.main_prolist .arrow p			{position:absolute; text-align:center; width:56px; line-height:56px; background:rgba(0,0,0,0.3); border-radius:50%;} 
.main_prolist .arrow p:after	{content:''; display:inline-block; border:solid #fff; border-width:3px 0 0 3px; padding:5px;}
.main_prolist .arrow .prev		{left:-20px;}
.main_prolist .arrow .prev:after{transform:rotate(315deg); margin-left:5px;}
.main_prolist .arrow .next		{right:-20px;}
.main_prolist .arrow .next:after{transform:rotate(135deg); margin-right:5px;}
.main_prolist .arrow p:hover	{background:rgba(0,0,0,0.5);}
.main_prolist .item				{position:relative; border:1px solid #eaeaea; border-radius:10px; background:#fff; margin:0 10px; padding:40px 35px; min-height:290px; overflow:hidden;}
.main_prolist .item dt p		{font-family: 'S-CoreDream-4Regular'; color:#333; font-size:0.95em; margin-bottom:15px;}
.main_prolist .item dt span		{font-family: 'S-CoreDream-4Regular'; font-size:0.9em; width:70px; line-height:26px; text-align:center; margin-right:5px; background:var(--sub); color:#fff; display:inline-block; border-radius:50px;}
.main_prolist .item dt .on_end, .main_prolist .item dt .on_will	{background:#999;}
.main_prolist .item dt .tit		{font-family: 'S-CoreDream-5Medium'; font-size:1.2em; letter-spacing:-1px; color:#333; height:80px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap: break-word; line-height:1.35;}
.main_prolist .item dd			{color:#999; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; letter-spacing:0;}
.main_prolist .item dd strong	{font-family: 'S-CoreDream-5Medium'; font-weight:normal; color:var(--sub); margin-right:12px; font-size:16px;}
.main_prolist .item dd:nth-child(2)	{padding-top:15px; border-top:1px dotted #ccc; margin-top:20px;}
.main_prolist .item .more		{background:#d8d8d8; width:42px; line-height:40px; text-align:center; color:#555; position:absolute; right:0; bottom:0; font-size:14px; border-radius:10px 0 0 0;}
.main_prolist .item:hover			{border-color:var(--sub);}
.main_prolist .item:hover .more		{background:var(--sub); color:#fff;}
.main_prolist .item:hover .more i 	{ transform:rotate(180deg); transition:all .3s;}
.main_prolist .no_list			{min-width:300%; text-align:center; line-height:290px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#777;}

.mainWrap						{padding:100px 0;}
.mainBoard						{display:grid; grid-template-columns:auto 400px; gap:0 80px;}
.mainBoard .notice				{position:Relative;}
.main_news_tab_title			{position:relative; display:flex; gap:0 3px;border-bottom:1px solid #ddd;}
.main_news_tab_title p			{width:180px; text-align:center; }
.main_news_tab_title p a		{font-family: 'S-CoreDream-4Regular'; font-size:1.1em; color:#666; background:#f9f9f9; border:1px solid #ddd; border-bottom:0; line-height:56px; border-radius:5px 5px 0 0; display:block; letter-spacing:-1px;}
.main_news_tab_title p:hover a,
.main_news_tab_title .on 		{background:#153260; border-color:#153260; color:#fff; }
.main_news_tab_title .more		{position:absolute; top:5px; right:0; text-align:center; width:40px; height:40px; line-height:36px; border:2px solid #d5d5d5; border-radius:100%;  transition: all 0.2s;}
.main_news_tab_title .more a		{display:block; font-size:15px; transition: all 0.2s;}
.main_news_tab_title .more:hover	{border-color:var(--main); background:var(--main); transform:rotate(180deg);}
.main_news_tab_title .more:hover a	{color:#fff;}
.news_item							{min-height:330px; letter-spacing:-0.75px; }
.news_item .top						{overflow:hidden; padding:25px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.news_item .date					{float:left; width:100px; padding-top:5px; text-align:center; letter-spacing:0; }
.news_item .date p					{font-family: 'Jost', sans-serif; line-height:100%; color:#181818; font-size:2.8em; font-weight:700; letter-spacing:-1px;}
.news_item .date em					{font-style:normal; color:#959595; font-size:0.95em;}
.news_item dl						{padding:0 0 0 120px;}
.news_item dl dt					{font-family: 'S-CoreDream-5Medium'; font-size:1.1em; color:#333; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.news_item dl dd					{height:50px; color:#888; line-height:150%; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical; word-wrap:break-word;}
.news_item ul li					{position:relative; overflow:hidden; font-size:0.95em; padding:0 10px 0 20px; line-height:50px; border-bottom:1px solid rgba(0,0,0,0.1);} 
.news_item ul li:after				{position:absolute; content:''; display:block; top:25px; left:5px; width:4px; height:4px; border-radius:100%; background:#0d57b8;}
.news_item ul li p					{float:left; width:calc(100% - 100px); color:#333; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item ul li p a				{font-family: 'S-CoreDream-4Regular';}
.news_item ul li em					{font-style:normal; float:right; color:#bbb; letter-spacing:0;}
.news_item dl:hover dt,	.news_item ul li:hover p	{text-decoration:underline;}
.news_item .nolist						{text-align:center; border-top:0; border-bottom:1px solid #ddd; color:#797979; padding:0; line-height:310px;}
.news_item .mdate					{display:none;}

.mainBoard .popup					{position:relative; height:400px; overflow:hidden; border-radius:20px; box-shadow:0 0 20px 1px rgba(128,128,128,0.2);}
.mainBoard .popup img				{width:100%;}
.popupBtn							{position:absolute; display:flex; justify-content:space-between; left:0; bottom:0; width:100%; z-index:999; background:rgba(0,0,0,0.3); color:#fff; line-height:50px; padding:0 20px;}
.popupBtn>span						{text-transform:uppercase; font-family: 'GmarketSansMedium'; height:50px; line-height:52px; letter-spacing:0;}
.popupBtn .cnt						{margin-right:15px; cursor:default !important;}
.popupBtn .cnt span:first-child		{margin-right:7px; opacity:1;}
.popupBtn .cnt span:last-child		{letter-spacing:1px; opacity:.8;}
.popupBtn .total				{margin-left:5px; opacity:0.7;}
.popupBtn p						{position:relative; display:inline-block; cursor:pointer;}
.popupBtn .arr					{content:''; display:inline-block; border: solid #fff; border-width:0 2px 2px 0; padding:5px;}
.popupBtn .prev					{margin-right:5px; transform: rotate(135deg);}
.popupBtn .next					{margin-left:3px; transform: rotate(-45deg);}
.popupBtn .stop:after			{content:''; display:inline-block; width:3px; height:12px; background:#fff; margin-left:3px;}
.popupBtn .stop:before			{content:''; display:inline-block; width:3px; height:12px; background:#fff; margin-left:-1px;}
.popupBtn .play					{content:''; display:inline-block; background:transparent; border:7px solid transparent; border-left:10px solid #fff; margin:0 -9px 0 0;}

.mainPhoto						{position:relative; margin-top:60px;}
.mainPhoto .mTitle				{margin-bottom:35px;}
.photoBtn						{position:absolute; top:0; right:0;}
.photoBtn p						{position:relative; display:inline-block; width:42px; height:42px; line-height:36px; text-align:center; border:2px solid #d5d5d5; background:#fff; cursor:pointer; vertical-align:top; border-radius:100%;}
.photoBtn .prev:after			{content:''; display:inline-block; margin:0 0 0 3px; border:solid #555; border-width:0 0 3px 3px; padding:4px; transform:rotate(45deg); border-radius:2px;}
.photoBtn .next:after			{content:''; display:inline-block; margin:0 3px 0 0; border:solid #555; border-width:3px 3px 0 0; padding:4px; transform:rotate(45deg); border-radius:2px;}
.photoBtn .pause				{line-height:36px;}
.photoBtn .pause:before			{content:''; display:inline-block; width:3px; height:13px; background:#555; border-radius:2px;}
.photoBtn .pause:after			{content:''; display:inline-block; width:3px; height:13px; background:#555; border-radius:2px; margin-left:3px;}
.photoBtn .play					{line-height:37px; text-indent:3px;}
.photoBtn .play:after			{content:''; display:inline-block; width:0; height:0; border-style:solid; border-width:7px 0 7px 10px; border-color:transparent transparent transparent #555; border-radius:3px;}
.photoBtn .more					{font-size:15px;}
.photoBtn .more:hover			{transform:rotate(180deg); transition: all 0.2s; color:#fff;}
.photoBtn .pause:hover:after, .photoBtn .pause:hover:before		{background:#fff;}
.photoBtn .play:hover:after		{border-color:transparent transparent transparent #fff;}
.photoBtn p:hover				{border-color:var(--main); background:var(--main);}
.photoBtn p:hover:after, .photoBtn p:hover:before	{border-color:#fff;}
.photo_item						{margin:0 -15px !important;}
.photo_item li					{margin:0 15px;}
.photo_item figure				{aspect-ratio:6 / 4; border-radius:20px; overflow:hidden; box-shadow:0 0 15px 1px rgba(0,0,0,0.1);}
.photo_item figure img			{width:100%; height:100%; object-fit:cover; }
.photo_item li:hover figure img	{transform: scale(1.1); transition:all 0.4s ease;}
.photo_item p					{font-family: 'S-CoreDream-5Medium'; color:#333; font-size:1.1em; letter-spacing:-1px; margin:20px 0 8px 0; line-height:1.5; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;} 
.photo_item em					{font-style:normal; color:#b0b0b0;}
.photo_item .nolist				{width:100%; text-align:center; padding:60px 0; color:#777;}

.mainBn							{border-top:1px solid #e1e1e1; padding:20px 0;}
.mainBn ul						{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 10px;}

.famSite						{position:relative; border-top:1px solid #e1e1e1; padding:30px 0;}
.famSite ul						{width:calc(100% - 40px); margin:0 auto; text-align:center;}
.famSite ul li					{display:inline-block;}
.famSite .arrow					{position:absolute; top:calc(50% - 10px); width:100%; z-index:1;}
.famSite .arrow p				{position:absolute; width:30px; height:30px; cursor:pointer;}
.famSite .arrow p:after			{content:''; display:inline-block; border:solid #d1d1d1; border-width:0 3px 3px 0; padding:7px;}
.famSite .arrow p:hover:After	{border-color:#333;}
.famSite .prev					{left:20px;}
.famSite .prev:after			{transform: rotate(135deg);}
.famSite .next					{right:0;}
.famSite .next:after			{transform: rotate(-45deg);}


@media screen and (max-width:1600px) {
	.mainVisual .web_size		{padding-right:46%;}
	.mainVisual .rt				{width:45%; padding:60px;}
}

@media screen and (max-width:1400px) {
	.mainVisual .acc			{padding:0 20px;}
	.mainVisual .bx-wrapper .bx-pager	{padding:0 20px;}
	.mainVisual .rt				{padding:60px 40px;}
	.main_prolist, .mainWrap	{padding:100px 20px;}
}

@media screen and (max-width:1200px) {
	.mainVisual					{background:#f9f9f9;}
	.mainVisual .item			{aspect-ratio:6 / 3; height:auto;}
	.mainVisual .web_size		{padding:0; text-align:center;}
	.mainVisual .bx-wrapper .bx-pager	{left:0; transform:none; bottom:40px; text-align:center;}
	.mainVisual .rt				{position:relative; width:95%; margin:-40px 0 0 5%; padding:50px 60px;}
	.mainCompany .switch		{right:-10px;}
	.mainNumber					{justify-content:space-evenly;}
	.main_prolist, .mainWrap	{padding:80px 20px;}
	.main_prolist .web_size, .mainBoard	{gap:50px;}
	.main_prolist .rt			{width:calc(100% - 320px);}
	.photo_item li				{margin:0 10px;}
}

@media screen and (max-width:1024px) {
	.mainVisual .acc dt span	{font-size:23px; margin-bottom:10px;}
	.mainVisual .acc dt			{font-size:2.4em;}
	.mainVisual .acc dd			{font-size:1.1em; margin-top:20px;}
	.mainVisual .rt				{width:97%; padding:40px 20px; border-radius:0 0 0 40px; margin-left:3%;}
	.mainSearch					{display:none;}
	.mainNumber					{margin:-10px 0 30px 0;}
	.mainNumber dt				{font-size:1.05em; padding:55px 0 7px 0; background-size:36px;}
	.mainNumber dd				{font-size:0.95em;}
	.mainNumber dd em			{font-size:38px;}
	.mainCompany .part			{width:50px;}
	.mainCompany .part li		{font-size:15px; line-height:28px;}
	.mainCompany .list			{padding-left:5px;}
	.mainCompany .list li		{font-size:0.95em; line-height:28px;}

	.main_prolist				{padding:40px 20px;}
	.main_prolist .web_size		{grid-template-columns:1fr; gap:20px;}
	.main_prolist .mTitle		{text-align:Center;}
	.mTitle						{font-size:1.6em;}
	.mTitle p					{font-size:16px; margin-top:12px;}
	.mTitle p br				{display:none;}
	
	.main_prolist .lt			{float:none; width:100%;}
	.main_prolist .rt			{margin:0;float:none;width:100%;}
	.main_prolist .tab			{position:relative; grid-template-columns:repeat(6, 1fr); margin:20px 0;}
	.main_prolist .tab li		{line-height:36px; font-size:0.95em;}
	.main_prolist .item			{margin:0 5px; padding:30px; min-height:230px;}
	.main_prolist .item dt p	{margin-bottom:10px;}
	.main_prolist .item dt .tit	{font-size:1.1em; height:50px; -webkit-line-clamp:2; letter-spacing:-0.75px;}
	.main_prolist .item dd		{font-size:0.95em;}
	.main_prolist .item dd:nth-child(2)		{padding-top:10px; margin-top:15px;}
	.main_prolist .item dd strong	{font-size:15px;}
	.main_prolist .item .more	{width:36px; line-height:36px;}
	.main_prolist .arrow p		{width:46px; height:46px; line-height:42px;}
	.main_prolist .arrow p:after	{padding:4px;}
	.main_prolist .arrow .prev		{left:-15px;}
	.main_prolist .arrow .next		{right:-15px;}
	.main_prolist .no_list		{min-width:200%; line-height:230px;}

	.mainWrap					{padding:40px 15px;}
	.mainBoard					{grid-template-columns:1fr; gap:20px;}
	.mainBoard .notice			{height:360px;}
	.main_news_tab_title p		{width:calc(50% - 25px);}
	.main_news_tab_title p a	{line-height:46px; font-size:0.95em;}
	.main_news_tab_title .more	{width:36px; height:36px; line-height:32px;}
	.main_news_tab_title .more a	{font-size:13px;}
	.news_item					{min-height:270px;}
	.news_item .top				{padding:15px 0;}
	.news_item .date			{display:none;}
	.news_item .mdate			{display:block; color:var(--main); font-size:15px; letter-spacing:0; font-weight:500;}
	.news_item dl				{padding:0;}
	.news_item dl dt			{font-size:1.05em; margin:3px 0 5px 0;}
	.news_item dl dd			{font-size:0.95em;}
	.news_item ul li			{padding:0 10px; font-size:0.9em; line-height:42px;}
	.news_item ul li:after		{width:3px; height:3px; left:0; top:20px;}
	.news_item ul li p			{width:calc(100% - 80px);}
	.news_item ul li em			{font-size:0.85em;}

	.mainBoard .popup			{height:auto;}
	.popupBtn					{line-height:42px; padding:0 15px;}
	.popupBtn>span				{height:42px; line-height:46px; font-size:0.85em;}
	.popupBtn .cnt				{font-size:0.85em; margin-right:10px;}
	.popupBtn .arr				{padding:4px;}

	.mainPhoto					{margin-top:40px;}
	.mainPhoto .mTitle			{margin-bottom:20px; text-align:center;}
	.photoBtn					{position:relative; margin-top:15px; text-align:center;}
	.photoBtn p					{width:36px; height:36px; line-height:28px;}
	.photoBtn .prev:after		{padding:3px;}
	.photoBtn .next:after		{padding:3px; margin:0 2px 0 0;}
	.photoBtn .pause			{line-height:30px;}
	.photoBtn .pause:after		{margin-left:2px; height:11px;}
	.photoBtn .pause:before		{height:11px;}
	.photoBtn .play				{line-height:30px; text-indent:2px;}
	.photoBtn .play:after		{border-width:6px 0 6px 8px;}
	.photoBtn .more				{font-size:13px; line-height:32px;}

	.photo_item					{margin:0; padding:0 10px;}
	.photo_item p				{font-size:1.05em; margin:12px 0 3px 0; line-height:1.3;}
	.photo_item em				{font-size:0.85em;}

	.famSite					{padding:20px 0;}
	.famSite img				{width:80%;}
	.famSite .arrow p:after		{padding:5px;}

	.mainBn						{padding:10px;}
	.mainBn ul					{flex-wrap:wrap; gap:5px 10px;}
	.mainBn img					{height:40px;}
}


@media screen and (max-width:768px) {
	.mainVisual .acc				{top:25%;}
	.mainVisual .acc dt				{font-size:1.8em;}
	.mainVisual .acc dt span		{font-size:20px;}
	.mainVisual .acc dd				{display:none;}
	.mainVisual .item				{aspect-ratio:unset; height:320px;}

	.mainNumber					{gap:5px;}
	.mainNumber dt				{font-size:0.95em;}
	.mainNumber dd em			{font-size:28px;}

	.main_prolist .tab			{grid-template-columns:repeat(3, 1fr);}
	.main_prolist .no_list		{min-width:100%;}
}