@charset "utf-8";

/* 레이아웃 */
.section														{ position:relative; }
.fp-auto-height.fp-section, 
.fp-auto-height .fp-slide, 
.fp-auto-height .fp-tableCell 									{ height:auto !important; }


/* 스크롤 네비 */
.scroll_nav														{ position:absolute; right:35px; bottom:40px; z-index:10; transition:bottom .3s; display:flex; gap:10px; flex-flow:column; z-index:10}
.scroll_nav>li													{ position:relative; height:20px; display:flex; align-items:center; }
.scroll_nav>li::before											{ position:absolute; width:8px; height:8px; background:var(--color-white); content:''; border-radius:100%; z-index:2; right:0; top:6px; opacity:.5; transition:var(--trans-ani); }
.scroll_nav>li::after											{ position:absolute; width:20px; height:20px; background:var(--color-white); content:''; border-radius:100%; z-index:1; right:-5.5px; top:0; opacity:0; transition:var(--trans-ani); }
.scroll_nav>li>a												{ display:block; position:relative; line-height:1; padding-left:40px;  }
.scroll_nav>li .text											{ font-size:.81rem; font-weight:400; letter-spacing:.02em; line-height:1; color:var(--color-white); padding-right:35px; text-transform:uppercase; display:none; }
.scroll_nav>li .text::before									{ position:absolute; right:0; top:50%; width:0; height:1px; content:''; background:var(--color-white); transition:var(--trans-ani);}
.scroll_nav>li.active::after									{ opacity:.35; }
.scroll_nav>li.active::before									{ opacity:1; }
.scroll_nav>li.active .text										{ display:block; }
.scroll_nav>li.active .text::before								{ width:20px; }
@media all and (max-width:1368px), (max-height: 800px) {
	/* 공통 */
	.fp-tableCell,
	.fp-section, 
	.fp-slide													{ height:auto !important; }
	.scroll_nav													{ display:none; }
}

/* 타이틀 */
.title_wrap														{ position:relative; display:flex; flex-flow:column; color:var(--color-white); letter-spacing:.05em }
.title_wrap h3													{ font-size:2.5rem; line-height:1.2; text-transform:uppercase; font-weight:400 }
.title_wrap .sub_txt											{ display:block; font-size:1.19rem; line-height:1.2; margin-top:1.25rem; opacity:.6 }


@media all and (max-width:1768px) {
	.title_wrap h3												{ font-size:2.4rem }
	.title_wrap .sub_txt										{ font-size:1.167rem; margin-top:1rem; }
}
@media all and (max-width:1568px) {
	.title_wrap h3												{ font-size:2.35rem }
	.title_wrap .sub_txt										{ font-size:1.13rem; margin-top:.75rem; }
}
@media all and (max-width:1368px) {
	.title_wrap h3												{ font-size:2.3rem }
	.title_wrap .sub_txt										{ font-size:1.1rem; margin-top:.5rem; }
}
@media all and (max-width:1168px) {
	.title_wrap h3												{ font-size:2.25rem }
	.title_wrap .sub_txt										{ font-size:1.067rem; margin-top:1rem; }
}
@media all and (max-width:968px) {
	.title_wrap h3												{ font-size:2.2rem }
	.title_wrap .sub_txt										{ font-size:1.03rem;}
}
@media all and (max-width:768px) {
	.title_wrap h3												{ font-size:2.15rem }
	.title_wrap .sub_txt										{ font-size:1rem;  }
}
@media all and (max-width:668px) {
	.title_wrap h3												{ font-size:2rem }
	.title_wrap .sub_txt										{ font-size:.98rem;  }
}
@media all and (max-width:568px) {
	.title_wrap h3												{ font-size:1.9rem }
	.title_wrap .sub_txt										{ font-size:.95rem;  }
}
@media all and (max-width:468px) {
	.title_wrap h3												{ font-size:1.8rem; line-height:1.1 }
}
@media all and (max-width:368px) {
	.title_wrap h3												{ font-size:1.7rem }
}
/* 더보기 */
.more															{ position:relative; display:flex; width:24px; height:24px; }
.more::before													{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/eng/images/main/icon_more.svg) no-repeat 50% 50% / contain; content:''; }
@media all and (max-width:1468px) {
	.more														{ width:20px;  height:20px; }
}
@media all and (max-width:768px) {
	.more														{ width:17px;  height:17px; }
}
@media all and (max-width:568px) {
	.more														{ width:15px;  height:15px; }
}
/**********************************************************************

 									비주얼 

**********************************************************************/
.visual											{ position:relative; height:100svh; background:url(/resource/eng/images/main/img_visual01.jpg) no-repeat 50% 50% / cover; display:flex; justify-content:center; align-items:center; flex-flow:column; gap:80px; 
													overflow:hidden }
.visual::before									{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.35); content:''; z-index:1; }

.visual .text									{ display:flex; justify-content:center; flex-flow:column; color:var(--color-white); align-items:center; text-align:center; position:relative; z-index:2; color:var(--color-white); line-height:1.2  }
.visual .text .name								{ font-size:9.38em; font-weight:bold; opacity:.2; text-transform:uppercase; font-family:var(--font-mont); line-height:1 }
.visual .text strong							{ font-size:4.38em; font-weight:700; letter-spacing:.05em; }
.visual .text .txt								{ font-size:1.38em; letter-spacing:.02em; opacity:.8; margin-top:10px;  }

html[lang="zh"] .visual .text,
html[lang="zh-CN"] .visual .text,
html[lang="ja"] .visual .text					{word-break:break-all;}

/* 비주얼 아이콘 */
.visual ul.icon									{ display:flex; align-items:flex-start; flex-wrap:wrap; gap:0 60px; justify-content:center; z-index:2; }
.visual ul.icon>li>a							{ display:flex; flex-flow:column; align-items:center; justify-content:center; }
.visual ul.icon .txt							{ font-size:1.19em; font-weight:400; color:#fff; margin-top:15px; transition:color ease 0.3s; text-align:center; line-height:1.2; letter-spacing:.015em }
.visual ul.icon span.icon						{ position:relative; --sizeHig:154px; display:flex; align-items:center; width:var(--sizeHig); height:var(--sizeHig); background-color:rgba(255,255,255,.2); isolation:isolate;  
													backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.2); border-radius:100%; transition:border ease 0.3s, background-color ease 0.3s }
.visual ul.icon>li>a:hover span.icon			{ border-color:rgba(255,255,255,.8); }													
.visual ul.icon span.icon::before				{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:100%; }
.visual ul.icon span.icon1::before				{ background-image:url(/resource/eng/images/main/icon_visual01.svg);}
.visual ul.icon span.icon2::before				{ background-image:url(/resource/eng/images/main/icon_visual02.svg);}
.visual ul.icon span.icon3::before				{ background-image:url(/resource/eng/images/main/icon_visual03.svg);}
.visual ul.icon span.icon4::before				{ background-image:url(/resource/eng/images/main/icon_visual04.svg);}
.visual ul.icon>li>a:hover span.icon::before	{ animation:iconShow 0.7s ease-in-out 1 forwards;}

/* 스크롤 */
.visual .floating								{ position:absolute; display:flex; flex-flow:column; align-items:center;  justify-content:center; gap:10px; left:50%; bottom:0; z-index:2; transform:translateX(-50%);}
.visual .floating .txt							{ display:block; color:rgba(255,255,255,.7); font-size:.81rem; font-weight:400; text-transform:uppercase; letter-spacing:.05em; line-height:1 }
.visual .floating .line							{ position:relative; width:1px; height:90px; background:rgba(255,255,255,.2);}
.visual .floating .line::before					{ position:absolute; width:1px; height:30px; background:var(--color-white); left:calc(50% - .5px); top:0; content:''; animation:scroll 2.7s ease-in-out infinite forwards;}
@media all and (max-width:1868px) {
	.visual										{ gap:60px; padding-top:2rem }
	.visual .text .name							{ font-size:9em; }
	.visual .text strong						{ font-size:4.28em; }
	.visual .text .txt							{ font-size:1.32em; }
	.visual ul.icon								{ gap:0 60px; }
	.visual ul.icon .txt						{ font-size:1.167em; }
	.visual .floating .txt						{ font-size:.8rem;  }
	.visual .floating .line						{ height:70px; }
	.visual .floating .line::before				{ height:20px; }
}
@media all and (max-width:1768px) {
	.visual										{ gap:50px;  }
	.visual .text .name							{ font-size:8.5em; }
	
	.visual .text .txt							{ font-size:1.3em; }
	.visual ul.icon								{ gap:0 50px; }
	.visual ul.icon .txt						{ font-size:1.13em; }
	.visual .floating .txt						{ font-size:.8rem;  }
	.visual .floating .line						{ height:60px; }
	.visual .floating .line::before				{ height:15px; }
}
@media all and (max-width:1668px) {
	.visual .text .name							{ font-size:8em; }
	.visual .text strong						{ font-size:4em; }
	.visual .text .txt							{ font-size:1.267em; }
	.visual ul.icon .txt						{ font-size:1.067em; }
	.visual .floating .line						{ height:50px; }
}
@media all and (max-width:1568px) {
	.visual .text .name							{ font-size:7.5em; }
	.visual .text strong						{ font-size:3.9em; }
	.visual .text .txt							{ font-size:1.167em; }
	.visual ul.icon .txt						{ font-size:1.03em; }
	.visual ul.icon span.icon					{ --sizeHig:144px; }
	.visual .floating .line						{ height:40px; }
}
@media all and (max-width:1468px) {
	.visual .text .name							{ font-size:7em; }
	.visual .text strong						{ font-size:3.7em; }
	.visual .text .txt							{ font-size:1.067em; }
	.visual ul.icon .txt						{ font-size:1em; }
	.visual .floating .line						{ height:30px; }
	.visual .floating .line::before				{ height:10px; }
}
@media all and (max-width:1368px) {
	.visual										{ gap:40px; padding-top:0 }
	.visual .text .name							{ font-size:6em; }
	.visual .text strong						{ font-size:3.5em; }
	.visual ul.icon								{ gap:0 40px; }
	.visual ul.icon span.icon					{ --sizeHig:134px; }
}
@media all and (max-width:768px) {
	.visual .text .name							{ font-size:5em; }
	.visual .text strong						{ font-size:3.3em; }
	.visual ul.icon								{ gap:0 30px; }
	.visual ul.icon span.icon					{ --sizeHig:124px; }
}
@media all and (max-width:668px) {
	.visual ul.icon								{ gap:0 20px; }
	.visual ul.icon span.icon					{ --sizeHig:114px; }
	.visual .text strong						{ font-size:3em; }
}
@media all and (max-width:568px) {
	.visual .text .name							{ font-size:4em; }
	.visual ul.icon								{ gap:15px 10px; }
	.visual ul.icon span.icon					{ --sizeHig:104px; }
	.visual ul.icon .txt						{ margin-top:10px; }
}
@media all and (max-width:468px) {
	.visual .text .name							{ font-size:3.8em; }
	.visual ul.icon>li							{ width:calc((100% - 20px) / 2); max-width:100px; }
	.visual ul.icon span.icon					{ --sizeHig:94px; }
	.visual .text strong						{ font-size:2.8em; }
}
@media all and (max-width:368px) {
	.visual .text .name							{ font-size:3.6em; }
}
@media all and (max-width:320px) {
	.visual .text .name							{ font-size:3em; }
	.visual .text strong						{ font-size:2.6em; }
}
@keyframes scroll { 
	0% { top:0; opacity:1 }
	100% { top:100%; opacity:0}
}



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

 									tourist 

**********************************************************************/
.tourist_wrap										{ width:100%; height:100svh; overflow:hidden; position:relative;}
.tourist_wrap .tourist_box							{ position:absolute; top:0; width:62.5%; height:100%; display:inline-block; transition:cubic-bezier(0.77, 0.02, 0.18, 1) 0.4s; background-repeat:no-repeat; background-size:cover; background-position:center }
.tourist_wrap .tourist_box:after					{ width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; display:block; content:""; transition:all 0.2s ease; z-index:2;}
.tourist_wrap .tourist_box.active:after				{ background:rgba(0,0,0,.5);}
.tourist_wrap .tourist_box:nth-of-type(1)			{ left:0; z-index:0; }
.tourist_wrap .tourist_box:nth-of-type(2)			{ left:33.333%; z-index:1; }
.tourist_wrap .tourist_box:nth-of-type(3)			{ left:66.666%; z-index:2; }
.tourist_wrap .tourist_box .tit						{ position:absolute; width:53.333%; top:50%; text-align:center; font-size:2.5rem; color:var(--color-white); z-index:3; transform:translateY(-50%); transition:all 0.4s ease; text-transform:uppercase  }
.tourist_wrap .tourist_box.active .tit				{ margin-top:-3.13em; opacity:0; transition:all 0.2s ease;}
.tourist_wrap .tourist_box .cont					{ width:100%; position:absolute; top:50%; left:0; opacity:0; transition:all 0.2s ease; z-index:5; padding:15rem; color:var(--color-white); transform:translateY(-50%);}
.tourist_wrap .tourist_box .cont>a					{ display:flex; flex-flow:column; align-items:center;  justify-content:center; text-align:center; gap:20px;}
.tourist_wrap .tourist_box .cont .icon				{ display:flex; position:relative; }
.tourist_wrap .tourist_box .cont .icon1				{ width:60px; height:56px; }
.tourist_wrap .tourist_box .cont .icon2				{ width:56px; height:56px;  }
.tourist_wrap .tourist_box .cont .icon3				{ width:55px; height:56px; }
.tourist_wrap .tourist_box .cont .icon::before		{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; background-size:contain; }
.tourist_wrap .tourist_box .cont .icon1::before		{ background-image:url(/resource/eng/images/main/icon_tourist01.svg);}
.tourist_wrap .tourist_box .cont .icon2::before		{ background-image:url(/resource/eng/images/main/icon_tourist02.svg); }
.tourist_wrap .tourist_box .cont .icon3::before		{ background-image:url(/resource/eng/images/main/icon_tourist03.svg);  }
.tourist_wrap .tourist_box .cont dl					{ display:flex; flex-flow:column; align-items:center;  justify-content:center; text-align:center; }
.tourist_wrap .tourist_box .cont dl>dt				{ font-size:5em; letter-spacing:.05em; text-transform:uppercase; line-height:1  }
.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.88em; letter-spacing:.05em; line-height:1; margin-top:1.25rem; }
.tourist_wrap .tourist_box .cont dl>dd:last-child	{ font-size:1.06em; line-height:1.26; letter-spacing:.02em; margin-top:.94rem;}
.tourist_wrap .tourist_box .cont .more				{ margin-top:3.75em; transition:all ease .3s;}
.tourist_wrap .tourist_box .cont>a:hover .more		{ animation:iconShow 0.7s ease-in-out 1 forwards; }
.tourist_wrap .tourist_box.active .cont				{ opacity:1; transition:all 0.2s ease; }

@media all and (max-width:1768px) {
	.tourist_wrap .tourist_box .tit						{ font-size:2.4rem; }
	.tourist_wrap .tourist_box .cont					{ padding:15rem 10rem; }
	.tourist_wrap .tourist_box .cont .icon1				{ width:56px; height:53px; }
	.tourist_wrap .tourist_box .cont .icon2				{ width:53px; height:53px;  }
	.tourist_wrap .tourist_box .cont .icon3				{ width:52px; height:53px; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:4.5em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.78em; margin-top:1rem; }
	.tourist_wrap .tourist_box .cont dl>dd:last-child	{ font-size:1.03em; margin-top:.9rem;}
	.tourist_wrap .tourist_box .cont .more				{ margin-top:3.5em; }
}
@media all and (max-width:1668px) {
	.tourist_wrap .tourist_box .tit						{ font-size:2.3rem; }
	.tourist_wrap .tourist_box .cont					{ padding:14rem 8rem; }
	.tourist_wrap .tourist_box .cont .icon1				{ width:53px; height:50px; }
	.tourist_wrap .tourist_box .cont .icon2				{ width:50px; height:50px;  }
	.tourist_wrap .tourist_box .cont .icon3				{ width:49px; height:50px; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:4em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.68em;  }
	.tourist_wrap .tourist_box .cont dl>dd:last-child	{ font-size:1.03em; }
	.tourist_wrap .tourist_box .cont .more				{ margin-top:3em; }
}
@media all and (max-width:1568px) {
	.tourist_wrap .tourist_box .tit						{ font-size:2.2rem; }
	.tourist_wrap .tourist_box .cont					{ padding:15rem 5rem 13rem 5rem; }
	.tourist_wrap .tourist_box .cont .icon1				{ width:50px; height:47px; }
	.tourist_wrap .tourist_box .cont .icon2				{ width:47px; height:47px;  }
	.tourist_wrap .tourist_box .cont .icon3				{ width:46px; height:47px; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:3.5em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.58em;  }
	.tourist_wrap .tourist_box .cont dl>dd:last-child	{ font-size:1em; }
	.tourist_wrap .tourist_box .cont .more				{ margin-top:2.5em; }
}
@media all and (max-width:1468px) {
	.tourist_wrap .tourist_box .tit						{ font-size:2.1rem; }
	.tourist_wrap .tourist_box .cont					{ padding:15rem 3rem 12rem 3rem; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:3em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.48em;  }
	.tourist_wrap .tourist_box .cont dl>dd:last-child	{ font-size:.9rem; }
	.tourist_wrap .tourist_box .cont .more				{ margin-top:2em; }
}
@media all and (max-width:1368px) {
	.tourist_wrap .tourist_box .tit						{ font-size:1.9rem; }
	.tourist_wrap .tourist_box .cont					{ padding:14rem 3rem 11rem 3rem; }
	.tourist_wrap .tourist_box .cont .icon1				{ width:47px; height:44px; }
	.tourist_wrap .tourist_box .cont .icon2				{ width:44px; height:44px;  }
	.tourist_wrap .tourist_box .cont .icon3				{ width:43px; height:44px; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:2.9em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.38em;  }
	.tourist_wrap .tourist_box .cont dl>dd:last-child	{ font-size:.9rem; }
	.tourist_wrap .tourist_box .cont .more				{ margin-top:2em; }
}
@media all and (max-width:1268px) {
	.tourist_wrap .tourist_box .tit						{ font-size:1.8rem; }
}
@media all and (max-width:1168px) {
	.tourist_wrap									{ height:inherit; overflow:inherit; display:flex; flex-flow:column;}
	.tourist_wrap .tourist_box						{ position:relative; left:inherit !important; top:inherit; width:100%; height:inherit; overflow:hidden }
	.tourist_wrap .tourist_box .tit					{ display:none; }
	.tourist_wrap .tourist_box .cont				{ opacity:1; padding:9rem 3rem; position:relative; top:inherit; left:inherit; transform: none; }
}
@media all and (max-width:1068px) {
	.tourist_wrap .tourist_box .cont					{ padding:8rem 3rem; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:2.5em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.267rem;  }
}
@media all and (max-width:668px) {
	.tourist_wrap .tourist_box .cont					{ padding:7rem 2rem; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:2.3em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.167rem;  }
}
@media all and (max-width:568px) {
	.tourist_wrap .tourist_box .cont					{ padding:7rem 2rem; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:2.2em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.13rem;  }
}
@media all and (max-width:468px) {
	.tourist_wrap .tourist_box .cont					{ padding:4rem 1rem; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:2.1em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.1rem;  }
}
@media all and (max-width:368px) {
	.tourist_wrap .tourist_box .cont					{ padding:3rem .75rem; }
	.tourist_wrap .tourist_box .cont dl>dt				{ font-size:2em; }
	.tourist_wrap .tourist_box .cont dl>dd				{ font-size:1.067rem;  }
}
/**********************************************************************

 									living 

**********************************************************************/
#section3														{ position:relative; background:url(/resource/eng/images/main/bg_living.jpg) no-repeat 50% 50% / cover; }
#section3 .fp-tableCell											{ display:flex; flex-flow:column; justify-content:center; gap:6.25em; position:relative; z-index:2 }
#section3::before												{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; content:''; background:rgba(0,0,0,.8); }
#section3 .con_inner											{ display:flex; flex-flow:column;  }
#section3 .con_inner .banner									{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px; margin-top:50px; }
#section3 .con_inner .banner .left								{ display:flex; flex-wrap:wrap; width:71.8%; gap:20px; }
#section3 .con_inner .banner .left>li							{ width:calc((100% - 40px) / 3); }
#section3 .con_inner .banner .left>li>a							{ display:flex; flex-flow:column; width:100%; height:100%; border-radius:10px; background-color:rgba(255,255,255,.2); isolation:isolate; padding:35px; transition:var(--trans-ani);
																	backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.2); transition:border ease 0.3s, background-color ease 0.3s; justify-content:space-between; }
#section3 .con_inner .banner .left>li>a	dl						{ display:flex; flex-flow:column; color:var(--color-white); gap:10px; }
#section3 .con_inner .banner .left>li>a	dl>dt					{ font-size:1.25rem; letter-spacing:.05em; }
#section3 .con_inner .banner .left>li>a	dl>dd					{ font-size:.94rem; line-height:1.2; letter-spacing:.02em; opacity:.6 }	
#section3 .con_inner .banner .left>li>a .icon					{ position:relative; display:flex; width:45px; height:42px; }
#section3 .con_inner .banner .left>li>a .icon::before			{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:center bottom; background-repeat:no-repeat; background-size:contain; }
#section3 .con_inner .banner .left>li>a .icon1::before			{ background-image:url(/resource/eng/images/main/icon_living01.svg); }
#section3 .con_inner .banner .left>li>a .icon2::before			{ background-image:url(/resource/eng/images/main/icon_living02.svg); }
#section3 .con_inner .banner .left>li>a .icon3::before			{ background-image:url(/resource/eng/images/main/icon_living03.svg); }											
#section3 .con_inner .banner .right								{  display:flex; flex-wrap:wrap; width:calc(100% - 71.8% - 40px); gap:10px; }	
#section3 .con_inner .banner .right>li							{ width:calc((100% - 10px) / 2);  }	
#section3 .con_inner .banner .right>li>a						{ position:relative; display:block; width:100%; height:100%; border:1px solid rgba(255,255,255,.2); border-radius:10px; padding:20px; color:var(--color-white); min-height:120px;
																	font-size:1rem; line-height:1.2; letter-spacing:.02em; transition:var(--trans-ani);word-break:keep-all; }
#section3 .con_inner .banner .right>li>a::before				{ position:absolute; left:20px; bottom:20px; width:18px; height:18px; background:url(/resource/eng/images/main/icon_link.svg) no-repeat 50% 50% / contain; content:''; }
#section3 .con_inner .banner .left>li>a:hover .icon::before,
#section3 .con_inner .banner .right>li>a:hover::before			{ animation:iconShow 0.7s ease-in-out 1 forwards; }
#section3 .con_inner .banner .right>li>a:hover,
#section3 .con_inner .banner .left>li>a:hover					{ border-color:rgba(255,255,255,.7); }

#section3 .title_wrap h3										{ margin-top:-10%; }
#section3 .fp-auto-height										{ position:absolute; bottom:0; width:100%; }
@media all and (max-width:1768px) {
	#section3 .fp-tableCell										{ gap:5.25em; }
	#section3 .con_inner .banner								{ margin-top:40px; }
	#section3 .con_inner .banner .left>li>a						{ padding:30px; }
	#section3 .con_inner .banner .left>li>a	dl>dt				{ font-size:1.23rem; }
	#section3 .con_inner .banner .left>li>a	dl>dd				{ font-size:.92rem; }	
	#section3 .con_inner .banner .left>li>a .icon				{ height:40px; }
	#section3 .con_inner .banner .right>li>a					{ padding:18px; font-size:.9rem; min-height:110px; }
	#section3 .con_inner .banner .right>li>a::before			{ left:18px; bottom:18px; }
}
@media all and (max-width:1668px) {
	#section3 .fp-tableCell										{ gap:4.25em; }
	#section3 .con_inner .banner								{ margin-top:30px; }
	#section3 .con_inner .banner .left>li>a						{ padding:25px; }
	#section3 .con_inner .banner .left>li>a	dl>dt				{ font-size:1.2rem; }
	#section3 .con_inner .banner .left>li>a	dl>dd				{ font-size:.9rem; }	
	#section3 .con_inner .banner .left>li>a .icon				{ height:40px; }
	#section3 .con_inner .banner .right>li>a					{ padding:15px; font-size:.88rem; min-height:100px; }
	#section3 .con_inner .banner .right>li>a::before			{ left:15px; bottom:15px; }
}
@media all and (max-width:1368px) {
	#section3 .fp-tableCell										{ gap:0; }
	#section3 .con_inner:has(.title_wrap)						{ padding:6rem 0 8rem; }
	#section3 .con_inner .banner								{ gap:20px; }
	#section3 .con_inner .banner .left,
	#section3 .con_inner .banner .right							{ width:100%; }
	#section3 .con_inner .banner .left>li>a .icon				{ margin-top:40px; }
	#section3 .con_inner .banner .right>li						{ width:calc((100% - 30px) / 4); }
	#section3 .con_inner .banner .right>li>a br					{ display:none ;}	
}
@media all and (max-width:1368px), (max-height: 850px) {
	#section3 .title_wrap h3									{ margin-top:0; }
	#section3 .fp-auto-height									{ position:initial; }
	#section3 .fp-tableCell										{ justify-content:flex-end; }
}
@media all and (max-width:968px) {
	#section3 .con_inner:has(.title_wrap)						{ padding:5rem 0 7rem; }
	#section3 .con_inner .banner .left							{ gap:10px; }
	#section3 .con_inner .banner .left>li						{ width:calc((100% - 20px) / 3); }
	#section3 .con_inner .banner .left>li>a						{ padding:20px; }
	#section3 .con_inner .banner .left>li>a dl>dt				{ font-size:1.167rem; }
	#section3 .con_inner .banner .left>li>a dl>dd				{ font-size:.85rem; }
	
}
@media all and (max-width:768px) {
	#section3 .con_inner:has(.title_wrap)						{ padding:4rem 0 6rem; }
	#section3 .con_inner .banner .left>li						{ width:100%; }
	#section3 .con_inner .banner .left>li>a dl>dt				{ font-size:1.067rem; }
	#section3 .con_inner .banner .right>li						{ width:calc((100% - 10px) / 2); }
	#section3 .con_inner .banner .left>li>a .icon				{ margin-top:30px; }
	#section3 .con_inner .banner .left>li>a .icon::before		{ background-position:left bottom; }
	
}
@media all and (max-width:568px) {
	#section3 .con_inner:has(.title_wrap)						{ padding:3rem 0 5rem; }
	#section3 .con_inner .banner								{ margin-top:20px; }
	#section3 .con_inner .banner .left>li>a						{ padding:15px; }
	#section3 .con_inner .banner .left>li>a dl>dt				{ font-size:1.03rem; }
	#section3 .con_inner .banner .left>li>a .icon				{ margin-top:25px; height:38px; }
}
@media all and (max-width:368px) {
	#section3 .con_inner .banner .right>li>a					{ padding:12px; font-size:.85rem;  }
	#section3 .con_inner .banner .right>li>a::before			{ left:12px; bottom:12px; }
}

/************** 2026.03.03 익산시청 팝업 레이어 css 추가
/* 슬라이드 */
.layer_popup_wrap																{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:2000; color:#fff}
.layer_popup_cont 																{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1000; max-height:calc(100svh - 5em); overflow:hidden }
.layer_popup_cont .tit 															{ font-size:1.563rem; font-weight:700; position:relative; display:inline-flex; padding-top:15px; line-height:1 }
.layer_popup_cont .tit:before 													{ content:''; position:absolute; top:8px; right:-10px; width:8px; height:8px; border-radius:100%; background-color:var(--color-point); }
.layer_popup_cont .layerPopSwiper												{ width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; margin-top:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide									{ width:33.333%; }
.layer_popup_cont .layerPopSwiper .swiper-slide>a								{ display:flex; width:calc(100% - 30px); margin-left:15px; margin-right:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide .img							{ position:relative; width:100%; height:0; padding-top:100%; overflow-y:auto; overflow-x:hidden }
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar 		{ -webkit-appearance:none; width:4px;} 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-thumb 	{ background-color:var(--color-white); border-radius:5px; } 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-track 	{ border-radius:5px; background-color:rgba(255,255,255,.5); }
.layer_popup_cont .layerPopSwiper .swiper-slide .img img						{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
   																	 				-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover;}
.layer_popup_cont .swiper_bottom												{ position:absolute; right:0; top:0; display:flex; justify-content:center; align-items:center; gap:20px; }
.layer_popup_cont .swiper_bottom .control button								{ position:relative; width:30px; height:30px; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .swiper_bottom .control										{ display:flex; justify-content:center; align-items:center; height:40px; background:var(--color-point); border-radius:40px; padding:0 10px 0 20px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before,
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ position:absolute; width:8px; height:8px; border-style:solid; background:none; border-width:2px 2px 0 0; border-color:#fff; transform:rotate(45deg); content:'';filter: inherit; }
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ margin-left:-4px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before							{ border-width:0 0 2px 2px; margin-right:-2px }
.layer_popup_cont .swiper_bottom .swiper_page									{ width:auto; display:flex; justify-content:center; align-items:center; font-size:.9rem; margin:0; line-height:1; color:#fff; gap:7px; margin-right:10px;}
.layer_popup_cont .swiper_bottom .swiper-pagination-current						{ font-weight:bold; color:var(--color-white);}
.layer_popup_cont .swiper_bottom .swiper-pagination-total						{ font-weight:300; opacity:.9;color:var(--color-white);}
.layer_popup_cont .swiper_bottom .swiper_page i									{ position:relative; display:inline-block; width:4px; height:4px; background:rgba(255,255,255,.5); vertical-align:middle; border-radius:100%;  }
.layer_popup_cont .swiper_bottom .swiper_page i::after							{ display:none; }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 10px; filter:invert(1); }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ background-image:url(/resource/common/images/bbs/icon_stop.svg); }
.layer_popup_cont .swiper_bottom .swiper_auto.paused::before					{ background-image:url(/resource/common/images/bbs/icon_play.svg); }
.layer_popup_cont .layer_popup_btn												{ display:flex; justify-content:center; align-items:center; gap:10px;}
.layer_popup_cont .layer_popup_btn>li											{ position:relative; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .layer_popup_btn>li input[type="checkbox"]					{ position:absolute; width:100%; height:100%; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label										{ position:relative; padding-left:35px; cursor:pointer; font-size:.95rem; }
.layer_popup_cont .layer_popup_btn>li input 									{ position:absolute; width:1px; height:1px; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label::after								{ position:absolute; width:22px; height:22px; border:1px solid var(--color-white); border-radius:100%; content:''; left:0; top:0; }
.layer_popup_cont .layer_popup_btn>li label::before 							{ content: ""; position:absolute; top:4px; left:8px; width:6px; height:10px; overflow:hidden; border-style:solid; border-width:0 2px 2px 0;
																					 border-color:var(--color-white); opacity:0; transform:rotate(45deg);}
.layer_popup_cont .layer_popup_btn>li input:checked + label::before 			{ opacity:1; }
.layer_popup_cont .layer_popup_btn .popup_close_button 							{ display:flex; position: relative; width:46px; height:46px; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:var(--color-point); opacity:.5; border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button::after					{ position:absolute; width:calc(100% - 16px); height:calc(100% - 16px); left:8px; top:8px; content:''; background:var(--color-point); border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button>em						{ position:relative; width:100%; height:100%; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button>em::before				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button>em::after				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(-45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button:hover					{ transform:rotate(180deg); }	
.layer_popup_bg 																{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0, 0, 0, 0.9); }
@media all and (max-width:1368px){
	.layer_popup_cont .layerPopSwiper											{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px;  }
	.layer_popup_cont .layerPopSwiper .swiper-slide>a							{ width:calc(100% - 20px); margin-left:10px; margin-right:10px; }
}
@media all and (max-width:1024px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:50%;  }
	.layer_popup_cont .swiper_bottom .control									{ height:36px; }
	.layer_popup_cont .layer_popup_btn .popup_close_button 						{ width:42px; height:42px; }
	.layer_popup_cont .layer_popup_btn>li label									{ padding-left:30px; font-size:.9rem; }
	.layer_popup_cont .tit														{ padding-top:10px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:4px; }
}
@media all and (max-width:768px){
	.layer_popup_cont															{ padding-bottom:52px; }
	.layer_popup_cont .swiper_bottom											{ position:initial; }
	.layer_popup_cont .swiper_bottom .control									{ position:absolute; right:0; top:2px; }
	.layer_popup_cont .layer_popup_btn											{ position:absolute; width:max-content; left:50%; bottom:0; transform:translateX(-50%); }
	.layer_popup_cont .tit														{ padding-top:8px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:0; }
}
@media all and (max-width:568px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:100%;  }
}
@media all and (max-width:468px){
	.layer_popup_cont .tit 														{ font-size:1.363rem; }
	.layer_popup_cont .swiper_bottom .control									{ height:32px; padding:0 5px 0 15px }
	.layer_popup_cont .swiper_bottom .swiper_page								{ font-size:.85rem; margin-right:5px; }
	.layer_popup_cont .swiper_bottom .control button							{ width:25px; height:25px; }
	.layer_popup_cont .layerPopSwiper											{ margin-top:15px; }
} 
@media all and (max-width:320px){
	.layer_popup_cont .tit>span													{ display:none; }
}