@charset "utf-8";

/* html.safari {font-size: 0.040083333vw;} */
html.safari {font-size: 0.05254860746190226vw;}

@media (min-width:2000px){
	/* 2000이상에서 크게 사용시에만 */
	/* html{font-size:0.05254860746190225vw;} */
}

/* 풀와이드 레이아웃일때 vw 바로 적용시 */
/* @media (max-width: 1900px){
	html, 
	html.safari{font-size:0.0526vw;}
} */

@media (max-width:1600px){
	html,
	html.safari{font-size: 0.0625vw;}
}

@media (max-width:1480px){
	html,
	html.safari {font-size:0.06756756756756757vw;}
}

@media (max-width:1200px){
    html,
	html.safari {font-size:0.07888888888888888vw;}    
}

@media (max-width:1023px){
	html,
	html.safari {font-size:0.09775171065493645vw;}	
}

@media (max-width:860px){
	/* 기본은 0.13020833333333335vw */
	html,
    html.safari {font-size:0.12020833333333335vw;}	
}

@media (max-width: 540px){
	html,
	html.safari {font-size:0.2564102564102564vw;}
}


/* 작업시 복사해서 가져가세요 */
@media (min-width:2000px){

}
@media (max-width:1600px){

}
@media (max-width:1480px){

}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}
@media (max-width:860px){

}
@media (max-width: 540px){

}

/* 호버 */
@media (hover: hover) and (pointer: fine){}
@media (max-width: 1200px) and (hover: hover) and (pointer: fine){}