@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:16px; color:#000000; letter-spacing:-0.4px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; -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:16px; padding:3px 12px; 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:16px;}
:-moz-placeholder{font-weight:300; color:#c8c8c8; font-size:16px;}
::-moz-placeholder{font-weight:300; color:#c8c8c8; font-size:16px;}
:-ms-input-placeholder{font-weight:300; color:#c8c8c8; font-size:16px;}
:placeholder-shown{font-weight:300; color:#c8c8c8; font-size:16px;}
input[readonly], input[readonly="readonly"]{font-size:16px; font-weight:400; color:#000000; border:1px solid #222222; background:#F6F6F6;}
textarea[readonly], input[readonly="readonly"]{font-size:16px; font-weight:400; color:#000000; border:1px solid #222222; background:#F6F6F6;}