@charset "utf-8";

#wrap {
  width: 100%;
  min-width: 320px;
  position: relative;
  margin: 0 auto;
  /* hidden은 #wrap을 스크롤 컨테이너로 만들어 하위 position:sticky를 무력화함.
     clip은 클리핑만 하므로 sticky 동작. 미지원 구형 브라우저는 hidden으로 폴백 */
  overflow-x: hidden;
  overflow-x: clip;
}

#header {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

#pf_header {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

#s_header {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

#container {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.inner {
  max-width: 1640px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#footer {
  width: 100%;
  clear: both;
  position: relative;
  margin: 0 auto;
}



/* 반응형 */

@media all and (max-width:1199px) {
  .inner {
    width: auto;
    margin-left: 3.90625%;
    margin-right: 3.90625%;
  }
}

/* 타블렛 가로 */

@media all and (max-width:1099px) {}

/* 타블렛 세로 */

@media all and (max-width:1023px) {}

/* 타블렛 가로 미만 ~ 모바일 */

@media all and (max-width:767px) {}

/* 모바일 상세 */

@media all and (max-width:640px) {}

/* 모바일 가로 */

@media all and (max-width:568px) {}

@media all and (max-width:425px) {}

@media all and (max-width:375px) {}

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