#wrap.intro {}
#wrap.intro .header { display: flex; justify-content: space-between; }
#wrap.intro .header .inner-wrap { height: 158px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }

#wrap.intro .container { position: relative; display: flex; flex-direction: column; }

#wrap.intro .container .title { position: absolute; left: 0; top: 65px; text-align: center; font-size: 40px; color: #686868; letter-spacing: -2px; line-height: 1; width: 100%; }
#wrap.intro .container .title > span { font-size: 52px; color: #151515; font-weight: 700; }

#wrap.intro .container .place { z-index: 10; position: absolute; width: 100%; height: 749px; }
#wrap.intro .container .place > p { position: absolute; }
#wrap.intro .container .place > p > a { display: flex; flex-direction: column; align-items: center; }
#wrap.intro .container .place > p > a > span:nth-of-type(1) { width: 27px; height: 41px; background: url('../img/intro/place-off.png') center/100% no-repeat; }
#wrap.intro .container .place > p > a > span:nth-of-type(2) { font-size: 20px; letter-spacing: -1px; font-weight: 700; color: #686868; }

#wrap.intro .container .place > p.on > a > span:nth-of-type(1) { background: url('../img/intro/place-on.png') center/100% no-repeat; }
#wrap.intro .container .place > p.on > a > span:nth-of-type(2) { font-size: 24px; color: #3e669f; }

#wrap.intro .container .place > p:nth-of-type(1) { left: 274px; top: 184px; }
#wrap.intro .container .place > p:nth-of-type(2) { left: 202px; top: 201px; }
#wrap.intro .container .place > p:nth-of-type(3) { left: 176px; top: 273px; }
#wrap.intro .container .place > p:nth-of-type(4) { left: 162px; top: 387px; }
#wrap.intro .container .place > p:nth-of-type(5) { left: 500px; top: 222px; }
#wrap.intro .container .place > p:nth-of-type(6) { left: 485px; top: 349px; }


#wrap.intro .container .place-box { width: 100%; height: 510px; display: none; align-items: flex-end; justify-content: space-between; padding: 0 20px 0 40px; box-sizing: border-box; }
#wrap.intro .container .place-box.active { display: flex; }
#wrap.intro .container .place-box > div { width: auto; height: 100%; padding: 35px 0 0; color: #292929; line-height: 1; box-sizing: border-box; }
#wrap.intro .container .place-box > div > p:nth-of-type(1) { font-size: 20px; letter-spacing: -1px; }
#wrap.intro .container .place-box > div > p:nth-of-type(2) { font-size: 40px; letter-spacing: -2px; font-weight: 700; margin-top: 20px; }
#wrap.intro .container .place-box > div > ul { margin-top: 50px; }
#wrap.intro .container .place-box > div > ul > li { display: flex; align-items: center; width: 320px; word-break: keep-all; }
#wrap.intro .container .place-box.type2 > div > ul > li { width: 380px; }
#wrap.intro .container .place-box > div > ul > li:nth-of-type(2) { margin-top: 35px; }
#wrap.intro .container .place-box > div > ul > li:nth-of-type(3) { margin-top: 25px; }
#wrap.intro .container .place-box > div > ul > li > img { width: 45px; }
#wrap.intro .container .place-box > div > ul > li > a,
#wrap.intro .container .place-box > div > ul > li > span { font-weight: 500; color: #292929; letter-spacing: -1px; font-size: 20px; margin-left: 15px; line-height: 1.5; }
#wrap.intro .container .place-box > div > ul > li:nth-of-type(1) > span { font-size: 32px; letter-spacing: -1.5px; }
#wrap.intro .container .place-box > div > div { display: flex; margin-top: 45px; }
#wrap.intro .container .place-box > div > div > a { width: 130px; line-height: 45px; border: 1px solid #686868; box-sizing: border-box; text-align: center; font-size: 18px; border-radius: 45px; color: #686868; letter-spacing: -1px; }
#wrap.intro .container .place-box > div > div > a~a { margin-left: 22px; }
#wrap.intro .container .place-box > p { width: 350px; height: 598px; }
#wrap.intro .container .place-box > p img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }

#wrap.intro .container .branch { width: 100%; height: 254px; background: #f3f3f3; }
#wrap.intro .container .branch > ul { display: flex; height: 100%; flex-direction: column; justify-content: center; box-sizing: border-box; padding-left: 30px; }
#wrap.intro .container .branch > ul > li { display: flex; align-items: center; }
#wrap.intro .container .branch > ul > li:nth-of-type(2) { display: none; }
#wrap.intro .container .branch > ul > li:nth-of-type(3) { margin-top: 50px; }
#wrap.intro .container .branch > ul > li > p { display: flex; align-items: center; }
#wrap.intro .container .branch > ul > li > span { font-size: 20px; letter-spacing: -1px; color: #686868; margin-left: 35px; line-height: 1; padding-bottom: 5px; word-break: keep-all; }



#wrap.intro .footer { font-size: 14px; color: #505050; }
#wrap.intro .footer .inner-wrap { padding: 40px 20px 40px; box-sizing: border-box; }
#wrap.intro .footer .inner-wrap > ul {}
#wrap.intro .footer .inner-wrap > ul > li { line-height: 27px; letter-spacing: -0.7px; display: flex; word-break: keep-all; }
#wrap.intro .footer .inner-wrap > ul > li > span { margin-right: 3px; flex: 0 0 auto; }