/* 임시css */
.equelle_page_body{color:#222; box-sizing:border-box; font-family: 'Pretendard', sans-serif !important; letter-spacing:-0.02em;}
.eq_pro_content_wrap{width:100%;background:#e7edef;box-sizing:border-box;font-weight:400;}
.eq_product_top_box{text-align:center; margin:0 auto; width:1200px; max-width:100%; background:#FFF;}



/* 공통 */
.equelle .font_gra {background:linear-gradient(45deg, #e74399 0%,#abc02b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.equelle .font_pink {color:#E74399;}
.equelle .equelle_logo {padding:50px 20px 40px; text-align:center;}
.equelle .equelle_logo img {width:300px; max-width:55%; height:auto;}
.equelle section .title>dt {line-height:1.5; font-weight:700; font-size:36px;}
.equelle section .title>dd {margin-top:20px; font-weight:300; font-size:18px; color:#444;}
.equelle section .basis {margin:50px auto 0; padding:25px 40px; width:1000px; max-width:95%; text-align:left; background:rgba(255,255,255,.8); border-radius:10px;}
.equelle section .basis>em {font-weight:500; font-size:14px; color:#666;}
.equelle section .basis>ol {display:flex; flex-direction:column; gap:5px; margin-top:10px;}
.equelle section .basis>ol>li {display:flex; gap:5px; line-height:1.7;}
.equelle section .basis>ol>li>i,
.equelle section .basis>ol>li>div>p {font-weight:300; font-size:12px; color:#666;}


/* 에쿠엘 css */
.equelle_sec1 {display:flex; align-items:center; justify-content:flex-end; padding-right:10.8%; width:100%; height:800px; background-image:url("/img/user/product/equelle_sec1_bg.png"); background-size:cover; background-position:center;}
.equelle_sec1>dl {text-align:left;}
.equelle_sec1>dl>dt {line-height:1.5; font-weight:700; font-size:40px;}
.equelle_sec1>dl>dt>span {color:#E74399;}
.equelle_sec1>dl>dd {margin-top:20px; line-height:1.7; font-weight:300; font-size:20px;}
.equelle_sec1>dl>dd>span {font-weight:500; color:#444;}

.equelle_sec2 {margin-top:100px;}
.equelle_sec2>div {margin-top:40px;}
.equelle_sec2>div>img {width:100%;}

.equelle_sec3 {margin-top:100px; padding:60px 0 40px; background-image:url("/img/user/product/equelle_sec3_bg.jpg"); background-size:cover; background-position:center;}
.equelle_sec3>ul {display:flex; justify-content:space-between; align-items:flex-start; margin:40px auto 0; width:1090px; max-width:95%;}
.equelle_sec3>ul>li {display:flex; flex-direction:column; align-items:center; gap:30px; width:32%;}
.equelle_sec3>ul>li>div {width:320px; max-width:100%;}
.equelle_sec3>ul>li>div>img {width:100%;}
.equelle_sec3>ul>li>dl {}
.equelle_sec3>ul>li>dl>dt {line-height:1.5; font-weight:600; font-size:24px;}
.equelle_sec3>ul>li>dl>dt>span {font-weight:300; font-size:22px; color:#666;}
.equelle_sec3>ul>li>dl>dd {margin-top:10px; line-height:1.7; font-weight:300; font-size:16px; color:#666; word-break:keep-all;}

.equelle_sec4 {padding:80px 0 50px; background-image:url("/img/user/product/equelle_sec4_bg.jpg"); background-size:cover; background-position:center;}
.equelle_sec4>.con {display:flex; justify-content:center; gap:21.4%;}
.equelle_sec4>.con>h2 {text-align:left; font-weight:700; font-size:42px; line-height:1.5;}
.equelle_sec4>.con>ol {display:flex; flex-direction:column; gap:40px; margin-top:15px;}
.equelle_sec4>.con>ol>li {display:flex; align-items:center; gap:30px;}
.equelle_sec4>.con>ol>li:nth-child(2),
.equelle_sec4>.con>ol>li:nth-child(3) {margin-left:70px;}
.equelle_sec4>.con>ol>li>div {display:flex; flex-direction:column; justify-content:flex-start; gap:20px;}
.equelle_sec4>.con>ol>li>div>em {display:flex; justify-content:center; align-items:center; padding:10px 16px; width:fit-content; font-weight:500; font-size:20px; color:#fff; border-radius:9999px;}
.equelle_sec4>.con>ol>li:nth-child(1)>div>em {background:#E74399;}
.equelle_sec4>.con>ol>li:nth-child(2)>div>em {background:#CA345A;}
.equelle_sec4>.con>ol>li:nth-child(3)>div>em {background:#C4B32F;}
.equelle_sec4>.con>ol>li:nth-child(4)>div>em {background:#ABC02B;}
.equelle_sec4>.con>ol>li>div>dl {text-align:left;}
.equelle_sec4>.con>ol>li>div>dl>dt {font-weight:700; font-size:32px; }
.equelle_sec4>.con>ol>li:nth-child(1)>div>dl>dt {background:linear-gradient(90deg, #E74399 0%,#222222 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.equelle_sec4>.con>ol>li:nth-child(2)>div>dl>dt {background:linear-gradient(90deg, #CA345A 0%,#222222 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.equelle_sec4>.con>ol>li:nth-child(3)>div>dl>dt {background:linear-gradient(90deg, #A99000 0%,#222222 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.equelle_sec4>.con>ol>li:nth-child(4)>div>dl>dt {background:linear-gradient(90deg, #809600 0%,#222222 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.equelle_sec4>.con>ol>li>div>dl>dd {margin-top:10px; line-height:1.5; font-weight:300; font-size:18px; color:#666;}

.equelle_sec5 {width:100%; height:760px; padding-left:6.66%; background-image:url("/img/user/product/equelle_sec5_bg.jpg"); background-size:cover; background-position:center;}
.equelle_sec5>div {display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; text-align:left;}
.equelle_sec5>div>em {font-weight:500; font-size:18px;}
.equelle_sec5>div>dl {display:flex; align-items:flex-end; gap:10px; margin-top:15px;}
.equelle_sec5>div>dl>dt {width:fit-content; font-weight:700; font-size:42px;}
.equelle_sec5>div>dl>dd {margin-bottom:5px; padding:7px 11px; font-family:"Noto Serif KR", serif !important; font-weight:500; font-size:14px; color:#444; background:#fff; border-radius:9999px;}
.equelle_sec5>div>div {margin-top:30px; line-height:1.7; font-weight:300; font-size:20px; color:#444;}
.equelle_sec5>div>div>p {margin-top:5px; font-weight:500; font-size:20px; color:#444;}



/* 반응형 */
@media screen and (max-width:1024px) {
    .equelle_sec4>.con {gap:4.4%;}

}
@media screen and (max-width:768px) {
    /* 공통 */
    .equelle .equelle_logo {padding:7.813vw 5.208vw 5.208vw;}
    .equelle .equelle_logo img {width:45vw; max-width:60%;}

    .equelle section .title>dt {font-size:5.990vw;}
    .equelle section .title>dd {margin-top:3.906vw; font-size:3.646vw;}
    .equelle section .basis {margin:7.813vw auto 0; padding:4.557vw 5.208vw; border-radius:2.604vw;}
    .equelle section .basis>em {font-size:3.125vw;}
    .equelle section .basis>ol {gap:1.953vw; margin-top:2.604vw;}
    .equelle section .basis>ol>li {gap:1.302vw;}
    .equelle section .basis>ol>li>i, 
    .equelle section .basis>ol>li>div>p {font-size:2.865vw; word-break:keep-all;}
    .equelle section .basis>ol>li>div>p:not(:first-child) {margin-top:0.651vw;}

    .equelle_sec1 {height:106.771vw;}
    .equelle_sec1>dl>dt {font-size:6.510vw;}
    .equelle_sec1>dl>dd {margin-top:3.906vw; font-size:3.906vw;}

    .equelle_sec2 {margin-top:14.323vw;}
    .equelle_sec2>div {margin-top:6.510vw;}

    .equelle_sec3 {margin-top:14.323vw; padding:9.115vw 0 6.510vw;}
    .equelle_sec3>ul {flex-direction:column; gap:7.813vw; margin:6.510vw auto 0;}
    .equelle_sec3>ul>li {gap:5.208vw; width:100%;}
    .equelle_sec3>ul>li>div {width:42.969vw;}
    .equelle_sec3>ul>li>dl>dt {font-size:4.427vw;}
    .equelle_sec3>ul>li>dl>dt>span {font-size:4.167vw;}
    .equelle_sec3>ul>li>dl>dd {margin-top:2.604vw; font-size:3.385vw;}

    .equelle_sec4 {padding:11.719vw 2.604vw 7.813vw;}
    .equelle_sec4>.con {flex-direction:column;}
    .equelle_sec4>.con>h2 {font-size:6.771vw;}
    .equelle_sec4>.con>ol {gap:6.510vw; width:fit-content; margin:2.604vw 0 0 auto;}
    .equelle_sec4>.con>ol>li {gap:5.208vw;}
    .equelle_sec4>.con>ol>li>i {width:18.750vw;}
    .equelle_sec4>.con>ol>li>i>img {width:100%;}
    .equelle_sec4>.con>ol>li>div {gap:3.906vw;}
    .equelle_sec4>.con>ol>li>div>em {padding:1.953vw 5.208vw; font-size:3.906vw;}
    .equelle_sec4>.con>ol>li>div>dl>dt {font-size:5.469vw;}
    .equelle_sec4>.con>ol>li>div>dl>dd {margin-top:2.604vw; font-size:3.646vw;}

    .equelle_sec5 {position:relative; height:101.563vw; background-position:30% center;}
    .equelle_sec5::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.4);}
    .equelle_sec5>div {position:relative; z-index:1;}
    .equelle_sec5>div>em {font-size:3.646vw;}
    .equelle_sec5>div>dl {gap:2.604vw; margin-top:3.255vw;}
    .equelle_sec5>div>dl>dt {font-size:6.771vw;}
    .equelle_sec5>div>dl>dd {margin-bottom:0; padding:1.563vw 2.995vw; font-size:3.125vw;}
    .equelle_sec5>div>div {margin-top:5.208vw; font-size:3.906vw;}
    .equelle_sec5>div>div>p {margin-top:1.953vw; font-size:3.906vw;}

}