@media screen and (min-width: 280px) {

	.h_fit_p{
		height:9em !important;
	}

	.h_fit_p2{
		height:9em !important;
	}

	.up_p2{
		width:7em !important;
	}

	.up_p3{
		font-size: 0.9em !important;
	}

	.up_p0{
	 top: 27% !important;
	}

	.hf1{
	 font-size: 1.2em !important;
	}

	.hf2{
	 font-size: 1em !important;
	}

	.text-e{
      font-size: 0.6em !important;
	}

	.text-l{
	  padding-left:2em !important;
	}

	.h_bottom{
	  bottom: 4% !important;
	}


	.n_padding{
	  padding-left:7% !important;
	}

	/*img*/
	.img-bottom{
	 bottom: 5.5% !important;
	}

	.img-left{
	 padding-left:7.5% !important;
	}

	.img-left > img{
		width:23% !important;
	}

	.icon_ebook{
	 padding-left: 1.7em;
	}

	.up-l{
	 padding-left: .2em;
	}

}

@media screen and (min-width: 320px) {

	.h_fit_p{
		height:10em !important;
	}

	.h_fit_p2{
		height:10em !important;
	}

	.up_p0{
	 top: 23% !important;
	}

	.up_p2{
		width:10em !important;
	}

	.up_p3{
		font-size: 0.8em !important;
	}

	.h_bottom{
	  bottom: 6% !important;
	}

	.text-e{
      font-size: 0.7em !important;
	}

	.text-l{
	  padding-left:1.5em !important;
	}

	/*img*/
	.img-bottom{
	 bottom: 12% !important;
	}

	.img-left{
	 padding-left: 6% !important;
	}

	.img-left > img{
		width:23% !important;
	}

	.icon_ebook{
	 padding-left: 2em;
	}

	.up-l{
	 padding-left: .9em;
	}
}

@media screen and (min-width: 360px) {


	.h_fit_p{
		height:12em !important;
	}

	.h_fit_p2{
		height:12em !important;
	}

	.up_p0{
	 top: 25% !important;
	}

	.n_padding{
	  padding-left:6% !important;
	}

	.text-e{
      font-size: 0.8em !important;
	}
	
	.hf1{
	 font-size: 1.5em !important;
	}

	.hf2{
	 font-size: 1em !important;
	}

	.text-l{
	  padding-left:1.8em !important;
	}

	.icon_ebook{
	 padding-left: 2em;
	}

	.up-l{
	 padding-left: 1.2em;
	}

}

@media screen and (min-width: 390px) {

  .text-e{
      font-size: 0.8em !important;
	}
	
	.hf1{
	 font-size: 1.6em !important;
	}

	.hf2{
	 font-size: 1.2em !important;
	}

	.text-l{
	  padding-left:1.9em !important;
	}

	.text-e{
      font-size: 0.85em !important;
	}

	.up-l{
	 padding-left: 1.2em;
	}
 
}


@media screen and (min-width: 412px) {

	.h_fit_p{
		height:16em !important;
	}

	.h_fit_p2{
		height:16em !important;
	}

	.up_p2{
		width:11em !important;
	}

	.up_p3{
		font-size: 1em !important;
	}

	.up_p0{
	 top: 29% !important;
	}

	.hf1{
	 font-size: 1.6em !important;
	}

	.hf2{
	 font-size: 1.4em !important;
	}

	.text-e{
      font-size: 0.9em !important;
	}

	.text-l{
	  padding-left:1.7em !important;
	}

	.h_bottom{
	  bottom: 6% !important;
	}

	.icon_ebook{
	 padding-left: 1.8em;
	}

	.up-l{
	 padding-left: 1.2em;
	}

}

@media screen and (min-width: 540px) {

	.h_fit_p{
		height:18em !important;
	}

	.h_fit_p2{
		height:18em !important;
	}

	.up_p0{
	 top: 33% !important;
	}

	.h_bottom{
	  bottom: 9% !important;
	}

	.hf1{
	 font-size: 1.8em !important;
	}

	.hf2{
	 font-size: 1.6em !important;
	}

	.text-e{
      font-size: 1.05em !important;
	}

	.text-l{
	  padding-left:1.7em !important;
	}

}

@media screen and (min-width: 717px) {
  
	.h_fit_p{
		height:19em !important;
	}

	.h_fit_p2{
		height:19em !important;
	}

	.up_p2{
		width: 12em !important;
	}

	.up_p3{
		font-size: 1.1em !important;
	}
	
	.up_p0{
	 top: 31% !important;
	}

	.hf1{
	 font-size: 2.4em !important;
	}

	.hf2{
	 font-size: 2.2em !important;
	}

	.text-e{
      font-size: 1.4em !important;
	}

	.text-l{
	  padding-left:1.7em !important;
	}

	.h_bottom{
	  bottom: 8% !important;
	}

	.n_padding{
	  padding-left:5.5% !important;
	}

	/*img*/
	.img-bottom{
	 bottom: 12% !important;
	}

	.img-left{
	 padding-left: 6% !important;
	}

	.img-left > img{
		width:18% !important;
	}
}

@media screen and (min-width: 820px) {

	.h_fit_p{
		height:23em !important;
	}

	.h_fit_p2{
		height:23em !important;
	}

	.up_p2{
		width:14em !important;
	}

	.up_p3{
		font-size: 1.3em !important;
	}

	.up_p0{
	 top: 29% !important;
	}

	.h_bottom{
	  bottom: 10% !important;
	}

	.n_padding{
	  padding-left:5% !important;
	}

	.text-e{
      font-size: 1.5em !important;
	}

	.text-l{
	  padding-left:1.5em !important;
	}

	.hf1{
	 font-size: 2.6em !important;
	}

	.hf2{
	 font-size: 2.3em !important;
	}
}

@media screen and (min-width: 912px) {
	
	.h_fit_p{
		height:27em !important;
	}

	.h_fit_p2{
		height:27em !important;
	}

	.up_p0{
	 top: 32% !important;
	}

	.hf1{
	 font-size: 3.1em !important;
	}

	.hf2{
	 font-size: 2.9em !important;
	}

	.text-e{
      font-size: 1.7em !important;
	}

	.text-l{
	  padding-left:1.5em !important;
	}

	.h_bottom{
	  bottom: 6% !important;
	}

}

@media screen and (min-width: 1024px) {

	.h_fit_p{
		height:30em !important;
	}

	.h_fit_p2{
		height:30em !important;
	}

	.up_p2{
		width: 13em !important;
	}

	.up_p3{
		font-size: 1.2em !important;
	}

	.up_p0{
	 top: 37% !important;
	}

	.h_bottom{
	  bottom: 8% !important;
	}

	.n_padding{
	  padding-left:4.5% !important;
	}

	/*img*/
	.img-bottom{
	 bottom: 12% !important;
	}

	.img-left{
	 padding-left: 4.5% !important;
	}

	.img-left > img{
		width:14% !important;
	}

}



@media screen and (min-width: 1280px) and (min-width: 1700px) {
	.h_fit_p{
		height:30em !important;
	}

	.h_fit_p2{
		height:30em !important;
	}

	.up_p2{
		width:10.5em !important;
	}

	.up_p3{
		font-size: 1.3em !important;
	}

	.hf1{
	 font-size: 3em !important;
	}

	.hf2{
	 font-size: 2.7em !important;
	}

	.text-e{	  
      font-size: 1.6em !important;
	}

	.text-l{
	  padding-left:1.5em !important;
	}

	.hf3{
	 font-size: 3em !important;
	}

	.text-eb{
	  font-size: 1.6em !important;
	}

	.n_padding{
	  padding-left:4% !important;
	}

	/*img*/
	.img-bottom{
	 bottom: 12% !important;
	}

	.img-left{
	 padding-left: 4% !important;
	}

	.img-left > img{
		width:13% !important;
	}
}

/*pc로 보았을때 크기*/

@media screen and (min-width: 1700px) {

	.h_fit_p{
		height:30em !important;
	}

	.h_fit_p2{
		height:30em !important;
	}
}

@media screen and (min-width: 1920px) {

	.h_fit_p{
		height:30em !important;
	}

	.h_fit_p2{
		height:30em !important;
	}
}