@charset "UTF-8";

@media screen and (max-width:1200px){
	.sec-box-area{
		flex-direction: column;
	}
	.sec-box-area .sec-box{
		width:100%;
	}
	.sec-box-area .sec-box h2{
		padding:40px 80px 0px 40px;
		font-size:20px;
	}

	.sec-box-area .sec-box.fair-bg,
	.sec-box-area .sec-box.seminar-bg{
		min-height:80px;
		height:auto;
		padding-bottom:30px;
	}

	dl.new-main-dl{
		padding:10px 0px;
	}

	dl.new-main-dl dd{
		font-size:17px;
		line-height:22px;
		padding:25px 20px 0px 40px;
	}

	dl.new-main-dl dd:before {
		left: 11px;
		top: 27px;
	}

	.mov-area{
		min-height:0;
		margin-top:30px;
	}

	.ige-yt-mov{
		width:100%;
		height:320px;
		margin-left:0px;
	}

	.deco-text-edufair:after,
	.deco-text-benefit:after{
		display:none;
	}

	.benefit-top h2{
		font-size:20px;
	}    

	.benefit-top{
		text-align:center;
	}

	.benefit-content{
		flex-direction: column;
		gap:20px;
		background-size:auto 400px;
	}

	.benefit-content .bn-box{
		width:100% !important;
		height:auto !important;
		padding:60px 20px 40px 120px !important;
		border-radius:20px !important;
	}

	.benefit-content .bn-box:before{
		top: 10px;
		left: 20px;
	}

	.benefit-content .bn-box p{
		font-size:20px;
		line-height:25px;
	}

	.benefit-content .bn-box p span{
		font-size:15px;
	}

	a.seminar-btn{
		margin-top:30px;
		font-size:14px;
		padding:10px 20px;
	}

	.mov-area img{
		margin-left:0px;
	}
}  

@media screen and (max-width:1024px){
	.edufair-header .edufair-header-inner{
	    flex-direction: column;	
		justify-content: flex-start;
        align-items: baseline;
	}
	.edufair-header .edufair-header-inner .edufair-header-logo .logo-img{
		width:120px;
	}
	.edufair-header .edufair-header-inner .edufair-header-nav{
		width:100%;
	}
	.edufair-header .edufair-header-inner .edufair-header-nav ul li a{
		display:block;
		line-height:20px;
		font-size:14px;
		color:#fff;
	}
	.edufair-header .edufair-header-inner .edufair-header-logo{
		width:100%;
	}
	.edufair-header .edufair-header-inner .edufair-header-logo .top-quick{
		display:flex;
	}
	.contents{
		padding-top:86px;
	}
	.nFquick{
		display:none;
	}

	.web-main-box{
		display:none;
	}

	.mo-main-box{
		display:block;
	}

	section.nFimgBox7{
		width: 100%;
		padding:20px;
	}
	
	.subTopLogo{
		display:none;
	}

	.subTop h2 {
		font-size: 30px;
		line-height: 50px;
	}

	.subTop p {
		font-size: 14px;
		line-height: 30px;
	}

	.fair-date-map,
	.fair-loca{
		position:relative;
		top:initial;
		margin-left:0;
		top:0px !important;
		left:initial;
		box-sizing:border-box;
		padding:0 20px;
	}
	.fair-date-map p,
	.fair-loca p{
		font-size: 30px;
		text-align:center;
	}
	.fair-date-map span {
		font-size: 23px;
		margin: 10px 0;
		text-align:center;
	}
	section.nFschList h4 {
		font-size: 27px;
		padding: 60px 30px 40px 30px;
		line-height: 30px;
	}
}

@media screen and (max-width:800px){
	section.nFimgBox7 .regForm ul li{
		width:100%;
		padding:0px 0px 30px 0px;
	}
	.fair-date-map p,
	.fair-loca p{
		font-size: 20px;
	}
	.fair-date-map span {
		font-size: 16px;
	}
	section.nFschList ul li,
	section.recList ul li{
		width: calc(100% - 60px);
	}
	section.nFschList h4 {
		font-size: 20px;
		padding: 60px 30px 40px 30px;
		line-height: 30px;
	}


	section.historyBoxList .historyBox .historyImg{
		height:auto;
	}
	section.historyBoxList .historyBox {
		height: auto;
		padding: 0px;
	}
	section.historyBoxList .historyBox.al .historyTitle, 
	section.historyBoxList .historyBox.al .historyImg,
	section.historyBoxList .historyBox.ar .historyTitle, 
	section.historyBoxList .historyBox.ar .historyImg{
		float: initial;
		width:100%;
	}
	section.historyBoxList .historyBox .historyTitle {
		height: auto;
		box-sizing: border-box;
		padding-left:0px;
		padding-top:0px;
		padding:30px;
	}
	section.historyBoxList .historyBox .historyTitle h2,
	.hisBg .hisBgInnerTop h2{
		font-size: 30px;
	}
	section.historyBoxList .historyBox .historyTitle p,
	.hisBg .hisBgInnerTop p{
		font-size: 20px;
		margin-top: 10px;
	}
	.hisBg .hisBgInnerTop {
		width: 100%;
		height: auto;
		position: fixed;
		left: 20px;
		margin-left: 0;
		margin-top: initial !important;
		text-align:initial !important;
		top: 50px;
	}

	.hisBg .hisBgInner {
		width: 100%;
		position: fixed;
		left:0; 
		margin-left:0; 
		height: calc(100vh - 300px);
		margin-top: 0; 
		overflow: auto;
		top: 200px;
	}
}



@media screen and (max-width:512px){
	.edufair-header .edufair-header-inner .edufair-header-logo .top-quick a.goto-home-link{
		display:none;
	}
	.mo-main-menu{
		display:block;
	}
	section.historyBoxList .historyBox .historyTitle h2 {
		font-size: 25px;
	}
	section.historyBoxList .historyBox .historyTitle p {
		font-size: 15px;
		margin-top: 10px;
	}
}