@charset "utf-8";
@import url(font/font.css);

:root{--swiper-theme-color:#007aff;--swiper-navigation-size: 44px;}
*, ::before, ::after {box-sizing: border-box;}
html {overflow-x: hidden;box-sizing: inherit;}
body {position: relative; margin: 0; height: 100%; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-weight: 400; font-size: 18px; color: #111; letter-spacing: -0.025em; word-break: keep-all; overflow-wrap: break-word; line-height: 1.7; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6, p {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block; position: relative;}
ul, ol {margin: 0;padding: 0;list-style: none;}
img, fieldset {border: none; vertical-align: top; max-width:100%;}
em {font-style: normal;}
legend, caption {position: absolute; top: 0; left: 0; z-index: -1; color: transparent; width: 0; height: 0; text-indent: -9999px;}
textarea, button {vertical-align: middle;}
textarea {color: #111; resize: none; overflow-y: auto; -ms-overflow-style: auto;}
a {text-decoration: none; color: inherit;}
a:hover, a:focus, a:active {text-decoration: none;}
table {width: 100%; border-collapse: collapse; table-layout: fixed; border-collapse:collapse;}
button {overflow: visible; padding: 0; margin: 0; font-size: inherit; font-family: inherit; font-weight: 400; white-space: nowrap; border: none; cursor: pointer; background: none;}
button:active {outline: none;}
button::-moz-focus-inner {padding: 0; border: 0;}
input,select,textarea{padding:14px 20px;font-family:inherit;font-size: inherit;color: #3d3d40;background-color:#fff;border:1px solid #dddddd;border-radius: 0;-webkit-transition:all ease .1s;transition:all ease .1s;}
textarea{padding:20px;}
select{margin: 0;padding-right:42px;-moz-appearance:none;-webkit-appearance:none;appearance:none; -webkit-appearance: none;background-image:url('/images/icon-select-arrow.svg');background-color:#fff;background-size:auto 16px;background-repeat:no-repeat;background-position:right 20px center;box-shadow: none;}
select::-ms-expand{display:none;}
input[type=number]{-moz-appearance:textfield;}
input:-moz-read-only,textarea:-moz-read-only{background-color:#f8f8f8;}
input:read-only,textarea:read-only{background-color:#f8f8f8;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input:not([readonly="readonly"]):not(:disabled):hover{border-color:#bbbbbb !important;}
select:not(:disabled):hover{border-color:#bbbbbb !important;}
textarea:not(:read-only):not(:disabled):hover{border-color:#bbbbbb !important;}
input:not([readonly="readonly"]):not(:disabled):focus{border-color:#f2b21b !important;}
select:not(:disabled):focus{border-color:#f2b21b !important;}
textarea:not(:read-only):not(:disabled):focus{border-color:#f2b21b !important;}
:focus{outline:none;}
::placeholder{color: rgba(61, 61, 64, 0.5);}
:-ms-input-placeholder{color: rgba(61, 61, 64, 0.5);}
::-ms-input-placeholder{color: rgba(61, 61, 64, 0.5);}
@media screen and (max-width:1024px){
    body{font-size: 16px;}
}
@media screen and (max-width:768px){
    body{line-height: 1.6;font-size: 14px;}
    select {padding-top: 14px;padding-bottom: 14px;padding-left: 14px;}
    input, textarea{padding-top: 14px;padding-bottom: 14px;padding-right: 14px;padding-left: 14px;}
}