@charset "utf-8";

/* 레이아웃 */
.section														{ position:relative;box-sizing:border-box; }
.fp-auto-height.fp-section, 
.fp-auto-height .fp-slide, 
.fp-auto-height .fp-tableCell 									{ height:auto !important; }
body.fp-viewing-4 .header									{background:rgba(255,255,255,.8);backdrop-filter: blur(10px);}
section .con_inner												{position:relative; height:100%; padding-top:100px;display:flex; justify-content:center; flex-flow:column; max-width:1700px;overflow:hidden;gap:3.125em;}
#btn_top													{display:none;}
#skip-navi a:focus												{outline-color:var(--color-white);}


@media all and (max-height:900px) {
	section .con_inner											{gap:1.8em;}
}

@media all and (max-height: 800px) {
	section .con_inner											{padding:6em 0; gap:3em;}
}


@media all and (max-width:1468px){
	section .con_inner											{gap:3.25em;padding-top:80px;}
}

@media all and (max-width:1368px){
	section .con_inner											{padding:4.375em 0;height: auto;gap:3em;}
}

@media all and (max-width:1268px){
	section .con_inner											{padding:3.75em 0;gap:2em;}
}

@media all and (max-width:868px){
	section .con_inner											{padding:3.5em 0;gap:1.75em;}
}

@media all and (max-width:668px){
	section .con_inner											{padding:3em 0;gap:1.5em}
}

@media all and (max-width:468px){
	section .con_inner											{padding:2.5em 0;gap:1.25em;}
}	



/* 스크롤 네비 */
.scroll_nav														{ position:fixed; bottom:0; top:0; margin:auto; right:2%; height:max-content; z-index:9; transition:bottom .3s; display:flex; gap:10px; flex-flow:column; }
.scroll_nav>li													{ position:relative; display:flex; align-items:center; }
.scroll_nav>li::before											{ position:absolute; width:10px; height:10px; background:var(--color-point); content:''; border-radius:100%; z-index:2; left:50%; top:50%;transform: translate(-50%, -50%); opacity:.4; transition:var(--trans-ani); }
.scroll_nav>li::after											{ position:absolute; width:20px; height:20px; background:var(--color-point); content:''; border-radius:100%; z-index:1; left:50%; top:50%;transform: translate(-50%, -50%); opacity:0; transition:var(--trans-ani); }
.scroll_nav>li>a												{ display:block; position:relative; line-height:1; width:24px;height:24px;}
.scroll_nav>li.active::after									{ opacity:.1; }
.scroll_nav>li.active::before									{ opacity:1; }


@media all and (max-width:1768px){
	.scroll_nav														{right:1%;}
}

@media all and (max-width:1468px){
	.scroll_nav														{gap:8px;}
	.scroll_nav>li::before										{width:8px;height:8px; }
	.scroll_nav>li::after											{width:18px;height:18px;}
}

 

 
@media all and (max-width:1368px), (max-height: 800px) {
	/* 공통 */
	.fp-tableCell,
	.fp-section, 
	.fp-slide													{ height:auto !important; }
	.scroll_nav													{ display:none; }

	#btn_top													{display:flex;}
}

/* 타이틀 */
.title_wrap														{ position:relative; display:flex; flex-flow:column; gap:20px; }
.title_wrap h2													{ font-size:2.875em; line-height:1.2; text-transform:uppercase; font-weight:700;font-family:var(--font-paper); }
.title_wrap .sub_txt											{ display:block; font-size:1.5em; opacity:.8;font-weight:500; }

@media all and (max-width:1468px) {
	.title_wrap															{gap:18px;}
	.title_wrap h2													{ font-size:2.5em;  }
	.title_wrap .sub_txt											{ font-size:1.375em; }
}

@media all and (max-width:1268px) {
	.title_wrap															{gap:16px;}
	.title_wrap h2													{ font-size:2.375em;  }
	.title_wrap .sub_txt											{ font-size:1.25em; }
}


@media all and (max-width:868px) {
	.title_wrap															{gap:14px;}
	.title_wrap h2													{ font-size:2.25em;  }
	.title_wrap .sub_txt											{ font-size:1.125em; }
}


@media all and (max-width:668px) {
	.title_wrap															{gap:12px;}
	.title_wrap h2													{ font-size:2em;  }
	.title_wrap .sub_txt											{ font-size:1.063em; }
}

@media all and (max-width:468px) {
	.title_wrap															{gap:10px;}
	.title_wrap h2													{ font-size:1.75em;  }
}


/* 더보기 */
.more															{ position:relative; display:flex; width:40px; height:40px; }
.more::before													{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/new/images/main/icon_more.svg) no-repeat 50% 50% / auto 12px; content:''; }

@media all and (max-width:1468px) {
	.more														{ width:36px;  height:36px; }
}
@media all and (max-width:668px) {
	.more														{ width:34px;  height:34px; }
}
@media all and (max-width:468px) {
	.more														{ width:30px;  height:30px; }
	.more::before												{ background-size:10px; }
}



/* tab */
.control_main_tab 															{--sizeHig:48px;}
.control_main_tab .conts_tab				                             { display:none; }
.control_main_tab .conts_tab.active				                        { display:block; position:relative }

.control_main_tab .tab_menu,
.control_main_tab .tab_menu > li							{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.control_main_tab .tab_menu > li button					{font-size:1.125em;display:block;height:var(--sizeHig);padding:0 35px;border-radius:2.5em;border:1px solid #ccc;;line-height:var(--sizeHig);transition:var(--trans-ani);}
.control_main_tab .tab_menu > li button:hover,
.control_main_tab .tab_menu > li button:focus,
.control_main_tab .tab_menu > li button.active		{background:var(--color-point);color:var(--color-white);font-weight:700;border-color:var(--color-point);}


/* tab + 더보기 */
.more_btn															{ position:absolute; display:flex; width:var(--sizeHig); height:var(--sizeHig);border:1px solid #ccc;border-radius:100%; transition:var(--trans-ani);}
.more_btn::before													{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/new/images/main/icon_tabMore.svg) no-repeat 50% 50% / auto 4px; content:''; }
.more_btn:hover,
.more_btn:focus															{background:var(--color-point);}
.more_btn:hover::before,
.more_btn:focus::before												{filter:brightness(0) invert(1);}


@media all and (max-width:1268px){
	.control_main_tab													{--sizeHig:44px;}
	.control_main_tab .tab_menu > li button						{width:100%;padding:0 10px;}
}

@media all and (max-width:668px){
	.control_main_tab													{--sizeHig:40px;}
	.control_main_tab .tab_menu,
	.control_main_tab .tab_menu > li								{gap:8px;}
	.control_main_tab .tab_menu > li button						{font-size:1.063em;}
}

/* swiper */
.swiper_control	.control						{ display:flex; align-items:center; justify-content:center; }
.swiper_prev									{ width:28px; height:28px; display:block; cursor:pointer; box-sizing: border-box;}
.swiper_next									{ width: 28px; height:28px; display:block; cursor:pointer; box-sizing: border-box; }
.swiper_auto									{ position:relative; display:block; width:28px; height:28px;  }
.swiper_auto::before							{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; display:block;background-position:center; background-repeat:no-repeat; background-size:8px 12px; }
.swiper_page									{ width:auto !important; display:flex; font-weight:700; font-size:16px;align-items:center; justify-content:center; gap:0 10px; line-height:1.2; margin-right:20px;}
.swiper_page .swiper-pagination-current	{ color:var(--color-base);}
.swiper_page .swiper-pagination-total	{ color:var(--color-base);opacity:.7;}
.swiper_page i									{ position:relative; display:inline-block }
.swiper_page i::after							{ display:inline-block; vertical-align:middle; width:4px; height:4px; background:rgba(0,0,0,.4); content:''; margin-top:-2px;border-radius:100%; } 
.swiper_control .control:has(.swiper-button-lock){ display:none !important; }
.swiper_prev::before							{ display:block; width: 100%;height:100%; background:url(/resource/new/images/common/icon_prev.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_next::before							{ display:block; width: 100%;height:100%;background:url(/resource/new/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_auto.paused::before						{ background-image:url(/resource/new/images/common/icon_play.svg); background-size:12px 12px; }		
.swiper_auto::before							{ background-image:url(/resource/new/images/common/icon_stop.svg); background-size:12px 12px; }	

@media all and (max-width:668px){
	.swiper_page									{gap:0 8px;margin-right:12px;font-size:15px;}
	.swiper_prev,
	.swiper_next,
	.swiper_auto									{width:25px;height:25px;}
	.swiper_prev::before							{ background-size:auto 13px; }	
	.swiper_next::before							{ background-size:auto 13px;}	
	.swiper_auto.paused::before					{ background-size:11px 11px; }		
	.swiper_auto::before							{ background-size:11px 11px; }	

}

@media all and (max-width:468px){
	.swiper_page									{gap:0 6px;margin-right:8px;}
}

/* section 1~4 */
#section1,
#section2,
#section3,
#section4													{width:100%; height:100svh !important; overflow:hidden; position:relative}



@media all and (max-width:1368px), (max-height: 800px) {
	/* 공통 */
	.fp-tableCell,
	.fp-section, 
	.fp-slide,
	#section1,
	#section2,
	#section3,
	#section4																		{ height:auto !important; }

	.header.active																	{background:rgba(255,255,255,.8);backdrop-filter: blur(10px);}
	.scroll_nav																		{display:none;}
}



/**********************************************************************

 									비주얼 

**********************************************************************/
#section1											{background:url(/resource/new/images/main/bg_01.jpg) no-repeat center / cover;}
#section1 .con_inner							{gap:1.875em;}
.visual .flex											{display:flex;justify-content: space-between;align-items: center;gap:20px;}
.visual .title_wrap									{color:var(--color-point); }
.visual .title_wrap	h2								{font-size:3.125em;font-weight:800;letter-spacing: 0;}
.visual .title_wrap	.sub_txt					 	{font-size:1.625em;font-weight:600;opacity:.9;line-height:1.4;}
.visual .flex .banner								{display:flex;gap:14px;}
.visual .flex .banner > li							{width:300px;}
.visual .flex .banner > li > a						{display: flex;height: 100%;flex-direction: column;justify-content: space-between;background:var(--color-white);border-radius:20px;padding: 1.875em 1.875em 1.25em 1.875em;box-shadow:2px 2px 10px rgba(0,64,152,.05);transition:var(--trans-ani);}
.visual .flex .banner > li > a:hover,
.visual .flex .banner > li > a:focus				{background:var(--color-point);color:var(--color-white);}
.visual .flex .banner > li > a dl					{display:flex;flex-direction:column;gap: 14px;font-family:var(--font-paper);letter-spacing:0;}
.visual .flex .banner > li > a dl dt				{font-size:1.375em;font-weight:800;line-height: 1;}
.visual .flex .banner > li > a dl dd				{line-height:1.5}
.visual .flex .banner > li > a .more				{background: #d9e8ff;border-radius: 100%;margin-left: auto;margin-right: -.625em;margin-top: 6px;}
.visual .flex .banner > li > a .more::before		{filter: invert(14%) sepia(69%) saturate(3561%) hue-rotate(208deg) brightness(97%) contrast(100%);}
.visual .business .list										{display:flex;gap:18px;}
.visual .business .list> li									{flex:1.0048;position:relative;overflow:hidden;transition:flex .4s cubic-bezier(.4, 0, .2, 1);}
.visual .business .list > li.active							{flex:2.0885;}
.visual .business .list > li > .box.mobile				{display:none;}
.visual .business .list > li > .box							{position:relative;display:block;width:100%;border-radius:40px;height:460px;}
.visual .business .list > li > .box > div					{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction: column;transition: opacity .35s cubic-bezier(.4, 0, .2, 1);transition-delay: .2s;}
.visual .business .list > li.active > .box .on				{opacity:1;visibility:visible;}
.visual .business .list > li.active > .box .off				{opacity:0;visibility:hidden;}
.visual .business .list > li > .box strong					{letter-spacing:-0.025em;margin-bottom:1.25rem;line-height:1;font-family:var(--font-paper);display:block;}
.visual .business .list > li > .box p							{font-family:var(--font-paper);}
.visual .business .list > li > .box .more					{display:block;background:var(--color-white);border-radius:100%;}
.visual .business .list > li.talent > .box strong			{color:#1522cd;}
.visual .business .list > li.rnd > .box strong			{color:var(--color-point);}
.visual .business .list > li.region > .box strong			{color:var(--color-green);}


/*off */
.visual .business .list > li > .box .off						{padding: 2.5em;}
.visual .business .list > li > .box .off::after				{content:'';position:absolute;bottom:3.125em; left: 50%;transform: translateX(-50%);display:block;}
.visual .business .list > li.talent > .box					{background:#e7e8f7;}
.visual .business .list > li.talent > .box .off::after			{width:167px;height:130px;background:url(/resource/new/images/main/img_business01.png) center / 100%;}
.visual .business .list > li.rnd > .box					{background:#d9e8ff;}
.visual .business .list > li.rnd > .box .off::after			{width:151px;height:129px;background:url(/resource/new/images/main/img_business02.png) center / 100%;}
.visual .business .list > li.region > .box					{background:#e1f6ef;}
.visual .business .list > li.region > .box .off::after		{width:130px;height:129px;background:url(/resource/new/images/main/img_business03.png) center / 100%;}
.visual .business .list > li > .box .off strong			{font-size:1.063em;}
.visual .business .list > li > .box .off p						{font-size:1.875em;letter-spacing:-0.045em;font-weight:600;line-height:1.2;color:var(--color-base);}
.visual .business .list > li > .box .off .more					{width:50px;height:50px;margin-top:auto;margin-left:auto;}

/*on*/
.visual .business .list > li > .box .on					{padding:5em 3.75em;opacity:0;visibility:hidden;}
.visual .business .list > li.active > .box					{background-position:center right;background-size:cover;background-repeat:no-repeat;}
.visual .business .list > li.active > .box::after				{display:none;}
.visual .business .list > li > .box .on strong			{font-size:3.75em;font-weight:800;}
.visual .business .list > li > .box .on p 				{font-size:1.25em;font-weight:600;letter-spacing:-0.025em;max-width:45%;line-height:1.5;}
.visual .business .list > li > .box .on .btn 				{display:flex;align-items: center; justify-content: space-between;margin-top:3.25rem;width:220px;height:50px;line-height:50px;border-radius:2.5em;padding-left:1.5em;}
.visual .business .list > li > .box .on .btn .txt			{font-size:1.063em;color:var(--color-white);font-weight:500;}
.visual .business .list > li > .box .on .btn > .more		{width:40px;height:40px;margin: 5px;}


/*인재양성*/
.visual .business .list > li.talent.active > .box				{background-image:url('/resource/new/images/main/bg_business01.jpg') ;}
.visual .business .list > li.talent > .box .on strong,
.visual .business .list > li.talent > .box .on p			{color:#1522cd;}
.visual .business .list > li.talent> .box .on .btn			{background:#1522cd;}
.visual .business .list > li.talent > .box .on .btn .more::before{filter: invert(14%) sepia(59%) saturate(4552%) hue-rotate(227deg) brightness(108%) contrast(102%);}


/*연구개발*/
.visual .business .list > li.rnd.active > .box					{background-image:url('/resource/new/images/main/bg_business02.jpg') ;}
.visual .business .list > li.rnd > .box .on strong,
.visual .business .list > li.rnd > .box .on p				{color:var(--color-point);}
.visual .business .list > li.rnd > .box .on .btn			{background:var(--color-point)}
.visual .business .list > li.rnd > .box .on .btn .more::before{filter: invert(14%) sepia(69%) saturate(3561%) hue-rotate(208deg) brightness(97%) contrast(100%);}

/*지역현안*/
.visual .business .list > li.region.active > .box				{background-image:url('/resource/new/images/main/bg_business03.jpg');}
.visual .business .list > li.region > .box .on strong,
.visual .business .list > li.region> .box .on p			{color:var(--color-green);}
.visual .business .list > li.region > .box .on .btn			{background:var(--color-green);}
.visual .business .list > li.region > .box .on .btn .more::before{filter: invert(41%) sepia(40%) saturate(2074%) hue-rotate(120deg) brightness(90%) contrast(94%);}

.visual .quick .list												{width:80%;background:var(--color-white);margin:0 auto;max-width:900px;height:100px;border-radius:3.125em;padding:0 5.625em;display:flex;justify-content: space-between;align-items:center;box-shadow:2px 2px 10px rgba(0,64,152,.1);}
.visual .quick .list > li > a										{font-weight:700;font-size:1.375em;display:flex;gap:14px;align-items:center;transition:var(--trans-ani);}
.visual .quick .list > li > a::before							{content:'';display:block;background-size:100%;background-repeat:no-repeat;background-position:center;}
.visual .quick .list > li > a:hover,
.visual .quick .list > li > a:focus								{animation:iconShow 2s;color:var(--color-point);}
.visual .quick .list > li:nth-child(1) > a::before				{background-image:url(/resource/new/images/main/icon_quick01.svg);width:50px;height:49px;}
.visual .quick .list > li:nth-child(2) > a::before				{background-image:url(/resource/new/images/main/icon_quick02.svg);width:46px;height:44px;}
.visual .quick .list > li:nth-child(3) > a::before				{background-image:url(/resource/new/images/main/icon_quick03.svg);width:45px;height:44px;}


@media all and (max-height:1079px) {
	.visual .business .list > li > .box								{height: clamp(340px, 44vh, 440px);}
	.visual .business .list > li > .boxa .off							{padding:2.375em;}
	.visual .business .list > li > .box::after							{bottom:3em;}
	.visual .business .list > li > .box strong						{margin-bottom:.88rem;}
	.visual .business .list > li > .box .off p							{font-size:1.625em;}
	.visual .business .list > li > .box .on						{padding:4em 3.75em;}
	.visual .business .list > li > .box .on .btn					{margin-top:3vh;}
	.visual .quick .list												{height:90px;}
}

@media all and (max-width:1368px), (max-height: 800px) {
	.visual .business .list > li > .box										{height:460px;}
}

@media all and (max-width:1700px) {
	.visual .business .list > li > .box .off p br								{display:none;}
}

@media all and (max-width:1568px) {
	#section1 .con_inner											{gap:1.5em;}
	.visual .business .list > li > .box									{height:360px;}
	.visual .business .list > li > .box .off								{padding:2.375em;}
	.visual .business .list > li > .box .off p								{font-size:1.75em;}
	.visual .business .list > li > .box .on								{padding:3.75em 3.5em;}
	.visual .business .list > li > .box .on strong						{font-size:3.5em;}
	.visual .business .list > li > .box .on p							{font-size:1.125em;}
}

@media all and (max-width:1468px) {
	.visual .title_wrap h2												{font-size:2.875em;}
	.visual .title_wrap .sub_txt										{font-size:1.5em;}
	.visual .flex .banner > li											{width:280px;}
	.visual .flex .banner > li > a										{ padding: 1.75em 1.75em 1.15em 1.75em;}
	.visual .business .list													{gap:16px;}
	.visual .business .list > li > .box									{height:360px;border-radius:30px;}
	.visual .business .list > li > .box .off								{padding:2.25em;}
	.visual .business .list > li > .box .off p								{font-size:1.5em;}
	.visual .business .list > li > .box .off::after						{left:auto;transform: translateX(0);bottom:2.25em;}
	.visual .business .list > li.talent > .box .off::after					{width:153px;height:120px;} 
	.visual .business .list > li.rnd > .box .off::after						{width:140px;height:119px;}
	.visual .business .list > li.region > a .off::after					{width:120px;height:119px;}
	.visual .business .list > li > .box .off .more						{width:46px;height:46px;}
	.visual .business .list > li.active > .box							{background-position:right 100% center;}
	.visual .business .list > li > .box .on							{padding:3.5em 3em;}
	.visual .business .list > li > .box .on strong					{font-size:3em;  margin-bottom: 1rem;}
	.visual .business .list > li > .box .on .btn					{margin-top:1.5em;}
	.visual .quick .list												{max-width:800px;padding: 0 5em;height:90px;}
	.visual .quick .list > li > a										{font-size:1.25em;gap:12px;}
	.visual .quick .list > li:nth-child(1) > a::before				{width:46px;height:45px;}
	.visual .quick .list > li:nth-child(2) > a::before				{width:42px;height:40px;}
	.visual .quick .list > li:nth-child(3) > a::before				{width:41px;height:40px;}
}

@media all and (max-width:1368px) {
	#section1 .con_inner											{margin-top:70px;padding-top:3em;}
	.visual .flex .banner > li											{width:250px;}
}

@media all and (max-width:1268px) {
	#section1 .con_inner											{gap:1.75em;}
	.visual .title_wrap h2												{font-size:2.5em;}
	.visual .title_wrap .sub_txt										{font-size:1.375em;}
	.visual .flex .banner												{gap:12px;}
	.visual .flex .banner > li											{width:230px;}
	.visual .flex .banner > li > a										{ padding: 1.625em 1.625em 1.05em 1.625em;}
	.visual .flex .banner > li > a dl									{gap:14px;}
	.visual .flex .banner > li > a dl dt								{font-size:1.25em;}
	.visual .business .list > li > .box									{height:340px;}
	.visual .business .list > li > .box .off								{padding:1.875em;}
	.visual .business .list > li > .box .off::after								{bottom:1.875em;}
	.visual .business .list > li > .box .off p									{font-size:1.375em;}
	.visual .business .list > li.talent > .box .off::after						{width:128px;height:100px;} 
	.visual .business .list > li.rnd > .box .off::after							{width:116px;height:99px;}
	.visual .business .list > li.region > .box .off::after						{width:110px;height:99px;}
	.visual .business .list > li > .box .on								{padding:3em 2.5em;}
	.visual .business .list > li > .box .on strong						{font-size:2.5em;}
	.visual .quick .list												{max-width:initial;padding: 0 4em;height:80px;}
}

@media all and (max-width:1168px) {
	.visual .title_wrap .sub_txt br										{display:none;}
	.visual .flex .banner > li											{width:200px;}
	.visual .business .list 												{gap: 12px;}
	.visual .business .list > li 											{flex: 1 1 calc((100% - 24px) / 3);}
	.visual .business .list > li > .box								 	{height:280px;}
	.visual .business .list > li > .box:focus						{outline-offset: -4px;}
	.visual .business .list > li > .box.mobile							{display:block;}
	.visual .business .list > li > .box.pc 								{display:none;}
	.visual .business .list > li > .box .off								{padding:2em;position:relative;}
	.visual .business .list > li > .box .off::after						{bottom:2em;}
	.visual .business .list > li.talent > .box .off::after						{width:115px;height:90px;} 
	.visual .business .list > li.rnd > .box .off::after							{width:105px;height:89px;}
	.visual .business .list > li.region > .box .off::after						{width:90px;height:89px;}
	.visual .business .list > li> a:hover .off .more,
	.visual .business .list > li> a:focus .off .more							{transition:var(--trans-ani);}
	.visual .business .list > li.talent > .box:hover .off .more,
	.visual .business .list > li.talent > .box:focus .off .more			{background:#1522cd;}	
	.visual .business .list > li.rnd > .box:hover .off  .more,
	.visual .business .list > li.rnd > .box:focus .off .more			{background:var(--color-point);}	
	.visual .business .list > li.region > .box:hover .off .more,
	.visual .business .list > li.region > .box:focus .off .more			{background:var(--color-green);}	
	.visual .business .list > li > .box:hover  .off .more::before,
	.visual .business .list > li > .box:focus  .off .more::before				{filter:brightness(0) invert(1);}	
}


@media all and (max-width:968px) {
	.visual .flex															{flex-direction: column;align-items: flex-start;}
	.visual .flex .banner												{gap:10px;width:100%;}
	.visual .flex .banner > li											{width: calc((100% - 10px) / 2);}
	.visual .flex .banner > li > a										{ padding: 1.5em;}
	.visual .flex .banner > li > a dl								{gap:12px;}
	.visual .flex .banner > li > a dl dd							{font-size:1.063em;}
	.visual .flex .banner > li > a .more							{margin-right:0;margin-top:1em;}
	.visual .business .list 												{gap: 10px;}
	.visual .business .list > li 											{flex: 1 1 calc((100% - 20px) / 3);}
	.visual .business .list > li > .box									{border-radius:20px;}
	.visual .business .list > li.talent > .box .off::after						{width:102px;height:80px;} 
	.visual .business .list > li.rnd > .box .off::after							{width:105px;height:89px;}
	.visual .business .list > li.region > .box .off::after						{width:80px;height:79px;}
	.visual .quick .list > li:nth-child(1) > a::before				{width:41px;height:40px;}
	.visual .quick .list > li:nth-child(2) > a::before				{width:37px;height:35px;}
	.visual .quick .list > li:nth-child(3) > a::before				{width:36px;height:35px;}
}

@media all and (max-width:868px) {
	#section1 .con_inner											{gap:1.5em;}
	.visual .title_wrap h2												{font-size:2.375em;}
	.visual .title_wrap .sub_txt										{font-size:1.25em;}
	.visual .business .list 											{flex-direction: column;}
	.visual .business .list > li 										{flex: 1 1 100%;}
	.visual .business .list > li > .box									{height:auto;}
	.visual .business .list > li > .box .off								{padding:1.875em;}
	.visual .business .list > li > .box .off::after						{right: 1.875em;left: initial;top: 50%;transform: translateY(-50%);}
	.visual .business .list > li > .box  .off p							{max-width:80%;}
	.visual .business .list > li > .box  .off .more						{margin-left:0;margin-top:2em;}
}


@media all and (max-width:668px) {
	#section1 .con_inner											{margin-top:65px;padding-top:1.5em;}
	.visual .title_wrap h2												{font-size:2.25em;}
	.visual .title_wrap .sub_txt										{font-size:1.125em;}
	.visual .flex .banner > li > a										{border-radius:10px;}
	.visual .business .list > li > .box									{border-radius:10px;}
	.visual .business .list > li > .box .off								{padding:1.75em;}
	.visual .business .list > li > .box strong								{margin-bottom:.75rem;}
	.visual .business .list > li > .box  .off p							{font-size:1.25em;}
	.visual .business .list > li > .box  .off .more						{width:44px;height:44px;}
	.visual .business .list > li > .box .off::after						{top: initial; transform: translateY(0);bottom: 1.75em;right:1.75em;}
	.visual .quick .list													{width:90%;padding:1.5em 2.5em;height:auto;border-radius: 5em;}
	.visual .quick .list > li > a											{ font-size:1.125em;}
	.visual .quick .list > li:nth-child(1) > a::before				{width:41px;height:40px;}
	.visual .quick .list > li:nth-child(2) > a::before				{width:37px;height:35px;}
	.visual .quick .list > li:nth-child(3) > a::before				{width:36px;height:35px;}

}


@media all and (max-width:468px) {
	#section1 .con_inner											{gap: 1.25em;}
	.visual .title_wrap h2												{font-size:2em;}
	.visual .business .list > li > .box .off									{padding:1.5em;}
	.visual .business .list > li > .box .off::after							{bottom: 1.5em;right:1.5em;}
	.visual .business .list > li > .box .off .more								{width:40px;height:40px;}
	.visual .business .list > li.talent > .box .off::after						{width:89px;height:70px;} 
	.visual .business .list > li.rnd > .box .off::after							{width:81px;height:69px;}
	.visual .business .list > li.region > .box .off::after						{width:70px;height:69px;}
	.visual .quick .list													{width:96%;padding:1em 1.75em;}
	.visual .quick .list > li > a										{gap:8px;font-size:1em;}
	.visual .quick .list > li:nth-child(1) > a::before				{width:36px;height:35px;}
	.visual .quick .list > li:nth-child(2) > a::before				{width:32px;height:30px;}
	.visual .quick .list > li:nth-child(3) > a::before				{width:31px;height:30px;}
	
}

@media all and (max-width:368px) {
	#section1 .con_inner											{margin-top:60px;}
	.visual .flex .banner 												{flex-direction: column;}
	.visual .flex .banner > li											{width:100%;}
	.visual .business .list > li > .box .off p							{max-width:75%;}
	.visual .quick .list												{padding:1em;border-radius:10px;}
	.visual .quick .list > li 											{width:33.3%;}
	.visual .quick .list > li > a										{flex-direction: column;}
	.visual .quick .list > li > a::before							{width:36px;height:35px !important;}
	.visual .quick .list > li:nth-child(1) > a::before				{background-size:36px 35px;}
	.visual .quick .list > li:nth-child(2) > a::before				{background-size:32px 30px;}
	.visual .quick .list > li:nth-child(3) > a::before				{background-size:31px 30px;}
}



/**********************************************************************

 								알림마당	

**********************************************************************/
#section2																						{background:url(/resource/new/images/main/bg_02.jpg) no-repeat center / cover;}
[data-main-con="notice"] .notice														{position:relative;}
[data-main-con="notice"] .tab_menu												{position: absolute;right: calc((var(--sizeHig) + 10px));top: calc((var(--sizeHig) + 3.5em) * -1);}
[data-main-con="notice"] .tab_menu:has(.all.active)								{right:0;}
[data-main-con="notice"] .more_btn															{ position:absolute;top: calc((var(--sizeHig) + 3.5em) * -1);right:0;}
[data-main-con="notice"] .notice_list														{gap:20px;display:flex;flex-wrap:wrap;}
[data-main-con="notice"] .notice_list > li													{width:calc((100% - 60px) / 4);}
[data-main-con="notice"] .notice_list > li > a											{position:relative;display:block;  height: 100%;padding:2.5em;border-radius:20px;background:var(--color-white);transition:var(--trans-ani);transform:translateY(0);border:1px solid #ccc;}
[data-main-con="notice"] .notice_list > li > a:hover,
[data-main-con="notice"] .notice_list > li > a:focus									{transform:translateY(-20px);border-color:transparent;}
[data-main-con="notice"] .notice_list > li > a:focus									{outline-offset: -4px;}
[data-main-con="notice"] .notice_list > li > a::before									{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--color-point);border-radius:20px;opacity:0;visibility: hidden;transition:var(--trans-ani);}
[data-main-con="notice"] .notice_list > li > a:hover::before,
[data-main-con="notice"] .notice_list > li > a:focus::before							{opacity:1;visibility:visible;}
[data-main-con="notice"] .notice_list > li > a .cate									{display:inline-block;border-radius:2.5em;background:#e5effd;color:var(--color-point);height:36px;padding:0 24px;line-height:36px;}
[data-main-con="notice"] .notice_list > li > a:hover .cate,
[data-main-con="notice"] .notice_list > li > a:focus .cate								{background:var(--color-point);color:var(--color-white);}
[data-main-con="notice"] .notice_list > li > a dl										{display:flex;flex-direction: column;gap:1.5em;margin:1.25em 0 1.5em;word-break: break-all;}
[data-main-con="notice"] .notice_list > li > a dl dt									{font-size:1.5em;font-weight:700;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;min-height: 3.125em;}
[data-main-con="notice"] .notice_list > li > a dl dd									{font-size:1.125em;color:#555;display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; min-height: 6.25em;}
[data-main-con="notice"] .notice_list > li > a .date									{display:block;color:#555;padding-top:1.5em;border-top:1px solid #e5e5e5;}
[data-main-con="notice"] .notice_list > .none_data									{display: flex;justify-content: center;align-items: center;border: 1px solid #ccc;height: 26.468rem;}


@media all and (max-height:900px) {
	[data-main-con="notice"] .tab_menu,
	[data-main-con="notice"] .more_btn 											{top: calc((var(--sizeHig) + 1.5em) * -1);}
}

@media all and (max-height:800px) {
	[data-main-con="notice"] .tab_menu,
	[data-main-con="notice"] .more_btn 											{top: calc((var(--sizeHig) + 3em) * -1);}
}


@media all and (max-width:1468px) {
	[data-main-con="notice"] .tab_menu,
	[data-main-con="notice"] .more_btn												{top: calc((var(--sizeHig) + 3.25em) * -1);}
	[data-main-con="notice"] .notice_list 												{gap:16px;}
	[data-main-con="notice"] .notice_list > li											{width:calc((100% - 48px) / 4);}
	[data-main-con="notice"] .notice_list > li > a									{padding:2em;}
	[data-main-con="notice"] .notice_list > li > a dl								{gap: 1.25em;margin: 1em 0 1.25em;}
	[data-main-con="notice"] .notice_list > li > a dl dt							{font-size:1.375em;}
	[data-main-con="notice"] .notice_list > li > a .date							{ padding-top: 1.25em;}
	[data-main-con="notice"] .notice_list > .none_data							{height:24.08rem;}
}

@media all and (max-width:1368px) {
	[data-main-con="notice"] .tab_menu,
	[data-main-con="notice"] .more_btn												{top: calc((var(--sizeHig) + 3em) * -1);}
}


@media all and (max-width:1268px) {
	[data-main-con="notice"] .tab_menu												{position:initial;margin-bottom:1em;width:calc(100% - var(--sizeHig) - 10px);}
	[data-main-con="notice"] .tab_menu:has(.all.active)								{width:100%;}
	[data-main-con="notice"] .tab_menu > li											{width:calc((100% - 30px) / 4);}
	[data-main-con="notice"] .more_btn												{top: calc((var(--sizeHig) + 1em) * -1);}
	[data-main-con="notice"] .notice_list 												{gap:10px;}
	[data-main-con="notice"] .notice_list > li											{width: calc((100% - 10px) / 2);}
	[data-main-con="notice"] .notice_list > li > a									{padding:1.75em;}
	[data-main-con="notice"] .notice_list > li > a:hover,
	[data-main-con="notice"] .notice_list > li > a:focus							{transform: translateY(0px);}
	[data-main-con="notice"] .notice_list > li > a dl								{gap: 1.125em;margin: .875em 0 1.125em;}
	[data-main-con="notice"] .notice_list > li > a dl dt							{font-size:1.25em;}
	[data-main-con="notice"] .notice_list > li > a dl dd							{font-size:1.063em;-webkit-line-clamp: 2;min-height: 3.14em;}
	[data-main-con="notice"] .notice_list > li > a .date							{ padding-top: 1.125em;}
	[data-main-con="notice"] .notice_list > .none_data							{height:auto;padding:3em 1em;}
}

@media all and (max-width:968px) {
	[data-main-con="notice"] .notice_list > li > a .cate						{height:30px;line-height:30px;padding:0 20px;}
}

@media all and (max-width:868px) {
	[data-main-con="notice"] .notice_list > li > a									{padding:1.5em;}
	[data-main-con="notice"] .notice_list > li > a dl								{gap: 1.063em;margin: .75em 0 1.063em;}
	[data-main-con="notice"] .notice_list > li > a .date							{ padding-top: 1.063em;}
}

@media all and (max-width:668px) {
	[data-main-con="notice"] .tab_menu												{width:calc(100% - var(--sizeHig) - 8px);}
	[data-main-con="notice"] .tab_menu > li											{width:calc((100% - 24px) / 4);}
	[data-main-con="notice"] .notice_list > li > a									{padding:1.375em;border-radius:10px;}
	[data-main-con="notice"] .notice_list > li > a dl dt							{font-size:1.125em;}
	[data-main-con="notice"] .notice_list > li > a dl dd							{font-size:1em;}
	[data-main-con="notice"] .notice_list > li > a dl								{gap: 1em;margin: .5em 0 1em;}
	[data-main-con="notice"] .notice_list > li > a .date							{ padding-top: 1em;}
	[data-main-con="notice"] .notice_list > .none_data							{padding:2em 1em;}
}

@media all and (max-width:468px) {
	[data-main-con="notice"] .tab_menu												{width:100%;}
	[data-main-con="notice"] .tab_menu > li											{width:calc((100% - 8px) / 2);}
	[data-main-con="notice"] .more_btn 												{position: relative;right: initial;top: initial;margin-top: 1em;border-radius: 8px;width: 100%; display: flex;justify-content: center;align-items: center; gap: 6px;flex-direction: column;height: auto;padding: .75em;}
	[data-main-con="notice"] .more_btn::before										{display:none;}
	[data-main-con="notice"] .more_btn 	span.blind									{font-size:1em;text-indent:0;position: initial;width: auto;height: auto;color: var(--color-base);line-height: 1;}
	[data-main-con="notice"] .more_btn:hover span.blind,
	[data-main-con="notice"] .more_btn:focus span.blind								{color: var(--color-white);}
	[data-main-con="notice"] .notice_list > li										{width: 100%;}
	[data-main-con="notice"] .notice_list > li > a									{padding:1.25em;}
	[data-main-con="notice"] .notice_list > li > a dl								{gap: .5em;}
	[data-main-con="notice"] .notice_list > li > a dl dt,
	[data-main-con="notice"] .notice_list > li > a dl dd							{min-height:auto;}
	[data-main-con="notice"] .notice_list > li > a dl dt							{-webkit-line-clamp: 1;}
}

@media all and (max-width:368px) {
	[data-main-con="notice"] .notice_list > li > a									{padding:1.125em;}
	[data-main-con="notice"] .notice_list > li > a dl								{gap: .375em;margin: .5em 0;}
	[data-main-con="notice"] .notice_list > li > a .date							{ padding-top: .5em;}
}

/**********************************************************************

 							SNS	채널

**********************************************************************/
#section3																						{background:url(/resource/new/images/main/bg_03.jpg) no-repeat center / cover;}
[data-main-con="sns"] .grid																{display:grid;grid-template-columns:1000px 1fr; grid-template-areas:"youtube shorts""media shorts";gap:20px;--sizeWidth:1000px;}	

/*영상 공통*/
[data-main-con="sns"] a:has(.video)														{border-radius:20px;overflow:hidden;position:relative;display:block;height:100%;}										
[data-main-con="sns"] a:has(.video) .video::before									{content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;border:3px solid var(--color-point);border-radius:20px;opacity:0;visibility:hidden;z-index:2; box-sizing:border-box;transition:var(--trans-ani);pointer-events:none;}
[data-main-con="sns"] a:has(.video):hover .video::before,
[data-main-con="sns"] a:has(.video):focus .video::before							{opacity:1;visibility:visible;}		
[data-main-con="sns"] a:has(.video)[target="_blank"]::after							{display:none;}
[data-main-con="sns"] .video															{ border-radius:20px; overflow:hidden; width:100%; position:relative; border:1px solid #ccc;background:#000; }
[data-main-con="sns"] .video:hover,
[data-main-con="sns"] .video:focus													{border-color:transparent;}
[data-main-con="sns"] .video img													{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   																	 							-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%) ; object-fit:cover; -o-object-fit:cover;opacity:.8;transition:var(--trans-ani); }
[data-main-con="sns"] .video:hover img,
[data-main-con="sns"] .video:focus img												{transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%,-50%) scale(1.1); -webkit-transform:translate(-50%, -50%) scale(1.1);
    																									-moz-transform:translate(-50%,-50%) scale(1.1);}

[data-main-con="sns"] .grid	.youtube,
[data-main-con="sns"] .grid	.media													{display:flex;gap:20px;}
[data-main-con="sns"] .grid	.youtube												{ grid-area:youtube;}
[data-main-con="sns"] .grid	.youtube > li,
[data-main-con="sns"] .grid	.media > li												{width:calc((100% - 20px) / 2);}
[data-main-con="sns"] .grid	.media													{margin-top:1.36em;grid-area:media;}
[data-main-con="sns"] .grid	.media > li												{height:110px;}
[data-main-con="sns"] .grid	.media > li	h3											{font-size:1.5625em;font-family:var(--font-paper);font-weight:400;}
[data-main-con="sns"] .grid	.media > li	h3 strong									{font-weight:700;}
[data-main-con="sns"] .grid	.youtube > li > a .video								{aspect-ratio: 16/9;}
[data-main-con="sns"] .grid	.youtube > li > a .video::after						{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/resource/new/images/main/icon_youtube.png);width:50px;height:35px;z-index:1;}
[data-main-con="sns"] .grid	.youtube > li > a strong								{font-size:1.375em;font-weight:700;padding:.8em 1.13em 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height:3.8em;overflow: hidden;}
[data-main-con="sns"] .grid	.youtube > .none_data								{display: flex; background: #fff; border:1px solid #ddd;justify-content: center; align-items: center;}
[data-main-con="sns"] .grid	.media > .sns											{background:#EAF2FF;border-radius:20px;padding:0 1.875em;display:flex;align-items:center;justify-content: space-between;}
[data-main-con="sns"] .grid	.media > .sns .sns_icon									{display:flex;align-items:center;gap:10px;}
[data-main-con="sns"] .grid	.media > .sns .sns_icon > li > a						{position:relative;width:50px;height:50px;display:block;}	
[data-main-con="sns"] .grid	.media > .sns .sns_icon > li > a:hover,
[data-main-con="sns"] .grid	.media > .sns .sns_icon > li > a:focus					{animation:iconShow 2s;}
[data-main-con="sns"] .grid	.media > .sns .sns_icon > li > a::after					{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-size:100%;background-repeat:no-repeat;background-position:Center;}
[data-main-con="sns"] .grid	.media > .sns .sns_icon > li:nth-child(1) > a::after	{background-image:url(/resource/new/images/common/icon_instagram.svg);}
[data-main-con="sns"] .grid	.media > .sns .sns_icon > li:nth-child(2) > a::after	{background-image:url(/resource/new/images/common/icon_youtube.svg);}
[data-main-con="sns"] .grid	.media > .newsletter > a								{position:relative;background: #EFEEFE ;display: flex;padding:0 1.875em;width: 100%;height: 100%;border-radius:20px;align-items: center;overflow:hidden;}		
[data-main-con="sns"] .grid	.media > .newsletter > a::after							{content:'';display:block;position:absolute;right:0;top:0;width:100%;height:100%;background:url(/resource/new/images/main/bg_newsletter.png) no-repeat right top 24% / auto 239px;transition:var(--trans-ani);}
[data-main-con="sns"] .grid	.media > .newsletter > a:hover::after,
[data-main-con="sns"] .grid	.media > .newsletter > a:focus::after					{transform:scale(1.1);}	
[data-main-con="sns"] .grid	 .shorts													{display:flex;gap:20px;display:flex;grid-area:shorts;}
[data-main-con="sns"] .grid	 .shorts > li												{width:calc((100% - 20px) / 2);}
[data-main-con="sns"] .grid	 .shorts > li>a .video								{ position:relative;height:100%;}
[data-main-con="sns"] .grid	 .shorts > li>a .video::after						{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/resource/new/images/main/icon_shorts.png) no-repeat center / 100%;width:47px;height:59px;z-index:1;}
[data-main-con="sns"] .grid	 .shorts > li>a .video .txt							{position:absolute;bottom:0;left:0;background:linear-gradient(0deg,#000,transparent);padding:2.1875em;width: 100%;}
[data-main-con="sns"] .grid	 .shorts > li>a .video strong						{font-size:1.375em;font-weight:700;width:100%;color:var(--color-white);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
[data-main-con="sns"] .grid	 .shorts > .none_data								{display: flex; background: #f0f0f0; justify-content: center; align-items: center;}

@media all and (max-width:1368px), (max-height: 800px) {
	[data-main-con="sns"] .grid	 .media > li										{height:100px;}
}

@media all and (max-width:1768px) {
	[data-main-con="sns"] .grid														{grid-template-columns:960px 1fr;}
}

@media all and (max-width:1669px) {
	[data-main-con="sns"] .grid														{grid-template-columns:880px 1fr;}
	[data-main-con="sns"] .grid .media > li										{height:100px;}
}

@media all and (max-width:1568px) {
	[data-main-con="sns"] .grid														{grid-template-columns:820px 1fr;}
}

@media all and (max-width:1468px) {
	[data-main-con="sns"] .grid														{grid-template-columns:780px 1fr;gap:16px;}
	[data-main-con="sns"] .grid .youtube,
	[data-main-con="sns"] .grid .media											{gap:16px;}
	[data-main-con="sns"] .grid .youtube > li,
	[data-main-con="sns"] .grid .media > li										{width: calc((100% - 16px) / 2)}
	[data-main-con="sns"] .grid .youtube > li > a strong					{padding: .6em 1em 0;font-size:1.25em;}
	[data-main-con="sns"] .grid	.media											{margin-top:1em;}
	[data-main-con="sns"] .grid .media > li h3									{font-size:1.375em;}
	[data-main-con="sns"] .grid .media > .newsletter > a::after				{background-size:auto 220px;}
	[data-main-con="sns"] .grid .shorts												{gap:16px;}
	[data-main-con="sns"] .grid .shorts > li										{width: calc((100% - 16px) / 2)}
	[data-main-con="sns"] .grid .shorts > li>a .video .txt						{padding:1.5em;}
	[data-main-con="sns"] .grid .shorts > li>a .video strong				{font-size:1.25em;}
}

@media all and (max-width:1368px) {
	[data-main-con="sns"] .grid														{grid-template-columns:720px 1fr;}
	[data-main-con="sns"] .grid .media > li										{height:90px;}
	[data-main-con="sns"] .grid .media > .newsletter > a::after				{background-size:auto 200px;}
}

@media all and (max-width:1268px) {
	[data-main-con="sns"] .title_wrap												{margin-top:1.125em;}
	[data-main-con="sns"] .grid														{margin-top:-9.425em; grid-template-columns:1fr 1fr;grid-template-areas:"media shorts""youtube youtube";}
	[data-main-con="sns"] .grid .media											{flex-direction: column;margin-top:0;justify-content: flex-end;}
	[data-main-con="sns"] .grid .media > li										{ height: 30%; width: 100%;}
	[data-main-con="sns"] .grid	.youtube > .none_data						{padding:3em 1em;}
	[data-main-con="sns"] .grid .media > .sns									{padding:2em;}
	[data-main-con="sns"] .grid .media > .sns .sns_icon						{margin-left:auto;}
	[data-main-con="sns"] .grid .media > .newsletter > a					{padding:2em;}
	[data-main-con="sns"] .grid .media > .newsletter > a::after				{background-position:right 6% bottom 110%;}
	[data-main-con="sns"] .grid .shorts > li>a .video							{aspect-ratio: 330/470;height:auto;}
}

@media all and (max-width:1168px) {
	[data-main-con="sns"] .title_wrap											{margin-top:0;}
	[data-main-con="sns"] .grid,
	[data-main-con="sns"] .grid .youtube,
	[data-main-con="sns"] .grid .media,
	[data-main-con="sns"] .grid .shorts												{gap:12px;}
	[data-main-con="sns"] .grid														{margin-top:-8.5em;}
	[data-main-con="sns"] .grid .youtube > li,
	[data-main-con="sns"] .grid .shorts > li										{ width: calc((100% - 12px) / 2);}
}


@media all and (max-width:968px) {
	[data-main-con="sns"] .grid,
	[data-main-con="sns"] .grid .youtube,
	[data-main-con="sns"] .grid .media,
	[data-main-con="sns"] .grid .shorts												{gap:10px;}
	[data-main-con="sns"] .grid .media > .sns .sns_icon						{gap:8px;}
	[data-main-con="sns"] .grid .media > .sns .sns_icon > li > a			{width:40px;height:40px;}
	[data-main-con="sns"] .grid .youtube > li,
	[data-main-con="sns"] .grid .shorts > li										{ width: calc((100% - 10px) / 2);}
	[data-main-con="sns"] .grid .shorts > li>a .video						{aspect-ratio: 330/518;}
	
}

@media all and (max-width:868px) {
	[data-main-con="sns"] .grid														{margin-top:0;}
	[data-main-con="sns"] .grid .media > .sns,
	[data-main-con="sns"] .grid .media > .newsletter > a					{padding:1.875em;}
	[data-main-con="sns"] .grid .media > .sns									{align-items:flex-start;flex-direction: column;}
	[data-main-con="sns"] .grid .media > .newsletter > a					{align-items:flex-start;}
	[data-main-con="sns"] .grid .media > li										{height: calc((100% - 10px) / 2);}
	[data-main-con="sns"] .grid .media > .newsletter > a::after				{background-size:auto 180px;}
	[data-main-con="sns"] .grid .shorts > li>a .video::after					{width:40px;height:50px;}
}


@media all and (max-width:668px) {
	[data-main-con="sns"] .grid														{ grid-template-areas:"youtube youtube""shorts shorts""media media";}
	[data-main-con="sns"] .video,													
	[data-main-con="sns"] a:has(.video) .video::before							{border-radius:10px;}
	[data-main-con="sns"] .grid .youtube > li > a strong,
	[data-main-con="sns"] .grid .shorts > li>a .video strong					{font-size:1.125em;}
	[data-main-con="sns"] .grid	.youtube > .none_data						{padding:2em 1em;}
	
	[data-main-con="sns"] .grid .media > li											{height:80px;}
	[data-main-con="sns"] .grid .media > li h3									{font-size:1.25em;}
	[data-main-con="sns"] .grid .media > .sns									{align-items:center;flex-direction: row;padding:0 1.5em;border-radius:10px;}
	[data-main-con="sns"] .grid .media > .newsletter > a					{align-items:center;padding:0 1.5em;border-radius:10px;}
	[data-main-con="sns"] .grid .media > .newsletter > a::after				{background-position: right 0 top 5%;background-size: auto 160px;}
	[data-main-con="sns"] .grid .shorts > li>a .video .txt						{padding:1.125em;}
	[data-main-con="sns"] .grid	.shorts > .none_data						{padding:2em 1em;}
}

@media all and (max-width:468px) {
	[data-main-con="sns"] .grid .youtube 									{flex-direction: column;}
	[data-main-con="sns"] .grid .youtube > li								{width:100%;}
	[data-main-con="sns"] .grid .youtube > li > a strong				{padding:0;margin: .6em .4em;min-height:0;}
	[data-main-con="sns"] .grid .media > li										{height:70px;}
	[data-main-con="sns"] .grid .media > .sns,
	[data-main-con="sns"] .grid .media > .newsletter > a					{padding:0 1.375em;}
	[data-main-con="sns"] .grid .media > .newsletter > a::after				{ background-size: auto 140px;}
}


/**********************************************************************

 								보도자료	

**********************************************************************/
#section4																						{background:url(/resource/new/images/main/bg_04.jpg) no-repeat center / cover;}
[data-main-con="news"] .news														{position:relative;}
[data-main-con="news"] .tab_menu												{position: absolute;right: calc((var(--sizeHig) + 10px));top: calc((var(--sizeHig) + 3.5em) * -1);}
[data-main-con="news"] .tab_menu:has(.all.active)								{right:0}
[data-main-con="news"] .more_btn													{ position:absolute;top: calc((var(--sizeHig) + 3.5em) * -1);right:0;}
[data-main-con="news"] .conts_tab .flex_wrap										{display:flex;justify-content: space-between;gap:2.5em;position: relative;}
[data-main-con="news"] .conts_tab .left													{width:42.5em;border-radius:20px;overflow:hidden;}
[data-main-con="news"] .conts_tab .left > a												{display: block;border-radius: 20px;overflow:hidden;outline-offset:-4px;outline-color:#fff;}
[data-main-con="news"] .conts_tab .left > a .img									{ position:relative; width:100%;overflow:hidden; display:block; aspect-ratio: 680 / 383;background:url(/resource/new/images/main/img_ready.jpg) no-repeat center / cover;}
[data-main-con="news"] .conts_tab .left > a .img img        			 			{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%);
    																								-moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;transition:var(--trans-ani);}
[data-main-con="news"] .conts_tab .left > a:hover .img img,
[data-main-con="news"] .conts_tab .left > a:focus .img img 							{transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%,-50%) scale(1.1); -webkit-transform:translate(-50%, -50%) scale(1.1);
    																								-moz-transform:translate(-50%,-50%) scale(1.1);}
[data-main-con="news"] .conts_tab .left .text											{background:var(--color-point);padding: 1.5em 1.875em;color:var(--color-white);display:flex;flex-direction: column;gap: 1.125em;}
[data-main-con="news"] .conts_tab .left .text strong									{font-size:1.375em;font-weight:700;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 3.124em;}
[data-main-con="news"] .conts_tab .left .text .flex											{display:flex;justify-content: space-between;align-items:center;color:rgba(255,255,255,.7);line-height: 1.2;}
[data-main-con="news"] .conts_tab .right												{height: 100%;position: relative;height: 33.55em;width: calc(100% - 42.5em - 2.5em);}
[data-main-con="news"] .conts_tab .right .list												{max-height:100%;position: absolute;width: 100%;top: 0;left: 0;overflow-y:auto;padding-right:30px;}
[data-main-con="news"] .conts_tab .right .list::-webkit-scrollbar 							{ -webkit-appearance:none; width:8px;} 
[data-main-con="news"] .conts_tab .right .list::-webkit-scrollbar-thumb 					{ background-color:var(--color-point); border-radius:4px; } 
[data-main-con="news"] .conts_tab .right .list::-webkit-scrollbar-track 					{ border-radius:4px; background-color:rgba(0,64,152,.2); }
[data-main-con="news"] .conts_tab .right .list > li + li											{margin-top: 18px;}
[data-main-con="news"] .conts_tab .right .list > li	> a											{display:flex;width:100%;position:relative;border-radius:20px;overflow:hidden;outline-offset:-4px;}
[data-main-con="news"] .conts_tab .right .list > li	> a .img										{position:relative;width:296px;overflow:hidden;display:block;aspect-ratio: 296 / 167;background:url(/resource/new/images/main/img_ready.jpg) no-repeat center / cover;}
[data-main-con="news"] .conts_tab .right .list > li	> a .img img       			 				{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%);
    																									-moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; transition:var(--trans-ani);}
[data-main-con="news"] .conts_tab .right .list > li	> a:hover .img img,
[data-main-con="news"] .conts_tab .right .list > li	> a:focus .img img 							{transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%,-50%) scale(1.1); -webkit-transform:translate(-50%, -50%) scale(1.1);
    																									-moz-transform:translate(-50%,-50%) scale(1.1);}
[data-main-con="news"] .conts_tab .right .list > li	> a .text										{display:flex;flex-direction:column;gap: 1.125em;padding: 2em 2.5em;background:#f0f0f0;justify-content: center;width: calc(100% - 296px);}
[data-main-con="news"] .conts_tab .right .list > li	> a .text strong							{font-size: 1.375em;font-weight:700;line-height:1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 2.8em;overflow: hidden;}
[data-main-con="news"] .conts_tab .right .list > li	> a .text .flex								{display:flex;justify-content: space-between;align-items:center;color:#555;line-height: 1.2;gap:4px;flex-wrap:wrap;}
[data-main-con="news"] .conts_tab .none_data										{height: 33.55rem;background:#fff;border:1px solid #ccc;display:flex;align-items: center;justify-content: center;}


@media all and (max-height:900px) {
	[data-main-con="news"] .tab_menu,
	[data-main-con="news"] .more_btn 												{top: calc((var(--sizeHig) + 1.5em) * -1);}
	[data-main-con="news"] .conts_tab .left											{width: 41.5em;}
	[data-main-con="news"] .conts_tab .right										{height: 33em;width: calc(100% - 41.5em - 2.5em);}
	[data-main-con="news"] .conts_tab .right .list > li > a .img				{width: 291px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text				{width: calc(100% - 291px);}
}

@media all and (max-height:800px) {
	[data-main-con="news"] .tab_menu,
	[data-main-con="news"] .more_btn 												{top: calc((var(--sizeHig) + 3em) * -1);}
}

@media all and (max-width:1668px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{gap:2em;}
	[data-main-con="news"] .conts_tab .left											 {width: 39.5em;}
	[data-main-con="news"] .conts_tab .right										{width:calc(100% - 39.5em - 5em);height:31.8em;}
	[data-main-con="news"] .conts_tab .right .list > li + li						{margin-top: 18px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .img				{width:280px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text				{padding:1.8em;width: calc(100% - 280px);}
	[data-main-con="news"] .conts_tab .none_data						{height:31.8rem;}
}

@media all and (max-width:1468px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{gap:1.75em;}
	[data-main-con="news"] .tab_menu,
	[data-main-con="news"] .more_btn												{top: calc((var(--sizeHig) + 3.25em) * -1);}
	[data-main-con="news"] .conts_tab .left											 {width: 35.5em;}
	[data-main-con="news"] .conts_tab .left .text									{padding:1.5em;}
	[data-main-con="news"] .conts_tab .left .text strong						{font-size:1.25em;}
	[data-main-con="news"] .conts_tab .right										{width:calc(100% - 35.5em - 1.75em); height: 29.2em;}
	[data-main-con="news"] .conts_tab .right .list > li + li						{margin-top: 14px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .img				{width:260px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text strong		{font-size:1.125em;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text					{padding:1.462em;width: calc(100% - 260px);}
	[data-main-con="news"] .conts_tab .none_data								{height:29.2rem;}
}

@media all and (max-width:1368px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{gap:1.5em;}
	[data-main-con="news"] .tab_menu,
	[data-main-con="news"] .more_btn												{top: calc((var(--sizeHig) + 3em) * -1);}
	[data-main-con="news"] .conts_tab .left											 {width: 31.5em;}
	[data-main-con="news"] .conts_tab .right										{width:calc(100% - 31.5em - 1.5em);height: 27em;}
	[data-main-con="news"] .conts_tab .right .list									{padding-right:20px;}
	[data-main-con="news"] .conts_tab .right .list > li + li						{margin-top:12px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .img					{width:240px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text					{padding:1.41em;width: calc(100% - 240px);gap:1.125em;}
	[data-main-con="news"] .conts_tab .none_data						{height:27rem;}
}


@media all and (max-width:1268px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{gap:1.375em;}
	[data-main-con="news"] .tab_menu												{position:initial;margin-bottom:1em;width:calc(100% - var(--sizeHig) - 10px);}
	[data-main-con="news"] .tab_menu:has(.all.active)								{width:100%;}
	[data-main-con="news"] .tab_menu > li											{width:calc((100% - 20px) / 3);}
	[data-main-con="news"] .more_btn												{top: calc((var(--sizeHig) + 1em) * -1);}
	[data-main-con="news"] .conts_tab .left											 {width: 30em;}
	[data-main-con="news"] .conts_tab .left .text										{gap:1.063em;}
	[data-main-con="news"] .conts_tab .left .text strong							{font-size:1.125em;}
	[data-main-con="news"] .conts_tab .right										{width:calc(100% - 30em - 1.375em);height: 25.7em;}
	[data-main-con="news"] .conts_tab .right .list									{padding-right:10px;} 
	[data-main-con="news"] .conts_tab .right .list > li > a .img					{width:229px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text					{width: calc(100% - 229px);gap:1.125em;padding:1.2em;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text strong		{font-size:1.063em;}
	[data-main-con="news"] .conts_tab .none_data						{height:25.7rem;}
}

@media all and (max-width:1168px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{gap:1.25em;}
	[data-main-con="news"] .conts_tab .left											 {width: 28.5em;}
	[data-main-con="news"] .conts_tab .right										{width:calc(100% - 28.5em - 1.25em);height: 24.8em;}
	[data-main-con="news"] .conts_tab .right .list > li > a .img				{width:220px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text				{width: calc(100% - 220px);gap:1em;}
	[data-main-con="news"] .conts_tab .none_data						{height:24.8rem;}
}

@media all and (max-width:1024px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{flex-wrap:wrap}
	[data-main-con="news"] .conts_tab .left											 {width: 100%;}
	[data-main-con="news"] .conts_tab .left .text strong						{font-size:1.25em;}
	[data-main-con="news"] .conts_tab .right										{width:100%;height: 28em;}
	[data-main-con="news"] .conts_tab .right .list > li + li						{margin-top:10px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text				{padding:1.25em;}
	[data-main-con="news"] .conts_tab .none_data								{height:auto;padding:3em 1em;}
}

@media all and (max-width:868px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{gap:1.5em;}

}

@media all and (max-width:668px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{gap:1.25em;}
	[data-main-con="news"] .tab_menu												{width:calc(100% - var(--sizeHig) - 8px);}
	[data-main-con="news"] .tab_menu > li											{width:calc((100% - 16px) / 3);}
	[data-main-con="news"] .conts_tab .left,
	[data-main-con="news"] .conts_tab .left > a											{border-radius:10px;}
	[data-main-con="news"] .conts_tab .left .text										{gap:1em;padding:1.375em;}
	[data-main-con="news"] .conts_tab .left .text strong							{font-size:1.125em;}
	[data-main-con="news"] .conts_tab .right										{height: 25.5em;}
	[data-main-con="news"] .conts_tab .right .list > li > a							{border-radius:10px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .img				{width:200px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text				{width: calc(100% - 200px);}
	[data-main-con="news"] .conts_tab .right .list > li > a .text strong		{font-size:1em;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text .flex				{font-size:.94em;}
	[data-main-con="news"] .conts_tab .right .list::-webkit-scrollbar 				{ -webkit-appearance:none; width:6px;} 
	[data-main-con="news"] .conts_tab .right .list::-webkit-scrollbar-thumb 	{border-radius:3px; } 
	[data-main-con="news"] .conts_tab .right .list::-webkit-scrollbar-track 		{ border-radius:3px;}
	[data-main-con="news"] .conts_tab .none_data								{padding:2em 1em;}
}

@media all and (max-width:468px) {
	[data-main-con="news"] .conts_tab .flex_wrap								{gap:1em;}
	[data-main-con="news"] .tab_menu												{width:100%}
	[data-main-con="news"] .tab_menu > li											{flex:1 1 calc((100% - 8px) / 2);}
	[data-main-con="news"] .more_btn 												{position: relative;right: initial;top: initial;border-radius: 8px;width: 100%; display: flex;justify-content: center;align-items: center; gap: 6px;flex-direction: column;height: auto;padding: .75em;margin-top:1em;}
	[data-main-con="news"] .more_btn::before										{display:none;}
	[data-main-con="news"] .more_btn span.blind									{font-size:1em;text-indent:0;position: initial;width: auto;height: auto;color: var(--color-base);line-height: 1;}
	[data-main-con="news"] .more_btn:hover span.blind,
	[data-main-con="news"] .more_btn:focus span.blind								{color: var(--color-white);}
	[data-main-con="news"] .conts_tab .left .text										{padding:1.25em;gap:.5em;}
	[data-main-con="news"] .conts_tab .right										{height: 25.7em;}
	[data-main-con="news"] .conts_tab .right .list > li > a .img				{width:160px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text				{width: calc(100% - 160px);padding:1.125em;gap:.5em;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text strong	{-webkit-line-clamp: 1;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text .flex			{flex-direction: column; align-content: flex-start;}

}

@media all and (max-width:368px) {
	[data-main-con="news"] .conts_tab .left .text										{padding:1.125em;gap:.375em;}
	[data-main-con="news"] .conts_tab .right										{height: 25.3em;}
	[data-main-con="news"] .conts_tab .right .list > li > a .img				{width:120px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text				{width: calc(100% - 120px);padding:1.063em;}
}

@media all and (max-width:278px) {
	[data-main-con="news"] .conts_tab .right										{height: 25em;}
	[data-main-con="news"] .conts_tab .right .list > li > a .img				{width:100px;}
	[data-main-con="news"] .conts_tab .right .list > li > a .text				{width: calc(100% - 100px);padding:1em;}
}