/* pg_marketplace ---------------------------------------------------------------------------------------------*/ .pg_banner.pg_marketplace {background: url(/images/banner_marketplace.svg) no-repeat center; background-size: cover;} .layout_fix.marketplace {margin-top: 60px; margin-bottom: 130px; } .layout_fix.marketplace .content_wrap.gallery {} .layout_fix.marketplace .content_wrap.gallery ul {display: flex; flex-wrap: wrap; justify-content: space-between;} .layout_fix.marketplace .content_wrap.gallery ul .auction {box-sizing: border-box; padding: 30px; background: #FFF; box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9; border-radius: 11px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title h2 {font-weight: 500; font-size: 20px; line-height: 23px; color: #3F3F3F;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title .right_box ul {display: flex; justify-content: space-between; align-items: center; gap: 18px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title .right_box ul li>a {font-size: 16px; line-height: 18px; color: #848484; display: flex; align-items: center;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title .right_box ul li:hover>a {text-decoration:underline} /*12.29 수정*/ .layout_fix.marketplace .content_wrap.gallery ul .auction .title .right_box ul li>a::after {content: url(/images/arrow_right_size6.svg); margin-left: 8px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title .right_box ul li img {margin-right: 8px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .m_right_box {display: none;} /* 쌀콘경매장 */ .layout_fix.marketplace .content_wrap.gallery ul .auction.items {width: 568px; width: 39%;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap {position: relative;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_swiper {position: relative; overflow: hidden;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_swiper .auction_arrow {position: absolute; top: 50%; transform: translate(0, -300%); z-index: 4; cursor: pointer;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_swiper .auction_arrow.swiper-btn-prev {left: 0;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_swiper .auction_arrow.swiper-btn-next {right: 0;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_swiper .swiper-slide {opacity: 1; height: initial;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_swiper .swiper-slide-active {transform: initial; transition: initial; cursor: auto;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box img {width: initial;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .button {width: 12px; height: 25px; position: absolute; top: 130px; cursor: pointer;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .button.left {background: url(/images/arrow_left_size25.svg) no-repeat center; left: 0;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .button.right {background: url(/images/arrow_right_size25.svg) no-repeat center; right: 0;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box {display: flex; align-items: center; box-sizing: border-box; padding: 0 22px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .market_icon {margin-right: 5px; width: 115px; height: 115px; display: flex; justify-content: center;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info {} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_title {font-size: 20px; line-height: 23px; color: #3F3F3F; display: flex; align-items: center;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_title .item_class {background: #72C2FF; border-radius: 40px; padding: 4px 20px; font-size: 15px; line-height: 17px; color: #F5F5F5; margin-left: 8px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_info { color: rgba(63, 63, 63, 0.6); letter-spacing: 0.01em; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .m_item_info {display: none;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_option {font-weight: 300; color: #3F3F3F; margin-top: 10px;} /* 경매알람설정 auction_alarm_checklist ----------------------------------------------------------------------------------------- */ #auction_alarm_checklist {width: 255px; height: 250px; position: absolute; top: 50px; left: -100px; display: flex; justify-content: center; z-index: 999; padding-top: 30px; background: #72C2FF; box-shadow: -6px -3px 6px rgb(233 233 233 / 50%), 4px 4px 8px 2px #e1e1e1; border-radius: 11px; padding: 30px;} #auction_alarm_checklist::before {content: ''; position: absolute; left: 50%; top: 0; margin-top: -20px; border-top: 20px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #72C2FF; border-left: 15px solid transparent; transform: translate(-50%, -50%);} #auction_alarm_checklist .modal-window .modal_content_wrap ul {} #auction_alarm_checklist .modal-window .modal_content_wrap ul li {margin-bottom: 24px;} #auction_alarm_checklist .modal-window .modal_content_wrap ul li p input + label {color: #fff;} #auction_alarm_checklist .modal-window .modal_content_wrap .btnbox a { display: block; background: #fff; border-radius: 51px; font-size: 18px; line-height: 21px; color: #3F3F3F; text-align: center; padding: 8px;} .btnX {cursor: pointer; position: absolute; top: 15px; right: 15px;} /* 경매알람설정 모바일 ----------------------------------------------------------------------------------------- */ #m_auction_alarm_checklist {width: 255px; height: 250px; position: absolute; top: 50px; left: -100px; display: flex; justify-content: center; z-index: 999; padding-top: 30px; background: #72C2FF; box-shadow: -6px -3px 6px rgb(233 233 233 / 50%), 4px 4px 8px 2px #e1e1e1; border-radius: 11px; padding: 30px;} #m_auction_alarm_checklist::before {content: ''; position: absolute; left: 50%; top: 0; margin-top: -20px; border-top: 20px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #72C2FF; border-left: 15px solid transparent; transform: translate(-50%, -50%);} #m_auction_alarm_checklist .modal-window .modal_content_wrap ul {border: none; gap: 0;} #m_auction_alarm_checklist .modal-window .modal_content_wrap ul li {margin-bottom: 24px;} #m_auction_alarm_checklist .modal-window .modal_content_wrap ul li p input + label {color: #fff;} #m_auction_alarm_checklist .modal-window .modal_content_wrap .btnbox a { display: block; background: #fff; border-radius: 51px; font-size: 18px; line-height: 21px; color: #3F3F3F; text-align: center; padding: 8px;} /* modal_popup 쌀콘 낙찰 내역 ----------------------------------------------------------------------------------------- */ .bid_history .modal-window {width: 823px; height: initial; transform: translate(0, 14%);} .bid_history .modal_content_wrap {width: 763px; margin-bottom: 60px;} .bid_history .modal_content_wrap .modal_content {margin-top: 60px;} .bid_history .modal_content_wrap .modal_content .ctrl_right {display: flex; justify-content: right;} .bid_history .modal_content_wrap .modal_content .content_box {margin-top: 20px; border-top: 1px solid #E6E6E6;} .bid_history .modal_content_wrap .modal_content .content_box li {display: flex;} .bid_history .modal_content_wrap .modal_content .content_box li div {text-align: center; padding: 12px 0; border-bottom: 1px solid #E6E6E6; color: #3F3F3F;} .bid_history .modal_content_wrap .modal_content .content_box li .number {width: 10%;} .bid_history .modal_content_wrap .modal_content .content_box li .date_time {width: 30%;} .bid_history .modal_content_wrap .modal_content .content_box li .item_name {width: 15%;} .bid_history .modal_content_wrap .modal_content .content_box li .item_grade {width: 10%;} .bid_history .modal_content_wrap .modal_content .content_box li .item_bidder {width: 15%;} .bid_history .modal_content_wrap .modal_content .content_box li .item_price {width: 20%;} /* 쌀콘경매 남은시간 */ .auction_process {width: 100%; margin-top: auto; display: flex; justify-content: space-between; margin: 50px 0 34px;} .auction_process .stepper-item { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1;} .auction_process .stepper-item::before { position: absolute; content: ""; border-bottom: 2px solid #e1e1e1; width: 100%; top: 50%; left: 0; z-index: 2; transform: translate(-50%, -550%); } .auction_process .stepper-item::after { position: absolute; content: ""; border-bottom: 2px solid #e1e1e1; width: 100%; top: 50%; left: 0; z-index: 2; transform: translate(50%, -550%); } .auction_process .stepper-item .step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; border: 2px solid #e1e1e1; margin-top: 10px; color: rgba(63, 63, 63, 0.5); background: #fff url(./img/process_ready_gray.svg)no-repeat center; } .auction_process .stepper-item.active .step-counter.ready { background: #fff url(/images/process_ready_blue.svg) no-repeat center; } /* .auction_process .stepper-item.active .step-counter.ready { background: #fff url(/images/process) no-repeat center; } */ .auction_process .stepper-item.stepper-item.completed .step-counter.ready { background: #72C2FF url(/images/process_ready.svg) no-repeat center; } .auction_process .stepper-item .step-counter.ing { background: #fff url(/images/process_ing_gray.svg)no-repeat center; } .auction_process .stepper-item.active .step-counter.ing { background: #fff url(/images/process_ing_blue.svg) no-repeat center; } .auction_process .stepper-item.stepper-item.completed .step-counter.ing { background: #72C2FF url(/images/process_ing.svg) no-repeat center; } .auction_process .stepper-item .step-counter.end { background: #fff url(/images/process_end_gray.svg)no-repeat center; } .auction_process .stepper-item.active .step-counter.end { background: #fff url(/images/process_end_blue.svg) no-repeat center; } .auction_process .stepper-item.stepper-item.completed .step-counter.end { background: #72C2FF url(/images/process_end.svg) no-repeat center; } .auction_process .stepper-item .step-name { color: rgba(63, 63, 63, 0.5); font-size: 14px; margin-top: 16px; letter-spacing: 0.025em; color: #CDCDCD; } .auction_process .stepper-item.active .step-name { color: #3f3f3f; } .auction_process .stepper-item.active .step-counter { background-color: #fff; border: 2px solid #72C2FF; color: #3F3F3F; background: #fff url(/images/process_ready_blue.svg) no-repeat center; } .auction_process .stepper-item.completed .step-counter { background-color: #fff; border: 2px solid #72C2FF; color: #72C2FF; } .auction_process .stepper-item.completed .step-name { color: #72C2FF; } .auction_process .stepper-item.completed::after { position: absolute; content: ""; border-bottom: 2px solid #72C2FF; width: 100%; top: 50%; left: 0; z-index: 3; transform: translate(50%, -550%); } .auction_process .stepper-item:first-child::before { content: none; } .auction_process .stepper-item:last-child::after { content: none; } .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price {display: flex; width: 100%;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul {display: flex; width: 100%; border-top: 1px solid #EFEFEF; align-items: center;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul .tit {font-size: 18px; line-height: 21px; color: #7A92AC; text-align: center; margin: 47px 0 27px;} /* .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul .tit.deadline {width: 66%; border-right: 1px solid #D4D4D4;} */ /* .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul .tit.price_now {width: 33%;} */ .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul .tit .display {font-size: 18px; line-height: 21px; letter-spacing: 0.025em; color: #484848; margin-top: 18px;} /* 그래프 */ .layout_fix.marketplace .content_wrap.gallery ul .auction.graph { width: 59%;} /* .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .chart_wrap {border: 1px solid red; height: 50%;} */ .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price {display: flex; justify-content: space-between; align-items: center; font-size: 18px; line-height: 21px; color: #7A92AC; margin-top: 5px; flex-wrap: wrap;} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price .input_box {width: 38%; margin-left: auto;} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price .input_bid_price {padding: 12px; font-size: 14px; letter-spacing: 0.025em; width: 100%; height: 40px; background: #F9F9F9; border-radius: 5px; color: #686868;} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price .btn_bid {margin-left: 12px; width: 38%; text-align: center;} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price .btn_bid a {display: block; padding: 10px; border-radius: 51px;} /* 차트, gradient 설정*/ /* Define the stop colors */ #chart_wrap_marketplace #gradient-0 stop { stop-color: #7cb5ec; } #chart_wrap_marketplace #gradient-0 stop[offset="0"] { stop-opacity: 0.75; } #chart_wrap_marketplace #gradient-0 stop[offset="1"] { stop-opacity: 0; } #chart_wrap_marketplace #gradient-1 stop { stop-color: #ccc; } #chart_wrap_marketplace #gradient-1 stop[offset="0"] { stop-opacity: 0; } #chart_wrap_marketplace #gradient-1 stop[offset="1"] { stop-opacity: 0.25; } /* Apply the gradients */ #chart_wrap_marketplace .highcharts-plot-background { fill: url(#gradient-1); } #chart_wrap_marketplace .highcharts-color-0 .highcharts-area { fill-opacity: 1; fill: url(#gradient-0); } #chart_wrap_marketplace #toggle #menu { display: none; } #chart_wrap_marketplace #toggle:checked+#menu { display: block; } /* 쌀콘경매장 */ .layout_fix.marketplace .content_wrap.gallery ul .auction.markets {width: 100%; margin-top: 30px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .tabs {display: flex; justify-content: space-between; align-items: center;} .layout_fix.marketplace .content_wrap.gallery ul .auction .tabs ul {display: inline-flex;} .layout_fix.marketplace .content_wrap.gallery ul .auction .tabs ul li {margin-right: 12px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .tabs ul li a {font-size: 20px; line-height: 23px; color: #BABABA;} .layout_fix.marketplace .content_wrap.gallery ul .auction .tabs ul li.on a, .layout_fix.marketplace .content_wrap.gallery ul .auction .tabs ul li a:hover {color: #3F3F3F; border-bottom: 2px solid #3F3F3F} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box {margin-top: 30px; justify-content: initial;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li {display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 11%; margin-bottom: 22px; cursor: pointer;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li img {border-radius: 6px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li:hover {transform: scale(1.1); transition: 0.3s;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li .item_price {background: #EDEDED; border-radius: 25px; font-size: 18px; line-height: 21px; color: #3F3F3F; padding: 4px 0; text-align: center; width: 110px; margin-top: 15px;} .layout_fix.marketplace .page {margin: 13px 0 10px;} /* 쌀먹장터 메인 - 쌀콘 낙찰내역 리스트 팝업 내 드롭박스01 */ #bid_history .select_box {position: relative; width: 190px; height: 40px; z-index: 1;} #bid_history .btn-select {width: 100%; padding: 11px 10px; box-sizing: border-box; cursor: pointer; text-align: left; background: url(/images/select_box_down.svg) center right 14px no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-shadow: 3px 3px 12px rgb(0 0 0 / 7%); border-radius: 6px; border: none; font-size: 16px; line-height: 18px; color: #000; font-weight: 500;} #bid_history .list-member {display: none; border: 1px solid #C4C4C4; box-sizing: border-box; box-shadow: 4px 4px 14px rgb(0 0 0 / 15%); border-radius: 0px 0px 10px 10px; padding: 0; margin: 0; overflow: hidden; border: none; background: #fff;} #bid_history .btn-select.on { background: url(/images/select_box_up.svg) center right 14px no-repeat;} #bid_history .btn-select.on+.list-member { display: block; padding: 0;} #bid_history .list-member li {box-sizing: border-box; list-style: none; border-bottom: 1px solid #D9D9D9;} #bid_history .list-member li button { width: 100%; padding: 9px 7px; border: none; background-color: #fff; /* border-radius: 8px; */ cursor: pointer; text-align: left; /* 말줄임 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #bid_history .list-member li button:hover, .list-member li button:focus { background-color: #A9DAFF; color: #fff;} /* 쌀먹장터 메인 - 쌀콘 낙찰내역 리스트 팝업 내 드롭박스02 */ #bid_history .select_box02 {position: relative; width: 190px; height: 40px; z-index: 1;} #bid_history .btn-select02 {width: 100%; padding: 11px 10px; box-sizing: border-box; cursor: pointer; text-align: left; background: url(/images/select_box_down.svg) center right 14px no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-shadow: 3px 3px 12px rgb(0 0 0 / 7%); border-radius: 6px; border: none; font-size: 16px; line-height: 18px; color: #000; font-weight: 500;} #bid_history .list-member02 {display: none; border: 1px solid #C4C4C4; box-sizing: border-box; box-shadow: 4px 4px 14px rgb(0 0 0 / 15%); border-radius: 0px 0px 10px 10px; padding: 0; margin: 0; overflow: hidden; border: none; background: #fff;} #bid_history .btn-select02.on { background: url(/images/select_box_up.svg) center right 14px no-repeat;} #bid_history .btn-select02.on+.list-member02 { display: block; padding: 0;} #bid_history .list-member02 li {box-sizing: border-box; list-style: none; border-bottom: 1px solid #D9D9D9;} #bid_history .list-member02 li button { width: 100%; padding: 9px 7px; border: none; background-color: #fff; /* border-radius: 8px; */ cursor: pointer; text-align: left; /* 말줄임 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #bid_history .list-member02 li button:hover, .list-member02 li button:focus { background-color: #A9DAFF; color: #fff;} /* pg_marketplace ---------------------------------------------------------------------------------------------*/ /* 쌀먹장터 - 아이템장터 ---------------------------------------------------------------------------------------------*/ .pg_banner.pg_item_market {background: url(/images/img_marketplace/banner_item_market.svg) no-repeat center; background-size: cover;} .layout_fix.item_market .binding {margin-top: 60px;} .layout_fix.item_market .btn_qna_write {height: 0;} .layout_fix.item_market .content_wrap.premium {margin-bottom: 150px;} .layout_fix.item_market .content_wrap .content_box .content_list {padding: 16px 30px; display: flex; background: linear-gradient(90.23deg, #FFEDC1 0.38%, #FFEED0 52.25%, #FFDC9B 99.98%); box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9; border-radius: 11px; margin-bottom: 15px;} .layout_fix.item_market .content_wrap.premium .content_box .content_list {background: linear-gradient(90.23deg, #FFEDC1 0.38%, #FFEED0 52.25%, #FFDC9B 99.98%); box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9;} .layout_fix.item_market .content_wrap.normal .content_box .content_list {background: #FFF; box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9; cursor: pointer;} .layout_fix.item_market .content_wrap.normal .content_box .content_list:hover {background: #e6f5ff;} /*12.29 추가*/ .layout_fix.item_market .content_wrap .content_box .content_list:hover .info_wrap .info_tit {text-decoration: underline; text-decoration-thickness: 2px; } .layout_fix.item_market .content_wrap .content_tit {font-size: 25px; line-height: 29px; color: #3F3F3F; margin-bottom: 40px;} .layout_fix.item_market .content_wrap .filter {margin-bottom: 30px; display: flex; gap: 20px; flex-wrap: wrap; position: relative;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_tit {font-size: 18px; line-height: 21px; letter-spacing: 0.025em; color: #3F3F3F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 800px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub {margin-top: 15px; display: flex; align-items: center; gap: 10px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .bar {width: 1px; height: 11px; background: #adadad; } .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer {display: flex; align-items: center; gap: 5px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer .user_name {letter-spacing: 0.025em; color: #686868; display: flex; align-items: center; gap: 5px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer .user_name img {width: 30px; height: 30px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer .user_lv {background: #999; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; font-size: 10px; color: #fff;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer .user_title {background: #999; border-radius: 10px; font-size: 12px; letter-spacing: 0.025em; color: #FFF; padding: 2px 10px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_date {letter-spacing: 0.025em; color: #686868;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_view {letter-spacing: 0.025em; color: #686868; display: flex; align-items: center;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_view img {width: 16px; height: 16px; margin-right: 5px; margin-bottom: 2px;} .layout_fix.item_market .content_wrap .content_box .content_list .count_comment {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: auto;} .layout_fix.item_market .content_wrap .content_box .content_list .count_comment img {width: 21px; height: 21px; margin-bottom: 3px;} .layout_fix.item_market .content_wrap.normal .content_box .content_list .info_wrap .info_sub .info_writer .user_lv {background: #72C2FF;} .layout_fix.item_market .content_wrap.normal .content_box .content_list .info_wrap .info_sub .info_writer .user_title {background: #72C2FF;} /* 쌀먹장터 - 아이템장터 드롭박스 */ .content_wrap.normal .select_box, .content_wrap.normal .select_box02, .content_wrap.normal .select_box03, .content_wrap.normal .select_box04 { position: relative; height: 40px; z-index: 1; width: 14%; z-index: 9;} .content_wrap.normal .btn-select , .content_wrap.normal .select_box02 .btn-select02, .content_wrap.normal .select_box03 .btn-select03, .content_wrap.normal .select_box04 .btn-select04 {width: 100%; padding: 11px 10px; box-sizing: border-box; cursor: pointer; text-align: left; background: url(/images/select_box_down.svg) center right 14px no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-shadow: 3px 3px 12px rgb(0 0 0 / 7%); border-radius: 6px; border: none; font-size: 16px; line-height: 18px; color: #000; font-weight: 500; font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto';} .content_wrap.normal .list-member, .content_wrap.normal .list-member02, .content_wrap.normal .list-member03, .content_wrap.normal .list-member04 {display: none; border: 1px solid #C4C4C4; box-sizing: border-box; box-shadow: 4px 4px 14px rgb(0 0 0 / 15%); border-radius: 0px 0px 10px 10px; padding: 0; margin: 0; overflow: hidden; border: none; background: #fff;} .content_wrap.normal .btn-select.on, .content_wrap.normal .btn-select02.on, .content_wrap.normal .btn-select03.on, .content_wrap.normal .btn-select04.on { background: url(/images/select_box_up.svg) center right 14px no-repeat;} .content_wrap.normal .btn-select.on+.list-member, .content_wrap.normal .btn-select02.on+.list-member02, .content_wrap.normal .btn-select03.on+.list-member03, .content_wrap.normal .btn-select04.on+.list-member04 { display: block; padding: 0;} .content_wrap.normal .list-member li, .content_wrap.normal .list-member02 li, .content_wrap.normal .list-member03 li, .content_wrap.normal .list-member04 li {box-sizing: border-box; list-style: none; border-bottom: 1px solid #D9D9D9;} .content_wrap.normal .list-member li button, .content_wrap.normal .list-member02 li button, .content_wrap.normal .list-member03 li button, .content_wrap.normal .list-member04 li button { width: 100%; padding: 9px 7px; border: none; background-color: #fff; cursor: pointer; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto';} .content_wrap.normal .list-member li button:hover, .list-member li button:focus , .content_wrap.normal .list-member02 li button:hover, .list-member02 li button:focus, .content_wrap.normal .list-member03 li button:hover, .list-member03 li button:focus, .content_wrap.normal .list-member04 li button:hover, .list-member04 li button:focus { background-color: #A9DAFF; color: #fff;} .filter_search {display: flex; align-items: center; gap: 15px; width: 35%; margin-left: auto;} .filter_search .search_event_box {background: #FEFEFE; box-shadow: 3px 3px 12px rgb(0 0 0 / 7%); border-radius: 6px; position: relative; width: 80%;} .filter_search .search_event_box .search_event {padding: 12px 10px; outline: none;} .filter_search .search_event::placeholder {font-weight: 500; font-size: 14px; line-height: 16px; color: #B6B6B6;} .filter_search .search_event_box img {position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%); cursor: pointer; width: 17px; height: 17px;} /* 드롭다운05 제목+내용 */ .content_wrap.normal .select_box05 { position: relative; width: 36%; height: 40px; z-index: 1;} .content_wrap.normal .select_box05 .btn-select05 {width: 100%; padding: 11px 10px; box-sizing: border-box; cursor: pointer; text-align: left; background: url(/images/select_box_down.svg) center right 14px no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-shadow: 3px 3px 12px rgb(0 0 0 / 7%); border-radius: 6px; border: none; font-size: 16px; line-height: 18px; color: #000; font-weight: 500;} .content_wrap.normal .list-member05 {display: none; border: 1px solid #C4C4C4; box-sizing: border-box; box-shadow: 4px 4px 14px rgb(0 0 0 / 15%); border-radius: 0px 0px 10px 10px; padding: 0; margin: 0; overflow: hidden; border: none; background: #fff;} .content_wrap.normal .btn-select05.on { background: url(/images/select_box_up.svg) center right 14px no-repeat;} .content_wrap.normal .btn-select05.on+.list-member05 { display: block; padding: 0;} .content_wrap.normal .list-member05 li {box-sizing: border-box; list-style: none; border-bottom: 1px solid #D9D9D9;} .content_wrap.normal .list-member05 li button { width: 100%; padding: 9px 7px; border: none; background-color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .content_wrap.normal .list-member05 li button { width: 100%; padding: 9px 7px; border: none; background-color: #fff; cursor: pointer; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .content_wrap.normal .list-member05 li button:hover, .list-member05 li button:focus { background-color: #A9DAFF; color: #fff;} /* 쌀먹장터 - 아이템장터 ---------------------------------------------------------------------------------------------*/ /* 쌀먹장터 - 판매 글쓰기 ---------------------------------------------------------------------------------------------*/ .pg_banner.pg_selling_write {background: url(/images/img_marketplace/banner_item_market.svg) no-repeat center; background-size: cover;} .category_box {width: 50%;} .category_box .btn-select {font-size: 14px;} .select_premium {border-top: 1px solid #EFEFEF; font-size: 16px; line-height: 18px; color: #3F3F3F; display: flex; align-items: center; padding: 30px 0; justify-content: space-between;} .select_premium ul {display: flex; gap: 16px; width: 90%;} .select_premium ul li {background: #F9F9F9; border-radius: 4px; padding: 18px 20px; font-size: 16px;line-height: 18px; color: rgba(63, 63, 63, 0.6); display: flex; align-items: center; justify-content: space-between; width: 20%;} .select_premium ul li p {font-size: 23px; line-height: 26px; color: #3F3F3F; text-transform: uppercase;} .select_premium ul li.on, .select_premium ul li.on p {background: #72C2FF; color: rgba(255, 255, 255, 0.8);} /* 쌀먹장터 - 판매 글쓰기 ---------------------------------------------------------------------------------------------*/ /* 쌀먹장터 - 판매글 보기 ---------------------------------------------------------------------------------------------*/ .post_mid {padding: 40px; border-bottom: 1px solid #EFEFEF; font-size: 20px; line-height: 23px; color: #3F3F3F; display: flex; justify-content: space-between;} .post_mid p {font-weight: 700; font-size: 30px; line-height: 34px; color: #72C2FF;} .market_post .cm_title_wrap {justify-content: flex-end;} .market_post .leave_comment_wrap {align-items: flex-start;} .market_post .leave_comment_wrap .comment_txt .comment_lock {margin-top: 18px;} .market_post .comment_list .comment_box.lock {padding: 30px; flex-direction: initial; font-size: 15.5657px; line-height: 18px; letter-spacing: 0.025em;} .button {display: flex; justify-content: center; margin: 60px 0;} .button .chat_btn {background: #72C2FF; border-radius: 51px; padding: 10px 120px; cursor: pointer;} .button .chat_btn a {font-size: 18px; line-height: 21px; color: #FFF;} /* 실시간 채팅하기 팝업 */ .realtime_chatting {width: 584px; height: 85%;} .realtime_chatting::-webkit-scrollbar {display: none;} .realtime_chatting .btnbox {bottom: initial;} .realtime_chatting .modal_content_wrap {padding: 0;} .chatting_box .talk_box {height: 550px; overflow-y: auto;} .chatting_box .talk_box::-webkit-scrollbar {display: none;} .chatting_box .talk_box .talking {margin-bottom: 40px; padding: 12px 22px; display: inline-flex; width: 100%; align-items: flex-end; gap: 12px;} .chatting_box .talk_box .talking.chat_guide {width: 74%; margin: 0 auto 40px; font-size: 12px; line-height: 14px; color: rgba(63, 63, 63, 0.5); display: flex;} .chatting_box .talk_box .talking.date {background: #EDEDED; border-radius: 70px; padding: 11px 32px; font-size: 20px; line-height: 23px; color: #3F3F3F; width: 57%; display: flex; justify-content: center; margin: 0 auto 40px;} .chatting_box .talk_box .talking .msg {background: #EFEFEF; border-radius: 4px; padding: 12px 22px; position: relative;} .chatting_box .talk_box .talking .msg.blue {background: #72C2FF;} .chatting_box .talk_box .talking .msg.blue::after {content: ""; position: absolute; top: 8px; left: -10px; border-right: 10px solid #72C2FF; border-bottom: 12px solid transparent;} .chatting_box .talk_box .talking span {font-size: 10px; line-height: 11px; color: #72C2FF;} .chatting_box .talk_box .talking span p {font-size: 12px; line-height: 14px; color: rgba(63, 63, 63, 0.5);} .chatting_box .talk_box .talking.seller {flex-direction: row-reverse; justify-content: flex-start;} .chatting_box .talk_box .talking.seller span {text-align: right;} .chatting_box .talk_box .talking.seller .msg::after {content: ""; position: absolute; top: 8px; right: -10px; border-left: 10px solid #EFEFEF; border-bottom: 12px solid transparent;} .chatting_box .send_form {padding-top: 40px; border-top: 1px solid #EFEFEF;;} .chatting_box .send_form .input_text {display: flex; align-items: center; justify-content: space-between;} .chatting_box .send_form input { width: 74%; height: 40px; padding: 13px 12px; background: #F9F9F9; border-radius: 5px;} .chatting_box .send_form .btn_send {background: #72C2FF; border-radius: 51px; font-size: 18px; line-height: 21px; color: #FFF; padding: 10px 40px; cursor: pointer;} .chatting_box .send_form .img_add_box {display: flex; align-items: center; margin-top: 12px; align-items: flex-end;} .chatting_box .send_form .img_add_box .img_add {width: 88px; height: 88px; border-radius: 5px; background: #F9F9F9 url(/images/icon_add_img.svg) no-repeat center; margin-right: 6px; cursor: pointer;} .chatting_box .send_form .img_add_box .img_add input {cursor: pointer; width: 100%; height: 100%; opacity: 0;} .chatting_box .send_form .img_add_box img {margin-left: auto; cursor: pointer; } /* 쌀먹장터 - 판매글 보기 ---------------------------------------------------------------------------------------------*/ /* 반응형------------------------------------------------------------------------------------------------------------ */ @media screen and (max-width:1300px) { /* 쌀먹장터 메인 */ .layout_fix.marketplace .content_wrap.gallery ul .auction .title .right_box ul li>a {font-size: 14px;} } /* 0901수정사항 - 반응형 진입 사이즈 변경 */ @media screen and (max-width:1280px) { /* 반응형 진입 사이즈 변경 끝 */ /* 쌀먹장터 메인 */ .layout_fix.marketplace {margin-top: 30px; margin-bottom: 60px;} .layout_fix.marketplace .content_wrap.gallery ul .auction {padding: 22px;} .layout_fix.marketplace .content_wrap.gallery ul .auction.items {padding-bottom: 0; width: 49%;} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph {padding-bottom: 0; width: 49%;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title { margin-bottom: 20px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title h2 {font-size: 18px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title .right_box ul {display: none;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .m_right_box {display: block;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .m_right_box ul {border-top: 1px solid #F1F1F1; gap: 30px; padding: 15px 0; justify-content: initial;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .m_right_box ul li>a {font-size: 14px; line-height: 16px; color: #848484; display: flex; align-items: center;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .m_right_box ul li>a::after {content: url(/images/arrow_right_size6.svg); margin-left: 8px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .m_right_box ul li img {margin-right: 8px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .market_icon {width: 70px; height: 70px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_title {font-size: 18px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_title .item_class {font-size: 12px; padding: 2px 11px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_option {font-size: 12px; line-height: 14px;} .auction_process {margin: 30px 0;} .auction_process .stepper-item .step-name {font-size: 12px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul {justify-content: space-evenly;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul .tit {font-size: 14px; margin: 30px 0;} /* .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul .tit.deadline {width: 55%;} */ .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul .tit .display {font-size: 14px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_info {display: none;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .m_item_info {display: block; color: rgba(63, 63, 63, 0.6); letter-spacing: 0.01em; margin-top: 20px; padding: 0 22px; font-size: 12px; line-height: 14px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .button.left {top: 50%; left: -10px; transform: translate(0, -400%);} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .button.right {top: 50%; right: -10px; transform: translate(0, -400%);} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price {flex-wrap: wrap; margin-top: 12px; gap: 10px;} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price .input_box {width: 64%;} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price .btn_bid {width: 100%;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li {width: 12.5%;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li img {width: 80px; height: 80px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li .item_price {width: 80px; font-size: 12px;} /* 판매글 등록하기 */ .select_premium ul li {font-size: 14px;} .select_premium ul li p {font-size: 16px;} } @media screen and (max-width:1100px) { /* 아이템장터 */ .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_tit {max-width: 500px;} .layout_fix.item_market .content_wrap .filter {gap: 10px;} .content_wrap.normal .select_box, .content_wrap.normal .select_box02, .content_wrap.normal .select_box03, .content_wrap.normal .select_box04 {width: 23.5%;} .filter_search {width: 100%;} } @media screen and (max-width:970px) { /* 판매글 등록하기 */ .select_premium ul {flex-wrap: wrap; gap: 20px 40px; width: 85%;} .select_premium ul li {flex: 2 0 25%;} } @media screen and (max-width:900px) { /* 쌀먹장터 메인 */ .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li {width: 14%;} .bid_history .modal-window {width: 600px;} .bid_history .modal_content_wrap {width: 570px;} } @media screen and (max-width:768px) { /* 쌀먹장터 메인 */ .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li {width: 16.5%;} /* 판매글 등록하기 */ .wr_container .premium_field th {display: none;} .category_box {width: 100%;} /* 판매글 보기 */ .post_mid {margin-bottom: 30px;} .comment_list .comment_box.lock .multibtn { position: absolute; background: transparent url(/images/multi.svg) no-repeat center; width: 20px; height: 20px; top: 50%; right: 13px; transform: translate(0, -50%);} } @media screen and (max-width:650px) { /* 쌀먹장터 메인 */ .pg_banner.pg_marketplace {height: 200px;} .layout_fix.marketplace .content_wrap.gallery ul .auction, .layout_fix.marketplace .content_wrap.gallery ul .auction.markets {margin-top: 20px; padding: 15px;} .layout_fix.marketplace .content_wrap.gallery ul .auction.items, .layout_fix.marketplace .content_wrap.gallery ul .auction.graph {width: 100%;} .layout_fix.marketplace .content_wrap.gallery ul .auction.graph .bid_price {font-size: 14px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .title h2 {font-size: 16px;} /* .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .deadline_price ul .tit.deadline {width: 60%;} */ .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box {padding: 0 15px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_option {font-size: 10px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .selling_box .selling_info .item_title {font-size: 16px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .auction_detail .m_item_info {padding: 0 15px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .button.left {transform: translate(0, -250%);} .layout_fix.marketplace .content_wrap.gallery ul .auction .auction_wrap .button.right {transform: translate(0, -250%);} .layout_fix.marketplace .content_wrap.gallery ul .auction .tabs ul li a {font-size: 16px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li {width: 20%;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li img {width: 75px; height: 75px;} .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li .item_price {width: 75px;} /* 쌀콘 낙찰/입찰 내역리스트 */ .bid_history .modal-window {width: 93%; height: calc(100% - 30%);} .bid_history .modal_content_wrap {width: 95%;} .bid_history .modal_content_wrap .modal_content .scroll_wrap {overflow: hidden; overflow-x: scroll;} .bid_history .modal_content_wrap .modal_content .scroll_wrap::-webkit-scrollbar {height: 4px;} .bid_history .modal_content_wrap .modal_content .content_box {width: 700px;} /* 쌀콘구매하기 팝업- 포인트 보유 */ .buy_ssalcon {width: 93%;} .buy_ssalcon .modal_content_wrap {width: 95%; padding: 0 0 80px;} .buy_ssalcon .modal_content_wrap .selected_item {justify-content: center;} .buy_ssalcon .modal_content_wrap .selected_item li img {width: 115px; height: 115px;} .buy_ssalcon .modal_content_wrap .selected_item .item_info {font-size: 16px; line-height: 18px;} .buy_ssalcon .modal_content_wrap .selected_item .item_info .info_sub {font-size: 12px; line-height: 14px;} .buy_ssalcon .modal_content_wrap .selected_item .item_info .info_opt {display: none;} .buy_ssalcon .modal_content_wrap .point_info li p {font-size: 12px; line-height: 14px;} .buy_ssalcon .btnbox {margin-top: 0;} .buy_ssalcon .btnbox ul li a {padding: 9px 0; font-size: 18px;} /* 쌀콘 구매하기 팝업 - 구매하시겠습니까? */ .buy_confirm {width: 93%; height: 300px;} .buy_confirm .modal_content_wrap {width: 95%;} .buy_confirm .modal_content_wrap .buy_question p {font-size: 16px;} .buy_confirm .btnbox {margin-top: 0;} .buy_confirm .btnbox ul li a {font-size: 18px; padding: 9px;} /* 쌀콘구매하기 팝업 - 포인트 부족 */ .buy_ssalcon_error {width: 93%;} .buy_ssalcon_error .modal_content_wrap {width: 95%; padding: 0 0 80px;} .buy_ssalcon_error .modal_content_wrap .selected_item {justify-content: center;} .buy_ssalcon_error .modal_content_wrap .selected_item li img {width: 115px; height: 115px;} .buy_ssalcon_error .modal_content_wrap .selected_item .item_info {font-size: 16px; line-height: 18px;} .buy_ssalcon_error .modal_content_wrap .selected_item .item_info .info_sub {font-size: 12px; line-height: 14px;} .buy_ssalcon_error .modal_content_wrap .selected_item .item_info .info_opt {display: none;} .buy_ssalcon_error .modal_content_wrap .point_info li p {font-size: 12px; line-height: 14px;} .buy_ssalcon_error .modal_content_wrap .alarm_lack_points {font-size: 12px; line-height: 14px;} .buy_ssalcon_error .modal_content_wrap .alarm_lack_points img {width: 26px; height: 26px; margin-right: 5px;} .buy_ssalcon_error .btnbox {margin-top: 0;} .buy_ssalcon_error .btnbox ul li a {padding: 9px 0; font-size: 18px;} /* 쌀콘 구매하기 팝업 - 포인트 충전하기 */ .points_charge {width: 93%; height: 250px;} .points_charge .modal_content_wrap {width: 95%;} .points_charge .modal_content_wrap .buy_question p {font-size: 16px;} .points_charge .btnbox {margin-top: 0;} .points_charge .btnbox ul li a {font-size: 18px; padding: 9px;} /* 아이템장터 */ .pg_banner.pg_item_market {height: 200px;} .layout_fix.item_market .binding {margin-top: 30px;} .layout_fix.item_market .btn_qna_write {height: initial;} .layout_fix.item_market .content_wrap.premium {margin-bottom: 60px;} .layout_fix.item_market .content_wrap .content_tit {font-size: 16px; margin-bottom: 25px;} .layout_fix.item_market .content_wrap .content_box .content_list {padding: 12px 13px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_tit {font-size: 14px; max-width: 280px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub {margin-top: 10px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer .user_name {font-size: 11px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer .user_name img {width: 20px; height: 20px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer .user_lv {width: 16px; height: 16px; align-items: initial;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_writer .user_title {font-size: 10px; padding: 0 5px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_date {font-size: 10px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_view {font-size: 10px;} .layout_fix.item_market .content_wrap .content_box .content_list .info_wrap .info_sub .info_view img {width: 12px; height: 12px;} .layout_fix.item_market .content_wrap .content_box .content_list .count_comment {font-size: 12px;} .layout_fix.item_market .content_wrap .content_box .content_list .count_comment img {width: 17px; height: 17px;} .content_wrap.normal .select_box, .content_wrap.normal .select_box02, .content_wrap.normal .select_box03, .content_wrap.normal .select_box04 {width: 22.5%; height: 28px;} .content_wrap.normal .btn-select, .content_wrap.normal .select_box02 .btn-select02, .content_wrap.normal .select_box03 .btn-select03, .content_wrap.normal .select_box04 .btn-select04 {font-size: 10px; padding: 5px;} .content_wrap.normal .list-member li button, .content_wrap.normal .list-member02 li button, .content_wrap.normal .list-member03 li button, .content_wrap.normal .list-member04 li button {font-size: 10px; padding: 5px;} .content_wrap.normal .select_box05 .btn-select05 {font-size: 10px; padding: 5px;} .content_wrap.normal .list-member05 li button {font-size: 10px; padding: 5px;} .filter_search .search_event::placeholder {font-size: 10px;} .layout_fix.item_market .content_wrap .filter {margin-bottom: 20px;} .filter_search .search_event_box .search_event {padding: 5px;} .content_wrap.normal .select_box05 {height: 28px;} /* 쌀먹장터 - 판매글 등록하기 */ .pg_banner.pg_selling_write {height: 200px;} .select_premium {justify-content: space-between; flex-direction: column; align-items: flex-start; gap: 15px;} .select_premium ul {gap: 5px; width: 100%;} .select_premium ul li {padding: 15px; flex: 2 0 30%; font-size: 12px;} .select_premium ul li p {font-size: 16px;} /* 쌀먹장터 - 판매글 보기 */ .post_mid {padding: 16px 0;} .button {margin: 20px 0;} .button .chat_btn {padding: 10px; width: 100%; display: flex; justify-content: center;} .realtime_chatting {width: 95%; height: 80%; padding-bottom: 20px;} .realtime_chatting::-webkit-scrollbar {display: none;} .realtime_chatting .modal_content_wrap {width: 95%; padding: 0;} .realtime_chatting .btnbox {display: none;} .chatting_box .talk_box .talking.chat_guide {width: 95%;} .chatting_box .talk_box .talking.date {width: 70%; font-size: 13px;} .chatting_box .send_form .btn_send {font-size: 14px; display: flex; justify-content: center; width: 24%; padding: 4px;} } @media screen and (max-width:475px) { .layout_fix.marketplace .content_wrap.gallery ul .auction .item_box li {width: 25%;} }