* {box-sizing: border-box;}
body{min-width:1280px;
    max-width: 1920px;
    margin:0 auto}
#wrap {
    ;
}
.top_banner {
    background:#0A46D7;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    padding:12px 0;
    gap:12px;
}
.top_banner .top_banner_center {
    
}
.top_banner .top_banner_center a {
    
    
}
.top_banner .top_banner_center a span {
    color:#fff;
    display: flex;
    align-items: center;
}
.top_banner .top_banner_center a span img {
   
}
.top_banner .remove_btn {
    position: absolute;
    right:50px;
}
.top_banner .remove_btn img {
    
}
header {
    display: flex;
    justify-content: space-between;
    padding:0 50px;
}
header h1 {
   
}
header h1 a {}
header nav  {
    display: flex;
}
header nav .gnb {
    display: flex;
    padding:7px 0;
    align-items: center;
    gap:70px;
}
header nav .gnb li {}
header nav .gnb li a {
    
}
header nav .gnb li:hover a {
    color:#0A46D7;
    
}
header nav .gnb li a {
    font-family: 1.063rem;
    
    position:relative;
    display: inline-block;
    padding-bottom: 4px;
}

header nav .gnb li a::after {
    content: "";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:2px;
    background-color: #0A46D7;
    transition : all 0.4s ease;
    border-radius: 20px;
}
header nav .gnb li a:hover::after {
    width:100%;
}
header .right_menu {
    display: flex;
    align-items: center;
    gap:20px;
}
header .right_menu a {}
header .right_menu a span {
    font-size: 0.875rem;
    color:#726E6E;
    border-right: 1px solid #726E6E;
    padding-right: 20px;
}
header .right_menu a:hover span {
    color:#0A46D7;
    font-weight: 600;
}
header .right_menu a:last-child span {
    border:none;
}
/* 메인 배너 ============================================== */
main .main_banner {
    position: relative;
    width: 100%;
}
main .main_banner span {
    position: absolute;
    bottom:59px;
    right:50px;
    font-size: 3.75rem;
    color:#fff;
    font-weight: 700;
    text-shadow:0 4px 6px rgba(0, 0, 0, 0.5);
}
main .main_banner #main_banner {}
main .main_banner #main_banner .swiper-wrapper {}
main .main_banner #main_banner .swiper-wrapper  .swiper-slide {
   
}
main .main_banner #main_banner .swiper-wrapper  .swiper-slide .banner_slide {}
main .main_banner #main_banner .swiper-wrapper  .swiper-slide .banner_slide a {}
main .main_banner #main_banner .swiper-wrapper  .swiper-slide .banner_slide a img {
    max-width:1920px ;
}
.swiper-pagination {}

/* 2행======================================== */
.our_menu {}
.our_menu .our-menu-container {
    position: relative;
    
}
.our_menu .our-menu-container .menu-title {
    margin-top: 124px;
    text-align: center;
    margin-bottom:74px ;
}
.our_menu .our-menu-container .menu-title h1 {
    font-size: 2.813rem;
    font-weight:700;
    margin-bottom:24px;
}

/* ::selection 드래그하면 색깔 바뀌능고 */
.our_menu .our-menu-container .menu-title h1::selection {
    background-color: #fff;
    color:#0A46D7;
}
.our_menu .our-menu-container .menu-title p {
    color:#767676;
}
.our_menu .our-menu-container .menu-title p::selection{
    background-color: #FF7700;
    color:#fff;
}
/* .our_menu .our-menu-container .bg {
    background-color: #F5F5F5;
    width: 1920px;
    height:680px;
    border: 3px solid red;
    position:absolute;
} */
 
.our_menu .our-menu-container .menu-card-wrap   {
    background-color:#f5f5f5 ;
    max-width: 1920px;
    height:900px;
    display: flex;
    justify-content:center;
    gap:32px;
    position: relative;
}
.our_menu .our-menu-container  .menu-card-wrap .new {
    background: #FF7700;
    width:270px;
    height:382px;
    border-radius: 20px;
}
.our_menu .our-menu-container .menu-card-wrap .new .title_info {
    text-align: center;
    padding:85px 48px;
}
.our_menu .our-menu-container .menu-card-wrap .new .title_info > * {
    color:#fff;
}
.our_menu .our-menu-container .menu-card-wrap .new .title_info p:nth-child(1) {
    font-size: 1.5rem;
    font-weight:600;
    margin-bottom:37px;
}
.our_menu .our-menu-container .menu-card-wrap .new .title_info p:nth-child(2) {
    font-size: 1.063rem;
    font-weight: 200;
    line-height:1.5;
}
.our_menu .our-menu-container .menu-card-wrap  .new .title_info p {}
.our_menu .our-menu-container .menu-card-wrap  .menu-card {
    /* width:270px;
    height:382px; */
    position: relative;
    /* border:1px solid red; */
    transform: translateY(-4px);
    transition: transform 0.3s ease;
    animation:floaty 6s cubic-bezier(0.42, 0, 0.58, 1) infinite ;
    transition: all 0.5s ease;
}
.our_menu .our-menu-container .menu-card-wrap .menu-card:hover {
    transform: translateY(-20px);
}
.our_menu .our-menu-container .menu-card-wrap #our_menu_swiper  .swiper-slide .menu-card .menu_img {
    width:100%;
    
    
}
.our_menu .our-menu-container .menu-card-wrap  .menu-card .menu_img img {
    display: block;
    
    
}
.our_menu .our-menu-container .menu-card-wrap #our_menu_swiper  .swiper-slide .menu-card img img {
    display: inline-block;
}
.our_menu .our-menu-container .menu-card-wrap .menu-card .menu-text {
    background-color: #0A46D7;
    padding:20px 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width:100%;
    text-align: center;
    
}
.our_menu .our-menu-container .menu-card-wrap .menu-card .menu-text h3 {
    color:#fff;
    padding:0 10px;
    font-size: 1.5rem;
    font-weight:600;
}
.our_menu .our-menu-container .menu-card-wrap .menu-card .menu-text p {
    color:#fff;
    padding:10px 10px;
    font-size: 1.063rem;
    font-weight: 200;
}
.card1,.card3 {top:211px;}
.card2,.card4, .new {top:86px;}

/* 애니메이션 */
/* @keyframes floaty {
    0% {transform: translate(0, 0);}
    5% {transform: translate(0, -4px);}
    10% {transform: translate(0, -8px);}
    15% {transform: translate(0, -12px);}
    20% {transform: translate(0, -16px);}
    25% {transform: translate(0, -20px);}
    30% {transform: translate(0px, -24px);}
    35% {transform: translate(0px, -27px);}
    40% {transform: translate(0px, -28px);}
    45% {transform: translate(0px, -28px);}
    50% {transform: translate(0px, -27px);}
    55% {transform: translate(0px, -26px);}
    60% {transform: translate(0px, -24px);}
    65% {transform: translate(0px, -20px);}
    70% {transform: translate(0px, -20px);}
    75% {transform: translate(0px, -16px);}
    80% {transform: translate(0px, -12px);}
    80% {transform: translate(0px, -8px);}
    90% {transform: translate(0px, -4px);}
    90% {transform: translate(0px, -1px);}
    100% {transform: translate(0, 0);}
} */

/* 3행 sale_menu 지금 가장 좋은 가격으로 만나는 널담 */
.special_deal {
    margin:171px 206px;
    position:relative;
    
}
.special_deal .special_deal_wrap {}
.special_deal .special_deal_wrap .special_deal_title {
    text-align: center;
    margin-bottom: 80px;
}
.special_deal .special_deal_wrap .special_deal_title  h1 {
    font-size: 2.438rem;
    font-weight:800;
    margin-bottom: 21px;
}

.special_deal .special_deal_wrap .special_deal_title  h1::selection {
    background-color: #fff;
    color:#0A46D7;
}
.special_deal .special_deal_wrap .special_deal_title  p::selection {
    background-color: #FF7700;
    color:#fff;
}
.special_deal .special_deal_wrap .special_deal_title  p {
    color:#767676;
}
.special_deal .special_deal_wrap #special_deal_swiper {
    /* max-width: 1520px; */
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper {
    display: flex;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide {
    width:320px;
    /* border:2px solid red; */
    
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container {
    
    /* border:3px solid red; */

}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_img {
    overflow: hidden;
    transition: all 1s ease;
    border-radius:10px 10px 0 0 ;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_img:hover img {
    transform:scale(1.05);
    border-radius:10px 10px 0 0 ;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_img img{
    margin-bottom:20px;
    width:100%;
    
    display: block;
    max-height:350px;
   /*  border:3px solid red; */
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap {
    border:1px solid #C1C1C1;
    border-radius:0 0 20px 20px;
    padding:15px 30px;
    height:180px;
    max-width:100%;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_name {
    
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_name a {
    font-size: 1.063rem;
    font-weight:500;
    
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_tag {
    display:flex ;
    gap:7px;
    margin-top: 20px;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_tag span {
    border:1px solid #0A46D7;
    border-radius: 20px;
    padding:4px 13px;
    display: inline-block;
    font-size:0.625rem ;
    font-weight: 500;
    white-space: nowrap;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:25px ;
    
    
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .special_deal_price {
    display: flex;
    gap:7px;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .special_deal_price span:nth-child(1) {
    font-size:1.25rem ;
    font-weight: 500;
    color:#0A46D7;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .special_deal_price span:nth-child(2) {
    font-size:1.25rem ;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .special_deal_price span {
    
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap {
    display: flex;
    align-items: center;
    gap:7px;
}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button {}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button #whishlist_btn {}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button #whishlist_btn img {}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button #cart_btn {}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button #cart_btn img {}
.special_deal .more_btn {
    margin:0 auto;
    margin-top: 60px;
    display: flex;
    justify-content: center;
    width:max-content;
}
.special_deal .more_btn:hover a{
    background-color: #0A46D7;
    color:#fff;
    font-weight: 600;
}
.special_deal .more_btn a {
    font-size: 1.25rem;
    border:2px solid #0A46D7;
    padding:10px 80px;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    color: #0A46D7;
    transition: all 0.4s ease;
}

.special_deal_btn {
    z-index: 30;
    position:absolute;
    top:50%;
    display: flex;
    transform: translateY(-50%);
    justify-content: space-between;
    width:100%;
}
#special_deal_swiper_prev {
    left:-50px;
}
#special_deal_swiper_next {
    right:-50px;
}
/* 4행 카테고리별 메뉴==================== */
.best_product {
    margin:171px 206px;
    position:relative;
    
}
.best_product .best_product_wrap {}
.best_product .best_product_wrap .best_product_title {
    text-align: center;
    margin-bottom: 80px;
}
.best_product .best_product_wrap .best_product_title  h1 {
    font-size: 2.438rem;
    font-weight:800;
    margin-bottom: 21px;
}
.best_product .best_product_wrap .best_product_title  p {
    color:#767676;
}

/* 카테고리 */
.best_product .best_product_wrap .category_btn {
    display: flex;
    justify-content: center;
    gap:20px;
    margin-bottom: 70px;;
}
.best_product .best_product_wrap .category_btn button{}
.best_product .best_product_wrap .category_btn button span {
    border:1px solid #0A46D7;
    border-radius: 20px;
    display: inline-block;
    padding:10px 35px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
}
.best_product .best_product_wrap #best_product_swiper {
    /* max-width: 1520px; */
}
.best_product .best_productl_wrap #best_product_swiper .swiper-wrapper {
    display: flex;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide {
    width:320px;
    /* border:2px solid red; */
    
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container {
    
    /* border:3px solid red; */

}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_img {
    overflow: hidden;
    transition: all 1s ease;
    border-radius:10px 10px 0 0 ;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_img:hover img {
    transform:scale(1.05);
    border-radius:10px 10px 0 0 ;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_img img{
    margin-bottom:20px;
    width:100%;
    
    display: block;
    max-height:350px;
   /*  border:3px solid red; */
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap {
    border:1px solid #C1C1C1;
    border-radius:0 0 20px 20px;
    padding:15px 30px;
    height:180px;
    max-width:100%;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_name {
    
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_name a {
    font-size: 1.063rem;
    font-weight:500;
    
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_tag {
    display:flex ;
    gap:7px;
    margin-top: 20px;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_tag span {
    border:1px solid #0A46D7;
    border-radius: 20px;
    padding:4px 13px;
    display: inline-block;
    font-size:0.625rem ;
    font-weight: 500;
    white-space: nowrap;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_price_icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:25px ;
    
    
}
.best_product .best_product #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_price_icon .best_product_price {
    display: flex;
    gap:7px;
    border:3px solid red;
    
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_price_icon .best_product_price span:nth-child(1) {
    font-size:1.25rem ;
    font-weight: 500;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_price_icon .best_product_price span:nth-child(2) {
    font-size:1.25rem ;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_price_icon .best_product_price span {}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_price_icon .icon_wrap {
    display: flex;
    align-items: center;
    gap:7px;
}
.best_product .best_product_wrap #best_product_swiper .swiper-wrapper .swiper-slide .best_product_container .best_product_info_wrap .best_product_price_icon .icon_wrap button {}
.best_product .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button #whishlist_btn {}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button #whishlist_btn img {}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button #cart_btn {}
.special_deal .special_deal_wrap #special_deal_swiper .swiper-wrapper .swiper-slide .special_deal_container .special_deal_info_wrap .special_deal_price_icon .icon_wrap button #cart_btn img {}
.best_product .more_btn {
    margin:0 auto;
    margin-top: 60px;
    display: flex;
    justify-content: center;
    width:max-content;
}
.best_product .more_btn a {
    font-size: 1.25rem;
    border:2px solid #0A46D7;
    padding:10px 80px;
    display: inline-block;
    border-radius: 20px;
    color:#0A46D7;
}

.best_product_btn {
    z-index: 30;
    position:absolute;
    top:50%;
    display: flex;
    transform: translateY(-50%);
    justify-content: space-between;
    width:100%;
}
#best_product_swiper_prev {
    left:-50px;
}
#best_product_swiper_next {
    right:-50px;
}

/* 5행=================================================== */
.new_product {
    /* padding:197px 275px; */
    max-width:1400px;
    margin:197px auto;
    margin-bottom: 253px;
}
.new_product .new_product_wrap {
    
}
.new_product .new_product_wrap h1 {
    font-size: 2.438rem;
    font-weight: 700;
    margin-bottom:21px;
}
.new_product .new_product_wrap p {}
.new_product .new_product_wrap h3 {
    font-size: 1.438rem;
    margin-bottom: 7px;
}
.new_product .new_product_wrap >p {
    font-size: 1.125rem;
    color:#767676;
    margin-bottom:86px;

}
.new_product .new_product_wrap p:nth-child(2) {}
.new_product .new_product_wrap .container {
    display: flex;
   /*  border:2px solid red; */
    
    
}
.new_product .new_product_wrap .container .left-wrap {
    /* border:2px solid blue; */
    padding-right:134px;
}
.new_product .new_product_wrap .container .left-wrap .left_wrap_img {
    
}
.new_product .new_product_wrap .container .left-wrap .left_wrap_img a {}
.new_product .new_product_wrap .container .left-wrap .left_wrap_img a img {
    width:550px;
    height:400px;
    
    
}
.new_product .new_product_wrap .container .left-wrap .left_wrap_info {
    margin-top: 86px;
    padding:50px 0;
    display: flex;
    flex-direction: column;
    gap:30px;
}
.new_product .new_product_wrap .container .left-wrap .left_wrap_info h4 {
    font-size: 1.313rem;
    font-weight:800;
    line-height: 1.5;
}
.new_product .new_product_wrap .container .left-wrap .left_wrap_info h4 span {
    font-size: 1.125rem;
    color:#0A46D7;
    font-weight:800;
    margin-right:20px;
}
.new_product .new_product_wrap .container .left-wrap .left_wrap_info .desc1 {}
.new_product .new_product_wrap .container .left-wrap .left_wrap_info .desc2 {
    font-size: 0.938rem;
    color:#6E5F5F;
    line-height: 1.5;
}
.new_product .new_product_wrap .container .left-wrap .new_product_more_btn {
    margin-top:70px;
    width:111px;
    border-bottom: #0A46D7 1px solid;
    padding:10px 0 ;
    
    margin-top: 60px;
    
}
.new_product .new_product_wrap .container .left-wrap .new_product_more_btn a {
    color:#0A46D7;
}

/* 오른쪽=============================================== */
.new_product .new_product_wrap .container .right_wrap {
    padding-left:134px;
    border-left:1px solid #E0E0E0;
}
.new_product .new_product_wrap .container .right_wrap .right_wrap_info {
    margin-bottom: 86px;
    padding:50px 0;
    display: flex;
    flex-direction: column;
    gap:30px;
}
.new_product .new_product_wrap .container .right_wrap .right_wrap_info h4 {
    font-size: 1.313rem;
    font-weight:800;
    line-height: 1.5;
}
.new_product .new_product_wrap .container .right_wrap .right_wrap_info h4 span {
    font-size: 1.125rem;
    color:#0A46D7;
    font-weight:800;
    margin-right:20px;
}
.new_product .new_product_wrap .container .right_wrap .right_wrap_info .desc1 {}
.new_product .new_product_wrap .container .right_wrap .right_wrap_info .desc2 {
    font-size: 0.938rem;
    color:#6E5F5F;
    line-height: 1.5;
}
.new_product .new_product_wrap .container .right_wrap .new_product_more_btn {
    margin-bottom: 86px;
    margin-top:70px;
    width:111px;
    border-bottom: #0A46D7 1px solid;
    padding:10px 0 ;
}
.new_product .new_product_wrap .container .right_wrap .new_product_more_btn a {
    color:#0A46D7;
}
.new_product .new_product_wrap .container .right_wrap .right_wrap_img {}
.new_product .new_product_wrap .container .right_wrap .right_wrap_img a {}
.new_product .new_product_wrap .container .right_wrap .right_wrap_img a img{
    width:550px;
    height:400px;
}
.new_product .more-btn {
    text-align: center;
    margin-top: 100px;
}
.new_product .more-btn a {
    display: inline-block;
    padding:10px 80px;
    border: #0A46D7 2px solid;
    border-radius: 30px;
    color:#0A46D7;
    font-size: 1.25rem;
    font-weight: 600;
}
/* TPO별 추천======================================== */
.TPO_collection {
    padding:207px 126px;
    margin:0 auto;
}
.TPO_collection .TPO_title {}
.TPO_collection .TPO_title h1 {
    font-weight: 700;
    font-size: 2.438rem;
    margin-bottom: 21px;
}
.TPO_collection .TPO_title h3 {
    font-size: 1.438rem;
    margin-bottom:7px;
}
.TPO_collection .TPO_title p{
    color:#898787;
    font-size: 1.125rem;
}
.TPO_collection .TPO_collection_container{
    display: flex;
    /* position: relative; */
    gap:29px;
    margin-top: 105px;
}
.TPO_collection .TPO_collection_container .icon-with-tabs {
    display: flex;
    
    align-items: flex-start;
    /* position: absolute; */
   
}
.TPO_collection .TPO_collection_container .icon-with-tabs .tpo_tab {
    flex-direction: column;
    display: flex;
    margin-right: -10px;
    z-index: 2;
    gap:0;
    position:relative;
}
.tab:nth-child(2){
    margin-top: -10px;
}
.tab:nth-child(3){
    margin-top: -10px;
}
.TPO_collection .TPO_collection_container .icon-with-tabs .tpo_tab .tab{
    width:146px;
    height:60px;
    border:none;
    cursor: pointer;
    /* opacity: 0.8; */
    transition: 0.3s ease;
}
.TPO_collection .TPO_collection_container .tpo_tab .tab.tab.yellow.active {
    opacity: 1;
    transform: scale(1.1);
}
.TPO_collection .TPO_collection_container .icon-with-tabs .images-box {
    z-index: 10;
}

.TPO_collection .TPO_collection_container .TPO_collection-content {
    display: none;
    display: ;
}
.TPO_collection .TPO_collection_container .TPO_collection-content .content-product-wrap{
    display: flex;
    gap:29px;
}
.TPO_collection .TPO_collection_container .TPO_collection-content img {}
.TPO_collection .TPO_collection_container .TPO_collection-content.active {
    display: block;
}
.TPO_collection .TPO_collection .TPO_collection_container .TPO_collection-content/* .active */ {}
.TPO_collection .TPO_collection_container .TPO_collection-content .content-product-wrap .card-content/* .active #yellow */ {
    /* border:2px solid blue; */
    width:426px;
    height: 451px;
    background-color:#ffd93d;
    border-bottom-left-radius: 30px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    padding:30px 40px;
}
.TPO_collection .TPO_collection_container .TPO_collection-content .content-product-wrap .card-content .sticky-note {}
.TPO_collection  .TPO_collection_container .TPO_collection-content/* .active #yellow  */.sticky-note/* .yellow */ {}
.TPO_collection .TPO_collection_container .TPO_collection-content/* .active #yellow */ .sticky-note/* .yellow */ h4 {
    font-size: 1.25rem;
    font-weight: 700;
    text-shadow: 
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px -1px 0 white,
    -1px -1px 0 white;
    margin-bottom:40px;
    
}
.TPO_collection .TPO_collection_container .TPO_collection-content/* .active #yellow */ .sticky-note/* .yellow */ .subtitle{
    font-size: 1.688rem;
    font-weight: 600;
    
    
} 

.TPO_collection  .TPO_collection_container .TPO_collection-content/* .active #yellow */ .sticky-note/* .yellow */ .text1 {
    margin-bottom: 17px;
    font-weight: 500;
    font-size: 1.25rem;
    color:#464646;
    margin-top: 17px;
}
.TPO_collection  .TPO_collection_container .TPO_collection-content/* .active #yellow */ .sticky-note.yellow .text2 {
    margin-bottom: 17px;
    font-weight: 500;
    font-size: 1.25rem;
    color:#464646;
}
.TPO_collection  .TPO_collection_container .TPO_collection-content/* .active  */.product-list {}
.TPO_collection  .TPO_collection_container .TPO_collection-content/* .active */ .product-list li {}
.TPO_collection .TPO_collection_container .TPO_collection-content/* .active */ .product-list .product-card {
    display: flex;
    flex-direction: row;
    border:1px solid #000;
    border-radius: 30px;
    padding:20px 20px;
    margin-bottom: 20px;
    gap:36px;
}
.TPO_collection .TPO_collection .TPO_collection_container .content-product-wrap .TPO_collection-content .product-list li .product-card img {}
.TPO_collection .TPO_collection .TPO_collection_container .content-product-wrap .TPO_collection-content .product-list li .product-card .product-card-info {
    
}
.TPO_collection  .TPO_collection_container .TPO_collection-content .product-list .product-card .product-card-info h4 {
    color:#0A46D7;
    font-weight: 600;
    line-height: 1.7;
}
.TPO_collection  .TPO_collection_container .TPO_collection-content .product-list li .product-card .product-card-info p {
    line-height: 1.7;
    font-weight: 500;
    font-size: 0.75rem;
    margin-bottom: 10px;
}
.TPO_collection  .TPO_collection_container .TPO_collection-content .product-list li .product-card .product-card-info .product-card-tag {
    color:#969696;
}



/* 버튼색 */
.tab.yellow{
    background-color: #ffd93d;
    z-index:8;
    
    
}
.tab.blue{
    background-color: #0A46D7;
    z-index:6;
    width:80px;
}
.tab.red{
    background-color: #f24e4e;
    z-index:5;
}

/* 포스트잇 색 */
.TPO_collection .TPO_collection_container .TPO_collection-content .content-product-wrap .card-content .sticky-note.blue {background-color: #0A46D7;}
.sticky-note.yellow {background-color: #ffd93d;}
.sticky-note.red {background-color: #f24e4e;}
/* footer========================================== */
.footer_wrap {
    display: flex;
    padding:30px 50px;
    max-width: 1920px;
    background-color: #F7F7F7;
}
.footer_wrap .footer_logo {
    margin-right: 143px;
}
.footer_wrap .footer_logo a {}
.footer_wrap .footer_logo a img {}
.footer_wrap .footer-group-wrap {
    display: flex;
    
    
}
.footer_wrap .footer-group-wrap .footer-group {
    border-right: 1px solid #DBDBDB;
    padding-right:78px;
    padding-left: 20px;
}
.footer_wrap .footer-group-wrap .footer-group .footer-info-wrap {
    margin-bottom:39px;
    
}
.footer_wrap .footer-group-wrap .footer-group .footer-info-wrap h5 {
    font-size: 1.063rem;
    font-weight: 700;
    margin-bottom:12px;

}
.footer_wrap .footer-group-wrap .footer-group .footer-info-wrap p {
    font-size: 0.938rem;
    margin-bottom: 7px;
}

.TPO_collection-content .active{
    display: block;
}
.TPO_collection-content{
    display: none;
}