@charset "UTF-8";
body .history-lock { overflow: hidden; position: fixed; left: 0; right: 0; bottom: 0; width: 100vw; height: calc(var(--app-height) - 100px); z-index: 99999; }

#main { overflow: hidden; }

.ckj-wrapper { width: 100%; min-height: 100vh; min-height: var(--app-height); position: relative; /* 공통 */ /**/ /* history section */ }

.ckj-wrapper .ckj-section { position: relative; z-index: 9; display: block; width: 100%; min-height: 100vh; min-height: var(--app-height); }

.ckj-wrapper .ckj-section .ckj-section-inner { position: relative; text-align: center; }

.ckj-wrapper .ckj-section .ckj-section-inner p { color: #fff !important; }

.ckj-wrapper .ckj-section .ckj-section-inner.__full-height { min-height: 100vh; min-height: var(--app-height); }

.ckj-wrapper .ckj-section .ckj-section-inner.__full-height--80 { min-height: 80vh; }

.ckj-wrapper .ckj-section .ckj-section-inner.__centered { display: flex; align-items: center; justify-content: center; }

.ckj-wrapper .ckj-section .ckj-section-inner .ckj-section-bg { position: relative; top: 0; left: 0; display: block; height: 100vh; position: absolute; width: 100%; height: 100%; z-index: 9; }

.ckj-wrapper .ckj-section .ckj-section-inner .ckj-section-bg .ckj-video { position: relative; display: block; }

.ckj-wrapper .ckj-section .ckj-section-inner .copy_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; }

.ckj-wrapper .ckj-section .ckj-section-inner .copy_box .sentence { overflow: hidden; display: block; }

.ckj-wrapper .ckj-section .ckj-section-inner .copy_box .sentence > span { display: block; position: relative; opacity: 0; }

.ckj-wrapper .ckj-section .num_title_text { position: relative; display: inline-block; text-transform: uppercase; margin-bottom: 70px; }

.ckj-wrapper .ckj-section .num_title_text .num_title_number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 100px; opacity: 0.2; }

.ckj-wrapper .brands-section-kv .ckj-section-bg { background: url("../../img/cheongkwanjang/history/poster.jpg") no-repeat center/cover; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ckj-wrapper .brands-section-kv .ckj-section-bg { overflow: hidden; } }

@media all and (max-width: 1023px) { .ckj-wrapper .brands-section-kv .ckj-section-bg { background: url("../../img/cheongkwanjang/history/poster_t.jpg") no-repeat center/cover; } }

@media all and (max-width: 767px) { .ckj-wrapper .brands-section-kv .ckj-section-bg { background: url("../../img/cheongkwanjang/history/poster_m.jpg") no-repeat center/cover; } }

.ckj-wrapper .brands-section-kv .ckj-section-bg .ckj-video { height: var(--app-height); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ckj-wrapper .brands-section-kv .ckj-section-bg .ckj-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; min-width: 100vw; min-height: 100vh; height: auto; } }

.ckj-wrapper .brands-section-kv .copy_box { width: 100%; }

.ckj-wrapper .brands-section-kv .copy_box .text_k7 { margin-top: 40px; }

@media all and (max-width: 1023px) { .ckj-wrapper .brands-section-kv .copy_box .text_k7 { margin-top: 32px; } }

@media all and (max-width: 767px) { .ckj-wrapper .brands-section-kv .copy_box .text_k7 { margin-top: 24px; } }

.ckj-wrapper .section-history { height: auto; }

.ckj-wrapper .section-history .history-content { position: relative; }

.ckj-wrapper .section-history .history-content .history-list-wrap { position: relative; display: block; height: 100vh; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col { position: absolute; display: inline-block; top: 50%; width: 100%; transform: translateY(-50%); }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap { position: relative; float: left; overflow: visible; height: 100vh; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.img-wrap { width: 62.8125%; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.img-wrap .history__img-list { position: absolute; top: calc((100vh - 29.1667vw) / 2); left: 50%; right: 0; bottom: 0; width: 36.4583vw; max-width: 700px; opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.img-wrap .history__img-list .history-img { width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.img-wrap .history__img-list:first-child { opacity: 1; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap { width: 37.1875%; margin-left: -4.489%; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap { position: absolute; left: 0; top: 50%; right: 0; bottom: 0; width: 100%; height: 100%; transform: translateY(100%); text-align: left; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #000; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner.white { color: #fff; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year { font-size: 180px; margin-bottom: 14px; letter-spacing: -4px; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year .title_k1 { font-size: 74px; }

@media all and (max-width: 1280px) { .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year .title_k1 { font-size: 52px; } }

@media all and (max-width: 767px) { .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year .title_k1 { font-size: 38px; } }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year ul li:first-child { margin-bottom: 18px; }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc { font-size: 27px; line-height: 1.53; -webkit-text-stroke: 0.1px white; padding-right: 10vw; }

@media screen and (max-width: 1280px) { .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc { padding-right: 0; } }

@media screen and (max-width: 767px) { .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc { padding-right: 0px; } }

.ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc li:not(:last-child) { margin-bottom: 18px; }

@media all and (max-width: 1023px) { .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc li:not(:last-child) { margin-bottom: 10px; } }

@media all and (max-width: 767px) { .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc li:not(:last-child) { margin-bottom: 8px; } }

.ckj-wrapper .section-history .history-content .history-list { position: relative; }

.ckj-wrapper .section-history .history-content .history-list.__full-height { min-height: 100vh; min-height: var(--app-height); border: 1px solid red; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area { position: absolute; top: 50%; left: 58.3333vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #000; }

.ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area .history-title-content .history-font-year { font-size: 9.3750vw; }

.ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area .history-title-content .history-font-desc { font-size: 30px; line-height: 1.53; }

.ckj-wrapper .section-history .history-content .history-list .history-title-list.white .history-title-area { color: #fff; }

.has-scroll-smooth.mobile .ckj-section .ckj-section-inner.__full-height { min-height: var(--app-height); }

.has-scroll-smooth.mobile .ckj-section .ckj-section-inner.__full-height--80 { min-height: calc( var(--app-height) * .8); }

@media all and (max-width: 1280px) { .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year { font-size: 124px; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc { font-size: 22px; } }

@media all and (max-width: 1023px) { .ckj-wrapper { /* history section */ }
  .ckj-wrapper .brands-section-kv .copy_box { max-width: 520px; }
  .ckj-wrapper .brands-section-kv .copy_box .title_k1 br { display: none !important; }
  .ckj-wrapper .brands-section-kv .copy_box .text_k7 br { display: none !important; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.img-wrap { position: absolute; width: 100%; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.img-wrap .history__img-list { padding-left: 0 !important; left: 50%; top: 30%; -webkit-transform: translate(-50%, -15%); -moz-transform: translate(-50%, -15%); -ms-transform: translate(-50%, -15%); -o-transform: translate(-50%, -15%); transform: translate(-50%, -15%); text-align: center; width: 70%; height: auto; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.img-wrap .history__img-list .history-img { margin-top: 0 !important; padding: 0 !important; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap { width: 100%; margin-left: 0; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap { text-align: center; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; color: #000; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner.white { color: #fff; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year { font-size: 124px; margin-bottom: 4px; text-shadow: none; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year ul li:first-child { margin-bottom: 18px; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc { width: 60%; margin: 0 auto; font-size: 20px; line-height: 1.53; text-shadow: none; -webkit-text-stroke: initial; padding: 0 5vw; }
  .ckj-wrapper .section-history .history-content .history-list { position: relative; }
  .ckj-wrapper .section-history .history-content .history-list.__full-height { min-height: 100vh; min-height: var(--app-height); border: 1px solid red; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area { position: absolute; top: 50%; left: 58.3333vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #000; }
  .ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area .history-title-content .history-font-year { font-size: 124px; }
  .ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area .history-title-content .history-font-desc { font-size: 30px; line-height: 1.53; }
  .ckj-wrapper .section-history .history-content .history-list .history-title-list.white .history-title-area { color: #fff; } }

@media all and (max-width: 767px) { .ckj-wrapper .brands-section-kv .copy_box { box-sizing: border-box; padding: 0 26px; }
  .ckj-wrapper .brands-section-kv .copy_box .text_k7 br { display: none !important; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year { font-size: 106px; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc { font-size: 16px; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.img-wrap .history__img-list { width: 87%; top: 27%; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap { width: 100%; margin-left: 0; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap { text-align: center; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner { width: 92%; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner.white { color: #fff; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year { font-size: 106px; margin-bottom: 4px; text-shadow: none; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year ul li:first-child { margin-bottom: 18px; }
  .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc { width: auto; font-size: 16px; line-height: 1.53; text-shadow: none; -webkit-text-stroke: initial; padding: 0 5vw; }
  .ckj-wrapper .section-history .history-content .history-list { position: relative; }
  .ckj-wrapper .section-history .history-content .history-list.__full-height { min-height: 100vh; min-height: var(--app-height); border: 1px solid red; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area { position: absolute; top: 50%; left: 58.3333vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #000; }
  .ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area .history-title-content .history-font-year { font-size: 124px; }
  .ckj-wrapper .section-history .history-content .history-list .history-title-list .history-title-area .history-title-content .history-font-desc { font-size: 30px; line-height: 1.53; }
  .ckj-wrapper .section-history .history-content .history-list .history-title-list.white .history-title-area { color: #fff; } }

.en .history-font-desc { padding-right: 10vw; }

@media screen and (max-width: 1023px) { .en .history-font-desc { padding-right: 0px; } }

.ckj-wrapper .ckj-section .ckj-section-inner.__full-height { position: relative; }

.ckj-wrapper .ckj-section .ckj-section-inner.__full-height .scroll-wrap { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 9; }

.ckj-wrapper .ckj-section .ckj-section-inner.__full-height .scroll-wrap .scrolldown { width: 2px; background: rgba(255, 255, 255, 0.5); opacity: 0; height: 100px; }

@media screen and (max-width: 1023px) { .ckj-wrapper .ckj-section .ckj-section-inner.__full-height .scroll-wrap .scrolldown { height: 70px; } }

.ckj-wrapper .ckj-section .ckj-section-inner.__full-height .scroll-wrap .scrolldown span { display: block; position: absolute; width: 2px; background: #fff; height: 100%; animation: scrolldown-bar infinite 2.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

@keyframes scrolldown-bar { 0% { top: 0;
    bottom: 100%;
    height: 0; }
  30% { top: 0;
    bottom: 100%;
    height: 100%; }
  31% { top: 0%;
    bottom: 100%; }
  60%, 100% { top: 100%;
    bottom: 0;
    height: 0%; } }

body.en .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year .title_k1 { font-size: 124px; }

@media all and (max-width: 1280px) { body.en .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year .title_k1 { font-size: 84px; } }

@media all and (max-width: 767px) { body.en .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year .title_k1 { font-size: 74px; } }

body.en .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-desc br { display: none; }

body.cn .ckj-wrapper .section-history .history-content .history-list-wrap .history-grid-content-col .history-grid-wrap.text-wrap .history-text-wrap .history-text-inner .history-font-year { -ms-word-break: keep-all; word-break: keep-all; }

/*# sourceMappingURL=history.css.map */