@charset "utf-8";

#main *											{ box-sizing:border-box;}
[data-main]										{ margin-top:3.75em; }
[data-main="infozone"]							{ margin-bottom:3.75em }
#main>[data-main]:first-child					{ margin-top:0; }
@keyframes iconShow{
    0%{transform:translateY(0);}
    25%{transform:translateY(-10px);}
    50%{transform:translateY(0);}
    75%{transform:translateY(-5px);}
    100%{transform:translateY(0);}
}
@media all and (max-width:1068px){
	[data-main]										{ margin-top:3em; }
	[data-main="infozone"]							{ margin-bottom:3em }
}	
@media all and (max-width:668px){
	[data-main]										{ margin-top:2.5em; }
	[data-main="infozone"]							{ margin-bottom:2.5em }
}	

			
/* 타이틀 */
h3.title										{ display:flex; flex-flow:column; font-size:1.75em; font-weight:700; line-height:1.1; gap:5px; }
h3.title>em										{ font-size:1em; font-weight:800; color:var(--color-point); }
@media all and (max-width:1368px){
	h3.title									{ font-size:1.65em; }
}
@media all and (max-width:1268px){
	h3.title									{ font-size:1.55em; }
}
@media all and (max-width:1024px){
	h3.title									{ font-size:1.75em; }
}
@media all and (max-width:568px){
	h3.title									{ font-size:1.65em; }
}


/* 전체보기 */
.more											{ position:relative; display:flex; width:30px; height:30px; border-radius:100%; background:var(--color-point); transition:var(--trans-ani); overflow:hidden; }
.more::before									{ position:absolute; width:10px; height:10px; left:50%; top:50%; background:url(/youth2/images/main/icon_more.svg) no-repeat 50% 50% / auto; transform:translate(-50%,-50%); content:''; }
.more:hover,
.more:focus										{ transform:rotate(180deg); }		
@media all and (max-width:768px){
	.more										{ width:28px; height:28px; }
}
@media all and (max-width:368px){
	.more										{ width:26px; height:26px; }
}

/* tab */
.control_main_tab .conts_tab					{ display:none; }
.control_main_tab .conts_tab.active				{ display:block; }
.tab_menu										{ display:flex; width:100%; max-width:165px; flex-flow:column; gap:5px; }
.tab_menu>li									{ position:relative;  }
.tab_menu>li button								{ display:flex; align-items:center; width:100%; height:40px; border-radius:20px; background:rgba(255,255,255,.1); padding:0 5px 0 20px; font-weight:800; transition:var(--trans-ani); }
.tab_menu>li button>span						{ color:var(--color-white); }
.tab_menu>li button:hover,
.tab_menu>li button:focus,
.tab_menu>li:hover button,
.tab_menu>li:focus button,
.tab_menu>li.active button,
.tab_menu>li:has(.more:focus) button			{ background:var(--color-white); }
.tab_menu>li button>span:hover,
.tab_menu>li button>span:focus,
.tab_menu>li:hover button>span,
.tab_menu>li:focus button>span,
.tab_menu>li.active button>span,
.tab_menu>li:has(.more:focus) button>span		{ color:var(--color-blue); }
.tab_menu>li .more								{ top:50%; transform:translateY(-50%); right:15px; opacity:0; background:var(--color-blue) }
.tab_menu>li.active .more,
.tab_menu>li:hover .more,
.tab_menu>li:focus .more,
.tab_menu>li:has(button:hover) .more,
.tab_menu>li:has(button:focus) .more,
.tab_menu>li .more:hover,
.tab_menu>li .more:focus						{ opacity:1; }
.tab_menu>li:has(button:hover) .more,
.tab_menu>li:has(button:focus) .more,
.tab_menu>li .more:hover,
.tab_menu>li .more:focus						{ transform:translateY(-50%) rotate(180deg); }	
@media all and (max-width:1668px){
	.tab_menu									{ max-width:160px; }
	.tab_menu>li button							{ font-size:.95rem; }
}
@media all and (max-width:1568px){
	.tab_menu									{ max-width:145px; }
	.tab_menu>li button							{ font-weight:700; padding:0 5px 0 15px;}
}
@media all and (max-width:1468px){
	.tab_menu									{ max-width:140px; }
	.tab_menu>li button							{ padding:0 5px 0 13px;}
}
@media all and (max-width:1368px){
	.tab_menu									{ max-width:inherit; flex-flow:row wrap; width:auto }
	.tab_menu>li button							{ padding:0 5px 0 15px; min-width:150px; }
}
@media all and (max-width:868px){
	.tab_menu>li button							{ padding:0 5px 0 12px; min-width:140px; }
}
@media all and (max-width:768px){
	.tab_menu>li button							{ font-size:.9rem; min-width:inherit; padding-right:45px; height:36px; }
}
@media all and (max-width:368px){
	.tab_menu>li button							{ padding-right:36px; height:34px;}
}
/* 스와이퍼 버튼 */
.swiper_control	.control						{ display:flex; align-items:center; justify-content:center; height:32px; border-radius:25px; background:var(--color-gray); width:fit-content; padding:0 10px 0 20px; }
.swiper_prev									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_prev::before							{ display:inline-block; width:6px; height:10px; background:url(/youth2/images/common/icon_prev.svg) no-repeat 50% 50% / contain; content:''; }
.swiper_next									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next::before							{ display:inline-block; width:6px; height:10px; background:url(/youth2/images/common/icon_next.svg) no-repeat 50% 50% / contain; content:''; }
.swiper_auto									{ position:relative; display:flex; width:25px; height:25px;  }
.swiper_auto::before							{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:auto 8px;  }
.swiper_auto.paused::before						{ background-image:url(/youth2/images/common/icon_play.svg); }		
.swiper_auto::before							{ background-image:url(/youth2/images/common/icon_stop.svg); }		
.swiper_page									{ width:auto !important; display:flex; align-items:center; font-weight:400; line-height:32px; font-size:.8rem; margin-right:5px; }
.swiper_page em									{ color:rgba(0,0,0,.4)  }
.swiper_page .swiper-pagination-current			{ color:var(--color-base); font-weight:700 }
.swiper_page .swiper-pagination-current::after	{ display:inline-block; margin:-2px 7px 0 7px; width:3px; height:3px; border-radius:100%; background:rgba(0,0,0,.4); content:''; vertical-align:middle; }
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_next.swiper-button-disabled,
.swiper_prev.swiper-button-disabled				{ opacity:.3; }
@media all and (max-width:468px){
	.swiper_control	.control					{ height:30px; padding:0 8px 0 15px; }
	.swiper_page								{ font-size:.7rem; }
}


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

 								청년소식 

**********************************************************************/
[data-main="news"]												{ position:relative; display:flex; flex-flow:column; gap:1.25em; justify-content:end; }
[data-main="news"] .text										{ display:flex; flex-flow:column; }
[data-main="news"] .text p										{ font-size:2.31em; font-weight:500; color:#9ea4aa; line-height:1.2}										
[data-main="news"] .text strong									{ font-size:3.44em; font-family:var(--font-tenada); color:var(--color-point) }
[data-main="news"] .text .color_point,
[data-main="news"] .text strong								{ color:var(--color-point1) !important; }
[data-main="news"] .news										{ position:relative; display:flex; flex-flow:column; background:url(/youth2/images/main/bg_news.svg) no-repeat right bottom / calc(100% - 76.875% - 20px) auto; padding-top:4.38em;}
[data-main="news"] .news::before								{ position:absolute; right:9.38em; top:1.72em; width:31.56em; height:16.94em; background:url(/youth2/images/main/bg_news_top.svg) no-repeat 50% 50% / contain; content:''; pointer-events:none; 
																	z-index:-1 }
[data-main="news"] #news										{ position:relative; width:76.875%; max-width:1230px; margin-top:2.5em;}
[data-main="news"] .news h3										{ display:flex; gap:15px; font-size:1.56em; font-weight:700; align-items:center }
[data-main="news"] .news .sub_txt								{ font-size:1rem; font-weight:500; line-height:1 }
[data-main="news"] .news .sub_txt>em							{ font-weight:700; }			
[data-main="news"] .news .mySwiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; margin-top:1.25em; }
[data-main="news"] .news .mySwiper:has(.none_data)				{ width:100%; margin-left:0; margin-right:0; }
[data-main="news"] .news .swiper-wrapper						{ height:inherit; }
[data-main="news"] .news .swiper-slide							{ width:33.333%; height:inherit }
[data-main="news"] .news .swiper-slide>a						{ display:flex; flex-flow:column; border-radius:1.25em; background:var(--color-gray); width:calc(100% - 20px); margin-left:10px; margin-right:10px; padding:2.5em 1.88em 3.13em 2.5em; 
																	height:100% }
[data-main="news"] .news .swiper-slide:nth-child(1)>a			{ background-image:url(/youth2/images/main/bg_new01.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(2)>a			{ background-image:url(/youth2/images/main/bg_new02.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(3)>a			{ background-image:url(/youth2/images/main/bg_new03.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(4)>a			{ background-image:url(/youth2/images/main/bg_new01.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(5)>a			{ background-image:url(/youth2/images/main/bg_new02.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(6)>a			{ background-image:url(/youth2/images/main/bg_new03.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(7)>a			{ background-image:url(/youth2/images/main/bg_new01.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(8)>a			{ background-image:url(/youth2/images/main/bg_new02.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(9)>a			{ background-image:url(/youth2/images/main/bg_new03.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(10)>a			{ background-image:url(/youth2/images/main/bg_new01.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(11)>a			{ background-image:url(/youth2/images/main/bg_new02.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(12)>a			{ background-image:url(/youth2/images/main/bg_new03.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(13)>a			{ background-image:url(/youth2/images/main/bg_new01.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(14)>a			{ background-image:url(/youth2/images/main/bg_new02.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(15)>a			{ background-image:url(/youth2/images/main/bg_new03.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(16)>a			{ background-image:url(/youth2/images/main/bg_new01.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(17)>a			{ background-image:url(/youth2/images/main/bg_new02.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(18)>a			{ background-image:url(/youth2/images/main/bg_new03.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(19)>a			{ background-image:url(/youth2/images/main/bg_new01.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(20)>a			{ background-image:url(/youth2/images/main/bg_new02.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(21)>a			{ background-image:url(/youth2/images/main/bg_new03.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(22)>a			{ background-image:url(/youth2/images/main/bg_new01.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(23)>a			{ background-image:url(/youth2/images/main/bg_new02.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide:nth-child(24)>a			{ background-image:url(/youth2/images/main/bg_new03.png); background-size:auto; background-position:right bottom; background-repeat:no-repeat; }
[data-main="news"] .news .swiper-slide .date					{ display:flex; flex-wrap:wrap; gap:10px 15px; font-size:.94em; font-weight:500; align-items:center  }
[data-main="news"] .news .swiper-slide .date .d_day				{ display:flex; height:30px; line-height:1; padding:0 15px; background:var(--color-point); border-radius:25px; color:var(--color-white); font-size:.87em; font-weight:600; align-items:center }
[data-main="news"] .news .swiper-slide dl						{ display:flex; flex-flow:column; gap:7px; }
[data-main="news"] .news .swiper-slide dl>dt					{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.75em; font-weight:700; line-height:1.36; margin-top:.36em; margin-bottom:.54em; }
[data-main="news"] .news .swiper-slide dl>dd					{ font-size:.94em; font-weight:500; line-height:1.2; padding-right:30%; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
[data-main="news"] .news .swiper-slide.none_data				{ display:flex; flex-flow:column; align-items:center; justify-content:center; gap:1em; padding:1em ; border-radius:20px; background:var(--color-gray)}
[data-main="news"] .news .swiper-slide.none_data .icon			{ position:relative; width:50px; height:49px; opacity:.64 }
[data-main="news"] .news .swiper-slide.none_data .icon::before	{ position:absolute; width:100%; left:0; top:0; height:100%; background:url(/youth2/images/main/icon_none_data_news.svg) no-repeat 50% 50% / contain; content:''; }
[data-main="news"] .news .swiper-slide.none_data strong			{ width:100%; font-size:1.03em; font-weight:600; opacity:.64 }
[data-main="news"] .news .swiper_control						{ position:absolute; right:0; top:3.5px; display:flex; align-items:center; gap:5px; }


[data-main="news"] .quick_wrap 									{ display:flex; flex-flow:column; gap:.75em;  }
[data-main="news"] .quick_wrap .search_wrap						{ display:none; }
[data-main="news"] .quick_wrap .search_wrap fieldset			{ display:flex; position:relative; flex-wrap:wrap; height:80px; padding-left:60px; border-radius:20px; background:var(--color-blue); align-items:center; justify-content:space-between;}
[data-main="news"] .quick_wrap .search_wrap input[type="text"]	{ height:80px; font-weight:600; font-size:18px; color:var(--color-white); position:relative; border:none; background-color:var(--color-blue); flex:auto }
[data-main="news"] .quick_wrap .search_wrap fieldset::before	{ position:absolute; width:18px; height:18px; left:30px; top:50%; content:''; background:url(/youth2/images/common/icon_search.svg) no-repeat 50% 50% / contain; filter:invert(1); 
																			transform:translateY(-50%)}
[data-main="news"] .quick_wrap .search_wrap input[type="text"]::placeholder			{ color:var(--color-white) !important; }
[data-main="news"] .quick_wrap .search_wrap button[type="submit"]					{ position:relative; width:80px; height:80px; background:none; }
[data-main="news"] .quick_wrap .search_wrap button[type="submit"]::before			{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/youth2/images/main/icon_submit.svg) no-repeat 50% 50% / 18px; }
[data-main="news"] .quick_wrap .list							{ display:flex; flex-wrap:wrap; gap:.75em; }
[data-main="news"] .quick_wrap .list>li							{ width:calc((100% - (.75em * 7)) / 8); }
[data-main="news"] .quick_wrap .list>li>a						{ display:flex; flex-flow:column; align-items:center; gap:1.56em; line-height:1; border-radius:20px; background:var(--color-light-blue); padding:1.88em; }
[data-main="news"] .quick_wrap .list strong						{ font-size:1.09em; font-weight:600; transition:var(--trans-ani); }
[data-main="news"] .quick_wrap .list .icon						{ position:relative; height:52px; width:50px; display:flex; }
[data-main="news"] .quick_wrap .list .icon::before				{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-size:contain; background-position:50%; background-repeat:no-repeat; }
[data-main="news"] .quick_wrap .list .icon1::before				{ background-image:url(/youth2/images/main/icon_quick01.svg); }
[data-main="news"] .quick_wrap .list .icon2::before				{ background-image:url(/youth2/images/main/icon_quick02.svg); }
[data-main="news"] .quick_wrap .list .icon3::before				{ background-image:url(/youth2/images/main/icon_quick03.svg); }
[data-main="news"] .quick_wrap .list .icon4::before				{ background-image:url(/youth2/images/main/icon_quick04.svg); }
[data-main="news"] .quick_wrap .list .icon5::before				{ background-image:url(/youth2/images/main/icon_quick05.svg); }
[data-main="news"] .quick_wrap .list .icon6::before				{ background-image:url(/youth2/images/main/icon_quick10.svg); }
[data-main="news"] .quick_wrap .list .icon7::before				{ background-image:url(/youth2/images/contents/icon_name.svg); }
[data-main="news"] .quick_wrap .list .icon8::before				{ background-image:url(/youth2/images/main/icon_quick09.svg); }
[data-main="news"] .quick_wrap .list>li>a:hover .icon::before	{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-main="news"] .quick_wrap .list>li>a:hover strong			{ color:var(--color-blue); }
@media all and (max-width:1668px){
	[data-main="news"]											{ gap:1em; }
	[data-main="news"] .text p									{ font-size:2.21em; }										
	[data-main="news"] .text strong								{ font-size:3.34em; }
	[data-main="news"] .news									{ background-size:calc(100% - 77.5%) auto; }
	[data-main="news"] .news .mySwiper							{ width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px; margin-top:1em }
	[data-main="news"] .news .swiper-slide>a					{ width:calc(100% - 15px); margin-left:7.5px; margin-right:7.5px; padding:2.25em 1.63em 2.88em 2.25em; }
	[data-main="news"] .news .swiper-slide dl>dt				{ font-size:1.65em; }
	[data-main="news"] .news .swiper-slide .date .d_day			{ padding-top:1px; }
	[data-main="news"] .quick_wrap .list>li>a					{ padding:1.5em; }
	[data-main="news"] .quick_wrap .list .icon					{ height:47px; width:45px; }
	[data-main="news"] .quick_wrap .list strong					{ font-size:1.06em; }
}
@media all and (max-width:1568px){
	[data-main="news"] .text p									{ font-size:2em; }										
	[data-main="news"] .text strong								{ font-size:3em; }
	[data-main="news"] .news::before							{ width:28.56em; height:15.94em }
	[data-main="news"] .news .swiper-slide>a					{ padding:2em 1.38em 2.63em 2em; }
	[data-main="news"] .news .swiper-slide dl>dt				{ font-size:1.5em; }
	[data-main="news"] .news .swiper-slide .date .d_day			{ height:28px; }
	[data-main="news"] .news .swiper-slide .date				{ gap:5px 10px; }
}
@media all and (max-width:1468px){
	[data-main="news"] .text p									{ font-size:1.8em; }										
	[data-main="news"] .text strong								{ font-size:2.9em; }
	[data-main="news"] .news::before							{ width:27.56em; height:14.94em }
	[data-main="news"] .news h3									{ font-size:1.5em; }
	[data-main="news"] #news									{ margin-top:2em; }
	[data-main="news"] .news .swiper-slide>a					{ padding:1.75em 1.13em 2.38em 1.75em; background-size:95% auto !important }
	[data-main="news"] .news .swiper-slide dl>dt				{ font-size:1.4em; }
	[data-main="news"] .news .swiper-slide .date .d_day			{ height:26px; }
	[data-main="news"] .news .swiper_control					{ top:2.5px; }
	[data-main="news"] .quick_wrap .list>li>a					{ padding:1.25em; }
	[data-main="news"] .quick_wrap .list .icon					{ height:42px; width:40px; }
	[data-main="news"] .quick_wrap .list strong					{ font-size:1.03em; }
}
@media all and (max-width:1368px){
	[data-main="news"] .news .swiper-slide						{ width:50%; }
	[data-main="news"] .text p									{ font-size:1.7em; }										
	[data-main="news"] .text strong								{ font-size:2.8em; margin-top:.15em }
	[data-main="news"] #news									{ margin-top:2em; }
	[data-main="news"] .news .swiper-slide>a					{ background-size:auto !important }
	[data-main="news"] .news .swiper-slide dl>dt				{ font-size:1.4em; padding-right:20% }
}
@media all and (max-width:1268px){
	[data-main="news"] .text p									{ font-size:1.6em; }										
	[data-main="news"] .text strong								{ font-size:2.7em; }
	[data-main="news"] .news::before							{ width:26.56em; right:6.38em; }
	[data-main="news"] .news .swiper-slide dl>dt				{ font-size:1.38em;  }
}
@media all and (max-width:1168px){
	[data-main="news"] .text p									{ font-size:1.5em; }										
	[data-main="news"] .text strong								{ font-size:2.5em; }
	[data-main="news"] .news::before							{ width:24.56em; right:5.38em; }	
}
@media all and (max-width:1068px){
	[data-main="news"] .quick_wrap .list>li>a,
	[data-main="news"] .news .swiper-slide>a					{ border-radius:15px; }
}
@media all and (max-width:1024px){
	[data-main="news"] .news::before							{ right:5em; top:0 }	
	[data-main="news"] .news									{ padding-top:2.5em; }
	[data-main="news"] .news .swiper-slide .date				{ font-size:.85rem; }
	[data-main="news"] .news .swiper-slide dl>dt				{ font-size:1.267rem; line-height:1.26; margin-bottom:.45em; padding-right:5% }
	[data-main="news"] .news .swiper-slide dl>dd				{ font-size:.95rem; }
	[data-main="news"] .news .swiper-slide>a					{ background-size:95% auto !important }
	[data-main="news"] .quick_wrap .list .icon					{ height:37px; width:35px; }
	[data-main="news"] .quick_wrap .list strong					{ font-size:.95rem; }
}
@media all and (max-width:868px){
	[data-main="news"] .quick_wrap .list						{ gap:.5em; }
	[data-main="news"] .quick_wrap .list>li						{ width:calc((100% - (.5em * 3)) / 4); }
	[data-main="news"] .news .swiper-slide						{ width:100%; }
	[data-main="news"] #news									{ width:calc(((100% - (.5em * 1)) / 4) * 3); }
	[data-main="news"] .news									{ background-size:calc(((100% - (.5em * 1)) / 4) * 1) auto; }

	[data-main="news"] .text p									{ font-size:1.45em; }										
	[data-main="news"] .text strong								{ font-size:2.4em; }
	[data-main="news"] .news::before							{ width:22.56em; right:3em; }	
	[data-main="news"] .news									{ padding-top:2em; }
	[data-main="news"] .news .swiper-slide>a					{ background-size:auto !important }
	[data-main="news"] .quick_wrap .list>li>a					{ gap:1em; }
}
@media all and (max-width:768px){
	[data-main="news"] .news h3									{ font-size:1.4em; }
	[data-main="news"] .news .sub_txt							{ font-size:.95rem; }
	[data-main="news"] .text p									{ font-size:1.4em; }										
	[data-main="news"] .text strong								{ font-size:2.3em; }
	[data-main="news"] .news::before							{ width:21.56em; right:1em; }	
	[data-main="news"] .news .swiper-slide dl>dt				{ font-size:1.167rem; }
	[data-main="news"] .news .swiper-slide dl>dd				{ font-size:.9rem; }
	[data-main="news"] .news .swiper-slide .date				{ font-size:.8rem; }
	[data-main="news"] .news .swiper_control					{ top:-.5px; }
	[data-main="news"] .news .swiper-slide .date .d_day			{ padding-top:0; }
}
@media all and (max-width:668px){
	[data-main="news"] .text p									{ font-size:1.2em; }										
	[data-main="news"] .text strong								{ font-size:2.2em; }
	[data-main="news"] .news .sub_txt							{ display:none; }
	[data-main="news"] .news::before							{ width:18.56em; right:0; top:1em }
	[data-main="news"] .news .swiper-slide>a					{ padding:1.5em 1em 2em 1.5em; }
	[data-main="news"] .quick_wrap .list>li>a,
	[data-main="news"] .news .swiper-slide>a					{ border-radius:10px; }
}
@media all and (max-width:568px){
	[data-main="news"] #news									{ width:100%; }
	[data-main="news"] .news									{ background:none; }
	[data-main="news"] .text strong								{ font-size:2.1em; }
	[data-main="news"] .news::before							{ width:18.56em; top:2em }
	[data-main="news"] .quick_wrap .list strong					{ font-size:.9rem; }
	[data-main="news"] .news .swiper-slide dl>dd				{ -webkit-line-clamp:2; }
}
@media all and (max-width:468px){
	[data-main="news"] .text p									{ font-size:1.1em; }
	[data-main="news"] .text strong								{ font-size:2em; }
	[data-main="news"] .news::before							{ width:16.56em; top:2.5em }
	[data-main="news"] .news .swiper-slide>a					{ background-size:92% auto !important }
	[data-main="news"] .news .swiper-slide dl>dt				{ font-size:1.1rem; padding-right:10% }
	[data-main="news"] .news .swiper-slide .date .d_day			{ height:24px; padding:0 12px; }
	[data-main="news"] .news									{ padding-top:1.5em; }
}
@media all and (max-width:368px){
	[data-main="news"] .quick_wrap .list>li						{ width:calc((100% - (.75em * 1)) / 2); }
	[data-main="news"] .quick_wrap .list .icon					{ height:32px; width:30px; }
	[data-main="news"] .text p									{ font-size:1.067em; }
	[data-main="news"] .text strong								{ font-size:1.9em; }
	[data-main="news"] .news::before							{ top:2.7em }
	[data-main="news"] .news .swiper-slide .date .d_day			{ height:22px; padding:0 8px; }
	[data-main="news"] .news .swiper-slide .date				{ gap:5px; }
	[data-main="news"] .news									{ padding-top:1.25em; }
}
/**********************************************************************

 								모아-job 

**********************************************************************/
[data-main="job"]												{ display:flex; flex-wrap:wrap; gap:1.25em; }
[data-main="job"] .title_wrap									{ width:calc(((100% - 1.25em) / 4) * 1); display:flex; flex-wrap:wrap; justify-content:space-between; border-radius:20px; padding:2.5em 1.88em;
																	background:url(/youth2/images/main/bg_job.svg) no-repeat left bottom / contain var(--color-blue); }
[data-main="job"] .title_wrap h3								{ display:flex; flex-flow:column; gap:5px; }
[data-main="job"] .title_wrap h3>em								{ font-size:1.56em; font-weight:700; color:var(--color-white); }
[data-main="job"] .title_wrap h3 .sub_txt						{ font-size:1rem; font-weight:400; color:var(--color-white); line-height:1.3 }
[data-main="job"] .title_wrap .more								{ position:absolute; right:5px; top:50%; transform:translateY(-50%); }
[data-main="job"] .tab_menu>li.active .more						{ background:var(--color-blue); }
[data-main="job"] .conts_tab									{ width:calc(((100% - 1.25em) / 4) * 3); }
[data-main="job"] .conts_tab .list								{ display:flex; flex-wrap:wrap; gap:1.25em; height:100%; }
[data-main="job"] .conts_tab .list>li							{ width:calc((100% - 2.5em) / 3) }
[data-main="job"] .conts_tab .list>li:nth-child(4)				{ display:none; }
[data-main="job"] .conts_tab .list>li>a							{ position:relative; display:flex; flex-flow:column; border-radius:20px; height:100%; background:var(--color-gray); padding:2.5em 1.88em; }
[data-main="job"] .conts_tab .list .date						{ display:flex; font-size:.94em; font-weight:500;  }
[data-main="job"] .conts_tab .list dl							{ display:flex; flex-flow:column; gap:7px; }
[data-main="job"] .conts_tab .list dl>dt						{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.38em; font-weight:700; line-height:1.3; margin-top:.45em; margin-bottom:1.36em; }
[data-main="job"] .conts_tab .list dl>dd						{ font-size:.94em; font-weight:500; line-height:1.2 }
[data-main="job"] .conts_tab .list>li.none_data					{ height:100%; display:flex; flex-flow:column; align-items:center; justify-content:center; gap:1em; padding:1em ; border-radius:1.25em; background:var(--color-gray)}
[data-main="job"] .conts_tab .list>li.none_data .icon			{ position:relative; width:50px; height:49px; opacity:.64 }
[data-main="job"] .conts_tab .list>li.none_data .icon::before	{ position:absolute; width:100%; left:0; top:0; height:100%; background:url(/youth2/images/main/icon_none_data_job.svg) no-repeat 50% 50% / contain; content:''; }
[data-main="job"] .conts_tab .list>li.none_data strong			{ width:100%; font-size:1.03em; font-weight:600; opacity:.64 }
@media all and (max-width:1668px){
	[data-main="job"]											{ gap:1em; }
	[data-main="job"] .title_wrap								{ width:calc(((100% - 1em) / 4) * 1) }
	[data-main="job"] .conts_tab								{ width:calc(((100% - 1em) / 4) * 3); }
	[data-main="job"] .conts_tab .list							{ gap:1em; }
	[data-main="job"] .conts_tab .list>li						{ width:calc((100% - 2em) / 3) }
	[data-main="job"] .title_wrap,
	[data-main="job"] .conts_tab .list>li>a						{ padding:2.5em 1.5em; }
	[data-main="job"] .conts_tab .list dl>dt					{ font-size:1.35em; }
}
@media all and (max-width:1568px){
	[data-main="job"] .title_wrap h3>em							{ font-size:1.4em; }
	[data-main="job"] .title_wrap h3 .sub_txt					{ font-size:.95rem; }
	[data-main="job"] .title_wrap,
	[data-main="job"] .conts_tab .list>li>a						{ padding:2em 1.5em; }
	[data-main="job"] .conts_tab .list dl>dt					{ font-size:1.25em; margin-bottom:1.25em; }
}
@media all and (max-width:1468px){
	[data-main="job"]											{ gap:.75em; }
	[data-main="job"] .title_wrap								{ width:calc(((100% - .75em) / 4) * 1) }
	[data-main="job"] .conts_tab								{ width:calc(((100% - .75em) / 4) * 3); }
	[data-main="job"] .conts_tab .list							{ gap:.75em; }
	[data-main="job"] .conts_tab .list>li						{ width:calc((100% - 1.5em) / 3) }
	[data-main="job"] .title_wrap h3>em							{ font-size:1.3em; }
	[data-main="job"] .title_wrap h3 .sub_txt					{ font-size:.9rem; }
	[data-main="job"] .title_wrap,
	[data-main="job"] .conts_tab .list>li>a						{ padding:1.88em 1.25em; }
	[data-main="job"] .conts_tab .list dl>dt					{ font-size:1.25em; margin-bottom:1.25em; }
}
@media all and (max-width:1368px){
	[data-main="job"] .title_wrap,
	[data-main="job"] .conts_tab								{ width:100%; }
	[data-main="job"] .title_wrap h3							{ flex-flow:row wrap; gap:5px 15px; align-items:center;}
	[data-main="job"] .title_wrap h3 .sub_txt br				{ display:none; }
	[data-main="job"] .title_wrap h3>em							{ font-size:1.25em; }
	[data-main="job"] .title_wrap								{ background-image:none; padding:1.5em;}
	[data-main="job"] .conts_tab .list dl>dt					{ font-size:1.2em; margin-bottom:1em; }
	[data-main="job"] .title_wrap,
	[data-main="job"] .conts_tab .list>li>a						{ padding:1.5em; }
}
@media all and (max-width:1168px){
	[data-main="job"] .title_wrap h3 .sub_txt					{ display:none; }
}
@media all and (max-width:1068px){
	[data-main="job"] .title_wrap,
	[data-main="job"] .conts_tab .list>li>a						{ border-radius:15px; }
}
@media all and (max-width:1024px){
	[data-main="job"] .conts_tab .list dl>dt					{ font-size:1.167rem; }
	[data-main="job"] .conts_tab .list dl>dd					{ font-size:.95rem; }
	[data-main="job"] .conts_tab .list .date					{ font-size:.85rem; }
	[data-main="job"] .title_wrap								{ background-image:none; padding:1em 1.5em;}
}
@media all and (max-width:868px){
	[data-main="job"] .title_wrap								{ gap:10px; }
	[data-main="job"] .conts_tab .list>li						{ width:calc((100% - .75em) / 2) }
	[data-main="job"] .conts_tab .list>li:nth-child(4)			{ display:block; }
}
@media all and (max-width:768px){
	[data-main="job"] .title_wrap h3>em							{ font-size:1.4em; }
	[data-main="job"] .conts_tab .list dl						{ gap:5px; }
	[data-main="job"] .conts_tab .list dl>dt					{ font-size:1.1rem; margin-bottom:.75em;}
	[data-main="job"] .conts_tab .list dl>dd					{ font-size:.9rem; }
	[data-main="job"] .conts_tab .list .date					{ font-size:.8rem; }
}
@media all and (max-width:668px){
	[data-main="job"] .title_wrap,
	[data-main="job"] .conts_tab .list>li>a						{ border-radius:10px; }
	[data-main="job"] .title_wrap								{ padding:1em;}
	[data-main="job"] .conts_tab .list>li>a						{ padding:1.25em 1em; }
}
@media all and (max-width:568px){
	[data-main="job"] .conts_tab .list>li						{ width:100% }
}
/**********************************************************************

 								월별캘린더

**********************************************************************/
[data-main="calendar"]													{ display:flex; flex-wrap:wrap; justify-content:space-between; }
[data-main="calendar"] .title_wrap										{ width:calc(((100% - (.75em * 1)) / 8) * 4); display:flex; flex-wrap:wrap;  justify-content:space-between; align-items:flex-start; gap:10px 0;}
[data-main="calendar"] .title_wrap .title								{ width:calc(((100% - (.75em * 1)) / 8) * 1.6); }
[data-main="calendar"] .title_wrap .swiper								{ width:calc(((100% - (.75em * 1)) / 8) * 6.4); margin-left:-2.5px; margin-right:-2.5px; }
[data-main="calendar"] .swiper_control									{ position:absolute; left:0; bottom:0; }
[data-main="calendar"] .title_wrap .swiper-slide						{ width:calc(100% / 7); }
[data-main="calendar"] .title_wrap .swiper-slide a						{ display:flex; position:relative; align-items:center; justify-content:center; width:calc(100% - 5px); height:130px; margin-left:2.5px; margin-right:2.5px; border-radius:.94em; 
																			background:var(--color-gray); text-align:center}
[data-main="calendar"] .title_wrap .swiper-slide .have					{ position:absolute; width:6px; height:6px; border-radius:100%; top:calc(50% - 2em); left:50%; background:var(--color-point); transform:translateX(-50%);}
[data-main="calendar"] .title_wrap .swiper-slide dl						{ display:flex; flex-flow:column; gap:5px; line-height:1; font-size:.94em; margin-top:3px;  }
[data-main="calendar"] .title_wrap .swiper-slide dl>dt					{ font-size:1em; font-weight:700; }
[data-main="calendar"] .title_wrap .swiper-slide dl.sun					{ color:var(--color-red); }
[data-main="calendar"] .title_wrap .swiper-slide dl.sat					{ color:var(--color-blue); }
[data-main="calendar"] .title_wrap .swiper-slide:has(.active) a			{ background:var(--color-point);  }
[data-main="calendar"] .title_wrap .swiper-slide:has(.active) dl,
[data-main="calendar"] .title_wrap .swiper-slide:has(.active) dl.sun,
[data-main="calendar"] .title_wrap .swiper-slide:has(.active) dl.sat	{ color:var(--color-white); }
[data-main="calendar"] .title_wrap .swiper-slide:has(.active) .have		{ background:var(--color-white); }
[data-main="calendar"] .title_wrap .swiper-slide:has(.today) a::before	{ position:absolute; width:100%; height:100%; border-radius:.94em; border:2px solid var(--color-point); top:0; left:0; content:''; display:inline-block; }
[data-main="calendar"] .title_wrap .swiper_control .control				{ padding:0; }
[data-main="calendar"] .title_wrap .swiper_next,
[data-main="calendar"] .title_wrap .swiper_prev							{ width:30px; height:30px; }
[data-main="calendar"] .title_wrap .swiper_control .more				{ margin-left:10px; display:none }
[data-main="calendar"] .title_wrap .swiper_control .sub_txt				{ font-weight:400; display:none }
[data-main="calendar"] .calendar_cont									{ display:flex; flex-wrap:wrap; width:calc(((100% - (.75em * 5.5)) / 8) * 4); border-left:1px solid var(--color-line); justify-content:space-between; padding-left:2em }
[data-main="calendar"] .calendar_cont>strong							{ flex:auto; font-size:1.25em; font-weight:800; color:var(--color-point);}
[data-main="calendar"] .calendar_cont .list								{ width:calc(((100% - (.75em * 1)) / 8) * 6.3); display:flex; flex-flow:column; gap:6px; }
[data-main="calendar"] .calendar_cont .list>li							{ width:100%; min-height:calc((100% - 12px) / 3);}
[data-main="calendar"] .calendar_cont .list>li>a						{ display:block; width:100%; height:100%;  border:1px solid var(--color-line); border-radius:10px; padding:5px 15px; }
[data-main="calendar"] .calendar_cont .list dl							{ display:flex; flex-wrap:wrap; height:100%; gap:5px 20px; align-items:center;}
[data-main="calendar"] .calendar_cont .list dl>dt						{ width:100%; order:2; font-size:1.03em; font-weight:700; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
[data-main="calendar"] .calendar_cont .list dl>dd						{ display:flex; height:100%; border-radius:6px; background:var(--color-gray); width:8.67em; align-items:center; justify-content:center; font-size:.94em; font-weight:500; display:none }
[data-main="calendar"] .calendar_cont .list>li.none_data				{ height:100%; display:flex; flex-flow:column; align-items:center; justify-content:center; gap:1em; padding:1em ; border-radius:10px; background:var(--color-gray)}
[data-main="calendar"] .calendar_cont .list>li.none_data .icon			{ position:relative; width:50px; height:40px; opacity:.64 }
[data-main="calendar"] .calendar_cont .list>li.none_data .icon::before	{ position:absolute; width:100%; left:0; top:0; height:100%; background:url(/youth2/images/main/icon_none_data.svg) no-repeat 50% 50% / contain; content:''; }
[data-main="calendar"] .calendar_cont .list>li.none_data strong			{ width:100%; font-size:1.03em; font-weight:600; opacity:.64 }
@media all and (max-width:1668px){
	[data-main="calendar"] .title_wrap									{ gap:1em 0; }
	[data-main="calendar"] .calendar_cont>strong						{ font-size:1.22em; }
}
@media all and (max-width:1568px){
	[data-main="calendar"] .title_wrap .swiper-slide dl					{ margin-top:10px; }
	[data-main="calendar"] h3.title										{ font-size:1.55em; }
	[data-main="calendar"] .calendar_cont								{ padding-left:1.5em; }
}
@media all and (max-width:1368px){
	[data-main="calendar"] .title_wrap									{ position:relative; width:calc(((100% - (.75em * 5)) / 8) * 4); }
	[data-main="calendar"] .title_wrap .title							{ width:100%; }
	[data-main="calendar"] .title_wrap .swiper							{ width:100%; }
	[data-main="calendar"] .title_wrap .swiper-slide a					{ height:120px; }
	[data-main="calendar"] h3.title										{ flex-flow:row; }
	[data-main="calendar"] .swiper_control								{ left:inherit; right:0; bottom:inherit; top:0; }
	[data-main="calendar"] .calendar_cont								{ width:calc(((100% - (.75em * 1)) / 8) * 4.1); padding-left:1.45em }
	[data-main="calendar"] .calendar_cont>strong						{ width:100%; text-align:left; line-height:1.3 }
	[data-main="calendar"] .calendar_cont .list							{ width:100%; margin-top:10px; }
	[data-main="calendar"] .calendar_cont .list dl>dd					{ font-size:.9rem; }
}
@media all and (max-width:1268px){
	[data-main="calendar"] .calendar_cont .list dl						{ gap:5px 15px; }
	[data-main="calendar"] .calendar_cont .list dl>dt					{ font-size:1.067em; }
}
@media all and (max-width:1168px){
	[data-main="calendar"] .title_wrap									{ width:100%; }
	[data-main="calendar"] .title_wrap .title							{ width:11rem; }
	[data-main="calendar"] .title_wrap h3.title							{ flex-flow:column; }
	[data-main="calendar"] .title_wrap .swiper							{ width:calc(100% - 11rem); }
	[data-main="calendar"] .swiper_control								{ left:0; right:inherit; bottom:0; top:inherit; }
	[data-main="calendar"] .calendar_cont .list>li						{ min-height: inherit;}
	[data-main="calendar"] .swiper_control								{ position:absolute; bottom:0; }
	[data-main="calendar"] .calendar_cont								{ width:100%; padding:1.25em; border-radius:15px; background:var(--color-gray); border-left:0; margin-top:10px; }
	[data-main="calendar"] .calendar_cont>strong						{ font-size:1.4em; }
	[data-main="calendar"] .calendar_cont .list>li>a					{ background:var(--color-white); }
}
@media all and (max-width:1024px){
	[data-main="calendar"] .title_wrap .swiper-slide dl					{ font-size:.95rem; }
	[data-main="calendar"] .title_wrap .swiper-slide a					{ height:100px; }
	[data-main="calendar"] .calendar_cont .list dl>dt					{ font-size:1.03rem; }
}
@media all and (max-width:868px){
	[data-main="calendar"] .title_wrap .title							{ width:9.5rem; }
	[data-main="calendar"] .title_wrap .swiper							{ width:calc(100% - 9.5rem); }
}
@media all and (max-width:768px){
	[data-main="calendar"] .title_wrap .swiper-slide dl					{ font-size:.9rem; }
	[data-main="calendar"] .calendar_cont .list dl>dt					{ font-size:.95rem; }
	[data-main="calendar"] .calendar_cont .list dl>dd					{ font-size:.85rem; }
	[data-main="calendar"] .calendar_cont>strong						{ font-size:1.3em; }
	[data-main="calendar"] h3.title										{ font-size:1.55em; }
	[data-main="calendar"] .title_wrap .title							{ width:8rem; gap:5px;}
	[data-main="calendar"] .title_wrap .swiper							{ width:calc(100% - 8rem); }
	[data-main="calendar"] .title_wrap .swiper-slide a					{ height:95px; }
}
@media all and (max-width:668px){
	[data-main="calendar"] .calendar_cont,
	[data-main="calendar"] .swiper_control,
	[data-main="calendar"] .title_wrap .swiper-slide a,
	[data-main="calendar"] .title_wrap .swiper-slide:has(.today) a::before	{ border-radius:10px; }
	[data-main="calendar"] .title_wrap									{ gap:10px; }
	[data-main="calendar"] .title_wrap .title							{ width:100%; gap:5px; flex-flow:row}
	[data-main="calendar"] .title_wrap h3.title							{ flex-flow:row; }
	[data-main="calendar"] .title_wrap .swiper							{ width:100%; }
	[data-main="calendar"] .swiper_control								{ left:inherit; right:0; bottom:inherit; top:-.2rem; }
	[data-main="calendar"] .calendar_cont								{ padding:1em; }
	[data-main="calendar"] .calendar_cont .list>li>a					{ padding:5px 10px; }
}
@media all and (max-width:568px){
	[data-main="calendar"] .title_wrap .swiper-slide a					{ height:70px; }
	[data-main="calendar"] .title_wrap .swiper-slide dl					{ font-size:.8rem; }
	[data-main="calendar"] .title_wrap .swiper-slide .have				{ width:5px; height:5px; top:12px; }
}
@media all and (max-width:468px){
	[data-main="calendar"] .title_wrap .swiper_control .sub_txt>i		{ display:none; }
}
@media all and (max-width:414px){
	[data-main="calendar"] .title_wrap .swiper-slide					{ width:calc(100% / 5) }
}
@media all and (max-width:368px){
	[data-main="calendar"] h3.title										{ font-size:1.45em; }
	[data-main="calendar"] .calendar_cont .list dl						{ gap:3px 10px; }
	[data-main="calendar"] .calendar_cont .list dl>dd					{ font-size:.8rem; width:8em }
	[data-main="calendar"] .calendar_cont .list dl>dt					{ font-size:.9rem; }
	[data-main="calendar"] .calendar_cont>strong						{ font-size:1.267em; }
	[data-main="calendar"] .title_wrap .swiper_control .sub_txt			{ line-height:1.1; }
}
@media all and (max-width:320px){
	[data-main="calendar"] .title_wrap .swiper-slide					{ width:calc(100% / 4) }
}
/**********************************************************************

 								인포존

**********************************************************************/
[data-main="infozone"]													{ display:flex; flex-wrap:wrap; gap:1.88em 0; align-items:end; justify-content:space-between;  }
[data-main="infozone"] .infozone										{ width:calc(((100% - (.75em * 4)) / 8) * 5); position:relative; margin-bottom:-5px;  }
[data-main="infozone"] .infozone .swiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; margin-top:20px; }
[data-main="infozone"] .infozone .swiper_control						{ position:absolute; right:0; top:0; }
[data-main="infozone"] .infozone .swiper-slide							{ width:50%; padding-bottom:5px; }
[data-main="infozone"] .infozone .swiper-slide>a						{ position:relative; display:flex; width:calc(100% - 20px); height:0; padding-top:62.627%; margin-left:10px; margin-right:10px; border-radius:20px; overflow:hidden;
																			 box-shadow:5px 0px 5px rgba(0,0,0,.04); }
[data-main="infozone"] .infozone .swiper-slide>a img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1  }


[data-main="infozone"] .photo											{ position:relative; width:calc(((100% - (.75em * 2)) / 8) * 3);}
[data-main="infozone"] .photo .swiper									{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; margin-top:20px }
[data-main="infozone"] .photo .swiper_control							{ position:absolute; right:0; top:0;  }
[data-main="infozone"] .photo .swiper-slide								{ width:100%; }
[data-main="infozone"] .photo .swiper-slide>a							{ display:flex; position:relative; width:calc(100% - 20px); margin-left:10px; margin-right:10px; flex-wrap:wrap; border-radius:20px; overflow:hidden; 
																			box-shadow:5px 0px 5px rgba(0,0,0,.04);}
[data-main="infozone"] .photo .swiper-slide>a dl						{ position:absolute; left:1.88em; width:calc(100% - 3.75em); top:1.25em; z-index:2; display:flex; flex-flow:column; gap:7px; }
[data-main="infozone"] .photo .swiper-slide>a dl>dt,
[data-main="infozone"] .photo .swiper-slide>a dl>dd						{ display:flex; width:fit-content; border-radius:10px; background:rgba(255,255,255,.7); min-height:2.5rem; align-items:center; padding:7px 15px;}
[data-main="infozone"] .photo .swiper-slide>a dl>dt						{ font-size:1.13em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight:700; }
[data-main="infozone"] .photo .swiper-slide>a dl>dd.date				{ display:flex; -webkit-line-clamp:initial; font-size:.88em; font-weight:400; color:rgba(0,0,0,.64); max-height:2.5rem; display:none}
[data-main="infozone"] .photo .swiper-slide .img						{ position:relative; width:100%; height:0; padding-top:52.455%; overflow:hidden; }
[data-main="infozone"] .photo .swiper-slide .img img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1  }


[data-main="infozone"] .swiper_page .swiper-pagination-current			{ color:var(--color-point); }
[data-main="infozone"] .infozone .swiper-slide.none_data				{ display:flex; flex-flow:column; align-items:center; justify-content:center; gap:1em; padding:1em ; border-radius:20px; background:var(--color-gray)}
[data-main="infozone"] .infozone .swiper-slide.none_data .icon			{ position:relative; width:50px; height:43px; opacity:.64 }
[data-main="infozone"] .infozone .swiper-slide.none_data .icon::before	{ position:absolute; width:100%; left:0; top:0; height:100%; background:url(/youth2/images/main/icon_none_data_infozone.svg) no-repeat 50% 50% / contain; content:''; }
[data-main="infozone"] .infozone .swiper-slide.none_data strong			{ width:100%; font-size:1.03em; font-weight:600; opacity:.64 }
[data-main="infozone"] .photo .swiper-slide.none_data					{ display:flex; flex-flow:column; align-items:center; justify-content:center; gap:1em; padding:1em ; border-radius:20px; background:var(--color-gray)}
[data-main="infozone"] .photo .swiper-slide.none_data .icon				{ position:relative; width:50px; height:49px; opacity:.64 }
[data-main="infozone"] .photo .swiper-slide.none_data .icon::before		{ position:absolute; width:100%; left:0; top:0; height:100%; background:url(/youth2/images/main/icon_none_data_photo.svg) no-repeat 50% 50% / contain; content:''; }
[data-main="infozone"] .photo .swiper-slide.none_data strong			{ width:100%; font-size:1.03em; font-weight:600; opacity:.64 }
@media all and (max-width:1668px){
	[data-main="infozone"]												{ gap:1em 0; }
	[data-main="infozone"] .photo .swiper-slide>a dl>dt					{ font-size:1.067em; }
	[data-main="infozone"] .infozone .swiper,
	[data-main="infozone"] .photo .swiper								{ margin-top:1em; width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px; }
	[data-main="infozone"] .photo .swiper-slide>a dl					{ left:1.5em; width:calc(100% - 3em); }
	
	[data-main="infozone"] .infozone .swiper-slide>a,
	[data-main="infozone"] .photo .swiper-slide>a						{  width:calc(100% - 15px); margin-left:7.5px; margin-right:7.5px; } 
}
@media all and (max-width:1468px){
	[data-main="infozone"] .photo .swiper-slide>a dl>dt					{ font-size:1.03em; }
}
@media all and (max-width:1368px){
	[data-main="infozone"] .infozone .swiper_control,
	[data-main="infozone"] .photo .swiper_control						{ top:-1px; }
	[data-main="infozone"] .photo .swiper-slide>a dl					{ left:1.25em; width:calc(100% - 2.5em); }
	[data-main="infozone"] .photo .swiper-slide>a dl>dt,
	[data-main="infozone"] .photo .swiper-slide>a dl>dd					{ padding:5px 12px; min-height:2.25rem;}
}
@media all and (max-width:1168px){
	[data-main="infozone"]												{ gap:3em 0; }
	[data-main="infozone"] .infozone,
	[data-main="infozone"] .photo										{ width:100%; }
	[data-main="infozone"] .infozone .swiper-slide						{ width:33.333%; }
	[data-main="infozone"] .photo .swiper-slide							{ width:50%; }
}
@media all and (max-width:1068px){
	[data-main="infozone"] .infozone .swiper-slide>a,
	[data-main="infozone"] .photo .swiper-slide>a						{ border-radius:15px; }
}
@media all and (max-width:1024px){
	[data-main="infozone"] .photo .swiper-slide>a dl>dt					{ font-size:1.03rem; }
	[data-main="infozone"] .photo .swiper-slide>a dl>dd.date			{ font-size:.85rem; }
	[data-main="infozone"] .infozone .swiper_control,
	[data-main="infozone"] .photo .swiper_control						{ top:-2px; }
}
@media all and (max-width:868px){
	[data-main="infozone"] .infozone .swiper-slide						{ width:50%; }
	[data-main="infozone"] .photo .swiper-slide							{ width:100%; }
	[data-main="infozone"] .photo .swiper-slide>a dl>dt,
	[data-main="infozone"] .photo .swiper-slide>a dl>dd					{ min-height:inherit; border-radius:8px; }
}
@media all and (max-width:768px){
	[data-main="infozone"] .photo .swiper-slide>a dl>dt					{ font-size:.95rem; }
	[data-main="infozone"] .photo .swiper-slide>a dl>dd.date			{ font-size:.8rem; }
}
@media all and (max-width:668px){
	[data-main="infozone"]												{ gap:2.5em 0; }
	[data-main="infozone"] .infozone .swiper-slide>a,
	[data-main="infozone"] .photo .swiper-slide>a						{ border-radius:10px; }
	[data-main="infozone"] .photo .swiper-slide>a dl					{ left:1em; bottom:1em; width:calc(100% - 2em);}
}
@media all and (max-width:568px){
	[data-main="infozone"] .infozone .swiper-slide						{ width:100%; }
	[data-main="infozone"] .photo .swiper-slide .img					{ padding-top:57.37% }
	[data-main="infozone"] .infozone .swiper_control,
	[data-main="infozone"] .photo .swiper_control						{ top:-2.5px; }
}
@media all and (max-width:368px){
	[data-main="infozone"] .photo .swiper-slide>a dl>dt					{ font-size:.9rem; }
	[data-main="infozone"] .photo .swiper-slide>a dl>dd.date			{ font-size:.75rem; }
	[data-main="infozone"] .photo .swiper-slide .img					{ padding-top:67.37% }
}