@charset "UTF-8";
#silkscreen { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }

@media screen and (max-width: 767px) { .section { max-width: calc(86.1333vw + 96px) !important; padding: 0 48px !important; } }

#indicator { position: fixed; z-index: 9; top: 0; left: -200px; height: var(--app-height); opacity: 0; transition: .6s; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #indicator { height: 100vh; } }

#indicator.active { left: 43px; opacity: 1; }

@media screen and (max-width: 1023px) { #indicator.active { left: 20px; } }

#indicator .indicator-inner { position: absolute; top: 50%; transform: translateY(-50%); left: 0; }

@media screen and (max-width: 1023px) { #indicator .indicator-inner { top: auto; bottom: 15px; transform: none; } }

#indicator .indicator-inner li { margin-bottom: 30px; color: #fff; line-height: 1; }

#indicator .indicator-inner li:hover .progress { opacity: 1; }

@media screen and (max-width: 1023px) { #indicator .indicator-inner li { margin-bottom: 10px; } }

#indicator .indicator-inner a { display: block; position: relative; }

#indicator .indicator-inner span { transition: .4s; }

#indicator .indicator-inner .label { display: block; padding-left: 23px; white-space: nowrap; opacity: 0; font-family: 'CeraPro', sans-serif; font-size: 15px; line-height: 1.47; letter-spacing: 1.5px; text-transform: uppercase; }

@media screen and (max-width: 1023px) { #indicator .indicator-inner .label { opacity: 0 !important; } }

#indicator .indicator-inner .progress { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 8px; height: 8px; background: #fff; border: 2px solid #fff; border-radius: 50%; box-sizing: border-box; opacity: .3; }

#indicator .indicator-inner li.active .label { opacity: 1; }

#indicator .indicator-inner li.active .progress { left: -3px; width: 14px; height: 14px; background: transparent; opacity: 1; }

#indicator .indicator-inner li:hover .label { opacity: 1; }

#main { overflow: hidden; }

html[lang="en"] .ckj-wrapper { display: none; }

html[lang="en"] .ckj-wrapper.__cn { display: none; }

html[lang="en"] .ckj-wrapper.__en { display: block; }

html[lang="cn"] .ckj-wrapper { display: none; }

html[lang="cn"] .ckj-wrapper.__en { display: none; }

html[lang="cn"] .ckj-wrapper.__cn { display: block; }

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

.ckj-wrapper.__cn, .ckj-wrapper.__en { display: none; }

.ckj-wrapper .ckj-section { position: absolute; width: 100%; min-height: 100vh; min-height: var(--app-height); 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: absolute; width: 100%; height: 100%; top: 0; left: 0; }

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

@media screen and (max-width: 767px) { .ckj-wrapper .ckj-section .ckj-section-inner .copy_box { width: 100%; top: 50%; transform: translate(-50%, -50%); } }

.ckj-wrapper .ckj-section .ckj-section-inner .copy_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.25); }

.ckj-wrapper .ckj-section .ckj-section-inner .copy_bg .copy_bg_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

.ckj-wrapper .ckj-section .ckj-section-inner .copy_bg .copy_bg_inner p { opacity: 0; }

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

@media screen and (max-width: 1023px) { .ckj-wrapper .ckj-section .num_title_text { margin-bottom: 50px; } }

.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; word-break: keep-all; }

@media screen and (max-width: 1023px) { .ckj-wrapper .ckj-section .num_title_text .num_title_number { font-size: 70px; } }

@media screen and (max-width: 1023px) and (max-width: 767px) { .ckj-wrapper .ckj-section .num_title_text .num_title_number { font-size: 60px; } }

.ckj-wrapper .ckj-section .en_title_2 { text-transform: uppercase; }

.ckj-wrapper .brands-section-kv .ckj-section-bg { background: url("../../img/cheongkwanjang/master-brands/0_kv_bg@2x.jpg") no-repeat center/cover; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-kv .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/0_kv_bg_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-kv .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/0_kv_bg_m@2x.jpg"); } }

.ckj-wrapper .brands-section-kv p { transform: translateY(10vh); opacity: 0; }

.ckj-wrapper .brands-section-kv .text_k3 { margin-bottom: 40px; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-kv .text_k3 { margin-bottom: 20px; } }

.ckj-wrapper .noActive img { display: block; width: 100%; height: auto; }

.ckj-wrapper .brands-section-balance01 .ckj-section-bg { background: url("../../img/cheongkwanjang/master-brands/1_Balance_bg@2x.jpg") no-repeat center/cover; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-balance01 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/1_Balance_bg_t@2x.jpg"); } }

.ckj-wrapper .brands-section-balance01 .title_k3 { margin-bottom: 40px; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-balance01 .title_k3 { margin-bottom: 20px; } }

.ckj-wrapper .brands-section-balance01 .text_k5 { line-height: 1.89; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-balance01 .text_k5 { line-height: 1.86; } }

.ckj-wrapper .brands-section-balance02 .ckj-section-bg { background: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg1@2x.jpg") no-repeat center/cover; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-balance02 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg1_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-balance02 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg1_m@2x.jpg"); } }

.ckj-wrapper .brands-section-foundation01 .ckj-section-bg, .ckj-wrapper .brands-section-foundation02 .ckj-section-bg, .ckj-wrapper .brands-section-foundation03 .ckj-section-bg { background: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg2@2x.jpg") no-repeat center/cover; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-foundation01 .ckj-section-bg, .ckj-wrapper .brands-section-foundation02 .ckj-section-bg, .ckj-wrapper .brands-section-foundation03 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg2_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-foundation01 .ckj-section-bg, .ckj-wrapper .brands-section-foundation02 .ckj-section-bg, .ckj-wrapper .brands-section-foundation03 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg2_m@2x.jpg"); } }

.ckj-wrapper .brands-section-foundation01 .copy_box, .ckj-wrapper .brands-section-foundation02 .copy_box, .ckj-wrapper .brands-section-foundation03 .copy_box { width: 100%; text-align: left; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-foundation01 .copy_box, .ckj-wrapper .brands-section-foundation02 .copy_box, .ckj-wrapper .brands-section-foundation03 .copy_box { width: calc(100% - 100px); } }

.ckj-wrapper .brands-section-foundation01 .copy_box .text_k1, .ckj-wrapper .brands-section-foundation02 .copy_box .text_k1, .ckj-wrapper .brands-section-foundation03 .copy_box .text_k1 { margin-top: 15px; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-foundation01 .copy_box .text_k1, .ckj-wrapper .brands-section-foundation02 .copy_box .text_k1, .ckj-wrapper .brands-section-foundation03 .copy_box .text_k1 { margin-top: 8px; font-size: 24px; line-height: 1.63; letter-spacing: -0.24px; } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-foundation01 .copy_box .text_k1, .ckj-wrapper .brands-section-foundation02 .copy_box .text_k1, .ckj-wrapper .brands-section-foundation03 .copy_box .text_k1 { margin-top: 5px; } }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-foundation01 .copy_box .en_title_2, .ckj-wrapper .brands-section-foundation02 .copy_box .en_title_2, .ckj-wrapper .brands-section-foundation03 .copy_box .en_title_2 { letter-spacing: .2em; } }

.ckj-wrapper .brands-section-foundation01 .copy_box .text_k1 { margin-top: 15px; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-foundation01 .copy_box .text_k1 { margin-top: 8px; font-size: 24px; line-height: 1.63; letter-spacing: -0.24px; } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-foundation01 .copy_box .text_k1 { margin-top: 5px; } }

.ckj-wrapper .brands-section-foundation02 .ckj-section-bg { background: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg3@2x.jpg") no-repeat center/cover; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-foundation02 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg3_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-foundation02 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg3_m@2x.jpg"); } }

.ckj-wrapper .brands-section-foundation02 .copy_box { left: inherit !important; display: inline-block; width: inherit; right: 0; transform: translate(-18.75vw, -50%) !important; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-foundation02 .copy_box { transform: translate(calc(-5.2083vw - 50px), -50%) !important; } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-foundation02 .copy_box { max-width: calc(86.1333vw + 52px); padding: 0 48px; box-sizing: border-box; transform: translate(0, -50%) !important; } }

.ckj-wrapper .brands-section-foundation03 .ckj-section-bg { background: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg4@2x.jpg") no-repeat center/cover; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-foundation03 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg4_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-foundation03 .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/2_Foundation_bg4_m@2x.jpg"); } }

.ckj-wrapper .brands-section-moment .ckj-section-inner .copy_box { position: relative; top: 0; transform: translate(-50%, 0); }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-moment .ckj-section-inner .copy_box { position: relative; top: 0; transform: translate(-50%, 0); } }

.ckj-wrapper .brands-section-moment .moment-full-img { height: 100vh; height: var(--app-height); position: relative; background: url(../../img/cheongkwanjang/master-brands/3_moment_bg2@2x.jpg) no-repeat 50% 50%/cover; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-full-img { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg2_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-moment .moment-full-img { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg2_m@2x.jpg"); } }

.ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background: 50% 50% no-repeat; background-size: cover; opacity: 0; transition: opacity .3s; }

.ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg.on { z-index: 1; opacity: 1; }

.ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(1) { background-image: url(../../img/cheongkwanjang/master-brands/3_moment_bg2@2x.jpg); }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(1) { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg2_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(1) { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg2_m@2x.jpg"); } }

.ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(2) { background-image: url(../../img/cheongkwanjang/master-brands/3_moment_bg3@2x.jpg); }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(2) { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg3_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(2) { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg3_m@2x.jpg"); } }

.ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(3) { background-image: url(../../img/cheongkwanjang/master-brands/3_moment_bg4@2x.jpg); }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(3) { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg4_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(3) { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg4_m@2x.jpg"); } }

.ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(4) { background-image: url(../../img/cheongkwanjang/master-brands/3_moment_bg5@2x.jpg); }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(4) { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg5_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-moment .moment-full-img .moment-full-img-bg:nth-child(4) { background-image: url("../../img/cheongkwanjang/master-brands/3_moment_bg5_m@2x.jpg"); } }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; color: #fff; text-align: center; height: 100%; }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list .moment-bg-hover-list-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: calc(86.1333vw + 52px); padding: 0 26px; box-sizing: border-box; }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list .title_k3 { margin-bottom: 40px; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-bg-hover-list .title_k3 { margin-bottom: 20px; } }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list ul { display: flex; align-items: flex-end; margin-top: 170px; }

@media screen and (max-width: 1280px) { .ckj-wrapper .brands-section-moment .moment-bg-hover-list ul { margin-top: 120px; } }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-bg-hover-list ul { margin-top: 70px; } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-moment .moment-bg-hover-list ul { flex-wrap: wrap; height: auto; margin-top: 60px; } }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li { padding: 0; transition: opacity .3s; }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li svg { cursor: pointer; }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li { margin-bottom: 40px; }
  .ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li:nth-child(3), .ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li:nth-child(4) { margin-bottom: 0; } }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li.non { opacity: .2 !important; }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li div .img { display: block; width: 88px; height: 88px; margin: 0 auto; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li div .img { width: 60px; height: 60px; } }

.ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li .cera_m { margin-top: 50px; font-size: 24px; line-height: 1.33; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-moment .moment-bg-hover-list ul li .cera_m { margin-top: 20px; font-size: 18px; } }

.ckj-wrapper .brands-section-end { z-index: 2; }

.ckj-wrapper .brands-section-end .ckj-section-bg { background: url("../../img/cheongkwanjang/master-brands/4_ending_bg@2x.jpg") no-repeat center/cover; }

@media screen and (max-width: 1023px) { .ckj-wrapper .brands-section-end .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/4_ending_bg_t@2x.jpg"); } }

@media screen and (max-width: 767px) { .ckj-wrapper .brands-section-end .ckj-section-bg { background-image: url("../../img/cheongkwanjang/master-brands/4_ending_bg_m@2x.jpg"); } }

.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); }

/*# sourceMappingURL=master-brands.css.map */