@charset "UTF-8";

/* 사회복지실습 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
.socialWelfare_practice { width:100%; overflow:hidden; text-align:center; }
.socialWelfare_practice * { font-family:Pretendard, sans-serif; color:#111; box-sizing:border-box; }
.socialWelfare_practice .content,.socialWelfare_practice .topTxt { width:1200px; position:relative; margin:0 auto; }
.socialWelfare_practice .topImg { width:100%; position:relative; height:959px; background:url(images/topBg.jpg) no-repeat; background-size:cover; }
.socialWelfare_practice .topTxt li { position:absolute; }
.socialWelfare_practice .topTxt li:first-child { font-size:48px; width:600px; font-weight:700; top:125px; left:50%; margin-left:-300px;  animation:letterSpacing 1s ease-in-out both; text-align:center; }
.socialWelfare_practice .topTxt li:nth-child(2) { top:210px; left:105px; animation:fadeIn .4s .6s both ease-in-out; }
.socialWelfare_practice .topTxt li:nth-child(3) { top:360px; left:318px; animation:fadeIn .4s .9s both ease-in-out; }
.socialWelfare_practice .topTxt li:nth-child(4) { top:487px; left:450px; animation:fadeIn .4s 1.2s both ease-in-out }
.socialWelfare_practice .topImg_list { display:flex; width:1200px; position:absolute; bottom:127px; left:50%; margin-left:-600px; justify-content:space-between; }
.socialWelfare_practice .topImg_list li { position:relative; }
.socialWelfare_practice .topImg_list li:nth-child(1) { animation:aniUp .3s 1.5s both cubic-bezier(0.25, 0.45, 0.45, 0.95); }
.socialWelfare_practice .topImg_list li:nth-child(2) { animation:aniUp .3s 1.7s both cubic-bezier(0.25, 0.45, 0.45, 0.95); }
.socialWelfare_practice .topImg_list li:nth-child(3) { animation:aniUp .3s 1.9s both cubic-bezier(0.25, 0.45, 0.45, 0.95); }
.socialWelfare_practice .topImg_list li:nth-child(3):before { position:absolute; top:-15px; left:90px;background:#00049c; color:#fff; font-size:16px; text-align:center; padding:5px 30px; border-radius:30px; content:"찾아가는 현장실습 세미나!"; animation:fadeIn02 1.5s infinite; }
.socialWelfare_practice .topImg_list li:nth-child(2) a { position:absolute; left:85px; bottom:30px; display:block; background:#ec1a1e; border-radius:20px; width:216px; height:39px; transition:all .3s; }
.socialWelfare_practice .topImg_list li:nth-child(2) a:hover { background:#00049c; }
.socialWelfare_practice h2 { font-size:70px; color:#fff; font-weight:800; padding:95px 0 45px;  }
.socialWelfare_practice h3 { font-size:36px; font-weight:800; padding:45px 0 10px;  }
.socialWelfare_practice .section_01 { background:#00049c; padding-bottom:130px; }
.socialWelfare_practice .open_content { background:#fff; width:1200px; background:#fff; margin:0 auto; border-radius:20px; padding:40px; text-align:left; font-size:20px; }
.socialWelfare_practice .open_content strong { color:#ec1a1e; }
.socialWelfare_practice .tab { display:flex; justify-content:space-between; margin-bottom:40px; }
.socialWelfare_practice .tab li { display:block; width:550px; height:80px; }
.socialWelfare_practice .tab li a { position:relative; display:block; width:100%; height:100%; border-radius:15px; font-size:30px; background:#d1d1dc; font-weight:700; padding:22px 25px 0 0; color:#111; text-align:center; }
.socialWelfare_practice .tab li a.current { background:#ec1a1e; color:#fff000; }
.socialWelfare_practice .tab li a:after { position:absolute; right:50px; top:33px; background:url(images/bullet_open.png); content:""; width:20px; height:13px; }
.socialWelfare_practice .tab li a.current:after { background:url(images/bullet_close.png); }
.socialWelfare_practice .tab li a strong { color:#00049c; padding-left:10px; }
.socialWelfare_practice .tab li a.current strong { color:#fff; }
.socialWelfare_practice .open_content table { margin-top:20px; }
.socialWelfare_practice .open_content th,.socialWelfare_practice .open_content td { font-weight:600; text-align:left; padding:15px 0 15px 50px;}
.socialWelfare_practice .guide { font-size:21px; background:url(images/icon_guide.png) no-repeat; padding:25px 0 15px 80px; margin-top:15px; color:#ec1a1e; }

.socialWelfare_practice .btn_apply { position:relative; display:block; background:#ffd800; width:570px; height:80px; border-radius:40px; font-size:30px; text-align:center; font-weight:700; padding:21px 25px 0 0; margin:60px auto 0; color:#111; transition:all .2s; }
.socialWelfare_practice .btn_apply:hover { background:#fff; }
.socialWelfare_practice .btn_apply:after { position:absolute; right:90px; top:28px; background:url(images/bullet_right.png); content:""; width:15px; height:24px; }
.socialWelfare_practice .btn_apply strong { color:#0005d4; }


.socialWelfare_practice .section_02 { position:relative; }
.socialWelfare_practice .section_02 h2,.socialWelfare_practice .section_05 h2 { color:#111; padding-bottom:5px; }
.socialWelfare_practice .section_02 h3,.socialWelfare_practice .section_05 h3 { padding:0; }
.socialWelfare_practice .nation_tab { position:absolute; left:50%; top:318px; margin-left:-600px; display:flex; width:640px; }
.socialWelfare_practice .nation_tab li { display:inline-block; width:50%; height:57px; }
.socialWelfare_practice .nation_tab li a { position:relative; display:inline-block; width:100%; height:100%; text-align:center; font-size:24px; background:#eee; padding-top:13px; }
.socialWelfare_practice .nation_tab li a:after { position:absolute; right:50px; top:23px; background:url(images/bullet_open.png) no-repeat; content:""; width:15px; height:13px; background-size:15px auto; }
.socialWelfare_practice .nation_tab li a.current:after { position:absolute; right:50px; top:23px; background:url(images/bullet_close.png) no-repeat; content:""; width:15px; height:13px; background-size:15px auto;  }
.socialWelfare_practice .nation_tab li:first-child a { border-radius:20px 0 0 0 }
.socialWelfare_practice .nation_tab li:last-child a { border-radius:0 20px 0 0 }
.socialWelfare_practice .nation_tab li a.current { color:#fff; font-weight:700; background:#2a46f1; }
.socialWelfare_practice .section_02 .nation_con { width:1200px; margin:0 auto; background:url(images/nation.png) no-repeat right top; padding:137px 0 80px; height:860px; }
.socialWelfare_practice .section_02 .nationTab_con { width:640px; }
.socialWelfare_practice .btn_nation { position:relative; display:block; background:#111; width:570px; height:80px; border-radius:40px; font-size:30px; text-align:center; font-weight:700; padding:21px 25px 0 0; margin:60px auto 130px; color:#fff; transition:all .2s; }
.socialWelfare_practice .btn_nation:hover { background:#000491; }
.socialWelfare_practice .btn_nation:after { position:absolute; right:138px; top:29px; background:url(images/bullet_rightWhite.png); content:""; width:15px; height:24px; }
.socialWelfare_practice .btn_nation strong { color:#ffd736; }

.socialWelfare_practice .section_03 { height:1130px; background:url(images/section03_bg.jpg) no-repeat; background-size:cover; }
.socialWelfare_practice .section_03 h2,.socialWelfare_practice .section_04 h2 { padding-bottom:5px; }
.socialWelfare_practice .section_03 h3,.socialWelfare_practice .section_04 h3 { color:#fff; padding:0 0 40px; }
.section_03 .btn_apply:after { right:165px; }
.socialWelfare_practice .section_05 h3 { padding-bottom:40px; }
.socialWelfare_practice .section_04 { background:#00049c; padding-bottom:130px; }
.socialWelfare_practice .section_05 { background:#dcdcdc; padding-bottom:130px; }



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

@keyframes scale {
	0% { transform:scale(0); opacity:0; }
	100% { transform:scale(1); opacity:1; }
}



@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 fadeIn02 {
	0% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}


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