@charset "UTF-8";

@media only screen and (max-width: 1100px) {
	body{width:100%; min-width: 100%;}
	.inner{width:95%;}

	/* 메인 */
	.main_slider > li > .inner{background-size:90%; background-repeat:no-repeat; background-position:bottom right;}
}

@media only screen and (max-width: 980px) {
	/* Nav */
	#nav .nav > ul > li > a{padding:15px 10pt; font-size:110%;}
	/* 메인 */
	.main_slider > li{height:400px;}
	.main_slider > li > .inner{background-size:80%;}
	.main_slider .slider1 > .inner{}
	.main_slider > li > .inner .box h1 img{width:80%;}
	.main_slider > li > .inner .box h3{font-size: 120%;}
	#main .main_con section > .inner > h1{font-size:xx-large;}
	#main .main_con section > .inner > h1 strong{font-weight:600;}
	#main .main_con section > .inner > h2{font-size:110%;}
	#main .main_con section.strategy ul li img{width:50%;}
	#main .main_con section.strategy ul li h3{font-size:large; font-weight:600;}
	#main .main_con section.strategy ul li span{font-size:100%;}
	#main .main_con section.strategy ul li span strong{font-weight:500;}
}

@media only screen and (max-width: 768px) {
	#nav .nav > ul > li > a{padding:15px 5pt; font-size:100%;}

}
@media only screen and (max-width: 600px) {
	/* 메인 */
	.main_slider > li > .inner .box{
		left:0%; top: 10%; padding-left:30pt;
		transform:translate(0%, 10%);
			-webkit-transform:translate(0%, 10%);
			-ms-transform:translate(0%, 10%);
			-moz-transform:translate(0%, 10%);
	}
	.main_slider > li > .inner .box h3{font-size: 100%;}
	#main .main_con section.strategy ul li{display:block; width:100%; text-align:left; margin-bottom:20pt; overflow:auto;}
	#main .main_con section.strategy ul li img{width:110px; float:left; margin:0 20pt;}
}
@media only screen and (max-width: 425px) {
	/* 메인 */
	#main .main_con section > .inner > h1{font-size:x-large; line-height:1.25em; padding-left:5%; padding-right:5%;}
	#main .main_con section > .inner > h2{font-size:90%; }
	.main_slider > li > .inner .box h3{margin: 15pt 0 20pt 0; font-size: 100%;}
	#main .main_con section.change ul li img.icon{width:30px;}
	#main .main_con section.change ul li span{font-size:small;}
	#main .main_con section.teacher ul li{width:50%;}
	#main .main_con section.teacher ul li:nth-of-type(1),
	#main .main_con section.teacher ul li:nth-of-type(2){padding-bottom:20pt;}
	#main .main_con section.teacher ul li img{width:50%;}
	#main .main_con section.center .notice{float:none; width:90%; margin-left:auto; margin-right:auto;}
	#main .main_con section.center .contact{float:none; width:90%; margin-left:auto; margin-right:auto; margin-top:30pt;}

	#main .main_con section.center .notice h1,
	#main .main_con section.center .contact h1{font-size:large;}
	#main .main_con section.center .notice ul li a{font-size:90%;}
	#main .main_con section.center .contact h3{font-size:xx-large;}
}