@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

body {-webkit-text-size-adjust: none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
html, body { position: relative;}
html body { font:normal 14px/1.6 "Montserrat","Noto Sans KR", sans-serif, NanumGothic, "돋움", Dotum; font-weight:500; color:#444; -webkit-text-size-adjust:none; min-height: 100vh; display: flex; flex-direction: column;}
/* Light 300 / Regular 400 / Medium 500 / Bold 700 */

/* HTML Default */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, option,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0; padding:0; border:0; list-style:none;
    font-size:14px;  font-weight:400; color:#444; letter-spacing:-0.5px;
    vertical-align:baseline; background:transparent; -webkit-text-size-adjust:none;
}
html { font-size:62.5%;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6 {}
em,address{font-style:normal;}
hr{display:none;}
ol, ul{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';}

button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
a{color: inherit; text-decoration: none; cursor: pointer;}
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; cursor:pointer; }
legend, caption {position:relative; left:-9999px; top:-9999px; padding:0 !important; text-indent:-9999px; line-height:0; overflow:hidden;}
textarea { resize:vertical; font:inherit; overflow-y:auto; box-sizing: inherit;}
input{box-sizing: inherit;}
input, select { color:inherit; font:inherit; line-height:100%; -webkit-border-radius:0}
img, select, input { vertical-align:middle; }
sub {vertical-align: sub;font-size: smaller;}
.hide, .hidden, .blind, caption, legend { opacity: 0; text-indent: -999em; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0;}
::placeholder { font-size: 14px; color: #a4a4a4;}

* {
    word-break:keep-all;/*줄바꿈속성 추가*/
    margin:0; padding:0; border:0; /*outline:0;*/
    box-sizing: border-box; /* W3C */
    -o-box-sizing: border-box; /* Opera */
    -ms-box-sizing: border-box; /* Internet Explorer */
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari & Chrome */
    font-weight:500;
    /* word-wrap: break-word; */
}

/* input, select box 기본 스타일 초기화 */
input, select, button, textarea{
    -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
    -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;
    background-color: transparent;
}
input:disabled, select:disabled, button:disabled, textarea:disabled{background-color: #f5f5f5 !important;}
/* ========== input ========== */
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear {display: none;}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=submit], input[type=button], button {cursor: pointer;}

/* ========== seletbox ========== */
select::-ms-expand {display: none;}/* IE 에서 Select box 화살표 제거 */
select{width: 100%; height: 100%;}
input, select, button, textarea, select, select option, ::placeholder{font-size: 14px;}

/* 1440px이하 (tablet, mobile) */
@media screen and (max-width: 1440px) {
    input, select, button, textarea, select, select option, ::placeholder{font-size: 12px;}
}

/* 20230413 footer 하단 고정을 위한 클래스 추가 */
.footerFlex{ flex: 1;}