@charset "utf-8";
@import url('swiper.min.css');
@import url('slick.css'); 
@import url('aos.css');
@import url('font.css'); 
@import url('layout.css');
@import url('sub.css');
@import url('board.css');

html {height: 100%; overflow-y: auto; font-size: 0.05208333178113vw}
body { overflow: hidden; margin-top: 0 !important; min-width: 320px; color: #000; font-family: 'Pretendard', sans-serif; font-size: 20rem; font-weight: 400; line-height: normal; word-wrap: break-word; word-break: keep-all;}
*{ box-sizing: border-box; outline: none !important; font-style: normal; outline: none; margin: 0; padding: 0; -webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit;}
fieldset, img, abbr, acronym {border: 0 none;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}
address, caption, cite, code, dfn, em, var, i, b{font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
q:before, q:after {content:'';}
table {border-collapse: collapse; border-spacing: 0;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
hr {display: none;}
a { display:block; color: inherit; text-decoration: none; cursor: pointer;}

button, input, select, textarea { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; vertical-align: middle; background-color: transparent; border: 0 none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
select {-webkit-border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/images/common/select_arrow.svg)no-repeat right 17rem center / 14rem auto; padding: 0 15rem;}
select::-ms-expand { display: none;}
input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="button"],input[type="submit"],textarea {-webkit-appearance: none;-moz-appearance: none; font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit; cursor: pointer;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}
input[type="checkbox"],
input[type="radio"] {display: none; width: 14rem; height: 14rem; line-height: 14rem; box-sizing: border-box; -webkit-border-radius: 0;}
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-decoration {-webkit-appearance: none;}
input::-webkit-input-placeholder, input:-moz-input-placeholder, input::-moz-input-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder{color:#a0a0a0;}
input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0px 1000px transparent inset; color: inherit; font-size: inherit; transition: 5000s ease-in-out 0s;}
textarea {overflow: auto; resize: none;}

img { display: block; width:100%; vertical-align: top;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object {display: block; margin: 0; padding: 0;}
audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;}

/* Disable orange highlight */
label, a, button {-o-tap-highlight-color:rgba(0, 0, 0, 0);-ms-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color rgba(0, 0, 0, 0);-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* global */
.dB{display: block;}
.dIB{display: inline-block;vertical-align: top;}
.clearfix {*zoom:1}
.clearfix:after{display: block;content:'';clear: both;}
.taC{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.ornt{ -webkit-box-orient: vertical;}




@media screen and ( max-width:1280px ){
  html { font-size: 1px;}
  body { font-size: 15px;}
	select {border: 1px solid var(--ciColor); width: 100%; max-width: 550rem; border-radius: 22rem; -webkit-border-radius: 22rem; height: 40rem; color: var(--ciColor); background-color: transparent; padding: 0 20rem; }
  select option:checked{background-color: var(--ciColor); color: #fff;}
}