@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: 400;} 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; color: inherit;} body, input, textarea, button, select, label, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} body {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; padding-left:10px; vertical-align:middle; min-width:130px; box-sizing:border-box; border:1px solid #cbcbcb; cursor:pointer; 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:#0d4a99;} select:focus {outline: 0;} 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:12pt; margin:0; 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:#0d4a99; color:#c71019; } input[type='text']:read-only {background:#f5f5f5; color: #999;} input[type='text']:read-only:focus {color:#999;} input[type='checkbox'] {background:#fff; border:solid 1px #707070; height:18px; width:18px; position:relative; cursor:pointer; vertical-align:middle; -webkit-appearance:none; padding:0; border:0 0/IE8+9; margin-top:-1px; margin-top:2px 0/IE8+9;} input[type='checkbox']:checked {background:#fff; border:solid 1px #707070; border:0 \0/IE8+9;} input[type='checkbox']:checked:after {content:""; display:block; background:#666; position:absolute; top:4px; left:4px; right:4px; bottom:4px;} input[type='checkbox']:focus {outline:0; border-color:#0d4a99;} input[type='checkbox'] + label {height:18px; line-height:18px;} input[type='radio'] {background:#fff; border:solid 1px #707070; height:18px; width:18px; position:relative; cursor:pointer; vertical-align:middle; -webkit-appearance:none; padding:0; border:0 0/IE8+9; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;} input[type='radio']:checked {background:#fff; border:solid 1px #707070; border:0 \0/IE8+9;} input[type='radio']:checked:after {content:""; display:block; background:#666; position:absolute; top:4px; left:4px; right:4px; bottom:4px; -webkit-appearance:none; padding:0; border:0 0/IE8+9; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;} input[type='radio']:focus {outline:0; border-color:#0d4a99;} input[type='radio'] + label {height:18px; line-height:18px;}