@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap"); @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(../../assets/fonts/NotoSansKR-Thin.eot); src: url(../../assets/fonts/NotoSansKR-Thin.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/NotoSansKR-Thin.woff2) format("woff2"), url(../../assets/fonts/NotoSansKR-Thin.woff) format("woff"), url(../../assets/fonts/NotoSansKR-Thin.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(../../assets/fonts/NotoSansKR-Light.eot); src: url(../../assets/fonts/NotoSansKR-Light.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/NotoSansKR-Light.woff2) format("woff2"), url(../../assets/fonts/NotoSansKR-Light.woff) format("woff"), url(../../assets/fonts/NotoSansKR-Light.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(../../assets/fonts/NotoSansKR-Regular.eot); src: url(../../assets/fonts/NotoSansKR-Regular.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/NotoSansKR-Regular.woff2) format("woff2"), url(../../assets/fonts/NotoSansKR-Regular.woff) format("woff"), url(../../assets/fonts/NotoSansKR-Regular.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(../../assets/fonts/NotoSansKR-Medium.eot); src: url(../../assets/fonts/NotoSansKR-Medium.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/NotoSansKR-Medium.woff2) format("woff2"), url(../../assets/fonts/NotoSansKR-Medium.woff) format("woff"), url(../../assets/fonts/NotoSansKR-Medium.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(../../assets/fonts/NotoSansKR-Bold.eot); src: url(../../assets/fonts/NotoSansKR-Bold.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/NotoSansKR-Bold.woff2) format("woff2"), url(../../assets/fonts/NotoSansKR-Bold.woff) format("woff"), url(../../assets/fonts/NotoSansKR-Bold.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(../../assets/fonts/NotoSansKR-Black.eot); src: url(../../assets/fonts/NotoSansKR-Black.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/NotoSansKR-Black.woff2) format("woff2"), url(../../assets/fonts/NotoSansKR-Black.woff) format("woff"), url(../../assets/fonts/NotoSansKR-Black.otf) format("opentype"); } /* CSS 초기화 세팅 */ html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, menu, nav, section, article, aside, dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; color: #3d3e3f; font-family: "Noto Sans KR", sans-serif; font-size: 14px; } html { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { width: 100%; background: #fff; min-width: 320px; -webkit-text-size-adjust: none; word-wrap: break-word; word-break: break-all; } input, select, textarea, button { border: none; font-size: 14px; font-family: "Noto Sans KR", sans-serif; } button { cursor: pointer; } ul, ol, li { list-style: none; } table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; } img, fieldset { border: 0; } address, cite, code, em { font-style: normal; font-weight: normal; } label, img, input, select, textarea, button { vertical-align: middle; } .hide, caption, legend { line-height: 0; font-size: 1px; overflow: hidden; } hr { display: none; } main, header, section, nav, footer, aside, article, figure { display: block; } a, button { color: inherit; text-decoration: none; } a:focus, button:focus { outline: none; } /* 히든 텍스트 */ .sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; font-size: 1px; border: none; clip: rect(0,0,0,0); white-space: nowrap; } .for-a11y { display: block; z-index: -1; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; color: transparent; border: 0; padding: 0; opacity: 0; filter: alpha(opacity=0); background: none; position: absolute; width: 1px; margin: 0; } caption.for-a11y { display: table-caption; height: 1px; margin-bottom: -1px; position: static; } .clear-fix { *zoom: 1; } .clear-fix::after { content: ''; display: table; clear: both; } /* 폼 요소 */ textarea { outline: 0; width: 100%; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; } /* check box */ input { outline: 0; min-width: 68px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } input.checkbox { position: absolute; left: -9999px; opacity: 0; filter: alpha(opacity=0); } input .label-chk::before { content: ''; display: inline-block; width: 24px; height: 24px; border: 1px solid #e0e0e0; vertical-align: middle; margin-right: 8px; } input .label-chk.active::before { border-color: #e0e0e0; } input[type=tel], input[type=time], input[type=text], input[type=password], input[type=search], input[type=email], input[type=file], input[type=url], input[type=number], input[type=date] { padding: 0 12px; outline: 0; height: 48px; font-size: 15px; vertical-align: middle; background: #fff; border: 1px solid #e0e0e0; color: #3d3e3f; border-radius: 3px; } input[type=tel]:disabled, input[type=tel][readonly], input[type=time]:disabled, input[type=time][readonly], input[type=text]:disabled, input[type=text][readonly], input[type=password]:disabled, input[type=password][readonly], input[type=search]:disabled, input[type=search][readonly], input[type=email]:disabled, input[type=email][readonly], input[type=file]:disabled, input[type=file][readonly], input[type=url]:disabled, input[type=url][readonly], input[type=number]:disabled, input[type=number][readonly], input[type=date]:disabled, input[type=date][readonly] { background: #f8f8fb; -webkit-appearance: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .ui-input-block { width: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* select box */ .select-box { outline: 0; min-width: 120px; height: 38px; border: 1px solid #e0e0e0; display: inline-block; position: relative; text-align: left; } .select-box select.select { position: absolute; z-index: 2; left: 0; width: 100%; height: 38px; line-height: 41px; } .select-box span.select { position: relative; display: block; width: 100%; padding: 0 30px 0 10px; height: 38px; line-height: 38px; cursor: default; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } /* 스크립트를 위한 최소한 스타일 */ .js-ui-dropdown-layer, .js-ui-tab-panel-content { display: none; } .js-ui-tab-panel-content.js-tabpanel-opened { display: block; } /* display table */ .form-flex { display: table; } .form-flex.type-full { width: 100%; } .form-flex-cell { display: table-cell; vertical-align: middle; } .form-flex-cell-news { display: table-cell; } .form-flex-cell + .form-flex-cell { padding-left: 8px; } .form-flex-cell + .btn-confirm { display: table-cell; } .hide { display: none !important; } .slick-initialized { visibility: visible !important; }