@charset "utf-8";

/******************************************************************************************************************************************
*	Common : 2025.06.12
/******************************************************************************************************************************************/
/* guideBox */
.guideToggleWrap		{display:flex; justify-content:flex-start; margin-top:0px; margin-bottom:20px;}
.toggleGuideBtn			{padding:12px 24px; background:var(--mygray); border:none; border-radius:0 0 15px 15px; font-size:var(--FS16); font-weight:600; color:white; cursor:pointer; transition:all 0.3s ease;  text-shadow:0 1px 2px rgba(0, 0, 0, 0.2); min-width:120px;}
.toggleGuideBtn:hover	{transform:translateY(-2px); box-shadow:0 6px 20px rgba(103, 78, 5, 0.4);}

@media screen and (max-width:517px) {
	.toggleGuideBtn			{min-width:100%;}
	.toggleGuideBtn:hover	{box-shadow:none;}
}

ul.guideBox 				{display:inline-block; width:100%; margin:0px auto; font-size:var(--FS16); font-weight:var(--FW500); line-height:220%; border:1px solid rgba(0, 0, 0, 0.1); border-bottom:1px solid var(--mygray);
							box-shadow:2px 3px 10px 0 rgb(0 0 0 / 10%); border-radius:14px 2px 14px 2px; background-color:#FFF; padding:40px; transition: max-height 0.4s ease, opacity 0.4s ease;}
ul.guideBox li				{display:block; position:relative; padding-left:15px; text-align:left; margin-bottom:15px;}
ul.guideBox li:before		{content:''; position:absolute; top:14px; left:0px; width:6px; height:6px; background-color:#111; border-radius:2px;}
ul.guideBox li strong		{font-weight:var(--FW700); color:#111;}
ul.guideBox li ol li		{display:block; position:relative; padding-left:10px; text-align:left; font-size:var(--FS15); line-height:1.5; margin:8px 0;}
ul.guideBox li ol li:before	{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0px; width:5px; height:3px; background-color:#888; border-radius:2px;}

@media screen and (max-width:997px) {
	ul.guideBox						{width:100%; margin:0px auto 0px; line-height:200%; border-radius:10px 10px 0 0; padding:15px;}
	ul.guideBox li:before			{top:10px;}
	ul.guideBox li ol li:before		{top:9px;}
}

ul.guideBox.mygray005			{border:1px solid var(--mygray005);}


/******************************************************************************************************************************************
*	01. About - Signature : 250521
/******************************************************************************************************************************************/
/* Common */
.ciguideBox								{display:flex; flex-direction:column; width:100%; margin:30px auto 60px; text-align:center; border:1px solid #DDD; border-radius:12px;}
.ciguideBox	.gridbg						{position:relative; width:100%; background:url('/web/img/sub/signature_symbolbg.png') left top repeat; padding:40px 40px 60px;}
.ciguideBox .gridbg	.add_description	{position:absolute; right:20px; bottom:10px; font-size:var(--FS13); font-weight:var(--FW500); color:var(--mygray001); text-align:right; letter-spacing:var(--LS05); line-height:1.5;}

@media screen and (max-width:517px) {
	.ciguideBox	.gridbg					{padding:30px 20px 60px;}
}


/* The Origin */
.origin_diagram						{display:flex; text-align:center;align-items:center; justify-content:center; position:relative; width:100%;  margin:50px 0; padding:40px 0; text-align:center; }
.origin_diagram span				{display:flex; align-items:center; justify-content:center; flex-direction:column; margin:0 50px; border-radius:50%; aspect-ratio:1 / 1; width:16%; 
									color:#FFF; font-weight:var(--FW900); box-sizing:border-box; text-align:center; text-transform:uppercase; font-size:clamp(0.9rem, 2.5vw, 28px);}
.origin_diagram span.cir1			{position:relative; background-color:var(--IDTcolor-light); color:#FFF;}
.origin_diagram span.cir2			{position:relative; background:var(--IDTcolor);}
.origin_diagram span.cir1 em,
.origin_diagram span.cir2 em		{font-size:var(--FS18); font-weight:var(--FW500); margin-top:15px;}

i.bigrplus							{position:absolute; top:30px; left:calc(50% + 8px); transform:translateX(-50%);}
i.bigrplus:after					{position:absolute; content: ""; outline:0px solid transparent; box-sizing:content-box; background:var(--IDTcolor); width:45px; height:14px; top:13px; left:-29px; border-radius:20px; transform:rotate(0deg); opacity:0.6;}
i.bigrplus:before					{position:absolute; content: ""; outline:0px solid transparent; box-sizing:content-box; background:var(--IDTcolor-light); width:14px; height:45px; top:-2px; left:-13px; border-radius:20px; opacity:0.8;}

@media screen and (max-width:997px) {
	.origin_diagram					{margin:40px 0 0 0; padding:40px 0 20px 0;}
	.origin_diagram span			{width:50%; max-height:100px; margin:0px;}
	.origin_diagram span.cir1		{border-radius:12px 0 0 12px;}
	.origin_diagram span.cir2		{border-radius:0 12px 12px 0;}
	.origin_diagram span.cir1 em,
	.origin_diagram span.cir2 em	{margin-top:5px;}

	i.bigrplus						{position:absolute; top:-20px; left:calc(50% + 8px); transform:translateX(-50%);}
}


/* Symbol */
.symbolmark_overview						{position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; width:100%;}
.symbolmark_overview .overview_txt			{flex-grow:1; flex-shrink:1; flex-basis:0; width:auto;}
.symbolmark_overview .sketchArea			{flex:0 0 auto; padding-left:40px; text-align:right; box-sizing:border-box; margin-top:-30px;}
.symbolmark_overview .sketchArea .sketch	{width:80%; max-width:320px; height:auto;}

@media screen and (max-width:997px) {
	.symbolmark_overview					{position:relative; display:block; overflow:hidden;}
	.symbolmark_overview .overview_txt		{position:relative; width:100%; background:transparent;}
	.symbolmark_overview .sketchArea		{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; display:flex; justify-content:flex-end; align-items:center; overflow:hidden;}
	.symbolmark_overview .sketchArea .sketch{width:100%; max-width:500px; height:auto; max-height:100%; object-fit:contain; opacity:0.2; filter:grayscale(100%) contrast(80%);}
}

.symbol_guideWrap							{display:flex; justify-content:center; align-items:center;}
.symbol_guideWrap .symbol_size				{padding-right:10%}
.symbol_size img							{width:100%; height:auto;}

.symbol_guideWrap .symbol_color				{display:flex; flex-direction:column; font-family:var(--FFH); font-weight:var(--FW700); font-size:var(--FS14); letter-spacing:var(--LS00);}
.symbol_guideWrap .symbol_color ul			{display:flex; flex-direction:column; align-items:flex-start;}
.symbol_guideWrap .symbol_color	ul li		{margin:5px 0;}
.symbol_color .gcolorBox					{display:flex; justify-content:center; align-items:center; color:#FFF; width:100px; height:30px; border-radius:4px; margin-bottom:10px;}
.symbol_color .gcolorBox.color1				{background-color:#DDAC00;}
.symbol_color .gcolorBox.color2				{background-color:#FBDC00;}

@media screen and (max-width:517px) {
	.symbol_guideWrap						{display:flex; justify-content:space-between; align-items:center;}
	.symbol_size img						{width:80%; height:auto;}
	.symbol_guideWrap .symbol_size			{display:flex; padding-right:6%}
	.symbol_guideWrap .symbol_color			{font-weight:var(--FW700); font-size:var(--FS12); min-width:100px}
	.symbol_guideWrap .symbol_color	ul li	{margin:2px 0;}
	.symbol_color .gcolorBox				{width:80px; height:20px; border-radius:4px; margin-bottom:5px;}
}


/* Logo */
.logo_guideWrap						{display:flex; justify-content:center; align-items:center;}
.logo_guideWrap .logo_guide:first-child			{padding-right:10%}
.logo_guide img						{width:100%; height:auto;}

.logo_guideWrap	ul					{display:flex; flex-direction:column; align-items:flex-start;}
.logo_guideWrap	ul li				{font-size:var(--FS14); letter-spacing:var(--LS10); color:var(--mygray);}
.logo_guideWrap	ul li.title			{margin-bottom:10px; font-weight:var(--FW700F);}


/* Signature */
.ciguideBox_download					{display:flex; overflow:hidden; width:100%;}
.ciguideBox_download a					{display:block; width:100%; padding:22px 0px; color:#FFF; font-size:var(--FS18);}
.ciguideBox_download li					{display:flex; align-items:center; justify-content:center; width:50%;}
.ciguideBox_download li a i				{margin-left:10px;}
.ciguideBox_download li:first-child a	{background-color:var(--IDTcolor-light); border-radius:0 0 0 12px;}
.ciguideBox_download li:last-child a	{background-color:var(--IDTcolor); border-radius:0 0 12px 0;}

@media screen and (max-width:517px) {
	.ciguideBox_download a					{padding:15px 0px;}
}


/* Usage Guidelines */
.ciuseGuide					{display:flex; justify-content:center; align-items:center;}
.ciuseGuide	img				{width:100%; height:auto; border-radius:8px;}


/* Uniform */
.uniformWrap				{display:grid; grid-template-columns:repeat(2, 1fr); gap:40px 30px; list-style:none;}
.uniform					{display:flex;}
.uniformPic	img				{width:100%; height:auto; max-width:470px; border-radius:8px;}
.uniformDesc				{margin-left:30px; min-width:250px; font-size:var(--FS14); font-weight:var(--FW500); letter-spacing:var(--LS10); line-height:1.8; color:var(--mygray001);}

@media screen and (max-width:997px) {
	.uniformWrap				{display:grid; grid-template-columns:repeat(1, 1fr); gap:40px 30px; list-style:none;}
}

@media screen and (max-width:997px) {
	.uniform					{display:flex; flex-direction:column;}
	.uniformDesc				{margin-left:0px; min-width:100%;}
	.uniformDesc ul				{margin-top:7px;}
	.uniformDesc ul li			{float:left; margin-right:20px; position:relative;}
	.uniformDesc ul li::after	{content:""; position:absolute; top:50%; right:-12px; transform:translateY(-50%); display:block; width:1px; height:12px; background-color:#CCC}
	.uniformDesc ul li:last-child::after	{display:none}
}






/* 01. 안내 - 인사말 */
.ceo_img					{position:relative; overflow:hidden; padding:8% 8%; background:url(/web/img/sub/intro.png) center center no-repeat; background-size:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.ceo_img:before				{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .3); content:''; transition:height 0.5s ease-in-out; z-index:0;}

.ceo_img .msg				{position:relative; display:flex; flex-direction:column; color:rgba(255,255,255,1); z-index:1;}
.ceo_img .msg li h2			{position:relative; font-size:42px; font-weight:700; letter-spacing:0px; font-family:celmonHG; color:rgba(255,255,255,1); padding:0 0 3% 0;}
.ceo_img .msg li.stxt		{font-size:26px; line-height:1.4;}
.ceo_img .msg li.btxt:before{position:absolute; top:-20px; left:-10px; content:""; background-color:#FFF; width:1.2rem; height:6px; transform:translate(-50%, -50%) rotate(45deg); border-radius:5px}

.text_box			{overflow:hidden; padding:3% 0; line-height:160%; font-size:17px; font-weight:500; color:#757575; letter-spacing:-1px; line-height:2}
.text_box .left		{width:48%; float:left;}
.text_box .right	{width:48%; float:right;}
cite 				{color:#000; font-size:var(--FS22); float:right; margin-top:3%; font-weight:600; font-style:normal;}
cite span			{overflow:hidden; }
cite span img		{margin-top: -15px;}

@media screen and (max-width:997px) {
	.ceo_img					{background-size:cover;}
	.ceo_img .msg li h2			{font-size:26px;}
	.ceo_img .msg li.stxt		{font-size:16px; line-height:1.2;}
	.ceo_img .msg li h2:before	{display:none}

	.text_box			{line-height:160%; font-size:14px;}
	.text_box .left		{width:100% !important; float:left;}
	.text_box .right	{width:100% !important; float:left; margin-top:20px;}

	cite 				{text-align:right; padding:3% 2%;}
	cite span img		{margin-top:10px;}
}


/* 01. 안내 - 찾아오시는 길 */
.locationPage > H2				{display:block; margin-bottom:30px; font-family:var(--FFH); font-size:44px; line-height:110%; font-weight:900; letter-spacing:-0.5px; color:#222; text-transform:uppercase;}

.locationPage .info				{width:100%; margin-top:20px;}
.locationPage .info	ul			{display:flex; flex-direction:column;}
.locationPage .info li			{display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:16px; line-height:1.9;}

.locationPage .tit				{font-size:var(--FS18); margin-bottom:22px; color:#222; font-weight:var(--FW800); letter-spacing:-1px;}

@media screen and (max-width:997px) {
	.locationPage				{margin-bottom:30px;}
	.locationPage > H2			{margin-bottom:20px; font-size:32px;}
}


/* 02. 재학생 맞춤형 고용서비스 - 재학생맞춤형고용서비스 사업 안내 */
ul.jmgGuide					{width:100%; max-width:80%; margin:30px auto 0px; font-size:var(--FS16); font-weight:var(--FW400); line-height:220%;}
ul.jmgGuide	li				{display:block; position:relative; padding-left:15px; text-align:left;}
ul.jmgGuide	li:before		{content:''; position:absolute; top:14px; left:0px; width:6px; height:6px; background-color:#111; border-radius:2px;}
ul.jmgGuide	li strong		{font-weight:var(--FW700); color:#111;}
ul.jmgGuide	li ol li		{display:block; position:relative; padding-left:10px; text-align:left; font-size:var(--FS15);}
ul.jmgGuide	li ol li:before	{content:''; position:absolute; top:14px; left:0px; width:5px; height:3px; background-color:#888; border-radius:2px;}

@media screen and (max-width:997px) {
	ul.jmgGuide						{max-width:100%}
}

:root {
	--buildupColor:#a091d2;
	--jumpupColor:#5dbca8;
}

.jmg_intro					{display:flex; flex-direction:column; align-items:center; width:100%; margin:40px auto 0;}
.jmg_intro .sec_title		{display:block; line-height:48px; font-size:var(--FS36); font-weight:700; color:#111; text-align:center;}
.jmg_intro .sec_title_ans	{text-align:center; margin:30px auto 0; font-size:var(--FS18);}

@media screen and (max-width:997px) {
	.jmg_pjBox						{flex-direction:column; max-width:100%}
}

.jmg_pjBox					{margin:40px auto; display:flex; gap:24px; text-align:center; max-width:80%}
.jmg_pjBox li:not(li li)	{display:flex; flex-direction:column; justify-content:space-between; flex:1; padding:60px 40px; gap:30px; border-radius:8px; background-color:#FFF; box-sizing:border-box; border:1px solid rgba(0, 0, 0, .1); box-shadow:4px 2px 6px -4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 2px 6px -4px rgba(0, 0, 0, 0.1);}

.jmg_pjBox li .img_point	{display:flex; align-items:center; justify-content:center; width:100%; height:150px;}
.jmg_pjBox li .img_point i	{display:inline-block;}
.jmg_pjBox li.buildup .img_point i	{width:200px; height:135px;}
.jmg_pjBox li.jumpup .img_point i	{width:200px; height:135px;}

.jmg_pjBox li .header		{display:flex; flex-direction:column; gap:8px;}
.jmg_pjBox li .main			{display:flex; flex-direction:column; line-height:180%;}
.jmg_pjBox li .footer		{display:flex; align-items:center; justify-content:center;}

.jmg_pjBox li .subject				{display:flex; flex-direction:column; align-items:center; font-size:var(--FS28); font-weight:600; color:#111;}
.jmg_pjBox li .subject em			{display:block; font-size:var(--FS16); font-weight:700; margin-top:10px;}
.jmg_pjBox li.buildup .subject em	{color:var(--buildupColor);}
.jmg_pjBox li.jumpup .subject em	{color:var(--jumpupColor);}
.jmg_pjBox li:hover .subject em		{color:#FFF;}

.jmg_pjBox li:hover .subject	{color:#FFF;}
.jmg_pjBox li:hover .main		{color:rgba(255, 255, 255, 0.8);}

.jmg_pjBox .tag					{display:flex; justify-content:center; flex-wrap:wrap; margin:30px auto;}
.jmg_pjBox .tag em				{display:flex; align-items:center; justify-content:center; font-size:var(--FS14); font-weight:var(--FW700); margin:6px 5px; padding:6px 8px; border-radius:25px; word-break:keep-all; white-space:nowrap; background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.2)}
.jmg_pjBox .buildup .tag em				{color:var(--buildupColor);}
.jmg_pjBox .jumpup .tag em				{color:var(--jumpupColor);}

.jmg_pjBox li.buildup:hover {background-color:var(--buildupColor); box-shadow:2px 2px 36px 0px rgba(17, 17, 17, 0.08); transition:all ease-out .2s;}
.jmg_pjBox li.buildup:hover [class^=btn]	{color:var(--buildupColor); background-color:#FFF;}

.jmg_pjBox li.jumpup:hover	{background-color:var(--jumpupColor); box-shadow: 2px 2px 36px 0px rgba(17, 17, 17, 0.08); transition:all ease-out .2s;}
.jmg_pjBox li.jumpup:hover [class^=btn]		{color:var(--jumpupColor); background-color:#FFF;}


.jmg_pjBox [class^=btn] {line-height:28px; font-size:var(--FS16); font-weight:700; color:#FFF; background-color: var(--IDTcolor);}
.btn_large				{display:inline-block; padding:10px 16px; line-height:28px; border-radius:4px; background-color:#FFF; font-size:var(--FS16); text-align:center;}

@media screen and (max-width:997px) {
	.jmg_pjBox				{flex-direction:column; max-width:100%}
	.jmg_pjBox li			{padding:40px 20px;}
}

.step_ribbon					{position:absolute; top:-4px; left:5px; box-shadow:3px 6px 7px 0 rgb(0 0 0 / 25%); font-family:var(--FFH); letter-spacing:var(--LS00);}
.step_ribbon:after				{height:0; width:70px; content:""; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); border-top:10px solid var(--IDTcolor); border-right:35px solid transparent; border-bottom:10px solid transparent; border-left:35px solid transparent; border-radius:0 0 5px 5px;}
.step_ribbon span				{position:relative; display:block; text-align:center; background-color:var(--IDTcolor); font-size:var(--FS14); font-weight:700; line-height:1; padding:12px 6px 10px; border-top-left-radius:5px; color:#FFF; width:70px;}
.step_ribbon span:before,
.step_ribbon span:after			{position:absolute; content:"";}
.step_ribbon span:before		{height:4px; width:6px; right:-4px; top:0; background-color:var(--IDTcolor);}
.step_ribbon span:after			{height:4px; width:7px; right:-7px; top:0; border-radius:7px 12px 0 0; background-color:var(--IDTcolor); filter:brightness(0.7) !important;}

.jmg_pjBox li.buildup .step_ribbon:after			{border-top:10px solid var(--buildupColor);}
.jmg_pjBox li.buildup .step_ribbon span				{background-color:var(--buildupColor);}
.jmg_pjBox li.buildup .step_ribbon span:before,
.jmg_pjBox li.buildup .step_ribbon span:after		{background-color:var(--buildupColor);}

.jmg_pjBox li.jumpup .step_ribbon:after				{border-top:10px solid var(--jumpupColor);}
.jmg_pjBox li.jumpup .step_ribbon span				{background-color:var(--jumpupColor);}
.jmg_pjBox li.jumpup .step_ribbon span:before,
.jmg_pjBox li.jumpup .step_ribbon span:after		{background-color:var(--jumpupColor);}

.jmg_step						{margin:20px auto; width:100%;}
.jmg_step li					{display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; min-height:90px; padding:20px 10px 20px 90px; background-color:#fff; margin-bottom:30px; border-radius:5px; color:#444; border:1px solid rgba(0,0,0,0.2); box-shadow:3px 3px 8px 0px rgba(0, 0, 0, .2); box-sizing:border-box;}
.jmg_step li:last-child			{margin-bottom:0px;}
.jmg_step li .tit				{flex:1; padding-right:30px; letter-spacing: -1px; font-size:var(--FS16); font-weight:700; text-align:left; line-height:1.5}
.jmg_step li .type				{display:flex; flex-direction:column; align-items:flex-end; font-size:var(--FS12);}

.jmg_step li .type .icon		{letter-spacing:-1px; display:inline-block; color:#fff; padding:4px; line-height:100%; border-radius:5px 0 5px 0; margin:2px;}
.jmg_step li .type .icon.type1	{background-color:#0b75eb;}
.jmg_step li .type .icon.type2	{background-color:#12b868;}


/* 02. 재학생 맞춤형 고용서비스 - 재학생맞춤형고용서비스 신청방법 안내 */
.captureBox					{display:grid; grid-template-columns:repeat(2, 2fr); margin:40px auto; gap:40px; text-align:center; }
.captureBox li:not(li li)	{display:flex; flex-direction:column; justify-content:space-between; flex:1;  padding:0px; /*gap:30px;*/ border-radius:14px; overflow:hidden; background-color:#FFF; box-sizing:border-box; border:1px solid rgba(0, 0, 0, .1); box-shadow:4px 2px 6px -4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 2px 6px -4px rgba(0, 0, 0, 0.1);}

.captureBox li				{}
.captureBox li .header		{display:flex; flex-direction:column; gap:8px; background-color:#FFF; padding:30px 20px;}
.captureBox li .main		{display:flex; flex-direction:column; line-height:180%; background:linear-gradient(145deg, #EEE 22.55%, #F2F2F2, #FFFFFF, #E0E3E5); padding:40px 40px;}
.captureBox li .footer		{display:flex; align-items:center; justify-content:center;}

.captureBox li .main .rimg			{border-radius:14px; overflow:hidden; box-shadow:3px 3px 8px 0px rgba(0, 0, 0, .2); box-sizing:border-box;}

.captureBox li .step_tit			{display:block; font-size:var(--FS16); color:var(--blue); font-weight:800; margin:10px auto 15px;}
.captureBox li .subject				{display:flex; justify-content:center; align-items:center; font-size:var(--FS28); font-weight:600; color:var(--mygray300);}
.captureBox li .description			{display:block; font-size:var(--FS14); font-weight:700; margin-top:10px; color:var(--mygray004); line-height:1.5}
.captureBox li .description strong	{color:var(--mygray300);}

@media screen and (max-width:997px) {
	.captureBox				{display:flex; flex-direction:column; max-width:100%}
	.captureBox li			{padding:40px 20px;}
	.captureBox li .header	{padding:20px 15px;}
	.captureBox li .main	{padding:20px 20px;}
}

/* 02. 재학생 맞춤형 고용서비스 - 빌드업 프로젝트 - 포트폴리오 작성방법 안내 */
ul.bdupGuide					{width:100%; max-width:100%; margin:0px auto 0px; font-size:var(--FS16); font-weight:var(--FW400); line-height:1.8;}
ul.bdupGuide li				{display:block; position:relative; padding-left:15px; text-align:left;}
ul.bdupGuide li:before		{content:''; position:absolute; top:10px; left:0px; width:6px; height:6px; background-color:#111; border-radius:2px;}
ul.bdupGuide li strong		{font-weight:var(--FW700); color:#111;}
ul.bdupGuide li ol li		{display:block; position:relative; padding-left:10px; text-align:left; font-size:var(--FS15);}
ul.bdupGuide li ol li:before	{content:''; position:absolute; top:10px; left:0px; width:5px; height:3px; background-color:#888; border-radius:2px;}

@media screen and (max-width:997px) {
	ul.bdupGuide					{max-width:100%}
}

.bdupBox				{display:grid; grid-template-columns:repeat(1, 1fr); margin:0px auto; gap:40px; text-align:center; }
.bdupBox li:not(li li)	{display:flex; flex-direction:column; justify-content:flex-start; flex:1;  padding:0px; gap:0px; border-radius:14px; overflow:hidden; background-color:#FFF; box-sizing:border-box; border:1px solid rgba(0, 0, 0, .1); box-shadow:4px 2px 6px -4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 2px 6px -4px rgba(0, 0, 0, 0.1);}

.bdupBox li				{}
.bdupBox li .header		{display:flex; flex-direction:column; gap:8px; background-color:#FFF; padding:30px 20px;}
.bdupBox li .main		{display:flex; flex-direction:column; height:100%; line-height:1.5; background:#F2F2F2; padding:40px 40px;}
.bdupBox li .footer		{display:flex; align-items:center; justify-content:center;}

.bdupBox li .main .rimg			{border-radius:14px; overflow:hidden; box-shadow:3px 3px 8px 0px rgba(0, 0, 0, .2); box-sizing:border-box;}
.bdupBox li .main p				{margin-bottom:20px; font-size:var(--FS15); line-height:1.7}
.bdupBox li .step_tit			{display:block; font-size:var(--FS16); color:var(--blue); font-weight:800; margin:10px auto 15px;}
.bdupBox li .subject				{display:flex; flex-direction:column; align-items:center; font-size:var(--FS28); font-weight:600; color:var(--mygray300);}
.bdupBox li .description			{display:block; font-size:var(--FS14); font-weight:700; color:var(--mygray004); line-height:1.5}
.bdupBox li .description strong	{color:var(--mygray300);}

@media screen and (max-width:997px) {
	.bdupBox				{display:flex; flex-direction:column; max-width:100%}

	.bdupBox li .header	{padding:20px 15px;}
	.bdupBox li .main	{padding:20px 20px;}
}

/* 02. 재학생 맞춤형 고용서비스 - 빌드업 프로젝트 - 자기주도형 활동비 신청 */
ul.act_expensesGuide 				{width:100%; max-width:100%; margin:0px auto 30px; font-size:var(--FS16); font-weight:var(--FW400); line-height:220%; border:1px solid var(--IDTcolor)}
ul.act_expensesGuide li				{display:block; position:relative; padding-left:15px; text-align:left;}
ul.act_expensesGuide li:before		{content:''; position:absolute; top:14px; left:0px; width:6px; height:6px; background-color:#111; border-radius:2px;}
ul.act_expensesGuide li strong		{font-weight:var(--FW700); color:#111;}
ul.act_expensesGuide li ol li		{display:block; position:relative; padding-left:10px; text-align:left; font-size:var(--FS15);}
ul.act_expensesGuide li ol li:before	{content:''; position:absolute; top:14px; left:0px; width:5px; height:3px; background-color:#888; border-radius:2px;}

@media screen and (max-width:997px) {
	ul.act_expensesGuide						{max-width:100%}
}