* { 
font-family: "Pretendard", "dotum", "돋움", "gulim", "굴림", "Tahoma"; 
box-sizing: border-box; 
margin: 0; 
padding: 0; 
 } 

fieldset { 
margin: 0; 
padding: 0; 
border: 0; 
 } 

button { 
border-radius: 5px;
padding: 0; 
border: none; 
background: none; 
font-size: 16px;
line-height: 1;
letter-spacing: -0.75px;
cursor: pointer; 
 } 
button:disabled{
  cursor: inherit;
}
html,
body { 
height: 100%; 
background-color: #ffffff; 
 } 
body.no-scroll { overflow: hidden; height: 100%;}
html { 
/*min-width:320px; max-width:100%; */
scroll-behavior: smooth; 
 } 

h1,
h2,
h3,
h4,
h5,
h6 { 
margin: 0; 
 } 

dl,
ul,
ol { 
margin: 0; 
padding: 0; 
list-style: none; 
 } 

dd { 
margin: 0; 
 } 

a { 
color: #242a38; 
text-decoration: none; 
 } 

a,
button { 
color: #000; 
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
-webkit-tap-highlight-color: transparent; 
 } 

input,
textarea { 
border-radius: 0; 
appearance: none; 
-webkit-appearance: none; 
-webkit-border-radius: 0; 
border: 1px solid #DADADA; 
border-radius: 5px;
transition: all 0.3s;
 } 

input:focus {  border-color: #333; border-radius: 5px; outline: none; } 
input:focus:valid { border-color: #333; border-radius: 5px; outline: none;}
input:focus:invalid { border-color: #FF3B30; border-radius: 5px; outline: none;}
input:disabled {background-color: #F8F8F8; border-color: #DADADA; border-radius: 5px; color: #B5B5B6; outline: none;}

input::placeholder,
textarea::placeholder { font-size: 14px; letter-spacing: -0.5px; color: #999999;  } 
input.error { border-color: #ff3b3b !important;}
.ipt.error { border-color: #ff3b3b !important;}
input.ipt{border-radius: 5px; padding: 10px 20px;height: 45px;}
.textarea{ border-radius: 5px; padding: 10px 20px; }



label { 
cursor: pointer; 
 } 

p { 
margin: 0; 
 } 

i,
em,
address,
cite { 
font-style: normal; 
 } 

hr { 
display: none; 
 } 

*:hover,
*:focus,
*:checked { 
outline: none; 
-webkit-tap-highlight-color: transparent; 
 } 

* { 
font-family: "Pretendard Variable"; 
box-sizing: border-box; 
margin: 0; 
padding: 0; 
font-size: 0;
 } 


html,
body { height: 100%;  } 
html { scroll-behavior: smooth; } 


select { 
border-radius: 0; 
-webkit-border-radius: 0; 
 } 

.hidden { display: none !important;  } 
.wraper { max-width: 1050px; width: 100%; margin: 0 auto;  } 


/* Safe Area 처리를 위한 CSS 변수 및 기본 설정 */
:root {
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
}







.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w50p {width: 50% !important;}
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w80p {width: 80% !important;}
.w90p {width: 90% !important;}
.w100p {width: 100% !important;}

.w50{width: 50px !important;}
.w70 {width: 70px !important;}
.w80 { width: 80px !important;}
.w100 { width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 { width: 130px !important;}
.w150 {width: 150px !important;}
.w180 {width: 180px !important;}
.w200 {width: 200px !important;}