@charset "utf-8";
			
/* 타이틀 */
[data-main-con]												{padding-bottom:5em;}
[data-main-con] .h2_title									{ font-size:2.125em; font-weight:600; line-height:1.3; color:#000;margin-bottom:1.875rem;}


@media all and (max-width:1568px){
	/* 타이틀 */
	[data-main-con]											{padding-bottom:4em;}
	[data-main-con] .h2_title								{ font-size:1.875em;margin-bottom:1.75rem; }
}

@media all and (max-width:1368px){
	[data-main-con]											{padding-bottom:3.5em;}
	[data-main-con] .h2_title								{ font-size:1.75em;margin-bottom:1.625rem;  }
}

@media all and (max-width:1268px){
	/* 타이틀 */
	[data-main-con]											{padding-bottom:3em;}
	[data-main-con] .h2_title								{ font-size:1.625em;margin-bottom:1.5rem; }
}


@media all and (max-width:868px){
	/* 타이틀 */
	[data-main-con]											{padding-bottom:2.5em;}
	[data-main-con] .h2_title								{ font-size:1.5em;margin-bottom:1.375rem; }
}


@media all and (max-width:468px){
	/* 타이틀 */
	[data-main-con]											{padding-bottom:2em;}
  	[data-main-con] .h2_title								{ margin-bottom:1.25rem; }
}	

@media all and (max-width:368px){
	/* 타이틀 */
  	[data-main-con]											{padding-bottom:1.5em;}
	[data-main-con] .h2_title								{margin-bottom:1rem; }
}	



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

.control_main_tab .tab_menu,
.control_main_tab .tab_menu > li							{display:flex;align-items:center;gap:10px 1.375em;flex-wrap:wrap;}
.control_main_tab .tab_menu > li::before					{content:'';display:inline-block;width:4px;height:4px;border-radius:100%;background:var(--color-base);opacity:.2;}
.control_main_tab .tab_menu > li:first-child::before	{display:none;}
.control_main_tab .tab_menu > li button				{color:#888;font-size:1.375em;font-weight:600;display:flex;align-items:center;gap:0 10px;line-height:1;transition:var(--trans-ani);}
.control_main_tab .tab_menu > li button:hover,
.control_main_tab .tab_menu > li button:focus,
.control_main_tab .tab_menu > li button.active		{color:var(--color-point);}
.control_main_tab .tab_menu > li button.active:before	{content:'';display:inline-block;background:var(--color-point) url(/resource/images/main/icon_check.svg) no-repeat center / 100%;width:28px;height:28px;border-radius:100%;transition:var(--trans-ani);}

@media all and (max-width:1568px){
	.control_main_tab .tab_menu,
	.control_main_tab .tab_menu > li							{gap:10px 1.25em;}
	.control_main_tab .tab_menu > li button					{font-size:1.25em;gap: 0 8px;}
	.control_main_tab .tab_menu > li button.active:before{width:26px;height:26px;}
}


@media all and (max-width:668px){
	.control_main_tab .tab_menu,
	.control_main_tab .tab_menu > li							{gap:10px 1.125em;}
	.control_main_tab .tab_menu > li button					{font-size:1.125em;gap: 0 6px;}
	.control_main_tab .tab_menu > li button.active:before{width:24px;height:24px;}
}

@media all and (max-width:468px){
	.control_main_tab .tab_menu,
	.control_main_tab .tab_menu > li							{gap:10px;}
	.control_main_tab .tab_menu > li button					{font-size:1.063em;gap: 0 4px;}
	.control_main_tab .tab_menu > li button.active:before{width:20px;height:20px;}
}

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



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

 							main_visual 

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

.visual																	{position:relative;height:355px;padding-top:70px;z-index:0;}
.visual .img															{position: absolute;right: 0;bottom: 0;width:860px;aspect-ratio: 860 / 315;background:url(/resource/images/main/img_visual.svg) no-repeat center/ 100%;  opacity:1;}
.visual .img::after														{content:'';position:absolute;left:-20%;bottom:18px;width:392px;height:196px;background:url(/resource/images/main/bg_half.svg) no-repeat right bottom/ 100%; z-index:-1;}
.visual .text_wrap														{animation:down 1.5s ease;  opacity:1;}
.visual .text_wrap .title 												{margin-bottom:1.25em; display: flex;flex-flow: column;line-height:1.4;font-family:var(--font-JALNAN);}
.visual .text_wrap .title span										{color:#000;font-size:2.5em;}
.visual .text_wrap .title strong										{color:var(--color-point);font-size:2.875em;}
.visual .text_wrap p												{font-size:1.25em;color:#282828;}

@keyframes down {
	0% {transform:translateY(-80px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}




@media all and (max-width:1568px){
	.visual																{height:340px;padding-top:60px;}
	.visual .img														{width:820px}
	.visual .img::after													{width:352px;height:176px;}
	.visual .text_wrap .title span									{font-size:2.375em;}
	.visual .text_wrap .title strong								{font-size:2.75em;}
	.visual .text_wrap p											{font-size:1.125em;}
}

@media all and (max-width:1468px){
	.visual																{height:320px;padding-top:50px;}
	.visual .img														{width:800px;}
	.visual .img::after													{width:332px;height:166px;}
	.visual .text_wrap .title span									{font-size:2.25em;}
	.visual .text_wrap .title strong								{font-size:2.75em;}
	.visual .text_wrap p											{font-size:1.063em;}
}


@media all and (max-width:1368px){
	.visual																{height:300px;padding-top:40px;}
	.visual .img														{width:780px;}
	.visual .img::after													{width:312px;height:156px;bottom:16px;}
	.visual .text_wrap .title span									{font-size:2em;}
	.visual .text_wrap .title strong								{font-size:2.5em;}
}

@media all and (max-width:1268px){
	.visual 															{height:auto;padding-top:1em;}
	.visual .img														{position:relative;margin:1.75em auto 0;width:90%;max-width:740px;}
	.visual .img::after													{display:none;}
	.visual .text_wrap													{text-align:center;}
	.visual .text_wrap .title											{margin-bottom:.75em;}
	.visual .text_wrap .title span									{font-size:1.875em;}
	.visual .text_wrap .title strong								{font-size:2.375em;}
	.visual .text_wrap p											{font-size:1em;}
}


@media all and (max-width:868px){
	.visual .text_wrap .title span									{font-size:1.75em;}
	.visual .text_wrap .title strong								{font-size:2.25em;}
}

@media all and (max-width:868px){
	.visual .img::after												{margin-top:12px;}
}

@media all and (max-width:668px){
	.visual .img													{background-image:url(/resource/images/main/img_visual_m.svg);aspect-ratio: 521 / 200;width:80%;max-width:360px;}
	.visual .img::after												{margin-top:0;}
	.visual .text_wrap .title span									{font-size:1.5em;}
	.visual .text_wrap .title strong								{font-size:2em;}
	.visual .text_wrap .title											{margin-bottom:.25em;}
	.visual .text_wrap p											{font-size:.94em;}
}

@media all and (max-width:468px){
	.visual .text_wrap .title span									{font-size:1.375em;}
	.visual .text_wrap .title strong								{font-size:1.875em;}

}

@media all and (max-width:368px){
	.visual .text_wrap .title span									{font-size:1.25em;}
	.visual .text_wrap .title strong								{font-size:1.75em;}
}


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

 				 신청 가능한 교육과정 살펴보기

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

[data-main-con="edu"]															{background:var(--color-point-bg);border-radius:2.5em;padding-top:5em;width:98%;max-width:1720px;margin:-18px auto 0;}
[data-main-con="edu"] .edu .tab												{display:flex;align-items:center;justify-content: space-between;margin-bottom:1.875em;flex-wrap:wrap;gap:20px;flex-direction: row-reverse;}
[data-main-con="edu"] .edu .tab .search_list								{display:flex;align-items:center;gap:0 2px;flex-wrap:wrap;}
[data-main-con="edu"] .edu .tab .search_list > li > *						{height:50px;border:1px solid #d5e6d5;border-radius:4px;color:#5a695a;padding:0 16px;display:flex;align-items:center;}
[data-main-con="edu"] .edu .tab .search_list > li select					{width: 185px;background:#fff url(/resource/images/main/icon_select.svg) no-repeat right 16px center / 8px 6px;}
[data-main-con="edu"] .edu .tab .search_list > li button[type="submit"]{width:50px;background:var(--color-point) url(/resource/images/common/icon_search.svg) no-repeat center / 20px;}
[data-main-con="edu"] .edu .tab .search_list > li button[type="submit"] .txt{display:none;}
[data-main-con="edu"] .edu .tab .search_list > li input[type="text"]	{width:280px;}
[data-main-con="edu"] .edu .conts_tab .mySwiper							{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
[data-main-con="edu"] .edu .conts_tab .swiper-slide							{width:25%;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{display:flex; flex-direction:column;justify-content: space-between; margin-left:10px; margin-right:10px;background:#fff;border:1px solid #d5e6d5;border-radius:12px;padding:2.5em;padding-bottom: 0 !important;overflow: hidden;transition:var(--trans-ani);}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item:hover,
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item:focus{border-color:var(--color-point);}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title	{display:flex;flex-direction:column;gap:.75em;margin-bottom:1em;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title .status{width:80px;text-align:center;padding:6px 0;font-size:.88rem;background:#fff;border-radius:4px;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title .status1{border:1px solid #e13232;color:#e13232;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title .status2{border:1px solid #1353b4;color:#1353b4;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title .status3{border:1px solid #888;color:#555;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title strong{color:#000;font-size:1.375em;font-weight:600; word-break: break-all;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height:3em;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl		{display:flex;align-items:center;gap:0 12px;font-size:1em;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl + dl{margin-top:4px;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl dt	{color:var(--color-base);font-weight:600;display:flex;align-items:center;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl dt:after{content:'';display:inline-block;width:4px;height:4px;border-radius:100%;background:var(--color-base);opacity:.4;margin-left:12px;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl dd	{color:#555;font-weight:500; display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;    word-break: break-all;width:100%;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn	{display:flex;align-items:center;justify-content:center;gap:0 12px;background:var(--color-point);width:calc(100% + 5em);margin: 2.5em -2.5em 0;text-align: center;padding: 1em;box-sizing: border-box;font-size: 1em;font-weight: 500;color: var(--color-white);transition:var(--trans-ani);}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item:hover .more_btn,
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item:focus .more_btn{gap:0 16px;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn .icon_arrow{display:inline-block;width:15px;height:15px;background:url(/resource/images/main/icon_arrow.svg) no-repeat center / 100%;}
[data-main-con="edu"] .edu .conts_tab .swiper_control					{position:absolute;--sizeHig:48px;height:var(--sizeHig);left:50%;bottom:calc(-5em + (var(--sizeHig) / 2) * -1);transform:translateX(-50%);background:#fff;border:1px solid #d5e6d5;border-radius:2em;padding:0 22px 0 30px;}

[data-main-con="edu"] .edu .conts_tab .swiper-slide.none_data			{padding:0;}
[data-main-con="edu"] .edu .conts_tab .swiper-slide.none_data .slide_item{padding:2em;padding-bottom: 2em !important;width: auto;pointer-events: none;}

@media all and (max-width:1668px){
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{padding:2em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn{ width: calc(100% + 4em);margin:2em -2em 0;}
}

@media all and (max-width:1600px){
	[data-main-con="edu"]															{padding-top:4em;}
	[data-main-con="edu"] .edu .tab													{margin-bottom:1.75rem;}
	[data-main-con="edu"] .edu .tab .search_list > li > *						{height:48px;}
	[data-main-con="edu"] .edu .tab .search_list > li button[type="submit"]{width:48px;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide						{width:33.3%;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{padding:2.25em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title strong{-webkit-line-clamp: 1;height:auto;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn{width: calc(100% + 4.5em);margin:2.25em -2.25em 0;}
	[data-main-con="edu"] .edu .conts_tab .swiper_control					{ bottom: calc(-4em + (var(--sizeHig) / 2) * -1);}
}

@media all and (max-width:1468px){
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{padding:2em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title strong{font-size:1.25em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn{width: calc(100% + 4em);margin:2em -2em 0;}
}

@media all and (max-width:1368px){
	[data-main-con="edu"]															{padding-top:3.5em;margin: -16px auto 0;}
	[data-main-con="edu"] .edu .tab													{margin-bottom:1.625rem;}
	[data-main-con="edu"] .edu .conts_tab .swiper_control					{ bottom: calc(-3.5em + (var(--sizeHig) / 2) * -1);}
}

@media all and (max-width:1268px){
	[data-main-con="edu"]															{padding-top:3em;border-radius:16px;}
	[data-main-con="edu"] .edu .tab													{margin-bottom:1.5rem;}
	[data-main-con="edu"] .edu .tab .tab_menu								{justify-content: center;}
	[data-main-con="edu"] .edu .conts_tab .mySwiper							{width: calc(100% + 10px);margin-left: -5px;margin-right: -5px;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide						{width:50%;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{padding:1.875em;border-radius:10px;margin-left: 5px;margin-right: 5px;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title .status{width:76px;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl			{gap:0 10px;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl dt:after{margin-left:10px;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn{width: calc(100% + 3.75em);margin:1.875em -1.875em 0;}
	[data-main-con="edu"] .edu .conts_tab .swiper_control					{ bottom: calc(-3em + (var(--sizeHig) / 2) * -1);}
}

@media all and (max-width:1168px){
	[data-main-con="edu"] .edu .tab												{flex-direction: column;}
  	[data-main-con="edu"] .edu .tab .search_list > li > *						{padding:0 14px;}
  	[data-main-con="edu"] .edu .tab .search_list > li select					{background-position:right 14px center;}
}

@media all and (max-width:1024px){
	[data-main-con="edu"] .edu .tab .search_list > li 							{flex:auto;}
	[data-main-con="edu"] .edu .tab .search_list > li > *						{height:42px;padding: 0 14px;}
	[data-main-con="edu"] .edu .tab .search_list > li:has(select)				{width:160px;}
	[data-main-con="edu"] .edu .tab .search_list > li select					{width:100%;background-position:right 16px center;}
	[data-main-con="edu"] .edu .tab .search_list > li input[type="text"]	{width:100%;}
	[data-main-con="edu"] .edu .tab .search_list > li button[type="submit"]{width:42px;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{padding:1.75em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn .icon_arrow{width:13px;height:13px;}
}

@media all and (max-width:968px){
	[data-main-con="edu"]															{width:94%;border-radius:12px;}
}

@media all and (max-width:868px){
	[data-main-con="edu"]															{padding-top:2.5em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{padding:1.75em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title	{gap:.5em;margin-bottom:.75em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title strong{font-size:1.125em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn{width: calc(100% + 3.5em);margin:1.75em -1.75em 0;}
	[data-main-con="edu"] .edu .conts_tab .swiper_control					{ bottom: calc(-2.5em + (var(--sizeHig) / 2) * -1);--sizeHig:44px;padding:0 20px 0 28px;}
}

@media all and (max-width:768px){
	[data-main-con="edu"]													{margin: -12px auto 0;padding-top:calc(2.5em + 12px);padding-bottom:3em;}
  	[data-main-con="edu"] .edu .conts_tab .swiper-slide						{width:100%;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{margin-left:0;margin-right:0;}
	[data-main-con="edu"] .edu .conts_tab .swiper_control					{ bottom: calc(-3em + (var(--sizeHig) / 2) * -1);}
}

@media all and (max-width:668px){
	[data-main-con="edu"]															{margin:0 auto;padding-top:2.5em;}
	[data-main-con="edu"] .edu .tab													{margin-bottom:1.5rem;}
	[data-main-con="edu"] .edu .tab .search_list > li 							{flex: 0 1 auto;}
	[data-main-con="edu"] .edu .tab .search_list > li:has(input[type="text"]){width: calc(100% - 160px - 42px - 4px);}
	[data-main-con="edu"] .edu .conts_tab .mySwiper							{width:100%;margin-left:0;margin-right:0;}
  	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl dt .mob{display:none;}
}

@media all and (max-width:468px){
	[data-main-con="edu"]															{padding-top:2em ;padding-bottom:2.5em;}
	[data-main-con="edu"] .edu .tab .search_list > li 							{width:100% !important;}
	[data-main-con="edu"] .edu .tab .search_list > li button[type="submit"]{width:100%;background-image:none;justify-content: center;}
	[data-main-con="edu"] .edu .tab .search_list > li button[type="submit"] .txt{display:inline-block;color:var(--color-white);}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{padding:1.5em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title strong{font-size:1.125em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn{width: calc(100% + 3em);margin:1.5em -1.5em 0;}
	[data-main-con="edu"] .edu .conts_tab .swiper_control					{ bottom: calc(-2.5em + (var(--sizeHig) / 2) * -1);--sizeHig:42px;padding: 0 20px 0 26px;}
}

@media all and (max-width:368px){
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item			{padding:1.125em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title .status{padding:4px 0;  width: 70px;font-size:.82rem;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .title strong{font-size:1.063em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl		{font-size:.94em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn{width: calc(100% + 2.25em);margin:1.125em -1.125em 0;font-size:.94em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn .icon_arrow{width:11px;height:11px;}
}

@media all and (max-width:290px){
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item{padding: 1em;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl{gap:5px}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item dl dt:after{display:none;}
	[data-main-con="edu"] .edu .conts_tab .swiper-slide .slide_item .more_btn{width: calc(100% + 2em);margin:1em -1em 0;padding: .75em;}
}


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

 						교육 일정 & 팝업존

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

[data-main-con="information"] 															{display:flex;margin-top:6.25em;justify-content: space-between;--sizePop:800px;flex-wrap:wrap;}

/*교육 일정*/
[data-main-con="information"] .calendar_wrap									{width:calc(100% - var(--sizePop) - 3.75em);position:relative;}

/* 달력 */
[data-main-con="information"] .calendar_box																		{position:relative;border-radius:12px;background:var(--color-white);padding:2.5em;border:1px solid #e5e5e5;}
[data-main-con="information"] .calendar_box .year																{display:flex;justify-content: center;  }
[data-main-con="information"] .calendar_box .year .date																{display:flex;gap:0 1.5em;align-items:center;justify-content: center;}
[data-main-con="information"] .calendar_box .year .date button													{width:40px;height:40px;}
[data-main-con="information"] .calendar_box .year .date button::before											{content:'';display:block;width:100%;height:100%;background-position:center;background-size:auto 28px;background-repeat:no-repeat;}
[data-main-con="information"] .calendar_box .year .date button.prev::before									{background-image:url('/resource/images/common/icon_prev.svg')}
[data-main-con="information"] .calendar_box .year .date button.next::before									{background-image:url('/resource/images/common/icon_next.svg')}
[data-main-con="information"] .calendar_box .year .date strong												{font-size:1.75em;font-weight:700;text-align:center;}
[data-main-con="information"] .calendar_box .calendar_list													{margin-top:1.375em;}				
[data-main-con="information"] .calendar_box .calendar_list .weekdays									{border-top:1px solid #000;border-bottom:1px solid #cdcdcd;background:#fbfbfb;padding:1.125em 0;display:flex;margin-bottom:10px;}
[data-main-con="information"] .calendar_box .calendar_list .weekdays > li								{width:calc(100%  / 7);font-size:1.125em;text-align:center;line-height:1;font-weight:500;}
[data-main-con="information"] .calendar_box .calendar_list .sun,
[data-main-con="information"] .calendar_box .calendar_list .red												{color:#df2020;}
[data-main-con="information"] .calendar_box .calendar_list .sat												{color:#1353b4;}
[data-main-con="information"] .calendar_box .calendar_list .day_wrap										{height: 21.15em;flex-direction: column;display: flex;justify-content: space-between;}
[data-main-con="information"] .calendar_box .calendar_list .days 											{display:flex;flex: 1 1 16.666%;justify-content: space-between;}
[data-main-con="information"] .calendar_box .calendar_list .days > li										{min-width: calc(100%  / 7);font-size:1.125em;text-align:center;display: flex;line-height:1;height: 100%;}
[data-main-con="information"] .calendar_box .calendar_list .day_wrap:has(ul:nth-of-type(6)) .days > li .date{gap:4px;padding:8px 0;}
[data-main-con="information"] .calendar_box .calendar_list .days > li .date								{width:100%;height:100%;transition:var(--trans-ani);display: flex;flex-direction: column;gap: 10px;padding:10px 0;pointer-events:none;align-items: center;}
[data-main-con="information"] .calendar_box .calendar_list .days > li .date:has(.have)				{pointer-events:initial;}
[data-main-con="information"] .calendar_box .calendar_list .days > li .date:has(.have):hover,
[data-main-con="information"] .calendar_box .calendar_list .days > li .date:has(.have):focus		{background:rgba(8,122,16,.1);border-radius:4px;}
[data-main-con="information"] .calendar_box .calendar_list .days > li .date .have						{display:flex;align-items:center;justify-content: center;gap:4px;flex-wrap:wrap;margin:0 auto;}
[data-main-con="information"] .calendar_box .calendar_list .days > li .date .have .cate				{ display:inline-block; width:12px; height:12px; border-radius:100%; }
[data-main-con="information"] .bg_yellow															{background:var(--color-yellow);}
[data-main-con="information"] .bg_purple															{background:var(--color-purple);}
[data-main-con="information"] .bg_green																{background:var(--color-green);}
[data-main-con="information"] .bg_blue																{background:var(--color-blue);}
[data-main-con="information"] .bg_orange																{background:var(--color-orange);}
[data-main-con="information"] .info																		{display: flex;position: absolute;bottom: -25px;left: 50%;width: 96%;transform: translateX(-50%);align-items:center;gap: 4px 14px;height: 50px;border-radius: 2.5em;border: 1px solid #e5e5e5;line-height: 1;background: #ffffff;justify-content: center;flex-wrap: wrap;}
[data-main-con="information"] .info > li																{display:flex;gap: 6px;align-items: center;font-size: .938em;}
[data-main-con="information"] .info > li span															{display:block;width: 8px;color: #444;height: 8px;border-radius:100%;}


/* 모달 */
[data-main-con="information"] .modal																					{ display:none; }
[data-main-con="information"] .calendar_wrap .calendar_box .modal										{position:absolute;width: 90%;max-height: 90%;padding:1.5em 1.5em 2em 1.5em;border-radius:10px;background:#fff;left:50%;top:50%;transform: translate(-50%,-50%);z-index:3;border: 2px solid var(--color-base);color: var(--color-base);}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .pop_tit							{display: block;text-align: center;font-size: 1.25em;font-family: var(--font-JALNAN);line-height:1.4;margin-bottom:.75em;background: var(--color-point);color: var(--color-white);padding: .7em .5em .6em .5em;border-radius: 6px;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list								{width:100%;max-height: 18em;overflow-y:auto;overflow-x:hidden;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list >ul						{display: flex;flex-direction: column;gap: 10px;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list>ul>li						{display:flex;gap: 10px;padding: 1em;background: #f8f8f8;border-radius: 6px;flex-direction: column;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list ul>li .cate				{display: inline-block;display: inline-flex;align-items:center;gap:0 6px;border-radius: 16px;font-size: .88rem;background: #f8f8f8;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list ul>li .cate i				{width:8px;height:8px;border-radius:100%;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list>ul>li>ul					{display:flex;gap:6px;flex-direction:column;background: #fff;padding: .75em;border-radius: 6px;border: 1px dashed #ddd;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list>ul>li>ul>li>a					{display:block;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list ul>li>ul>li>a>strong			{font-size: 1rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align: left;overflow:hidden;text-overflow: ellipsis;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list::-webkit-scrollbar 			{ -webkit-appearance:none; width:3px;}
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list::-webkit-scrollbar:vertical 	{ width:6px; }
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list::-webkit-scrollbar:horizontal	{ height:8px; }
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list::-webkit-scrollbar-thumb 		{ background-color:#ccc; border-radius:10px; border:2px solid #ccc; }
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list::-webkit-scrollbar-track 		{ border-radius: 10px; background-color:#f4f4f4; }

/* 모달 닫기 */
[data-main-con="information"] .calendar_wrap .calendar_box  .modal .close_btn							{ position:absolute; left:50%; --sizeBtn: 40px; bottom: calc((var(--sizeBtn) / 2) * -1); width:var(--sizeBtn); height:var(--sizeBtn); background:var(--color-base); border-radius:100%; transform:translateX(-50%); padding:0;}
[data-main-con="information"] .calendar_wrap .calendar_box  .modal .close_btn::before					{ position:absolute; width:2px; height:16px; background:#fff; content:''; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); }
[data-main-con="information"] .calendar_wrap .calendar_box  .modal .close_btn::after					{ position:absolute; width:2px; height:16px; background:#fff; content:''; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); }


/*팝업존*/
[data-main-con="information"] .popup	                                 			 	{ position:relative;flex:none; width:var(--sizePop);} 
[data-main-con="information"] .popup .swiper											{position:relative;border-radius:12px;overflow:hidden;}
[data-main-con="information"] .popup .swiper::before									{content:'';display:block;width:100%;height:100%;border:1px solid #e5e5e5;border-radius:12px;position:absolute;top:0;left:0;z-index: 2;}
[data-main-con="information"] .popup .swiper-slide                   				{ width:100%; }
[data-main-con="information"] .popup .swiper-slide a                 				{ display:block; position:relative; }
[data-main-con="information"] .popup .swiper-slide a .img            			 	{ position:relative; width:100%;overflow:hidden; display:block; height:0; padding-top: 42.5%; }
[data-main-con="information"] .popup .swiper-slide a .img img        			 	{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%);
    																							-moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
[data-main-con="information"] .popup .swiper-slide > a span[data-alt] 			{ opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid var(--color-black1);
    																							outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main-con="information"] .popup .swiper-slide > a:focus span[data-alt]  		{ opacity:1;}
[data-main-con="information"] .popup .swiper_control                              {position: absolute; top: -.375em;right: 0;display:flex; justify-content:space-between; background:#f2f2f2;padding:0 30px;height:48px;border-radius:2em;}
[data-main-con="information"] .popup .swiper_page                                 { justify-content:left; align-items:center; }
[data-main-con="information"] .popup .control                                     		{ display:flex;align-items: center;}
[data-main-con="information"] .popup .control .btn_slide_allView					{ display:block; margin-left:5px;width:24px; height:24px; background:url(/resource/images/main/icon_allview.svg) no-repeat 50% / auto 14px; }

/* 배너모두보기 */
[data-main-con="information"] .popup .area_ban_all																{opacity:0;visibility:hidden;position:fixed;top:0px;left:0px;z-index:90;width:100%;height:100%;background: rgba(0,0,0,0.8);transition:0.5s ease 0s;transition-property:opacity, visibility;}
[data-main-con="information"] .popup .area_ban_all.active														{ opacity:1; visibility:visible; }
[data-main-con="information"] .popup .area_ban_all .inr															{position:absolute;top:50%;left:50%;width:94%;background: var(--color-white);max-width:1500px;max-height:80%;box-sizing:border-box;padding:1.88em 3.13em 3.13em;;border-radius: 1.25em;transform:translate(-50%, calc(-50% - 0.5px));}
[data-main-con="information"] .popup .area_ban_all .inr	 .title_box												{ display:flex; border-radius:3em; padding:1.88rem 1.25rem 1.56rem 1.25rem; background:var(--color-point); font-size:1.5em; margin-top:-4.5rem; margin-bottom:2rem; color:var(--color-white); 
																																font-family:var(--font-JALNAN);font-weight:inherit; line-height:1.2; align-items:center; justify-content:center; text-align:center }
[data-main-con="information"] .popup .area_ban_all .list_all														{display:flex;flex-wrap:wrap;gap:10px;margin:0 auto;padding-right:15px;max-height: calc(100vh - 20em);overflow-y:auto;}
[data-main-con="information"] .popup .area_ban_all .list_all::-webkit-scrollbar 									{ -webkit-appearance:none; width:6px;}
[data-main-con="information"] .popup .area_ban_all .list_all::-webkit-scrollbar-thumb 							{ background-color:var(--color-point); border-radius:5px;  }
[data-main-con="information"] .popup .area_ban_all .list_all::-webkit-scrollbar-track 							{ border-radius:5px; background-color:#e2e2e2; }
[data-main-con="information"] .popup .area_ban_all .list_all > li												{ width:calc((100% - 10px) / 2); }
[data-main-con="information"] .popup .area_ban_all .list_all > li a												{ position:relative; display:block; text-align:center; }
[data-main-con="information"] .popup .area_ban_all .list_all .img												{ position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top: 42.5%; }
[data-main-con="information"] .popup .area_ban_all .list_all .img img											{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%);
    																														-webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
[data-main-con="information"] .popup .area_ban_all .list_all span[data-alt]										{ opacity:0; overflow:hidden; position:absolute; text-indent:-9999em; }
[data-main-con="information"] .popup .area_ban_all .btn_slide_allView										{opacity:1;position:absolute;bottom: calc((50px / 2) * -1);left: 50%;transform: translateX(-50%);min-width:inherit;width:50px;height:50px;padding:0px;background-color:var(--color-point);border-radius:100%;transition:var(--trans-ani);}
[data-main-con="information"] .popup .area_ban_all .btn_slide_allView::before								{ position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-white);}
[data-main-con="information"] .popup .area_ban_all .btn_slide_allView::after                  				 {position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-white);}

[data-main-con="information"] .popup .swiper-slide.none_data												{padding:0;}
[data-main-con="information"] .popup .swiper-slide.none_data a												{width: auto;}
[data-main-con="information"] .popup .swiper-slide.none_data a span											{height:0;padding: 21.25%;display: flex;align-items: center;justify-content: center;}

[data-main-con="information"] .popup .btns									{display:flex;gap:10px;flex-wrap:wrap;margin-top:1.875em;}
[data-main-con="information"] .popup .btns > li								{width:calc((100% - 40px) / 5);}
[data-main-con="information"] .popup .btns > li	>a						{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#f5f5f5;border-radius:12px;padding:2.05em 1em;transition:var(--trans-ani);text-align:center;height:100%;}
[data-main-con="information"] .popup .btns > li > a:hover,
[data-main-con="information"] .popup .btns > li > a:focus				{background:var(--color-point-bg);}
[data-main-con="information"] .popup .btns > li > a .icon				{width:70px;height:70px;background:#fff;border-radius:100%;}
[data-main-con="information"] .popup .btns > li > a .icon::before		{content:'';display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;}
[data-main-con="information"] .popup .btns > li > a:hover .icon::before,
[data-main-con="information"] .popup .btns > li > a:focus .icon::before{animation:iconShow 2s ease;}
[data-main-con="information"] .popup .btns > li > a .icon01::before		{background-image:url('/resource/images/main/icon_quick01.svg');}
[data-main-con="information"] .popup .btns > li > a .icon02::before		{background-image:url('/resource/images/main/icon_quick02.svg');}
[data-main-con="information"] .popup .btns > li > a .icon03::before		{background-image:url('/resource/images/main/icon_quick03.svg');}
[data-main-con="information"] .popup .btns > li > a .icon04::before		{background-image:url('/resource/images/main/icon_quick04.svg');}
[data-main-con="information"] .popup .btns > li > a .icon05::before		{background-image:url('/resource/images/main/icon_quick05.svg');}
[data-main-con="information"] .popup .btns > li > a .icon06::before		{background-image:url('/resource/images/main/icon_quick06.svg');}


@media all and (max-width:1568px){
	[data-main-con="information"] 												{--sizePop:740px;margin-top:5.25em;}

	/*교육 일정*/
	[data-main-con="information"] .calendar_wrap							{width:calc(100% - var(--sizePop) - 2.5em);}
	[data-main-con="information"] .calendar_box								{padding:2.375em;}
	[data-main-con="information"] .calendar_box .year .date					{gap:0 1.25em;}
  	[data-main-con="information"] .calendar_box .calendar_list .day_wrap	{height:18.75em;}
	[data-main-con="information"] .calendar_box .calendar_list				{margin-top:1em;}
	[data-main-con="information"] .calendar_box .calendar_list .weekdays > li,
	[data-main-con="information"] .calendar_box .calendar_list .days > li	{font-size:1em;}
	[data-main-con="information"] .calendar_box .calendar_list .weekdays{padding:1em 0;}
  	[data-main-con="information"] .info										{height:46px;bottom:-23px;gap:4px 12px}
	[data-main-con="information"] .info > li								{font-size: .88em;}
 	[data-main-con="information"] .info > li span							{width: 6px;height: 6px;}

	/*팝업존*/
  	[data-main-con="information"] .popup .swiper_control					{top:-.25em;}
	[data-main-con="information"] .popup .btns								{margin-top:1.25em;}
	[data-main-con="information"] .popup .btns > li >a					{gap:16px;padding: 1.875em 1em;}
	[data-main-con="information"] .popup .btns > li > a .icon			{width:60px;height:60px;}

}

@media all and (max-width:1468px){
	[data-main-con="information"] 												{--sizePop:680px;}

	/*교육 일정*/
	[data-main-con="information"] .calendar_box								{padding:1.625em;}
	[data-main-con="information"] .calendar_box .year .date strong		{font-size:1.625em;}
	[data-main-con="information"] .calendar_box .year .date button		{width:36px;height:36px;}
	[data-main-con="information"] .calendar_box .year .date button::before{background-size:auto 26px;}
}

@media all and (max-width:1368px){
	[data-main-con="information"] 												{--sizePop:660px;gap:3.5em;margin-top:3.75em;}

	/*교육 일정*/
	[data-main-con="information"] .calendar_wrap							{width:100%;}
	[data-main-con="information"] .calendar_box								{padding:2.25em;border-radius:12px 12px 0 0;}
  	[data-main-con="information"] .calendar_box .calendar_list .day_wrap	{height:auto;}
	[data-main-con="information"] .calendar_box .calendar_list .days		{flex: auto;}
  	[data-main-con="information"] .calendar_box .calendar_list .days > li	{height:60px;}
  	[data-main-con="information"] .calendar_box .calendar_list .day_wrap:has(ul:nth-of-type(6)) .days > li .date{gap: 10px;padding:10px 0;}
  	[data-main-con="information"] .info										{position:relative;width:100%;border-radius: 0 0 12px 12px;left:initial;bottom: initial;transform:none;padding: 1em;gap: 10px 20px;border-top-color: transparent;height: auto;}
	[data-main-con="information"] .info > li								{font-size: .938em;}
	[data-main-con="information"] .info > li span							{width: 8px;height: 8px;}
	

	/*팝업존*/
	[data-main-con="information"] .popup									{width:100%;}
	[data-main-con="information"] .popup .swiper						{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px;border-radius: 0;}
  	[data-main-con="information"] .popup .swiper::before				{display:none;}
	[data-main-con="information"] .popup .swiper-slide					{width:50%;}
	[data-main-con="information"] .popup .swiper-slide a				{margin-left:10px; margin-right:10px;border: 1px solid #e5e5e5;border-radius:12px;overflow:hidden;}
	[data-main-con="information"] .popup .swiper_control				{top:-.3em;}
  	[data-main-con="information"] .popup .swiper-slide.none_data a span	{padding:2em;}
}

@media all and (max-width:1268px){
	[data-main-con="information"] 												{gap:3em;margin-top:2.8em;}

	/*교육 일정*/
	[data-main-con="information"] .calendar_box								{padding:2em;}
	[data-main-con="information"] .calendar_box .year .date strong		{font-size:1.5em;}
	[data-main-con="information"] .calendar_box .year .date button		{width:30px;height:30px;}
	[data-main-con="information"] .calendar_box .year .date button::before{background-size:auto 24px;}

	/*팝업존*/
	[data-main-con="information"] .popup .swiper						{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px;}
	[data-main-con="information"] .popup .swiper-slide a				{margin-left:5px; margin-right:5px;}
	[data-main-con="information"] .popup .area_ban_all .inr					{ padding:1.53em 2.13em 2.13em; box-shadow:0 .75em 2.13em rgba(0,0,0,0.3); }
	[data-main-con="information"] .popup .area_ban_all .inr .title_box	{ font-size:1.375em; padding:1.38rem 0.75rem 0.86rem 0.75rem; margin-top:-3.5rem; margin-bottom:1.5rem;}
}

@media all and (max-width:1024px){
  	/*팝업존*/
	[data-main-con="information"] .popup .swiper						{ width:100%; margin-left:0; margin-right:0; border-radius:12px;}
  	[data-main-con="information"] .popup .swiper::before				{display:block;border-radius:12px;}
	[data-main-con="information"] .popup .swiper-slide					{width:100%;}
	[data-main-con="information"] .popup .swiper-slide a				{margin-left:0px; margin-right:0px;border:none;border-radius:0;}
  	[data-main-con="information"] .popup .swiper_control				{top:-.5em;}
	[data-main-con="information"] .popup .area_ban_all .btn_slide_allView{width:40px;height:40px;bottom: calc((40px / 2) * -1);}
}


@media all and (max-width:868px){
	[data-main-con="information"] 												{gap:2em;}

	/*교육 일정*/
	[data-main-con="information"] .calendar_box								{padding:1.75em;}
	[data-main-con="information"] .calendar_box .calendar_list .days > li .date .have .cate{width: 10px;height: 10px;}

	/*팝업존*/
	[data-main-con="information"] .popup .swiper_control					{height:44px;padding:0 23px 0 28px;}
	[data-main-con="information"] .popup .area_ban_all	.list_all > li		{ width:100%; }

}

@media all and (max-width:768px){
	[data-main-con="information"] 												{margin-top:4.25em;}
}


@media all and (max-width:668px){
	/*교육 일정*/
	[data-main-con="information"] .calendar_box .year .date					{gap:0 1em;}
	[data-main-con="information"] .calendar_box .year .date strong		{font-size:1.375em;}
	[data-main-con="information"] .calendar_box .year .date button		{width:28px;height:28px;}
	[data-main-con="information"] .calendar_box .year .date button::before{background-size:auto 20px;}
	[data-main-con="information"] .calendar_wrap .calendar_box .modal .pop_tit{font-size:1.125em;}
	[data-main-con="information"] .calendar_wrap .calendar_box .modal .list ul>li>ul>li>a>strong{font-size:.94rem;}
	[data-main-con="information"] .calendar_box .calendar_list .days > li .date .have{gap: 3px;}
	[data-main-con="information"] .calendar_box .calendar_list .days > li .date .have .cate{width: 8px;height: 8px;}

	/*팝업존*/
	[data-main-con="information"] .popup .btns > li							{ flex:1 1 calc((100% - 20px) / 3);width:auto;}
	[data-main-con="information"] .popup .btns > li >a						{padding:1.5em 1em;gap: 12px;}
	[data-main-con="information"] .popup .area_ban_all .inr				{ padding:1em 1.53em 1.53em; box-shadow:0 .5em 1.53em rgba(0,0,0,0.3); }
	[data-main-con="information"] .popup .area_ban_all .inr .title_box{ font-size:1.25em; padding:1rem 1rem .55rem 1rem; margin-top:-2.5rem; margin-bottom:1rem;}	
}

@media all and (max-width:468px){
	[data-main-con="information"] 											{margin-top:3.75em;}

	/*교육 일정*/
	[data-main-con="information"] .calendar_box								{padding:1.5em;}
	[data-main-con="information"] .calendar_box .calendar_list .days > li .date,
  	[data-main-con="information"] .calendar_box .calendar_list .day_wrap:has(ul:nth-of-type(6)) .days > li .date{padding:8px 0;}
  	

	[data-main-con="information"] .calendar_box .calendar_list .weekdays > li,
	[data-main-con="information"] .calendar_box .calendar_list .days > li{font-size:.94em;}
	[data-main-con="information"] .calendar_wrap .calendar_box .modal{padding: 1.25em 1.25em 1.75em 1.25em;transform: translate(-50%, -50%);}

	/*팝업존*/
	[data-main-con="information"] .popup .swiper_control				{height:42px;padding:0 21px 0 26px;top: -.4em;}
  	[data-main-con="information"] .popup .control .btn_slide_allView	{margin-left:0;}
	[data-main-con="information"] .popup .btns > li >a					{font-size:.88rem;}
}

@media all and (max-width:368px){
  	[data-main-con="information"]											{margin-top:3em;gap:1.5em;}
  
	/*교육 일정*/
	[data-main-con="information"] .calendar_box									{padding:1.125em;}
	[data-main-con="information"] .calendar_box .calendar_list .days > li .date,
  	[data-main-con="information"] .calendar_box .calendar_list .day_wrap:has(ul:nth-of-type(6)) .days > li .date{padding:6px 0;}


	/*팝업존*/
	[data-main-con="information"] .popup .swiper_control					{position: initial; margin: 10px auto 0; width: fit-content;justify-content: center;height:40px;}
  	[data-main-con="information"] .popup .btns								{margin-top:1.5em;}
  	[data-main-con="information"] .popup .btns > li							{ flex:1 1 calc((100% - 10px) / 2);}
	[data-main-con="information"] .popup .btns > li > a						{padding: 1.375em 1em;gap:10px;}
	[data-main-con="information"] .popup .btns > li > a .icon				{width:50px;height:50px;}
}

/* 웹접근성용 카테고리
[data-main-con="information"] .bg_purple{border-radius:0 !important;}
[data-main-con="information"] .bg_green{width:0 !important;height:0 !important;border-left: 6px solid transparent !important;border-right: 6px solid transparent !important;border-top: 10px solid var(--color-green) !important;border-radius: 0 !important;background: transparent !important;}
[data-main-con="information"] .bg_blue{width:0 !important;height:0 !important;border-left: 6px solid transparent !important;border-right: 6px solid transparent !important;border-bottom: 10px solid var(--color-blue) !important;border-radius: 0 !important;background: transparent !important;}
[data-main-con="information"] .bg_orange{border-radius:0 !important;;transform:rotate(-45deg) !important;}'
[data-main-con="information"] .info > li span.bg_green,
[data-main-con="information"] .info > li span.bg_blue,
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list ul>li .cate i.bg_green,
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list ul>li .cate i.bg_blue{border-left-width:4px !important;border-right-width:4px !important;}
[data-main-con="information"] .info > li span.bg_green,
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list ul>li .cate i.bg_green{border-top-width:8px !important;}
[data-main-con="information"] .info > li span.bg_blue,
[data-main-con="information"] .calendar_wrap .calendar_box .modal .list ul>li .cate i.bg_blue{border-bottom-width:8px !important;}

@media all and (max-width:1568px){
	[data-main-con="information"] .info > li span.bg_green,
	[data-main-con="information"] .info > li span.bg_blue{border-left-width:3px !important;border-right-width:3px !important;}
	[data-main-con="information"] .info > li span.bg_green{border-top-width:6px !important;}
	[data-main-con="information"] .info > li span.bg_blue{border-bottom-width:6px !important;}
}

@media all and (max-width:1368px){
	[data-main-con="information"] .info > li span.bg_green,
	[data-main-con="information"] .info > li span.bg_blue{border-left-width:4px !important;border-right-width:4px !important;}
	[data-main-con="information"] .info > li span.bg_green{border-top-width:8px !important;}
	[data-main-con="information"] .info > li span.bg_blue{border-bottom-width:8px !important;}
}


@media all and (max-width:868px){
	[data-main-con="information"] .bg_green,
	[data-main-con="information"] .bg_blue{border-left-width:5px !important;border-right-width:5px !important;}
	[data-main-con="information"] .bg_green{border-top-width:10px !important;}
	[data-main-con="information"] .bg_blue{border-bottom-width:10px !important;}
}

@media all and (max-width:668px){
	[data-main-con="information"] .bg_green,
	[data-main-con="information"] .bg_blue{border-left-width:4px !important;border-right-width:4px !important;}
	[data-main-con="information"] .bg_green{border-top-width:8px !important;}
	[data-main-con="information"] .bg_blue{border-bottom-width:8px !important;}
}
*/

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

 						새소식 & 고객센터

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

[data-main-con="board"]											{position:relative;display:flex;justify-content: space-between;--sizeCS:588px;flex-wrap:wrap;}

/*새소식*/
[data-main-con="board"] .news										{position:relative;width:calc(100% - 3.75em - var(--sizeCS));}
[data-main-con="board"] .news .tab_menu						{position: absolute;right: 90px;top: 7.5px;}
[data-main-con="board"] .news .more								{position:absolute;right:0;top:-4.05em;}
[data-main-con="board"] .news .more a								{ position:relative; display:flex; justify-content:center; align-items:center; width:25px; height:25px; transition:var(--trans-ani);}
[data-main-con="board"] .news .more a::before,
[data-main-con="board"] .news .more a::after						{  content:''; position:absolute;background:var(--color-base); transition:var(--trans-ani); }	
[data-main-con="board"] .news .more a::before					{ width:25px; height:3px;}	
[data-main-con="board"] .news .more a::after						{width:3px; height:25px;}	
[data-main-con="board"] .news .more a:hover::before,
[data-main-con="board"] .news .more a:focus::before,
[data-main-con="board"] .news .more a:hover::after,
[data-main-con="board"] .news .more a:focus::after			{background:var(--color-point);}	
[data-main-con="board"] .news .list 									{display:flex;gap:10px;flex-wrap:wrap;}
[data-main-con="board"] .news .list > li								{width:calc((100% - 20px) / 3);}
[data-main-con="board"] .news .list > li > a						{display:block;background:#f8f8f8;border:1px solid transparent;border-radius:12px;padding:2.5em;transition:var(--trans-ani);}
[data-main-con="board"] .news .list > li > a:hover,
[data-main-con="board"] .news .list > li > a:focus					{background:#fff;border-color:var(--color-point);}
[data-main-con="board"] .news .list > li > a dl					{display:flex;flex-flow:column;gap:1.25em 0;margin-bottom:1.875em;}
[data-main-con="board"] .news .list > li > a dt					{font-size:1.375em;font-weight:600;height:3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
[data-main-con="board"] .news .list > li > a dd					{font-size:1.063em;color:var(--color-base2);height:4.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break:break-all}
[data-main-con="board"] .news .list > li > a .date 				{color:var(--color-base2);}
[data-main-con="board"] .news .list > li.none_data				{padding: 0;}
[data-main-con="board"] .news .list > li.none_data > a			{padding:2em;pointer-events: none;min-height: 18.8em;}


/*고객센터*/
[data-main-con="board"] .cs												{position:relative;width:var(--sizeCS);padding:2.5em;background:var(--color-point-bg);border-radius:12px;}
[data-main-con="board"] .cs::before									{content:'';display:block;position:absolute;right:1.375em;top:1.375em;background:url(/resource/images/main/icon_cs.svg) no-repeat right top / 100%;width:80px;height:77px;opacity:.1;}
[data-main-con="board"] .cs .h2_title									{font-size:1.75em;}
[data-main-con="board"] .cs .text dl									{display:flex;gap:1.25em;align-items:flex-start;flex-wrap: wrap;}
[data-main-con="board"] .cs .text dl:nth-child(2)					{align-items:center;}
[data-main-con="board"] .cs .text dl + dl								{margin-top:1.5em;}
[data-main-con="board"] .cs .text dl dt								{font-size:1.3em;width:8.75rem;font-family:var(--font-JALNAN);color:var(--color-point); }
[data-main-con="board"] .cs .text dl dd								{width: calc(100% - 8.75rem - 1.25em);}
[data-main-con="board"] .cs .text dl dd strong						{font-size:1.125em;font-weight:500;}
[data-main-con="board"] .cs .text dl dd span,
[data-main-con="board"] .cs .text dl dd small						{color:#555;font-size:.938em;}
[data-main-con="board"] .cs .text dl dd em							{color:#000;font-size:1.5em;font-weight:800;}
[data-main-con="board"] .cs .text dl dd small						{margin-left:12px;}
[data-main-con="board"] .cs .text dl dd ul li							{display:flex;align-items:center;gap:0 20px;}
[data-main-con="board"] .cs .text dl dd ul li span					{font-size:1.063em;color:var(--color-base);}
[data-main-con="board"] .cs .text dl dd ul li+li					{margin-top:2px;}


@media all and (max-width:1568px){
	[data-main-con="board"]											{--sizeCS:568px;}

	/*새소식*/
	[data-main-con="board"] .news									{width:calc(100% - 2.5em - var(--sizeCS));}
	[data-main-con="board"] .news .more								{top:-3.75em;}
	[data-main-con="board"] .news .list > li > a					{padding:2.25em;}
	[data-main-con="board"] .news .list > li > a dt					{font-size:1.25em;}
  	[data-main-con="board"] .news .list > li.none_data > a			{min-height:17.6em;}

	/*고객센터*/
	[data-main-con="board"] .cs										{padding:2.25em;}
	[data-main-con="board"] .cs::before								{top:1.25em;right:1.25em;width:76px;height:73px;}
	[data-main-con="board"] .cs .h2_title							{font-size: 1.625em;}
  	[data-main-con="board"] .cs .text dl							{gap:1.5em;}
	[data-main-con="board"] .cs .text dl + dl						{margin-top:1.4em;}
	[data-main-con="board"] .cs .text dl dt							{font-size:1.2em;width:7.5rem;}
	[data-main-con="board"] .cs .text dl dd							{width: calc(100% - 7.5rem - 1.5em);}
	[data-main-con="board"] .cs .text dl dd em						{font-size:1.375em;}
}

@media all and (max-width:1468px){
	[data-main-con="board"]											{--sizeCS:548px;}
}

@media all and (max-width:1368px){
	[data-main-con="board"]											{gap:3.5em;}

	/*새소식*/
	[data-main-con="board"] .news									{width:100%;}
	[data-main-con="board"] .news .tab_menu						{top:5px;right:60px;}
	[data-main-con="board"] .news .more							{top:-3.55em;}
  	[data-main-con="board"] .news .list > li.none_data > a			{min-height:auto;}

	/*고객센터*/
	[data-main-con="board"] .cs										{width:100%;}
	[data-main-con="board"] .cs .h2_title							{font-size: 1.5em;}
	[data-main-con="board"] .cs .text dl + dl						{margin-top:1.375em;}
}

@media all and (max-width:1268px){
	[data-main-con="board"]											{gap:3em;padding-bottom:3.5em;}

	/*새소식*/
	[data-main-con="board"] .news .tab_menu					{top:4px;}
	[data-main-con="board"] .news .more							{top:-3.35em;}
	[data-main-con="board"] .news .list > li > a				{padding:2em;}

	/*고객센터*/
	[data-main-con="board"] .cs										{padding:2em;}
	[data-main-con="board"] .cs::before								{top:1.125em;right:1.125em;width:70px;height:67px;}
	[data-main-con="board"] .cs .text dl + dl						{margin-top:1.25em;}	
}

@media all and (max-width:1024px){
	/*새소식*/
	[data-main-con="board"] .news .tab_menu					{top:3.5px;}
	[data-main-con="board"] .news .more							{top:-3.5em;}
}

@media all and (max-width:868px){
	[data-main-con="board"]											{gap:2.5em;padding-bottom:3em;}

	/*새소식*/
	[data-main-con="board"] .news .tab_menu						{top:2px;}
	[data-main-con="board"] .news .more								{top:-3.3em;}
	[data-main-con="board"] .news .list > li						{width:100%;}
	[data-main-con="board"] .news .list > li > a					{padding:1.75em;}
	[data-main-con="board"] .news .list > li > a dl					{gap:1em 0;margin-bottom:1.5em;}
	[data-main-con="board"] .news .list > li > a dt,
	[data-main-con="board"] .news .list > li > a dd 				{height:auto;}
	[data-main-con="board"] .news .list > li > a dt					{font-size:1.125em;}	
	[data-main-con="board"] .news .list > li > a dd					{font-size:1em;}	

	/*고객센터*/
	[data-main-con="board"] .cs										{padding:1.75em;}
	[data-main-con="board"] .cs::before								{top:1em;right:1em;width:68px;height:65px;}
	[data-main-con="board"] .cs .h2_title							{font-size: 1.375em;}
	[data-main-con="board"] .cs .text dl + dl						{margin-top:1em;}	
  	[data-main-con="board"] .cs .text dl							{gap:1.125em;}
	[data-main-con="board"] .cs .text dl dt							{width:6.5rem;font-size: 1.125em;}
	[data-main-con="board"] .cs .text dl dd							{width: calc(100% - 6.5rem - 1.125em);}
	[data-main-con="board"] .cs .text dl dd strong,
	[data-main-con="board"] .cs .text dl dd ul li span				{font-size:1em;}
	[data-main-con="board"] .cs .text dl dd em					{font-size:1.25em;}
	[data-main-con="board"] .cs .text dl dd span,
	[data-main-con="board"] .cs .text dl dd small				{font-size:.92em;}
	[data-main-con="board"] .cs .text dl dd ul li				{gap:0 12px;}
	[data-main-con="board"] .cs .text dl dd small				{margin-left:8px;}
}

@media all and (max-width:668px){
	/*새소식*/
	[data-main-con="board"] .news .tab_menu				{top:2.5px;right:50px;}
	[data-main-con="board"] .news .more						{top:-3.25em;}
	[data-main-con="board"] .news .more a					{width:23px;height:23px;}
	[data-main-con="board"] .news .more a::before			{width:23px;}
	[data-main-con="board"] .news .more a::after			{height:23px;}
}
@media all and (max-width:568px){
	/*고객센터*/
	[data-main-con="board"] .cs .text dl							{gap:0;flex-direction: column;}
	[data-main-con="board"] .cs .text dl:nth-child(2) 				{align-items: flex-start;}
	[data-main-con="board"] .cs .text dl dt,
	[data-main-con="board"] .cs .text dl dd 							{width:100%;}
}

@media all and (max-width:468px){
	[data-main-con="board"]											{gap:2em;}

	/*새소식*/
	[data-main-con="board"] .news .tab_menu					{top:5px;}
	[data-main-con="board"] .news .more 					{ top: -3.05em;}
	[data-main-con="board"] .news .more a					{width:21px;height:21px;}
	[data-main-con="board"] .news .more a::before			{width:21px;}
	[data-main-con="board"] .news .more a::after			{height:21px;}
	[data-main-con="board"] .news .list > li > a				{padding:1.5em;}
	[data-main-con="board"] .news .list > li > a dl				{gap: .75em 0; margin-bottom: 1.375em;}
	[data-main-con="board"] .news .list > li > a dt					{font-size:1.125em;}
	[data-main-con="board"] .news .list > li > a dd					{font-size:1em;}
	[data-main-con="board"] .news .list > li > a .date				{font-size:.88rem;}

	/*고객센터*/
	[data-main-con="board"] .cs										{padding:1.5em;}
	[data-main-con="board"] .cs::before								{top:.98em;right:.98em;width:60px;height:58px;}
  	[data-main-con="board"] .cs .text dl + dl						{margin-top:1em;}
	[data-main-con="board"] .cs .text dl dt							{font-size:1.063em; line-height:1.1;}
	[data-main-con="board"] .cs .text dl dd strong,
	[data-main-con="board"] .cs .text dl dd ul li span				{font-size:1em;}
	[data-main-con="board"] .cs .text dl dd span,
	[data-main-con="board"] .cs .text dl dd small				{font-size:.88rem;}
	[data-main-con="board"] .cs .text dl dd em					{font-size:1.25em;}
}

@media all and (max-width:368px){
  	[data-main-con="board"]											{gap:1.5em;}
  
	/*새소식*/
	[data-main-con="board"] .news .tab_menu					{position: relative;top: initial;right: initial;margin-bottom:1em;}
	[data-main-con="board"] .news .more						 {top: -2.3em; }
	[data-main-con="board"] .news .more a					{width:19px;height:19px;}
	[data-main-con="board"] .news .more a::before			{width:19px;}
	[data-main-con="board"] .news .more a::after			{height:19px;}
	[data-main-con="board"] .news .list > li > a				{padding: 1.125em;}
	[data-main-con="board"] .news .list > li > a dl				{gap: .5em 0; margin-bottom: .875em;}
	[data-main-con="board"] .news .list > li > a dt				{font-size:1.063em;}
	[data-main-con="board"] .news .list > li > a dd			{font-size:.94em;}

	/*고객센터*/
	[data-main-con="board"] .cs										{padding: 1.125em;}
	[data-main-con="board"] .cs .text dl							{ gap:0;}
	[data-main-con="board"] .cs .text dl dd ul li:first-child	{align-items:flex-start;}
	[data-main-con="board"] .cs .text dl dd small				{display:block;width:100%;margin-left:0;}
}
