@charset "utf-8";

@media screen and (max-height:900px){
    .content.main{background-position:center top -100px;transition:all .5s ease}
}

@media screen and (max-height:700px){
    .content.main{background-position:center top -150px;transition:all .5s ease}
}

@media screen and (max-width:1440px){
    .newCollegeIntro{ height:2987px; }
    .newCollegeIntro img{ width:1600px; height:2987px; }
}

@media screen and (max-width:1350px){
	.gnbNew .gnbNewInner nav ul{
		width:300px;
		height:calc(100vh - 240px);
		overflow:auto;
		overflow-y:auto;
		overflow-x:hidden;
		position:fixed;
		top:120px;
		right:-300px;
		background-color:#163961;
		padding:0px 0 120px 0;
	}

	.gnbNew .gnbNewInner nav ul.on{
		right:0px;
		transition:all 0.5s ease;
	}

	.gnbNew .gnbNewInner nav ul.off{
		right:-300px;
		transition:all 0.5s ease;
	}

	.gnbNew .gnbNewInner nav ul li{
		width:100%;
		height:auto;
		overflow:hidden;
		border-top:1px solid #425b80;
	}

	.gnbNew .gnbNewInner nav ul li:first-child{
		border-top:none;
	}

	.gnbNew .gnbNewInner nav ul li a{
		text-align:left;
	}

	.gnbNew .gnbNewInner nav ul li > ul.subMenu{
		display:block;
		position:relative;
		top:0px;
		padding-top:0px;
	}

	.gnbNew .gnbNewInner nav ul li > ul.subMenu li{
		border-top:none;
	}

	.gnbNew .gnbNewInner nav ul li > ul.subMenu li a{
		padding-left:35px;
		opacity:0.8;
	}

	.gnbNew .gnbNewInner nav ul li > ul.subMenu li a:hover{
		opacity:1;
	}

	.gnbNew .gnbNewInner nav a.mo-menu-btn{
		display:block;
	}	

	#prep-main .prep-main-top{
		height:670px;
	}
	
	#prep-main section .moms-qes,
	#prep-main .prep-main-top .prep-main-top-inner{
		max-width:1100px;
	}

	#prep-main .prep-main-top .prep-main-top-inner h3{
		top: 70px;
		width: 460px;
	}

	#prep-main h4.prep-main-slogan img{
		max-width:460px;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step{
		padding:250px 0 0 0;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li.arr{
		padding-top:80px;
	}

	#prep-main section .moms-qes .mom-img img{
		width:50%;	
	}

	#prep-main section .moms-qes .mom-sol{
		width:40%;
	}

	#prep-main section .moms-qes .mom-sol.posB{
		top:260px;
	}

	#prep-main section .moms-qes .mom-sol.posC{
		top:440px;
	}

	#prep-main section .moms-qes .mom-talk{ 
		width:313px;
	}

	#prep-main section .moms-qes.reverse .mom-talk{ 
		left:400px;
	}

	.prep-story-list ul li{
		width:33.3333%;
	}

	.prep-story-list ul li a .st-img-box,
	.prep-story-list ul li a .st-img-box img{
		height:220px;
	}


}

@media screen and (max-width:1300px){
    .content.main{background-position:center top 120px;background-size:1300px auto;transition:all .5s ease}
    .content section .contentInner{padding:200px 30px 70px;}
    .content section .contentInner.ap{background-size: 1120px auto;}
    .content section .contentInner h2{left:30px;right:inherit;top:40px}
    .content section .contentInner .contentTxt{width:100%}
    .schRank.case .schRankList ul li{width:100%}

    .content section .contentInner.board .boardCont .boradTop{ margin-top:10px; padding:0; }
    .content section .contentInner.board .boardCont .boardViewTop,
    .content section .contentInner.board .boardCont .boardBtn,
    .content section .contentInner.board .boardCont .boardView,
    .content section .contentInner.board .boardCont h3.related,
    .content section .contentInner.board .boardCont .boradbody{ box-sizing:border-box; padding-left:30px; padding-right:30px; }
    .content section .contentInner.board .boardCont .boradbody.related li{ width:33.3333%; }
    .content section .contentInner.board .boardCont .boradTop dl{ box-sizing:border-box; padding:0 30px; }
    .content section .contentInner.board .boardCont .boradTop dl dd.search{ width:100%; box-sizing:border-box; padding:20px 0 0 0; margin-left:0px; }
    .content section .contentInner.board .boardCont .boradTop dl dd.search .searchArea,
    .content section .contentInner.board .boardCont .boradTop dl dd.search .searchArea input[type='text']{ width:100%; box-sizing:border-box; }
    .content section .contentInner.boardContArea .boardContBox h1{ height:330px; }

	#subPage .subBanner p.anm-pos,
	#subPage .subBanner span.anm-pos{
		display:none; 
	}

	#subPage .subBanner{
		background-position:center right -300px;
	}

	#subPage .subBanner p.anm-pos.posA{
		display:block;
		animation-name: none;
	}

	p.moSlogan{
		display:block;
		position:absolute;
		left:20px;
		line-height:48px;
		font-size:14px;
		color:#fff;
		margin:0;
		font-family: 'Gowun Dodum', sans-serif;
	}
	
	section.prep-new-main-sec .prep-new-main-box{
		padding:0 40px;
	}

	section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes,
	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans{
		max-width:60%;
	}


	section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes p br,
	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans p br{
		display:none;
	}

	section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes p{
		font-size:35px;
		line-height:40px;
	}
	
	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans{
		padding-top:50px;
	}

	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans:after{
		top:60px;
	}

	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans p{
		font-size:20px;
		line-height:30px;
		padding-top:20px;
	}

	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans p span{
		font-size:12px;
	}

	/*box-a*/
	section.prep-new-main-sec .prep-new-main-box.box-a{
		background-size:500px auto;
	}
	/*box-b*/
	section.prep-new-main-sec .prep-new-main-box.box-b{
		background-size:450px auto;
	}
	/*box-c*/
	section.prep-new-main-sec .prep-new-main-box.box-c{
		background-size:400px auto;
	}
	/*box-d*/
	section.prep-new-main-sec .prep-new-main-box.box-d{
		background-size:430px auto;
	}
}

@media screen and (max-width:1200px){
	#subPage .subContent{
		width:100%;
		box-sizing:border-box;
		padding:0 20px;
	}

	.main-list ul li{
		width:50%;
	}

	#footer .ft-box {
		width: 100%;
		box-sizing:border-box;
		padding:0 30px;
	}

	#footer .ft-box .ft-logo{
		display:none;
	}
	
	#footer .ft-box .ft-add{
		width:100%;
	}
	#footer .ft-box .ft-add .mAdd,
	#footer .ft-box .ft-add .mAdd .mof-add{
		width:100%;
	}
	#footer .ft-box .ft-add .mAdd{
		height:auto;
		overflow:hidden;
		padding-bottom:20px;
	}

	.pt-wrap .pt-content,
	.pt-wrap .pt-content.app .pt-cont-box,
	.soc-content .soc-content-inner .soc-content-box{
		width:100%;
	}

	ul.pt-app{
		width:100%;
		padding:0;
		margin:0;
		height:auto;
		overflow:hidden;
	}

	ul.pt-app li{
		width:50%;
	}

	.about.web_01,
	.fill.web_02{
		width:920px;
		height:2483px;
		margin:0 auto;
		background-size:100% auto;
	}

	.fill.web_02{
		height:1698px;
	}

	.timeTable,
	.tblModeMobile{
	    overflow: auto !important;
		overflow-y: hidden !important;
		overflow-x: auto !important;
	}

	.mngAbWrap .mngAbTimetbl .mngAbTimetblBox .timeTable table,
	.tblModeMobile .timeTable{
		width:1100px;
	}

	.prepSchCont{
		width:100%;
		box-sizing:border-box;
		padding:0 20px;
	}

	.prepSchList ul li .imgBox{
		height:auto;
		overflow:hidden;
	}

	#schBoard .line-list{
		width:100%;
	}

	.pt-wrap .pt-content.app .pt-cont-box .pt-box-text .pt-text-label h3{
		padding-left: 30px;
	}

	#prep-main .prep-main-top{
		height:480px;
	}

	#prep-main section .moms-qes,
	#prep-main .prep-main-top .prep-main-top-inner{
		max-width:800px;
	}

	#prep-main .prep-main-top .prep-main-top-inner h3{
		top: 50px;
		width: 360px;
	}

	#prep-main h4.prep-main-slogan img{
		max-width:360px;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step{
		padding:190px 0 0 0;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li.arr{
		padding-top:62px;
	}

	#prep-main section .moms-qes{
		padding: 40px 0 90px 0;
	}

	#prep-main section .moms-qes .mom-img img{
		width:45%;	
	}

	#prep-main section .moms-qes .mom-sol{
		width:50%;
	}

	#prep-main section .moms-qes .mom-sol.posA{
		top:40px;
	}

	#prep-main section .moms-qes .mom-sol.posB{
		top:170px;
	}

	#prep-main section .moms-qes .mom-sol.posC{
		top:300px;
	}

	#prep-main section .moms-qes .mom-talk{ 
		width: 243px;
		top: 200px;
		left: 150px;
	}

	#prep-main section .moms-qes.reverse .mom-talk{ 
		top: 220px;
		left:400px;
	}

	.prepSchList.movMainList ul li{
		width:calc( 50% - 20px );
		margin-top:30px;
	}

	.soc-content .soc-content-inner.bay-4ea .soc-content-box h4{
		min-height:80px;
		padding-top:30px;
	}

	.soc-content .soc-content-inner .soc-content-box .soc-content-txt p{
		font-size:18px;
		line-height:30px;
	}

	.soc-content .soc-content-inner ul.or-diagram::before,
	.soc-content .soc-content-inner ul.or-diagram::after,
	.soc-content .soc-content-inner ul.or-diagram li::before,
	.soc-content .soc-content-inner ul.or-diagram li::after{
		display:none;
	}

	.soc-content .soc-content-inner ul.or-diagram li{
		width: 100% !important;
		height: auto;
		overflow: hidden;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:1024px){
    .newCollegeIntro{ height:2613px; }
    .newCollegeIntro img{ width:1400px; height:2613px; }
    .addBox{ width:50%; min-height:180px; }
    .gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl{ width:100%;}
	.fill.web_02,
	.about.web_01{
		width:100%;
		height:auto;
		overflow:hidden;
		background:none;
	}
	
	.fill.web_02 .web_01_mo,
	.about.web_01 .web_01_mo{ 
		display:block; 
		max-width:100%;
		margin-top:-6%;
	}

	ul.pt-app li.step{
		width:100%;
	}

	.prepSchList ul li{
		width:100%;
		margin-bottom:30px;
	}

	#schBoard .line-list .list-box{
		width:100%;
		margin-bottom:50px;
	}

	section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes,
	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans{
		width:70%;
		max-width:70%;
	}


	section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes p{
		font-size:25px;
		line-height:35px;
		padding:10px 0;
	}
	
	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans p{
		font-size:15px;
		line-height:25px;
		padding-top:20px;
	}

	/*box-a*/
	section.prep-new-main-sec .prep-new-main-box.box-a{
		background-size:300px auto;
	}
	/*box-b*/
	section.prep-new-main-sec .prep-new-main-box.box-b{
		background-size:250px auto;
	}
	/*box-c*/
	section.prep-new-main-sec .prep-new-main-box.box-c{
		background-size:200px auto;
	}
	/*box-d*/
	section.prep-new-main-sec .prep-new-main-box.box-d{
		background-size:230px auto;
	} 

	section.prep-new-main-sec .prep-new-main-box.box-r{
		height:120px;
	}

	section.prep-new-main-sec .prep-new-main-box.box-r p{
		font-size: 25px;
		line-height: 40px;
		top: 0px;
		margin-left: -320px;
	}

	.cna-sch section .contentInner.boardContArea .boardContBox .cna-sch-cont .cna-sch-cont-box{
		width:100%;
	}
           
}

@media screen and (max-width:850px){
    .content.main{background-position:center top 220px;background-size:1080px auto}
    .content section .contentInner.board .boardCont .boradbody.related li{ width:50%; }
    .gpaInfoTop{ padding-top:200px !important; }

	.gpaInfoTop.major .gpaInfo .gpaInfoBox h1{font-size:30px;}
	
	.gpaInfo .gpaInfoBox{ padding:50px 0; }
    .gpaInfo .gpaInfoBox p br{display:none;}
    .gpaInfo .gpaInfoBox p { font-size: 15px; line-height: 25px; }
    .gpaInfo .gpaInfoBox h3 { font-size: 20px; padding: 0 0 20px 0; }

    .gpaInfo .gpaInfoBox.qna dl dt{ font-size: 15px; line-height: 25px; }
    .gpaInfo .gpaInfoBox.qna dl dd { font-size: 14px; line-height: 20px; }
    .gpaInfo .gpaInfoBox.qna dl dd a { line-height: 25px; margin-top: 10px;font-size: 14px; }

    .gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl h4 { font-size: 16px; border-bottom: 5px solid rgb(108 97 216 / 0.3); }
    .gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table thead th, 
    .gpaInfo .gpaInfoBox .gpaInfoTblBox .gpaInfoTbl .gpaInfoTblArea table tbody td { font-size: 14px; height: 40px; }
    .gpaInfo .gpaInfoBox.point:before, 
    .gpaInfo .gpaInfoBox.point:after { top: -20px; font-size:80px; }
    .gpaInfo .gpaInfoBox.point:after { top: inherit; bottom: -50px; }
    .gpaInfo .gpaInfoBox p b{ font-size:20px; }

    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol.step li{ padding:5px 10px; line-height: 20px; }
    .content section .contentInner.boardContArea .boardContBox dl.addressBox dd, .content section .contentInner.boardContArea .boardContBox dl.rankList dd{ line-height:26px; }
    .content section .contentInner.boardContArea .boardContBox dl.addressBox dd, .content section .contentInner.boardContArea .boardContBox dl.rankList dd:before{ top:-8px; }
    .content section .contentInner.boardContArea .boardContBox h1{ font-size:30px; padding:50px 30px 0 30px; }

	#footer .ft-box .ft-add .sAdd{
		width:100%;
		margin-left:0px;
		height:auto;
		overflow:hidden;
		padding-bottom:20px;
	}

	.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li .faq-q h3{
		font-size:18px;
		line-height:24px;
	}

	.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a p,
	.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a dl dd{
		font-size:16px;
		line-height:20px;
	}

	.mngAbWrap .mngAbSchInfo .mngAbSchInfoTop{
		height:280px;
	}

	ul.pt-app li{
		width:100%;
	}

	.soc-content .soc-content-inner ul.or-diagram li h3{
		font-size: 20px;
		line-height: 25px;
		padding-bottom: 10px;
	}

}

@media screen and (max-width:768px){
    .newCollegeIntro{ height:1867px; }
    .newCollegeIntro img{ width:1000px; height:1867px; }

	#prep-main .prep-main-top{
		height: auto;
		overflow: hidden;
		padding-bottom: 60px;
	}

	#prep-main .prep-main-top .prep-main-top-inner{
		max-width:100%;
	}

	#prep-main section .moms-qes{
		max-width:500px;
	}

	#prep-main .prep-main-top .prep-main-top-inner h3{
		top: 30px;
		width: 260px;
	}

	#prep-main h4.prep-main-slogan img{
		max-width:260px;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step{
		padding:120px 0 0 0;
		width:320px;
		margin:0 auto;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li{
		width:100%;
		text-align:center;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li img{
		width:80%;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li.arr{
		width:100%;
		padding:20px 0;
		height:150px;
	}

	#prep-main .prep-main-top .prep-main-top-inner ul.prep-step li.arr img{
		width:auto;
		height:100%;
	}
	
	#prep-main section .moms-qes.reverse .mom-talk,
	#prep-main section .moms-qes .mom-talk{
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		float: left;
		top: inherit;
		left: inherit;
		max-width: 50%;		
	}

	#prep-main section .moms-qes .mom-img,
	#prep-main section .moms-qes.reverse .mom-img{
		width:50%;
		float:left;
		text-align:right;
	}

	#prep-main section .moms-qes .mom-img img,
	#prep-main section .moms-qes.reverse .mom-img img{
		width:90%;
	}

	#prep-main section .moms-qes.reverse .mom-sol, 
	#prep-main section .moms-qes .mom-sol{
		width: 100%;
		position: relative;
		top: inherit !important;
		right: inherit;
		margin-top:20px;
		text-align:right;
		float:left;
	}

	#prep-main section .moms-qes.reverse .mom-sol img, 
	#prep-main section .moms-qes .mom-sol img{
		width: 80%;
	}

	.prep-story-list ul li{
		width:50%;
	}

	.prep-story-list ul li a .st-img-box,
	.prep-story-list ul li a .st-img-box img{
		height:220px;
	}


/* »çÀü±³À° */
		.pt-wrap{
			width:100%;
			height:auto;
			overflow:hidden;
		}

		.pt-wrap .pt-top{
			display:none;
		}

		.pt-wrap .pt-tab{
			width:100%;
			height:auto;
			overflow:hidden;
			margin:20px auto 20px auto;
			box-sizing:border-box;
			padding:0 20px;
		}

		.pt-wrap .pt-tab ul li{
			display:inline-block;
			float:left;
			width:50%;
		}

		.pt-wrap .pt-tab ul li a{
			display:block;
			line-height:40px;
		/*	padding:0 30px;*/
			font-size:16px;
			font-weight:600;
			color:#767676;
			background-color:#e7e7e7;
			text-decoration:none;
			text-align:center;
		}

		.pt-wrap .pt-tab ul li.on a,
		.pt-wrap .pt-tab ul li a:hover{
			background-color:#0d203b;
			color:#fff;
		}

		.pt-wrap .pt-content{
			width:100%;
			height:auto;
			overflow:hidden;
			margin:30px auto;
			box-sizing:border-box;
			padding:0 20px;
		}

		.pt-wrap .pt-content .pt-cont-box{
			width:100%;
			height:auto;
			overflow:hidden;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-poster,
		.pt-wrap .pt-content .pt-cont-box .pt-box-text{
			width:100%;
			height:auto;
			overflow:hidden;
			float:left;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-poster img{
			max-width:100%;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text{
			width:100%;
			margin-top:30px;
		}

		.pt-wrap .pt-content .pt-cont-box.wide .pt-box-text{
			width:100%;
		}

		/*.pt-wrap .pt-content .pt-cont-box.pre .pt-box-text{*/
		/*	margin-top:30px;*/
		/*}*/

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label{
			width:100%;
			height:auto;
			overflow:hidden;
			padding-bottom:30px;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label h3{
			display:block;
			line-height:22px;
			font-size:18px;
			font-weight:600;
			color:#0d203b;
			padding:5px 15px;
			position:relative;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label h3:before{
			content:'';
			width:4px;
			height:100%;
			background-color:#0d203b;
			position:absolute;
			left:0px;
			top:0px;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label h3 span{
			display:block;
			font-size:12px;
			font-weight:400;
			color:#b8b8b8;
			margin-bottom:5px;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc{
			width:100%;
			height:auto;
			overflow:hidden;
			margin-top:20px;
			box-sizing:border-box;
			padding:0;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p{
			font-size:14px;
			line-height:20px;
			font-weight:600;
			color:#222;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc ul.pt-app li a p{
			font-size:12px;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p span{
			clear:both;
			font-size:14px;
			line-height:16px;
			display: inline-block;
			margin-top:10px;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p span.red{
			color:#e62a2a;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p u{
			display:inline-block;
			text-decoration:none;
			border-bottom: 1px solid #222;
		}

		.pt-wrap .pt-content .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc p b{
			color:#0179ff;
		}

		.pt-wrap .pt-content.app{
			width:100%;
			background-color:#0d203b !important;
		}

		.pt-wrap .pt-content.app.btm{
			margin-bottom: 0px;
			position: relative;
			left: inherit;
			bottom: inherit;
			box-shadow: none;
			z-index:1;
		}

		.pt-wrap .pt-content.app.btm .pt-cont-box .pt-box-text .pt-text-label,
		.pt-wrap .pt-content.app.btm .pt-cont-box .pt-box-text .pt-text-label .pt-text-desc,
		.pt-wrap .pt-content.app.btm .pt-cont-box .pt-box-text{
			margin:0;
			padding:0;
		}

		.pt-wrap .pt-content.app .pt-cont-box{
			width:100%;
			height:auto;
			overflow:hidden;
			margin:30px auto;
		}


		.pt-wrap .pt-content.app .pt-cont-box .pt-box-text .pt-text-label h3{
			color: #fff;
			box-sizing: border-box;
			display: inline-block;
		/*    margin-left: 30px;*/
		}

		.pt-wrap .pt-content.app .pt-cont-box .pt-box-text .pt-text-label h3:before{
			background-color:#fff;
		}

		.pt-wrap .pt-content.app .pt-cont-box .pt-box-text .pt-text-label h3 span{
			color:#fff;
			opacity:0.4;
		}

		ul.pt-app li{
			width:100%;
			float:left;
			box-sizing:border-box;
			padding:10px;
		}

		ul.pt-app li.infoBox{
			width: 100%;
			position: relative;
			height: auto;
			background: transparent;
			left: inherit;
			top: inherit;
			box-sizing:border-box;
			padding:0 15px;
		}

		ul.pt-app li a{
			display: block;
			width: 100%;
			height: auto;
			overflow: hidden;
			box-sizing: border-box;
			padding: 10px 20px;
			background-color: #fff;
			text-decoration: none;
			line-height: 40px;
			padding-left: 60px;
			border-radius: 8px;
			text-align: left;
			position: relative;
		}

		ul.pt-app li a:before{
			content: '';
			width: 40px;
			height: 40px;
			position: absolute;
			left: 8px;
			top: 8px;
			background-position: center center;
			background-size: auto 100%;
			border-radius: 10px;
		}

		ul.pt-app li a.kko:before{
			background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_1.png');
		}

		ul.pt-app li a.gle:before{
			background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_2.png');
		}

		ul.pt-app li a.nvc:before{
			background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_3.png');
		}

		ul.pt-app li a.ytb:before{
			background-image:url('https://www.ige.kr/edu/contents/img/pretraining/pretraining_app_4.png');
		}

		ul.pt-app li a.nvc h4{
			color:#00c73c;
		}

		ul.pt-app li a.ytb h4{
			color:#fd0300;
		}

		ul.pt-app li a h4{
			margin:0;
			font-size:20px;
			font-weight:600;
		}

		ul.pt-app li.infoBox dl,
		ul.pt-app li.infoBox dl dt,
		ul.pt-app li.infoBox dl dd{
			margin:0;
			padding:0;
			font-size:14px;
			font-weight:600;
			color:#fff;
		}

		ul.pt-app li.infoBox dl dt{
			margin-top:40px;
			font-size:18px;
			padding-bottom:15px;
		}

		ul.pt-app li.infoBox dl dd{
			padding:10px 0 5px	0;
			box-sizing:border-box;
			padding-left:20px;
		}

		ul.pt-app li.infoBox dl.info dt,
		ul.pt-app li.infoBox dl.info dd{
			font-size:14px;
			color:#fff;
		}

		ul.pt-app li.infoBox dl.info dt{
			font-size:20px;
			color:#d4ff11;
		}

		ul.pt-app li.infoBox dl.info dd a{
			padding: 0;
			text-align: center;
			margin: 10px 0;
			font-size: 16px;
			color: #fff;
			line-height: 50px;
			background-color: transparent;
			border: 1px solid #fff;
		}

		.pt-wrap .pt-box-photo{
			width:100%;
			height:auto;
			overflow:hidden;
		}

		.pt-wrap .pt-box-photo .pt-photo-list div{
			padding:15px;
		}

		.pt-wrap .pt-box-photo .pt-photo-list div img{
			height:280px;
			-webkit-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
			-moz-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
			box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
		}

		.pt-wrap .pt-box-photo .pt-photo-list button.slick-arrow{
			text-indent:-9999px;
			width:40px;
			height:40px;
			background-color:#fff;
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			z-index:1000;
			border:none;
			border-radius:50%;
			background-size:12px auto;
			background-repeat:no-repeat;
			background-position:center center;
			cursor:pointer;
			-webkit-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
			-moz-box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
			box-shadow: 0px 0px 29px -6px rgba(0,0,0,0.49);
		}

		.pt-wrap .pt-box-photo .pt-photo-list button.slick-arrow.slick-prev{
			left:0px;
			background-image:url('https://www.ige.kr/edu/img/btn_left.png');
		}

		.pt-wrap .pt-box-photo .pt-photo-list button.slick-arrow.slick-next{
			right:0px;
			background-image:url('https://www.ige.kr/edu/img/btn_right.png');
		}

		.tblModeMobile{
			overflow:auto !important;
		}

		.tblModeMobile .timeTable{
			width:800px;
		}

		.tblModeMobile .timeTable table{
			table-layout:fixed;
		}

		p.swp-info{
			display: block;
			text-align: center;
			line-height: 40px;
			position: relative;
		}

		p.swp-info:before,
		p.swp-info:after{
			position:absolute;
			top:0px;
			font-size:12px;
			color:#222;
			opacity:0.5;
		}

		p.swp-info:before{
			content:'¢¸';
			left:10px;
		}

		p.swp-info:after{
			content:'¢º';
			right:10px;
		}

		.timeTable{
			width:100%;
			height:auto;
			overflow:hidden;
		}

		.timeTable table{
			width:100%;
			height:auto;
			overflow:hidden;
			table-layout:fixed;
			border-collapse: collapse;
		}

		.timeTable table td{
			border-top:1px solid #ccc;
			border-right:1px solid #ccc;
			text-align:center;
			box-sizing:border-box;
			padding:10px;
			font-size:14px;
			font-weight:600;
			line-height:30px;
		}

		.timeTable table tr td.txtl{
			text-align:left;
		}

		.timeTable table td.brd-r{
			border-right:1px solid #ccc !important;
		}

		.timeTable table td.brd-bt{
			border-bottom:1px solid #ccc !important;
		}

		.timeTable table tr td:last-child{
			border-right:none;
		}

		.timeTable table tr:last-child td{
			border-bottom:1px solid #ccc;
		}

		.timeTable table tr:first-child td{
			border-left:none;
			border-right:none;
			border-top:1px solid #222;
		}

		.timeTable table tr:first-child td.time{
			border-right:1px solid #ccc;
			border-left:1px solid #ccc;
		}

		.timeTable table tr:first-child td.time:first-child{
			border-left:none;
		}

		.timeTable table td.selDay{
			background-color:rgb(166 248 224 / 35%);
		}

		.timeTable table td.time{
			background-color:rgb(0 0 0 / 5%);
		}

		.timeTable table td.time br{
			display:none;
		}

		.timeTable table.td5ea td{
			width:20%;
		}

		.timeTable table.td7ea td{
			width:14.4444%;
		}   

/* »çÀü±³À° */
}

@media screen and (max-width:750px){
    .content{display:block !important;}
    .content section .contentInner h2,.content section .contentInner h2.sub{font-size:40px}
    .content section .contentInner h2.sub{border-bottom:10px solid #f5ecfa;line-height:0}
    .moBtm{display:block}
    .moMainTop{display:block}
    .mainCollege{display:none}
    .content section .contentInner{padding:150px 20px 10px}
    .cadInfoImg img{ width:160%; }
    .content section .contentInner.board .boardCont .boradbody:not(.related) ul li a .imgBox{ width: 100%; height: 180px; top: 10px; background:#222; }
    .content section .contentInner.board .boardCont .boradbody:not(.related) ul li a .imgBox .imgBoxInner img{ width: 200px; margin:0 auto; }
    .content section .contentInner.board .boardCont .boradbody ul li:not(.prev):not(.next):not(.noImg) a{ padding-left:0px; padding-top:190px; }
    .swiper-wrapper{ display:flex !important; }
	.gnbNew .gnbNewInner .util{ display:none; }
	.mngAbWrap .mngAbMap.set .mngAbMapSet.lss ul li{
		width:100%;
	}
	.mngAbWrap .mngAbMap.set .mngAbMapSet ul li{
		width:50%;
	}
	.mngAbWrap .mngAbMap.set .mngAbMapSet.prb ul li{
		width:33.3333%;
	}

	ul.pt-app li.step{
		padding:80px 15px 50px 15px;
	}

	ul.pt-app li.step::before{
		top:30px;	
	}

	ul.pt-app li.step::after{
		top:207px;
	}

	.prepSchList.movMainList ul li{
		width:calc( 100% - 20px );
	}

	a.mo-top-btn{
		display:block;
		width:42px;
		height:42px;
		float:left;
		margin-top:5px;
		overflow:hidden;
		border-radius:8px;
		margin-left:5px;
		position: absolute;
		top: 9px;
	}

	a.mo-top-btn img{
		width:100%;
	}

	a.mo-top-btn.kko{
		right: 20px;
	}

	a.mo-top-btn.tel{
		background-color:#fff;
		left: 5px;
	}
}

@media screen and (max-width:650px){
    .content section .contentInner .contentTxt p{font-size:14px;line-height:20px;margin-bottom:30px}
    .content section .contentInner .contentTxt p span{font-size:13px;line-height:18px}
    .content section .contentInner .contentTxt p br{display:none}
    .content section .contentInner .contentTxt p b{ display:block; }
    .content section .contentInner h2{font-size:30px}
    .content section .contentInner .contentTxt p img{max-width:100%}
    .content section .contentInner .contentTxt p iframe{height:300px}
    .schRank h3 span{display:block;width:100%}
    .btm{display:block}
    .content section .contentInner .contentTxt.info img.infoImg.web{ display:none; }
    .content section .contentInner .contentTxt.info img.infoImg.mo{ display:block; }
    .pop{ width:70%; left:50%; margin-left:-35%; top:120px; }
    .newCollegeIntro img.pcver{ display:none; }
    .newCollegeIntro img.mover{ display:block; }
    .newCollegeIntro{ height:1620px; }
    .newCollegeIntro img.mover{ width:720px; height:1620px; }
    .addBox{ width:100%; min-height:inherit; text-align:left !important; }
    .content section .contentInner.board .boardCont .boradTop dl dd a:not(.searchBtn) span{ display:none; }
    .content section .contentInner.board .boardCont .boradTop dl dd{ width:24.5%; }
    .content section .contentInner.board .boardCont .boradTop dl dd a:not(.searchBtn){ line-height:30px; padding:0; width:100%; text-align:center; }
    .content section .contentInner.board .boardCont .boradbody .page a{ min-width: 0px; padding: 0 5px; }
    .content section .contentInner.board .boardCont .boradbody.related li{ width:100%; }
    .content section .contentInner.board .boardCont .boradbody.related ul li.noImg a .txtBox p{ height:40px; }
    .content section .contentInner.board .boardCont .boradbody.related ul li{ border-top:1px solid #ccc; }
    .content section .contentInner.board .boardCont .boradbody.related ul li:first-child{ border-top:none; }

    .content section .contentInner.board .boardCont .boardBtn .boardBtnLeft{ width:40%; }
    .content section .contentInner.board .boardCont .boardBtn .boardBtnright{ width:60%; }
    .content section .contentInner.board .boardCont .boardBtn .boardBtnLeft a,
    .content section .contentInner.board .boardCont .boardBtn .boardBtnright a{ font-size:13px; line-height:24px; padding:0 5px; }
    .contentInner.board .boardCont .boardView{ padding-left:10px !important; padding-right:10px !important; }
    .content section .contentInner.boardContArea .boardContBox dl.addressBox dd a { line-height: 25px; font-size: 14px; }
    .content section .contentInner.boardContArea .boardContBox dl.addressBox dd,
    .content section .contentInner.boardContArea .boardContBox dl.rankList dd{ font-size: 14px; }
    .content section .contentInner.boardContArea .boardContBox dl.addressBox dd{ padding:14px 10px 7px 40px; }
    .content section .contentInner.boardContArea .boardContBox dl.addressBox dd:before { left: 0px; top: 6px; background-size: 27px auto; }
    .content section .contentInner.boardContArea .boardContBox.cont h3 { font-size: 20px; line-height: 50px; padding-left: 30px; }
    .content section .contentInner.boardContArea .boardContBox.cont h3:before { top: 14px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont h5{ font-size: 16px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox h4 { display: block; line-height: 30px; font-size: 18px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd,
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li{ font-size:14px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont{ padding:10px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox { padding: 10px; }
    .content section .contentInner.boardContArea .boardContBox.cont { padding: 30px 0px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol li, 
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li ol li a{ font-size:13px; }
    .content section .contentInner.boardContArea .boardContBox.cont p{ line-height: 24px; font-size: 14px; }
    .content section .contentInner.boardContArea .boardContBox h1 { height: 210px; line-height:35px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox,
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox{ padding:5px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table{ min-width:270px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd{ padding-left:20px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd:not(.img):before { left: 6px; }
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd a,
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li a{
        font-size:13px;
    }

    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th,
    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th{
        font-size:13px;
        height:30px;
    }

    .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table th, .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont dl.infoSchList dd .tblBox table td, .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table thead th, .content section .contentInner.boardContArea .boardContBox.cont .boardContSubBox .boardCont ul li .tblBox table tbody td{
        font-size:13px;
        height:30px;
    }

	.main-list ul li,
	.main-list.about ul li,
	.main-list.college ul li{
		width:100%;
	}

	.prep-sub-top p{
		clear: both;
		margin-left: 0;
		margin-top: 30px;		
	}

	.mngAbWrap .mngAbMap.set .mngAbMapSet ul li{
		padding:10px;
	}

	.mngAbWrap .mngAbMap.set .mngAbMapSet.prb ul li{
		width:50%;
	}

	#schBoard .line-list .list-box .cont_round_List ul li{
		height:auto;
		overflow:hidden;
	}

	#schBoard .line-list .list-box .cont_round_List ul li .titList{
		min-height:55px;
		height:auto;
		overflow:hidden;
	}

	.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li .faq-q{
		padding-left:10px;
	}

	.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a{
		padding:20px;
	}

	.movList ul li{
		height: auto;
		overflow: hidden;
		position: relative;
		padding-left: 0;
		padding-top: 190px;
	}

	.movListTxt,
	.movListDte{
		height:auto;
		max-height:62px;
		overflow:hidden;
		margin:0;
	}

	.movBg{
		width:100%;
		height:100%;
		position:fixed;
		background:rgba(0,0,0,0.8);
		z-index:10000;
		top:0;
		left:0;
	}

	.movBgInner{
		width:calc(100% - 30px);
		margin-left:0px;
		transform:translateX(-50%);
	}

	.movBgInner h2{
		display:block;
		line-height:30px;
		position:relative;
		width:100%;
		font-size:18px;
	}

	.movBgInner h2 span.closeBtn{
		display:block;
		width:30px;
		height:30px;
		line-height:30px;
		text-align:center;
		font-size:37px;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
	}

	.movBgInner p.topArea{
		display:block;
		line-height:20px;
		position:relative;
		width:100%;
		font-size:14px;
		border-top:1px solid #aaa;
		padding:10px;
		margin:0;
		box-sizing:border-box;
	}

	.movBgInner .btnArea{
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;
	}

	.movBgInner .btnArea button{
		width:100px;
		height:40px;
		border:2px solid #222;
		background:#fff;
		color:#2d2d2d;
		text-align:center;
		cursor:pointer;
		font-weight:700;
	}

	.movBgInner .btnArea button:hover{
		background:#2d2d2d;
		color:#fff;
	}

	.vContent{
		width:100%;
		height:auto;
		overflow:hidden;
		padding:20px;
		box-sizing:border-box;
		border-top:1px solid #aaa;
	}

	.prep-his-box ul li{
		padding-left:30px;
		padding-right:30px;
		padding-top:180px;
	}

	.prep-his-box ul li .his-year{
		width:130px;
		height:130px;
	}

	.prep-his-box ul li .his-year span{
		height:114px;
	}
	
	.prep-his-box ul li .his-year span p{
		font-size:20px;
		line-height:20px;
	}

	.prep-his-box ul li .his-issue{
		display: block;
		min-height:auto;
	} 

	section.prep-his-sec{
		padding-bottom:360px;
	}

	section.prep-his-sec.bg-one{
		background-size:100% auto;
		background-position:right bottom;
	}

	section.prep-his-sec.bg-two{
		background-size:100% auto;
		background-position:left bottom;
	}

	section.prep-his-sec.bg-three{
		background-size:100% auto;
		background-position:right bottom;
	}

	.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box{
		padding-left: 0px;
		padding-top: 100px;
	}

	.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box.tbl-box{
		overflow: auto;
		overflow-x: auto;
		overflow-y: hidden;	
	}

	.soc-content .soc-content-inner .soc-content-box.faq ul.faq-list li.on .faq-a .soc-content-box.tbl-box table{
		table-layout: fixed;
		width: 1000px;	
	}

	section.prep-new-main-sec .prep-new-main-box.box-r p{
		font-size: 20px;
		line-height: 31px;
		margin-left: -220px;
	}
}


@media screen and (max-width:550px){
	section.prepSch{
		padding:0;
	}

	ul.pt-app li a{
		padding-left:20px;		
	}

	ul.pt-app li a:before{
		display:none;	
	}

	ul.pt-app li.step::after,
	ul.pt-app li.step::before{
		left: 50%;
	    transform: translateX(-50%);
	}

	#prep-main section .moms-qes{
		box-sizing:border-box;
		padding:40px 30px 90px 30px;
	}

	#prep-main section .moms-qes.reverse .mom-talk,
	#prep-main section .moms-qes .mom-talk{
		max-width: 100%;		
		box-sizing:border-box;
	}

	#prep-main section .moms-qes.reverse .mom-talk img,
	#prep-main section .moms-qes .mom-talk img{
		max-width: 250px;		
	}

	#prep-main section .moms-qes .mom-img,
	#prep-main section .moms-qes.reverse .mom-img{
		width:200px;
		position:absolute;
		top:30px;
		right:30px;
	}

	section.prep-new-main-sec .prep-new-main-box{
		padding-bottom:200px;
	}

	section.prep-new-main-sec .prep-new-main-box.side-left{
		padding-left:40px;
	}

	section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes,
	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans{
		width:100%;
		max-width:100%;
	}


	section.prep-new-main-sec .prep-new-main-box .prep-new-main-qes p{
		font-size:25px;
		line-height:35px;
		padding:10px 0;
	}
	
	section.prep-new-main-sec .prep-new-main-box .prep-new-main-ans p{
		font-size:15px;
		line-height:25px;
		padding-top:20px;
	}

	/*box*/
	section.prep-new-main-sec .prep-new-main-box.box-a,
	section.prep-new-main-sec .prep-new-main-box.box-b,
	section.prep-new-main-sec .prep-new-main-box.box-c,
	section.prep-new-main-sec .prep-new-main-box.box-d{
		background-size:auto 200px;
		background-position:center bottom;
	}

	section.prep-new-main-sec .prep-new-main-box.box-r{
		padding-bottom:0px;
	}

	section.prep-new-main-sec .prep-new-main-box.box-r p{
		left: inherit;
		margin-left: 0px;
	}
}

@media screen and (max-width:450px){

	#prep-main section .moms-qes.reverse .mom-talk img,
	#prep-main section .moms-qes .mom-talk img{
		max-width: 200px;		
	}

	#prep-main section .moms-qes .mom-img,
	#prep-main section .moms-qes.reverse .mom-img{
		width:120px;
		top:50px;
	}

	#prep-main section .moms-qes.reverse .mom-sol img, 
	#prep-main section .moms-qes .mom-sol img{
		width: 100%;
	}

	.prep-story-list ul li{
		width:100%;
	}
}
