@charset "utf-8";

/* ------------------- 초기화 */

html {overflow-y:scroll}
div {color: #333; }
body {margin:0;padding:0; font-family: 'Pretendard Variable', Pretendard, sans-serif;font-size:16px;font-weight:400;font-style: normal;text-decoration: none;color: #000;  letter-spacing:-0.01em; overflow-x: hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
li{list-style: none;}
table{border-spacing: 0;border-collapse: collapse;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
input {   -moz-appearance: none;  outline:none; background:none;}
input:focus {outline:none !important; box-shadow:none !important;}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none;color: #333333;}
.table td {color: #333333;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin: 0;padding: 0;font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;color: inherit;text-decoration: inherit;box-sizing: border-box;
}

html, body{text-size-adjust: none;
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.j_eng{font-family: "Montserrat", sans-serif;}

@media screen and (min-width:1481px){
    html, body{font-size: 16px;}
}

@media screen and (min-width:721px) and (max-width:1480px){
    html, body{font-size: 16px;}
}

@media (max-width: 767px) { /* 모바일기기전용 */
    html, body{font-size: 16px;}
}

.mo_br {display:none;}

@media (max-width: 767px) { /* 모바일기기전용 */
   .pc_br {display:none;}
   .mo_br {display:block;}
}

:root {

	/* var(--color-basic) */
	--color-basic-l: #ffa200; 
	--color-basic:   #ff7800; 
	--color-basic-b: #db6612; 

	/*color*/
	--color-color1: #ff7800;
	--color-color2: #cdefff;
	--color-color3: #049eba;
	--color-color4: #ff0000;
	--color-color5: #e78200;
	--color-color6: #ff7800;

	/*font-size*/
	--font-size_11: 0.688rem;	
	--font-size_12: 0.75rem;	
	--font-size_13: 0.813rem;
	--font-size_14: 0.875rem;
	--font-size_15: 0.938rem;
	--font-size_16: 1rem; 
	--font-size_17: 1.0625rem; 
	--font-size_18: 1.125rem;
	--font-size_19: 1.188rem;
	--font-size_20: 1.25rem; 
	--font-size_22: 1.375rem; 
	--font-size_23: 1.438rem; 
	--font-size_24: 1.5rem; 
	--font-size_25: 1.563rem; 
	--font-size_26: 1.625rem;
	--font-size_27: 1.688rem; 
	--font-size_28: 1.75rem; 
	--font-size_31: 1.938rem; 
	--font-size_32: 2rem; 
	--font-size_34: 2.125rem; 
	--font-size_35: 2.188rem; 
	--font-size_36: 2.25rem; 
	--font-size_40: 2.5rem; 
	--font-size_45: 2.813rem; 
	--font-size_48: 3rem; 
	--font-size_70: 4.375rem;
	--font-size_72: 4.5rem;
	--font-size_80: 5rem;
	--font-size_90: 5.625rem;


	/*font-weight*/
	--font-l: 300;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
 	--font-eb: 800;
	--font-bl: 900;

}