@charset "UTF-8";

/* 사회복지실습 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
.engineering_construction { width:100%; overflow:hidden; text-align:center; }
.engineering_construction * { font-family:Pretendard, sans-serif; color:#222; box-sizing:border-box; }
.engineering_construction a { transition:all .2s; }
.engineering_construction .content { width:1200px; position:relative; margin:0 auto; padding:120px 0; }
.engineering_construction .topImg { position:relative; height:840px; }
.engineering_construction .topTxt { position:absolute; z-index:100; width:1200px; top:50%; left:50%; transform:translate(-50%, -50%); }
.engineering_construction .topTxt li:first-child { animation:aniUp .6s .3s both ease; }
.engineering_construction .topTxt li:nth-child(2) { margin:50px 0 30px; animation:aniUp .6s .6s both ease; }
.engineering_construction .topTxt li:nth-child(3) { margin-bottom:50px; animation:blur .8s .9s both ease-out; }
.engineering_construction .topTxt li:nth-child(4) { animation:aniUp .6s 1.2s both ease; }
.engineering_construction aside { position:absolute; top:760px; right:30px; width:180px; z-index:100; border-radius:10px; overflow:hidden; box-shadow:0 5px 15px rgba(0,0,0,0.3); }
.engineering_construction aside li { background:#000; }
.engineering_construction aside li a { display:block; font-size:16px; font-weight:600; padding:12px 0; border-bottom:1px solid #ddd; line-height:1.2; background:#fff; }
.engineering_construction aside li:last-child a { border-bottom:none; }

.engineering_construction aside li a:hover,.engineering_construction aside li a.current { font-weight:800; background: linear-gradient(90deg, #ffc600 0%, #f84c00 100%); background-clip:text; color:transparent; }
.engineering_construction .content h2 { font-size:65px; font-weight:900; letter-spacing:-2px; margin-bottom:33px;  }
.engineering_construction h2 small { display:block; font-size:40px; font-weight:400; }
.engineering_construction h2 span { font-weight:500; }
.engineering_construction .content h2.white,.engineering_construction .content h2.white span,.engineering_construction .content h2.white small { color:#fff; }
.engineering_construction .content h2 strong { font-weight:900; background: linear-gradient(90deg, #fe9214 0%, #f84c00 100%); background-clip:text; color:transparent; }
.engineering_construction h2 + h3 { position:relative; font-size:36px; font-weight:700; margin:-18px 0 30px; }
.engineering_construction h2 + h3:before,.engineering_construction h2 + h3:after { position:absolute; content:""; height:1px; width:200px; background:#222; bottom:25px;; left:285px; }
.engineering_construction h2 + h3:after { left:initial; right:285px; }
.engineering_construction .section_01 { background:#e5e3e3; }
.engineering_construction .section_01 .content:after { position:absolute; right:-190px; top:300px; content:""; background:url(images/section01_img05.png) no-repeat; width:237px; height:264px; z-index:10; }
.engineering_construction .section_01 .benefit { position:relative; display:flex; justify-content:space-between; z-index:11; }
.engineering_construction .benefit li { display:flex; align-items:center; justify-content:center; width:384px; height:158px; border-radius:15px; overflow:hidden; color:#fff; font-size:26px; font-weight:600; }
.engineering_construction .benefit li:first-child { background:url(images/section01_img02.png); }
.engineering_construction .benefit li:nth-child(2) { background:url(images/section01_img03.png); }
.engineering_construction .benefit li:nth-child(3) { background:url(images/section01_img04.png); }
.engineering_construction .label { position:absolute; left:0; top:0; }
.uniPackage_list { display:flex; flex-direction:column; gap:16px; margin-top:40px; }
.uniPackage_list > li { position:relative; display:flex; flex-direction:column; background:#fff; border-radius:15px; overflow:hidden; align-items:flex-start; }
.uniPackage_list li h4 { display:flex; font-size:40px; font-weight:800; margin:40px 0 0 50px; }
.uniPackage_list li h4 strong { color:#f83600; font-weight:800; margin-left:10px; }
.uniPackage_list li h4 span { font-size:16px; color:#fff; font-weight:700; background:#8b1e00; border-radius:50px; width:68px; height:68px; display:flex; align-items:center; justify-content:center; margin:-10px 0 5px 20px; line-height:1.2; }
.uniPackage_list li p { font-weight:700; font-size:30px; margin:0 0 43px 50px;}
.uniPackage_list li p strong { color:#f83600; font-weight:800; }
.uniPackage_list .price { position:absolute; right:240px; top:30px; display:flex; flex-direction:column; align-items:flex-end; }
.uniPackage_list dl { display:flex; width:100%; gap:16px; border-top:1px solid #ccc; padding:16px 0 16px 50px; }
.uniPackage_list del { color:#999; font-size:24px; padding-top:8px; }
.uniPackage_list .price strong { font-weight:800; font-size:40px; }
.uniPackage_list .price span { font-weight:500; font-size:18px; }
.uniPackage_list dt, .uniPackage_list dd { font-size:18px; }
.uniPackage_list dt { font-weight:800; }
.uniPackage_list .btn_apply { position:absolute; right:50px; top:30px; display:flex; gap:8px; flex-direction:column; }
.uniPackage_list .btn_apply li { display:flex; width:140px; height:60px; }
.uniPackage_list .btn_apply li a { display:block; font-size:18px; font-weight:700; width:100%; height:100%; line-height:60px; text-align:center; border-radius:5px; color:#fff; }
.uniPackage_list .btn_apply li:first-child a { background:#222; }
.uniPackage_list .btn_apply li:last-child a { background:#f83600; }
.uniPackage_list .btn_apply li a:hover { background:#8b1e00; }
.engineering_construction .section_02 { background:url(images/section02_bg.jpg) no-repeat; background-size:cover; }

/* 테이블 전체를 감싸는 컨테이너 (둥근 모서리 및 스크롤 처리를 위해) */
.table-container { width:1200px; border: 1px solid #222; border-radius:15px; overflow:hidden; }

/* 헤더 스타일 */
.custom-table th { background-color:#e2e0e0; font-weight:700; padding:10px;
  border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:21px; }

/* 일반 셀 스타일 */
.custom-table td { border-bottom:1px solid #ccc; border-right:1px solid #ccc;
  vertical-align:middle; padding:10px 30px; font-size:18px; background:#fff; }

/* 마지막 열의 오른쪽 테두리 제거 (깔끔하게 보이기 위함) */
.custom-table th:last-child,
.custom-table td:last-child { border-right:none; }

/* 마지막 행의 바닥 테두리 제거 */
.custom-table tr:last-child td { border-bottom:none; }
.custom-table td:nth-child(1) { font-weight:700; }

/* 두 번째, 세 번째 열 스타일 - 왼쪽 정렬 */
.custom-table td:nth-child(2),
.custom-table td:nth-child(3) { text-align:left;}

.engineering_construction .section_03 { background:#222; }
.engineering_construction .upgrade_list { display:flex; gap:16px; flex-direction:column; }
.engineering_construction .upgrade_list li { border-radius:15px; overflow:hidden; padding:36px 50px 0; text-align:left; height:136px;}
.engineering_construction .upgrade_list li h3 { font-size:26px; font-weight:700; margin-bottom:4px; }
.engineering_construction .upgrade_list li p { font-size:18px; font-weight:500;  }
.engineering_construction .upgrade_list li:first-child { background:url(images/section03_img01.png) no-repeat; }
.engineering_construction .upgrade_list li:nth-child(2) { background:url(images/section03_img02.png) no-repeat; }
.engineering_construction .upgrade_list li:nth-child(3) { background:url(images/section03_img03.png) no-repeat; height:160px; }
.engineering_construction .comment { margin-top:66px; font-size:32px; font-weight:300; color:#fff; }
.engineering_construction .comment strong { font-weight:900; color:#fff; }
.engineering_construction .section_04 { background:#57171a url(images/section04_bg.jpg) no-repeat right top; }
.engineering_construction .section_04 .content li { position:relative; }
.engineering_construction .section_04 li > button { position:absolute; top:101px; left:23px; background:#e5e3e3; border-radius:20px; transition:all .2s; }
.engineering_construction .section_04 li > button:hover { background:#e5d0d0; }
.engineering_construction .section_04 li:last-child > button { left:432px; }
.engineering_construction .section_04 .layer { display:none; position:absolute; background:#fff; left:-14px; top:35px; width:410px; min-height:200px; border-radius:10px; border:1px solid #222; overflow:hidden; box-shadow:3px 3px 10px rgba(0,0,0,0.3); }
.engineering_construction .section_04 .content li:last-child .layer { left:390px; }
.engineering_construction .section_04 .layer header { position:relative; background:#222; padding:10px 0; font-weight:600; color:#fff; font-size:20px;}
.engineering_construction .layer header button { position:absolute; right:20px; top:18px; }
.engineering_construction .section_04 .layer .layer_content { text-align:left;padding:20px;}
.engineering_construction .section_04 .layer_content dt { background:#e5e3e3; padding:4px; border-radius:30px; text-align:center; margin-bottom:10px; font-weight:700; font-size:16px; }
.engineering_construction .section_04 .layer_content dd { padding:0 8px; }
.engineering_construction .section_04 .layer_content dl:nth-child(2) dt { margin-top:16px; }

/* 올케어 */
.all_care { background:#e5e3e3; }
.all_care .comment,.all_care .comment strong { color:#222; }
.all_care .content { width:1200px; position:relative; margin:0 auto; padding:120px 0; }
.all_care .content h2 { font-size:60px; font-weight:900; letter-spacing:-2px; margin-bottom:33px;  }
.all_care h2 small { display:block; font-size:40px; font-weight:400; }
.special_care { background:url(images/specialCare_bg.jpg) no-repeat; background-size:cover; }

/* 빠른 상담 신청하기 */
.apply_section { background:rgba(0,0,0,.8); width:100%; height:117px; position:fixed; bottom:0; left:0; z-index:1000; }
.apply_section .content { display:flex; justify-content:start; align-items:center; padding:0; gap:16px; height:117px; }
.apply_section p { font-size:16px; color:#fff; }
.apply_section h4 { font-size:32px; font-weight:800; color:#fff; }
.apply_section h4 span { font-weight:500; color:transparent; }
.apply_section h4 strong { font-size:32px; font-weight:800; background: linear-gradient(90deg, #fe9214 0%, #f84c00 100%); background-clip:text; color:transparent; }
.apply_section .input_section { display:flex; flex-direction:column; gap:6px; text-align:left; margin-left:40px; }
.apply_section .input_section input[type="text"], .apply_section .input_section input[type="tel"] { border-radius:3px; height:26px; width:260px; margin:0; }
.apply_section .input_section label { color:#fff; font-size:14px; cursor:pointer; margin-top:2px; }
.apply_section .input_section input[type="checkbox"] { width:16px; height:16px; margin:0; }
.apply_section .input_section input::placeholder { font-size:14px; }
.apply_section button { width:230px; height:86px; background:#f83600; border-radius:5px; color:#fff; font-size:18px; font-weight:500; transition:all .2s; }
.apply_section button:hover { background:#a92400; }
.apply_section button strong { font-size:30px; font-weight:900; display:block; color:#fff; line-height:1.1; }

@keyframes blur {
    0% { opacity:0; filter:blur(8px); }
    100% { opacity:1; filter:blur(0); }
}

@keyframes aniUp {
	0% {
		transform: translateY(30px);
		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%);
	}
}