@charset "UTF-8";

/* 사회복지실습 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
.lllcard { width:100%; overflow:hidden; text-align:center; }
.lllcard * { font-family:Pretendard, sans-serif; color:#111; box-sizing:border-box; }
.lllcard .content { width:1200px; position:relative; margin:0 auto; padding-bottom:120px; }
.lllcard .top { width:100%; position:relative;  background:#d0fbfc; }
.lllcard .top .content { height:1213px; padding-bottom:0; }
.lllcard .top li,.lllcard .top p { position:absolute; }
.lllcard .topTxt li:nth-child(1) { top:130px; left:325px; animation:fadeIn .3s .2s both ease-in-out; }
.lllcard .topTxt li:nth-child(1):after { position:absolute; right:80px; top:12px; content:""; display:block; width:31px; height:31px; background:url(images/topPlus.png) no-repeat; animation:spin .5s .3s ease-out both; }
.lllcard .topTxt li:nth-child(2) { top:258px; left:122px; animation:fadeIn .4s .6s both ease-in-out; }
.lllcard .top p { font-size:30px; width:1200px; font-weight:600; bottom:113px; animation:letterSpacing 1s 1.5s ease-in-out both; text-align:center; }
.lllcard .top p:before { content:""; position:absolute; top:-30px; left:50%; width:60px; margin-left:-30px; height:4px; background:#111; animation:fadeIn .3s .8s ease-in-out both; }
.lllcard .topImg li:nth-child(1) { left:365px; bottom:240px; z-index:11; animation:spin_Y .3s .8s both ease-in-out; }
.lllcard .topImg li:nth-child(2) { left:342px; bottom:445px; z-index:11; animation:fadeIn .3s 1.5s both ease-in-out; }
.lllcard .topImg li:nth-child(3) { right:250px; bottom:490px; animation:aniUp .4s 1s both ease-in-out, upDown .6s infinite ease-in-out; }
.lllcard .topImg li:nth-child(4) { right:456px; bottom:560px; animation:aniUp .4s 1.2s both ease-in-out, upDown .8s infinite ease-in-out; }
.lllcard .topImg li:nth-child(5) { left:226px; bottom:565px; animation:aniUp .4s 1.3s both ease-in-out, upDown 1s infinite ease-in-out; }
.lllcard .topImg li:nth-child(6) { left:335px; bottom:260px; animation:aniUp .4s 1.2s both ease-in-out, upDown .8s infinite ease-in-out; }
.lllcard .topImg li:nth-child(7) { right:260px; bottom:310px; animation:aniUp .4s 1.2s both ease-in-out, upDown .8s infinite ease-in-out; }
.lllcard .topImg li:nth-child(8) { right:402px; bottom:210px; animation:fadeIn .3s 1s both ease-in-out; }
.lllcard h2 { font-size:54px; color:#111; font-weight:900; padding:115px 0 30px; }
.lllcard h2 strong { color:#008284; font-weight:900; }
.lllcard h3 { font-size:26px; font-weight:400; padding:0px 0 40px; margin-top:-20px; }
.lllcard h3 strong { color:#ed2032; }
.lllcard .section_01 { background:#121a78 url(images/section01_bg.jpg) no-repeat 0 0; }
.lllcard .section_01 .content { padding-bottom:60px; }
.lllcard .section_01 p,.lllcard .section_01 u { color:#fff; font-size:26px; }
.lllcard .section_01 p > strong { color:#19f9ff; font-weight:800; }
.lllcard .section_01 small { display:inline-block; color:#fff; font-size:20px; padding-top:25px; }
.lllcard .section_01 h2 { padding-top:60px; color:#fff; }
.lllcard .section_01 ul { display:flex; gap:20px; justify-content:center; margin-top:50px; }
.lllcard .section_01 a { display:block; width:380px; height:70px; border-radius:8px; background:#fff url(images/bullet_right.png) no-repeat 78% center; font-size:26px; padding-top:18px; color:#111; transition:all .2s; }
.lllcard .section_01 a:hover { background:#ffee7d url(images/bullet_right.png) no-repeat 78% center; }
.lllcard .section_01 li:first-child a { background:#fff url(images/bullet_right.png) no-repeat 87% center; }
.lllcard .section_01 li:first-child:hover a { background:#ffee7d url(images/bullet_right.png) no-repeat 87% center; }
.lllcard .section_01 a strong { color:#ed2032; font-weight:700; padding-right:5px; }
.lllcard .section_02 { background:#e7e7e7; }
.lllcard .section_02 h3+ul { display:flex; justify-content:space-between; }
.lllcard .section_02 h3+ul li { background:#fff; border-radius:8px; width:285px; height:295px; padding-top:40px; }
.lllcard .section_02 h3+ul strong { display:block; font-size:30px; font-weight:800; padding:20px 0 5px; }
.lllcard .section_02 h3+ul p { font-size:24px; font-weight:500; }
.lllcard .guide { font-size:18px; margin-top:30px; text-align:left; }
.lllcard table caption { font-size:30px; text-indent:0; overflow:visible; height:auto; margin:-10px 0 18px; }
.lllcard table th { background:#009698; font-size:21px; color:#fff; padding:15px 0; }
.lllcard table td { font-size:18px; color:#111; padding:15px 0; }
.lllcard table th.borderN { border:1px solid #cfcfda; border-bottom:0; }
.lllcard table td.borderN { border:1px solid #cfcfda; border-top:0; }
.lllcard .section_04 { background:#cbf3f4; }
.lllcard .section_04 .way { display:flex; background:#fff; border-radius:8px; padding:50px; }
.lllcard .section_04 .way div { margin:5px 0 0 65px; text-align:left; }
.lllcard .section_04 .way dt { font-size:26px; font-weight:800; padding-bottom:8px; }
.lllcard .section_04 .way dd { font-size:21px; }
.lllcard .section_04 .way dl:nth-child(2) { margin-top:23px; }
.lllcard .section_04 a { display:block; width:380px; height:60px; border-radius:8px; background:#007577 url(images/bullet_rightWhite.png) no-repeat 89% 22px; font-size:21px; padding-top:17px; color:#111; transition:all .2s; text-align:center; color:#fff; margin-top:40px; background-size:10px auto; }
.lllcard .section_04 a strong { color:#ffee7d; }
.lllcard .section_04 a:hover { background:#005052 url(images/bullet_rightWhite.png) no-repeat 89% 22px; background-size:10px auto; }
.lllcard .section_04 .guide { margin-bottom:80px; }
.lllcard .section_04 dt small { padding-left:5px; font-weight:400; font-size:18px; }
.lllcard .section_05 .btn_link a { position:absolute; top:415px; left:25px; display:block; background:#fff url(images/bullet_right.png) no-repeat 78% 8px; font-size:16px; width:138px; height:30px; font-weight:500; border-radius:20px; padding-top:5px; background-size:7px auto; color:#111; transition:all .2s; }
.lllcard .section_05 .btn_link a:hover { background:#fffad8 url(images/bullet_right.png) no-repeat 78% 8px; background-size:7px auto; color:#005052; font-weight:700; }
.lllcard .section_05 li:nth-child(2) a { left:634px; }
.lllcard .section_05 li:nth-child(3) a { left:837px; }
.lllcard .section_05 .content div { background:#e7e7e7; padding:50px; }
.lllcard .section_05 .content div p { font-size:26px; }
.lllcard .section_05 div p > strong { font-weight:800; }
.lllcard .section_05 small { display:inline-block;  font-size:20px; padding-top:25px; }
.lllcard .section_05 .btn_apply { display:flex; justify-content:center; margin-top:50px; gap:20px; }
.lllcard .section_05 .btn_apply a { display:block; width:380px; height:70px; border-radius:8px; background:#007577 url(images/bullet_rightWhite.png) no-repeat 87% center; font-size:26px; padding-top:18px; color:#fff; transition:all .2s; }
.lllcard .section_05 .btn_apply a strong { color:#ffee7d; padding-right:5px; }
.lllcard .section_05 .btn_apply a:hover { background:#005052 url(images/bullet_rightWhite.png) no-repeat 87% center; }
.lllcard .section_05 .btn_apply li:last-child a { background:#007577 url(images/bullet_rightWhite.png) no-repeat 78% center; }
.lllcard .section_05 .btn_apply li:last-child a:hover { background:#005052 url(images/bullet_rightWhite.png) no-repeat 78% center; }
.lllcard .section_06 p { background:#111; height:80px; padding-top:21px; font-size:30px; color:#fff; font-weight:500; }
.lllcard .section_06 strong { color:#00edf1; font-weight:800; }
.lllcard .section_06 li:first-child { font-size:20px; padding-bottom:5px; font-weight:700;}

@keyframes spin
	{ 
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); } 
	}

@keyframes spin_Y
	{ 
		0% { transform:rotateY(0deg); opacity:0; }
		100% {  transform:rotateY( 360deg ); opacity:1; } 
	}	

@keyframes letterSpacing { 
	0% {
		opacity:0;
		letter-spacing:15px;
	}
	100% {
		opacity:1;
		letter-spacing:-1px;
	}
} 



@keyframes aniUp {
	0% {
		transform: translateY(15%);
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}
}
@keyframes aniDown {
	0% {
		transform: translateY(-20%);
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}
}

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


@keyframes upDown {
	0% {
		transform: translateY(0%);
	}
	50%{
		transform: translateY(12%);
	}
	100% {
        transform: translateY(0%);
	}
}