.intro-01 { height:1010px; }
.intro-01 .intro-01-container-bg { min-width:1200px; width:100%; height:1113px; background-image:url('/images/W/introduce/introduce_visual_bg.png'); background-position:top center; background-repeat:no-repeat; position:absolute; top:0; }
.intro-01 .intro-01-container-01 { min-width:1200px; height:964px; background-color:#f9f6f1; }
.intro-01 .intro-01-container-01 .intro-01-pre{ font-size:33px; line-height:39px; color:#222222; font-weight:400; padding-top:270px; }
.intro-01 .intro-01-container-01 h1 { font-size:60px; line-height:70px; color:#222222; font-weight:700; margin-top:30px; }
.intro-01 .intro-01-container-01 p { font-size:30px; line-height:40px; color:#222222; font-weight:300; margin-top:50px ; letter-spacing:-1px; }
.intro-01 .intro-01-container-02 { min-width:1200px; height:149px; background-color:#ffffff; }

.intro-movie { text-align:center; }


.intro-02 .wrap-container  { display:flex; margin-top:50px; }
.intro-02 .intro-02-icon { margin-left:80px; }
.intro-02 .intro-02-msg { margin-left:60px; margin-top:140px; }
.intro-02 .intro-02-msg h2 { font-size:50px; line-height:60px; font-weight:400; letter-spacing:-1px; color:#222222; }
.intro-02 .intro-02-msg h2 span { font-weight:700; }
.intro-02 .intro-02-msg h2 span:after { content:''; position:absolute; top:95px; left:2px; width:25px; height:2px; background-color:#222222; }
.intro-02 .intro-02-msg p { font-size:30px; line-height:40px; font-weight:400; letter-spacing:-3px; margin-top:60px; }

.intro-03 { width:100%; min-width:1200px;  height:527px; background-image:url('/images/W/introduce/introduce_visual_bg_02.png'); background-position:top center; background-repeat:no-repeat; background-color:#00c973; }
.intro-03 h2 { padding-top:130px; text-align:center; font-size:50px; line-height:60px; font-weight:700; color:#ffffff; }
.intro-03 h2 .intro-03-header { margin-bottom:90px; }
.intro-03 h2 .intro-03-header:after { content:''; position:absolute; top:95px; left:calc(50% - 1px); width:3px; height:30px; background-color:#ffffff; }
.intro-03 h2 span { font-weight:400; }

.intro-04 .wrap-container { display:flex; }
.intro-04 .intro-04-icon { margin-top:230px; }
.intro-04 .intro-04-msg { flex:1; align-self:baseline; margin-left:-120px; background-color:#ffffff; margin-top:430px; padding:70px; box-shadow:25px 25px 25px #f1f1ef;}
.intro-04 .intro-04-msg .intro-04-header { font-size:50px; line-height:40px; font-weight:700; letter-spacing:-3px; color:#222222; }
.intro-04 .intro-04-msg p { font-size:30px; line-height:40px; font-weight:400; letter-spacing:-3px; color:#222222; margin-top: 40px; }

.intro-05 { padding-bottom:220px; }
.intro-05 .wrap-container { display:flex; }
.intro-05 .intro-05-msg { margin-top:350px; width:610px; text-align:right; }
.intro-05 .intro-05-msg .intro-05-header { font-size:50px; line-height:60px; font-weight:400; letter-spacing:-3px; color:#222222; }
.intro-05 .intro-05-msg .intro-05-header span { font-weight:700; }
.intro-05 .intro-05-msg .intro-05-header:after { content:''; position:absolute; top:145px; right:0px; width:25px; height:2px; background-color:#222222; }
.intro-05 .intro-05-msg p { font-size:30px; line-height:40px; font-weight:400; letter-spacing:-3px; color:#222222; margin-top:40px; }
.intro-05 .intro-05-icon { margin-top:190px; margin-left:125px; }

.intro-06 { background-color:#f9f6f1; text-align:center; }
.intro-06 .wrap-container { padding-top:170px; padding-bottom:230px; background-color:#f9f6f1; }
.intro-06 h2 { font-size:50px; line-height:60px; font-weight:400; letter-spacing:-3px; color:#222222; }
.intro-06 h2 span { font-weight:700; }
.intro-06 p { font-size:30px; line-height:40px; font-weight:400; letter-spacing:-3px; color:#222222; margin-top:30px; }
.intro-06 .intro-06-list { display:flex; justify-content:space-between; width:1000px; margin:90px auto 0; }
.intro-06 .intro-06-list .intro-06-detail p { font-size:30px; line-height:40px; font-weight:400; letter-spacing:-3px; color:#222222; margin-top:30px; }
.intro-06 .intro-06-list .intro-06-detail:nth-child(2):after { content:''; position:absolute; top:120px; left:-80px; width:35px; height:64px; background-image:url('/images/W/introduce/introduce_icon_04-arrow.png'); background-position:0 0; background-repeat: no-repeat; }
.intro-06 .intro-06-list .intro-06-detail:nth-child(3):after { content:''; position:absolute; top:120px; left:-50px; width:35px; height:64px; background-image:url('/images/W/introduce/introduce_icon_04-arrow.png'); background-position:0 0; background-repeat: no-repeat; }

.intro-07 {  }
.intro-07 .wrap-container { padding-top:220px; padding-bottom:220px; }
.intro-07 p { font-size:50px; line-height:40px; font-weight:700; letter-spacing:-3px; color:#222222; padding-bottom:40px; }
.intro-07 p span { font-size:100px; color:#cfcfcf; }
.intro-07 .intro-07-list { display:flex; margin-top:10px; justify-content:space-between; }
.intro-07 .intro-07-list .intro-07-detail { cursor:pointer; }

.intro-08 { background-color:#f9f6f1; text-align:center; }
.intro-08 .wrap-container { padding-top:110px; padding-bottom:110px; background-color:#f9f6f1; }
.intro-08 .intro-08-header { font-size:50px; line-height:60px; font-weight:700; letter-spacing:-3px; color:#222222; }
.intro-08 p { font-size:30px; line-height:40px; font-weight:400; letter-spacing:-3px; color:#222222; margin-top:40px; }
.intro-08 a { display:block; width:360px; height:90px; font-size:30px; line-height:90px; font-weight:500; letter-spacing:-3px; color:#ffffff; margin:60px auto 0; background-color:#00c973; }

.intro-pop { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:3; }
.intro-pop .intro-pop-container { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.intro-pop .intro-pop-container .intro_close_btn { display:block; position:absolute; top:0; right:0; width:130px; height:130px; cursor:pointer; }