@charset 'UTF-8';

/* font */
@font-face {
  font-family: 'YouandiModernTR';
  font-style: normal;
  font-weight: normal;
  src: url('/TRDM/font/YouandiModernTR.ttf') format('ttf'),
       url('/TRDM/font/YouandiModernTR.woff') format('woff');
}

@font-face {
  font-family: 'YouandiModernTB';
  font-style: normal;
  font-weight: normal;
  src: url('/TRDM/font/YouandiModernTB.ttf') format('ttf'),
       url('/TRDM/font/YouandiModernTB.woff') format('woff');
}

@font-face {
  font-family:'YouandiModernHEB';
  font-style: normal;
  font-weight: normal;
  src: url('/TRDM/font/YouandiModernHEB.ttf') format('ttf'),
       url('/TRDM/font/YouandiModernHEB.woff') format('woff');
}

@font-face{
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:300;
  src:local(NotoSansKR-Light), 
  url('/TRDM/font/NotoSansKR-Light.woff') format('woff'), 
  url('/TRDM/font/NotoSansKR-Light.otf') format('opentype');
}

@font-face{
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:400;
  src:local(NotoSansKR-Regular)
  , url('/TRDM/font/NotoSansKR-Regular.woff') format('woff'),
   url('/TRDM/font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face{
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:500;
  src:local(NotoSansKR-Medium),
   url('/TRDM/font/NotoSansKR-Medium.woff') format('woff'), 
   url('/TRDM/font/NotoSansKR-Medium.otf') format('opentype');
}

@font-face{
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:700;
  src:local(NotoSansKR-Bold),
  url('/TRDM/font/NotoSansKR-Bold.woff') format('woff'), 
  url('/TRDM/font/NotoSansKR-Bold.otf') format('opentype');
}

/* Slick Slider */
.slick-slider {position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {width: 100%; position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; width: 100% !important; top: 0; left: 0; display: flex; flex-wrap: nowrap;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; min-height: 300px;}
[dir='rtl'] .slick-slide {left: 0 !important;}
.slick-slide > div {width:1280px; height: 100%;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none;  background: transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {opacity: 1;}
.slick-prev.slick-disabled, .slick-next.slick-disabled, .slick-arrow.slick-disabled  {opacity: .25; cursor: none;}
.slick-prev:before, .slick-next:before {font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev {left: -25px;}
[dir='rtl'] .slick-prev {right: -25px; left: auto;}
.slick-prev:before {content: '←';}
[dir='rtl'] .slick-prev:before {content: '→';}
.slick-next {right: -25px;}
[dir='rtl'] .slick-next {right: auto; left: -25px;}
.slick-next:before {content: '→';}
[dir='rtl'] .slick-next:before {content: '←';}
/* Dots */
.slick-dotted.slick-slider {margin-bottom: 30px;}
.slick-dots {position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block;  width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75; color: black;}


/* reset */
html {scroll-behavior: smooth;}
* { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); user-select: none; box-sizing: border-box; word-break: keep-all !important;}
body, html {width: 100%; margin: 0 !important; padding: 0 !important; font-family: '-apple-system', 'BlinkMacSystemFont', "Apple SD Gothic Neo",'Noto Sans KR', '맑은 고딕', "Malgun Gothic","돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {overflow-x: hidden; min-width: 320px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body.ios, button {font-family: '-apple-system', 'BlinkMacSystemFont', "Apple SD Gothic Neo", 'Noto Sans KR', '맑은 고딕', "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif !important; font-weight: 500;}
body.not-scroll {overflow: hidden !important; height: 100%; min-height: 100%; touch-action: none;}
body.scroll {overflow-y: auto !important; height: 100%; min-height: 100%; touch-action: inherit;}
dl, dt, dd {margin: 0;}  
h1, h2, h3, h4, h5, h6 {font-weight: 500; margin: 0; color: #000; line-height: 1.3;}
button, div, p, ul, ol {margin: 0; padding: 0; outline: none;}
article, aside, figure, footer, header, main, nav, section {display: block;}
dl, dt, dd {margin: 0; padding: 0;}
li {list-style-type: none;}
a, img {outline: none;}
button {border: 0;}
a:link, a:visited, a:focus, a:hover, a:active {text-decoration: none;}
a[href^=tel] {color: inherit !important;}
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
textarea {padding: 0; border: 0; background: none; width: 100%;}
input, textarea {outline: none; resize: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {display: block; border: 1px solid transparent; box-sizing: border-box; background-color: transparent;}
img, input[type="image"] {border-width: 0; height: auto; max-width: 100%;}
input[type="text"]::-ms-clear {display: none;}
input[type="number"] {-moz-appearance: textfield;}
input::placeholder {color: #000;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* fast */
.clearfix::after {content: ''; display: block; clear: both; visibility: hidden; width: 0; height: 0; font-size: 0;}
.no-select {user-select: none;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.disabled {opacity: 0.5;}
.pre-line {white-space: pre-line; word-wrap: break-word; word-break: break-all;}
.hide {width: 0; height: 0; margin: 0; padding: 0; position: absolute; left: 0; top: 0; font-size: 0; text-indent: -9999px; overflow: hidden; visibility: hidden;}
.dp {display: block;}
.padding-b0 {padding-bottom: 0 !important;}
.skip-nav {position: absolute; left: 0; top: 0;}
.skip-nav a {display: block; position: absolute; left: -9999px; top: 0; width: 100px; line-height: 2.2; border: 1px solid #000; background-color: #fff; text-align: center; font-weight: bold; color: #000; box-sizing: border-box;}
.skip-nav a:focus {left: 0; z-index: 999;}
.text-r {text-align: right !important;}
.text-c {text-align: center !important;}
.point-color {color: #d0112b !important;}
.bold {font-weight: bold !important; color:#000 !important;}
.fixed {position: fixed !important; left: 0; top: 0; width: 100% !important; z-index: 10; margin: 0 !important;}
.scroll-off {position: fixed; overflow: hidden; height: 100%;}
.pt0 {padding-top: 0 !important;}

/* 반응형 */
@media screen and (max-width: 1280px) {
  .fixed {left: 50% !important; transform: translateX(-50%); max-width: 534px;}
  .slick-slide > div {width: 100%; min-width: calc(100vw - 48px);}
  .mgl-1 {margin-left: -1px !important;}
}

@media screen and (max-width: 534px) {
  * {word-break: initial !important;}
  .fixed {left: 0 !important; transform: translateX(0);}
}