﻿@charset "UTF-8";

/* 합격자 홍보페이지 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html { -webkit-text-size-adjust: 100%; }
.PassTransUni_2023 * {font-family: 'Noto Sans KR', sans-serif,'Spoqa Han Sans';color: #111;}
.PassTransUni_2023 { width:100%; overflow:hidden; text-align:center; }
.PassTransUni_2023 img { vertical-align:top; }
.PassTransUni_2023 .content { position:relative; width:1200px; height:100%; margin:0 auto; }
canvas{z-index:10;pointer-events: none;position: fixed; top: 0; left:0; transform: scale(1.2); z-index:1000; }
/*ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
	html{
		overflow: hidden;
		height: 100%;
	}
	body{
		overflow: auto;
		height: 100%;
	}
}

@keyframes zoom{
	0% { transform:scale(1.5); }
	100% { transform:scale(1); }
	}
@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
	}

.visual{background: #363021 url('images/bg_visual.png') no-repeat center 0; text-align: center; height: 900px; padding-bottom: 84px}

.visual_txt1{animation: fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both; padding-top: 100px;}
.visual_txt2{animation: fade-in-top .6s .6s cubic-bezier(.39,.575,.565,1.000) both; margin-top: -14px;}
.visual_txt3{animation: zoom-in-blurred .3s 2s cubic-bezier(.23,1.000,.32,1.000) both;position: absolute; top: 315px; left: 477px; z-index: 1;}
.visual_txt4{animation: flip-in-hor-bottom .5s 1.2s cubic-bezier(.39,.575,.565,1.000) both;}
.visual_typo{animation: fade-in-top .6s 1.1s cubic-bezier(.39,.575,.565,1.000) both; padding-top: 91px;}

.txt{animation: fade-in-top .6s .8s cubic-bezier(.39,.575,.565,1.000) both; position: absolute; top: 0; left: 50px; border-left: 1px solid rgba(255,255,255,0.4)}
.typo{animation:rotate-in-diag-2 .3s 1.7s cubic-bezier(.39,.575,.565,1.000) both; position: absolute; top: 240px; right: 60px;}
.blink{animation: blink 1s 2.2s infinite;}
.dungdung{animation: scrollBottom 1s 2.2s both infinite alternate;}

.up-on-scroll{transition: transform 0.7s, opacity 1.7s;}

@keyframes scrollBottom { 0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}}	
@keyframes blink{0%{opacity:1} 50%{opacity:.5}100%{opacity:1}}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes zoom-in-blurred{ 0% {opacity:0; transform: scale(6); filter: blur(20px);} 100% {opacity:1; transform: scale(1);}}
@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}		
@keyframes rotate-in-diag-2{0%{-webkit-transform:rotate3d(-1,1,0,-360deg);transform:rotate3d(-1,1,0,-360deg);opacity:0}100%{-webkit-transform:rotate3d(-1,1,0,0deg);transform:rotate3d(-1,1,0,0deg);opacity:1}}

.PassTransUni_2023 h2 { padding:60px 0 40px; }
.PassTransUni_2023 .section_01 { background:#610a28; padding-bottom: 50px;}
.section_01 .count { position:relative; background:url(images/section_01.png) no-repeat; height:521px; }
.section_01 .count ul {overflow:hidden; position: absolute; text-align: center; top: 170px; left: 0; width: 1200px;}
.section_01 .count li {display: inline-block; margin-right: 173px; font-size: 65px; font-weight: bold; width: 130px;}
.section_01 .count strong { color:#8d0c39; letter-spacing:-4px;}
.section_01 .count li:last-child {margin-right: 0; }
.section_01 .count li:last-child strong,.section_01 .count li:last-child small { color:#e50d0d; }
.section_01 .count small { font-size:40px; font-weight:500; color:#8d0c39; }
.section_01 .typo{position: absolute; top: -70px; right: -50px; z-index: 1;}
.section_02 {background: #e4e4ea; padding-bottom:60px; }
.PassTransUni_2023 .passVideo_section:after,.epilogue_txt a:after { content:""; display:block; clear:both; }
.PassTransUni_2023 .passVideo_section { margin-bottom:30px; }
.PassTransUni_2023 .passVideo_section li { float:left; position:relative; margin-right:30px; width:380px; height:243px; overflow:hidden; }
.PassTransUni_2023 .passVideo_section li:last-child { margin-right:0; }
.PassTransUni_2023 .passVideo_section li dl { position:absolute; top:30px; left:30px; color:#fff; text-align:left; z-index:100;}
.PassTransUni_2023 .passVideo_section li dt { font-size:21px; padding-bottom:10px; color:#fddc00; }
.PassTransUni_2023 .passVideo_section li dd { font-size:16px; color:#fff; }
.PassTransUni_2023 .passVideo_section li a { display:block; width:100%; height:100%; border-radius:10px; overflow:hidden; }
.PassTransUni_2023 .passVideo_section li a:before { position:absolute; left:50%; top:50%; margin:-29px 0 0 -29px; content:""; display:block; width:58px; height:58px; background:url(images/btn_movie.png) no-repeat; z-index:100; }
.PassTransUni_2023 .passVideo_section li a img { transition:all .25s; z-index:90; }
.PassTransUni_2023 .passVideo_section li a:hover img { transform:scale(1.1); }
.PassTransUni_2023 .epilogue_txt li { position:relative; height:230px; box-sizing:border-box; padding:20px; background:#e7e7e7 url(images/btn_more.png) no-repeat right 0; margin-bottom:10px; }
.PassTransUni_2023 .epilogue_txt li:last-child { margin-bottom:0; }
.epilogue_txt li p,.epilogue_txt li a > dl { float:left; }
.epilogue_txt li p { margin-right:30px; }
.epilogue_txt li a > dl { width:950px; text-align:left; padding:20px 0; line-height:1.4; color:#333; }
.epilogue_txt li a dt { font-size:18px; padding-bottom:10px; font-weight:bold; }
.epilogue_txt li a dt strong { font-size:23px; color:#000; }
.epilogue_txt li dd { font-size:16px; }
.epilogue_txt li dd strong { color:#bd0444; background:linear-gradient(to top, #fdee00 50%, transparent 50%); padding:0 3px;}
.epilogue_txt li .btn_txtMore { opacity:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); border-radius:3px; transition:all .3s; }
.epilogue_txt li a:hover .btn_txtMore { opacity:1; }
.epilogue_txt li .btn_txtMore strong { color:#fff; font-size:18px; font-weight:normal; border:2px solid #fff; padding:5px 25px; display:inline-block; margin-top:105px; }
.epilogue_txt .epilogue_layer { display:none; position: fixed; width:700px; top: 10%; left:50%; margin-left:-350px; text-align:left; z-index:1001; background:#fff; }
.epilogue_layer .layer_content dl { background:#fff; color:#333; }
.epilogue_layer .layer_content { padding:20px; box-sizing:border-box; background:#fff; overflow-y:scroll; overflow-x:hidden; height:650px; }
.epilogue_layer h3 { position:relative; width:700px; height:60px; font-size:18px; text-align:center; background:#bd0444; color:#fff; line-height:60px; box-sizing:border-box;}
.epilogue_layer h3 a { position:absolute; right:20px; top:13px; }
.epilogue_layer h3 strong { color:#ffd800; }
.epilogue_layer dt { position:relative; background:#ebebeb; font-size:16px; height:43px; line-height:43px; text-indent:60px; font-weight:bold; letter-spacing:-1px; }
.epilogue_layer dt:before { position:absolute; left:0; top:0; width:46px; height:43px; background:url(images/icon_q.png) no-repeat; content:""; display:block; }
.epilogue_layer dd{ font-size:14px; padding:15px 15px 30px; }
.PassTransUni_2023 .section_03 { padding-bottom:130px; }
.PassTransUni_2023 .section_04 { position:relative; width:100%; height:935px; text-align:center; background:#610a28 url(images/passList_bg.png) no-repeat center 190px; }
.PassTransUni_2023 .section_04 .bx-wrapper { margin:140px auto 0 !important; height:480px; width:1200px; overflow:hidden; }
.PassTransUni_2023 .bxslider_passList { text-align:left; box-sizing:border-box; margin:0 50px; } 
.PassTransUni_2023 .bxslider_passList:after { content:""; display:block; clear:both; } 
.PassTransUni_2023 .bxslider_passList div { float:left; width:380px; height:82px; font-size:16px; color:#fff; padding:0 15px 15px 80px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-size:60px; line-height:60px; }
.PassTransUni_2023 .bxslider_passList div strong { color:#fddc00; font-weight:normal; }
.section_04 span { position:absolute; left:50%; bottom:100px; margin-left:470px; z-index:100; }
.hanyang { background:url(images/hanyang.jpg) no-repeat; }
.hufs { background:url(images/hufs.jpg) no-repeat; }
.korea { background:url(images/korea.jpg) no-repeat; }
.skku { background:url(images/skku.jpg) no-repeat; }
.ewha { background:url(images/ewha.jpg) no-repeat; }
.khu { background:url(images/khu.jpg) no-repeat; }
.sogang { background:url(images/sogang.jpg) no-repeat; }
.cau { background:url(images/cau.jpg) no-repeat; }
.kau { background:url(images/kau.jpg) no-repeat; }
.seoultech { background:url(images/seoultech.jpg) no-repeat; }
.hongik { background:url(images/hongik.jpg) no-repeat; }
.duksung { background:url(images/duksung.jpg) no-repeat; }
.swu { background:url(images/swu.jpg) no-repeat; }
.kookmin { background:url(images/kookmin.jpg) no-repeat; }
.konkuk { background:url(images/konkuk.jpg) no-repeat; }
.syu { background:url(images/syu.jpg) no-repeat; }
.sejong { background:url(images/sejong.jpg) no-repeat; }
.smu { background:url(images/smu.jpg) no-repeat; }
.mju { background:url(images/mju.jpg) no-repeat; }
.sungshin { background:url(images/sungshin.jpg) no-repeat; }
.ssu { background:url(images/ssu.jpg) no-repeat; }
.dongguk { background:url(images/dongguk.jpg) no-repeat; }
.dongduk { background:url(images/dongduk.jpg) no-repeat; }
.kyonggi { background:url(images/kyonggi.jpg) no-repeat; }
.hansung { background:url(images/hansung.jpg) no-repeat; }
.kw { background:url(images/kw.jpg) no-repeat; }
.sookmyung { background:url(images/sookmyung.jpg) no-repeat; }
.skuniv { background:url(images/skuniv.jpg) no-repeat; }
.ajou { background:url(images/ajou.jpg) no-repeat; }
.gachon { background:url(images/gachon.jpg) no-repeat; }
.inha { background:url(images/inha.jpg) no-repeat; }
.eulji { background:url(images/eulji.jpg) no-repeat; }
.catholic { background:url(images/catholic.jpg) no-repeat; }
.mju { background:url(images/mju.jpg) no-repeat; }
.dankook { background:url(images/dankook.jpg) no-repeat; }
.kpu { background:url(images/kpu.jpg) no-repeat; }
.hs { background:url(images/hs.jpg) no-repeat; }
.suwon { background:url(images/suwon.jpg) no-repeat; }
.khu { background:url(images/khu.jpg) no-repeat; }
.kangnam { background:url(images/kangnam.jpg) no-repeat; }
.anyang { background:url(images/anyang.jpg) no-repeat; }
.cau { background:url(images/cau.jpg) no-repeat; }
.incheon { background:url(images/incheon.jpg) no-repeat; }
.pusan { background:url(images/pusan.jpg) no-repeat; }
.yonsei { background:url(images/yonsei.jpg) no-repeat; }
.shinhan { background:url(images/shinhan.jpg) no-repeat; }
.jnu { background:url(images/jnu.jpg) no-repeat; }
.jbnu { background:url(images/jbnu.jpg) no-repeat; }
.jbnu { background:url(images/jbnu.jpg) no-repeat; }
.gwnu { background:url(images/gwnu.jpg) no-repeat; }
.konyang { background:url(images/konyang.jpg) no-repeat; }
.dongnam { background:url(images/dongnam.jpg) no-repeat; }
.wku { background:url(images/wku.jpg) no-repeat; }
.hoseo { background:url(images/hoseo.jpg) no-repeat; }
.yu { background:url(images/yu.jpg) no-repeat; }
.uos { background:url(images/uos.jpg) no-repeat; }
.kangwon { background:url(images/kangwon.jpg) no-repeat; }
.yongin { background:url(images/yongin.jpg) no-repeat; }
.cnu { background:url(images/cnu.jpg) no-repeat; }
.knu { background:url(images/knu.jpg) no-repeat; }
.chungbuk { background:url(images/chungbuk.jpg) no-repeat; }

.jejunu{background: url(images/jejunu.jpg) no-repeat;}
.bau{background: url(images/bau.jpg) no-repeat;}
.sungkyul{background: url(images/sungkyul.jpg) no-repeat;}
.cju{background: url(images/cju.jpg) no-repeat;}
.tukorea{background: url(images/tukorea.jpg) no-repeat;}
.sch{background: url(images/sch.jpg) no-repeat;}
.bist{background: url(images/bist.jpg) no-repeat;}
.uhs{background: url(images/uhs.jpg) no-repeat;}
.hansei{background: url(images/hansei.jpg) no-repeat;}
.dima{background: url(images/dima.jpg) no-repeat;}
.daejin{background: url(images/daejin.jpg) no-repeat;}
.gnu{background: url(images/gnu.jpg) no-repeat;}

.PassTransUni_2023 .section_05 { width:100%; height:580px; background:#1f2555 url(images/comment_bg.png) no-repeat top right; box-sizing:border-box; padding-top:90px; }
.PassTransUni_2023 .section_06 { background: #fff;}

.PassTransUni_2023 .aside_right {position:absolute;right:0;top:1353px;width:170px;z-index:105;overflow:hidden; background: rgba(0,0,0,.5); border-top-left-radius: 10px;}
.PassTransUni_2023 .aside_right li {border-bottom: 1px solid rgba(255,255,255,.2);}
.PassTransUni_2023 .aside_right li:last-child { border-bottom:none; }
.PassTransUni_2023 .aside_right a {display:block;width:100%;height:100%; font-size:16px;font-weight:400;box-sizing:border-box;text-align:center;padding: 15px 10px;transition: all .2s;color: #fff;}
.PassTransUni_2023 .aside_right a strong {color: #fddc00;}
.PassTransUni_2023 .aside_right a:hover { background:rgba(0,0,0,0.6); color:#fddc00;}