.dropdown {position: absolute;top: 30px; right: 54px;display: inline-block;}
.dropdown-btn {border: none; border-radius: 12px;cursor: pointer; display: flex; align-items: center; justify-content: start; gap: 0 0.5rem;background-color: transparent;}
.dropdown-btn::after {content: '' ; display: block; background: url(../img/arrow.png)no-repeat; background-position: center; background-size: cover;font-size: 12px;width: 6px; height: 4px; }
.dropdown-content {display: none;position: absolute;background-color: white;box-shadow: 0px 4px 8px rgba(0,0,0,0.1);z-index: 1;margin-top: 8px;margin-left: -10px;}
.dropdown-content a {color: #333333;padding: 10px 15px;text-decoration: none;display: block;cursor: pointer;font-size: 1.6rem;}
.show {display: block;}

.mobile_menu .lang{padding: 20px 0; margin: 0 20px; border-bottom: 1px solid #8e8e8e;display: flex;justify-content: start; align-items: center; gap: 0 2rem;}
.mobile_menu .lang a:last-child{color: #8e8e8e;}

/* 메인 */
.ani-in{background: url(../img/main_bg.png) no-repeat;background-position: center; background-size: cover;  height: 1030px;position: relative;}
.ani-in .text_box{height: 100%; width: 92%;max-width: 1010px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;gap: 1rem 0;}
.ani-in .text_box h1{font-size: 7.5rem; font-weight: 700; color: #121212;letter-spacing: -2.5px;}
.ani-in .left_text{font-size: 1.8rem; position: absolute; top: 50%; left: 3%; transform: rotate(270deg);font-weight: 700;}
.ani-in .right_text{font-size: 1.8rem; position: absolute; top: 50%; right: 3%; transform: rotate(90deg);font-weight: 700;}

/* about */
.about{background: url(../img/about_bg.png) no-repeat;background-position: center;background-size: cover;padding-top: 27.5rem; padding-bottom: 22.3rem;position: relative;}
.about .inner{width: 92%; max-width: 1482px; margin: 0 auto;position: relative; }
.about h2{font-size: 7rem; font-weight: 700; }
.about h2:last-child{margin-left:12rem ;}
.about p{font-size: 3.2rem; line-height: 130%;margin-left: 17.6rem; margin-top: 5rem;word-break: keep-all;}
.about .mark{font-size: 2.4rem;letter-spacing: 9px;position: absolute;bottom: -25%; right: 0;}
.about .img{position: absolute; top: 29%; right: -5%;}

/* why curation */
.why{background-color: #f1ece4;padding-top: 30.6rem; padding-bottom:10.3rem ;position: relative; }
.why .inner{width: 92%; max-width: 1482px; margin: 0 auto;}
.why h2{font-size: 9rem; font-weight: 700;}
.why h3{font-size: 4rem; font-weight: 700;margin-top: 4.3rem;margin-bottom: 2rem;}
.why p{font-size: 2.2rem; line-height: 130%;}
.why .text_box{margin-left: 39.4rem;}
.why .img{position: absolute; right: 0; top: 25%;width: 54.4rem;}
.why .img img{width: 100%;}

/* brand  */
.brand{background-color: #f1ece4;padding-top: 39rem;padding-bottom: 24.5rem;}
.brand .inner{width: 92%; max-width: 1482px; margin: 0 auto;display: flex; justify-content: space-between;align-items: center;}
.brand .inner .text_wrap{display: flex; flex-direction: column;justify-content: center; align-items: center; gap: 3.4rem 0;width: 50%;}
.brand .inner .img_wrap{width: 72rem;}
.brand .inner .img_wrap img{width: 100%;}
.brand .text_wrap span{font-size: 2rem; font-weight: 300;text-decoration: underline;}
.brand .text_wrap h2{font-size: 7rem; font-weight: 700;line-height: 120%;text-align: center;}
.brand .text_wrap li{font-size: 2.6rem; line-height: 150%;text-align: center;}
.brand .text_wrap p{font-size: 2.6rem; line-height: 180%;text-align: center;}

/* our */
.our{background-color: #f1ece4;padding-top: 40rem;padding-bottom: 24.3rem;position: relative;}
.our .inner1{width: 92%; max-width: 1425px; margin: 0 auto;padding-bottom: 24.9rem;}
.our .inner1 span{font-size: 1.8rem; letter-spacing: 17px;text-decoration: underline;}
.our .inner1 .text_wrap{position: relative ;z-index: 8;}
.our .inner1 h2{font-size: 8rem;margin-top: 2.5rem; margin-bottom: 5rem;font-weight: 700;}
.our .inner1 p{font-size: 2.6rem; line-height: 180%;}
.our .inner1 li{margin-top: 15px;font-size: 2.6rem; line-height: 150%;}
.our .img{position: absolute; top: 143px;right: 0;width:61rem ;}
.our .img img{width: 100%;}
.our .inner2{padding-top:23.6rem ;text-align: center;width: 92%;margin: 0 auto;}
.our .inner2 span{font-size: 1.8rem; letter-spacing: 17px;text-decoration: underline;text-align: center;}
.our .inner2 h2{font-size: 8rem;margin-top: 2.5rem; margin-bottom: 4rem;font-weight: 700;text-align: center;}
.our .inner2 p{font-size: 2.6rem; line-height: 180%;word-break: keep-all;}

/* strategy */
.strategy{background-color: #f1ece4;padding-top: 30.8rem;padding-bottom: 10.2rem;position: relative;}
.strategy .inner1{padding-bottom: 17.7rem; border-bottom: 1px solid #6b6966;}
.strategy .inner1 h2{text-align: center; font-size: 8.2rem; font-weight: 700;margin-bottom: 15rem;}
.strategy .inner1 ul{display: flex; justify-content: space-between; align-items: center;}
.strategy .inner1 .text_wrap{width: 91%; max-width:1673px ; margin: 0 auto;}
.strategy .inner1  span{font-size: 4rem; font-weight: 800;text-align: center;}
.strategy .inner1  span::after{content: ''; display: block; width: 53px; height: 2px; background-color:#121212 ;}
.strategy .inner1 p{font-size: 3rem; line-height: 120%;text-align: center;word-break: keep-all;}
.strategy .inner1 .bar{width: 1px; height: 112px; background-color: #989590;margin: 0 4.5rem;}
.strategy .inner1 li{display: flex;flex-direction: column; justify-content: center;align-items: center;gap: 3.2rem 0;}
.strategy .inner2{padding-top:12.5rem ;width: 92%; max-width: 1453px; margin: 0 auto;}
.strategy .inner2 h2{ font-size: 8rem; font-weight: 700;margin-bottom: 15rem;}
.strategy .inner2 .text_box{margin-left: 45.5rem; }
.strategy .inner2 h3{font-size: 4.2rem; font-weight: 800;margin-bottom: 2rem;}
.strategy .inner2 h4{font-size: 3.8rem; margin-bottom: 7rem;}

/* curated */
.curated{background-color: #f1ece4;}
.curated .inner{width: 92%; max-width:1087px ;padding-top:22.6rem ;padding-bottom: 13.2rem;margin: 0 auto;text-align: center;}
.curated .inner h2{font-size: 6.5rem; font-weight: 700;text-align: center;}
.curated .inner h3{font-size: 2.4rem; text-align: center;margin-top: 3.9rem ; margin-bottom:5rem ;}
.curated .inner p{font-size: 2.4rem; text-align: center;}
.curated .inner img{margin-top: 6rem;width: 100%; max-width: 47.8rem;}

/* 반응형 */
@media screen and (max-width:1880px) {
    .why .img{width: 45rem;}
}
@media screen and (max-width:1748px) {
    .about .img{top: 20%;right: -7%;}
}
@media screen and (max-width:1644px) {
    .why .text_box{margin-left: 19rem;}
}
@media screen and (max-width:1592px) {
    .about .img{width: 42rem;}
    .about .img img{width: 100%;}
}
@media screen and (max-width:1416px) {
    .why .img{width: 40rem;}
}
@media screen and (max-width:1400px) {
    .about{background-position: 60%;}
    .why .img{top: 35%;}
}
@media screen and (max-width:1328px) {

    .our .img{width: 60rem;}
}
@media screen and (max-width:1238px) {
    .our .img{width: 50rem;}
}
@media screen and (max-width:1200px) {
    .ani-in .left_text{left: -1%;}
    .ani-in .right_text{right: -1%;}

    .why .text_box{margin-left: 10rem;}
    .brand .inner .img_wrap{width: 50rem;}
    .brand .inner .text_wrap{width: 68%;}
    .about .img{width: 37rem;}
    .about p{margin-left: 12.6rem;}
    .our .img{width: 40rem;}
}
@media screen and (max-width:1122px) {
    .why .img{width: 30rem;top: 40%;}
}
@media screen and (max-width:1098px) {
    .about .img{width: 30rem;}
}
@media screen and (max-width:1024px) {
    .ani-in .text_box h1{font-size: 5rem;}
    .ani-in .left_text, .ani-in .right_text{font-size: 1.6rem;}
    .ani-in .text_box img{width: 17rem;}
    .foot_width{flex-wrap: wrap-reverse;gap: 5rem 0;}
    .foot_width .footer3{width: 100%;display: flex;flex-wrap: wrap;gap:0 3rem;}
    .footer3 h5{margin: 0;}
    .footer3 h4{width: 100%;}
    .foot_width .footer2{width: 40%;}
    .footer2 ul{flex-wrap: wrap;flex-direction: row; }
    .footer2 ul li{width: 50%; }
    #ft{padding-top: 4rem;}
    .ani-in{height: 800px;}
    .about{padding-top: 15rem; padding-bottom: 20.3rem;margin-top: 70px;}
    .about h2{font-size: 5rem;}
    .about p{font-size: 2.2rem;}
    .about .mark{font-size: 1.8rem;}
    .why h2{font-size: 5rem;}
    .why h3{font-size: 3rem;}
    .why p{font-size: 1.8rem;}
    .why{margin-top: 70px; padding-top: 10rem;}
    .why .img{top: 24%;}
    .why .text_box{margin-left: 5rem;}
    .brand .text_wrap h2{font-size: 5rem;}
    .brand .inner{gap: 0 3rem;}
    .brand .text_wrap li,.brand .text_wrap p{font-size: 2rem;}
    .brand{padding-top: 10rem;padding-bottom: 15rem; margin-top: 70px;}
    .our .img{top: 70px;}
    .our .inner1 h2, .our .inner2 h2{font-size: 5rem;margin-top: 1.5rem; margin-bottom: 3rem;}
    .our .inner1 p, .our .inner2 p{font-size: 2.2rem;}
    .our .inner1{padding-bottom: 10rem;}
    .our .inner2{padding-top: 10rem;}
    .our{padding-bottom: 15rem;}
    .strategy .inner1 h2{font-size: 5rem;margin-bottom: 10rem;}
    .strategy .inner1 span{font-size: 3rem;}
    .strategy .inner1 p{font-size: 2.2rem;}
    .strategy .inner1 span::after{width: 34px;}
    .strategy{margin-top: 70px; padding-top: 10rem;}
    .strategy .inner2 h2{font-size: 5rem;}
    .strategy .inner2 .text_box{margin-left: 15rem;}
    .strategy .inner2 h2{margin-bottom: 10rem;}
    .strategy .inner2 h3{font-size: 3rem;}
    .strategy .inner2 h4{font-size: 2.8rem;}
    .curated .inner h2{font-size: 5rem;}
    .curated .inner h3, .curated .inner p{font-size: 2rem;}
    .curated .inner{margin-top: 70px; padding-top: 10rem;}
    .about .img{top: 7%; right: -3%;}
    .our .inner1 li{font-size: 2.2rem;}
}
@media screen and (max-width:860px) {
    .why .img{width: 25rem;top: 52%;}
}
@media screen and (max-width:850px) {
    .foot_width .footer2{width: 100%;}
    .footer2 ul li{width: 31%;}
    .footer1{width: 100%;}
    .footer1 .br_850{display: none;}
    .foot_logo{width: 15rem;}
    .brand .inner{flex-wrap: wrap; text-align: center;gap: 3rem 0;justify-content: center;}
    .brand .inner .text_wrap{width: 100%;}
    .about .img{width:23rem ;}
}
@media screen and (max-width:768px) {
    .ani-in .text_box h1{font-size: 3.5rem;letter-spacing: -1.5px;}
    .ani-in .text_box img{width: 12rem;}
    .ani-in{height: 600px;}
    .footer3 h4{font-size: 1.8rem;}
    .footer3 a{font-size: 1.4rem;padding: 1rem 2rem;}
    .footer2 h4{font-size: 2rem;margin-bottom: 2rem;}
    .footer_text{font-size: 1.4rem;}
    .about h2{font-size: 3.5rem;}
    .about h2:last-child{margin-left: 6rem;}
    .about p{font-size: 1.8rem;margin-top: 2rem ; margin-left: 8.6rem;}
    .why h2{font-size: 3rem;}
    .why h3{font-size: 2.2rem;margin-top: 3rem;}
    .why .text_box{margin-left: 10rem;}
    .why{padding-top: 34.6rem;}
    .why .img{width: 29rem; top: 4%;}
    .brand .text_wrap h2{font-size: 3.5rem;}
    .brand .text_wrap span, .brand .text_wrap li, .brand .text_wrap p{font-size: 1.8rem;word-break: keep-all;}
    .brand .inner .text_wrap{gap: 2.4rem 0;}
    .our .inner1 span, .our .inner2 span{font-size: 1.6rem;letter-spacing: 10px;}
    .our .inner1 p, .our .inner2 p{font-size: 1.8rem;}
    .our .inner1 h2, .our .inner2 h2{font-size: 3rem;margin-bottom: 2rem;}
    .our .inner1{padding-bottom: 7rem;}
    .our .inner2{padding-top: 7rem;}
    .strategy .inner1 h2{font-size: 3rem;margin-bottom: 5rem;}
    .strategy .inner1 li{gap: 2rem 0;}
    .strategy .inner1 p{font-size: 1.8rem;}
    .strategy .inner1 span{font-size: 2.2rem;}
    .strategy .inner1 span::after{width: 24px;}
    .strategy .inner1{padding-bottom: 10rem;}
    .strategy .inner2{padding-top: 10rem;}
    .strategy .inner2 h2{font-size: 3rem;margin-bottom: 6rem;}
    .strategy .inner2 h3{font-size: 2rem;margin-bottom: 1rem;}
    .strategy .inner2 h4{font-size: 1.8rem;margin-bottom: 5rem;}
    .strategy .inner2 .text_box{margin-left: 7rem;}
    .curated .inner h2{font-size: 3rem;}
    .curated .inner h3, .curated .inner p{font-size: 1.8rem;word-break: keep-all;}
    .curated .inner h3{margin-top: 2rem; margin-bottom: 3rem;}
    .our .inner1 li{font-size: 1.8rem;}
}

@media screen and (max-width:650px) {
    .footer2 ul li{width: 50%;}

    .why .text_box{margin-left: 0rem;}
    .why{padding-top: 35rem;}
    .why .img{width: 26rem; top: 6%;}
    .our .img{width: 35rem;}
    .strategy .inner1 ul{flex-direction: column; gap: 3rem 0;}
    .strategy .inner1 .bar{display: none;}
    .ani-in .left_text{top: 18%; left: 50%; transform: rotate(0deg);transform: translateX(-50%);}
    .ani-in .right_text{top: auto; bottom: 6%;left: 50%; right:  auto; transform: rotate(0deg) ;transform: translateX(-50%);}
    .about .img{width: 18rem;top: 4%;}
    .our {padding-top:49rem ;}
}
@media screen and (max-width:500px) {
    .foot_width .footer3{gap: 1rem 3rem;}
    .footer3 h4{margin-bottom: 0;}
    .ani-in .text_box h1{font-size: 2.6rem;letter-spacing: -0.5px;}
    .ani-in .left_text, .ani-in .right_text{font-size: 1.4rem;}

    .ani-in{background: url(../img/m_main_bg.png) no-repeat;background-position: center; background-size: cover;}
    .about h2{margin-left: 0 ; text-align: center;}
    .about h2:last-child{margin-left: 0;}
    .about p{margin-left: 0; text-align: center;}

    .why .br_500{display: none;}
    .why p{line-height: 150%;}
    .why .img{width: 20rem;right: 5%;}
    .our .img{width: 30rem;}
}