/* ------------------------------------------------------------- */
/* ------------------- 공통으로 들어가는 부분  ------------------- */
/* ------------------------------------------------------------- */
html{
    font-size:16px; scroll-behavior:smooth; height: 100%; margin: 0;
}

body{
    position: relative;
    height: 100%;
    font-weight: bold;
	  color:#333;
    width:100%;
    letter-spacing: 0px;
	  line-height: 1.4;
    font-size: 16px;
    font-family:'pretendard';
}

::selection {background-color: #3399FF; color: #fff;}

/* 폰트 */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}







/* ********************************************* *
 * 1620px
 * ********************************************* */
 @media screen and (max-width: 1620px){
   
    
    
}

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

 
}

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



}

/* ********************************************* *
* 1024px (햄버거 메뉴 추가영역)
* ********************************************* */

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



}


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



}


/* ********************************************* *
* 768px
* ********************************************* */

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





}


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

}


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


}

/* ********************************************* *
* 310px
* ********************************************* */

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


}
  
  /* ********************************************* *
* 280px
* ********************************************* */

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

}