@charset "utf-8";

/* =======================================================================================================================
 * AUTHOR : 이정민
 * LAST UPDATE : 2025.05.27
 * FONT, RESET CSS
 * ======================================================================================================================= */

/* ---------------------------------------------------------------------------------------
    01. Fonts
--------------------------------------------------------------------------------------- */
@font-face {
   font-family: 'pretendard';
   font-style: normal;
   font-weight: 700;
   src:local('Pretendard'),
      url('/css/mw/teenteen/fonts/Pretendard-Bold.woff') format('woff'),
      url('/css/mw/teenteen/fonts/Pretendard-Bold.otf') format('opentype'),
      url('/css/mw/teenteen/fonts/Pretendard-Bold.ttf') format('truetype'),
      url('/css/mw/teenteen/fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype');
}

@font-face {
   font-family: 'pretendard';
   font-style: normal;
   font-weight: 600;
   src:local('Pretendard'),
      
      url('/css/mw/teenteen/fonts/Pretendard-SemiBold.woff') format('woff'),
      url('/css/mw/teenteen/fonts/Pretendard-SemiBold.otf') format('opentype'),
      url('/css/mw/teenteen/fonts/Pretendard-SemiBold.ttf') format('truetype'),
      url('/css/mw/teenteen/fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype');
}

@font-face {
   font-family: 'pretendard';
   font-style: normal;
   font-weight: 500;
   src:local('Pretendard'),
      url('/css/mw/teenteen/fonts/Pretendard-Medium.woff') format('woff'),
      url('/css/mw/teenteen/fonts/Pretendard-Medium.otf') format('opentype'),
      url('/css/mw/teenteen/fonts/Pretendard-Medium.ttf') format('truetype'),
      url('/css/mw/teenteen/fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype');
}

@font-face {
   font-family: 'pretendard';
   font-style: normal;
   font-weight: 400;
   src:local('Pretendard'),
      url('/css/mw/teenteen/fonts/Pretendard-Regular.woff') format('woff'),
      url('/css/mw/teenteen/fonts/Pretendard-Regular.otf') format('opentype'),
      url('/css/mw/teenteen/fonts/Pretendard-Regular.ttf') format('truetype'),
      url('/css/mw/teenteen/fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype');
}

/* ---------------------------------------------------------------------------------------
    02. Reset, Base
--------------------------------------------------------------------------------------- */
*, *::before, *::after{
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}
* {
   margin:0;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html{
   font-size:62.5%;
   -ms-text-size-adjust:100%;
   -webkit-text-size-adjust:100%;
   scroll-behavior:smooth;
}
body{
   width:100vw;
   height:100vh;
   position:relative;
   font-size:1.8rem;
   font-family:'pretendard','Malgun Gothic', '맑은 고딕', sans-serif;
   font-weight:var(--font-weight-regular);
   color:var(--modeGrayNonOpaque-800);
   background-color:var(--white-100);
   margin:0;
   border:0;
   text-align:left;
   line-height:1;
   -webkit-font-smoothing:antialiased;
   overflow-x:hidden;
   overflow-y:auto;
}
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{
   margin:0;
   padding:0;
}
article, aside, footer, header, nav, section{
   display:block;
}
ul,li,ol,li,dl,dd,dt{
   list-style:none;
}
table {
   padding:0;
   border-spacing:0;
   border:0;
   border-collapse:collapse;
}
caption{
   margin:0;
   padding:0;
   width:0;
   height:0;
   z-index:-1;
   font-size:0;
   line-height:0;
   visibility:hidden;
}
legend,hr{
   position:absolute;
   left:-99.9rem;
   width:0;
   height:0;
   font-size:0;
   visibility:hidden;
   z-index:-1;
}
hr{
   display:none;
}
h1, h2, h3, h4, h5, h6{
   font-weight:700;
}
p{
   word-break:keep-all;
}
table{
   width:100%;
   table-layout:fixed;
}
button{
   font-family:'pretendard','Malgun Gothic', '맑은 고딕', sans-serif;
   border:0;
   background-color:transparent;
   cursor:pointer;
   /*
   -webkit-transition:all .2s;
   -o-transition:all .2s;
   transition:all .2s;
   */
}
iframe{
   width:100%;
   border:0;
}
fieldset, img{
   border:none;
}
input, select, textarea, label{
   font-family:'pretendard','Malgun Gothic', '맑은 고딕', sans-serif;
   vertical-align:middle;
}
input[type="radio"], label{
   cursor:pointer;
}
::-webkit-input-placeholder {
   font-size:inherit;
   color:#888;
}
::-moz-placeholder {
   font-size:inherit;
   opacity:1;
}
a{
   text-decoration:none;
   vertical-align:middle;
   cursor:pointer;
   /*
   -webkit-transition:all .2s;
   -o-transition:all .2s;
   transition:all .2s;
   */
}
a:hover{
   text-decoration:none;
}