@charset "utf-8";
/* ------------------------------------------------------------------------
  reset
------------------------------------------------------------------------ */
*, *::before, *::after {box-sizing: border-box;}
html { /*ios 웹폰트 크기 자동조정 문제*/ -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; scroll-behavior: smooth; -webkit-tap-highlight-color: transparent;} 
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn, em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption, tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,
summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font-style: normal; font-weight: 500; font-variation-settings: 'wght' 500; vertical-align: baseline; box-sizing: border-box; } 
span { font-size: 100%; font-style: normal; vertical-align: baseline; box-sizing: border-box; } 
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,picture,source { display: block; } 
body { letter-spacing: -0.04em; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #111; } 
ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } 
table { border-collapse: collapse; border-spacing: 0; } 
a { color: #111; text-decoration: none; } 
button { color: #111; border: 0; margin: 0; padding: 0; vertical-align: baseline; text-decoration: none; cursor: pointer; } 
input, textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0; color: #111; } 
select { /*ios대응*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 13px; color: #111; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } 
select::-ms-expand { display: none; } 
#wrap { position: relative; width: 100%; overflow: hidden; margin: 0 auto; } 
figure {width: 100%;}
img, picture, video, canvas, svg { display: block; max-width: 100%;}
img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; width: 100%; max-width: 100%; object-fit: cover; vertical-align: middle; -webkit-user-drag: none; } 
img:focus-visible { outline: none; -webkit-tap-highlight-color: transparent; } 

/* from */
input::-ms-clear { display: none; } 
input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear { display: none; } 
input[type="number"] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; } 
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; } 
textarea { padding: 0; resize: none; } 
button { border: none; background-color: transparent; box-shadow: none; padding: 0; cursor: pointer; } 
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } 
select::-ms-expand { display: none; } 
input,textarea,button { border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } 
a,button,input,select,textarea { -webkit-tap-highlight-color: transparent; } 
:focus, input:focus, textarea:focus,button:focus,select:focus,input:focus-visible,textarea:focus-visible,button:focus-visible,select:focus-visible { outline: none; -webkit-tap-highlight-color: transparent; } 
:focus-visible, button:focus-visible { outline:2px dashed #111; } 
input:disabled,select:disabled,textarea:disabled {background-color: #fff;}

/* float clear */
.clearfix:before,.clearfix:after { display: block; content: ""; line-height: 0; clear: both; } 
* html .clearfix { height:1px; } 
.clearfix { min-height:1px; } 
.hidden { position: absolute; left: -9999px; display: none; visibility: hidden; opacity: 0; overflow: hidden; }