﻿@charset "UTF-8";

/* 합격축하 홍보 20200226 */
.medicine_0318 { width:100%; overflow:hidden; text-align:center; }
.medicine_0318 img { vertical-align:top; }
.medicine_0318 .topImg { position:relative; width:100%; height:922px; box-sizing:border-box; text-align:center; background:#343537; }
.medicine_0318 .topImg img { position:absolute; left:50%; transform: translate(-50%, 0); }
.medicine_0318 .section_01 { background:#ddd; }
.medicine_0318 .section_02 { background:#e03f1d; }
.medicine_0318 .section_02 div { position:relative; width:1200px; margin:0 auto; }
.medicine_0318 .section_02 div span { position:absolute; top:245px; animation:upDown .8s ease-in-out infinite; }
.medicine_0318 .section_02 div span:first-child { left:-40px;  }
.medicine_0318 .section_02 div span:nth-child(2) { left:375px; }
.medicine_0318 .section_02 div span:nth-child(3) { left:790px; }
.medicine_0318 .section_03 { width:100%; height:3050px; background:#343435 url(images/section03_bg.jpg) no-repeat right top; box-sizing:border-box; }
.medicine_0318 .section_04 { background:#ddd; }
.medicine_0318 .section_05 { position:relative; width:100%; height:580px; background:url(images/section05_bg.jpg) no-repeat center top; background-size:cover; box-sizing:border-box; }
.medicine_0318 .section_05 a { position:absolute; left:50%; margin-left:-160px; bottom:80px; display:block; width:300px; height:60px; text-indent:-9999px; overflow:hidden; }
.medicine_0318 .medicine_note { background:#1a1a1a; color:#b3b3b3; padding:50px 0 120px 30px; text-align:left; }
.medicine_note dl { width:1100px; margin:0 auto; }
.medicine_note dt { position:relative; font-size:22px; padding:0 0 15px 45px; line-height:30px; }
.medicine_note dt:before { position:absolute; left:0; top:-3px; content:""; display:block; width:35px; height:35px; background:url(images/note_before.png) no-repeat; }
.medicine_note dd { position:relative; padding:0 0 3px 12px; font-size:17px; }
.medicine_note dd:before { position:absolute; left:0; top:1px; content:"- " }
.medicine_note .important { margin-top:40px; color:#ffe400; }
.medicine_note .important dt:before { background:url(images/note_before02.png) no-repeat; }

@keyframes upDown {
	0% {
		transform: translateY(9%);
	}
	50%{
        transform: translateY(0);
	}
	100% {
        transform: translateY(9%);
	}
}

/* 우측 배너 */
.medicine_0318 .aside { width:165px; height:170px; background:url(images/aside.png) no-repeat; }
.medicine_0318 .aside a { position:absolute; bottom:30px; left:15px; width:133px; height:35px; background:#343435; display:block; border-radius:3px; text-align:center; color:#fff; font-size:16px; line-height:33px; transition:.3s all; }
.medicine_0318 .aside a:hover { background:#cd2200; }

/* 캠퍼스배너 추가 */
.medicine_0318 .section_06 { width:100%; height:227px; background:#6caaf7; padding-top:30px; box-sizing:border-box; }
.medicine_0318 .section_06 ul:after { content:""; display:block; clear:both; }
.medicine_0318 .section_06 ul { width:1200px; margin:0 auto; }
.medicine_0318 .section_06 li { float:left; }
.medicine_0318 .section_06 li:first-child { margin-right:18px; }
.medicine_0318 .section_06 a { display:block; width:590px; height:167px; background:#fff; transition:.3s all; }
.medicine_0318 .section_06 a:hover { background:#ffffe0; }

/* 김영편입 연고대캠퍼스 20201023 */
.ky_aside { width:165px; height:463px; position:absolute; top:740px; right:10px; z-index:100; }
.ky_aside ul { width:165px; height:285px; background:url(images/ky_aside.png) no-repeat; }
.ky_aside ul li { position:relative; width:130px; margin-left:15px;display:block; text-align:center; }
.ky_aside ul li:first-child { height:151px; background:url(images/aside_img01.png) no-repeat center 48px; border-bottom:1px dashed #c1c1c1; }
.ky_aside ul li:first-child a { position:absolute; bottom:16px; left:0; }
.ky_aside ul li:first-child:before { position:absolute; bottom:8px; left:0; background:#ffdd00; content:""; width:132px; height:48px; border-radius:3px; transition:all .3s; }
.ky_aside ul li:first-child:hover:before { background:#ffba00; }
.ky_aside ul li:last-child { height:128px; background:url(images/aside_img02.png) no-repeat center 13px; }
.ky_aside ul li:last-child a { position:absolute; bottom:12px; left:0px; width:133px; height:35px; background:#343435; display:block; border-radius:3px; text-align:center; color:#fff; font-size:16px; line-height:33px; transition:.3s all; }
.ky_aside ul li:last-child a:hover { background:#cd2200; }

/* 개강일 추가 탭추가 */
.medicine_0318 .tab_openCourse { position:relative; z-index:99; } 
.medicine_0318 .tab_openCourse li { float:left; width:50%; height:80px; } 
.medicine_0318 .tab_openCourse li a { display:inline-block; width:100%; font-size:26px; color:#fff; box-sizing:border-box; padding-top:23px; height:100%; background:#777; } 
.medicine_0318 .tab_openCourse li:first-child a { padding-left:300px; } 
.medicine_0318 .tab_openCourse li:last-child a { padding-right:300px; } 
.medicine_0318 .tab_openCourse li a.current { background:#e03f1d; }
.medicine_0318 .section_04 { position:relative; }
.medicine_0318 .section_04 ul li { position:absolute; width:120px; left:50%; top:403px; font-size:19px; letter-spacing:-1px;}
.medicine_0318 .section_04 ul li:first-child { margin-left:-510px; }
.medicine_0318 .section_04 ul li:nth-child(2) { margin-left:-205px; }
.medicine_0318 .section_04 ul li:nth-child(3) { margin-left:100px; }
.medicine_0318 .section_04 ul li:nth-child(4) { margin-left:402px; }
.medicine_0318 .section_04 ol li { position:absolute; left:50%; top:890px; margin-left:-582px; color:#fff; font-size:19px;  font-weight:500; }
.medicine_0318 .section_04 ol li:nth-child(2) { top:1030px; }
.medicine_0318 .section_04 ol li:nth-child(3) { top:1170px; }
.medicine_0318 .section_04 ol li:nth-child(4) { top:1310px; }
.medicine_0318 .section_04 ol li:nth-child(5) { top:1450px; }

/* 수강후기 영역 추가 20250520 */
.medicine_0318 .section_02_2 { width:100%; height:100%; background:#fff; padding:80px 0 120px; box-sizing:border-box; }
.medicine_0318 .section_02_2 > span { opacity:0; display:block; margin-bottom:30px; }
.medicine_0318 .section_02_2 h2 { margin-bottom:40px; }
.medicine_0318 .section_02_2 ul { display:flex; width:1200px; flex-wrap:wrap; justify-content:space-between; margin:30px auto 0; gap:16px; }
.medicine_0318 .section_02_2 ul li { position:relative; width:288px; height:270px; background:#e3e3e3; padding:30px 10px; box-sizing:border-box; }
.medicine_0318 .section_02_2 h3 { font-size:18px; font-weight:bold; padding-bottom:10px; }
.medicine_0318 .section_02_2 h3 strong { color:#e03f1d }
.medicine_0318 .section_02_2 li span { position:absolute; bottom:30px; display:block; width:100%; text-align:center; font-size:16px; }
.scale { animation: scale .2s both ease-in-out;}
@keyframes scale {
	0% { transform:scale(3); opacity:0; }
	100% { transform:scale(1); opacity:1; }
}
