@charset "UTF-8";

/* 컴퓨터활용능력2급 250625 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
.computer_250625 .topImg { width:100%; height:955px; overflow:hidden; background:#000 url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/topBg.jpg) no-repeat center top; }
.computer_250625 * { font-family: 'Noto Sans KR', sans-serif; color:#111; }
.computer_250625 .content { position:relative; width:1200px; margin:0 auto; text-align:center; padding-bottom:130px; }
.computer_250625 .topTxt li:nth-child(1) { margin-top:130px; animation:fadeIn .8s .3s ease-out both; }
.computer_250625 .topTxt li:nth-child(2) { margin-top:60px; opacity:0; animation:aniRight .5s .7s ease both; }
.computer_250625 .topTxt li:nth-child(3),.computer_250625 .topTxt li:nth-child(4) { position:absolute; }
.computer_250625 .topTxt li:nth-child(3) { left:0px; top:230px; animation:aniRight .5s 1s ease both; }
.computer_250625 .topTxt li:nth-child(4) { right:0px; top:237px; animation:scale .3s 1.4s ease both; }
.computer_250625 .topTxt li:nth-child(5) { margin-top:220px; animation:fadeIn_up .5s 1.6s ease-out both; }
.computer_250625 .subTxt { position:absolute; left:134px; top:530px; animation:fadeIn .5s 1.9s ease-out both; }
.computer_250625 .subTxt li { float:left; display:block; width:162px; height:162px; border:1px solid #fff; border-radius:81px; margin-left:20px; text-indent:-9999px; overflow:hidden; box-sizing:border-box; transition:all .2s;}
.computer_250625 .subTxt li:nth-child(1) { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_01.png) no-repeat center;animation:bgImg 2.6s ease-out infinite; }
.computer_250625 .subTxt li:nth-child(2) { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_02.png) no-repeat center; }
.computer_250625 .subTxt li:nth-child(3) { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_03.png) no-repeat center; }
.computer_250625 .subTxt li:nth-child(3):hover { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_03_2.png) no-repeat center; border:1px solid #fffc00; }
.computer_250625 .subTxt li:nth-child(4) { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_04.png) no-repeat center; }
.computer_250625 .subTxt li:nth-child(4):hover { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_04_2.png)  center no-repeat; border:1px solid #fffc00; }
.computer_250625 .subTxt li:nth-child(5) { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_05.png) no-repeat  center; }
.computer_250625 .subTxt li:nth-child(3) a,.computer_250625 .subTxt li:nth-child(4) a { display:block; width:162px; height:162px; }
.computer_250625 .aside_right { position:absolute; right:0; top:920px; width:155px; background:#fff; border-radius:10px 0 0 10px; overflow:hidden;}
.computer_250625 .aside_right h2 { background:#fffc00; height:45px; line-height:45px; text-align:center; padding:0; }
.computer_250625 .aside_right li { border-bottom:1px dashed #ccc; }
.computer_250625 .aside_right li:last-child { border-bottom:none; }
.computer_250625 .aside_right a { display:block; height:45px; line-height:45px; text-align:center; transition:all .2s; }
.computer_250625 .aside_right a:hover,.computer_250625 .aside_right li:nth-child(3) a { color:#c90909; }
.computer_250625 .aside_right a:hover{ background:#f1f1f1; }
.computer_250625 h2 { padding:70px 0 25px; text-align:center; }
.computer_250625 h3 { padding:100px 0 40px; text-align:left; }
.computer_250625 .section_01 { background:#00bd41; }
.computer_250625 .section_02 { background:#010a51; }
.computer_250625 .section_02 .content { height:1490px; text-align:left;}
.computer_250625 .section_02 .content h3 { padding-top:80px; }
.computer_250625 .section_02 .prof_img { position:absolute; right:-160px; bottom:0; z-index:100; }
.computer_250625 .marginB30 { margin-bottom:30px; }
.computer_250625 .section_03 { background:linear-gradient(90deg, rgba(0,204,80,1) 50%, rgba(0,165,105,1) 50%); text-align:center; }
.computer_250625 .section_04 { background:#00031c; }
.computer_250625 .section_04 .apply { height:782px; background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/section04_img02.png) no-repeat; }
.computer_250625 .apply ul { position:absolute; top:815px; }
.computer_250625 .apply .apply_01 { left:75px; }
.computer_250625 .apply .apply_02 { left:447px; }
.computer_250625 .apply .apply_03 { left:820px; }
.computer_250625 .apply li { width:306px; height:55px; margin-top:138px; }
.computer_250625 .apply li a { display:block; width:306px; height:55px; padding-right:20px; box-sizing:border-box; line-height:55px; background:#010a51 url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/btn_bullet.png) no-repeat 188px center; border-radius:8px; color:#fff; font-size:21px; transition:all .2s; }
.computer_250625 .apply li a:hover { background:#0013a6 url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/btn_bullet.png) no-repeat 188px center; }
.computer_250625 .section_04 span { position:absolute; left:433px; top:1050px; animation:upDown .8s ease-out infinite; }
.computer_250625 .section_04 .hot { left:810px; }

.computer_250625 .buy{position: relative;}
.computer_250625 .buy p.hot{position: absolute; top: 270px; left: 545px; animation:upDown .8s ease-out infinite; }
.computer_250625 .buy a { position: absolute; bottom: 107px; left: 697px; display:block; width:306px; height:55px; padding-right:20px; box-sizing:border-box; line-height:55px; background: #010a51 url('https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/btn_bullet.png') no-repeat 188px center; border-radius: 8px; color: #fff; font-size: 21px; transition: all .2s;}
.computer_250625 .buy a:hover {background: #0013a6 url('https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/btn_bullet.png') no-repeat 188px center;}

.computer_250625 .guide { background:#e4e4eb; padding:70px 0; color:#222; }
.computer_250625 .guide dl { margin-left:55px;  }
.computer_250625 .guide dt { position:relative; font-size:21px; font-weight:bold; background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/icon_guide.png) no-repeat; padding:10px 0 12px 55px; }
.computer_250625 .guide dt:after { position:absolute; right:0; top:23px; content:""; display:block; background:#222; width:990px; height:1px; }
.computer_250625 .guide dd { line-height:1.6; }
.computer_250625 .guide dd:before { content:"- " }
.computer_250625 .guide .content { padding-bottom:0; text-align:left; }

.computer_250625 .layer_credit { display:none; position:absolute; width:700px; bottom:-200px; left:50%; margin-left:-350px; text-align:left; z-index:1001;background:#fff; }
.layer_credit .layer_content dl { background:#fff; color:#333; }
.layer_credit .layer_content { padding:30px; box-sizing:border-box; background:#fff; }
.layer_credit .layer_content table th { text-align:center !important; }
.layer_credit h4 { position:relative; width:700px; height:50px; font-size:20px; text-align:center; background:#00bd41; color:#222; line-height:50px; box-sizing:border-box;}
.layer_credit h4 a { position:absolute; right:-35px; top:13px; }
.layer_credit h4 strong { color:#ffd800; }
.layer_credit p { padding-top:10px; text-align:right; }
.layer_credit p a { color:#c90909; text-decoration:underline; }


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

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

@keyframes upDown {
	0% {
		transform: translateY(0%);
	}
	50%{
		transform: translateY(-12%);
	}
	100% {
        transform: translateY(0%);
	}
}
@keyframes fadeIn_up {
	0% {
		opacity:0;
		transform: translateY(60%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}
@keyframes aniLeft {
	0% {
		opacity:0;
		transform: translateX(20%);
	}
	100% {
		opacity:1;
		transform: translateX(0%);
	}
}
@keyframes aniRight {
	0% {
		opacity:0;
		transform: translateX(-20%);
	}
	100% {
		opacity:1;
		transform: translateX(0%);
	}
}

@keyframes bgImg {
	0%{ background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_01.png) no-repeat; }
	40%{ background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_01.png) no-repeat; }
	45%{ background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_01_2.png) no-repeat; }
	95%{ background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_01_2.png) no-repeat; }
	100%{ background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/computer_0626/images/top_subTxt_01.png) no-repeat;}
}