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

body{
  position: relative;
  height: 100%;
  color:#333;
  width:100%;
  letter-spacing: 0px;
  line-height: 1.6;
  font-family: 'Pretendard', sans-serif;
  word-break: keep-all
}

button {font-family: inherit;}

.wd {width: 1420px; margin: 0 auto;}


/* 헤더 */

.header {width: 100%; background-color: #fff;}
.header-inner {width: 1420px;  height: 100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.header-inner .logo {background: url(../img/logo.png) no-repeat center/cover; width: 74px; height: 72px;}
.header-inner .logout {padding: 7px 12px; border-radius: 5px; border: 1px solid #ddd; font-size: 14px; cursor: pointer; font-weight: 600;}


/* 반응형 시작 */

@media screen and (max-width: 1440px){
 .wd {width: 100%;}
 .header-inner {width: 100%; padding: 0 20px;}
}

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

}

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

}

@media screen and (max-width: 430px){
  .header-inner .logo {width: 55px; height: 54px;}
  .detail {padding: 60px 20px;}
  .header-inner {height: 75px;}
  
}

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

}