body {
    font-family: 'Escoredream';
}

/*---------------------- PC 인트로 ----------------------*/

.wrap.intro2 {
    position:relative;
    min-width:1905px;
    width:100%;
    z-index:10;
}

.wrap.intro2 .leftArea {
    position:relative;
    float:left;
    width:15.8%;
    height:100%;
    background:#fff;
    z-index:2;
}

.wrap.intro2 .leftArea .contact {
    padding-bottom:30px;
    text-align:center;
}

.wrap.intro2 .leftArea .contact a {
    margin-bottom:5px;
    display:block;
}

.wrap.intro2 .leftArea .bottom {
    width:265px;
    margin:0 auto;
    padding-top:30px;
    border-top:1px solid #d3d1d0;
    text-align:center;
}

.wrap.intro2 .leftArea .bottom a {
    height:26px;
    padding:0 8px;
    margin-bottom:20px;
    border:1px solid #a2968d;
    border-radius:13px;
    font-size:0.8em;
    color:#a2968d;
    line-height:26px;
    display:inline-block;
}

.wrap.intro2 .rightArea {
    float:left;
    position:relative;
    width:84.2%;
    height:100%;
    background:#fff;
    overflow:hidden;
}

.wrap.intro2 .rightArea .menu {
    position:relative;
    width:100%;
    height:100%;
    z-index:10;
    overflow:hidden;
}

.wrap.intro2 .rightArea .menu ul {
    height:100%;
}

/* PC 이미지 메뉴 6개 */
.wrap.intro2 .rightArea .menu ul li {
    float:left;
    width:16.666666%;
    height:100%;
    box-sizing:border-box;
    border-right:1px solid rgba(255,255,255,0.3);
    text-align:center;
}

.wrap.intro2 .rightArea .menu ul li:last-child {
    border-right:0;
}

.wrap.intro2 .rightArea .menu ul li a {
    width:55%;
    margin:80% auto 0 auto;
    padding-bottom:60%;
    background:url(/images/intro_pc/menu_arrow.png) no-repeat bottom center / 60%;
    display:block;
}

.wrap.intro2 .rightArea .menu ul li a img {
    width:100%;
}

.wrap.intro2 .rightArea .intro_visual {
    overflow:hidden;
    z-index:5;
}


/*---------------------- PC 인트로 텍스트 처리 ----------------------*/

/* 텍스트 상단 */

.wrap.intro2 .leftArea .top2 {
    position:relative;
    width:100%;
    height:0;
    padding-bottom:195%;
    background:url(/images/intro_pc/left_bg2.jpg) no-repeat top center;
    background-size:cover;
}

.wrap.intro2 .leftArea .top2 .logo {
    margin-top:5%;
}

.wrap.intro2 .leftArea .top2 h1 {
    color:#fff;
}

.wrap.intro2 .leftArea .top2 .logo a {
    width:60%;
    margin:0 auto;
    display:block;
}

.wrap.intro2 .leftArea .top2 p {
    padding-top:108%;
    width:100%;
    text-align:center;
    white-space:pre-line;
    font-size:clamp(1.3em, 1vw, 2em);
    line-height:120%;
    color:#555;
    font-family:'MaruBuri';
}

.wrap.intro2 .leftArea .top2 p span {
    font-family:'MaruBuriBold';
}

.wrap.intro2 .leftArea .top2 .logo a img {
    width:100%;
}


/* 텍스트 연락처 */

.wrap.intro2 .leftArea .contact2 {
    margin-bottom:20px;
}

.wrap.intro2 .leftArea .contact2 a {
    width:85%;
    margin:0 auto;
    padding:4% 0;
    margin-bottom:2%;
    text-align:center;
    font-weight:200;
    font-size:clamp(1.2em, 1vw, 1.5em);
    display:block;
}

.wrap.intro2 .leftArea .contact2 a.tel span {
    display:inline-block;
    padding-left:10px;
    font-weight:500;
}

.wrap.intro2 .leftArea .contact2 a.tel2 span {
    display:inline-block;
    padding-left:10px;
    font-weight:500;
}

.wrap.intro2 .leftArea .contact2 a.kakao em {
    padding-left:30px;
    background:url(/images/intro_pc/icon_kakao.png) no-repeat left center;
    background-size:contain;
    font-weight:500;
}


/* 텍스트 푸터 */

.wrap.intro2 .leftArea .bottom p.text {
    width:100%;
    font-size:0.3em;
    font-weight:300;
    line-height:1.5;
    color:#888;
    white-space:pre-line;
}


/*---------------------- PC 텍스트 메뉴 ----------------------*/

.wrap.intro2 .rightArea .menu2 {
    position:relative;
    width:100%;
    height:100%;
    z-index:10;
    overflow:hidden;
}

.wrap.intro2 .rightArea .menu2 ul {
    height:100%;
}

/* PC 텍스트 메뉴 6개 */
.wrap.intro2 .rightArea .menu2 ul li {
    float:left;
    width:16.666666%;
    height:100%;
    box-sizing:border-box;
    border-right:1px solid rgba(255,255,255,0.3);
    text-align:center;
}

.wrap.intro2 .rightArea .menu2 ul li:last-child {
    border-right:none;
}

.wrap.intro2 .rightArea .menu2 ul li a {
    margin:95% auto 0 auto;
    color:#fff;
    height:0;
    padding-bottom:110%;
    background:url(/images/intro_pc/menu_arrow.png) no-repeat bottom center / 35%;
    display:block;
}

.wrap.intro2 .rightArea .menu2 ul li a span {
    padding:3% 3%;
    text-transform:uppercase;
    font-size:clamp(0.8em, 0.7vw, 1.1em);
    letter-spacing:0.1em;
    font-weight:300;
    display:inline-block;
}

.wrap.intro2 .rightArea .menu2 ul li a h2 {
    margin-top:35px;
    white-space:pre-line;
    font-size:clamp(2.6em, 2.2vw, 3.5em);
    font-weight:600;
    line-height:1.3;
    display:block;
}

.wrap.intro2 .rightArea .menu2 ul li a h2 em {
    font-weight:600;
    display:block;
}


/*---------------------- MOBILE 인트로 ----------------------*/

.wrap.intro2_m .logoArea {
    width:100%;
}

.wrap.intro2_m .logoArea img {
    width:100%;
}

.wrap.intro2_m .menuArea {
    position:relative;
    width:100%;
    background:#574d43;
    overflow:hidden;
}

.wrap.intro2_m .menuArea .menu {
    position:relative;
    width:100%;
    z-index:10;
    overflow:hidden;
}

/* 모바일 이미지 메뉴 */
.wrap.intro2_m .menuArea .menu ul li {
    float:left;
    width:50%;
    height:0;
    padding-bottom:52%;
    box-sizing:border-box;
    border-right:1px solid rgba(255,255,255,0.3);
    border-bottom:1px solid rgba(255,255,255,0.3);
}

.wrap.intro2_m .menuArea .menu ul li a {
    width:70%;
    margin:0 auto;
    display:block;
}

.wrap.intro2_m .menuArea .menu ul li a img {
    margin-top:28%;
    width:100%;
}

.wrap.intro2_m .menuArea #slideshow .intro_visual span {
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.wrap.intro2_m .bottomArea {
    width:90%;
    margin:40px auto;
}

.wrap.intro2_m .bottomArea a {
    margin-bottom:15px;
    display:block;
}

.wrap.intro2_m .bottomArea a img {
    width:100%;
}


/*---------------------- MOBILE 인트로 텍스트 처리 ----------------------*/

.wrap.intro2_m .menuArea .menu2 {
    position:relative;
    width:100%;
    z-index:10;
    overflow:hidden;
}

/* 모바일 메뉴 6개 - 2열 × 3줄 */
.wrap.intro2_m .menuArea .menu2 ul li {
    float:left;
    width:50%;
    height:0;
    padding-bottom:52%;
    box-sizing:border-box;
    border-right:1px solid rgba(255,255,255,0.3);
    border-bottom:1px solid rgba(255,255,255,0.3);
    text-align:center;
}

/* 첫 번째 메뉴도 동일한 크기 */
.wrap.intro2_m .menuArea .menu2 ul li:first-child {
    width:50%;
    padding-bottom:52%;
}

/* 첫 번째 메뉴 위치 */
.wrap.intro2_m .menuArea .menu2 ul li:first-child a {
    margin:22% auto 0 auto;
}

/* 첫 번째 메뉴 영문 라벨 */
.wrap.intro2_m .menuArea .menu2 ul li:first-child span {
    padding:4% 5%;
}

/* 첫 번째 메뉴 제목 */
.wrap.intro2_m .menuArea .menu2 ul li:first-child a h2 {
    margin-top:5%;
    font-weight:600;
}

/* 메뉴 링크 */
.wrap.intro2_m .menuArea .menu2 ul li a {
    width:100%;
    margin:22% auto 0 auto;
    color:#fff;
    display:block;
}

/* 영문 라벨 */
.wrap.intro2_m .menuArea .menu2 ul li a span {
    padding:4% 5%;
    text-transform:uppercase;
    font-size:2.3vw;
    letter-spacing:0.1em;
    font-weight:300;
    display:inline-block;
}

/* 한글 메뉴 제목 */
.wrap.intro2_m .menuArea .menu2 ul li a h2 {
    margin-top:5%;
    white-space:pre-line;
    font-size:7.2vw;
    font-weight:600;
    line-height:1.2;
    display:block;
}

.wrap.intro2_m .menuArea .menu2 ul li a h2 em {
    font-weight:600;
    display:inline-block;
}

/* 각 행 오른쪽 메뉴의 테두리 제거 */
.wrap.intro2_m .menuArea .menu2 ul li:nth-child(2n) {
    border-right:none;
}


/*---------------------- MOBILE 하단 연락처 ----------------------*/

.wrap.intro2_m .bottomArea2 {
    width:90%;
    margin:40px auto;
}

.wrap.intro2_m .bottomArea2 a {
    width:100%;
    margin:0 auto;
    padding:6% 0;
    margin-bottom:2%;
    text-align:center;
    font-weight:200;
    font-size:6vw;
    display:block;
}

.wrap.intro2_m .bottomArea2 a.tel span {
    display:inline-block;
    padding-left:10px;
    font-weight:500;
}

.wrap.intro2_m .bottomArea2 a.tel2 span {
    display:inline-block;
    padding-left:10px;
    font-weight:500;
}

.wrap.intro2_m .bottomArea2 a.kakao em {
    padding-left:10%;
    background:url(/images/intro_pc/icon_kakao.png) no-repeat left center;
    background-size:contain;
}


/*---------------------- 메뉴 영문 박스 컬러 ----------------------*/

/* 1번 - 핑크 */
.wrap.intro2 .rightArea .menu2 ul li:nth-child(1) a span,
.wrap.intro2_m .menuArea .menu2 ul li:nth-child(1) a span {
    background:#FF529D;
}

/* 2번 - 노랑 */
.wrap.intro2 .rightArea .menu2 ul li:nth-child(2) a span,
.wrap.intro2_m .menuArea .menu2 ul li:nth-child(2) a span {
    background:#ffba2c;
}

/* 3번 - 초록 */
.wrap.intro2 .rightArea .menu2 ul li:nth-child(3) a span,
.wrap.intro2_m .menuArea .menu2 ul li:nth-child(3) a span {
    background:#00CA6E;
}

/* 4번 - 주황 */
.wrap.intro2 .rightArea .menu2 ul li:nth-child(4) a span,
.wrap.intro2_m .menuArea .menu2 ul li:nth-child(4) a span {
    background:#FF5028;
}

/* 5번 - 보라 */
.wrap.intro2 .rightArea .menu2 ul li:nth-child(5) a span,
.wrap.intro2_m .menuArea .menu2 ul li:nth-child(5) a span {
    background:#F43EFF;
}

/* 6번 - 하늘색 */
.wrap.intro2 .rightArea .menu2 ul li:nth-child(6) a span,
.wrap.intro2_m .menuArea .menu2 ul li:nth-child(6) a span {
    background:#60d4ff;
}


/*---------------------- 연락처 박스 컬러 ----------------------*/

.wrap.intro2 .leftArea .contact2 a.tel,
.wrap.intro2_m .bottomArea2 a.tel {
    color:#fff;
    background:#2E2E2E;
}

.wrap.intro2 .leftArea .contact2 a.kakao,
.wrap.intro2_m .bottomArea2 a.kakao {
    background:#FFDD00;
}

/* 메인 메뉴 마우스 오버 시 어둡게 */
.menu2 li { position: relative; }

.menu2 li::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);  /* 어두운 정도: 0.2(살짝) ~ 0.5(진하게) */
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;              /* 클릭 방해 안 하게 */
    z-index: 1;
}

.menu2 li:hover::after { opacity: 1; }

/* 글자·라벨이 어두운 막 위에 보이도록 */
.menu2 li > * { position: relative; z-index: 2; }