@charset "UTF-8";
/* hanbom.com _ project _ name _ yymmdd */

/* reset */
@import url(lib/reset.css);
/* library */
@import url(lib/swiper.min.css);
@import url(lib/aos.css);
/* common css */
@import url(_font.css);
@import url(_colors.css?v=20231211);
@import url(_vars.css?v=20231211);
@import url(_button.css?v=20231219);
@import url(_form.css?v=20231211);
@import url(_layout.css?v=20240307);
@import url(_global.css?v=20240411);

/* my : table */
.bg-box .list-header .select		{min-width: 122px; padding-left: 20px; background-color: #fff;}
@media all and (max-width: 430px) {
	.bg-box .list-header [class*="pack-"]	{gap: 4px; width: 100%;}
	.bg-box .list-header .select		{min-width: calc(50% - 2px);}
}
/* my : table : my20 my50 */
.table-list.report .td-no,
.table-list.report .td-icon		{padding-left: 10px; padding-right: 10px;}
.table-list.report td:not(.td-date):not(.td-btn)	{color: var(--bk-100);}
.table-list.report .td-btn							{font-size: 16px;}
.table-list.report .td-icon .btn.btn-delete			{padding: 0;}
.table-list.report .td-btn .btn:not(.bdr-black)		{cursor: default;}
@media all and (max-width: 960px) {
	.table-list.report .td-no		{display: none;}
	.table-list.report .td-no + th	{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
	.table-list.report .td-btn .btn.small.bdr-black		{font-size: 14px;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	.table-list.report .btn.small.bdr-black	{min-width: auto;}
}
@media all and (max-width: 768px) {
	.table-list.report .td-date,
	.table-list.report .td-btn		{width: 100%;}
	.table-list.report .td-btn		{padding-top: 12px;}
	.table-list.report .td-icon		{position: absolute; top: 30px; right: 4px;}
	.table-list.report .td-btn .btn:not(.bdr-black)		{color: var(--bk-50); background-color: var(--bk-90);}
}
@media all and (max-width: 430px) {
	.table-list.report tr:not(.accordion)			{padding-right: 44px;}
	.table-list.report .td-btn						{margin-right: -44px; width: calc(100% + 44px);}
}
/* my : table : my60 */
.table-list.worksheet td				{color: #000;}
.table-list.worksheet .td-btn .btn svg	{width: 10px; height: 14px;}
.table-list.worksheet .td-title .title.ellipsis	{max-width: 240px;}
@media all and (min-width: 1281px) {
	.table-list.worksheet tr > *:first-child		{padding-left: 30px;}
	.table-list.worksheet tr > *:last-child			{padding-right: 30px;}
}
@media all and (min-width: 960px) and (max-width: 1280px) {
	.table-list.worksheet tr > *:not(:first-child)	{padding-left: 16px;}
	.table-list.worksheet tr > *:first-child		{padding-left: 48px;}
	.table-list.worksheet tr > *:not(:last-child)	{padding-right: 16px;}
	.table-list.worksheet tr > *:last-child			{padding-right: 48px;}
}
@media all and (min-width: 769px) {
	.table-list.worksheet .td-btn .btn		{width: 113px; padding-left: 20px; padding-right: 20px;
		-webkit-justify-content: space-between; justify-content: space-between;
	}
}
@media all and (max-width: 768px) {
	.table-list.worksheet tbody tr:not(.accordion)		{gap: 8px;}
	.table-list.worksheet td.td-title			{width: 100%;
		-webkit-order: 4; order: 4;
	}
	.table-list.worksheet td.td-btn			{width: 100%; padding-top: 8px;
		-webkit-order: 5; order: 5;
	}
	.table-list.worksheet .td-btn .btn		{width: 100%; gap: 6px;}
}

/* my : table */
.table-list.inquiry td.td-answer	{text-align: left}
@media all and (min-width: 961px) {
	.table-list.inquiry .td-title	{max-width: 330px;}
}
@media all and (min-width: 769px) {
	.table-list.inquiry .td-type	{width: 172px;}
	.table-list.inquiry .td-title	{padding-left: 0; max-width: 190px;}
	.table-list.inquiry .td-date	{width: 112px;}
	.table-list.inquiry td.td-answer	{width: 146px; padding-left: 16px; padding-right: 20px;}
}
@media all and (max-width: 768px) {
	.table-list.inquiry .td-type,
	.table-list.inquiry .td-title		{width: 100%;}
	.table-list.inquiry .td-title		{padding-bottom: 8px;}

}

/* fo30 : 오시는 길 */
#content.fo30						{}
#content.fo30 .pack-left.pack-list	{gap: 12px 52px;}
#content.fo30 .pack-left.pack-list dl		{width: calc(50% - 26px);}
#content.fo30 .pack-left.pack-list dl dt	{width: 96px;}
#content.fo30 .pack-left.pack-list dl dt .ico {width: 20px; height: 20px;}
#content.fo30 .pack-left.pack-list dl dd	{width: calc(100% - 96px);}
.map-area							{margin: 40px 0 0; height: 640px; border-radius: 40px;}
@media all and (min-width: 1101px) {
	#content.fo30 .pack-left.pack-list dl		{min-width: 480px;}
}
@media all and (max-width: 1100px) {
	#content.fo30 .pack-left.pack-list			{gap: 12px;}
	#content.fo30 .pack-left.pack-list dl		{width: 100%;
		-webkit-align-items: flex-start; align-items: flex-start;
	}
}
@media all and (max-width: 768px) {
	#content.fo30 .pack-left.pack-list dl dt .ico {width: 18px; height: 18px;}
}

/* fo10 : 이용약관,
/* fo20 : 개인정보처리방침 */
#content.fo10 .term-wrap .term-title,
#content.fo20 .term-wrap .term-title	{font-size: 20px; letter-spacing: -0.4px;}
@media all and (max-width: 768px) {
	#content.fo10 .page-header,
	#content.fo20 .page-header				{padding-bottom: 64px;}
	#content.fo10 .term-wrap .term-title,
	#content.fo20 .term-wrap .term-title	{font-size: 18px;}
}

/* dc10 : 자료실 */
#content.dc10 .item.normal .text-wrap	{padding: 0 8px;}
#archive {margin: 0;}
#archive .swiper-slide	{width: auto; flex-shrink: inherit;}
@media all and (max-width: 1024px) {
	#archive {overflow: visible; width: 100%;}
}

/* pt10 : 티처 소개 */
#content.pt10 .bg-box .caption-title + .section-title	{margin-top: 64px;}
#content.pt10 ul.pack-both .img-wrap					{max-width: 200px; margin-left: auto; margin-right: auto;}
#content.pt10 ul.pack-both .bg-box.bg-gray				{padding: 40px 50px 72px; text-align: center;}

#content.pt10 .pack-both							{margin-top: 80px;}
#content.pt10 ol.pack-both							{gap: 72px;
	-webkit-align-items: stretch; align-items: stretch;
}
#content.pt10 ol.pack-both > li{position: relative;}
#content.pt10 ol.pack-both > li > div				{height: 100%;}
#content.pt10 ol.pack-both > li + li:before			{content:''; position: absolute; top: calc(50% - 10px); left: -48px; display: block; width: 24px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23CCC' d='M24.666 12.5h-24v-2h24z'/%3E%3Cpath d='m14.667 1.5 10 10-10 10' stroke='%23CCC' stroke-width='2'/%3E%3C/svg%3E");}
#content.pt10 ol.pack-both .img-wrap				{width: clamp(64px,8.333vw,80px); margin: 0 auto;}
#content.pt10 ol.pack-both .img-wrap + .section-title{color: #fff; text-align: center;}
#content.pt10 ol.pack-both .img-wrap + .section-title span{font-size: 18px; color: #FDE0D0}
#content.pt10 .bg-box.bg-org > ul > li + li			{margin-top: 8px;}


@media all and (min-width: 1025px) {
	#content.pt10 ol.pack-both > li > div{ padding: 48px clamp(32px,4.167vw,48px);
		gap: clamp(40px,3.646vw,70px);
		display: flex; align-items: center;
	}
}
@media all and (min-width: 769px) and (max-width:1024px) {
	#content.pt10 ol.pack-both .img-wrap + .section-title{margin-top: 32px;}
}
@media all and (min-width: 769px) {
	#content.pt10 .section.pack-both						{min-height: 560px; --col-gap: 20px;}
	#content.pt10 ol.pack-both > li						{position: relative; width: calc((100% - 144px)/3);}
}
@media all and (max-width: 768px) {
	#content.pt10 .section.pack-both						{--col-gap: 16px;}
	#content.pt10 .section.pack-both .bg-box				{min-height: 246px;}
	#content.pt10 .bg-box .caption-title + .section-title	{margin-top: 48px;}
	#content.pt10 ul.pack-both								{--col-gap: 12px;}
	#content.pt10 ul.pack-both .bg-box.bg-gray				{padding: 16px 44px 40px;}
	#content.pt10 ul.pack-both .img-wrap					{max-width: 160px;}


	#content.pt10 .pack-both							{margin-top: 64px;}
	#content.pt10 ol.pack-both							{gap: 60px;}
	#content.pt10 ol.pack-both > li + li:before			{left: calc(50% - 8px); top: -36px; width: 20px; height: 16px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#content.pt10 ol.pack-both .img-wrap + .section-title{margin-top: 32px;}
}


/* pt20 : 티처 모집 */
#content.pt20 .pack-both							{margin-top: 80px;}
#content.pt20 ol.pack-both							{gap: 72px;
		-webkit-align-items: stretch; align-items: stretch;
}
#content.pt20 ol.pack-both > li > div				{height: 100%;}
#content.pt20 ol.pack-both > li + li:before			{content:''; position: absolute; top: calc(50% - 10px); left: -48px; display: block; width: 24px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23CCC' d='M24.666 12.5h-24v-2h24z'/%3E%3Cpath d='m14.667 1.5 10 10-10 10' stroke='%23CCC' stroke-width='2'/%3E%3C/svg%3E");}
#content.pt20 ol.pack-both .img-wrap				{width: clamp(64px,8.333vw,80px); margin: 0 auto;}
#content.pt20 ol.pack-both .img-wrap + .section-title{color: #fff; text-align: center;}
#content.pt20 ol.pack-both .img-wrap + .section-title span{font-size: 18px; color: #FDE0D0}
#content.pt20 .bg-box.bg-org > ul > li + li			{margin-top: 8px;}
#content.pt20 ol + .caption-title					{margin-top: 120px;}
#content.pt20 .caption-title + table				{margin-top: 12px;}

#content.pt20 ol.pack-both > li:last-child .img-wrap{ width: 56px;}

#content.pt20 .bg-box .caption-title + .section-title	{margin-top: 64px;}

#content.pt20 .recruit-info-content01 .page-title + .btn.transparent	{margin-top: 8px; font-size: 20px; font-weight: bold; letter-spacing: -.4px;}
#content.pt20 .recruit-info-content01 .btn.transparent + p	{padding-top: 150px}
#content.pt20 .recruit-info-content02 .bg-box{
	display: flex; flex-direction: column;
	justify-content: space-between;
}
#content.pt20 .recruit-info-content02 .box-text{color: #fff; font-size: clamp(14px,3.733vw,18px); font-weight: 400;}
#content.pt20 #pt20SwiperContent02{ height: 100%;}
#content.pt20 #pt20SwiperContent02 > .pack-center{bottom: 0;}

@media all and (min-width: 1025px) {
	#content.pt20 ol.pack-both > li > div{ padding: 48px clamp(32px,4.167vw,48px);
		gap: clamp(40px,3.646vw,70px);
		display: flex; align-items: center;
	}
}
@media all and (min-width: 769px) and (max-width:1024px) {
	#content.pt20 ol.pack-both .img-wrap + .section-title{margin-top: 32px;}
}
@media all and (min-width: 769px) {
	#content.pt20 ol.pack-both > li						{position: relative; width: calc((100% - 144px)/3);}
	#content.pt20 .recruit-info-content03 ul li:nth-child(even) div:not(.img-wrap) {text-align: right;}
	#content.pt20 .pack-both.col-2						{min-height: 560px; --col-gap: 20px;}
}
@media all and (max-width: 768px) {
	#content.pt20 .pack-both							{margin-top: 64px;}
	#content.pt20 ol.pack-both							{gap: 60px;}
	#content.pt20 ol.pack-both > li + li:before			{left: calc(50% - 8px); top: -36px; width: 20px; height: 16px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#content.pt20 ol.pack-both .img-wrap + .section-title{margin-top: 32px;}
	#content.pt20 .pack-both.col-2						{--col-gap: 16px;}
	#content.pt20 .pack-both.col-2 .bg-box				{min-height: 380px;}
	#content.pt20 .bg-box .caption-title + .section-title	{margin-top: 48px;}
	#content.pt20 #pt20SwiperContent02 > .pack-center{bottom: 0;}

	#content.pt20 .pack-both.col-2 .bg-box.bg-org20{height: 500px;}

	#content.pt20 .recruit-info-content01 .page-title + .btn.transparent{ font-size: 18px;}
	#content.pt20 .recruit-info-content01 .btn.transparent + p	{padding-top: 100px}
}

/* pt30 : 스포츠 잉글리쉬 프로그램 */
/* 기존 CSS 복사 */
#content.pt30 .vh-100.pack-center .pack-down		{gap: 24px;}
#content.pt30 .vh-100.pack-center p.text			{font-size: 24px; font-weight: 500; color: var(--bk-80);}
#content.pt30 .visual-content > .max-wrap.pack-both-top > .msg-title	{text-transform: uppercase;}
#content.pt30 .visual-content > .max-wrap.pack-both-top .msg-title h3 + p,
#content.pt30 .visual-content > .max-wrap.pack-both-top .msg-title p + p	{margin-top: -6px;}
#content.pt30 .visual-content > .max-wrap.pack-both-top > .text-wrap .caption-title + p	{margin-top: 16px;}
#content.pt30 .visual-content > .max-wrap.pack-both-top > .text-wrap p + .caption-title	{margin-top: 64px;}
#content.pt30 .data-list.col-curriculum				{gap: 16px;}
#content.pt30 .data-list.col-curriculum li			{width: calc((100% - 32px) / 3); padding: 40px 40px 50px; border-radius: 40px; background-color: var(--bk-96); color: var(--bk-100);}
#content.pt30 .data-list.col-curriculum .caption-title{width: 100%; font-weight: 500; text-align: left;}
#content.pt30 .data-list.col-curriculum .img-wrap	{margin: 40px auto 0;}
#content.pt30 .button-area.pack-center	{gap: 20px;}
@media all and (min-width: 769px) {
	#content.pt30 .visual-content > .max-wrap.pack-both-top	{max-width: 1120px; gap: 10%;}
	#content.pt30 .visual-content > .max-wrap.pack-both-top > .msg-title	{max-width: 40%; text-transform: uppercase;}
	#content.pt30 .visual-content > .max-wrap.pack-both-top > .text-wrap	{max-width: 50%; padding-top: 160px;}
}
@media all and (max-width: 768px) {
	#content.pt30 .vh-100.pack-center .pack-down		{gap: 20px;}
	#content.pt30 .vh-100.pack-center .pack-down .msg-title	{font-size: 32px}
	#content.pt30 .vh-100.pack-center p.text			{font-size: 20px; }
	#content.pt30 .visual-content > .max-wrap.pack-both-top	{gap: 64px;}

	#content.pt30 .visual-content .logo-pack{margin-top: 40px; gap: 25px;}

	#content.pt30 .data-list.col-curriculum				{gap: 12px;}
	#content.pt30 .data-list.col-curriculum li			{width: calc((100% - 12px) / 2); padding: 20px 20px 36px; border-radius: 20px;}
	#content.pt30 .button-area.pack-center	{gap: 16px;
		-webkit-flex-direction: column; flex-direction: column;
	}
}

#content.pt30 #tabSwiper						{width: 100%; max-width: 1020px;}
#content.pt30 #tabSwiper .swiper-slide			{width: auto;}
#content.pt30 #tabSwiper .swiper-slide a		{white-space : nowrap; padding: 0 20px;}
#content.pt30 #testSwiepr .bg-box.bg-white		{gap: 64px;}
#content.pt30 #testSwiepr .pack-both-top		{gap: 48px;}
#content.pt30 #testSwiepr .box-title			{font-size: 28px;}
#content.pt30 #testSwiepr .box-title + p		{margin-top: 20px;}
#content.pt30 #testSwiepr p + .btn				{margin-top: 40px;}
#content.pt30 #testSwiepr .btn svg				{width: 28px; height: 28px;}
#content.pt30 #testSwiepr .swiper-button-next,
#content.pt30 #testSwiepr .swiper-button-prev	{top: calc(((100% - 32px)/2) - 24px);}
@media all and (min-width: 1280px) {
	#content.pt30 #testSwiepr						{padding-left: 130px; padding-right: 130px;}
}
@media all and (min-width: 1021px) and (max-width: 1279px) {
	#content.pt30 #testSwiepr						{padding-left: calc( (100% - 1020px) / 2); padding-right: calc( (100% - 1020px) / 2);}
}
@media all and (min-width: 769px) {
	#content.pt30 #testSwiepr .pack-both-top > div	{width: calc((100% - 48px)/2); max-width: 422px;}
	#content.pt30 #testSwiepr .text-wrap			{padding-top: 24px;}
}
@media all and (max-width: 768px) {
	#content.pt30 #testSwiepr .pack-both-top		{gap: 28px;}
}


/* 신규 CSS */
#content.pt30 .visual-content .logo-pack{margin-top: 80px; gap: 50px}
#content.pt30 .visual-content .video-wrap{overflow: hidden; position: relative; padding-bottom: 56.25%; border-radius: 20px;}
#content.pt30 .visual-content .video-wrap iframe{position: absolute;
	top: 0; left: 0; right: 0; width: 100%; height: 100%;
}
/* // pt30 : 스포츠 잉글리쉬 프로그램 */



/* pa10 : PA KIDS */
#content.pa10 .vh-100.pack-center .img-wrap				{width: 230px;}
#content.pa10 dl.pack-both-top +.img-wrap				{margin-top: 64px;}
#content.pa10 .bg-box.bg-org.pack-both-top				{gap: 0; overflow: hidden; padding: 0;
	-webkit-align-items: stretch; align-items: stretch;
}
#content.pa10 .bg-box.bg-org.pack-both-top + .pack-both	{margin-top: 24px;}
#content.pa10 .card-title								{font-size: 28px; font-weight: bold; text-align: center;}
@media all and (min-width: 769px) {
	#content.pa10 dl.pack-both-top dt	{width: 38.82%; max-width: 497px;}
	#content.pa10 dl.pack-both-top dd	{width: calc(100% - 38.82%);}
	#content.pa10 .bg-box.bg-org.pack-both-top > div		{width: 50%; max-width: 640px;}
}
@media all and (min-width: 769px) and (max-width: 1288px) {
	#content.pa10 .bg-box.bg-org .msg-title					{line-height: 1.2;}
}
@media all and (max-width: 768px) {
	#content.pa10 .vh-100.pack-center .img-wrap				{width: 166px;}
	#content.pa10 dl.pack-both-top +.img-wrap				{margin-top: 48px;}
	#content.pa10 .card-title								{font-size: 24px;}
}
#gallery							{padding: 0; width: 100%;}
#gallery .swiper-slide .box-title	{position: absolute; top: 50%; left: 0; width: 100%; text-align: center; z-index: 3;
	-webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#content.pa10 .bg-box.bg-gray	{padding-top: 64px;
	-webkit-flex: 1; flex: 1;
}
#content.pa10 .bg-box.bg-gray .ellipsis.line2	{height: 54px;}
#content.pa10 .bg-box.bg-gray .box-title + p	{margin-top: 12px;}
#content.pa10 .bg-box.bg-gray .img-wrap			{position: relative; margin-top: 25px; width: 100%; height: 237px;
	display: -webkit-flex; display: flex;
	-webkit-justify-content: flex-end; justify-content: flex-end;
}
#content.pa10 .bg-box.bg-gray .img-wrap	.img {width: auto; height: 100%;}
@media all and (min-width: 769px) and (max-width: 1288px) {
	#content.pa10 .bg-box.bg-gray 			{padding: 44px 28px 28px;}
	#content.pa10 .bg-box.bg-gray .img-wrap {height: 12vw;}
}
@media all and (min-width: 769px) {
	#content.pa10 .box-title.ff-en		{font-size: 32px;}
}
@media all and (max-width: 768px) {
	#content.pa10 .section.philosophy .msg-title				{font-size: 32px;}
	#content.pa10 .bg-box.bg-gray	{padding: 40px 24px 24px;}
	#content.pa10 .bg-box.bg-gray .ellipsis.line2	{height: 48px;}
	#content.pa10 .bg-box.bg-gray .box-title + p	{margin-top: 8px;}
	#content.pa10 .bg-box.bg-gray .img-wrap			{margin-top: 20px; height: 200px;}
}
#goals .bg-box						{margin: 0 auto;}
#goals .bg-box .card-title + .card-text{margin-top: 32px;}
#goals .bg-box .card-text + .img-wrap	{margin: 40px auto 0; max-width: 880px;}
#goals .card01 .circle				{width: 23.52%; max-width: 240px;}
#goals .card01 > .pack-center		{gap: 7.8%; margin-top: 72px;}
#goals .card01 .circle + .circle:before	{content:''; position: absolute; left: -33.33%; width: 33.33%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23CCC' d='M0 15h32v2H0z'/%3E%3Cpath fill='%23CCC' d='M15 32V0h2v32z'/%3E%3C/svg%3E%0A"); background-size: 32px; background-position: center; background-repeat: no-repeat;}
@media all and (min-width: 769px) {
	#goals .bg-box						{max-width: 1020px; min-height: 600px; padding: 64px 70px;}
	#goals .bg-box .img-wrap{margin-top: 50px;}

	#goals .card03 .card-text + .img-wrap{max-width: 425px; margin-inline: auto;}
}
@media all and (max-width: 768px) {
	#goals								{margin-left: -20px; margin-right: -20px;}
	#goals .bg-box						{padding: 48px 24px;}
	#goals .swiper-slide				{padding-left: 20px; padding-right: 20px; }
	#goals .bg-box .card-text + .img-wrap	{max-width: 287px;}
	#goals .card03 .card-text + .img-wrap{max-width: fit-content;}
}
#content.pa10 .our-value .img-wrap	{margin: 40px auto 0; max-width: 920px;}
#content.pa10 .our-value .img-wrap svg g.line path{stroke: #E6E6E6;}
#content.pa10 .our-value .img-wrap svg g:not(.line) rect {fill: #FEEFE7; outline-offset: -1px; border-radius: 50%;}
#content.pa10 .our-value .img-wrap svg g:not(.line):hover rect{outline: 1px solid #F56214;}
#content.pa10 .our-value .img-wrap svg .txt,
#content.pa10 .our-value .img-wrap svg .arr {fill: #000;}
#content.pa10 .our-value .img-wrap svg .arr {fill-rule: evenodd; clip-rule: evenodd;}
@media all and (max-width: 768px) {
	#content.pa10 .our-value .img-wrap	{margin-top: 32px; max-width: 308px;}
}
#content.pa10 .last-banner			{padding: 86px 0;}
#content.pa10 .last-banner .img-wrap			{position: relative; max-width: 656px;}
#content.pa10 .last-banner .img-wrap .text-wrap	{position: absolute; top: 0; left: 0; right: 0; bottom: 0; gap: 32px;}
@media all and (max-width: 768px) {
	#content.pa10 .last-banner			{padding: 123px 0;}
}

/* 20250228 PA10 추가 */
#content.pa10 .dev-basis .bg-box.bg-gray .img-wrap{max-width: 775px; height: auto; margin: 0 auto; }
#content.pa10 .dev-basis .bg-box.bg-gray .img-wrap img{width: 100%;}


/* pa20 : 커리큘럼 */
#content.pa20 .vh-100.pack-center .pack-down		{gap: 24px;}
#content.pa20 .vh-100.pack-center p.title			{font-size: 32px; font-weight: bold; }
#content.pa20 .vh-100.pack-center p.text			{font-size: 24px; font-weight: 500; color: var(--bk-80);}
#content.pa20 .line-circle			{position: relative; width: 31%; max-width: 320px; border-radius: 300px; border: solid 1px var(--bk-80);}
#content.pa20 .line-circle:after	{content: ""; display: block; padding-bottom: 100%;}
#content.pa20 .line-circle > .text-wrap	{position: absolute; top: 50%; left: 50%; width: 65%; text-align: center;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#content.pa20 .line-circle .section-title		{text-transform: uppercase;}
#content.pa20 .visual-content .line-circle > .text-wrap .section-title + p {margin-top: 16px;}
#content.pa20 .hgroup-left .caption-title	{color: var(--bk-50);}
#content.pa20 .hgroup-left h2 + p			{margin-top: 4px;}
#content.pa20 .section:not(.summery) > .pack-both-top	{padding: 80px 40px 0 40px;}
#content.pa20 .section:not(.summery) .text-wrap p + h3 {margin-top: 48px;}
#content.pa20 .section:not(.summery) .text-wrap h3 + p {margin-top: 12px;}
#content.pa20 .section:not(.summery) .text-wrap p + p {margin-top: 8px;}
#content.pa20 .section:not(.summery) .text-wrap p.pack-list	{gap: 12px;}
@media all and (min-width: 1280px) {
	#content.pa20 .section.summery		{padding-left: 8.75%; padding-right: 8.75%;}
}
@media all and (min-width: 769px) {
	#content.pa20 .section:not(.summery) > .pack-both-top > div	{width: 50%;}
}
@media all and (max-width: 768px) {
	#content.pa20 .section.summery > .pack-both	{gap: 28px;
		-webkit-flex-direction: column; flex-direction: column;
	}
	#content.pa20 .line-circle			{width: 240px;}
	#content.pa20 .hgroup-left h2 + p			{margin-top: 2px;}
	#content.pa20 .section:not(.summery) > .pack-both-top{padding: 64px 4px 0 4px; gap: 40px;
		-webkit-flex-direction: column; flex-direction: column;
	}
	#content.pa20 .section:not(.summery) .text-wrap p + h3 {margin-top: 40px;}
	#content.pa20 .section:not(.summery) .text-wrap h3 + p {margin-top: 8px;}
	#content.pa20 .section:not(.summery) .text-wrap p + p {margin-top: 4px;}
	#content.pa20 .section:not(.summery) .text-wrap p.pack-list	{gap: 0 8px;}
}
/* 20250227 */
#content.pa20 .curriculum-list li{padding: 57px 0px 50px;}
#content.pa20 .curriculum-list .section-title,
#content.pa20 .curriculum-list .section-title + p{padding-inline: 57px;}
#content.pa20 .curriculum-list .section-title{font-size: 32px; }
#content.pa20 .curriculum-list .section-title + p{margin-top: 12px;}
#content.pa20 .curriculum-list .img-wrap{margin-top: 36px; }

#content.pa20 .graph-curriculum .hgroup + *{margin-top: 40px;}
#content.pa20 .graph-curriculum .hgroup .msg-title{ font-size: 28px; }

@media all and (max-width:768px) {
	#content.pa20 .curriculum-list li{padding: 40px 0px 40px;}
	#content.pa20 .curriculum-list .section-title,
	#content.pa20 .curriculum-list .section-title + p{padding-inline: 40px;}
	#content.pa20 .curriculum-list .section-title{font-size: 24px; }
	#content.pa20 .curriculum-list .img-wrap{margin-top: 24px; }

	#content.pa20 .graph-curriculum .img-wrap{max-width: 287px; margin: 0 auto;}
	#content.pa20 .graph-curriculum .hgroup .msg-title{ font-size: 22px; }
}

/* PA30 ABOUT 추가 */
#content.pa30{}
#content.pa30 .vh-100.pack-center .img-wrap				{width: 230px;}
#content.pa30 dl.pack-both-top +.img-wrap				{margin-top: 64px;}
#content.pa30 .bg-box.bg-org.pack-both-top				{gap: 0; overflow: hidden; padding: 0;
	-webkit-align-items: stretch; align-items: stretch;
}
#content.pa30 .bg-box.bg-org.pack-both-top + .pack-both	{margin-top: 24px;}

#content.pa30 .competence {position: relative; z-index: 1; background-color: #fff; }
#content.pa30 .competence .max-wrap {position: relative; z-index: 1;}
#content.pa30 .competence .content-wrap .pack-down {gap: var(--col-gap); --col-gap: 24px;}
#content.pa30 .competence .bg-box {position: relative; padding: 0; overflow: hidden;}
#content.pa30 .competence .bg-box .img-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#content.pa30 .competence .bg-box .img-wrap,
#content.pa30 .competence .bg-box .img-wrap img {height: 100%;}
#content.pa30 .competence .bg-box .img-wrap img {object-fit: cover;}
#content.pa30 .competence .bg-box .text-wrap {display: -webkit-flex; display: flex;
	-webkit-justify-content: center; justify-content: center;
	-webkit-flex-direction: column; flex-direction: column;
	position: relative; padding: 120px;
}
#content.pa30 .competence .bg-box .msg-title > a {position: relative;}
#content.pa30 .competence .bg-box .msg-title > a::after {content: ''; display: inline-block; width: 48px; height: 48px; background: url('../images/@uio/ico_chevron_white.svg') no-repeat 0 0 / cover; transform: rotate(-90deg); vertical-align: middle; margin-top: -5px;}
#content.pa30 .competence .bg-box .msg-title > a,
#content.pa30 .competence .bg-box dl dt {color: #fff;}
#content.pa30 .competence .bg-box dl {margin-top: 8px;}
#content.pa30 .competence .bg-box dl dt {font-weight: 700;}
#content.pa30 .competence .bg-box dl dd {font-weight: 500; color: var(--bk-80); margin-top: 24px;}
#content.pa30 .competence .tags {gap: 10px;
	display: -webkit-flex; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin-top: 48px;
}
#content.pa30 .competence .tag {height: 60px; background-color: rgba(255,255,255,0.2); border-radius: 50px; font-weight: 700; font-size: 16px; color: #fff; padding: 0 32px;}


#content.pa30 .pa30-box03 ul li dt .img-wrap img{ width: 100%;}
#content.pa30 .pa30-box03 ul li + li{margin-top: clamp(120px,32vw,200px)}
#content.pa30 .pa30-box03 dl .page-title{font-size: clamp(32px,8.533vw,48px);}

#content.pa30 .pa30-box05 .pa30-box05-01{}
#content.pa30 .pa30-box05 .pa30-box05-01 + .pa30-box05-02{margin-top: 70px}
#content.pa30 .pa30-box05 .pa30-box05-02{min-height: clamp(300px, 39.063vw ,600px);}
#content.pa30 .pa30-box05 .pa30-box05-02 + .pa30-box05-03{margin-top: 100px}
#content.pa30 .pa30-box05 .pa30-box05-03 {gap: clamp(80px,21.333vw,160px);}
#content.pa30 .pa30-box05 .pa30-box05-03 > li{ margin-top: 0px;
	gap: clamp(25px,6.667vw,45px); align-items: center;
}
#content.pa30 .pa30-box05 .pa30-box05-03 .section-title{ font-size: clamp(32px,8.533vw,48px);}
#content.pa30 .pa30-box05 .pa30-box05-03 .section-title + span{font-size: clamp(18px,4.8vw,20px);}
#content.pa30 .pa30-box05 .pa30-box05-03 .pa30-one-stop li{margin-top: 0px;}
#content.pa30 .pa30-box05 .pa30-box05-03 .pa30-one-stop .img-wrap{ width: 100%; }

@media all and (min-width: 769px) {
	#content.pa30 dl.pack-both-top dt	{width: 38.82%; max-width: 497px;}
	#content.pa30 dl.pack-both-top dd	{width: calc(100% - 38.82%);}
	#content.pa30 .bg-box.bg-org.pack-both-top > div		{width: 50%; max-width: 640px;}

	#content.pa30 .pa30-box03 ul li dt .img-wrap{max-width: 304px;}
	#content.pa30 .pa30-box03 ul li:last-child dt .img-wrap{max-width: 287px;}
	#content.pa30 .pa30-box03 ul li:nth-child(even) dl{
		flex-direction: row-reverse;
	}
	#content.pa30 .pa30-box03 ul li:nth-child(even) dl dt .img-wrap{margin-left: auto;}
	#content.pa30 .pa30-box03 ul li:nth-child(even) dl dd{text-align: right;}

	#content.pa30 .pa30-box05 .pa30-box05-03 > li{flex-direction: row-reverse;}
	#content.pa30 .pa30-box05 .pa30-box05-03 > li:nth-child(odd) div{text-align: right;}
	#content.pa30 .pa30-box05 .pa30-box05-03 > li:nth-child(even) div{text-align: left;}

	#content.pa30 .pa30-box05 .pa30-box05-03 .pa30-one-stop{ width: calc(100% - (clamp(330px,42.969vw,435px) + clamp(25px,6.667vw,130px))); margin: inherit;}
	#content.pa30 .pa30-box05 .pa30-box05-03 .pa30-one-stop + div{width: 330px;}
}
@media all and (min-width: 769px) and (max-width: 1288px) {
	#content.pa30 .bg-box.bg-org .msg-title					{line-height: 1.2;}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	#content.pa30 .competence .bg-box .text-wrap {padding: 100px;}
}
@media all and (max-width: 768px) {
	#content.pa30 .vh-100.pack-center .img-wrap				{width: 166px;}
	#content.pa30 dl.pack-both-top +.img-wrap				{margin-top: 48px;}

	#content.pa30 .pa30-box03 ul li dt .img-wrap{max-width: 200px;}
	#content.pa30 .pa30-box03 ul li dt + dd{margin-top: 12px;}

	#content.pa30 .pa30-box05 .pa30-box05-02 .img-wrap{max-width: 284px; margin: 0 auto;}
	#content.pa30 .pa30-box05 .pa30-box05-03 .pa30-one-stop + div{ width: 100%;}

	#content.pa30 .competence .content-wrap .pack-down { --col-gap: 12px;}
	#content.pa30 .competence .bg-box .text-wrap {padding: 80px 28px;}
	#content.pa30 .competence .bg-box dl {margin-top: 4px;}
	#content.pa30 .competence .bg-box dl dd {margin-top: 20px;}
	#content.pa30 .competence .tags {gap: 4px; margin-top: 40px;}
	#content.pa30 .competence .tag {height: 48px; font-size: 14px; padding: 0 24px;}
}


/* curriculum 공통 : pk10 ~ 30 */
#content.curriculum .vh-100.pack-center .pack-down		{gap: 24px;}
#content.curriculum .vh-100.pack-center p.text			{font-size: 24px; font-weight: 500; color: var(--bk-80);}
#content.curriculum .visual-content > .max-wrap.pack-both-top > .msg-title	{text-transform: uppercase;}
#content.curriculum .visual-content > .max-wrap.pack-both-top .msg-title h3 + p,
#content.curriculum .visual-content > .max-wrap.pack-both-top .msg-title p + p	{margin-top: -6px;}
#content.curriculum .visual-content > .max-wrap.pack-both-top > .text-wrap .caption-title + p	{margin-top: 16px;}
#content.curriculum .visual-content > .max-wrap.pack-both-top > .text-wrap p + .caption-title	{margin-top: 64px;}

#content.curriculum .data-list.col-curriculum				{gap: 16px;}
#content.curriculum .data-list.col-curriculum li			{width: calc((100% - 32px) / 3); padding: 40px 40px 50px; border-radius: 40px; background-color: var(--bk-96); color: var(--bk-100);}
#content.curriculum .data-list.col-curriculum .caption-title{width: 100%; font-weight: 500; text-align: left;}
#content.curriculum .data-list.col-curriculum .img-wrap	{margin: 40px auto 0;}
#content.curriculum .button-area.pack-center	{gap: 20px;}
@media all and (min-width: 769px) {
	#content.curriculum .visual-content > .max-wrap.pack-both-top	{max-width: 1120px; gap: 10%;}
	#content.curriculum .visual-content > .max-wrap.pack-both-top > .msg-title	{max-width: 40%; text-transform: uppercase;}
	#content.curriculum .visual-content > .max-wrap.pack-both-top > .text-wrap	{max-width: 50%; padding-top: 160px;}
}
@media all and (max-width: 768px) {
	#content.curriculum .vh-100.pack-center .pack-down		{gap: 20px;}
	#content.curriculum .vh-100.pack-center .pack-down .msg-title	{font-size: 32px}
	#content.curriculum .vh-100.pack-center p.text			{font-size: 20px; }
	#content.curriculum .visual-content > .max-wrap.pack-both-top	{gap: 64px;}

	#content.curriculum .data-list.col-curriculum				{gap: 12px;}
	#content.curriculum .data-list.col-curriculum li			{width: calc((100% - 12px) / 2); padding: 20px 20px 36px; border-radius: 20px;}
	#content.curriculum .button-area.pack-center	{gap: 16px;
		-webkit-flex-direction: column; flex-direction: column;
	}
}

/* pk10 : Wellness */
#content.pk10 .cards-wrap						{margin-top: 200px;}
#content.pk10 .cards-wrap .card					{gap: 24px; padding: 64px 0; border-radius: 40px;
	-webkit-align-items: center; align-items: center;
}
#content.pk10 .cards-wrap .card .img-wrap	{max-width: 300px;}
#content.pk10 .cards-wrap .card .pack-down	{margin-top: 0; gap: 20px; text-align: center;}
#content.pk10 .cards-wrap .card .pack-down p{margin-top: 0;}
#content.pk10 .cards-wrap .card .title		{font-size: 32px;}
#content.pk10 .cards-wrap .card .en			{font-size: 20px;}
#content.pk10 .cards-wrap .fc-pink			{color: #f9328f;}
#content.pk10 .cards-wrap .fc-blue			{color: #007ae2;}
#content.pk10 .cards-wrap p + .card,
#content.pk10 .cards-wrap .card + .card		{margin-top: 120px;}
@media all and (min-width: 769px) {
	#content.pk10 .cards-wrap:after					{content: ''; clear: both; display: block;}
	#content.pk10 .cards-wrap > *					{width: calc((100% - 40px) / 2);}
	#content.pk10 .cards-wrap > *:nth-child(odd)	{float: right;}
	#content.pk10 .cards-wrap > *:nth-child(even)	{float:left; }
	#content.pk10 .cards-wrap >	p					{padding: 0 40px 60px;}
}
@media all and (max-width: 768px) {
	#content.pk10 .cards-wrap						{margin-top: 120px;}
	#content.pk10 .cards-wrap .card					{gap: 16px; padding: 48px 0;}
	#content.pk10 .cards-wrap .card .img-wrap	{max-width: 200px;}
	#content.pk10 .cards-wrap .card .title		{font-size: 28px;}
	#content.pk10 .cards-wrap .card .en			{font-size: 18px;}
	#content.pk10 .cards-wrap p + .card,
	#content.pk10 .cards-wrap .card + .card		{margin-top: 40px;}
}


/* pk20 : Wellness */
#content.pk20 .data-list .caption-title			{color: var(--bk-100);}
#content.pk20 .pack-list						{max-width: 1280px; gap: 24px 16px;
	-webkit-align-items: stretch; align-items: stretch;
}
#content.pk20 .visual-content .bg-gray.pack-down + .bg-gray.pack-down	{margin-top: 0}
#content.pk20 .pack-list 						{text-align: center;}
#content.pk20 .pack-list > .bg-mint				{width: 100%;}
#content.pk20 .pack-list > .bg-gray				{width: calc((100% - 16px)/2);
	-webkit-align-items: center; align-items: center;
}
#content.pk20 .pack-list ul.pack-both			{width: 100%;}
#content.pk20 .pack-list ul.pack-both li		{
	-webkit-flex: 1; flex: 1;
}
#content.pk20 .pack-list .img-wrap				{width: 33.33%; max-width: 80px;}
#content.pk20 .pack-list .circle-line			{position: relative; width: 100%; border-radius: 120px;}
#content.pk20 .pack-list .circle-line:before	{content:''; display: block; padding-top: 100%;}
#content.pk20 .pack-list .circle-line > .pack-down,
#content.pk20 .pack-list .circle-line > p		{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#content.pk20 .pack-list .bg-mint .circle-line	{max-width: 240px; border: solid 1px var(--mn-75-wh);}
#content.pk20 .pack-list .bg-mint .circle-line .pack-down	{
	-webkit-justify-content: center; justify-content: center;
	-webkit-align-items: center; align-items: center;
}
#content.pk20 .pack-list .bg-mint .circle-line + p {margin-top: 32px;}
#content.pk20 .pack-list .bg-mint .fs-16		{margin-top: -2px; color: var(--mn-75-wh);}
#content.pk20 .pack-list .bg-mint ul.pack-both	{gap: 144px; max-width: 1008px; margin: 16px auto;}
#content.pk20 .pack-list .bg-mint ul.pack-both li				{position: relative;}
#content.pk20 .pack-list .bg-mint ul.pack-both li + li:before	{position: absolute; left: calc((48px + 48px) * -1); top: 110px; content:''; display: block; width: 48px; height: 20px; background: url('../images/contents/pk20_arr_white.svg') no-repeat 50% 50%;}
#content.pk20 .pack-list .bg-gray.pack-down		{gap: 8px; padding: 80px 24px 64px;}
#content.pk20 .pack-list .bg-gray ul.pack-both	{max-width: 466px; margin: 32px auto 20px;}
#content.pk20 .pack-list .bg-gray .circle-line	{max-width: 150px; color: var(--bk-100); border: solid 1px var(--bk-90); background-color: var(--bk-0);}
#content.pk20 .pack-list .bg-gray .circle-line:before{content:''; display: block; padding-top: 100%;}
@media all and (max-width: 1024px) {
	#content.pk20 .pack-list .bg-mint .circle-line	{width: 240px;}
	#content.pk20 .pack-list .bg-mint ul.pack-both	{gap: 118px; width: fit-content;
		-webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: flex-start; align-items: flex-start;
	}
	#content.pk20 .pack-list .bg-mint ul.pack-both li + li:before	{left: calc(50% - 24px); top: -78px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}
@media all and (max-width: 768px) {
	#content.pk20 .pack-list > .bg-gray				{width: 100%;}
	#content.pk20 .pack-list .img-wrap				{width: 64px;}
	#content.pk20 .pack-list .bg-mint				{padding: 48px;}
	#content.pk20 .pack-list .bg-mint .circle-line	{width: 212px;}
	#content.pk20 .pack-list .bg-gray.pack-down		{padding: 64px 24px 48px;}
}
@media all and (max-width: 414px) {
	#content.pk20 .pack-list .bg-gray ul.pack-both					{gap: 0; margin-top: 24px;}
	#content.pk20 .pack-list .bg-gray ul.pack-both li				{gap: 4px; width: calc(100% + 8px);}
	#content.pk20 .pack-list .bg-gray ul.pack-both li + li			{margin-left: -8px;}
}

/* pk30 : FITNESS */
#content.pk30 .bg-gray.visual-content .bg-box	{padding-top: 64px; padding-bottom: 64px;}
#content.pk30 ol.pack-both						{gap: 90px 138px; max-width: 1014px; margin: 0 auto;
	-webkit-align-items: flex-start; align-items: flex-start;
}
#content.pk30 ol.pack-both li.pack-down			{position: relative; text-align: center;
	-webkit-align-items: center; align-items: center;
}
#content.pk30 ol.pack-both li.pack-down + li.pack-down	{margin-top: 0;}
#content.pk30 ol.pack-both li + li:before		{position: absolute; left: calc((64px + 13px) * -1); top: calc((50% - 11px)); content:''; display: block; width: 13px; height: 22px; background: url('../images/contents/pk30_arrow.svg') no-repeat 50% 50%;}
#content.pk30 ol.pack-both li.pack-down			{gap: 20px;}
#content.pk30 ol.pack-both .img-wrap			{width: 100px;}
@media all and (max-width: 1200px) {
	#content.pk30 .bg-gray.visual-content .bg-box	{padding-left: 24px; padding-right: 24px;}
	#content.pk30 ol.pack-both					{max-width: 663px;
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
}
@media all and (min-width: 769px) and (max-width: 1199px) {
	#content.pk30 ol.pack-both li.pack-down		{width: calc(50% - 138px);}
	#content.pk30 ol.pack-both li.pack-down:nth-child(2)	{margin-right: calc(138px / 2);}
	#content.pk30 ol.pack-both li.pack-down:nth-child(3)	{margin-left: calc(138px / 2);}
}
@media all and (max-width: 768px) {
	#content.pk30 .bg-gray.visual-content .bg-box	{padding-top: 48px; padding-bottom: 48px;}
	#content.pk30 ol.pack-both						{gap: 90px;}
	#content.pk30 ol.pack-both li.pack-down			{gap: 16px; width: 100%;}
	#content.pk30 ol.pack-both li + li:before		{left: calc(50% - 5px); top: -50px; width: 10px; height: 20px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}
#content.pk30 #tabSwiper						{width: 100%; max-width: 1020px;}
#content.pk30 #tabSwiper .swiper-slide			{width: auto;}
#content.pk30 #tabSwiper .swiper-slide a		{white-space : nowrap; padding: 0 20px;}
#content.pk30 #testSwiepr .bg-box.bg-white		{gap: 64px;}
#content.pk30 #testSwiepr .pack-both-top		{gap: 48px;}
#content.pk30 #testSwiepr .box-title			{font-size: 28px;}
#content.pk30 #testSwiepr .box-title + p		{margin-top: 20px;}
#content.pk30 #testSwiepr p + .btn				{margin-top: 40px;}
#content.pk30 #testSwiepr .btn svg				{width: 28px; height: 28px;}
#content.pk30 #testSwiepr .swiper-button-next,
#content.pk30 #testSwiepr .swiper-button-prev	{top: calc(((100% - 32px)/2) - 24px);}
@media all and (min-width: 1280px) {
	#content.pk30 #testSwiepr						{padding-left: 130px; padding-right: 130px;}
}
@media all and (min-width: 1021px) and (max-width: 1279px) {
	#content.pk30 #testSwiepr						{padding-left: calc( (100% - 1020px) / 2); padding-right: calc( (100% - 1020px) / 2);}
}
@media all and (min-width: 769px) {
	#content.pk30 #testSwiepr .pack-both-top > div	{width: calc((100% - 48px)/2); max-width: 422px;}
	#content.pk30 #testSwiepr .text-wrap			{padding-top: 24px;}
}
@media all and (max-width: 768px) {
	#content.pk30 #testSwiepr .pack-both-top		{gap: 28px;}
}
#content.pk30 .bg-gray.visual-content:not(.pk30-add-content)	{padding-bottom: calc(280px + (17.604vw / 2));}
#content.pk30 .bg-gray.visual-content:not(.pk30-add-content) + .visual-content	{padding-top: 0;}
#content.pk30 .pack-list						{gap: 24px 16px;
	-webkit-align-items: stretch; align-items: stretch;
}
#content.pk30 .pack-list > .bg-white			{width: calc((100% - 16px)/2); padding: 64px 64px 120px;}
#content.pk30 .pack-list > .bg-white h3 + p		{margin-top: 24px;}
#content.pk30 .pack-list > .banner-apply		{width: 100%; max-height: 340px; padding: 108px 120px; background: url('../images/contents/bg_banner_apply@2x.jpg') no-repeat 50% 50%; background-size: cover;
}
#content.pk30 .banner-apply .btn.bdr-black		{background: #fff;}
#content.pk30 .banner-apply .banner-title		{font-size: 32px;}
#content.pk30 .banner-apply .banner-title + p	{margin-top: 20px;}
@media all and (max-width: 768px) {
	#content.pk30 .pack-list > .bg-white			{width: 100%; min-height: 250px; padding: 48px 24px;}
	#content.pk30 .pack-list > .banner-apply		{min-height: 406px; padding: 64px 24px; background-image: url('../images/contents/bg_banner_apply_mo@2x.jpg');
	}
	#content.pk30 .pack-list > .banner-apply .pack-both	{gap: 24px;
		-webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: flex-start; align-items: flex-start;
	}
	#content.pk30 .banner-apply .banner-title		{font-size: 28px;}
}

/* 202050227 pk30 추가 */
#content.pk30 .grid-list{ gap: 15px;}
#content.pk30 .grid-list .col-12 .box-gray{min-height: clamp(350px,45.573vw,460px);}
#content.pk30 .grid-list .col-6 .box-gray{min-height: clamp(440px,57.292vw,575px);}

#content.pk30 .grid-list .col-6:nth-child(2) .box-gray ul{ margin-inline: auto; padding-inline: clamp(35px,4.557vw,60px);}


#content.pk30 .grid-list .box-gray ul{gap: 8px; margin-top: 40px;}
#content.pk30 .grid-list .box-gray .ico-wrap{gap: 0; padding-top: 20px;}
@media all and (min-width: 769px) and (max-width:1240px) {
	#content.pk30 .grid-list .box-gray{ padding: clamp(25px,3.255vw,40px); }
	#content.pk30 .grid-list .box-gray .circle-box.w-150{
		width: clamp(90px,11.719vw,150px); height: clamp(90px,11.719vw,150px);
	}
	#content.pk30 .grid-list .box-gray .circle-box.w-150 span{font-size: clamp(15px,1.953vw,18px)}
}
@media all and (max-width: 768px){
	#content.pk30 .grid-list .box-gray ul{flex-direction: column; align-items: center;}
	#content.pk30 .grid-list .col-6:nth-child(2) .box-gray ul{padding-inline: 0;}
	#content.pk30 .grid-list .box-gray .circle-box.w-150{ width: 180px; height: 180px;}
}

/* dc10 : 자료실 */
@media all and (min-width: 769px) {
	#content.dc10 .page-header		{position: relative;}
	#content.dc10 .page-header > .btn		{position: absolute; top: 12px; right: 0; width: 184px; height: 86px; padding: 12px 24px; border-radius: 20px;
		-webkit-justify-content: space-between; justify-content: space-between;
	}
	#content.dc10 .page-header > .btn > .txt	{text-align: left;}
	#content.dc10 .page-header > .btn > .txt > span	{display: block; line-height: 27px;}
}
@media all and (max-width: 768px) {
	#content.dc10 .page-header > .btn		{margin-top: 28px;}
}

/* popPolicy */
#popPolicy .popup				{max-width: 800px; --pop-height: 560px;}
#popPolicy .popup .term-wrap	{padding-top: 20px; font-size: 16px;}
#popPolicy .popup .term-title	{font-size: 18px; letter-spacing: -0.32px;}
@media all and (max-width: 768px) {
	#popPolicy .popup .term-wrap	{font-size: 14px;}
	#popPolicy .popup .term-title	{font-size: 16px; letter-spacing: normal;}
}
@media all and (orientation: portrait) and (max-width: 768px) {
	#popPolicy .popup				{--pop-height: calc(var(--vh100) - 45.867vw);}
}

/* popDelete */
#popDelete .popup				{--pop-header: 104px;}
@media all and (max-width: 768px) {
	#popDelete .popup				{--pop-header: 64px; max-height: fit-content; min-height: auto;}
	#popDelete .popup-header + .popup-body{height: fit-content;}
}

/* popCards */
#popCards .popup				{max-width: 934px; --pop-height: 580px;}
#popCards .popup-body			{padding-left: 44px; padding-right: 44px;}
#popCards .swiper-container .swiper-slide.bg-box.bg-gray	{min-height: 360px;}
#popCards .swiper-container .swiper-slide .pack-both		{gap: 9.2%; width: 100%; max-width: 518px;}
#popCards .swiper-container .swiper-slide .img-wrap		{width: 40.54%; max-width: 210px;}
#popCards .swiper-container .swiper-slide .text-wrap p	{margin-top: 16px; font-size: 16px;}
#popCards .swiper-container .swiper-button-prev			{left: 7.78%; top: calc(50% - 24px);}
#popCards .swiper-container .swiper-button-next			{right: 7.78%; top: calc(50% - 24px);}
#popCards .swiper-container .swiper-pagination			{position: static; margin-top: 24px; line-height: 24px;}
#popCards .swiper-container .swiper-pagination .swiper-pagination-current	{color: var(--bk-100);}
#popCards .swiper-container .caption-title > span		{font-weight: normal;}

#popCards .circle{ position: relative;  top: -1px;
	display: inline-flex; align-items: center;
	width: 4px; height: 4px; vertical-align: middle; margin-right: 8px;
	border-radius: 50%; background-color: #808080;
}

@media all and (min-width: 769px) {
	#popCards .swiper-container .swiper-slide .text-wrap		{width: 50.26%;}
}
@media all and (max-width: 768px) {
	#popCards .swiper-container .swiper-slide .img-wrap			{width: 168px;}
	#popCards .swiper-container .swiper-slide .text-wrap		{width: 100%}
	#popCards .swiper-container .swiper-slide .text-wrap p		{margin-top: 12px; font-size: 14px; word-break: break-all;}
	#popCards .swiper-container .swiper-pagination				{margin-top: 20px; font-size: 14px; line-height: 21px;}
}
@media all and (orientation: portrait) and (max-width: 768px) {
	#popCards .popup				{max-height: 573px; --pop-height: 573px;}
	#popCards .popup-body			{padding-left: 4px; padding-right: 4px; padding-bottom: 40px;}
	#popCards .swiper-container .swiper-slide.bg-box.bg-gray	{padding: 40px 40px 48px; height: 390px;}
	#popCards .swiper-container .swiper-slide .pack-both		{gap: 40px;
		-webkit-flex-direction: column; flex-direction: column;
	}
}

/* popFitness  : PK30 */
#popFitness .popup				{max-width: 1016px; --pop-height: 607px;}
#popFitness .table-title		{font-size: 18px;}
#popFitness .table-list			{font-size: 16px; margin-top: 24px;}
#popFitness .table-list thead th	{padding: 20px 0;}
#popFitness .table-list tbody th,
#popFitness .table-list tbody td	{padding: 16px 16px 15.5px; height: 79px; vertical-align: middle;}
#popFitness .table-list tbody th	{border-right: solid 1px var(--bk-90);}
@media all and (max-width: 768px) {
	#popFitness .popup				{max-height: calc(var(--vh100) - 10vw);}
	#popFitness .popup-header + .popup-body	{height: calc(var(--vh100) - 10vw - var(--pop-header))}
	#popFitness .popup-body			{padding-left: 4px; padding-right: 4px;}
	#popFitness .table-list			{font-size: 14px; margin-top: 20px;}
	#popFitness .table-list tbody tr	{position: relative; padding: 24px 24px 24px 118px;}
	#popFitness .table-list tbody td	{padding: 16px 16px 15.5px;}
	#popFitness .table-list tbody td:not(.td-cate)	{height: fit-content; width: 100%; padding: 0; gap: 6px;
		-webkit-flex-direction: column; flex-direction: column;

	}
	#popFitness .table-list tbody .td-cate	{position: absolute; top: 0; left: 0; width: 93px; height: 100%;
		display: -webkit-flex; display: flex;
		-webkit-justify-content: center; justify-content: center;
		-webkit-align-items: center; align-items: center;
	}
	#popFitness .table-list tbody .no-data	{display: none;}
}

/* popViewer */
#popViewer.overlay				{padding-top: 12.5vw; padding-bottom: 12.5vw;}
#popViewer .popup				{max-width: 1016px; max-height: calc(var(--vh100) - 25vw);}
#popViewer .popup-header + .popup-body	{height: calc(var(--vh100) - 25vw - var(--pop-header));}
@media all and (max-height: 1000px) {
	#popViewer.overlay				{padding-top: 5vw; padding-bottom: 5vw;}
	#popViewer .popup				{height:  calc(var(--vh100) - 10vw); max-height: calc(var(--vh100) - 10vw);}
	#popViewer .popup-header + .popup-body	{height: calc(var(--vh100) - 10vw - var(--pop-header));}
}
@media all and (max-width: 768px) {
	#popViewer .popup				{max-height: calc(var(--vh100) - 10vw);}
	#popViewer .popup-header + .popup-body	{height: calc(var(--vh100) - 10vw - var(--pop-header));}
	#popViewer .popup-body			{padding-left: 4px; padding-right: 4px;}
}

/* popFitViewer */
#popFitViewer.overlay				{padding-top: 12.5vw; padding-bottom: 12.5vw;}
#popFitViewer .popup				{max-width: 1016px; max-height: calc(var(--vh100) - 25vw);}
#popFitViewer .popup-header + .popup-body	{height: calc(var(--vh100) - 25vw - var(--pop-header));}
@media all and (max-height: 1000px) {
	#popFitViewer.overlay				{padding-top: 5vw; padding-bottom: 5vw;}
	#popFitViewer .popup				{height:  calc(var(--vh100) - 10vw); max-height: calc(var(--vh100) - 10vw);}
	#popFitViewer .popup-header + .popup-body	{height: calc(var(--vh100) - 10vw - var(--pop-header));}
}
@media all and (max-width: 768px) {
	#popFitViewer .popup				{max-height: calc(var(--vh100) - 10vw);}
	#popFitViewer .popup-header + .popup-body	{height: calc(var(--vh100) - 10vw - var(--pop-header));}
	#popFitViewer .popup-body			{padding-left: 4px; padding-right: 4px;}
}

/* popActive */
#popActive{}
.pop-curriculums .popup{max-width: 1280px;}
.pop-curriculums .popup-header + .popup-body	{height: calc(var(--vh100) - 15vw - var(--pop-header));}
@media all and (max-height: 1000px) {

	.pop-curriculums .popup				{height:  calc(var(--vh100) - 5vw); max-height: calc(var(--vh100) - 5vw);}
	.pop-curriculums .popup-header + .popup-body	{height: calc(var(--vh100) - 5vw - var(--pop-header));}
}
@media all and (max-width: 768px) {
	.pop-curriculums .popup				{max-height: calc(var(--vh100) - 5vw);}
	.pop-curriculums .popup-header + .popup-body	{height: calc(var(--vh100) - 5vw - var(--pop-header));}
	.pop-curriculums .popup-body			{padding-left: 4px; padding-right: 4px;}
}