@charset "utf-8"; /* CSS Document */ @media (max-width:1024px){ html, body {font-size:14px;} .inner {padding:0 4.0625vw;} .no_header #new_hd {display: none;} #body_main.no_header #footer {padding:0; margin:0;} hr.wide_gray {display: block; height:1px; background:#F4F4F4; width: 100vw; margin-left: calc(-50vw + 50%); margin-top:0; margin-bottom:0;} hr.h12 {height:6px;} hr.h13 {height:13px; margin:0;} hr.mt16 {margin-top:16px;} hr.line_gray {height:1px; background:#F4F4F4; padding:0; margin:0; } .bg_gray {background:#f4f4f4 !important;} #body_main.green .main_renew section.wide, #body_main.black .main_renew section.wide {background:#fff;} #body_main.green .pro_list .tabnav li a.active b {background:#008159;} #body_main.black .pro_list .tabnav li a.active b {color:#1e1e1e;} /* 헤더 상단*/ #new_hd > .inner {flex-direction: column; justify-content: center; align-items: flex-start; margin-top:0; height: 15.0000vw;} #new_hd .logo {flex:0 0 auto; display: flex; justify-content: space-between; width: 100%; margin-bottom:15px;} #new_hd .logo > div {display: flex; gap:20px; flex-direction: row; align-items: center} #new_hd .logo #bn__toplogo a {width:147px;} #new_hd .m_view {display: block; width:5.9375vw; height:5.9375vw; position: relative; cursor: pointer; margin:0 10px 0 4.5px;} #new_hd .m_view:after, #new_hd .m_view:before, #new_hd .m_view span {position: absolute; top: 50%; left: 10px; width: 4.3750vw; height: 0.6250vw; background-color: #e21a30; border-radius: 30px; max-height: 4px;} #body_main.black #new_hd .m_view:after, #body_main.black #new_hd .m_view:before, #body_main.black #new_hd .m_view span {border-radius: 30px;} #new_hd .m_view:after, #new_hd .m_view:before { content: ""; margin-left: -9px;} #new_hd .m_view:before {margin-top:max(-12px, -1.6vw);} #new_hd .m_view:after {margin-top:min(11px, 1.4vw);} #new_hd .m_view span {margin: -1px 0 0 -9px; text-indent: -9999px; display: block;} #new_hd .rgh_wrap {flex:0 0 auto; display: none;} #new_hd .log_wrap {top: auto;} #new_hd .log_wrap > ul {gap:11.5px;} #new_hd .log_wrap .btn_login {width:7.1875vw; height:9.6875vw; background:url(../images/renew_2025/main/btn_log.svg) center / cover no-repeat;} #new_hd .log_wrap .btn_cart {width:7.1875vw; height:9.6875vw; background:url(../images/renew_2025/main/btn_cart.svg) center / cover no-repeat;} #new_hd .log_wrap .btn_mypage {display: block; width:7.1875vw; height:9.6875vw; background: url(../images/renew_2025/main/btn_my.png) center / cover no-repeat;} /* #new_hd .log_wrap a {width:50px;}*/ #new_hd .logo_wrap {flex:0 0 auto; display: flex; justify-content: space-between; width: 100%;} #new_hd .logo_wrap > div {display: flex; align-items: center; position: relative;} #new_hd .logo_wrap a {font-size:3.75vw;} #new_hd .logo_wrap a.logo {width:23.1250vw; height:10.1563vw; margin:0 0 3px 0;} #new_hd .log_wrap .showmy {left: -60px; width: 170px; line-height: 40px;} #new_hd .log_wrap .showmy.view {bottom: -200px;} #new_hd .md_wrap {flex:0 0 auto;} .sch_new {width:calc(100vw - 20px);} .sch_new .sch {right:auto; left:10px;} .sch_new input[type="text"] {padding:0 50px; max-width: none;} #new_hd .tag_wrap ul {flex-wrap: nowrap;} #new_hd .md_wrap {display: none;} #new_hd .gnb_wrap .inner {padding:0;} #new_hd .btn_cate {flex:0 0 auto;} #new_hd .btn_cate > span {display: none;} #new_hd .gnb {margin:0; width:100%;} #new_hd .gnb > ul > li {flex:0 0 25%;} #new_hd .gnb > ul > li a {width:100%; font-size:5.0000vw; height:10.3125vw; line-height: 10.3125vw; padding:0;} #new_hd .topmenu_gnb_wrap {left:0px; top:-14px;} #new_hd .gnb_bg {padding:0; height:20.6250vw;} #new_hd .gnb_bg .inner {height:100%; display: flex; justify-content: center; align-items: center;} #new_hd .gnb_bg .txt_wrap > span {font-size:7.1875vw; line-height: 0.825em;} #new_hd .gnb_bg .txt_wrap > span.font_lu {font-size:7.8125vw;} #new_hd .gnb_bg .txt_wrap > span a {letter-spacing: -0.25vw;} #new_hd .gnb_bg .time_box span {font-size:2.8125vw; letter-spacing: 0; margin-top:0.4688vw;} #new_hd .gnb_bg .time_box #c_countdown {font-size:4.0625vw; margin:0 2.9688vw 0 2.3438vw; border-radius: 5px; padding:1.4063vw 2.5000vw 1.5625vw 2.5000vw;} /* footer */ footer {position: relative; z-index: 9999;} #footer {margin-top:10.9375vw; } #footer .top_wrap .lft_wrap {display: none;} #footer .top_wrap .rgh_wrap {gap:25px; display: none;} #footer .top_wrap .item .con {height: auto;} #footer .bt_wrap {padding:17.5px 0 55px 0; background:#F6FBFF !important; color:#8997A2; font-size:3.1250vw;} #footer .bt_wrap .inner {flex-direction: column-reverse; gap:13.5px;} #footer .bt_wrap .inner::after {display: none;} #footer .bt_wrap .lft_wrap .copy {font-size:2.5000vw; color:#BAC4CD; margin-top:5.6250vw;} #footer .bt_wrap .rgh_wrap ul {gap:4.6875vw;} #footer .bt_wrap .rgh_wrap ul a {color:#8997A2;} #footer .bt_wrap .m_mid {margin-top:2.8906vw;} #footer .bt_wrap .m_mid span {color:#000000;} #footer .bt_wrap .m_mid ul {margin-bottom:1.4063vw;} #flot_banner {display: none;} .subTop_wrap .snav_wrap {flex-direction: column; margin-top:25px;} .subTop_wrap .snav_wrap ul {display: none;} .subTop_wrap .lft_wrap {width: 100%; margin-bottom:17px;} .subTop_wrap .lft_wrap .tit {display: none;} .subTop_wrap .lft_wrap .tit.display {display: block; width:100%; text-align: center; font-size:6.25vw; font-weight: 700;} .subTop_wrap .rgh_wrap {width:100%; text-align: center; border-bottom:12px solid #F4F4F4; padding-bottom:25px;} .subTop_wrap .img_wrap img {width:100%;} .subTop_wrap .rgh_wrap p {text-align: center; font-size:3.75vw; line-height: normal;} /* BEST, VIP, GIFT 리스트 상단 타이틀 */ .sub_tit {margin-top:18px; padding-bottom:25px;} .sub_tit > h5 {font-size:6.56vw; font-weight: 900;} .sub_tit > span {margin-top:3.13vw; font-size:3.75vw;} /* 모바일 하단 플로팅 */ .no_footer #m_foot {display: none} #m_foot {position: relative; display:block; position: fixed; bottom:0; left:0; width:100%; background:#e21a30; z-index: 999;} #m_foot::before {content: ''; display:inline-block; width:18.2813vw; height:9.5313vw; position: absolute; right:20px; bottom:10.6250vw; background:url('../images/renew_2025/main/m_floatimg.svg') center / contain no-repeat; } #m_foot ul {display: flex; width:100%;} #m_foot ul li {flex:0 0 20%;} #m_foot ul li a {display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; text-align: center; color:#fff; font-size:2.5000vw; padding:0; height:11.8750vw; margin-top:1.5625vw;} #m_foot ul li a:hover {font-weight: 700} #m_foot ul li a::before {content: ''; width:5.9375vw; height:5.9375vw; display: inline-block;margin-bottom: 4px;} #m_foot ul li:nth-child(1) a::before {background:url('../images/renew_2025/main/m_icon01.png') center / contain no-repeat;} #m_foot ul li:nth-child(2) a::before {background:url('../images/renew_2025/main/m_icon02.png') center / contain no-repeat;} #m_foot ul li:nth-child(3) a::before {background:url('../images/renew_2025/main/m_icon03.png') center / contain no-repeat;} #m_foot ul li:nth-child(4) a::before {background:url('../images/renew_2025/main/m_icon04.png') center / contain no-repeat;} #m_foot ul li:nth-child(5) a::before {background:url('../images/renew_2025/main/m_icon05.png') center / contain no-repeat;} #footer .top_wrap {margin:0;} /*구매하기, 장바구니등에서 하단여백삭제 */ /* 메인 */ .main_renew section#main1 .inner {padding:0;} /* .main_renew section .inner {padding:0 20px;}*/ .main_renew section.wide {background:#fff;} #main1 {margin:0;} #main1 img {object-fit: cover; width:100%; height:100% !important;} #mv_banner {margin-top:2px;} #mv_banner .inner {padding:0;} #mv_banner .slick-slide {margin: 0 1px;} #mv_banner .slick-list {margin: 0 -1px;} #main2 {padding:39px 0 0 0;} #main2 h2 {display: none;} #main2 .ms_tit > span {font-size:4.3750vw; color:#E21A30; font-weight: 800;} #main2 .ms_tit > p {font-size:3.7500vw; color:#7E8F9C; font-weight: 700;} #main2 .ms_tit > .all_view {display: none;} #main2 .tab_wrap {overflow-x: scroll; border:none; margin-bottom:25px;} #main2 .tabnav {gap:2.9688vw; margin-top:5.4688vw;} #main2 .tabnav li {flex:auto;} #main2 .tabnav li a span {width:16.2500vw; height:16.2500vw !important; border-radius: 100%; margin:6px;} #main2 .tabnav li a.active span {border:4px solid #E21A30; width:18.4375vw; height:18.4375vw !important; margin:0;} #main2 .tabnav li a .icon1 {background:url('../images/renew_2025/main/m2_icon01.svg') center / 65% no-repeat #F1E7E7;} #main2 .tabnav li a .icon2 {background:url('../images/renew_2025/main/m2_icon02.svg') center / 80% no-repeat #F1E7E7;} #main2 .tabnav li a .icon3 {background:url('../images/renew_2025/main/m2_icon03.svg') center / 80% no-repeat #F1E7E7;} #main2 .tabnav li a .icon4 {background:url('../images/renew_2025/main/m2_icon04.svg') center / 80% no-repeat #F1E7E7;} #main2 .tabnav li a .icon5 {background:url('../images/renew_2025/main/m2_icon05.svg') center / 80% no-repeat #F1E7E7;} #main2 .tabnav li a .icon6 {background:url('../images/renew_2025/main/m2_icon06.svg') center / 80% no-repeat #F1E7E7;} #main2 .tabnav li a b {font-size:3.4375vw; color:#4C4C4C; position: relative; margin-top:5px;} #main2 .tabnav li a.active b {background:none; color:#E21A30; font-size:3.4375vw; font-weight: 700; letter-spacing: -.1em;} #main2 .new_main_item .item-wrap {display: flex; gap:26px 8px; flex-wrap: wrap;} #main2 .new_main_item .item-wrap .item {flex: 0 0 calc(33.333% - 6px);} #main2 .new_main_item .item-wrap .img {height:37.1875vw; max-height: none;} /* 메인상품진열 */ .ms_tit {text-align: left; margin-bottom:10px;} .ms_tit > h2 {font-size:4.3750vw; color:#333; display: flex; gap:1px; align-items: center; } .ms_tit > h2 i {font-style: normal; display: inline-block;} .ms_tit > span {font-size:3.4375vw; color:#7E8F9C;} .ms_tit > p {font-size:1.8750vw;} .ms_tit > .all_view {border:none; text-align: center; right:10px; top:0; padding:0; width:auto; color:#E84F49; font-size:3.4375vw; display: flex;} .ms_tit > .all_view::after {content: ''; width:4.3750vw; height:4.3750vw; color:#000000; margin-left:0.6250vw; background:url('../images/renew_2025/main/more_arrow_right.svg') center no-repeat;} .new_main_item .item-wrap .in {padding:0px;} .new_main_item .item-wrap .img {height:49.3750vw; max-height: none; border-radius: 5px; overflow: hidden; background:#DEE4EC;} .new_main_item .item-wrap .img .img-wrap img {} .new_main_item .item-wrap .type {display: none;} .new_main_item .item-wrap .tit .t {display: -webkit-box; height:10.9375vw; line-height: 140%; font-size:3.7500vw; margin-top:2px;} .new_main_item .item-wrap .tit .small {font-size:3.1250vw; font-weight: 900; border-radius: 5px; letter-spacing: .9px; padding: 1px 5px 0px 5px; margin-top:0.9375vw; } .new_main_item .item-wrap .price_w {justify-content: flex-start} .new_main_item .item-wrap .price_w > div {display: flex; align-items: center;} .new_main_item .item-wrap .price_w .through {color:#BAC4CD; font-weight: 300; font-size:2.8125vw !important;} .new_main_item .item-wrap .price_w .perc {color:#E21A30; font-weight: 800; font-size:3.4375vw !important; margin-right:6px; letter-spacing: -.7px;} .new_main_item .item-wrap .price_w .price {font-size:3.4375vw; font-weight: 800; letter-spacing: -.4px;} .new_main_item .item-wrap .icon_wrap span {width:15px; height:15px;} .new_main_item .item-wrap .icon_wrap .lft_wrap span {width:60px;} .new_main_item .item-wrap .btn_buy, .new_main_item .item-wrap .go_cart {font-size:3.1250vw; border:1px solid #DEE4EC !important; margin:4px 0 6px 0; padding:0; height:8.1250vw; line-height: 8.1250vw;} .new_main_item .item-wrap.goods_l .go_cart::before, .new_main_item .item-wrap .go_cart::before {width:3.7500vw; height:3.7500vw; background: url(../images/renew_2025/main/btn_goCart_m.svg) center / contain no-repeat; margin-right:1.5625vw;} #main2 .slick-arrow, #main3 .slick-arrow, #main4 .slick-arrow, #main5 .slick-arrow, #main6 .slick-arrow, #main7 .slick-arrow {display: none;} #main1 .inner, #main3 .inner, #main4 .inner, #main5 .inner, #main6 .inner, #main7 .inner {padding:0 0 0 4.0625vw;} #main3, #main4, #main5, #main6, #main7 {padding:10.9375vw 0 0 0 ;} #main2 .slick-list, #main3 .slick-list, #main4 .slick-list, #main5 .slick-list, #main6 .slick-list, #main7 .slick-list {margin: 0 -0.9375vw;} #main2 .slick-slide, #main3 .slick-slide, #main4 .slick-slide, #main5 .slick-slide, #main6 .slick-slide, #main7 .slick-slide {margin: 0 0.9375vw;} /* 제품 상세 페이지 */ .goods_view_top .big .in {height:128.28vw;} .detail_wrap .top_wrap {flex-direction: column; gap:0; margin:0;} .detail_wrap .top_wrap .img_wrap {width:100%; margin:0;} .detail_wrap .top_wrap .l_img {flex:0 0 100%; width: 100vw; margin-left: calc(-50vw + 50%);} .detail_wrap .r_txt {margin-top:6.56vw;} .detail_wrap .title_wrap .title {font-size:4.69vw;} .detail_wrap .title_wrap .stit {display: block; font-size:3.75vw;} .detail_wrap .title_wrap .ltxt_wrap .tit {flex:0 0 18.75vw; font-size:3.75vw; margin:0;} .detail_wrap .title_wrap .ltxt_wrap b {font-size:3.44vw;} .detail_wrap .title_wrap .ltxt_wrap p {font-size:3.13vw;} .detail_wrap .title_wrap .icon span {font-size:3.13vw; border-radius: 5px; margin-bottom:2.50vw;} .detail_wrap .title_wrap .buy_price {padding:3.13vw 0 2.34vw 0;} .detail_wrap .title_wrap .buy_price > div {width:auto; padding:0;} .detail_wrap .title_wrap .buy_price .count {display: none;} .detail_wrap .title_wrap .buy_price .through {display: block; margin-bottom:3px; font-size:3.75vw;} .detail_wrap .title_wrap .buy_price .perc {display: block; font-size:6.25vw; font-weight: 700;} .detail_wrap .title_wrap .buy_price .price {font-size:20px;} .detail_wrap .title_wrap .buy_price b {font-size:3.75vw;} .detail_wrap .title_wrap .count_wrap {gap:1px;} .detail_wrap .title_wrap .count_wrap > div {flex: 0 0 calc(50% - 1px);} .detail_wrap .title_wrap .banner_wrap {display: none;} .detail_wrap .title_wrap .banner_wrap ul {display: flex; flex-direction: column; gap:15px;} .detail_wrap .title_wrap .d_pt {padding-top:18px; padding-bottom:1.5px; margin-bottom:5px;} .detail_wrap .title_wrap .ltxt_wrap {margin-bottom:20px; gap:0;} .detail_wrap .title_wrap .ltxt_wrap > div {display: flex; flex-direction: column;} .detail_wrap .title_wrap .delivery {display: none;} .detail_wrap .title_wrap .say {margin:24px 0 20px 0;} .detail_wrap .title_wrap .say .tit::after {width: 24.69vw; height: 12.81vw; top: -10px; right: 15px; background: url(../images/renew_2025/detail/say_man1.svg) center / contain no-repeat;} .detail_wrap .title_wrap .say .tit {font-size:7.81vw;} .detail_wrap .title_wrap .say p {display: flex; gap:12px; flex-direction: column; padding:18px 4.06vw; font-size:14px;} .detail_wrap .title_wrap .say p::before {position: relative; top:auto; left:auto; width:16px; height:14.5px;} .detail_wrap .title_wrap .say p::after {position: relative; bottom: auto; right: auto; width:16px; height:14.5px; text-align: right; margin-left: auto; } .detail_wrap .title_wrap .notice {margin:0 0 6.25vw 0;text-align: left; } .detail_wrap .title_wrap .notice h3 {font-size:4.06vw; font-weight: 800; display: block; margin:22px 0 12px 0; color:#333;} .detail_wrap .title_wrap .notice li {display: flex; font-size:3.44vw; color:#404040; margin-bottom:20px;} .detail_wrap .title_wrap .notice li span {color:#999; flex:0 0 18.75vw;} .detail_wrap .title_wrap .banner_wrap2 {width: 100vw; margin-left: calc(-50vw + 50%);} .detail_wrap .content_wrap .banner {width: 100vw; margin-left: calc(-50vw + 50%);} /* 상세페이지 제품설명 */ .content_wrap .detail_new {padding:65px 0 120px 0;} .content_wrap .detail_new > b {font-size:6.25vw;} .content_wrap .detail_new > p {font-size:3.75vw; line-height: 7.25vw;} .content_wrap .delv_wrap {flex-direction: column; gap:0} .content_wrap .delv_wrap .con {margin-bottom:6.25vw;} .content_wrap .delv_wrap .con h4 {font-size:4.06vw; display: flex; align-items: center; margin:0; padding:8px 0; margin-bottom:2.97vw;} .content_wrap .delv_wrap .con h4::before {width:5.94vw; height:5.94vw; margin-right:5px;} .content_wrap .delv_wrap .con .txt {padding:5.63vw 4.06vw; font-size:4.06vw; line-height: normal; color:#666;} .content_wrap .delv_wrap .con .tit {font-weight: 700; color:#333;} .content_wrap .delv_wrap .con ul li {} .content_wrap .delv_wrap .con ul li span {flex:0 0 130px; color:#333; font-weight: 700; font-size:4.06vw;} .content_wrap .more {top:-60px;} .content_wrap .more .hidden {width:24.22vw; height:25.31vw;} .content_wrap .more .view {width:24.22vw; height:25.31vw;} .content_wrap .more_con h3 {height:14px;} .content_wrap .more_con p {font-size:3.75vw; line-height: 7.25vw;} /* 제품 상세페이지 상단 */ .pro_top {display: flex; justify-content: space-between; align-items: center; font-size:4.38vw; padding:2.97vw 0;} .pro_top > div {display: flex; gap:13px; align-items: center;} .pro_top .btn_back a {display: block; width:5.94vw; height:5.94vw; background:url('../images/renew_2025/main/btn_back.svg') center 50% no-repeat;} .pro_top .tit {font-size:4.38vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .pro_top .rgh_wrap {gap:17px; margin-left:17.5px;} .pro_top .p_home {display: inline-block; width:5.94vw; height:5.94vw; background:url('../images/renew_2025/product/btn_home.svg') center / cover no-repeat;} .pro_top .p_cart {position: relative; display: inline-block; width:5.94vw; height:5.94vw; background:url('../images/renew_2025/product/btn_cart.svg') center 70% / cover no-repeat; margin-right:13px;} .pro_top .p_cart span {position: absolute; right:-13px; top:-11px; display: inline-block; width:5.94vw; background:#2A2A2A; color:#fff; text-align: center; border-radius: 16px; padding:2.5px 4px; font-size:3.13vw;} .detail_wrap .title_wrap .buy_price .price_w .price{font-size:6.25vw;} /* 제품 상세페이지 아래 구매버튼 */ .sub_com {z-index: 1;} .detail_wrap .title_wrap .btn_wrap {display: none;} .detail_wrap .buy_wrap {display: block; position: fixed; bottom:0; left:0; width:100%; padding:10px 0 9px 0; background:#fff; z-index: 10;} .detail_wrap .buy_wrap .option_wrap {border-top:1px solid #F9F9F9; border-bottom: 1px solid #F9F9F9; padding:0 13px; margin-bottom:10px; } .detail_wrap .buy_wrap .option_wrap .cotop_wrap {display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #F9F9F9; padding:9px 0;} .detail_wrap .buy_wrap .option_wrap .total_wrap {display: flex; justify-content: space-between; align-items: center; padding:9px 0;} .detail_wrap .buy_wrap .option_wrap .tit {font-size:12px; font-weight: 600; } .detail_wrap .buy_wrap .option_wrap .no {font-size:10px; color:#E84F49; font-weight: 500;} .detail_wrap .buy_wrap .option_wrap .price_wrap {display: flex; gap: 4px; flex-direction: row; margin-top:3.44vw;} .detail_wrap .buy_wrap .option_wrap .price_wrap .price {font-size:13px; font-weight: 800;} .detail_wrap .buy_wrap .option_wrap .price_wrap .through {font-size:11px; font-weight: 400; color:#BAC4CD; text-decoration: line-through;} .detail_wrap .buy_wrap .option_wrap .total_wrap .cont {display: flex; flex-direction: row; gap:6px; align-items: center; font-size:12px; color:#333; font-weight: 600;} .detail_wrap .buy_wrap .option_wrap .total_wrap .cont div {color:#E21A30; font-size:3.75vw; font-weight: 600; display: flex; flex-direction: row; align-items: center;} .detail_wrap .buy_wrap .option_wrap .total_wrap .cont span {font-size: 16px; font-weight: 900;} .detail_wrap .buy_wrap .goods_btns .btn_area {padding:0 13px; gap:6px;} .detail_wrap .buy_wrap .goods_btns .btn_area > button {font-size:3.75vw; padding:3.44vw 0; border-radius: 5px; border:1px solid #000; color:#000;} .detail_wrap .buy_wrap .qty_w {border: 1px solid #D9D9D9; border-radius: 5px; padding:4.5px 9px;} .detail_wrap .buy_wrap .qty_w .item {min-height:auto;} .detail_wrap .buy_wrap .qty_w input {text-align: center; border:none; font-size:3.75vw; font-weight: 700; color:#333; padding:0;} .detail_wrap .buy_wrap .qty_w .amount_w .plus{width:10px; height:10px; background: url('../images/renew_2025/detail/plus.svg') center no-repeat; text-indent: -999px; overflow: hidden;} .detail_wrap .buy_wrap .qty_w .amount_w .minus{width:10px; height:10px; background: url('../images/renew_2025/detail/minus.svg') center no-repeat; text-indent: -999px; overflow: hidden;} /* 골든타임의 제품리스트 */ .front_page .subTop_wrap {margin-top:30px;} .front_page h2 {display: none;} .front_page .ms_tit > span {font-size:4.38vw; color:#E21A30; font-weight: 800;} .front_page .ms_tit > p {font-size:3.75vw; color:#7E8F9C; font-weight: 700;} .front_page .ms_tit > .all_view {display: none;} .front_page .tab_wrap {border:none; margin-top:16px; margin-bottom:22px;} .front_page .tabnav {gap:10px; margin-top:4.38vw; padding-bottom:7.81vw; overflow-x: scroll;} .front_page .tabnav li {flex:auto;} .front_page .tabnav li a {padding:2px;} .front_page .tabnav li a span {width:16.25vw; height:16.25vw !important; border-radius: 100%; margin:0px auto;} .front_page .tabnav li a .icon1 {background:url('../images/renew_2025/main/m2_icon01.svg') center / 50% no-repeat #F1E7E7;} .front_page .tabnav li a .icon2 {background:url('../images/renew_2025/main/m2_icon02.svg') center / 50% no-repeat #F1E7E7;} .front_page .tabnav li a .icon3 {background:url('../images/renew_2025/main/m2_icon03.svg') center / 50% no-repeat #F1E7E7;} .front_page .tabnav li a .icon4 {background:url('../images/renew_2025/main/m2_icon04.svg') center / 50% no-repeat #F1E7E7;} .front_page .tabnav li a .icon5 {background:url('../images/renew_2025/main/m2_icon05.svg') center / 50% no-repeat #F1E7E7;} .front_page .tabnav li a .icon6 {background:url('../images/renew_2025/main/m2_icon06.svg') center / 50% no-repeat #F1E7E7;} .front_page .tabnav li a.active span {border:0.6250vw solid #fff; width:17.8125vw; height:17.8125vw !important; margin:0; position: relative;} .front_page .tabnav li a.active span::after {content: ''; display: inline-block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border:0.6250vw solid #E21A30; width:18.4375vw; height:18.4375vw !important; margin:0; border-radius: 100%;} .front_page .tabnav li a b {font-size:3.4375vw; color:#4C4C4C; position: relative; margin-top:5px;} .front_page .tabnav li a.active b {background:none; color:#E21A30; font-size:3.4375vw; font-weight: 900; letter-spacing: -.1em;} .front_page .new_main_item .item-wrap {display: flex; gap:26px 8px; flex-wrap: wrap;} .front_page .new_main_item .item-wrap .item {flex: 0 0 calc(33.333% - 6px);} .front_page .new_main_item .item-wrap .img {height:37.1875vw; max-height: none;} .front_page .new_main_item .item-wrap .img {height:49.3750vw; max-height: none; border-radius: 5px; overflow: hidden; background:#DEE4EC;} .front_page .new_main_item .item-wrap .img .img-wrap img {} .front_page .new_main_item .item-wrap .type {display: none;} .front_page .new_main_item .item-wrap .tit .t {display: -webkit-box; height:10.9375vw; line-height: 140%; font-size:3.7500vw; margin-top:2px;} .front_page .new_main_item .item-wrap .tit .small {font-size:3.1250vw; font-weight: 900; border-radius: 5px; letter-spacing: .9px; padding: 1px 5px 0px 5px; margin-top:0.9375vw; } .front_page .new_main_item .item-wrap .price_w {justify-content: flex-start} .front_page .new_main_item .item-wrap .price_w > div {display: flex; align-items: center;} .front_page .new_main_item .item-wrap .price_w .through {color:#BAC4CD; font-weight: 300; font-size:2.8125vw;} .front_page .new_main_item .item-wrap .price_w .perc {color:#E21A30; font-weight: 800; font-size:3.4375vw; margin-right:6px; letter-spacing: -.7px;} .front_page .new_main_item .item-wrap .price_w .price {font-size:3.4375vw; font-weight: 800; letter-spacing: -.4px;} .front_page .new_main_item .item-wrap .icon_wrap span {width:15px; height:15px;} .front_page .new_main_item .item-wrap .icon_wrap .lft_wrap span {width:60px;} .front_page .new_main_item .item-wrap .btn_buy, .front_page .new_main_item .item-wrap .go_cart {font-size:3.1250vw; border:1px solid #DEE4EC !important; margin:4px 0 6px 0; padding:0; height:8.1250vw; line-height: 8.1250vw;} .front_page .new_main_item .item-wrap.goods_l .go_cart::before, .front_page .new_main_item .item-wrap .go_cart::before {width:3.7500vw; height:3.7500vw; background: url(../images/renew_2025/main/btn_goCart_m.svg) center / contain no-repeat; margin-right:1.5625vw;} /* 골든타임의 제품리스트 */ #body_main.green .front_page .subTop_wrap .img_wrap {background:url('../images/renew_2025/main/sub_img010102_m.png') center / contain no-repeat;} #body_main.black .front_page .subTop_wrap .img_wrap {background:url('../images/renew_2025/main/sub_img010103_m.png') center / contain no-repeat;} .front_page .subTop_wrap .img_wrap {background:url('../images/renew_2025/main/sub_img010101_m.png') center / contain no-repeat; height: 48vw;} /* 제품상세 하단에 연관상품 */ .sub_com .m_space {margin-top:143px;} .sub_com .front_page {margin-top:40px;} .product_area .pro_list.front_page {padding:0;} /* 제품상세 하단에 연관상품 .pro_list .ms_tit > .all_view {display: none;} .pro_list .tab_wrap {overflow-x: scroll;} .pro_list .tabnav li {flex:0 0 81px;} .pro_list .tabnav li a.active::before {bottom: 53px;} .pro_list .tabnav li:nth-child(1) a::before {width:68px;} .pro_list .tabnav li:nth-child(2) a::before {width:48px;} .pro_list .tabnav li:nth-child(3) a::before {width:48px;} .pro_list .tabnav li:nth-child(4) a::before {width:48px;} .pro_list .tabnav li:nth-child(5) a::before {width:48px;} .pro_list .tabnav li:nth-child(6) a::before {width:48px;}*/ /* 서브 제품 리스트 */ .goods-top .sort {display: none;} .new_main_item .item-wrap.goods_l {gap:21.5px 6px; padding:0 13px;} .new_main_item .item-wrap.goods_l .item.product_list {flex:0 0 calc(50% - 6px);} .new_main_item .item-wrap.goods_l .img {height:368px; height:57.5vw; max-height: none;} .new_main_item .item-wrap.goods_l .img a {display: block; width:100%; height:100%;} .new_main_item .item-wrap.goods_l .type {font-size:28px;} .new_main_item .item-wrap.goods_l .los_cont {font-size:20px; padding: 12px 0;} /* .new_main_item .item-wrap.goods_l .tit .t {display: -webkit-box; height: 30px; line-height: 140%; font-size: 11px; margin-top: 0;}*/ .new_main_item .item-wrap.goods_l .btns {font-size:10px;} .front_page .new_main_item .item-wrap .btn_buy, .front_page .new_main_item .item-wrap .go_cart {font-size:3.1250vw; border:1px solid #DEE4EC !important; margin:4px 0 6px 0; padding:0; height:8.1250vw; line-height: 8.1250vw;} /* .new_main_item .item-wrap.goods_l .price_w .price {font-size:11px; font-weight: 800;}*/ .new_main_item .item-wrap.goods_l .price_w .through {font-size:9px;} .new_main_item .item-wrap.goods_l .price_w .perc {font-size:11px;} /* 각각의 카테고리에 나타나는 상단 정렬 */ .sort_wrap { padding:13.5px 0;} .sort_wrap .lft_wrap .count {display: block; font-size:11px; color:#333;} .sort_wrap .rgh_wrap ul {display: none;} .sort_wrap .rgh_wrap select {display: block; border:none; font-size:11px; color:#333; background:url('../images/renew/common/select_arrow.png') 95% 50% / 10% no-repeat #fff;} /* 루카스 회사소개 */ .lucas_wrap {margin:0;} .lucas_wrap .lucas {margin:0; padding:0;}4.06 .lucas_wrap .lucas .top_wrap {flex-direction: column; gap:20px; background:#f9f9f9; margin:0;} .lucas_wrap .lucas_sub > .img_wrap, .lucas_wrap .lucas .top_wrap .img_wrap {height:84.38vw} .lucas_wrap .lucas .txt_wrap p {margin-top:25px; padding:0 25px; font-size:4.06vw; line-height: 6.25vw; word-break: keep-all;} .lucas_wrap .lucas .bt_wrap {margin:0; padding:21px 32.5px 25px 32.5px; background:#f9f9f9;} .lucas_wrap .lucas .bt_wrap ul {gap:4.69vw;} .lucas_wrap .lucas .bt_wrap ul > li {flex:0 0 calc(50% - 2.4vw);} .lucas_wrap .lucas .bt_wrap ul > li a {border:none; border-radius: none; padding:0; height:44vw;} .lucas_wrap .lucas .bt_wrap ul > li:nth-child(1) a {background: url('../images/renew_2025/brand/lucas_img01_m.svg') center right / contain no-repeat;} .lucas_wrap .lucas .bt_wrap ul > li:nth-child(2) a {background: url('../images/renew_2025/brand/lucas_img02_m.svg') center left / contain no-repeat;} .lucas_wrap .lucas .bt_wrap ul > li:nth-child(3) a {background: url('../images/renew_2025/brand/lucas_img03_m.svg') center right / contain no-repeat;} .lucas_wrap .lucas .bt_wrap ul > li:nth-child(4) a {background: url('../images/renew_2025/brand/lucas_img04_m.svg') center left / contain no-repeat;} .lucas_wrap .lucas .bt_wrap ul > li:nth-child(5) a {background: url('../images/renew_2025/brand/lucas_img05_m.svg') center right / contain no-repeat;} .lucas_wrap .lucas .bt_wrap ul > li:nth-child(6) a {background: url('../images/renew_2025/brand/lucas_img06_m.svg') center left / contain no-repeat;} .lucas_wrap .lucas .bt_wrap span {font-size:1.143em;} .lucas_wrap .lucas .bt_wrap div {font-size: 2.186em; letter-spacing: -0.088em; text-align: center;} .lucas_sub .table_wrap > ul {gap:60px 0;} .lucas_sub .table_wrap > ul > li {flex: 0 0 50%;} .lucas_sub .phar {margin:0; padding:15.63vw 4.06vw 25px 4.06vw; background:#f9f9f9;} .lucas_sub .phar > div {font-size:7.03vw; font-weight: 900; margin-bottom:12px;} .lucas_sub .phar p {font-size:4.06vw; line-height: 6.25vw; text-align: left;} .lucas_sub.special .phar > div {margin-bottom:12px;} .lucas_sub.special .phar > div > b {font-size:5.63vw; text-align: center; display: block; width:100%; font-weight: 600; margin-top:2px;} .lucas_sub .stit {font-size:7.03vw; font-weight: 900;} .lucas_sub .phar .img_wrap {width: 100vw; margin-left: calc(-50vw + 50%); margin-bottom:10.63vw;} .lucas_sub .phar > div img {width:100%;} .lucas_sub .img_wrap.clover {background:#f9f9f9;} .lucas_sub .img_wrap.clover img {width:31.88vw !important; height:31.88vw; } .lucas_sub .phar .title {display: block; width:100%; font-size:7.03vw; margin:60px 0; line-height:8.13vw; text-align: center;} .lucas_sub .phar .title.vip {margin:0 0 12px 0;} .lucas_sub .phar .initial {display:initial;} .lucas_sub .vip_wrap {border:none;} .lucas_sub .vip_wrap > ul {margin-top:50px;} .lucas_sub .vip_wrap > ul > li {flex-direction: column; margin-bottom:10.63vw;} .lucas_sub .vip_wrap > ul > li > div {font-size:13px; line-height: 6.25vw; text-align: center; margin:0;} .lucas_sub .vip_wrap > ul > li .tit {margin:0; width:23.44vw; height:23.44vw; font-size:4.69vw; margin-bottom:8px;} .lucas_sub .table_wrap > ul > li .tit {margin:0; width:23.44vw; height:23.44vw; font-size:4.69vw; margin-bottom:8px;} .lucas_sub .table_wrap > ul > li span.f-acu {font-size:4.06vw; font-weight: 800;} .lucas_sub .table_wrap > ul > li > div {font-size:4.06vw; line-height: 6.25vw;} .lucas_sub .table_wrap.del {background: #f9f9f9;margin:0; padding:21px 32.5px 25px 32.5px; } .lucas_sub .table_wrap.del > ul {gap:4.06vw 3.75vw;} .lucas_sub .table_wrap.del > ul > li {flex:0 0 calc(50% - 1.95vw);} .lucas_sub .phar.del_last p {text-align: center;} .lucas_sub .phar.del_last p b {font-size:5.63vw;} .lucas_wrap .lucas_sub > .img_wrap img {width:fit-content;} /* 로그인 */ .login_wrap_renew {padding:0 15.75px;} .login_wrap_renew .login_wrap {max-width: none;} .login_wrap_renew .sub_top {display: none;} .login_wrap_renew .tab_menu > ul {display: none;} .login_wrap_renew .tab_cont .etc {margin:4.38vw 0;} .login_wrap_renew .tab_cont .etc input[type="checkbox"].renew + label span {width:5.94vw; height:5.94vw; background:url('../images/renew_2025/member/che_login_m.svg') center / cover no-repeat; margin-right:1.56vw;} .login_wrap_renew .tab_cont .etc input[type="checkbox"].renew:checked + label span {background:url('../images/renew_2025/member/che_login_on_m.svg') center / cover no-repeat;} input[type="checkbox"].renew + label {font-size:4.06vw;} .login_wrap_renew .tab_cont .etc a {font-size:4.06vw;} .login_wrap_renew .tab_cont .form input {padding:3.44vw 4.06vw; margin-bottom:0px; border:1px solid #DEE4EC; border-radius: 5px; font-size:4.06vw;} .login_wrap_renew .tab_cont .form li:first-child input {margin-bottom:3.13vw} .btn-login {font-size:3.44vw; margin:0; border-radius: 5px; height:13.28vw;} .btn-login.bg-black_r {margin-top:10px;} .login_wrap_renew .txt {display: none;} .login_wrap_renew .login_sns {gap:5.31vw; margin-top:10.00vw;} .login_wrap_renew .login_sns span {display: inline-block; width:52px; height:52px; margin:0;} .login_wrap_renew .login_sns a {display: flex; flex-direction: column;} .login_wrap_renew .login_sns .naver span {background:url('../images/renew_2025/member/login_sns_naver.svg') center / cover no-repeat; width:16.25vw; height:16.25vw;} .login_wrap_renew .login_sns .kakao span {background:url('../images/renew_2025/member/login_sns_kakao.svg') center / cover no-repeat; width:16.25vw; height:16.25vw;} .login_wrap_renew .login_sns .google span {background:url('../images/renew_2025/member/login_sns_google.svg') center / cover no-repeat; width:16.25vw; height:16.25vw;} .login_wrap_renew .login_sns b {display: none;} .login_wrap_renew .only-m {font-size:3.44vw; margin-top:7.81vw;} .login_wrap_renew .only-m span:first-child::after {content: ''; display: inline-block;width:1px; height:16px; background:#DEE4EC; margin:0 3.75vw;} .login_wrap_renew .only-m a {color:#999;} .login_wrap_renew .btn-find {margin-top:7.81vw;} .pass_renew {padding:60px 5.47vw 120px 5.47vw; } .pass_renew .ta_center {gap:3.13vw;} .pass_renew .ta_center button {padding:3.91vw 0; height: auto;} /* 회원가입 */ .login_wrap_renew .join_wrap .join_steps {display: none;} .login_wrap_renew .join_wrap .join_steps > li {flex: 0 0 35%;} .agree_wrap_new .txt_wrap {padding: 0 0 30px 0;} .agree_wrap_new .txt_wrap > ul > li {font-size:3.44vw; line-height: 4.69vw;} .agree_wrap_new .txt_wrap2 {padding:20px 0;} .agree_wrap_new .agree-st1 input[type="checkbox"].renew + label {font-size:3.44vw;} .agree_wrap_new .box {font-size:18px;} .btn_wrap_renew > ul {gap:9px;} .btn_wrap_renew > ul > li {flex: 0 0 calc(50% - 5px);} .login_wrap_renew .form-st1n .item {flex-direction: column;} .login_wrap_renew .form-st1n .t {flex:0 0 auto; margin-bottom:12px; font-size:3.44vw;} .login_wrap_renew .form-st1n .item .cont .box4 {flex-wrap: wrap; } .login_wrap_renew .form-st1n .item .cont .box4 > button {flex:0 0 100%; width:100%; margin-top:10px;} .join_wrap .btn_w-st2 {width:100%; margin:20px 0 60px 0;} .join_wrap .btn_w-st2 .spot_divflag {width:100%;} /* 회원가입 동의 */ .agree_wrap_new .agree-st1 {padding:3.69vw 0;} .agree_wrap_new input[type="checkbox"].renew + label span {width:5.94vw; height:5.94vw; background:url('../images/renew_2025/member/che_login_m.svg') center / cover no-repeat; margin-right:3.13vw;} .agree_wrap_new input[type="checkbox"].renew:checked + label span {background:url('../images/renew_2025/member/che_login_on_m.svg') center / cover no-repeat;} .agree_wrap_new .agree-st1 .icon {width:4.94vw; height:4.94vw; right:12.5px;} .agree_wrap_new .box {font-size:12px; line-height: 20px;} .join_type {margin-top:25px;} .join_type .txt_wrap {margin-bottom:25px; font-size:4.06vw} .btn_wrap_renew > ul > li button, .btn_wrap_renew > ul > li a {font-size:4.06vw; padding:4.22vw 0;} .snswrap ul li .bg-black_r {font-size:4.06vw; padding:4.22vw; height: auto; line-height: normal; } .login_wrap_renew .join_wrap .btn-st2 {font-size:4.06vw; padding:4.22vw; height: auto; line-height: normal; } .login_wrap_renew .join_tit {font-size:4.38vw;} .btn_wrap_renew > ul > li button, .btn_wrap_renew > ul > li a {border-radius: 5px;} .login_wrap_renew .form-st1n .item .cont .add-st1 .box3 > button {border-radius: 5px; border:1px solid #DEE4EC; height:auto; padding:3.44vw 2vw; line-height: 38px; font-size:4.06vw;} .login_wrap_renew .form-st1n .item .cont .box2 > button, .login_wrap_renew .form-st1n .item .cont .box4 > *, .login_wrap_renew .form-st1n .item .cont input[type="text"], .form-st1n .item .cont input[type="password"] {border-radius: 5px; border:1px solid #DEE4EC; height:auto; padding:3.44vw; line-height: 38px; font-size:4.06vw;} .login_wrap_renew .form-st1n .add_txt_b {font-size:3.13vw;} .login_wrap_renew .form-st1n .item .cont .box4 {font-size:12px;} .login_wrap_renew input[type="radio"].renew + label {font-size:3.13vw;} .login_wrap_renew input[type="radio"].renew + label span {width:19px; height:19px; background:url(../images/renew_2025/member/radio_m.svg) center / cover no-repeat} .login_wrap_renew input[type="radio"].renew:checked + label span {background:url(../images/renew_2025/member/radio_on_m.svg) center / cover no-repeat} /* 장바구니 & 마이페이지 공통 */ #body_main.bg_red {background:#fff;} .cart_renew_wrap {background:#fff;} .sub_top.flex-row {display: flex; gap:13px; align-items: center; padding:4.47vw 4.00vw; border-bottom:1px solid #DEE4EC;} .sub_top.flex-row .btn_back button {text-indent: -9999px; background:url('../images/renew_2025/cart/go_back.svg') center / 40% no-repeat; width:5.94vw; height:5.94vw; } .sub_top.flex-row .tit-st1 {font-size:4.3750vw !important; font-weight: 700; line-height: normal; margin:0;} /* 장바구니 */ div.page_layout.cart_warp {margin:0;} .cart_wrap .ovx {padding:0;} .order_cart .lft_wrap .top_cart {padding:0;} .order_cart .lft_wrap .fl.top_cart {padding:5.47vw 5.00vw; border-bottom:1px solid #DEE4EC; border-radius:0; margin:0;} .order_cart .lft_wrap .top_cart button {font-size:3.75vw; } .order_cart .lft_wrap .bt_cart {padding:13px 5.00vw 25px 5.00vw; border-radius: 0; background:#F4F4F4;} .order_cart .lft_wrap .bt_cart .lft_wrap {background: #fff; border-radius: 5px; padding:0 5.00vw; } .order_cart .lft_wrap .bt_cart .item {padding:17px 0 18px 0;} .cart_wrap .cart_foot, .cart_wrap .cart_foot.fixed {position: relative !important; top: auto; right: auto; transform: none;} .cart_wrap .cart_foot.fixed.bt-fixed {bottom:auto;} .cart_foot ul {width:100%; margin-top:20px;} .order_cart .rgh_wrap .btn_wrap .btn_b {font-size:3.75vw; border-radius: 5px;} .cart_wrap .cart_foot .btn_ord {position: fixed; bottom:0; left:0; width:100%; padding:10px; background:#fff;} .order_cart .rgh_wrap .btn_wrap .btn_b {padding:3.75vw 0; margin:0;} .order_cart input[type="checkbox"].renew + label {font-size:0;} .order_cart input[type="checkbox"].renew + label span {width:5.94vw; height:5.94vw; background:url('../images/renew_2025/member/che_login_m.svg') center / cover no-repeat; margin-right:5px;} .order_cart input[type="checkbox"].renew:checked + label span {background:url('../images/renew_2025/member/che_login_on_m.svg') center / cover no-repeat;} .item > ul > li.tit {width: calc(100% - 60px);} .order_cart .lft_wrap .bt_cart .item .tit a {font-size:4.38vw;} .cart_wrap .cwrp .title {padding:4.69vw 0; gap:10.5px;} .cart_wrap .cwrp .title li.check {width:5.94vw; height:5.94vw; object-fit: cover;} .cart_wrap .cwrp .title li {font-size:4.38vw;} .cart_wrap .cwrp .item > ul {align-items: flex-start; gap:10px; margin:0;} .cart_wrap .cwrp .item > ul.ft {padding:18px 0 0 29.5px;} .cart_wrap .cwrp .del {top:20px;} .cart_wrap .cwrp .del button {width:8px; height:8px;} .cart_wrap .cwrp .cart_pro {height:100%; gap:0;} .cart_wrap .cwrp b, .order_cart .lft_wrap .bt_cart .item .price {font-size:4.38vw; font-weight: 700;} .order_cart .lft_wrap .bt_cart .item .img_wrap {width:15.63vw; height:20.31vw; border-radius: 5px; margin:0; overflow: hidden;} .order_cart .lft_wrap .bt_cart .item .couter {align-items: center; width:24.69vw; border: 1px solid #D9D9D9; border-radius: 5px; padding:4.5px 9px; background:#fff; margin:0;} .order_cart .lft_wrap .bt_cart .item .couter input {text-align: center; border:none; font-size:3.75vw; font-weight: 700; color:#333; padding:0; width:22px;} .order_cart .lft_wrap .bt_cart .item .couter .plus{width:10px; height:10px; background: url('../images/renew_2025/detail/plus.svg') center no-repeat; text-indent: -999px; overflow: hidden;} .order_cart .lft_wrap .bt_cart .item .couter .minus{width:10px; height:10px; background: url('../images/renew_2025/detail/minus.svg') center no-repeat; text-indent: -999px; overflow: hidden;} .cart_foot li.tit {display: none;} .cart_foot li:nth-child(3) h3 {color:#999999;} .cart_foot h3 { font-size:4.06vw;} .cart_foot li {padding-bottom:3.75vw; font-size:4.06vw;} .cart_foot li div span, .cart_foot li div { font-size:4.06vw;} .cart_foot ul {margin:0; padding:20px 13px 23px 13px;} .cart_foot li.total {margin:0; padding-top:15px;} .cart_foot li div strong {font-size:20px; font-weight: 600;} /* 주문서 */ #noneproduct {font-size:4.06vw;} div#common_cart_zone {min-height: auto;} .order_w.renew .tit-st4 {font-size:4.06vw;margin:0; padding-bottom:4.47vw; margin-bottom:4.47vw; border:none; border-bottom:1px solid #EBF1F6;} .order_w.renew .cart_tit { font-size:4.06vw; margin:0; padding:4.47vw 4.00vw;} .order_w.renew .cart_con_warp {padding-bottom:25px;} .order_w.renew .cart_con_warp .cart_con {flex-wrap: nowrap; flex-direction: row; border-top:1px solid #EBF1F6; padding:10px 13px; gap:10px;} .order_w.renew .cart_con_warp .total_p {display: none;} .cart_con_warp .cart_con .img_warp {flex:auto; min-width: auto;} .cart_con_warp .cart_con .img_warp > div {width:45px; height:58.5px; border-radius: 5px; overflow: hidden;} .cart_con_warp .cart_con .img_warp img {width:auto; height: auto !important; border-radius: 0;} .cart_con_warp .cart_con .txt_wrap ul {display: flex; align-items: center;} .cart_con_warp .cart_con .txt_wrap li.title {font-size:4.06vw;} .cart_con_warp .cart_con .txt_wrap li.discout {display: none;} .cart_con_warp .cart_con .txt_wrap li.cart_num {color:#666666; font-weight: 500;} .cart_con_warp .cart_con .txt_wrap li.cart_num::before {content: '|'; color:#ddd; margin:0 3px;} .cart_con_warp .cart_con .txt_wrap li {font-size:4.06vw; font-weight: 600;} .cart_con_warp .cart_con .txt_wrap li span {display: none;} .cart_con_warp .cart_con .txt_wrap li b {font-size:4.06vw;} .cart_con_warp .cart_con .txt_wrap .cart_num {font-size:3.44vw;} .order_w.renew > form > div.pro_list {background:#F4F4F4; padding:0; border:none;} .order_w.renew > form > div.pro_list .tit-st4 {background:#fff; padding:4.47vw 4.00vw; margin:0;} .cart_con_warp .cart_sele {display: none;} .common_cart_zone .bbs-list.renew .pro_name {font-size:4.06vw;} .common_cart_zone .bbs-list.renew .pro_name a {padding:0; font-size:13px;} .common_cart_zone .bbs-list.renew {background:#fff; margin:4.47vw 4.00vw; border-radius: 8px;} .common_cart_zone .bbs-list.renew:last-child {margin:4.47vw 4.00vw 0 4.00vw;} .order_w.renew .oder_end .oe_coupon li {font-size:3.44vw; width:15.63vw;} .order_endtxt > .order_seq, .order_endtxt > span, .order_endtxt > p, .order_w.renew .oder_end .form-st1 .item .cont, .order_w.renew .form-st1 .item .t {font-size:3.44vw;} .order_lu.order_w.renew .form-st1 .item .t {font-size:4.06vw;} .form-st1 .add_txt {font-size:3.44vw;} .order_w.renew .inout_wrap .type input, .order_lu .form-st1 input[type="text"], .order_w.renew .form-st1 .add-st1 input[type="text"], .order_lu .tel-st1 > *, .order_lu .tel-st1 select {border-radius: 5px; border:1px solid #DEE4EC; height:auto; padding:3.44vw; line-height: 38px; font-size:4.06vw; height: fit-content;} .order_lu input[type="checkbox"].renew + label {font-size:4.06vw;} .order_w.renew .form-st1#payaddbox {margin-left:5.94vw;} .order_w.renew .form-st1#payaddbox select {font-size:4.06vw; max-width: none;} .order_w.renew .conline #payaddbox .item {display: flex; gap:8px; flex-direction: column;} .order_w.renew .form-st1 .item {padding:0; margin-bottom:23px;} .order_w.renew .form-st1 .item.tt_price {flex-direction: row;} .order_w.renew .form-st1 .item.tt_price {align-items: center} .order_w.renew .form-st1 .item.tt_price .cont.txt_totalprice {flex:auto; font-size:6.25vw; font-weight: 700; padding:0;} .order_w.renew .form-st1 .item.tt_price .txt_totalprice span {} .order_w.renew .form-st1.coupon .item .cont {padding:0 0 4.06vw 0;} .order_w.renew .form-st1.coupon .item .cont {flex:0 0 100%; width:100%; font-size:4.06vw;} .order_w.renew .form-st1.coupon > li.item {border:none;} .order_w.renew .form-st1 .item .cont {padding:0;} .order_w.renew .form-st1 .item .cont.same_wrap {padding:0;} .order_lu input[type="checkbox"].renew + label span {width:5.94vw; height:5.94vw; background:url('../images/renew_2025/member/che_login_m.svg') center / cover no-repeat; margin-right:3.13vw;} .order_lu input[type="checkbox"].renew:checked + label span {background:url('../images/renew_2025/member/che_login_on_m.svg') center / cover no-repeat;} .order_lu.order_w.renew .form-st1 .item .coment {font-size:3.13vw;} .order_w.renew div.addr_btn > button {font-size:3.75vw; padding:7px 11.5px;} .order_w.renew .form-st1 .rel button {font-size:3.75vw} .order_w.renew .inout_wrap .type select {font-size:4.06vw; padding:3.44vw 13px; height: auto; line-height: normal; border:1px solid #DEE4EC; background:url(../images/renew/common/select_arrow.png) no-repeat 97% 50% / 1.5% #fff; } .order_w.renew .inout_wrap .type input {border:1px solid #DEE4EC; max-width: none; font-size:4.06vw;padding:3.44vw 13px; height: auto; line-height: normal; margin-top:5px;} .order_w.renew .inout_wrap ul {margin:0;} .order_w.renew .inout_wrap ul > li {font-size:3.13vw; line-height: 5.13vw;} .order_lu input[type="radio"].oder2 + label {font-size:13px;} .order_w.renew .dev_wrap .tw {height: 55px; border: 1px solid #DEE4EC; border-radius: 8px; overflow: hidden; background: #fff; padding: 0 16px; align-items: center;} .order_w.renew .dev_wrap .dev_item.active .tw {border:1px solid #000;} .order_w.renew .dev_wrap .tw div {font-size:3.44vw;} .order_w.renew .dev_wrap .dev_item {padding:0 0 6px 0; border:none;} .order_w.renew .dev_wrap .dev_item .tw .img_wrap.num1, .order_w.renew .dev_wrap .dev_item .tw .img_wrap.num2, .order_w.renew .dev_wrap .dev_item .tw .img_wrap.num3 {width:5.94vw; height:5.94vw;} .order_w.renew .dev_wrap .dev_item .tw div.tit input[type="radio"].renew + label {display: flex; align-items: center;} .order_w.renew .dev_wrap .conw {display: none;} .order_w.renew .dev_wrap .mw {display: none;} .order_w.renew .inout_wrap .type {margin:0 0 5px 0;} .order_w.renew .wrap_wrap .wrap {margin:0;} .order_w.renew .tel-st1.box3 {max-width: none;} .order_lu .tel-st1 select {background:url('../images/renew_2025/main/arrow_down.svg') no-repeat 91% 50% / 8px 5px #fff;} .order_w.renew .wrap_wrap .wrap ul {flex-direction: column; gap:16px;} .order_w.renew .wrap_wrap .wrap input[type="radio"].renew + label, .order_lu input[type="radio"].renew + label {font-size:4.06vw;} .order_lu input[type="radio"].oder2 + span {width:5.94vw; height:5.94vw; background:url('../images/renew_2025/cart/oder_radio.svg') center / cover no-repeat; margin-right:3.75vw;} .order_lu input[type="radio"].oder2:checked + label span {background:url('../images/renew_2025/cart/order_radio_on.svg') center / cover no-repeat;} .order_lu input[type="radio"].renew + label span {width:5.94vw; height:5.94vw; background:url('../images/renew_2025/cart/oder_radio.svg') center / cover no-repeat; margin-right:3.75vw;} .order_lu input[type="radio"].renew:checked + label span {background:url('../images/renew_2025/cart/order_radio_on.svg') center / cover no-repeat;} .order_lu .odfot .settle_total {display: none;} .order_w.renew .notice {text-align: left;} .order_w.renew .notice input[type="checkbox"].renew + label {margin-right:0; font-size:3.13vw !important;} .order_w.renew .notice label {font-size:14px !important;} .order_w.renew .odfot .conline .tit-st4 {padding-top:17px;} .order_w.renew .odfot .paytaxinp .tit-st4 {padding-top:17px;} .order_w.renew .form-st1 .ck_w > ul {gap:0;} .order_w.renew .form-st1 .ck_w > ul > li {padding:14px 0; border-bottom:1px solid #f4f4f4;} .order_w.renew .conline .form-st1 .item .cont {flex: 0 0 100%; width:100%;} .order_w.renew .form-st1 .ck_w .pay_account {font-size:10px; vertical-align: baseline;} .order_w.renew .ck_type {position: relative; border:none; padding:0;} .order_w.renew .ck_type > div {display: flex; position: absolute; right: -6px; top:-44px;} .order_w.renew .ck_type input[type="radio"].renew + label {margin-right:6px;} .order_w.renew > form > div {border-bottom:6px solid #f4f4f4; padding:17px 16px;} .order_w.renew > form > div.btn_w-st2 {position: fixed; bottom:0; left:0; width:100%; max-width: none; border-bottom:none; margin:0; background:#fff; padding:6px 10px;} .order_w.renew > form > div.btn_w-st2 button {font-size:3.75vw; height:auto; padding:4.06vw 0;} .form-st1 select, .form-st1 input[type="text"], .form-st1 input[type="password"], .join_form .form-st1 input[type="file"] {text-align: center; font-size:3.75vw; font-weight: 700; color:#333; height: auto; padding:3.44vw 4.06vw; } .btn_write, button.btn {font-size:4.06vw;} .order_w.renew .mx820 {max-width: none;} .order_w.renew .dev_wrap .tw {padding:5.63vw 3.13vw;} /* 마이페이지 메인 */ #lo_main.my {background:#fff;} #left_menu .group > ul > li {margin:0;} .myleft_renew #left_menu {padding:0 5.47vw;} .myleft_renew #left_menu .group > ul > li {padding:0;} .myleft_renew #left_menu .group > ul > li a {padding:5.31vw 0; font-size:3.75vw;} .myleft_renew #left_menu a::after {width:19px; height:19px; background:url('../images/renew_2025/cart/arrow_right_gray.svg') center / 6px 10px no-repeat; } #left_menu_top {border-radius:0; background:#f4f4f4; margin:0; padding:28px 5.47vw 13px 5.47vw;} #left_menu_top .top {gap:4px; align-items: center; margin:0 16px 13px 16px;} #left_menu_top .top .grade {font-size:3.13vw; width:9.38vw; height:3.75vw; padding:0; border-radius: 2.5px;} #left_menu_top .top .name {font-size:4.06vw;} #left_menu_top .txt_wrap {border:none; border-radius: 0;} #left_menu_top .txt_wrap span {font-size:4.06vw; margin-bottom:7.5px;} #left_menu_top .txt_wrap b {font-size:4.06vw;} #left_menu_top .txt_wrap div {font-size:10px;} #left_menu_top .txt_wrap .lft_wrap {padding:18px 13px; background:#fff; text-align: center; position: relative; border-radius: 8px 0 0 8px;} #left_menu_top .txt_wrap .rgh_wrap {padding:18px 13px; background:#fff; text-align: center; border-radius: 0 8px 8px 0;} #left_menu_top .txt_wrap .lft_wrap::after {content: ''; display: inline-block; width:1px; height:40.5px; background:#D9D9D9; position: absolute; right:0; top:50%; transform: translate( 0, -50%);} #left_menu_top .bt_wrap {border:none; background:transparent;} #left_menu_top .bt_wrap a {align-items: center; font-size:3.75vw; padding:3.75vw 5.00vw; background:#fff; border-radius: 8px;} #left_menu_top .bt_wrap a::after {content: ''; width:19px; height:19px; background:url('../images/renew_2025/cart/arrow_right_gray.svg') center / 6px 10px no-repeat; } #left_menu_top .bt {width: 100vw; margin-left: calc(-50vw + 50%); background:#fff; margin-top:13px;} #left_menu_top .bt > ul {display: flex; justify-content: center; font-size:3.44vw; padding:18px 36px;} #left_menu_top .bt > ul li {width:100%; display: flex; flex-direction: column; gap:7.5px; align-items: center;} #left_menu_top .bt > ul li::before {content: ''; display: block; width:7.19vw; height:7.19vw; background:url('../images/renew_2025/cart/shoppinglist.svg') center / cover no-repeat;} #left_menu_top .bt > ul li:last-child::before {background:url('../images/renew_2025/cart/shopping-time.svg') center / cover no-repeat;} /* 마이페이지 주문내역 */ .bbstop_wrap .bbs-total {display: none;} .mypage_layout .orderdata_resp_m .bbs-top-st1 {display: none;} div.mypage_layout > div.order_search_area {padding:0 4.06vw;} .order_search_area .odhs_top {padding:7px 13px; border-radius: 0; margin:0 0 14px 0; width: 100vw; margin-left: calc(-50vw + 50%);} .order_search_area .odhs_top h2 {display: none;} .order_search_area .odhs_top .srch_wrap > div {position: relative;} .order_search_area .odhs_top .srch_wrap select {max-width: none; width:60px; font-size: 3.44vw; border:1px solid #DEE4EC; border-radius: 5px; margin-right:7px; background:url('../images/renew_2025/cart/arrow_down_b.svg') 95% 50% / 14px no-repeat #fff; padding:8px;} .order_search_area .odhs_top .srch_wrap input {width:100%; font-size:3.44vw; border:none; background:#f9f9f9; padding:8px; border-radius: 5px;} .order_search_area .odhs_top .srch_wrap input:placeholder {color:#BAC4CD} .order_search_area .odhs_top .srch_wrap button {background:url('../images/renew_2025/cart/icon_search.svg') center / contain no-repeat; width:19px; height:19px; position: absolute; right:8px; top:50%; transform: translate(0, -50%); text-indent: -999px; overflow: hidden;} .oder_list_renew {padding:0;} .oder_list_renew .order_item {padding:15px 5.00vw 23px 5.00vw;} .oder_list_renew .od_top .date {font-size:4.38vw; margin-bottom:3px;} .oder_list_renew .od_top .od_num {font-size:3.44vw;} .oder_list_renew .od_bt .state .txt {font-size:4.38vw; margin-bottom:4.69vw;} .oder_list_renew .od_bt .txt_wrap .con {gap:3.5px; display: flex; flex-direction: column;} .oder_list_renew .od_bt .txt_wrap .pimg {flex:0 0 14.06vw; width:14.06vw; height:18.28vw;} .mypage_layout.renew .thum_re {width:100%; height:100% !important;} .oder_list_renew .od_bt .dev {font-size:3.44vw;} .oder_list_renew .od_bt .txt_wrap {margin:0 0 5px 0;} .oder_list_renew .od_bt .pname {font-size:4.06vw;} .oder_list_renew .od_bt .p_price {font-size:4.06vw;} .oder_list_renew .od_bt .p_price .bold {font-weight:900;} .oder_list_renew .od_bt .p_price .through {display: none;} .mypage_layout.renew .thum_re {border-radius: 2.5px;} .oder_list_renew .od_bt .count {position: relative; font-size:4.38vw; color:#666; padding-left:3px; margin-left:3px;} .oder_list_renew .od_bt .count span {color:#ddd;} .chain_btn {padding:0;} .chain_btn button {font-size:4.06vw; padding:7px 11.5px; width:100%; border-radius: 5px;} .cens_top .tpmu_wrap ul li {flex:0 0 33.333%;} .pinfo {display: flex; flex-wrap: wrap;} .add_renew .add_mid, .bbs-list th, .bbs-list td {font-size:4.06vw;} .add_renew button.add_modify, .add_renew button.add_delete, .add_renew button.add_select {font-size:3.13vw;} /* 쿠폰 */ div.mypage_layout .ordermsg_area.first_con {margin-top:0;} div.mypage_layout > div.ordermsg_area {border-radius: 0; padding:0 0 100px 0; background:transparent; margin:0;} .ordermsg_area .btit {display: none;} .item_cu {margin:2.50vw 5.47vw; padding:18px 16px; border-radius: 8px; border:1px solid #DEE4EC;} .item_cu:first-child {margin:13px 0 2.5px 0;} .item_cu .dis {font-size:5.00vw; font-weight: 800; padding:0;} .item_cu .tit {font-size:3.75vw; font-weight: 700; color:#404040;padding:0; margin-top:2.50vw;} .item_cu .condi {font-size:3.13vw; color:#666; padding:0; margin-top:3px;} .item_cu .cu_bt {font-size:3.13vw; color:#666; padding:0; margin-top:3.75vw; background:#fff; border:none;} .item_cu.comple {background:#EBF1F6; border:1px solid #DEE4EC;} .item_cu .view_cu {font-size:3.44vw;} .item_cu.comple .cu_bt {background:#EBF1F6; } .item_cu.comple .dis, .item_cu.comple .tit, .item_cu.comple .condi, .item_cu.comple .cu_bt {color:#7E8F9C} /* 취소 반품내역 */ .detail_top {font-size:3.44vw;} .order_search_area .cens_top {background:transparent; padding:0;} .order_search_area .cens_top h2 {display: none;} .cens_top .tpmu_wrap {width: 100vw; margin-left: calc(-50vw + 50%); background:#fff;} .cens_top .tpmu_wrap ul {gap:0;} .cens_top .tpmu_wrap ul li a {font-size:3.75vw; background:transparent; border:none; color:#666; position: relative; font-weight: 500; padding:3.75vw 0; border-radius: 0;} .cens_top .tpmu_wrap ul li a.active {background:transparent; color:#333; font-weight: 700;} .cens_top .tpmu_wrap ul li a.active::after {content: ''; display: inline-block; width:100%; height:2px; background:#333; position: absolute; bottom:0; left:0;} .total_p .total_row {font-size:3.44vw;} .cart_tit {font-size:3.44vw;} .cart_con_warp .cart_con {font-size:3.44vw; padding:3.13vw 0;} .total_p {font-size:3.44vw; padding:10px 0;} .total_p .total_row > span {font-size:3.44vw;} .total_p .total_row b, .total_p .total_row > div, .total_p .total_row:last-child > div {font-size:3.44vw;} .btn_mauth {font-size:3.44vw;} .order_detail {font-size:3.44vw;} .order_detail > div > ul {display: flex; } .order_detail > div > ul > li.subject {flex:0 0 26.56vw;font-size:3.44vw;} .order_detail > div > ul > li.content {margin:20px 0px 20px 10px; flex:0 0 auto;} .oder_list_renew .od_top {padding:4.69vw 0; margin-bottom:4.69vw;} .order_detail > div.title {font-size:4.38vw; margin:4.69vw 0 0 0;} /* 적립금, 포인트 내역 */ .plr20 {padding:0 5.47vw;} .group_my {margin:0; padding:0;} div.mypage_layout > div.ordermsg_area.point_wrap {background:#fff; padding:28px 5.47vw 13px 5.47vw; margin:0;} .ordermsg_area.point_wrap .current ul {font-size:3.75vw; padding:0; font-weight: 700; color:#000;} .ordermsg_area.point_wrap .current ul b {font-size:3.75vw; font-weight: 600;} .point_wrap .subject, .point_wrap .content {font-size:3.75vw;} .ordermsg_area.point_wrap ul {font-size:11px; color:#999; margin:3px 0 0 0;} .wallet_wrap_new .tpmu_wrap {width: 100vw; margin-left: calc(-50vw + 50%); background: #fff; padding:0 5.47vw 12px 5.47vw;} .wallet_wrap_new .line_gray {margin-bottom:12px;} .wallet_wrap_new .tpmu_wrap ul {gap:11px;} .wallet_wrap_new .tpmu_wrap ul li {flex:0 0 calc(33.333% - 7px);} .wallet_wrap_new .src_wrap select { font-size:3.75vw;} .wallet_wrap_new .tpmu_wrap ul li a {background:#fff; padding:3.13vw 0; font-size:3.75vw;} .wallet_wrap_new .m_bt {background:#fff; margin:5.47vw; border-radius: 5px 5px 0 0;} .wallet_wrap_new .src_wrap {padding:16px 5.47vw 16px 5.47vw; margin:0; border-bottom:1px solid #f4f4f4;} .wallet_wrap_new .src_wrap .bbs-total {font-size:4.06vw; font-weight: 700;} .wallet_wrap_new .wal_wrap {padding:5.63vw; font-size:3.75vw;} .wallet_wrap_new .wal_wrap .item {padding:12px 0; border-bottom:1px solid #f4f4f4;} /* .wallet_wrap_new .wal_wrap .item:first-child {padding:0 0 12px 0;}*/ .wallet_wrap_new .wal_wrap .item:last-child {border:none;} .wallet_wrap_new .item .con_wrap .lft_wrap {gap:12px;} .wallet_wrap_new .item .con_wrap .txt {font-size:10px;} .wallet_wrap_new .item .con_wrap .tit {font-size:10px;} .wallet_wrap_new .item .date {font-size:11px; font-weight: 800;} .wallet_wrap_new .item .con_wrap .rgh_wrap {font-size:10px;} .wallet_wrap_new .item .con_wrap .rgh_wrap span {font-size:10px;} .wallet_wrap_new .item .con_wrap .plus {width:38px; height:38px; font-size:11px; line-height: 38px; border:none; border-radius: 2.5px;} .wallet_wrap_new .item .con_wrap .minus {width:38px; height:38px; font-size:11px; line-height: 38px; border:none; background:#ddd; border-radius: 2.5px;} /* 세금계산서 관리 */ .tax_wrap.renew .tax_list {font-size:3.75vw;} .login_wrap_renew .join_tit {padding-bottom:3.13vw;} .tax_wrap.renew .txt_wrap {font-size:3.13vw; color:#8997A2; line-height: normal;} .tax_wrap.renew .bbs-top-st1 select {font-size:3.75vw;} /* 배송지 관리 */ .add_renew .add_con {gap:4vw; padding:3.75vw 0;} #spot_address_writefrm .form-st1 .cont {padding:6px 0;} .add_renew .form-st1 .item > * {padding:6px 0 0 0; font-size:4.06vw;} .form-st1 .item {padding:2vw 0;} .add_list_wrap #spot_address_writefrm {margin:0 13px;background:#fff; padding:20px 13px; border-radius:2.5px;} .add_list_wrap .form-st1 {border:none;} .add_listbt_wrap {padding:0 13px 20px 13px; background:#fff; } .add_listbt_wrap table {border-radius: 5px; overflow: hidden;} .add_listbt_wrap .h20 {padding:25px 0 20px 0;} .add_renew .add_tit {font-size:4.06vw;} /* 회원 등급 */ .mypage_layout.grade_w .my_grade_wrap {padding:0 4.06vw;} .mypage_layout.grade_w .my_grade_wrap .top_wrap {display: flex; justify-content: space-between; font-size:4.06vw;} .mypage_layout.grade_w .my_grade_wrap .top_wrap span {font-size:3.44vw;} .mypage_layout.grade_w .my_grade_wrap .bt_wrap {padding-top:18px;} .mypage_layout.grade_w .my_grade_wrap .bt_wrap li {display: flex; justify-content: space-between; font-size:4.06vw; margin-bottom:7px;} .mypage_layout.grade_w .my_grade_wrap .bt_wrap li span {color:#666;} .mypage_layout.grade_w .my_grade_wrap .bt_wrap li span.con {color:#333;} .mypage_layout.grade_w .bbs-list, .mypage_layout.grade_w > .ordermsg_area .bbs-list tbody tr, .mypage_layout.grade_w .ordermsg_area.only-m, .mypage_layout.grade_w .ordermsg_area.transparent {background:transparent;} .mypage_layout.grade_w .ordermsg_area {padding:15px 0; margin: 4.06vw;} .mypage_layout.grade_w .ordermsg_area .tit-st4 {font-size:3.75vw; font-weight: 700; border-bottom:1px solid #999; padding:8px 0; margin:0;} .bbs-list th.grade_img {width:70px;} .ordermsg_area .bbs-list table {border-bottom:1px solid #999;} .mypage_layout.grade_w > .ordermsg_area .bbs-list th, .mypage_layout.grade_w > .ordermsg_area .bbs-list td {font-size:3.13vw;} .mypage_layout.grade_w > .ordermsg_area .bbs-list th {color:#999; padding:8px 0;} .mypage_layout.grade_w > .ordermsg_area .bbs-list td {padding:12px;} .mypage_layout.grade_w > .ordermsg_area .mtit {color:#545E68; font-size: 3.13vw;} .mypage_layout.grade_w > .ordermsg_area ul li {color:#8997A2; font-size:3.13vw; line-height: normal; position: relative; padding-left: 10px;} .mypage_layout.grade_w > .ordermsg_area ul li::before {content: ''; display: inline-block; width:3px; height:3px; border-radius: 100%; background: #8997A2; position: absolute; top: 4px; left: 0;} /* 회원정보수정 */ .join_form.mypage_layout {margin-top:18px; padding:18px 13px;} .login_wrap_renew .form-st1n .cont {font-size:3.44vw;} /* 페이저 */ .paging_w .arrows, .paging_w .active > * {width:1.5em; height:1.5em; line-height: 1.5em;} /* 마이페지지지전체 */ div.mypage_layout > div.order_search_area > div.content {margin:0; padding:23px 0 50px 0;} } @media screen and (max-width:768px) { /* footer */ #footer .top_wrap .rgh_wrap {flex-direction: column;} /* 쿠폰 적용상품 불려지는곳 & 리스트에서 동시 사용 */ /* .new_main_item .item-wrap.goods_l .go_cart::before {width: 24px; height: 21px;}*/ /* 쿠폰 적용상품 불려지는곳 */ .cou_pro.new_main_item .item-wrap.goods_l {margin:0;} .cou_pro.new_main_item .item-wrap.goods_l .item.product_list {flex:0 0 calc(33.333% - 14px);} .cou_pro.new_main_item .item-wrap.goods_l .img a {position: relative; padding-bottom:100%; overflow: hidden;} } @media screen and (max-width:425px) { .pinfo {flex-direction: column;} } @media screen and (max-width:375px) { }