/* PC */
@media screen and (max-width: 1560px) {    

  	html {font-size: 15.5px !important;}  

}


@media screen and (max-width: 1440px) {    

  	html {font-size: 15px!important;}    

}


@media screen and (max-width: 1380px) {    

  	html {font-size: 14.5px !important;}        

}


@media screen and (max-width: 1200px) {

  	html {font-size: 14px !important;}  

}


@media screen and (max-width: 1080px) {
  	html {font-size: 16px !important;} 
	body {min-width: unset;}
	/* 로그인 */
	.login_wrap .login_section { padding: 2.4rem 1.6rem; height: unset; min-height: 100vh;}
	.login_wrap .login_section .login_box {height: auto; border-radius: 1.6rem; flex-direction: column; max-width: 600px;}
	.login_wrap .login_section .leftbox {flex: 1;  width: 100%;  gap: 1.5rem; padding: 3rem 1.6rem;}
	.login_wrap .login_section .leftbox .titbox { max-width: 100%; gap: 0.8rem;}
	.login_wrap .login_section .leftbox .titbox .tit {  font: var(--20_heading_sb);  text-align: center;}
	.login_wrap .login_section .leftbox .titbox .desc { font: var(--14_label_normal_r);  text-align: center;}
	.login_wrap .login_section .leftbox .form {  max-width: 100%; gap: 1.6rem;}
	.login_wrap .login_section .leftbox .form .button_box .button { height: 4.4rem;}
	.login_wrap .login_section .rightbox {width: 100%; padding: 2.4rem 1.6rem;}
	.login_wrap .login_section .rightbox .logobox { margin: 0 auto;}
	.login_wrap .login_section .rightbox .txtbox { gap: 0.8rem; display: none;}
	.login_wrap .login_section .rightbox .txtbox .img { width: 8rem;}
	.login_wrap .login_section .rightbox .txtbox .tit { font: var(--20_heading_sb);}
	.login_wrap .login_section .rightbox .txtbox .desc { font: var(--12_caption_r);  font-weight: 300;}
}
@media screen and (max-width: 900px) {
  	html {font-size: 13px !important;} 
}