@charset "utf-8";

/*RESET - ERIC MEYER*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/*Normalize : 내꺼도 합침*/
html {-webkit-text-size-adjust: 100%;}
html, body {line-height: 1.15;}
h1, h2, h3, h4, h5, h6, input, textarea, select, button{color:inherit; font-weight:inherit; letter-spacing:inherit; font-size:inherit; font-family: inherit;}
main, details {display: block;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
a{text-decoration:none; color:inherit; background-color: transparent; cursor:pointer;}
a[href^="tel"]{ font-style:normal}
a:hover{color:inherit}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: bold;}
pre, code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}
sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none; vertical-align:top}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; border-radius: 0; background-color: #fff;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"]{appearance: button; border: none; background: inherit; padding: 0;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
legend, caption{overflow: hidden; position: absolute; width: 0; height: 0; font-size: 0;}
progress {vertical-align: baseline;}
input, textarea, select{letter-spacing:normal; outline: none}
select{appearance:menulist-text; appearance: none}
textarea {appearance:none; overflow: auto;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select:required:invalid{color: #aaa;}/*placeholer*/
option[value=""][disabled] {display: none;}
option {color: #222;} 
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {appearance: none;}
[type="radio"]{appearance:none}
[type="checkbox"], [type="radio"], label{cursor:pointer}
::-webkit-file-upload-button {appearance: button; font: inherit;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {color: transparent; background: none; z-index: 1;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}
caption{position:static; visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0}
/* ==========================================================================
  MISC
   ========================================================================== */
/*Screen Reader Only*/
.sr-only {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
/* skipNav */
#skipNav{overflow: hidden; position: relative; width: 100%; z-index: 1000}
#skipNav a{display: block; overflow: hidden; height: 1px; width: 1px; margin: 0 -1px -1px 0; font-size: 0; line-height: 0; text-align: center}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active{width: auto; height: 20px; margin: 0; padding: 8px 0 0 15px; background: #20262c; font-size: 12px;font-weight: 700; line-height: 1; color: #fff;}
.empty-height{min-height: 300px;}
.blind{visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height:0}
.ellips{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left} 
.ellips-multi{display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; /*-webkit-line-clamp: 1;*/}
.pre-box{white-space:pre-wrap; word-break:break-all}  /*textarea효과, 줄바꿈 등*/
.fit-img{width: 100%; height: 100%; object-fit: cover}
.fit-wimg{width: 100%}
.fit-rimg{position: relative;}
.fit-rimg:after{content: ""; display: block;}
.fit-rimg .r-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.hm-clearfix:before,
.hm-clearfix:after {content:" "; display: table;}
.hm-clearfix:after {clear: both;}
.dsp, .p-dsp .t-dsp, .m-dsp{display: none}
.vertical-text{transform: rotate(90deg);}
/* .scroll-box{overflow: overlay;} */
.scroll-box::-webkit-scrollbar{width: 6px;}
.scroll-box::-webkit-scrollbar-track{background: transparent;}
.scroll-box::-webkit-scrollbar-thumb{background-color: transparent;}
.scroll-box:hover::-webkit-scrollbar-thumb{background-color: var(--point-color01);}
/*Scroll track space*/
.scroll-box.gutter::-webkit-scrollbar{width: 14px;}
.scroll-box.gutter::-webkit-scrollbar-thumb{border: 4px solid transparent; background-clip: padding-box;}
/*유튜브 반응형*/
.video-responsive{position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.video-responsive iframe{position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.line-break {flex-basis: 100%; height: 0;}
.img-zoom {
    overflow: hidden;
    img{transition: scale .3s ease-out;}
    &:hover img{scale: 1.15;}
}
/* ==========================================================================
  BOOTSTRAP & PLUGIN SETTING
   ========================================================================== */
.btn:focus,
button:focus{box-shadow: none !important; outline: none !important;}
.form-check-input:focus,
.form-control:focus,
.form-select:focus{box-shadow:none;}
.tab-pane{outline: 0;}
.accordion-button:not(.collapsed)::after{transform: rotate(-180deg);}
/*Swiper*/
.swiper{user-select: none;}
.swiper-wrapper{transition-timing-function: ease-out;}
.swiper-slide{transform: translateZ(0); backface-visibility: hidden;}
.swiper-button-next:after,
.swiper-button-prev:after{content:"";}
.swiper-button-next,
.swiper-button-prev{top: calc(50% - 17px); width: 34px; height: auto; aspect-ratio: 1 / 1; background-color: rgba(34,34,34,.3); background-repeat: no-repeat; background-position: center; background-size: 16px auto; margin-top: 0; transition: .2s ease-out;}
.swiper-button-next{right: 14px; background-image: url('../images/common/arr-mvis-next.png');}
.swiper-button-prev{left: 14px; background-image: url('../images/common/arr-mvis-prev.png');}
.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-button-prev:hover,
.swiper-button-next:hover{background-color: rgba(34,34,34,.8);}
.swiper-button-prev:hover,
.swiper-button-prev:focus,
.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-pagination-bullet,
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus{outline:none}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity: .5;}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 24px; display: flex; justify-content: center; gap: 10px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0; width: 8px; aspect-ratio: 1 / 1; height: auto; background-color: rgba(255,255,255,.4); opacity: 1;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal{background-color: #ddd; z-index: 1}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--basic-color);}
@media (width <= 1280px) {
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 20px;}
}
@media (width <= 1024px) {

}
@media (width <= 860px) {

}
@media (width <= 640px) {

}
/*Aos*/
[data-aos=fade-up]{transform:translate3d(0,30px,0)}
[data-aos=fade-left]{transform:translate3d(30px,0,0)}
[data-aos=fade-right]{transform:translate3d(-30px,0,0)}
/* ==========================================================================
  COMMON RESPONSIVE
   ========================================================================== */
.dsp, .p-dsp, .tl-dsp, .tp-dsp, .m-dsp, .m-dspi{display: none}
.show-mobile{display: none;}

@media only screen and (max-width: 1200px) {
    .p-dsp{display: block}
    .p-dspn{display: none;}
}

@media (width <= 1024px) {
    .tl-dsp{display: block}
    .tl-dspn{display: none;}
}

@media (width <= 860px) {
    .tp-dsp{display: block}
    .tp-dspn{display: none;}
}

@media (width <= 640px) {
    .m-dsp{display: block}
    .m-dspn{display: none;}
    .show-mobile{display: block;}
}