#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 .header .inner-wrap > p:nth-of-type(2) { padding-left: 94px; }


#wrap.intro .container { position: relative; }

#wrap.intro .container .title { position: absolute; left: 0; top: 75px; 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: 590px; height: 485px; left: 50%; margin-left: -600px; top: 183px; z-index: 10; }
#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 > p:nth-of-type(7) { left: 372px; top: 306px; z-index: 2; }
#wrap.intro .container .place > p:nth-of-type(8) { left: 331px; top: 330px; }
#wrap.intro .container .place > p:nth-of-type(9) { left: 392px; top: 256px; }
#wrap.intro .container .place > p:nth-of-type(10) { left: 442px; top: 498px; }


#wrap.intro .container .place-box { position: absolute; width: 940px; height: 510px; display: none; align-items: flex-end; left: 50%; top: 203px; z-index: 10; margin-left: 22px; background: #fff; }
#wrap.intro .container .place-box.active { display: flex; }
#wrap.intro .container .place-box > div { width: 488px; height: 100%; padding: 38px 0 0 53px; color: #292929; line-height: 1; }
#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 {}
#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 {}
#wrap.intro .container .place-box > p > img {}

#wrap.intro .container .branch { position: absolute; left: 0; bottom: 0; width: 100%; display: flex; justify-content: center; }
#wrap.intro .container .branch > ul { display: flex; padding: 0 0 50px; align-items: center; }
#wrap.intro .container .branch > ul > li { display: flex; align-items: center; }
#wrap.intro .container .branch > ul > li:nth-of-type(2) { width: 1px; height: 40px; background: #b7b7b7; margin: 0 75px 0 60px; }
#wrap.intro .container .branch > ul > li > span { font-size: 20px; letter-spacing: -1px; color: #686868; margin-left: 37px; line-height: 1; padding-bottom: 3px; word-break: keep-all; }

#wrap.intro .footer { font-size: 14px; color: #505050; }
#wrap.intro .footer .inner-wrap { padding: 30px 0 35px; }
#wrap.intro .footer .inner-wrap > ul {}
#wrap.intro .footer .inner-wrap > ul > li { line-height: 27px; letter-spacing: -0.7px; display: flex; }
#wrap.intro .footer .inner-wrap > ul > li > span { margin-right: 3px; }