/* BASIC css start */
.vogue { font-family: 'Classy Vogue', sans-serif !important; }
#about { width:100%; margin:200px auto 0; }
#about .bbs-tit { padding-bottom:110px; }
.container { max-width:1680px; min-width:1420px; margin:0 auto; }
.container .imgBox { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.container .textBox { opacity: 0; transform: translateX(-30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.in-view.container .imgBox { opacity: 1; transform: translateY(0); } 
.in-view.container .textBox { opacity: 1; transform: translateX(0); }
.container .textBox em { font-size:27px; color:#c40000; }

.section01 { width:80%; margin:0 auto; align-items: flex-end; }
.section01 .imgBox { width:50%; text-align:right; }
.section01 .imgBox img { max-width:650px; }
.section01 .textBox { width:50%; box-sizing:border-box; padding-left:80px; margin-bottom:30px; color:#333; }
.section01 .textBox .title { font-size:60px; margin-bottom:25px; letter-spacing: -2px; }
.section01 .textBox .normal { font-size:18px; line-height:35px; font-weight:300; }

.section02 { width:80%; margin:0 auto;align-items: center; margin-top:120px; }
.section02 .imgBox { width:440px; }
.section02 .imgBox img { max-width:400px; }
.section02 .textBox { width:calc(100% - 460px); box-sizing:border-box; padding-left:50px; color:#333; opacity: 0; transform: translateX(-30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.section02 .textBox .title { font-size:60px; margin-bottom:35px; line-height: 55px; letter-spacing: -2px;}
.section02 .textBox .normal { font-size:18px; line-height:34px; font-weight:300; }

.section03 { position: relative; width: 90%; margin:0 auto; padding:200px 0; }
.section03 .img-large { width: 50%; }
.section03 .img-large img { width:100%; max-width:700px; }
.section03 .img-small { position: absolute; }
.section03 .img1 { top: -30%; right: 17%;}
.section03 .img2 { bottom: -15%; right: 0; }
.section03 .img1 img { max-width:440px; }
.section03 .img2 img { max-width:410px; }
.section03 .imgBox.img2 { translateY(30px); transition: opacity 1s ease-out, transform 1s ease-out; }

.section04 { width:90%; margin:0 auto; align-items: center; }
.section04 > div { width:50%; }
.section04 .textBox { padding-left:70px; box-sizing:border-box; }
.section04 .textBox .title { font-size:60px; margin-bottom:25px; letter-spacing: -2px;}
.section04 .textBox .normal {  font-size:18px; line-height:35px; font-weight:300; }

.section05 { width:80%; margin:120px auto; align-items: flex-end; }
.section05 .imgBox { width:42%; text-align:right; }
.section05 .imgBox img { max-height:210px; }
.section05 .textBox { width:58%; box-sizing:border-box; padding-left:70px; color:#333; }
.section05 .textBox .title { font-size:60px; margin-bottom:25px; letter-spacing: -2px; }
.section05 .textBox .normal { font-size:18px; line-height:32px; font-weight:300; }


.section06 { width:80%;margin:120px auto; justify-content: center; align-items: flex-end; flex-direction: row; }
.section06 > div { width:50%; padding:0 30px; box-sizing:border-box; }
.section06 .imgBox { }
.section06 .imgBox img { }

.section07 { width:80%; margin:120px auto; align-items: flex-end; flex-direction: row; }
.section07 div.imgBox { width:45%; text-align:center; }
.section07 div.imgBox img { width:80%; }
.section07 .multiBox { width:55%; }
.section07 .multiBox ul li { text-align:center; box-sizing:border-box; }
.section07 .textBox { padding:30px; }
.section07 .textBox .title { font-size:65px; margin-bottom:30px; letter-spacing: -2px; }
.section07 .textBox .normal { font-size:18px; line-height:32px; font-weight:300; }

.section08 { }
.section08 .imgBox { width:90%; margin:50px auto 0; }

.section08 .textBox { width:48%; margin:0 auto; text-align:left; }
.section08 .textBox .title { font-size:60px; margin-bottom:25px; letter-spacing: -2px; }
.section08 .textBox .normal { font-size:18px; line-height:35px; font-weight:300; }

.section09 { margin:120px auto; width:90%; }
.section09 .imgBox { position:relative; }
.section09 .imgBox .textBox { position:absolute; right:60px; top:30px; }
.section09 .textBox .title { font-size:65px; letter-spacing: -2px; }
.section09 .textBox .normal { font-size:18px; font-weight:300; }

.section10 { width:100%; }
.section10 .imgBox { position:relative; }
.section10 .imgBox .textBox { position:absolute; left:7%; top:33%; }
.section10 .textBox .title { font-size:65px; line-height:60px; margin-bottom:40px; letter-spacing: -2px; color:#fff; }
.section10 .textBox em { color:#fff; font-size:27px; }
.section10 .textBox .normal { font-size:18px; line-height:34px; font-weight:300; color:#fff; }

.section11 { width:80%; margin:120px auto; align-items: flex-end; flex-direction: row; }
.section11 .imgBox {  text-align:center; }
.section11 .textBox .title { font-size:60px; margin-bottom:30px; letter-spacing: -2px; line-height:40px; }
.section11 .textBox .normal { font-size:18px; line-height:32px; font-weight:300; margin-bottom:60px; }

.section12 { width:80%; margin:0 auto;align-items: center; margin-top:200px; }
.section12 .imgBox { width:50%; }
.section12 .textBox { width:50%; box-sizing:border-box; padding-left:50px; color:#333; opacity: 0; transform: translateX(-30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.section12 .textBox .title { font-size:60px; margin-bottom:40px; letter-spacing: -2px;}
.section12 .textBox .normal { font-size:18px; line-height:35px; font-weight:300; }

.section13 { width:80%; margin:0 auto; margin-top:200px; text-align:center; }
.section14,
.section15 { position:relative; width:90%; margin:0 auto; margin-top:150px; }
.section16 { width:100%; margin:0 auto; text-align:center; margin-top:120px; }

.section14 .textBox { position:absolute; width:85%; margin:0 auto; top:60px; left:100px; }
.section14 .textBox .title { font-size:65px; margin-bottom:25px; letter-spacing: -2px;}
.section14 .textBox .normal { font-size:18px; line-height:35px; font-weight:300; }

.section15 .textBox { position:absolute; width:100%; margin:0 auto; text-align:center; top:70px; left:0; }
.section15 .textBox .title { font-size:65px; margin-bottom:25px; letter-spacing: -2px; color:#fff; }
.section15 .textBox .normal { font-size:18px; line-height:35px; font-weight:300; color:#fff; }

/* BASIC css end */