86 lines
4.4 KiB
CSS
86 lines
4.4 KiB
CSS
|
@charset "utf-8";
|
|||
|
|
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Rajdhani:300,400,500,600,700&display=swap&subset=korean');
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*------------------------------------------------------------------
|
|||
|
|
00. CSS Reset
|
|||
|
|
-------------------------------------------------------------------*/
|
|||
|
|
|
|||
|
|
* {margin:0; padding:0; box-sizing:border-box;}
|
|||
|
|
html {}
|
|||
|
|
body {margin:0;}
|
|||
|
|
html, body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
|
|||
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
|
|||
|
|
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
|
|||
|
|
audio:not([controls]) {display: none; height: 0;}
|
|||
|
|
[hidden], template {display: none;}
|
|||
|
|
caption {display: none;}
|
|||
|
|
a {background: transparent; cursor:pointer;}
|
|||
|
|
a:active, a:hover {outline: 0;}
|
|||
|
|
abbr[title] {border-bottom: 1px dotted;}
|
|||
|
|
b, strong, th {font-weight: 700;}
|
|||
|
|
dfn {font-style: italic;}
|
|||
|
|
mark {background: #ff0; color: #000;}
|
|||
|
|
small {font-size: 80%;}
|
|||
|
|
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
|
|||
|
|
sup {top: -0.5em;}
|
|||
|
|
sub {bottom: -0.25em;}
|
|||
|
|
img {border: 0; max-width: none;}
|
|||
|
|
svg:not(:root) {overflow: hidden;}
|
|||
|
|
ol, ul, li {list-style:none}
|
|||
|
|
label, button {cursor:pointer; vertical-align:middle;}
|
|||
|
|
label {margin-left:5px;}
|
|||
|
|
figure {margin: 1em 40px;}
|
|||
|
|
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
|
|||
|
|
pre {overflow: auto;}
|
|||
|
|
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
|
|||
|
|
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
|
|||
|
|
button {overflow: visible;}
|
|||
|
|
button, select {text-transform: none;}
|
|||
|
|
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
|
|||
|
|
button[disabled], html input[disabled] {cursor: default;}
|
|||
|
|
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
|
|||
|
|
input {line-height: normal;}
|
|||
|
|
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
|
|||
|
|
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
|
|||
|
|
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
|
|||
|
|
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
|
|||
|
|
fieldset {border: 0; margin: 0; padding: 0;}
|
|||
|
|
legend {border: 0; padding: 0; }
|
|||
|
|
textarea {overflow: auto; resize: vertical;}
|
|||
|
|
optgroup {font-weight: bold;}
|
|||
|
|
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all; width:100%;}
|
|||
|
|
a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none;}
|
|||
|
|
body, input, textarea, button, select, label, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
|
|||
|
|
* {/*font-family: 'Noto Sans KR', sans-serif; font-size:11pt;*/ letter-spacing:-0.05em; font-weight:400; /*color:#222;*/ line-height:1.6em;}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
select {height:40px; font-family:inherit; font-size:11pt; margin:0; color:#333; padding-left:10px; vertical-align:middle; min-width:130px;
|
|||
|
|
box-sizing:border-box; border:1px solid #cbcbcb;
|
|||
|
|
border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
|
|||
|
|
-webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative;
|
|||
|
|
background:#fff url("../../img/common/select_arrow.png")no-repeat right center; background-size:auto 75%;
|
|||
|
|
}
|
|||
|
|
select:focus {outline: 0; border-color:#31317f;}
|
|||
|
|
|
|||
|
|
input[type='text'], input[type='password'], input[type='name'], input[type='tel'], input[type='search'] , input[type='email'] {
|
|||
|
|
height:40px; font-family:inherit; font-size:10pt; margin:0; color:#333; background:#fff; padding-left:10px; vertical-align:middle; box-sizing:border-box; border:1px solid #cbcbcb;
|
|||
|
|
border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
|
|||
|
|
-webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; max-width:100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input[type='text']:focus, input[type='password']:focus, input[type='name']:focus, input[type='tel']:focus, input[type='search']:focus, input[type='email']:focus {
|
|||
|
|
outline: 0; background:#fff; border-color:#31317f; color:#31317f;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|