@charset "utf-8";

/* Pretendard */
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 100; src: url(../css/font/Pretendard-Thin.woff2) format('woff2'), url(../css/font/Pretendard-Thin.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 200; src: url(../css/font/Pretendard-ExtraLight.woff2) format('woff2'), url(../css/font/Pretendard-ExtraLight.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 300; src: url(../css/font/Pretendard-Light.woff2) format('woff2'), url(../css/font/Pretendard-Light.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 400; src: url(../css/font/Pretendard-Regular.woff2) format('woff2'), url(../css/font/Pretendard-Regular.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 500; src: url(../css/font/Pretendard-Medium.woff2) format('woff2'), url(../css/font/Pretendard-Medium.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 600; src: url(../css/font/Pretendard-SemiBold.woff2) format('woff2'), url(../css/font/Pretendard-SemiBold.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 700; src: url(../css/font/Pretendard-Bold.woff2) format('woff2'), url(../css/font/Pretendard-Bold.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 800; src: url(../css/font/Pretendard-ExtraBold.woff2) format('woff2'), url(../css/font/Pretendard-ExtraBold.woff) format('woff');}
@font-face {font-family: 'Pretendard'; font-style: normal; font-weight: 900; src: url(../css/font/Pretendard-Black.woff2) format('woff2'), url(../css/font/Pretendard-Black.woff) format('woff');}

/* Roboto */
@font-face {font-family: 'Roboto'; font-weight: 100; src: url(../css/font/roboto-100.woff) format('woff'), url(../css/font/roboto-100.woff2) format('woff2');}
@font-face {font-family: 'Roboto'; font-weight: 300; src: url(../css/font/roboto-300.woff) format('woff'), url(../css/font/roboto-300.woff2) format('woff2');}
@font-face {font-family: 'Roboto'; font-weight: 400; src: url(../css/font/roboto-400.woff) format('woff'), url(../css/font/roboto-400.woff2) format('woff2');}
@font-face {font-family: 'Roboto'; font-weight: 500; src: url(../css/font/roboto-500.woff) format('woff'), url(../css/font/roboto-500.woff2) format('woff2');}
@font-face {font-family: 'Roboto'; font-weight: 600; src: url(../css/font/roboto-600.woff) format('woff'), url(../css/font/roboto-600.woff2) format('woff2');}

/* Wooridaum */
@font-face {font-family: 'Wooridaum'; src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Woori/WooridaumL.woff2') format('woff2'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'Wooridaum'; src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Woori/WooridaumR.woff2') format('woff2'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'Wooridaum'; src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Woori/WooridaumB.woff2') format('woff2'); font-weight: 700; font-style: normal;}

/* Common */
* {margin: 0; padding: 0; -webkit-touch-callout: none; box-sizing: border-box;}
html {overflow-y: scroll; word-break: keep-all; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-size-adjust: none; scroll-behavior: smooth;}
html, body {margin: 0; padding: 0; color: #292E41; font-size: 16px; line-height: 1.6; min-width: 320px; height: 100%; letter-spacing: -0.6px; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; font-family: 'Pretendard', 'Roboto', '맑은고딕', Malgun Gothic, sans-serif,'Sans-serif', 돋움, 'dotum';}
body {-ms-overflow-style: none;}
body::-webkit-scrollbar {display: none;}
html, body, div, span,
dl, dt, dd, ol, ul, li, object,
article, aside, canvas, details, embed, figure, figcaption,
h1, h2, h3, h4, h5, h6, p, a, abbr, address, cite, em, img, strong,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, audio, video {margin: 0; padding: 0; border: 0; vertical-align:baseline}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; line-height: normal;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote {margin: 0; padding: 0;}
select {margin: 0; padding: 0; box-sizing: border-box; -webkit-border-radius: 0;}
img {border: 0; vertical-align:middle; -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-interpolation-mode: bicubic;}
i::before {margin: 0 !important;}
legend, caption {visibility: hidden; overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; margin: 0; padding: 0;}

a {color: inherit;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: none;}

textarea {overflow-y: auto;}
label {cursor: pointer;}
ol, ul, li {list-style: none;}
img, fieldset {border: 0 none;}
label, select, input, button {vertical-align: baseline; font-family: inherit;}
input, textarea, select {color: inherit; font-family: inherit;}
table {border-collapse: collapse; border-spacing: 0;}

em, address {font-style: normal;}
hr {display: none; clear: both; height: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

input[type=text], input[type=password] {-webkit-border-radius: 0; -webkit-appearance: none;}
input[type=checkbox], input[type=radio] {vertical-align: middle;}
input[type=submit] {-webkit-border-radius: 0; -webkit-appearance: none;}
input[type=image] {height: auto; border: 0;}
input[type=file] {border: 0; background: none;}
/* input 초기화 */
label {}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; width: 500px; height: 44px; padding: 0 2.5rem 0 1rem; border: 1px solid #dbdbdb; background: #fff url(/assets/site/img/common/form_sel_arrow.png) no-repeat right 1rem top 50%; font-size: 1rem; vertical-align: middle;}
select option {}
input {box-sizing: border-box; border: none; font-size: 1rem; outline: none; color: #222; vertical-align: middle; background: #fff; border: 1px solid #dbdbdb; transition: 0.3s;}
textarea {width: 100%; box-sizing: border-box; padding: 1rem; border: none; font-size: inherit; resize: none; border-radius: 0; background-color: #fff; border: 1px solid #dbdbdb; color: #222; transition: 0.3s; font-size: 1rem;}
button {background:none; border:0; padding:0; margin:0; cursor:pointer; overflow:visible; white-space:nowrap; color: #292E41;}

select:focus,
textarea:focus,
input[type=text]:focus, input[type=password]:focus {outline: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 1) inset !important;}

input:focus,
input:focus + label,
select:focus,
textarea:focus {outline: none;}
input::placeholder,
textarea::placeholder {font-weight: 300; color: #bbb !important;}
pre {color: inherit; font-family: inherit; white-space: pre-wrap;}

/* html5 구 버전 적용 위한 소스 */
area, base, basefont, command, datalist, head, link, meta,
noframes, param, script, source, style, track, title, noembed,
[hidden], input[type=hidden], menu[type=context], {display: none;}
address, article, aside, blockquote, body, center, dd, dir, div, dl, dt, figure,
figcaption, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html,
legend, listing, menu, nav, ol, p, plaintext, pre, section, summary, ul, xmp {display: block;}
table {display: table;}
caption {display: table-caption;}
colgroup {display: table-column-group;}
col {display: table-column;}
thead {display: table-header-group;}
tbody {display: table-row-group;}
tfoot {display: table-footer-group;}
tr {display: table-row;}
td, th {display: table-cell;}
li {display: list-item;}
ruby {display: ruby;}
rt {display: ruby-text; display: inline;}

::selection { background: #222; color: #fff; }
.clearfix::after{ content: ''; display: block; clear: both; }
::-webkit-input-placeholder { /* WebKit browsers */ color: #a5a5a5 !important;  }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a5a5a5!important; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a5a5a5!important; opacity: 1;  }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #a5a5a5!important;}