@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
*/
:where(*), :where(*::before), :where(*::after) {margin: 0;padding: 0;box-sizing: border-box;}

* {box-sizing: border-box;}

html, body {height: 100%; font-family: 'Noto Sans KR', sans-serif; line-height: 1.5; letter-spacing: -0.3px; color: #222; background: #fff; min-width: 360px;}

article, aside, footer, header, nav, section {display: block;}

h1, h2, h3, h4, h5, h6, strong {font-weight: 700;}

a {text-decoration: none; color: inherit; display: flex; align-items: center;}

ul, ol, li {list-style: none;}

img, video {max-width: 100%; height: auto; vertical-align: top;}

table {  border-collapse: collapse; border-spacing: 0;}

.inner {max-width: 1280px; display: flex; margin: 0 auto; align-items: center; box-sizing: border-box;}
.section_area {padding: 100px 0;}

button {display: flex; align-items: center; border: none; background: none; font-size: 16px; cursor: pointer;}

.pc_br {display: block;}
.mobile_br {display: none;}
.all_br {display: block;}

@media screen and (max-width: 1199px) {
  .inner {padding: 0 20px;}
}
@media screen and (max-width: 768px) {
  .pc_br {display: none;}
  .mobile_br {display: block;}
}

@media screen and (max-width: 370px) {
  .section_area {padding: 50px 0;}
}