* { margin: 0; padding: 0; }
.wrap { height: 765px; }
.p-box { position: relative; width: 1200px; margin: 0 auto; padding-top: 200px; }
.tab { position: absolute; left: 0; top: 210px; width: 255px; height: 550px; list-style-type: none; }
.tab li { height: 95px; background-image: url(../images/tabnor.png); }
.tab .on { background-image: url(../images/tabact.png); }
.tab .f01 { background-position: 0 0; }
.tab .f02 { background-position: 0 -95px; }
.tab .f03 { background-position: 0 -190px; }
.tab .f04 { background-position: 0 -285px; }
.tab .f05 { background-position: 0 -380px; }
.tab .f06 { background-position: 0 bottom; }
.swiper-container { position: absolute; right: 140px; top: 210px; z-index: 2; width: 800px; height: 600px;}
.swiper-slide img { width: 100%; }
.char0 { position: absolute; right: -80px; top: 100px; z-index: 3; }