@charset "utf-8";




/* Main root */
html, body,
/* Document metadata */
base, head, link, meta, style, title,
/* Content sectioning */
address, article, aside, footer, h1, h2, h3, h4, h5, h6, header, hgroup, nav, section,
/* Text content */
blockquote, dd, div, dl, dt, figcaption, figure, hr, li, main, ol, p, pre, ul,
/* Inline text semantics */
a, abbr, b, bdi, bdo, br, cite, code, data, dfn, em, i, kbd, mark, q, rp, rt, rtc, ruby, s, samp, small, span, strong, sub, sup, time, u, var, wbr,
/* Image and multimedia */
area, audio, img, map, track, video,
/* Embedded content */
embed, object, param, source, iframe,
/* Scripting */
canvas, noscript, script,
/* Demarcating edits */
del, ins,
/* Table content */
caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr,
/* Forms */
button, datalist, fieldset, form, input, label, legend, meter, optgroup, option, output, progress, select, textarea,
/* Interactive elements */
details, dialog, menu, menuitem, summary,
/* Web Components */
content, element, shadow, slot, template,
/* Obsolete and deprecated elements */
acronym, applet, basefont, big, blink, center, command, content, dir, element, font, frame, frameset, image, isindex, keygen, listing, marquee, multicol, nextid, noembed, plaintext, shadow, spacer, strike, tt, xmp
{margin:0; padding:0; outline:none;}



*::selection{background:#555/*#ba2727*/; color:#fff; font-weight:bold;}

.JS,
.JS *,
[class*="JS"],
[class*="JS"] *,
[class*=" JS-"],
[class^="JS-"] *,
[class*=" JS-"] *,
[class^="JS-"]{box-sizing:border-box;}

.hide{display:none !important;}
*[use="x"]{display:none !important;}

.cf{}
.cf:after{display:block; content:""; clear:both;}

.tablize{display:table; width:100%; font-size:0; line-height:0; letter-spacing:0;}
.tablize>*{display:inline-block; width:auto; font-size:14px; line-height:1.6; letter-spacing:-0.02em; vertical-align:top;}
.tablize>.tablize{font-size:0; line-height:0;}
.tablize>.tablize>*{font-size:13px; line-height:1.6;}
.split>*{position:relative;}
.split>* + *:after{display:block; position:absolute; top:50%; left:0; content:""; width:1px; height:5px; transform:translateY(-50%); background:rgba(0,0,0,0.2);}

.tablize.cellize>*{display:table-cell;}



@media all and (min-width:768px){

  .tablize>*{font-size:16px;}

}



.numb_font{font-family:'Oswald', 'Roboto', 'Nanum Barun Gothic', Nanum Barun Gothic, Verdana,Dotum,AppleGothic,맑은 고딕, malgun gothic, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic, Droid sans, sans-serif;}
.font_serif{font-family:'Noto Serif KR','Montserrat', 'Pretendard', Nanum Barun Gothic, Verdana,Dotum,AppleGothic,맑은 고딕, malgun gothic, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic, Droid sans, sans-serif;}



.displaynone { display:none !important; }
.align-right{text-align:right;}



/* tag reset */

html { width:100%; height:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
head,style,script{display:none !important;}
body,code {font-family:'Noto Serif KR', 'Montserrat', 'Pretendard', Nanum Barun Gothic, Verdana,Dotum,AppleGothic,맑은 고딕, malgun gothic, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic, Droid sans, sans-serif;
font-size:14px; line-height:1.6; letter-spacing:-0.02em; font-weight:normal; color:#fff; background:#fff; -webkit-text-size-adjust:none;
}
body { min-width:320px; overflow-y:scroll; word-break:keep-all; background:#332c2b;}
body#popup { min-width:0; }
ul,ol,li,dd,dt,dl{ list-style:none; }
img,fieldset { border:none; vertical-align:middle; border:0;}
img{height:auto; max-width:100%;}
table { width:100%; border:0; border-spacing:0; border-collapse:collapse;}
caption { display:none; }
th,td { border:0; vertical-align:top; }
button {font-family:inherit;  overflow:visible; padding:0; margin:0; border:0; cursor:pointer; outline:none; background:transparent; color:#333;}
textarea{resize:vertical; min-height:18px; outline:none;}
hr.layout { display:none; }
a { text-decoration:none; color:#fff; }
a:hover{text-decoration:none;}
a:active { text-decoration:none;}
iframe:focus{outline:none;}
iframe[seamless]{display:block;}
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
table.nneditor-table { width:auto !important; }



/* Form */
input,select,textarea {border-radius:5px; font-size:100%; color:#353535; font-family:inherit; vertical-align:middle; transition:border-color 0.1s;}
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:38px; line-height:40px; padding:2px 4px; border:1px solid #d5d5d5; color:#353535; font-size:14px; box-sizing:border-box;}
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
input[type=text]:focus,
input[type=password]:focus{border-color:#333;}
input[type=text][disabled],
input[type=password][disabled]{background:#eee;}
select { height:24px; border:1px solid #d5d5d5; }
select:focus{border-color:#333;}
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; font-family:inherit; box-sizing:border-box;}
textarea:focus{border-color:#333;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }




input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;  height: 20px;  width: 20px;  border:1px solid #ddd; transition: all 0.15s ease-out 0s;  background: #fff; box-shadow:none !important;
   outline:none !important;
    border-radius:3px;  color: #fdb232;  cursor: pointer;  display: inline-block;  margin-right: 5px;  z-index: 10;}

input[type="checkbox"]:active,
input[type="radio"]:active{ outline:none !important;}
input[type="checkbox"]:hover,
input[type="radio"]:hover {  border-color:#333;}
input[type="checkbox"]:checked,
input[type="radio"]:checked {  outline:none !important; }
input[type="checkbox"]:checked::before{  height: 20px;  width: 20px;  position: absolute;  content: '✔';  display: inline-block;  font-size: 15px;  text-align: center;  line-height: 20px;}
input[type="radio"]:checked::before{  top:1px;  height: 20px;  width: 20px;  position: absolute;  content: '✔';  display: inline-block;  font-size: 11px;  text-align: center;  line-height: 20px;}

input[type="checkbox"]:checked::after,
input[type="radio"]:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
   content: '';  display: block;  position: relative;  z-index: 100;}
input[type="radio"]{  border-radius: 50%;}
input[type="radio"]:after {  border-radius: 50%;}

input[readonly][type="checkbox"],
input[readonly][type="radio"]{ pointer-events: none; }

input[readonly][type="checkbox"]:hover,
input[readonly][type="radio"]:hover{background:#eee;}

input[checked][readonly][type="checkbox"]:hover,
input[checked][readonly][type="radio"]:hover{background:#1e9cf1;}










.dimmed{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100;}
.dimmed.on{}






::-webkit-scrollbar {background: #faf5ff; width: 16px;}
::-webkit-scrollbar-thumb {background: #4C4C4C; border-radius: 50px;border: 4px solid #faf5ff;}
::-webkit-scrollbar-thumb:hover {background: #B4B4B4;}






.vimeo-area{position:relative;}
.vimeo-area .video-btn{position:absolute; text-align:center; bottom:25px; right:25px; z-index:11;}
.vimeo-area .video-btn i{cursor:pointer; font-size:30px; color:#fff; background:rgba(0,0,0,0.8); line-height:30px; padding:5px; border-radius:5px; transition:0.2s;}
.vimeo-area .video-btn i:hover{}
.vimeo-area.muted .video-btn .vid-mute{display:none;}
.vimeo-area.unmuted .video-btn .vid-unmute{display:none;}
.vimeo-area .play-this{position:absolute; top:50%; left:50%; width:60px; height:60px; transform:translate(-50%, -50%); background-position:center; background-repeat:no-repeat; background-size:contain; cursor:pointer;
                        transition:0.2s;}
.vimeo-area .play-this:hover{opacity:0.7;}
.vimeo-area.hide-play-btn .play-this{}








  .grow-wrap {    display: inline-block;    overflow: hidden;    transition-timing-function: ease-in-out;}
  .grow-wrap .img-grow {    transition-timing-function: ease-in-out;}



/* marquee */
.marquee{line-height:inherit;}
.marquee .track {line-height:inherit; letter-spacing:0;}
.marquee .track .content{line-height:inherit; width:100%;	 display:flex;	 overflow:hidden;	 white-space:nowrap;	 -webkit-backface-visibility:hidden;	 -webkit-transform-style:preserve-3d;	 transform:translate3d(0, 0, 0);}
.marquee .track .content span{line-height:inherit;}


.marquee.s15{position:relative; width:100%; height:40px; line-height:40px;}
.marquee.s15 .track{}
.marquee.s15 .track .content{}
.marquee.s15.on .track .content span{color:var(--c5); font-size:15px; font-weight:400;}


.main-marquee-vertical .marquee .track {line-height:inherit;}
.main-marquee-vertical .marquee .track .content{width:300px; line-height:inherit; width:100%;	overflow:hidden;	  -webkit-backface-visibility:hidden;	 -webkit-transform-style:preserve-3d;	 transform:translate3d(0, 0, 0);}
.main-marquee-vertical .marquee .track .content span{display:block; width:300px; animation:marquee-v 30s linear infinite;}



.marquee .track span{animation-iteration-count:infinite; animation-timing-function:linear; visibility:hidden; opacity:0; transition:opacity 1s;}
.marquee.on .track span{animation-name:marquee; visibility:visible; opacity:1;}
.marquee .track span.upper{text-transform:uppercase;}

.marquee.small{line-height:50px;}
.marquee.small .track span{font-size:15px;}

.marquee.big{line-height:370px;}
.marquee.big .track span{font-size:90px;}


.marquee.c1{background:var(--c1);}
.marquee.c2{background:var(--c2);}
.marquee.c3{background:var(--c3);}
.marquee.c4{background:var(--c4);}
.marquee.c5{background:var(--c5);}
.marquee .track span.c1{color:var(--c1);}
.marquee .track span.c2{color:var(--c2);}
.marquee .track span.c3{color:var(--c3);}
.marquee .track span.c4{color:var(--c4);}
.marquee .track span.c5{color:var(--c5);}















@keyframes marquee2{
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes marquee {
  100% {
    transform: translateX(-100%);
 }
}


@keyframes marquee-v {
  100% {
    transform: translateY(-100%);
 }
}





  @-webkit-keyframes grow-1 {
      from {
          transform: translate3d(0,100%,0);
      }

      to {
          transform: translate3d(0,0,0);
      }
  }

  @keyframes grow-1 {
      from {
          transform: translate3d(0,100%,0);
      }

      to {
          transform: translate3d(0,0,0);
      }
  }

  .grow-1 {
      animation-name: grow-1;
  }

  @-webkit-keyframes grow-2 {
      from {
          transform: translate3d(0,-100%,0);
      }

      to {
          transform: translate3d(0,0,0);
      }
  }

  @keyframes grow-2 {
      from {
          transform: translate3d(0,-100%,0);
      }

      to {
          transform: translate3d(0,0,0);
      }
  }

  .grow-2 {
      animation-name: grow-2;
  }














:root{


  --c1:#f5b06e;
  --c2:#2448c7;



  --font_serif:'Noto Serif KR','Montserrat', 'Pretendard', Nanum Barun Gothic, Verdana,Dotum,AppleGothic,맑은 고딕, malgun gothic, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic, Droid sans, sans-serif;
  --swiper-theme-color:#fff;





}



































/**/