.vlogger{background: url("../images/vlogger_bg.jpg");background-size: 100% auto;}
.vlogger_kv{width: 100%;height: 51.3vw; overflow: hidden;}
.vlogger_kv_01{width: 100%;}
.vlogger_kv_02{position: absolute;width: 100%;top: 3.8vw;right: 0;}
.vlogger_kv_tit{position: absolute;bottom: 3.5vw;right: 17.4vw;color: #babfb4;}
.vlogger_kv_des{position: absolute;bottom: 2.7vw;right: 17.4vw;color: #babfb4;font-size: 12px;}

.vlogger_nav{width: 9vw;position: absolute;right: 0;top:6vw;display: flex;flex-wrap: wrap;flex-direction: column;}
.vlogger_nav div{background:#b17b4b;width: 9vw;color: #fff;margin-bottom: 0.5vw;cursor: pointer;padding: 0.3vw 1vw;transform: translateX(2vw); transition: all ease-out 0.6s;
    border-radius: 0.5vw;
}
.vlogger_nav div:hover{width: 9vw;transform: translateX(0); transition: all ease-out 0.6s;}

.return_home{position: absolute;right: 0;top:3.5vw;padding: 0.3vw 1.5vw 0.3vw 1vw;border-radius: 0.3vw;transform: translateX(0.5vw);background: #cdcdcd;color: #000;transition: all ease-out 0.6s;}
.return_home a{color: #000;text-decoration-line: none;display: block;width: 100%;height: 100%;}
.return_home:hover{transform: translateX(0.1vw); transition: all ease-out 0.6s;}

.vlogger_p1{width: 100%;height: 57.4vw;overflow: hidden;}
.vlogger_p1_01{position: absolute;width: 44.4vw;top: 2.1vw;left: 17.1vw;}
.vlogger_p1_02{position: absolute;width: 17vw;top: 37.6vw;left: 28.1vw;}
.vlogger_p1_03{position: absolute;width: 28.5vw;top: 32.6vw;left: 44.5vw;}
.vlogger_p1_04{position: absolute;width: 2.5vw;top: 46.1vw;left: 26.1vw;}
.vlogger_p1_05{position: absolute;width: 1.9vw;top: 37.2vw;left: 73.9vw;}
.vlogger_p1_06_1{position: absolute;width: 7.2vw;top: 43vw;left: 20.5vw;}
.vlogger_p1_06_2{position: absolute;width: 7.2vw;top: 46.5vw;left: 73.7vw;}
.vlogger_p1_07{position: absolute;width: 69vw;top: 50.9vw;left: 15.5vw;}
.vlogger_p1_txt{position: absolute;top: 6.4vw;left: 64.7vw;}
.vlogger_p1_txt-content{width: auto; line-height: 2;margin-top: 1.8vw;}
.vlogger_p1_product01{position: absolute;top: 37.9vw;left: 20.7vw;}
.vlogger_p1_product02{position: absolute;top: 42vw;left: 73.7vw;}

.vlogger_p2{width: 100%;height: 30.8vw;}
.vlogger_p2_tit{position: absolute;width:100%;top: 2vw;left: 0;text-align: center;}
.vlogger_p2_des{position: absolute;width: 100%;top: 5.4vw;left: 0;text-align: center;}
.vlogger_p2_01{position: absolute;width: 68.8vw;top: 9.7vw;left: 15.6vw;}
.vlogger_p2_01_txt{position:absolute; top: 2.5vw; left: 5.4vw;}
.vlogger_p2_02{position: absolute;width: 11.1vw;top: 3.5vw;
    left: 41.5vw;cursor: pointer;}
.vlogger_p2_03{position: absolute;width: 21vw;top: 8.5vw;left: 5.4vw;}

.vlogger_p3{width: 100%;height: 42.9vw;}
.vlogger_p3_01{position: absolute;width: 23.1vw;top: 9.1vw;left: 57.4vw;}
.vlogger_p3_02{position: absolute;width: 37.9vw;top: 9.1vw;left: 19.3vw;}
.vlogger_p3_03{position: absolute;width: 2.3vw;top: 0vw;left: 13.4vw;}
.vlogger_p3_04{position: absolute;width: 12.4vw;top: 15.5vw;left: 0;}
.vlogger_p3_05{position: absolute;width: 8.8vw;top: 0;right: 12.5vw;}
.vlogger_p3_06{position: absolute;width: 13.8vw;top: 9.5vw;left: 0;}
.vlogger_p3_07{position: absolute;width: 27.1vw;top: 10vw;left: 11vw;}

.vlogger_p4{width: 100%;height: 38.2vw;}
.vlogger_p4_01{position: absolute;width: 42.4vw;top: 6.8vw;left: 15.6vw;}
.vlogger_p4_02{position: absolute;width: 24vw;top: 7vw;left: 60.3vw;}
.vlogger_p4_03{position: absolute;width: 1.5vw;top: 0vw;left: 15vw;}
.vlogger_p4_04{position: absolute;width: 12.4vw;top: 25vw;left: 0;}
.vlogger_p4_05{position: absolute;width: 8.8vw;top: 0;right: 12.5vw;}
.vlogger_p4_06{position: absolute;width: 21vw;top: 8.5vw;left: 0;}
.vlogger_p4_07{position: absolute;width: 22.7vw;top: 11.8vw;left: 0;}
.vlogger_p4_08{position: absolute;width: 42.4vw;top: 31.9vw;left: 15.6vw;}
.vlogger_p4_09{position: absolute;width: 11.1vw;top: 7.9vw;left: 15.6vw;cursor: pointer;}
.vlogger_p4_10{position: absolute;width: 27.9vw;top: 16.9vw;left: -4vw;}

.vlogger_p5{width: 100%;height: 32.2vw;}
.vlogger_p5_01{position: absolute;width: 24.4vw;top: 6.8vw;left: 59.7vw;}
.vlogger_p5_02{position: absolute;width: 37.9vw;top: 9.1vw;left: 19.3vw;}
.vlogger_p5_03{position: absolute;width: 1.6vw;top: 0.3vw;left: 14vw;}
.vlogger_p5_04{position: absolute;width: 12.4vw;top: 18.5vw;left: 0;}
.vlogger_p5_05{position: absolute;width: 8.8vw;top: 0;right: 12.5vw;}
.vlogger_p5_06{position: absolute;width: 24vw;top: 7.5vw;left: 0;}
.vlogger_p5_07{position: absolute;width: 23.5vw;top: 9.8vw;left: 0;}
.vlogger_p5_09{position: absolute;width: 15.4vw;top: 6.8vw;left: 43.8vw;}
.vlogger_p5_10{position: absolute;width: 33.9vw;top: 11.9vw;left: -4vw;}

.vlogger_p6{width: 100%;height: 36.5vw;}
.vlogger_p6_01{position: absolute;width: 37vw;top: 6.8vw;left: 15.6vw;}
.vlogger_p6_02{position: absolute;width: 30vw;top: 7vw;left: 55.5vw;}
.vlogger_p6_03{position: absolute;width: 1.7vw;top: -1vw;left: 23vw;}
.vlogger_p6_04{position: absolute;width: 12.4vw;top: 21vw;left: 0;}
.vlogger_p6_05{position: absolute;width: 8.8vw;top: 0;right: 12.5vw;}
.vlogger_p6_06{position: absolute;width: 24vw;top: 7.5vw;left: 0;}
.vlogger_p6_07{position: absolute;width: 27.2vw;top: 6.6vw;left: 0;}

.vlogger_p7{width: 100%;height: 38.2vw;}
.vlogger_p7_01{position: absolute;width: 28.8vw;top: 6.8vw;left: 15.6vw;}
.vlogger_p7_02{position: absolute;width: 30vw;top: 7vw;left: 55.5vw;}
.vlogger_p7_03{position: absolute;width: 1.5vw;top: -0.3vw;left: 8.5vw;}
.vlogger_p7_04{position: absolute;width: 12.4vw;top: 12.5vw;left: 0;}
.vlogger_p7_05{position: absolute;width: 8.8vw;top: 0;right: 12.5vw;}
.vlogger_p7_06{position: absolute;width: 24vw;top: 10vw;left: 0;}
.vlogger_p7_07{position: absolute;width: 33.9vw;top: 17.3vw;left: -7vw;}
.vlogger_p7_09{position: absolute;width: 4.9vw;top: 7.3vw;left: 47.9vw;}
.vlogger_p7_10{position: absolute;width: 69vw;width: 69vw;top: 15.9vw;left: -40vw;}


.vlogger_p8{width: 100%;height: 30.1vw;}
.vlogger_p8_01{position: absolute;width: 24.4vw;top: 6.8vw;left: 59.7vw;}
.vlogger_p8_02{position: absolute;width: 37.9vw;top: 7vw;left: 19.3vw;}
.vlogger_p8_03{position: absolute;width: 1.9vw;top: 0.3vw;left: 17vw;}
.vlogger_p8_04{position: absolute;width: 12.4vw;top: 7vw;left: 0;}
.vlogger_p8_05{position: absolute;width: 8.8vw;top: 0;right: 12.5vw;}
.vlogger_p8_06{position: absolute;width: 24vw;top: 10.8vw;left: 0;}
.vlogger_p8_07{position: absolute;width: 22.9vw;top: 0.8vw;left: 16vw;}
.vlogger_p8_09{position: absolute;width: 11.1vw;top: 3.5vw;left: 7.5vw;cursor: pointer;}
.vlogger_p8_10{position: absolute;width: 33.9vw;top: 11.9vw;left: -4vw;}
.vlogger_p8_11{position: absolute;width: 22.9vw;top: 7.3vw;left: 32vw;}


.vlogger_p9{width: 100%;height: 38vw;}
.vlogger_p9_01{position: absolute;width: 24.4vw;top: 8vw;left: 59.7vw;}
.vlogger_p9_02{position: absolute;width: 37.9vw;top: 6.2vw;left: 19.3vw;}
.vlogger_p9_03{position: absolute;width: 1.9vw;top: 0;left: 16vw;}
.vlogger_p9_04{position: absolute;width: 12.4vw;top:11.6vw;left: 0;}
.vlogger_p9_05{position: absolute;width: 8.8vw;top: 0;right: 12.5vw;}
.vlogger_p9_06{position: absolute;width: 24vw;top: 7vw;left: 0;}
.vlogger_p9_07{position: absolute;width: 6.7vw;top: 6vw;left: 24vw;}
.vlogger_p9_09{position: absolute;width: 38.9vw;top: 27vw;left: 30.6vw;}

@media screen and (min-width: 1921px){
    .return_home{top:67px;}
    .font_size_16{ font-size:15px;} .font_size_18{ font-size:17px;} .font_size_20{ font-size:19px; line-height: 1.6;letter-spacing: 1px;} .font_size_22{ font-size:19px;} .font_size_24{ font-size:23px; line-height: 1.6;} .font_size_26{ font-size:24px;} .font_size_28{ font-size:26px; } .font_size_30{ font-size:28px;line-height: 1.4;} .font_size_32{ font-size:30px;} .font_size_36{ font-size:38px;line-height: 1.6;} .font_size_38{ font-size:46px;line-height: 1.4;margin-bottom: 9px;letter-spacing:1px;} .font_size_48{ font-size: 48px;line-height: 1.4} .font_size_50{ font-size:69px; } .font_size_60{ font-size:82px; }
    .vlogger{background: url('../images/vlogger_bg.jpg');background-size: 100% auto;width: 1920px;margin: 0 auto; } .vlogger_kv{width: 100%;height: 984px; overflow: hidden;} .vlogger_kv_01{width: 100%;} .vlogger_kv_02{position: absolute;width: 100%;top: 72px;right: 0;} .vlogger_kv_tit{position: absolute;bottom: 67px;right: 334px;color: #babfb4;} .vlogger_kv_des{position: absolute;bottom: 51px;right: 334px;color: #babfb4;font-size: 12px;} .vlogger_nav{width: 172px;position: absolute;right: 0;top:57px;display: flex;flex-wrap: wrap;flex-direction: column;} .vlogger_nav div{background:#b17b4b;width: 172px;color: #fff;margin-bottom: 9px;cursor: pointer;padding: 9px 19px;transform: translateX(38px); transition: all ease-out 0.6s; border-radius: 19px; } .vlogger_nav div:hover{width: 172px;transform: translateX(0); transition: all ease-out 0.6s;} .vlogger_p1{width: 100%;height: 1102px;overflow: hidden;} .vlogger_p1_01{position: absolute;width: 852px;top: 40px;left: 328px;} .vlogger_p1_02{position: absolute;width: 326px;top: 721px;left: 539px;} .vlogger_p1_03{position: absolute;width: 547px;top: 625px;left: 854px;} .vlogger_p1_04{position: absolute;width: 48px;top: 885px;left: 501px;} .vlogger_p1_05{position: absolute;width: 36px;top: 714px;left: 1418px;} .vlogger_p1_06_1{position: absolute;width: 138px;top: 825px;left: 393px;} .vlogger_p1_06_2{position: absolute;width: 138px;top: 892px;left: 1415px;} .vlogger_p1_07{position: absolute;width: 1324px;top: 977px;left: 297px;} .vlogger_p1_txt{position: absolute;top: 122px;left: 1242px;} .vlogger_p1_txt-content{width: auto; line-height: 2;margin-top: 34px;} .vlogger_p1_product01{position: absolute;top: 727px;left: 397px;} .vlogger_p1_product02{position: absolute;top: 806px;left: 1415px;} .vlogger_p2{width: 100%;height: 591px;} .vlogger_p2_tit{position: absolute;width:100%;top: 38px;left: 0;text-align: center;} .vlogger_p2_des{position: absolute;width: 100%;top: 103px;left: 0;text-align: center;} .vlogger_p2_01{position: absolute;width: 1320px;top: 186px;left: 299px;} .vlogger_p2_01_txt{position:absolute; top: 48px; left: 103px;} .vlogger_p2_02{position: absolute;width: 197px;top: 163px;left: 103px;} .vlogger_p2_03{position: absolute;width: 403px;top: 165px;left: 103px;} .vlogger_p3{width: 100%;height: 823px;} .vlogger_p3_01{position: absolute;width: 443px;top: 174px;left: 1102px;} .vlogger_p3_02{position: absolute;width: 727px;top: 210px;left: 370px;} .vlogger_p3_03{position: absolute;width: 33px;top: 0px;left: 257px;} .vlogger_p3_04{position: absolute;width: 238px;top: 297px;left: 0;} .vlogger_p3_05{position: absolute;width: 168px;top: 0;left: 1510px;} .vlogger_p3_06{position: absolute;width: 264px;top: 182px;left: 0;} .vlogger_p3_07{position: absolute;width: 520px;top: 192px;left: 211px;} .vlogger_p4{width: 100%;height: 733px;} .vlogger_p4_01{position: absolute;width: 814px;top: 130px;left: 299px;} .vlogger_p4_02{position: absolute;width: 460px;top: 134px;left: 1157px;} .vlogger_p4_03{position: absolute;width: 25px;top: 0px;left: 288px;} .vlogger_p4_04{position: absolute;width: 238px;top: 480px;left: 0;} .vlogger_p4_05{position: absolute;width: 168px;top: 0;left: 1510px;} .vlogger_p4_06{position: absolute;width: 403px;top: 163px;left: 0;} .vlogger_p4_07{position: absolute;width: 435px;top: 226px;left: 0;} .vlogger_p4_08{position: absolute;width: 814px;top: 612px;left: 299px;} .vlogger_p4_09{position: absolute;width: 213px;top: 151px;left: 299px;cursor: pointer;} .vlogger_p4_10{position: absolute;width: 535px;top: 324px;left: -76px;} .vlogger_p5{width: 100%;height: 618px;} .vlogger_p5_01{position: absolute;width: 468px;top: 130px;left: 1146px;} .vlogger_p5_02{position: absolute;width: 727px;top: 174px;left: 370px;}
    .vlogger_p5_03{position: absolute;width: 24px;top: 5px;left: 268px;}
    .vlogger_p5_04{position: absolute;width: 238px;top: 355px;left: 0;} .vlogger_p5_05{position: absolute;width: 168px;top: 0;left: 1510px;} .vlogger_p5_06{position: absolute;width: 460px;top: 144px;left: 0;} .vlogger_p5_07{position: absolute;width: 451px;top: 188px;left: 0;} .vlogger_p5_09{position: absolute;width: 295px;top: 130px;left: 840px;} .vlogger_p5_10{position: absolute;width: 650px;top: 228px;left: -76px;} .vlogger_p6{width: 100%;height: 700px;} .vlogger_p6_01{position: absolute;width: 710px;top: 130px;left: 299px;} .vlogger_p6_02{position: absolute;width: 576px;top: 134px;left: 1065px;} .vlogger_p6_03{position: absolute;width: 26px;top: -19px;left: 441px;} .vlogger_p6_04{position: absolute;width: 238px;top: 425px;left: 0;} .vlogger_p6_05{position: absolute;width: 168px;top: 0;left: 1510px;} .vlogger_p6_06{position: absolute;width: 460px;top: 144px;left: 0;} .vlogger_p6_07{position: absolute;width: 522px;top: 145px;left: 0;} .vlogger_p7{width: 100%;height: 733px;} .vlogger_p7_01{position: absolute;width: 552px;top: 130px;left: 299px;} .vlogger_p7_02{position: absolute;width: 576px;top: 134px;left: 1065px;} .vlogger_p7_03{position: absolute;width: 25px;top: -5px;left: 163px;} .vlogger_p7_04{position: absolute;width: 238px;top: 240px;left: 0;} .vlogger_p7_05{position: absolute;width: 168px;top: 0;left: 1510px;} .vlogger_p7_06{position: absolute;width: 460px;top: 192px;left: 0;} .vlogger_p7_07{position: absolute;width: 650px;top: 332px;left: -134px;} .vlogger_p7_09{position: absolute;width: 95px;top: 140px;left: 919px;} .vlogger_p7_10{position: absolute;width: 1324px;width: 1324px;top: 305px;left: -768px;}
    .vlogger_p8{width: 100%;height: 577px;} .vlogger_p8_01{position: absolute;width: 468px;top: 130px;left: 1146px;} .vlogger_p8_02{position: absolute;width: 727px;top: 200px;left: 370px;} .vlogger_p8_03{position: absolute;width: 27px;top: 5px;left: 326px;} .vlogger_p8_04{position: absolute;width: 238px;top: 134px;left: 0;} .vlogger_p8_05{position: absolute;width: 168px;top: 0;left: 1510px;} .vlogger_p8_06{position: absolute;width: 460px;top: 207px;left: 0;} .vlogger_p8_07{position: absolute;width: 439px;top: 15px;left: 307px;} .vlogger_p8_09{position: absolute;width: 213px;top: 67px;left: 144px;cursor: pointer;} .vlogger_p8_10{position: absolute;width: 650px;top: 228px;left: -76px;} .vlogger_p8_11{position: absolute;width: 439px;top: 140px;left: 614px;} .vlogger_p9{width: 100%;height: 729px;} .vlogger_p9_01{position: absolute;width: 468px;top: 153px;left: 1146px;} .vlogger_p9_02{position: absolute;width: 727px;top: 190px;left: 370px;} .vlogger_p9_03{position: absolute;    width: 28px;top: 0;left: 293px;} .vlogger_p9_04{position: absolute;width: 238px;top:222px;left: 0;} .vlogger_p9_05{position: absolute;width: 168px;top: 0;left: 1510px;} .vlogger_p9_06{position: absolute;width: 460px;top: 134px;left: 0;} .vlogger_p9_07{position: absolute;width: 128px;top: 115px;left: 460px;} .vlogger_p9_09{position: absolute;width: 746px;top: 570px;left: 587px;}
    .vlogger_p2_02 {position: absolute;width: 197px;top: 70px;left: 805px;}
}