@charset "utf-8";

/* webzine */
.webzine_list 							{overflow:hidden; width:100%; box-sizing:content-box; box-sizing:border-box;}
.webzine_list ul						{list-style:none; margin:0; padding:0;}
.webzine_list li						{float:left; width:calc(50% - 10px); min-height:170px; border:1px solid #DDD; background:#fff; margin:0px 20px 20px 0; border-radius:6px;}
.webzine_list li:nth-child(even)		{margin-right:0px;}
.webzine_list li:after					{clear:both;content:''}

.webzine_list li .prd_box				{padding:25px;}
.webzine_list li .prd_box .thumb		{float:left; margin:0 20px 0 0; width:120px; height:120px; background:#FFF; transition:all 0.4s}
.webzine_list li .prd_box a img			{width:120px; border:none}

.webzine_list li .title					{float:left; width:calc(100% - 140px); padding:2px 0 10px 0;}
.webzine_list li a.subject				{display:block; margin-bottom:12px; font-size:16px; line-height:18px; font-weight:700; color:#444; max-height:40px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap;}
.webzine_list li a.summary 				{display:block; font-size:13px; line-height:18px; color:#BBB; margin-bottom:10px; max-height:120px; 
										word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap;}

@media screen and (max-width:980px){
.webzine_list							{overflow:hidden; width:100%;}
.webzine_list li 						{float:left; width:100%; margin:10px 0px 0 0;}
}

@media screen and (max-width:500px){
.webzine_list							{overflow:hidden; width:100%;}
.webzine_list li 						{width:100%; margin:10px 0px 0 0;}
.webzine_list li .prd_box .thumb		{float:none !important; display:block; margin:0px auto; text-align:center; width:100%; height:100%; background:#FFF;}
.webzine_list li .prd_box a img			{width:100%; height:auto; max-width:250px;}
.webzine_list li .title					{display:block; width:100%; text-align:center; margin-top:15px;}
}


/***************************************************************************************************
*	Local Biz : 2024.02.06
***************************************************************************************************/
.localbizBG					{position:absolute; width:100%; z-index:0; height:300px; top:167px; left:0; background-color:var(--IDTcolor); opacity:0.1;}

@media screen and (max-width:980px) {
	.localbizBG {top:56px; left:0;}
}


/* Simple Vertical List */
.SVL						{position:relative; display:inline-block; width:calc(100% + 40px); margin:0 auto 0 -20px;}
.SVL ul						{display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex;
							-webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap:wrap; box-sizing: border-box;
							 flex-direction:row; align-items:auto; justify-content:space-between; align-content:start;}
.SVL ul:after				{display:block; content:""; margin:15px; flex:999 999 auto;}

.SVL ul.div4 li				{width:calc(25% - 40px);}
.SVL ul.div3 li				{width:calc(33.333% - 40px);}
.SVL ul.div2 li				{width:calc(50% - 20px);}

.SVL li						{overflow:hidden; position:relative; padding:0px; -webkit-box-sizing: border-box; box-sizing:border-box; margin:5px 20px 25px; padding:0;
							 -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out;}
.SVL li .thmb				{position:relative; height:0; padding-bottom:100%; overflow:hidden; -webkit-perspective:1200px; perspective:1200px;
							-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index:1}
.SVL li .thmb img			{position:absolute; top:50%; left:50%; min-width:100%; height:100%; transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0); transition:transform .1s, opacity 0.85s, -webkit-transform 0.85s; transition:transform 0.85s, opacity 0.85s;}
.SVL li:hover .thmb img		{transform:translate3d(-50%, -50%, 0) scale(1.2); -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2); transition: opacity 0.35s, transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;}

.SVL .detailArea			{display:flex; flex-direction:column; justify-content:flex-start; background-color:#FFFFFF; border:1px solid #ECECEC; border-top:none;  width:100%; height:180px; padding:30px;}
.SVL .detailArea .subject	{width:100%; font-size:var(--FS-large); max-height:40px; overflow:hidden; margin-bottom:5px;font-weight:600; line-height:1.25; color:#2D2D2D; letter-spacing:-0.5px;
							word-wrap:break-word; word-break: break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap;}
.SVL .detailArea .subtitle	{width:100%; max-height:38px; padding:5px 0; overflow:hidden; line-height:1.2; font-size:var(--FS13); color:#999; word-wrap:break-word; word-break: break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap;}
.SVL .detailArea .subdesc01	{width:100%; margin-top:10px; line-height:1.7; color:var(--mygray); font-size:var(--FS12); color:#999;}
.SVL .detailArea .subdesc01	.subdesc01_01	{display:block; color:var(--mygray400); font-weight:var(--FW600F);}

@media screen and (max-width:980px) {
	.SVL ul.div4 li			{width:calc(33.333% - 40px);}
}

@media screen and (max-width:500px) {
	.SVL ul.div4 li			{width:calc(50% - 20px); margin:10px 10px;}
	.SVL .detailArea		{padding:15px; height:140px;}
}

@media screen and (max-width:320px) {
	.SVL ul.div4 li			{width:calc(100% - 0px);}
}


/* Localbiz Title */
.localbiz_title						{position:relative; display:flex; align-items:center; width:100%; margin:30px auto 20px auto;}
.localbiz_title .title_txt			{flex-shrink:0; font-size:var(--FS-large); color:#242A30; font-weight:600; letter-spacing:-1px; margin-right:20px;}
.localbiz_title .title_line			{flex-grow:1; height:1px; width:90%; background-color:rgba(0, 0, 0, 0.1);}

@media screen and (max-width:980px){
	.localbiz_title					{margin:30px auto 10px auto;}
}

.localbiz_title em					{visibility:hidden; min-width:85px; height:30px; line-height:30px; padding-left:0; padding:0 10px; border-radius:15px; text-align:center; color:#fff; background-color:var(--IDTcolor); opacity:0; transition:opacity 1s; z-index:10; position:absolute; right:0px; top:25px; transform:translate(0px, 40%); font-size:13px; letter-spacing:-0.5px; box-sizing:border-box;}
.localbiz_title em::after			{position:absolute; content:''; top:-4px; right:4px; transform:translate(-50%, -50%); border-style:solid; border-width:6px; border-color:transparent transparent var(--IDTcolor) transparent} 
.localbiz_title:hover em			{visibility:visible; opacity:1;}

.localbiz_Wrap						{position:relative; width:100%; margin:50px auto; overflow:hidden;}
.SW_localbiz						{position:static; width:100%;}
/*.SW_localbiz li.swiper-slide		{width:auto !important;}  flex 일정간격 원할시 본 라인 주석 */

.SW_localbiz .swiper-button-prev, 
.SW_localbiz .swiper-button-next				{opacity:0; top:50px; width:50px !important; height:50px !important; cursor:pointer; outline:none; background-image:none; background-color:#FFF; z-index:1 !important;
												-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; border-radius:100%; border:none; box-shadow:1px 1px 18px rgb(0 0 0 / 30%);}
.SW_localbiz .swiper-button-prev				{left:15px; opacity:.6; outline:none;}
.SW_localbiz .swiper-button-prev:after			{position:absolute; top:calc(50% - 8px) !important; left:20px; width:14px; height:14px; border:4px solid var(--mygray); border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}
.SW_localbiz .swiper-button-next				{right:15px; opacity:.6; outline:none;}
.SW_localbiz .swiper-button-next:after			{position:absolute; top:calc(50% - 8px) !important; right:20px; width:14px; height:14px; border:4px solid var(--mygray); border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}
.SW_localbiz .swiper-button-prev:hover,
.SW_localbiz .swiper-button-next:hover			{opacity:1.0; border:none; overflow:visible !important; background-color:var(--IDTcolor); box-shadow:none;}
.SW_localbiz .swiper-button-prev:hover:after,
.SW_localbiz .swiper-button-next:hover:after	{border-color:#FFF;}
.SW_localbiz .swiper-button-prev.swiper-button-disabled,
.SW_localbiz .swiper-button-next.swiper-button-disabled	{opacity:0 !important;}

/* swiperHead */
.swiperHead					{display:inline-block; width:100%; margin:0px auto; box-sizing:border-box; padding:0px 0px;}
.swiperHead li				{display:flex; align-items:center;flex-direction:column; height:80px; font-size:14px; font-weight:600; letter-spacing:-1.2px; color:#000; text-align:center; cursor:pointer; 
							padding:0px !important; margin:0 !important; transition: all .15s ease; cursor:pointer; height:100%; opacity:0.4;}
.swiperHead li.swiper-slide-thumb-active		{opacity:1;}
.swiperHead li.swiper-slide-thumb-active em		{box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.19); border-radius:100%; color:#000}
.swiperHead li.swiper-slide-thumb-active span	{font-size:var(--FS18); font-weight:800}

.swiperHead li:hover		{color:var(--IDTcolor); opacity:1;}
.swiperHead li:hover em		{box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.19); border-radius:100%;}

.swiperHead li em			{content:''; display:block; width:75px; height:75px; background:url(/shop/img/localbiz/icon_area.png) 0 0 / 100% auto no-repeat; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); top:0; z-index:5;}

.swiperHead li em.gangwon	{background-position:0 0px;}
.swiperHead li em.gyeonggi	{background-position:0 -75px;}
.swiperHead li em.gyeongnam {background-position:0 -150px;}
.swiperHead li em.kyeongbuk {background-position:0 -225px;}
.swiperHead li em.gwangju	{background-position:0 -300px;}
.swiperHead li em.daegu		{background-position:0 -375px;}
.swiperHead li em.daejeon	{background-position:0 -450px;}
.swiperHead li em.busan		{background-position:0 -525px;}
.swiperHead li em.seoul		{background-position:0 -600px;}
.swiperHead li em.sejong	{background-position:0 -675px;}
.swiperHead li em.ulsan		{background-position:0 -750px;}
.swiperHead li em.incheon	{background-position:0 -825px;}
.swiperHead li em.jeonnam	{background-position:0 -900px;}
.swiperHead li em.jeonbuk	{background-position:0 -975px;}
.swiperHead li em.jeju		{background-position:0 -1050px;}
.swiperHead li em.chungnam	{background-position:0 -1125px;}
.swiperHead li em.chungbuk	{background-position:0 -1200px;}

.swiperHead li span			{font-size:var(--FS16); letter-spacing:-1px; padding:85px 0 0;}

/* swiperBottom */
.swiperBottom					{display:flex;  flex-direction:column; position:relative; z-index:1; width:100%; height:100%; margin:30px auto; padding:20px 40px; box-sizing:border-box; background-color:#FFF; border-radius:var(--round-large) var(--round-large) 0 0;}
.swiperBottom H7 				{position:relative; width:100%; flex-shrink:0; display:flex; align-items:center; margin:20px 20px 20px 0; font-family:var(--FFH); font-size:var(--FS-mm-large); color:#111; font-weight:var(--FW700); letter-spacing:-1px;}
.swiperBottom H7 a				{display:flex; align-items:center; justify-content:center; margin-left:10px; font-size:var(--FS16); font-weight:600; background-color:var(--mygray); color:#fff; padding:4px 5px; border-radius:4px;}
.swiperBottom H7 a i 			{font-weight:700}
.swiperBottom H7 .title_blank	{flex-grow:1;}
.swiperBottom H7 .gobiz_home	{display:flex; align-items:center; background-color:var(--IDTcolor); border-radius:20px 6px 6px 20px; padding:0.2rem 0.5rem; font-size:var(--FS12F); font-weight:700; letter-spacing:0.2px;}
.swiperBottom H7 .gobiz_home i	{margin-right:5px; width:18px; height:18px;}

@media screen and (max-width:980px) {
	.SW_localbiz .swiper-button-prev, 
	.SW_localbiz .swiper-button-next		{top:38px; width:40px !important; height:40px !important; }
	.SW_localbiz .swiper-button-prev		{left:0px;}
	.SW_localbiz .swiper-button-next		{right:0px;}
	.SW_localbiz .swiper-button-prev:after	{margin-top:2px; left:15px; width:12px; height:12px; border:3px solid var(--mygray); border-radius:2px; border-top:none; border-left:none;}
	.SW_localbiz .swiper-button-next:after	{margin-top:2px; right:15px; width:12px; height:12px; border:3px solid var(--mygray); border-radius:2px; border-top:none; border-left:none;}

	.swiperHead li em			{content:''; display:block; width:50px; height:50px; background:url(/shop/img/localbiz/icon_area.png) 0 0 / 100% auto no-repeat; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); top:0; z-index:5;}
	.swiperHead li em.gangwon	{background-position:0 0px;}
	.swiperHead li em.gyeonggi	{background-position:0 -50px;}
	.swiperHead li em.gyeongnam {background-position:0 -100px;}
	.swiperHead li em.kyeongbuk {background-position:0 -150px;}
	.swiperHead li em.gwangju	{background-position:0 -200px;}
	.swiperHead li em.daegu		{background-position:0 -250px;}
	.swiperHead li em.daejeon	{background-position:0 -300px;}
	.swiperHead li em.busan		{background-position:0 -350px;}
	.swiperHead li em.seoul		{background-position:0 -400px;}
	.swiperHead li em.sejong	{background-position:0 -450px;}
	.swiperHead li em.ulsan		{background-position:0 -500px;}
	.swiperHead li em.incheon	{background-position:0 -550px;}
	.swiperHead li em.jeonnam	{background-position:0 -600px;}
	.swiperHead li em.jeonbuk	{background-position:0 -650px;}
	.swiperHead li em.jeju		{background-position:0 -700px;}
	.swiperHead li em.chungnam	{background-position:0 -750px;}
	.swiperHead li em.chungbuk	{background-position:0 -800px;}

	.swiperHead li span			{padding:60px 0 0;}

	.swiperBottom				{padding:20px 20px;}
}


/***************************************************************************************************
*	32 Local Story - 2020.07.09 : FUNNY
***************************************************************************************************/
.WRAP_SW_local32							{position:relative; margin:20px auto; width:100%;}
.swiper.SW_local32							{overflow:hidden;}

.SW_local32										{margin:0px auto; width:100%; position:static; padding:0;}
.SW_local32:after								{clear:both; display:block; content:"";}

.SW_local32 .swiper-pagination					{top:-30px; right:0px; width:100%; height:20px;}
.SW_local32 .swiper-pagination-bullet-active	{opacity:1 !important; background-color:var(--IDTcolor) !important;}
.SW_local32 .swiper-pagination-bullet			{margin-left:5px; width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity: .2; outline:none;}


.SW_local32 .swiper-button-prev, 
.SW_local32 .swiper-button-next				{opacity:0; top:50%; width:50px !important; height:50px !important; cursor:pointer; outline:none; background-image:none; background-color:#FFF; z-index:1 !important;
											-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; border-radius:100%; border:none; box-shadow:1px 1px 18px rgb(0 0 0 / 30%);}
.SW_local32 .swiper-button-prev				{left:-100px; opacity:.6; outline:none;}
.SW_local32 .swiper-button-prev:after		{position:absolute; top:calc(50% - 8px) !important; left:20px; width:14px; height:14px; border:4px solid var(--mygray); border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}
.SW_local32 .swiper-button-next				{right:-100px; opacity:.6; outline:none;}
.SW_local32 .swiper-button-next:after		{position:absolute; top:calc(50% - 8px) !important; right:20px; width:14px; height:14px; border:4px solid var(--mygray); border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}
.SW_local32 .swiper-button-prev:hover,
.SW_local32 .swiper-button-next:hover		{opacity:1.0; border:none; overflow:visible !important; background-color:var(--IDTcolor); box-shadow:none;}

.SW_local32:hover .swiper-button-prev		{left:-10px;}
.SW_local32:hover .swiper-button-next		{right:-10px;}

.SW_local32 .swiper-button-prev:hover:after,
.SW_local32 .swiper-button-next:hover:after	{border-color:#FFF;}


@media screen and (max-width:980px) {
	.SW_local32 .swiper-button-prev, 
	.SW_local32 .swiper-button-next			{top:50%; width:40px !important; height:40px !important; }
	.SW_local32 .swiper-button-prev:after	{margin-top:2px; left:15px; width:12px; height:12px; border:3px solid var(--mygray); border-radius:2px; border-top:none; border-left:none;}
	.SW_local32 .swiper-button-next:after	{margin-top:2px; right:15px; width:12px; height:12px; border:3px solid var(--mygray); border-radius:2px; border-top:none; border-left:none;}
}


/* Product List */
.PDlocal32_area ul								{display:flex; width:calc(50% - 20px); margin-bottom:12px; list-style:none; padding:0;}
.PDlocal32_area li								{padding:0px; -webkit-box-sizing: border-box; box-sizing:border-box; margin:0px; width:100%;
												-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.PDlocal32_area ul:nth-of-type(1), 
.PDlocal32_area ul:nth-of-type(4n+1)			{float:left; width:50%; margin-right:20px;}
.PDlocal32_area ul:nth-of-type(1) .thmb			{float:left; width:100%; max-width:100%; height:280px; max-height:280px; overflow:hidden; line-height:0; padding:0px; -webkit-perspective:1500px; perspective:1500px;
												-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.PDlocal32_area ul:nth-of-type(1) .thmb img		{position:relative; top:-50%; width:100%; image-rendering: -webkit-optimize-contrast; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
												-webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;}
.PDlocal32_area ul:nth-of-type(1) .thmb img:hover	{-webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;
												-webkit-transform:translate3d(0,0,180px); transform:translate3d(0,0,180px);}
.PDlocal32_area ul:nth-of-type(1) .detail		{display:inline-block; width:100%; margin:0; padding:30px; box-sizing:border-box; position:relative;}
.PDlocal32_area ul:nth-of-type(1) .summary		{max-height:64px; -webkit-line-clamp:3;}

.PDlocal32_area a								{overflow:hidden; position:relative;}
.PDlocal32_area a:after							{clear:both; content:''}
.PDlocal32_area .prd_box						{width:100%; display:inline-block; box-sizing:border-box; position:relative; transition:all .3s ease-in-out 0s;}

.PDlocal32_area .thmb							{float:left; width:143px; overflow:hidden; line-height:0; padding:0px; -webkit-perspective:1500px; perspective:1500px;}
.PDlocal32_area .thmb img						{width:100%; height:auto; min-width:143px; image-rendering: -webkit-optimize-contrast; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
												-webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;}
.PDlocal32_area .thmb img:hover					{-webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;
												-webkit-transform:translate3d(0,0,180px); transform:translate3d(0,0,180px);}
.PDlocal32_area .detail							{display:inline-block; width:calc(100% - 145px); margin:0; padding:20px 20px 20px 20px; box-sizing:border-box;}
.PDlocal32_area .localname						{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; 
												font-size:13px; line-height:25px; font-weight:400; letter-spacing:-1px; color:#BBB;}
.PDlocal32_area .subject						{display:block;  height:25px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;  
												font-size:18px; font-weight:500; line-height:19px; color:#2D2D2D; letter-spacing:-1.4px;}
.PDlocal32_area .summary						{display:inline-block; display:-webkit-box;  padding:5px 0; max-height:48px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;  text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;
												font-size:13px; line-height:20px; letter-spacing:-1px; color:#999;}

@media screen and (max-width:1440px){
	.PDlocal32_area ul:nth-of-type(1) .thmb img		{top:-12.5%; width:100%;}
}

@media screen and (max-width:980px){
	.WRAP_local32									{width:100%; margin:0px auto 0px auto;}

	.SW_local32:hover .swiper-button-prev			{left:5px; opacity:0.5;}
	.SW_local32:hover .swiper-button-next			{right:5px; opacity:0.5;}
	.SW_local32 .swiper-button-prev:hover,
	.SW_local32 .swiper-button-next:hover			{opacity:1; overflow:visible !important;}

	.PDlocal32_area ul								{float:left; width:100%; margin-bottom:12px;}
	.PDlocal32_area ul:nth-child(even)				{margin-right:0px !important}
	.PDlocal32_area ul:nth-of-type(1)				{float:left; width:100%;}
	.PDlocal32_area ul:nth-of-type(1) .thmb			{float:left; width:143px; height:auto; overflow:hidden; line-height:0; padding:0px; -webkit-perspective:1500px; perspective:1500px;}
	.PDlocal32_area ul:nth-of-type(1) .thmb img		{width:100%; height:auto; min-width:143px; image-rendering: -webkit-optimize-contrast; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
													-webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;}
	.PDlocal32_area ul:nth-of-type(1) .thmb img:hover{-webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;
													-webkit-transform:translate3d(0,0,180px); transform:translate3d(0,0,180px);}
	.PDlocal32_area ul:nth-of-type(1) .detail		{display:inline-block; width:calc(100% - 145px); margin:0; padding:20px 20px 20px 20px; box-sizing:border-box;}
	.PDlocal32_area ul:nth-of-type(1) .summary		{display:inline-block; display:-webkit-box; padding:5px 0; max-height:48px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;
													font-size:13px; line-height:20px; letter-spacing:-1px; color:#999;}
}

@media screen and (max-width:980px){
	.PDlocal32_area ul								{margin-bottom:0px !important;}
}

@media screen and (max-width:500px){
	.PDlocal32_area .detail							{float:left;}
	.PDlocal32_area .subject						{font-size:14px; font-weight:500; line-height:19px;}
	.PDlocal32_area .summary						{font-size:12px; font-weight:400; line-height:18px; max-height:40px;}
}



/***************************************************************************************************
*	Local Biz : Company Introduction List - 2024.04.17
***************************************************************************************************/
.CIL								{position:relative;}
.CIL ul								{display:flex; flex-wrap:wrap; justify-content:space-between;}
.CIL ul.div2 li						{width:calc(50% - 20px); margin:20px 0px;}

.CIL dl								{display:flex; flex-direction:row; position:relative; width:100%; border:1px solid #dcdcdc; padding:30px 30px; border-radius:12px; background-color:#FFF;}
.CIL dl dt							{}
.CIL dl dt .IMCA					{max-width:120px; max-height:120px;}
.CIL dl dt .IMCA img				{width:120px; height:120px;}

.CIL dl dd							{display:flex; flex-direction:column; margin-left:30px;}
.CIL dl dd .cil_title_top			{display:block; margin-bottom:5px; width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; font-size:var(--FS13); font-weight:var(--FW500); letter-spacing:var(--LS10); color:#BBB;}
.CIL dl dd .cil_title				{display:flex; font-size:var(--FS18); font-weight:700; line-height:1.2; margin-bottom:15px;}
.CIL dl dd .cil_detailview			{position:absolute; right:-1px; top:-1px; display:flex; align-items:center; justify-content:center; min-width:60px; background-color:var(--mygray400); border-radius:0px 13px 0px 12px; padding:7px 8px; color:#FFF; font-size:var(--FS13); font-weight:var(--FW700); margin-left:5px; box-shadow: 1px -2px 3px 0px rgba(0, 0, 0, 0.3) inset;}
.CIL dl dd .cil_desc				{display:-webkit-box; padding:5px 0; max-height:48px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; font-size:13px; line-height:20px; letter-spacing:var(--LS10); color:#999;} 

@media screen and (max-width:980px) {
	.CIL ul.div2 li					{width:100%; margin:0 auto 20px;}
	.CIL dl							{padding:20px 20px;}
	.CIL dl dt .IMCA				{max-width:100px; max-height:100px;}
	.CIL dl dt .IMCA img			{width:100px; height:100px;}
	.CIL dl dd .cil_detailview		{min-width:50px; border-radius:0px 8px 0px 8px;}
}