@charset "utf-8";

/* 폼 요소 */
label, button {cursor:pointer;}
legend {position:absolute; font-size:0; line-height:0; height:0;}
input, textarea, option, button { font-family: 'Noto Sans KR','Sans-serif'; font-size: 1.3rem; letter-spacing: -0.4px; outline: none; border-radius: 0; border:0;}
input[type=text],
input[type=password],
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; white-space: pre-wrap; resize: none; }
select {  font-family: 'Noto Sans KR','Sans-serif'; font-size: 1.3rem; letter-spacing: -0.4px; color: #222; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; }

textarea:focus { outline: none; }
button:focus { outline: none; }
input:focus { outline: none; }
select:focus { outline: none; }
select::-ms-expand { display: none; }

input::-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder { color: #ccc; } 
input::-moz-placeholder { color: #ccc; }
textarea::-ms-input-placeholder { color: #ccc; }
textarea::-webkit-input-placeholder { color: #ccc; } 
textarea::-moz-placeholder { color: #ccc; }


*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
html { text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 62.5%;}
html, body { width:100%; height:100%; }
body { font-family: 'Noto Sans KR', sans-serif; font-size: 1.3rem; letter-spacing: -0.4px; text-rendering: auto; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { text-decoration:none; color: #222; }

/* 클리어 픽스 */
.clearfix:after { content:''; display:block; clear:both; }

/* container */
div.container { position:relative; overflow-x:hidden; }

/* nixgonfonts */
.nixgon { font-family: 'nixgonfonts'; }

/* custom scrollbar */
.scrollbar::-webkit-scrollbar { width: 5px; height: 5px; }
.scrollbar::-webkit-scrollbar-track { background-color: lightblue; }
.scrollbar::-webkit-scrollbar-track-piece { background-color: #eee; }
.scrollbar::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #ccc; }
.scrollbar::-webkit-scrollbar-button { background-color: #eee; width: 5px; height: 5px; }
.scrollbar::-webkit-scrollbar-button:start { background-color: #eee; border-radius: 5px 5px 0 0; }
.scrollbar::-webkit-scrollbar-button:end { background-color: #eee; border-radius: 0 0 5px 5px; }



/* ********** com layout ********** */
.section { position: relative; }
.sec-width { position: relative; width: 1380px; margin: 0 auto; }
article.section { padding: 110px 0; }


@media (max-width: 1380px) {
  .sec-width { width: 100%; padding: 0 30px; }
  article.section { padding: 70px 30px; }
}

@media (max-width: 768px) {
  .sec-width { padding: 0 20px; }
  article.section { padding: 70px 20px; }
}

/* seo */
.seo-area {
    display: none;
    height: 1px;
    background-color: red;
    overflow: hidden;
}