/* index.css */
#wrap main #hero_bnr {}
#wrap main #hero_bnr .heroswiper {
    position: relative;
    width: 100%; height: max-content;
}
#wrap main #hero_bnr .heroswiper .swiper-wrapper {}
#wrap main #hero_bnr .heroswiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 90vh;
}
#wrap main #hero_bnr .heroswiper .swiper-wrapper .slide1 {
    background-image: url(../img/herobnr-1.jpg);
    background-size:cover;
    background-position: center;
}
#wrap main #hero_bnr .heroswiper .swiper-wrapper .slide2 {
    background-image: url(../img/herobnr-1.jpg);
    background-size:cover;
    background-position: center;
}
#wrap main #hero_bnr .heroswiper .swiper-wrapper .slide3 {}
#wrap main #hero_bnr .heroswiper .swiper-scrollbar {
    background-color: rgba(226, 226, 226, 0.55);
    height: 1px; width: 1048px;
    position: absolute;
    left: 50%; bottom: 66px;
    transform: translateX(-50%);
}
#wrap main #hero_bnr .heroswiper .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #fff;
    height: 2px; width: 266px;
}
#wrap main {}
#wrap main .section {}
#wrap main #new_product {margin-top: 100px;}
#wrap main #new_product .title {}
#wrap main #new_product .title .title_info {}
#wrap main #new_product .title .title_info h1 {}
#wrap main #new_product .title .title_info p {}
#wrap main #new_product .title .more_btn {}
#wrap main #new_product .title .more_btn u {}
#wrap main #new_product .container {}
#wrap main #new_product .container .product_list {
    width:100%;
    display: flex; flex-flow: row nowrap;
    justify-content:space-between;
}
#wrap main #new_product .container .product_new_1 {}
#wrap main #new_product .container .product_new_2 {}
#wrap main #new_product .container .product_list li {
    max-width:319px;
    margin-top: 30px;
}
#wrap main #new_product .container .product_list li .p_img {
    position: relative;
}
#wrap main #new_product .container .product_list li .p_img .new_img {}
#wrap main #new_product .container .product_list li .p_img .new_img img {width: 100%;}
#wrap main #new_product .container .product_list li .p_img .wish_btn {
    position: absolute; z-index: 990;
    top:12px; right: 12px;
    width: 24px;
}
#wrap main #new_product .container .product_list li .p_img .wish_btn img {width: 100%;}
#wrap main #new_product .container .product_list li .p_info {
    display: flex; flex-flow: column nowrap; gap: 3px;
}
#wrap main #new_product .container .product_list li .p_info p {
    font-size: 1.0rem;
    font-weight: 300;
}
#wrap main #new_product .container .product_list li .p_info .price {
    font-size: 1.0rem;
    font-weight:600;
}
#wrap main #insta {}
#wrap main #insta .title {}
#wrap main #insta .title .title_info {}
#wrap main #insta .title .title_info h1 {}
#wrap main #insta .title .title_info p {}
#wrap main #insta .title .more_btn {}
#wrap main #insta .title .more_btn u {}
#wrap main #insta .container {
    width: 100%;
    display: flex; flex-flow: row nowrap;
    justify-content: space-between;
}
#wrap main #insta .container .red_logo {
    width: calc(100% - 500px);
    display: flex;
    justify-content: center; align-items: center;
}
#wrap main #insta .container .red_logo img {width:70%;}
#wrap main #insta .container .instazone {
    width: 100%;
    display: flex; flex-flow: column nowrap; gap: 10px;
}
#wrap main #insta .container .instazone .insta_1 {}
#wrap main #insta .container .instazone .insta_2 {}
#wrap main #insta .container .instazone .insta_right {
    display: flex; flex-flow: row nowrap; gap: 10px;
    aspect-ratio: 845 / 275; /* 원본 비율 유지 */
}
#wrap main #insta .container .instazone .insta_right a {
    width: 100%;
    display: block;
    position: relative;
    outline: 3px transparent solid;
    transition: 0.1s outline-color;
}
#wrap main #insta .container .instazone .insta_right a:hover {
    outline: #E72819 solid 3px;
}
#wrap main #insta .container .instazone .insta_right a:hover .ins_hum {
    display: none;
}
#wrap main #insta .container .instazone .insta_right a .ins_hum {
    position: absolute; z-index: 990;
    display: flex;
}
#wrap main #insta .container .instazone .insta_right a .ins_ac {
    position: absolute;  z-index: 1;
}
#wrap main #insta .container .instazone .insta_right a img {width: 100%;}
#wrap main #members_bnr {}
#wrap main #members_bnr a {
    display: flex; flex-flow: row nowrap;
    justify-content: center; align-items: center;
    width: 100%; height: 208px;
    background-image: url(../img/member.png);
    background-size: cover;
    background-position: center;
    gap:31px;
}
#wrap main #members_bnr a img {width:max-content; height: 48px;}
#wrap main #members_bnr a .m_line {
    background-color: #fff;
    width:1px; height: 8px;}
#wrap main #members_bnr a p {
    color: #fff;
    font-size: 0.88rem; font-weight:500;
}
#wrap main #collabo {}
#wrap main #collabo .title {}
#wrap main #collabo .title .title_info {}
#wrap main #collabo .title .title_info h1 {}
#wrap main #collabo .title .title_info p {}
#wrap main #collabo .title .more_btn {}
#wrap main #collabo .title .more_btn u {}
#wrap main #collabo .container {}
#wrap main #collabo .container .tab_title {
    text-align: center;
    margin-bottom: 30px;
}
#wrap main #collabo .container .tab_title a {
    font-size: 1.50rem; font-weight: 500; color: #a3a3a3;
    margin-right: 25px;
}
#wrap main #collabo .container .tab_title .p_btn.active {
    color: #E72819; text-decoration:underline;
}
#wrap main #collabo .container .tab_title .m_btn {
    margin-right: 0px;
}
#wrap main #collabo .container .tab_contents {
    width: 100%;
}
#wrap main #collabo .container .tab_contents .contents {
    display: flex;  flex-flow: row nowrap;
    justify-content: space-between; gap:10px;
}
#wrap main #collabo .container .tab_contents .moncch {display: none;}
#wrap main #collabo .container .tab_contents .peanuts {}
#wrap main #collabo .container .tab_contents .peanuts * a {
    background-size: cover;
    background-position: center;
}
#wrap main #collabo .container .tab_contents .peanuts .collabo_mainlink {}
#wrap main #collabo .container .tab_contents .peanuts .collabo_mainlink a {
    flex: 1; /* 너비를 남은 공간에 맞게 */
    display: block;
    width: 908px; height: 100%;
    background-image: url(../img/colla_01.png);
    background-size: cover;
    background-position: center;
}
#wrap main #collabo .container .tab_contents .peanuts .card_imgs {
    display: flex; flex-flow: column nowrap;
    justify-content: space-between;
    gap:10px;
    width: 502px;
}
#wrap main #collabo .container .tab_contents .peanuts .card_imgs a {
    display: block;
    width: 100%;
    aspect-ratio: 502 / 247; /* 760 ÷ 3장 높이 기준 */
    background-size: cover;
    background-position: center;
}
#wrap main #collabo .container .tab_contents .peanuts .card_imgs .p_keyring {
    background-image: url(../img/colla_03.jpg);
}
#wrap main #collabo .container .tab_contents .peanuts .card_imgs .p_cp {
    background-image: url(../img/colla_02.jpg);
}
#wrap main #collabo .container .tab_contents .peanuts .card_imgs .p_show {
    background-image: url(../img/colla_04.png);
}
#wrap main #lookbook {
    background-color: #F8F8F8;
    width: 100%;
}
#wrap main #lookbook #lookbook_wrap {
    padding: 100px 0;
}
#wrap main #lookbook #lookbook_wrap .title {}
#wrap main #lookbook #lookbook_wrap .title .title_info {}
#wrap main #lookbook #lookbook_wrap .title .title_info h1 {}
#wrap main #lookbook #lookbook_wrap .title .title_info p {}
#wrap main #lookbook #lookbook_wrap .container {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle {
    width: 100%;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .pnum {
    position: relative; bottom: 50px; left: 40%;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .pnum .page {
    width: max-content; left:20.3px; bottom: 5px;
    font-size: 0.85rem;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .pnum .page .swiper-pagination-current {
    font-weight: 600;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .pnum .next,
#wrap main #lookbook #lookbook_wrap .container .bigbdle .pnum .prev {
    width: max-content; height: max-content;
    color: #000;
    transform: scale(0.8);
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .pnum .next {
    left: 50px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .pnum .prev {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper {
    width: 100%;
    position: relative;
    margin-bottom: 44px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .slide1 {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .slide2 {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .slide3 {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide {
    display: flex; flex-flow: row nowrap; gap:51px;
    justify-content: center;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .lbmain {
    display: block;
    width: calc(100% - 800px); height: 754px;
    aspect-ratio: 523 / 754; /* 원본 비율 유지 */
    background-image: url(../img/looks/look_main.jpg);
    background-position: center;
    background-size: cover;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap {
    width: 100%;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .slide_title {
    width: 100%;
    display: flex; flex-flow: row nowrap;
    justify-content: space-between; align-items: end;
    margin-bottom: 30px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .slide_title h2 {
    font-size: 1.81rem; font-weight: 300;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .slide_title h2 em {
    font-size: 2.0rem; font-weight:600;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap  .slide_title .more_btn {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap  .slide_title .more_btn u {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper {
    width: 371px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    display: flex; flex-flow: column nowrap; gap: 8px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide .p_img {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide .p_img .pp_img {
    position: relative;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide .p_img .pp_img img {width: 100%;}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide .p_img .kidsmark {
    position: absolute; z-index: 990;
    top: 54px; right: 27px;
    width: 40px; height: 40px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide .p_img .kidsmark img {width: 100%;}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide .p_info {
    margin-bottom: 40px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide .p_info p {
    font-weight: 300;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .swiper-slide .p_info .price {
    margin-top: 5px;
    font-weight: 600;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-scrollbar {
    background-color: rgb(252, 252, 252);
    width: 846px; height: 2px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #fff;
    width: 335px; height: 3px;
}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .slide1 {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .slide2 {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .slide3 {}
#wrap main #lookbook #lookbook_wrap .container .bigbdle .bigwrapper .swiper-slide .right_wrap .lb_swiper .swiper-wrapper .slide4 {}
#wrap main #brand {}
#wrap main #brand .title {}
#wrap main #brand .title .title_info {}
#wrap main #brand .title .title_info h1 {}
#wrap main #brand .title .title_info p {}
#wrap main #brand .container {}
#wrap main #brand .container .swiper {
    position: relative;
    width: 100%;
}
#wrap main #brand .container .swiper .swiper-wrapper {}
#wrap main #brand .container .swiper .swiper-wrapper .swiper-slide {
    width: 100%; height: 655px;
    background-position: center;
    background-size: cover;
    display: flex;  flex-flow: column nowrap;
    justify-content: center; align-items: center; gap: 10px;
}
#wrap main #brand .container .swiper .swiper-wrapper .swiper-slide * {
    color: #fff;
    text-align: center;
}
#wrap main #brand .container .swiper .swiper-wrapper .swiper-slide .slide_blk {
    display: flex; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);
    flex-flow: column nowrap; justify-content: center; align-items: center;
}
#wrap main #brand .container .swiper .swiper-wrapper .swiper-slide .slide_blk .b_logo {
    width:max-content; height: 179px;
    display: flex;  justify-content: center; align-items: center;
}
#wrap main #brand .container .swiper .swiper-wrapper .swiper-slide .slide_blk .b_logo img {width:100%;}
#wrap main #brand .container .swiper .swiper-wrapper .swiper-slide .slide_blk .brand_info {
    font-size: 1.06rem; line-height: 1.35; font-weight: 300;
    padding: 50px 0;
}
#wrap main #brand .container .swiper .swiper-wrapper .swiper-slide .slide_blk .brand_btn {
    border: solid 1px #fff;
    border-radius: 6px;
    padding: 4px 41px 0; height: 35px; width: max-content;
    margin: 0 auto;
}
#wrap main #brand .container .swiper .swiper-wrapper .swiper-slide .slide_blk .brand_btn p {
    font-size: 1.06rem; line-height: 1.35; font-weight: 300;
}
#wrap main #brand .container .swiper .swiper-wrapper .slide1 {
    background-image:url(../img/brand/brand_01.png);
}
#wrap main #brand .container .swiper .swiper-wrapper .slide1 .slide_blk .b_logo {width: 313px;}
#wrap main #brand .container .swiper .swiper-wrapper .slide2 .slide_blk .b_logo {width: 352px;}
#wrap main #brand .container .swiper .swiper-wrapper .slide3 .slide_blk .b_logo {width: 402px;}
#wrap main #brand .container .swiper .swiper-wrapper .slide2 {
    background-image:url(../img/brand/brand_02.png);
}
#wrap main #brand .container .swiper .swiper-wrapper .slide3 {
    background-image:url(../img/brand/brand_03.png);
}
#wrap main #brand .container .swiper .swiper-scrollbar {
    background-color: rgba(226, 226, 226, 0.55);
    height: 1px; width: 1048px;
    position: absolute; bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
#wrap main #brand .container .swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #fff;
    height: 2px; width: 266px;
}