

/* basic */
.basic_bg_video{width: 100%;height: 100vh;}
.basic_box{position: relative;width: 100%;height: 100vh;background-size: cover;background-repeat: no-repeat;background-position: center;}
/* .basic_box01{background-image: url('../img/page/brand/basic_box01.jpg');}
.basic_box02{background-image: url('../img/page/brand/basic_box02.jpg');}
.basic_box03{background-image: url('../img/page/brand/basic_box03.jpg');} */
.basic_object_wrap{width: 100%;height: 100vh;top: 0;left: 0;z-index: 1;}
.basic_object{width: 100%;height: 100%;justify-content: center;padding-top: 30px;}
.basic_object img{animation: rotation 40s linear infinite reverse;}
@keyframes rotation {
    from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}
.basic_box01 .basic_box_tit{padding-top: 120px;color: var(--ivory);text-align: center;}
.basic_box01 .basic_box_tit_img{margin-top: 15px;display: block;}
.basic_twrap{display: flex;align-items: center;gap: 14px;position: relative;padding-left: 10px;}
.basic_left{padding-top: 230px;width: 50%;}
.basic_txt{margin-bottom: 100px;}
.basic_twrap .basic_txt:nth-child(3){position: absolute;left: 120px;top: -86px;}
.basic_right{padding-top: 450px;padding-right: 58px;width: 50%;justify-content: flex-end;align-items: flex-start;gap: 10px;}
.basic_box02_cont{height: 100%;}
.basic_box02_top{width: 100%;height: 50%;}
.basic_box02_decoes{width: 50%;height: 100%;position: relative;}
.basic_box02_deco{position: absolute;}
.basic_box02_deco01{top: 74px;left: -25px;}
.basic_box02_deco01 img{animation: tiktok01 0.4s none infinite;}
.basic_box02_deco02{top: 160px;left: 170px;}
.basic_box02_deco02 img{animation: tiktok02 0.4s none infinite;}
.basic_box02_deco03{top: 298px;left: 37px;}
.basic_box02_deco03 img{animation: tiktok01 0.4s none infinite;}
.basic_box02_deco04{top: 67px;right: 119px;}
.basic_box02_deco04 img{animation: tiktok02 0.4s none infinite;}
.basic_box02_deco05{top: 163px;right: 0;}
.basic_box02_deco05 img{animation: tiktok01 0.4s none infinite;}
.basic_box02_deco06{top: 296px;right: 67px;}
.basic_box02_deco06 img{animation: tiktok02 0.4s none infinite;}
@keyframes tiktok01 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes tiktok02 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.basic_box02_btm{width: 100%;height: 50%;}
.basic_box02_btm_twrap{color: var(--ivory);letter-spacing: -0.025em;padding-top: 200px;}
.basic_box02_btm_twrap p.tit40{font-weight: 800;margin-bottom: 15px;}
.basic_box02_btm_twrap p.txt25{font-weight: 400;line-height: 1.4;}
.basic_box02_btm_hanja{padding-top: 139px;}
.basic_box03_hanja{height: 100%;align-items: center;}
.basic_box03_hanja01{width: 195px;height: 190px;background-image: url('../img/page/brand/basic_box03_hanja01.png');transition: all 0.2s;}
.basic_box03_hanja01.on{background-image: url('../img/page/brand/basic_box03_hanja01_cover.png');}
.basic_box03_hanja02{width: 192px;height: 191px;background-image: url('../img/page/brand/basic_box03_hanja02.png');transition: all 0.2s;}
.basic_box03_hanja02.on{background-image: url('../img/page/brand/basic_box03_hanja02_cover.png');}
.basic_box03_btm_twrap{height: 100%;color: var(--ivory);letter-spacing: -0.025em;bottom: 0;right: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;text-align: right;}
.basic_box03_btm_twrap p.tit40{font-weight: 800;margin-bottom: 15px;}
.basic_box03_btm_twrap p.txt25{font-weight: 400;line-height: 1.4;margin-bottom: 120px;}

/* point */
.point{padding-top: 100px;}
.point_lst{max-width: 1300px;width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.point_box{position: relative;width: 410px;height: 757px;border-radius: 100px 0 100px 0;overflow: hidden;}
.point_box_bg{width: 100%;height: 500px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.point_box_twrap{width: 100%;height: 257px;background-color: var(--primaryColor);color: var(--ivory);letter-spacing: -0.025em;justify-content: center;}
.point_box_tit{font-size: 35px;font-weight: 500;margin-bottom: 25px;line-height: 1.2;}
.point_box_sub{font-size: 25px;font-weight: 500;margin-bottom: 15px;}
.point_box_txt{font-size: 18px;line-height: 1.38;}
.point_box01 .point_box_bg{background-image: url('../img/page/brand/point_box01_bg.jpg');}
.point_box02 .point_box_bg{background-image: url('../img/page/brand/point_box02_bg.jpg');}
.point_box03 .point_box_bg{background-image: url('../img/page/brand/point_box03_bg.jpg');}

/* interior */
.interior{padding-top: 120px;}
.interior_tit{text-align: center;margin-bottom: 40px;}
.interior_slide{height: 520px;}
.interior_slide .swiper-slide{width: 897px;height: 100%;background-color: var(--primaryColor);}
.interior_sl{width: 897px;height: 100%;}
.interior_sl img{object-fit: cover;}

/* symbol */
.symbol{padding: 120px 0;}
.symbol_tit{margin-bottom: 40px;}
.symbol_lst{display: flex;justify-content: space-between;align-items: center;height: 453px;}
.symbol_box{width: 410px;height: 100%;border: 1px solid #393733;box-sizing: border-box;color: #393733;letter-spacing: -0.025em;padding: 20px;}
.sym_box_tit{font-size: 18px;font-weight: 600;}
.sym_box_cont{width: 100%;height: 245px;justify-content: center;margin-bottom: 20px;}
.sym_box_txt{text-align: center;font-size: 18px;line-height: 1.38;}
.sym_box_color{padding-top: 30px;}
.sym_box_color .sym_colors{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.sym_color_circle{width: 74px;height: 74px;border-radius: 50%;box-sizing: border-box;margin-right: 12px;}
.sym_colors01 .sym_color_circle{background-color: #4b4742;}
.sym_colors02 .sym_color_circle{background-color: #1f354c;}
.sym_colors03 .sym_color_circle{background-color: #a89c8c;}
.sym_colors04 .sym_color_circle{border: 1px solid #6d6d6d;background-color: #f6eee7;}
