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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    font-family: 'NanumSquare', 'Noto Sans KR', sans-serif;
    background: #fff;
    margin: 0 auto;
    overflow-x: hidden;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #f0
}


/*font-family: "NanumSquare";*/

ul {
    list-style: none;
}

a,
p,
i,
span {
    color: #fff;
    text-decoration: none;
    word-break: keep-all;
}

p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
span {
    color: #fff;
    font-family: 'NanumSquare','Montserrat', 'Noto Sans KR', sans-serif;
    word-break: keep-all;
}

h1,h3{
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

button,
input {
    outline: none;
    border: none;
    border-radius: 0;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    cursor: pointer;
}

textarea:focus {
    outline: none;
    border: 0;
}

a:focus {
    outline: none;
    border: 0;
}

/* 모바일웹 css 설정 */
html {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(200, 200, 200, 0.2);
}

#footer {
    text-align: center;
}


.xi-close {
    cursor: pointer;
}

/*자주 쓰는 가로 값을 정리해둠*/
.col-md-3 {
    float: left;
    width: 25%;
}

.col-md-4 {
    float: left;
    width: 33.333%;
}

.col-md-9 {
    float: left;
    width: 75%;
}