@charset "utf-8";
/* CSS Document */
/*font설정*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&subset=korean");/* 100 Thin, 300 Light, 400 Regular, 500 Medium, 700 Bold, 900 Black */
@font-face {font-family:'Spoqa'; font-weight:300; src:local('Spoqa Han Sans Neo Light'), url('fonts/SpoqaHanSansNeoLight.woff2') format('woff2'), url('fonts/SpoqaHanSansNeoLight.woff') format('woff'), url('fonts/SpoqaHanSansNeoLight.ttf') format('truetype');}
@font-face {font-family:'Spoqa'; font-weight:400; src:local('Spoqa Han Sans Neo Regular'), url('fonts/SpoqaHanSansNeoRegular.woff2') format('woff2'), url('fonts/SpoqaHanSansNeoRegular.woff') format('woff'), url('fonts/SpoqaHanSansNeoRegular.ttf') format('truetype');}
@font-face {font-family:'Spoqa'; font-weight:500; src:local('Spoqa Han Sans Neo Medium'), url('fonts/SpoqaHanSansNeoMedium.woff2') format('woff2'), url('fonts/SpoqaHanSansNeoMedium.woff') format('woff'), url('fonts/SpoqaHanSansNeoMedium.ttf') format('truetype');}
@font-face {font-family:'Spoqa'; font-weight:700; src:local('Spoqa Han Sans Neo Bold'), url('fonts/SpoqaHanSansNeoBold.woff2') format('woff2'), url('fonts/SpoqaHanSansNeoBold.woff') format('woff'), url('fonts/SpoqaHanSansNeoBold.ttf') format('truetype');}

/*common*/
* {margin:0; padding:0; box-sizing:border-box;}
:before, :after{box-sizing:border-box;}
html {width:100%; height:100%;}
body {position:relative; font-family:"Spoqa", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; font-size:14px; color:#000000; letter-spacing:-0.4px; word-break:keep-all; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1.5; -webkit-overflow-scrolling:touch;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td {margin:0; padding:0;}
ul,ol,li {list-style:none;}
img, fieldset {border:none; vertical-align:top;}
legend, caption {position:absolute; top:-9999px; left:-9999px;  z-index:-1}
textarea, button {vertical-align:middle;}
input, select {height:40px; vertical-align:middle; background:#fff; border:1px solid #c8c8c8; font-family:"Spoqa", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; color:#000; letter-spacing:-0.4px; border-radius:0; font-size:16px;}
input {font-size:15px; padding:3px 6px; border-radius:6px;}
option {color:#000000; padding:10px}
option[disabled] {font-weight:300; color:#c8c8c8; font-size:15px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
input[type="password"] {height:40px; border:1px solid #c8c8c8; color:#999; background:#fff; -webkit-appearance:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
input[type="number"] {-moz-appearance:textfield;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;}
input::-ms-reveal, input::-ms-clear {display:none;}
/* 엣지, 익스 인풋태그 기본 버튼 노출방지 */
input.error {border:1px solid #B60000 !important}
input:focus{outline:none; border: 1px solid #222222;}
input:active{outline:none; border: 1px solid #222222;}
input:valid{outline:none; border: 1px solid #222222;}
select {padding:0 32px 0 12px; border-radius:6px; height:40px; font-size:15px; line-height:38px; color:#000000; background:url('https://img.hyundaidreamtour.com/images/aihdt/arrow_gray_bottom.svg') no-repeat right 15px top 50% #fff; border:1px solid #c8c8c8; -webkit-appearance:none; appearance:none;  -moz-appearance:none;}
select[readonly]{font-size:14px; font-weight:400; color:#000000; border:1px solid #222222; background:url('https://img.hyundaidreamtour.com/images/aihdt/arrow_gray_bottom.svg') no-repeat right 15px top 50% #F6F6F6;}
select.error {border:1px solid #B60000 !important;}
select::-ms-expand {display:none;}
select::-ms-value {color:inherit; background:none;}
select:focus{outline:none; border: 1px solid #222222;}
select:active{outline:none; border: 1px solid #222222;}
select option[value=""] {font-weight:300; color:#c8c8c8; font-size:15px;}
textarea {padding:10px; vertical-align:middle; background:#fff; border:1px solid #c8c8c8; font-family:"Spoqa", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; color:#000; font-size:14px; letter-spacing:-0.6px; -webkit-appearance:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-radius:0;}
textarea:focus, textarea:active{outline:none; border: 1px solid #222222;}
a {text-decoration:none; color:#000; border:none}
a:hover, a:focus, a:active {text-decoration:none; outline:none;}
table {border-collapse:collapse; width:100%;}
button {background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space:nowrap; font-size:16px; font-family:"Spoqa", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400;}
button:active {outline:none;}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
th, b, strong {font-weight:normal;}
i{font-style:normal;}
::-webkit-input-placeholder {font-weight:300; color:#c8c8c8; font-size:14px; letter-spacing:-0.8px;}
:-moz-placeholder {font-weight:300; color:#c8c8c8; font-size:14px; letter-spacing:-0.8px;}
::-moz-placeholder {font-weight:300; color:#c8c8c8; font-size:14px; letter-spacing:-0.8px;} 
:-ms-input-placeholder {font-weight:300; color:#c8c8c8; font-size:14px; letter-spacing:-0.8px;}
:placeholder-shown {font-weight:300; color:#c8c8c8; font-size:14px;}
input[readonly], input[readonly="readonly"] {font-size:15px; font-weight:400; color:#000000; border:1px solid #222222; background:#F6F6F6;}
textarea[readonly], input[readonly="readonly"] {font-size:15px; font-weight:400; color:#000000; border:1px solid #222222; background:#F6F6F6;}