@charset "utf-8";

/* 레이아웃 */
#main *						                   { box-sizing:border-box;}



/* 타이틀 */
.title									{ position:relative;margin-bottom:3em;}
.title h2	                            {font-family:var(--font-Aggro);line-height:1.3; color:#000; font-size:2.813em;font-weight:500;}
.title h2 strong					{color:var(--color-point);}


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

/* 더보기 */
.more						{width:20px;height:20px;position:relative;}
.more::before            {content:'';display:block;width:2px;height:12px;background:#ababab;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.2s ease;}
.more::after             {content:'';display:block;width:12px;height:2px;background:#ababab;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.2s ease;}



@media (max-width: 1468px) {
	.title 														  {margin-bottom:2.75em;}
	.title h2	                                                 {font-size:2.5em;}
}

@media (max-width: 1268px) {
	.title 														  {margin-bottom:2em;}
	.title h2	                                                 {font-size:2.375em;}
}

@media (max-width: 1024px) {
	.title 														  {margin-bottom:1.75em;}
	.title h2													{font-size:2em}
}

@media (max-width: 668px) {
	.title 														  {margin-bottom:1.25em;}
	.title h2	                                                 {font-size:1.875em;}
}

@media (max-width: 468px) {
	.title 														  {margin-bottom:1em;}
	.title h2	                                                 {font-size:1.75em;}
}



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

 									비주얼 

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

.visual											                  { position:relative;background:#000;}
.visual .text													{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:4; text-align:center; color:var(--color-base); line-height:1;}	
.visual .text .title                                      	  	{display:inline-flex;flex-flow:column;gap:1em;justify-content:center;text-align:center;font-family:var(--font-Aggro);margin-bottom:2.25em;}	
.visual .text .title span                                     {color:var(--color-white);font-size:2em;font-weight:300;text-shadow:5px 5px 10px rgba(0,0,0,.2);}	
.visual .text .title strong                                  	{position:relative;color:var(--color-point2);font-size:3.75em;font-weight:500;--sizeWidth:27px;padding-left:calc(var(--sizeWidth) - 12px);text-shadow:5px 5px 10px rgba(0,0,0,.2);}
.visual .text .title strong::before							{content:'';display:block;position:absolute;top:-18px;left:0; background:url(/resource/green/images/main/icon_leaf.svg) no-repeat center center / 100%;width:var(--sizeWidth);height:var(--sizeWidth);}	
.visual .text .txt												{font-size:1.25em;font-weight:500;color:var(--color-white);line-height:1.5em;text-shadow:5px 5px 10px rgba(0,0,0,.2);}
.visual .img													{ position:relative; width:100%; height:740px; overflow:hidden; }
.visual .img::before											{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.35);}
.visual .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; z-index:-1}
.visual .swiper_control 										{position:absolute;left:50%;transform:translateX(-50%);bottom:2.5em;background:rgba(0,0,0,.4);border-radius:30px;display:flex;align-items: center;gap:1em;padding:.625em 1.5em ;z-index:9;}
.visual .swiper_control .swiper_page						{ display:flex; width:auto;align-items:center; justify-content:center; gap:6px; line-height:1;color:var(--color-white);}
.visual .swiper_control .swiper_page .swiper-pagination-total{font-weight:bold;opacity:1;}
.visual .swiper_control .swiper_page i::after				{background:rgba(255,255,255,.3);}
.visual .swiper_control .control								{gap:0 5px;}
.visual .swiper_control .control .swiper_prev				{width:20px;height:20px;}
.visual .swiper_control .control .swiper_prev::before   {content:'';width:12px;height:20px;filter: brightness(0) invert(1);}
.visual .swiper_control .control .swiper_next				{width:20px;height:20px;}
.visual .swiper_control .control .swiper_next::before    	{content:'';width:12px;height:20px;filter: brightness(0) invert(1);} 															
.visual .swiper_control .control .swiper_auto                 {width:20px;height:20px;transition:var(--trans-ani);}
.visual .swiper_control .control .swiper_auto::before        {content:'';filter: brightness(0) invert(1);}
.visual .swiper_control .control .swiper_auto.paused::before{}


@media all and (max-width:1468px){
	.visual	.img														{height:680px;}
}

@media all and (max-width:1268px){
	.visual .text .title												  {margin-bottom:2em;}
	.visual .text .title span											{font-size:1.875em;}
	.visual .text .title strong											{font-size:3.5em;--sizeWidth: 25px;}
	.visual .text .txt													{font-size:1.188em;}
	.visual	.img														{height:640px;}
}

@media all and (max-width:1024px){
	.visual	.img														{height:580px;}
}


@media all and (max-width:868px) {
	.visual .text .title												  {margin-bottom:1.5em;}
	.visual .text .title span											{font-size:1.75em;}
	.visual .text .title strong											{font-size:3.25em;--sizeWidth: 22px;}
	.visual .text .title strong::before								{top: -16px;}
	.visual .text .txt													{font-size:1.125em;}
	.visual	.img														{height:520px;}
	.visual .swiper_control .control								{gap:0;}
}


@media all and (max-width:668px) {
	.visual .text														{top:20%;transform:translate(-50%,0);}
	.visual .text .title span											{font-size:1.5em;}
	.visual .text .title strong											{font-size:2.625em;}
	.visual	.img														{height:380px;}
	.visual .swiper_control												{bottom:2em;}
}


@media all and (max-width:488px) {
	.visual .text .title span											{font-size:1.375em;}
	.visual .text .title strong											{font-size:2.5em;}
}

@media all and (max-width:438px) {
	.visual .text .title												{gap:1.875em;}
	.visual .text .title strong											{padding-left:0;padding:0 5%;line-height:1.1;--sizeWidth: 20px;}
	.visual .text .title strong::before									{left:35%;}
}
 
@media all and (max-width:379px) {
	.visual	.img														{height:360px;}
	.visual .text														{top:15%}
	.visual .text .title													{margin-bottom:1em;}
	.visual .text .title span											{font-size:1.25em;}
	.visual .text .title strong											{padding:0;font-size:2.25em;}
	.visual .text .title strong::before									{left:30%;}
	.visual .text .txt													{font-size:1.063em;}
	.visual .text .txt br												{display:none;}
}

@media all and (max-width:279px) {
	.visual .text .title strong												{font-size:1.875em;}
	.visual .text .title strong::before									{left:31%;}
}


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

 							게시판 

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

[data-main-con="news"]                                                       {position:relative; padding:100px 0; overflow:hidden;background:url(/resource/green/images/main/img_news.png) no-repeat left 18% bottom / 530px 237px;}
[data-main-con="news"]::before												{content:'';display:block;position:absolute;left:-10%;top:-30%;width:430px;height:430px;border-radius:100%;background:#eff9ef;animation-name: updown;animation-duration: 2s;animation-iteration-count: infinite;}
[data-main-con="news"]::after												{content:'';display:block;position:absolute;right:-8%;bottom:-18%;width:405px;height:405px;border-radius:100%;background:#fcfbe9;animation-name: updown;animation-duration: 2s;animation-iteration-count: infinite; z-index:-1}
[data-main-con="news"] .control_main_tab 								{position:Relative;display:flex;justify-content: space-between;--sizeWidth:660px;}
[data-main-con="news"] .title_wrap											{position:Relative;width:var(--sizeWidth);}
[data-main-con="news"] .title_wrap .tab_menu li							{position:Relative;}
[data-main-con="news"] .title_wrap .tab_menu li+li						{margin-top:1.25em;}
[data-main-con="news"] .title_wrap .tab_menu li button				 {background:#ededed;--sizeHig:60px;height:var(--sizeHig);line-height:var(--sizeHig);padding:0 1.75em;border-radius:30px;}
[data-main-con="news"] .title_wrap .tab_menu li.active button		{background:var(--color-point);} 
[data-main-con="news"] .title_wrap .tab_menu li button span			{display: flex;gap: 4.5em;align-items: center;justify-content: space-between;font-size:1.25em;font-weight:600;color:#555;}
[data-main-con="news"] .title_wrap .tab_menu li.active button span		{color:var(--color-white);font-weight:700;} 
[data-main-con="news"] .title_wrap .tab_menu li button span .icon 	{display: block;background:var(--color-white);width:25px;height:25px;border-radius: 100%;}
[data-main-con="news"] .title_wrap .tab_menu li button span .icon::before{content:'';display:block;width:100%;height:100%;background:url('/resource/green/images/common/icon_next.svg') no-repeat center center / auto 12px;opacity:.3;}
[data-main-con="news"] .title_wrap .tab_menu li.active button span .icon::before{filter:invert(33%) sepia(94%) saturate(852%) hue-rotate(86deg) brightness(95%) contrast(85%);opacity:1;}

[data-main-con="news"] .conts_tab											{width:calc(100% - var(--sizeWidth));}
[data-main-con="news"] .conts_tab .list										{display:flex;justify-content: space-between;gap:20px;flex-wrap:wrap;margin-bottom:1.5em;}
[data-main-con="news"] .conts_tab .list	li									{width: calc(100% / 2 - 10px);}
[data-main-con="news"] .conts_tab .list	li a								{display:block;border:1px solid #ddd;padding:2.25em 2.5em;background:#fff;border-radius:20px;transition:var(--trans-ani);}
[data-main-con="news"] .conts_tab .list	li a:focus,
[data-main-con="news"] .conts_tab .list	li a:hover							{border-color:var(--color-point);box-shadow:5px 5px 10px rgba(0,0,0,.1);}
[data-main-con="news"] .conts_tab .list	li a dl								{margin-bottom:2em;}
[data-main-con="news"] .conts_tab .list	li a dl	dt						    {font-size:1.375em;font-weight:700;color:var(--color-base);margin-bottom:1.125em;line-height:1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
[data-main-con="news"] .conts_tab .list	li a dl	dd							{font-size:1em;font-weight:400;color:#555;line-height:1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
[data-main-con="news"] .conts_tab .list	li a .date							{font-size:1em;font-weight:400;color:#555;line-height:1;}
[data-main-con="news"] .conts_tab .btn_more								{display:flex;justify-content: flex-end;}
[data-main-con="news"] .conts_tab .btn_more	a 							{display:inline-flex;gap: 0 20px;align-items: center;padding:.25em;}
[data-main-con="news"] .conts_tab .btn_more	a span					{font-size:1.125em;color:#555;font-weight:600;line-height: 1;}
[data-main-con="news"] .conts_tab .btn_more	a:focus .more::after,
[data-main-con="news"] .conts_tab .btn_more	a:hover .more::after{background:var(--color-point);} 
[data-main-con="news"] .conts_tab .btn_more	a:focus .more::before,
[data-main-con="news"] .conts_tab .btn_more	a:hover .more::before{background:var(--color-point);} 



@media all and (max-width:1468px){
	[data-main-con="news"] .control_main_tab							{--sizeWidth:40%;gap:40px;}
	[data-main-con="news"] .conts_tab										{width:calc(100% - var(--sizeWidth) - 40px);}
}

@media all and (max-width:1268px){
	[data-main-con="news"] 													 {padding:80px 0;background-position:right 8% top 88px;background-size:490px 219px;}
	[data-main-con="news"]::before											{left:-15%;}
	[data-main-con="news"]::after											 {right:-12%;bottom:-24%;}
	[data-main-con="news"] .control_main_tab							{flex-wrap:wrap;flex-flow:column;}
	[data-main-con="news"] .title_wrap										{width:100%;}
	[data-main-con="news"] .title_wrap .tab_menu						{display:flex;gap:0 1em;align-items: center;}
	[data-main-con="news"] .title_wrap .tab_menu li+li					{margin-top:0;}
	[data-main-con="news"] .title_wrap .tab_menu li button			  {--sizeHig:56px;}
	[data-main-con="news"] .title_wrap .tab_menu li button span		{font-size: 1.125em;gap:3.5em;}
	[data-main-con="news"] .conts_tab										{width:100%;}
	[data-main-con="news"] .conts_tab .list li a							{padding:2em 2.25em;}
	[data-main-con="news"] .conts_tab .list li a dl							{margin-bottom:1.875em;}
	[data-main-con="news"] .conts_tab .list li a dl dt						{font-size:1.25em;}
	
}

@media all and (max-width:1024px){
	[data-main-con="news"] 													 {padding:60px 0;background-position:right 8% top 40px;background-size:450px 201px;}
	[data-main-con="news"]::before											{width:400px;height:400px;top:-35%;}
	[data-main-con="news"]::after											{width:350px;height:350px;right:-15%;bottom:-30%;}
	[data-main-con="news"] .control_main_tab							{gap:30px;}
	[data-main-con="news"] .title_wrap .tab_menu li button			{--sizeHig:50px;}
	[data-main-con="news"] .title_wrap .tab_menu li button span	  {gap: 3em;}
	[data-main-con="news"] .title_wrap .tab_menu li button span .icon{width:20px;height:20px;}
	[data-main-con="news"] .conts_tab .list									{gap:10px;}
	[data-main-con="news"] .conts_tab .list	li								{width: calc(100% / 2 - 5px);}
	[data-main-con="news"] .conts_tab .list li a							{padding:1.875em 2em;}
	[data-main-con="news"] .conts_tab .list li a dl							{margin-bottom:1.75em;}
	[data-main-con="news"] .conts_tab .list li a dl dt						{margin-bottom:1em;}
	[data-main-con="news"] .conts_tab .btn_more a						{gap:0 12px;}

}

@media all and (max-width:868px) {
	[data-main-con="news"] 													 {padding:50px 0;background-position:right 8% top 48px;background-size:400px 179px;}
	[data-main-con="news"]::before											{top:-25%;left:-25%;}
	[data-main-con="news"]::after											{bottom:-15%;}
	[data-main-con="news"] .title_wrap .tab_menu li button			{--sizeHig:46px;}
	[data-main-con="news"] .title_wrap .tab_menu li button span	  {gap: 2em;}
	[data-main-con="news"] .conts_tab .list	li								{width:100%;}
	[data-main-con="news"] .conts_tab .list li a							{padding:1.75em;border-radius: 10px;}
	[data-main-con="news"] .conts_tab .list li a dl							{margin-bottom:1.5em;}
	[data-main-con="news"] .conts_tab .list li a dl dt						{margin-bottom:.75em;}
}

@media all and (max-width:668px) {
	[data-main-con="news"] 													 {background-position:right 8% top 78px;background-size:300px 134px;}
	[data-main-con="news"]::before											{width:350px;height:350px;}
	[data-main-con="news"]::after											{width:300px;height:300px;}
	[data-main-con="news"] .title_wrap .title h2 br 					{display:none;}
	[data-main-con="news"] .conts_tab .list									{margin-bottom:1.25em;}
}

@media all and (max-width:468px) {
	[data-main-con="news"] 													 {padding:40px 0;background:var(--color-white);}
	[data-main-con="news"]::before											{width:300px;height:300px;top:-20%;left:-35%;}
	[data-main-con="news"]::after											{width:250px;height:250px;right:-30%;}
	[data-main-con="news"] .control_main_tab							{gap:20px;}
	[data-main-con="news"] .title_wrap .tab_menu						{gap:0 .5em;}		
	[data-main-con="news"] .title_wrap .tab_menu li						{flex:1 1 calc(100% - .25em / 2);}	
	[data-main-con="news"] .title_wrap .tab_menu li button			  {width:100%;--sizeHig:40px;padding: 0 1.5em;}	
	[data-main-con="news"] .title_wrap .tab_menu li button span		{gap:0;font-size:1.063em;}
	[data-main-con="news"] .conts_tab .list									{margin-bottom:1em;}
	[data-main-con="news"] .conts_tab .list li a							{padding:1.5em;}
	[data-main-con="news"] .conts_tab .list li a dl							{margin-bottom:1.375em;}
	[data-main-con="news"] .conts_tab .list li a dl dt						{font-size:1.125em;}
	
}

@media all and (max-width:279px) {
	[data-main-con="news"] .title_wrap .tab_menu li button			  {padding: 0 1.25em;}	
}




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

 				  자주 찾는 메뉴

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

[data-main-con="quick"]                                                             {position:relative; padding:120px 0;background:url('/resource/green/images/main/quick_bg.jpg') no-repeat center center / cover;}
[data-main-con="quick"] .list														{display:flex;justify-content: space-between;gap:40px;}
[data-main-con="quick"] .list li														{flex:1 1 25%;}
[data-main-con="quick"] .list li a													{display:block;background:var(--color-white);border-radius:20px;padding:2.25em 2.5em;transition:var(--trans-ani);}
[data-main-con="quick"] .list li a:focus,
[data-main-con="quick"] .list li a:hover										{background:var(--color-point);}
[data-main-con="quick"] .list li a .ti 												{display:inline-flex;gap:0 12px;align-items: center;}
[data-main-con="quick"] .list li a .ti span											{font-size:1.375em;font-weight:700;line-height:1;color:var(--color-base);}
[data-main-con="quick"] .list li a:focus .ti span,
[data-main-con="quick"] .list li a:hover .ti span								{color:var(--color-white);}
[data-main-con="quick"] .list li a:focus .ti .more::after,
[data-main-con="quick"] .list li a:hover .ti .more::after						{background:var(--color-white);} 
[data-main-con="quick"] .list li a:focus .ti .more::before,
[data-main-con="quick"] .list li a:hover .ti .more::before						{background:var(--color-white);} 
[data-main-con="quick"] .list li a .icon											{position:Relative;display:flex;justify-content: flex-end;margin-top: .375em;}
[data-main-con="quick"] .list li a .icon::before									{content:'';display:block;width:65px;height:65px;}
[data-main-con="quick"] .list li a .icon1::before									{background:url('/resource/green/images/main/icon_quick01.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .list li a .icon2::before									{background:url('/resource/green/images/main/icon_quick02.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .list li a .icon3::before									{background:url('/resource/green/images/main/icon_quick03.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .list li a .icon4::before									{background:url('/resource/green/images/main/icon_quick04.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .list li a:focus .icon::before,	
[data-main-con="quick"] .list li a:hover .icon::before							{filter: brightness(0) invert(1);}
[data-main-con="quick"] .list li a .icon::after										{content:'';position:absolute;right:-12px;bottom:-12px;width:44px;height:44px;background:var(--color-white);border-radius:100%;opacity:0;visibility: hidden;}
[data-main-con="quick"] .list li a:focus .icon::after,
[data-main-con="quick"] .list li a:hover .icon::after								{opacity:.25;visibility: visible;}


@media all and (max-width:1268px){
	[data-main-con="quick"]  														{padding:100px 0;}
	[data-main-con="quick"] .list													{gap:20px;}
	[data-main-con="quick"] .list li a												{padding:2em 2.25em;}
	[data-main-con="quick"] .list li a .ti span										{font-size:1.25em;}
	[data-main-con="quick"] .list li a .icon::before								{width:60px;height:60px;}
	[data-main-con="quick"] .list li a .icon::after									{width:40px;height:40px;right:-10px;bottom:-10px;}
}

@media all and (max-width:1024px){
	[data-main-con="quick"]  														{padding:80px 0;}
	[data-main-con="quick"] .list													{flex-wrap:wrap;gap:10px;}
	[data-main-con="quick"] .list li												{flex:1 1 40%;}
	[data-main-con="quick"] .list li a												{padding:1.875em 2em;}
	[data-main-con="quick"] .list li a .icon::before								{width:50px;height:50px;}
	[data-main-con="quick"] .list li a .icon::after									{width:35px;height:35px;right:-8px;bottom:-8px;}
}

@media all and (max-width:868px){
	[data-main-con="quick"]  														{padding:70px 0;}
	[data-main-con="quick"] .list li a												{padding:1.75em;border-radius: 10px;}

}

@media all and (max-width:668px){
	[data-main-con="quick"]  														{padding:60px 0;}
}

@media all and (max-width:468px){
	[data-main-con="quick"]  														{padding:50px 0;}
	[data-main-con="quick"] .list li 												{flex:1 1 100%;}
	[data-main-con="quick"] .list li a												{padding:1.5em;}
	[data-main-con="quick"] .list li a .ti span										{font-size:1.125em;}
	[data-main-con="quick"] .list li a .icon::before								{width:45px;height:45px;}
	[data-main-con="quick"] .list li a .icon::after									{width:30px;height:30px;}
}