/* ! 버튼 */
.btn { display: inline-flex !important; align-items: center; justify-content: center; border-radius: 5px; } 
.btn { font-size: 13px; font-weight: 400; min-height: 42px; min-width: 100px; color: #fff; } 
.btn.s { min-height: 30px; min-width: 75px; } 
.btn.l { min-height: 45px; font-size: 15px; font-weight: 700; } 
.btn.yellow { background-color: var(--yellow); } 
.btn.gray { background-color: #666; } 
.btn.purple { background-color: var(--purple); } 
.btn.white { background: #fff; color:var(--black); border:1px solid #999 } 
.btn.red { background: var(--red); color:#fff } 
.btn.light_gray { background-color: #f4f4f5; color: #222; } 
.btn.black { background-color: var(--black); color:#fff; } 
.btn.line { background-color: #fff; border: 1px solid var(--yellow); color:var(--yellow); } 
.btn.line.gray { border-color: #999; color: #222; } 
.btn.line.op_yellow { background-color: #fff6e8; } 
.btn.line.op_gray { background-color: #f4f4f4; } 
.button.link { color:var(--purple); text-decoration: underline; text-underline-offset: 2px; } 
.btn[disabled]{color:#fff; background: #ccc;}
.btn_loading{width:100%;}
.btn_loading img{width:18px;}

/* & 버튼 묶음 */
.com_btn_wrap { display:flex; align-items: center; } 
.com_btn_wrap :is(button, a) img { margin-right: 5px; } 
.com_btn_wrap.one :is(button, a) { width: 100%; } 
.com_btn_wrap.two { justify-content: space-between; } 
.com_btn_wrap.two :is(button, a) { width: 48.5%; } 
/* todo 하단버튼 영역*/
.com_bottom_btnarea { margin-top: 27px; margin-bottom: 10px; } 
.com_bottom_btnarea .btn { margin-bottom: 10px; width:100%; font-weight: bold;} 
.com_find_item +.com_bottom_btnarea { margin-top:20px; } 

/*textarea 하단 안내문구*/
.com_textarea_tip { font-size: 11px; line-height: 1.36; letter-spacing: -0.28px; text-align: right; color: #666; margin-top: 7px; } 

/* & 하단 픽스 버튼 컨테이너 */
.com_fix_bottom_container { position:fixed; bottom:0; width:100%; background-color:#fff; z-index:10; } 
.com_fix_bottom_container .com_btn_wrap { border-top:1px solid #f4f4f4; padding:20px var(--pd-inline);}
.com_fix_bottom_container .com_btn_wrap .com_btn_likebox{display: none; width:0;}
.com_fix_bottom_container .com_btn_wrap .com_btn_likebox+label{margin-left:0;}
.com_fix_bottom_container .btn{font-weight: bold;} 
.com_company_list+.com_fix_bottom_container .com_btn_wrap { border-top:none } 
/* & 공통사용 버튼 */
.com_btn_more { width: 16px; height:16px; background:url(../img/sub/btn_more.png) no-repeat center; background-size: contain;} 
.com_btn_like:after { content: ''; display: block; width: 24px; height:24px; background:url(../img/sub/btn_like.png) no-repeat center; } 
.com_btn_like:checked:after { background:url(../img/sub/btn_like_on.png) no-repeat center; } 
.com_btn_more_area{padding-block:22px;}
.com_btn_plus { position: relative; width: 40px; height: 40px; border-radius: 50%; background-color: var(--yellow); margin: 0 auto; cursor: pointer; display: block; text-align: center; clear: both; line-height: 40px;} 
.com_btn_plus::before{content: "더 보기"; font-size:12px; font-weight: bold; color:#fff;}
.com_btn_likebox+label { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #dedede; border-radius: 5px; min-width: 45px !important; height: 45px; cursor: pointer; } 
.com_btn_likebox+label:before { content:''; display: inline-block; width: 16px; height: 16px; background:url(../img/sub/icon_like.png) no-repeat center; background-size:cover; } 
.com_btn_likebox+label { font-size: 11px; color: #aaa; } 
.com_btn_likebox:checked+label { border-color: var(--yellow); color:var(--black) } 
.com_btn_likebox:checked+label:before { background-image:url(../img/sub/icon_like_on.png); } 

.com_switch { width: 34px; height: 16px; display: inline-block; -webkit-appearance: none; background-color: #dedede; border-radius: 8px; position: absolute; right: 0; top: 50%; margin-top: -8px; transition: all .3s ease; cursor:pointer; } 
.com_switch:after { content:''; display:inline-block; width:16px; height:16px; background-color:#666; border-radius: 50px; position: absolute; top: 50%; left: 0; margin-top: -8px; transition: all .3s ease; } 
.com_switch:before { position: absolute; right: 0; top: 50%; margin-top: -8px; opacity: .5; } 
.com_switch:checked[type="checkbox"] { background-color:#fff0d8; transition: all .3s ease; } 
.com_switch:checked[type="checkbox"]:after { left: 18px; transition: all .3s ease; background-color:var(--yellow); } 


/* ! 공통사용 아이콘 */
.com_icon_new { position:relative; padding-left: 4px; } 
.com_icon_new::before { position:absolute; content:''; display:inline-block; width: 18px; height: 18px; background:url(../img/sub/icon_new.png) no-repeat center; background-size: cover; } 
.com_icon_4box { display: inline-block; width: 16px; height:16px; background:url(../img/sub/icon_4box.png) no-repeat center; background-size: contain; } 
.com_sort_select_divider { display: inline-block; margin-inline: 10px; width: 1px; height: 10px; background-color: #dcdcdc; } 

/* ! 타이틀 */
.com_title_14_700_222 { font-size: 14px; font-weight: 700; color: #222; } 
.com_twinkle_title { position: relative; display: block; width: 100%; font-size:16px; font-weight: 700; color: var(--black); line-height: 1; letter-spacing: -0.4px; margin-bottom: 15px; } 
.com_twinkle_title::before { content:''; display:inline-block; width: 15px; height:15px; background:url(../img/sub/bullet.png) no-repeat center center; vertical-align: -2px; margin-right: 4px; background-size: 100%; } 
.com_twinkle_title .tip_txt { font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #666; } 
.com_twinkle_title .tip_txt.highlight{color:#222;}
.com_twinkle_title .must_txt { color:var(--red); font-size: 13px; font-weight: normal; line-height: 1.54; letter-spacing: -0.33px; } 

/* ! slick slider */
.top_visual_container { position:relative; } 
.slick-dots { position: absolute; display: flex; -webkit-box-align: center; align-items: center; left: 50%; transform: translateX(-50%); bottom: 23px; } 
.slick-dots > li { display: flex; align-items: center; } 
.slick-dots > li button { font-size: 1px; width: 8px; min-width: 8px; height: 8px; border-radius: 50%; background-color: #f4f4f4; color: transparent; } 
.slick-dots > li + li { margin-left: 17px; } 
.slick-dots > li.slick-active button { background-color: var(--yellow); } 
.slider_arrow { position: absolute; top:50%; transform: translateY(-50%); width:34px; height:34px; } 
.slider_arrow.next { right:0; } 

/* ! Checkbox 커스텀 */
/*.checkbox { position: absolute; left: -9999px; } 
.checkbox + .checkbox_icon { display: inline-block; width:20px; height:20px; cursor: pointer; } 
.checkbox + .checkbox_icon::before { content: ''; display: inline-block; width: 100%; height: 100%; background:url(../img/common/ico_check.png) no-repeat center center; background-size: contain; } 
.checkbox:checked + .checkbox_icon::before { background-image:url(../img/common/ico_check_on.png); } 
.checkbox + .checkbox_icon + label { cursor: pointer; font-size: 13px; color: #222; line-height: 1; margin-left: 7px; } */
/*체크박스*/
.chk { display: none; } 
.chk+label,
.chk+label:before { cursor: pointer; } 
.chk+label { padding-left: 28px; display: inline-block; } 
.chk+label:before { content: ''; background:url(../img/common/ico_check.png) no-repeat; background-position:center; background-size:20px auto; display: inline-block; width:20px; height: 20px; margin-right: 8px; vertical-align: -5px; margin-left: -28px; } 
.chk:checked+label:before { background-image:url(../img/common/ico_check_on.png) } 
.chk.circle+label { position: relative; } 
.chk.circle+label:before { background:url("../img/common/radio_off.png") no-repeat; width:20px; height: 20px; background-size: 20px auto; border:none; margin-right: 5px; vertical-align: -5px; } 
.chk.circle:checked+label:before { background-image: url(../img/common/radio_on.png); width: 20px; background-size:20px auto; } 
.chk:disabled+label{opacity: .4;}

.chk1 { display: none; } 
.chk1+label,
.chk1+label:before { cursor: pointer; } 
.chk1+label { padding-left: 28px; display: inline-block; } 
.chk1+label:before { content: ''; background:url(../img/common/ico_check.png) no-repeat; background-position:center; background-size:20px auto; display: inline-block; width:20px; height: 20px; margin-right: 8px; vertical-align: -5px; margin-left: -28px; } 
.chk1:checked+label:before { background-image:url(../img/common/ico_check_on.png) } 
.chk1.circle+label { position: relative; } 
.chk1.circle+label:before { background:url("../img/common/radio_off.png") no-repeat; width:20px; height: 20px; background-size: 20px auto; border:none; margin-right: 5px; vertical-align: -5px; } 
.chk1.circle:checked+label:before { background-image: url(../img/common/radio_on.png); width: 20px; background-size:20px auto; } 
.chk1:disabled+label{opacity: .4;}

.chk2 { display: none; } 
.chk2+label,
.chk2+label:before { cursor: pointer; } 
.chk2+label { padding-left: 28px; display: inline-block; } 
.chk2+label:before { content: ''; background:url(../img/common/ico_check.png) no-repeat; background-position:center; background-size:20px auto; display: inline-block; width:20px; height: 20px; margin-right: 8px; vertical-align: -5px; margin-left: -28px; } 
.chk2:checked+label:before { background-image:url(../img/common/ico_check_on.png) } 
.chk2.circle+label { position: relative; } 
.chk2.circle+label:before { background:url("../img/common/radio_off.png") no-repeat; width:20px; height: 20px; background-size: 20px auto; border:none; margin-right: 5px; vertical-align: -5px; } 
.chk2.circle:checked+label:before { background-image: url(../img/common/radio_on.png); width: 20px; background-size:20px auto; } 
.chk2:disabled+label{opacity: .4;}

.chk3 { display: none; } 
.chk3+label,
.chk3+label:before { cursor: pointer; } 
.chk3+label { padding-left: 28px; display: inline-block; } 
.chk3+label:before { content: ''; background:url(../img/common/ico_check.png) no-repeat; background-position:center; background-size:20px auto; display: inline-block; width:20px; height: 20px; margin-right: 8px; vertical-align: -5px; margin-left: -28px; } 
.chk3:checked+label:before { background-image:url(../img/common/ico_check_on.png) } 
.chk3.circle+label { position: relative; } 
.chk3.circle+label:before { background:url("../img/common/radio_off.png") no-repeat; width:20px; height: 20px; background-size: 20px auto; border:none; margin-right: 5px; vertical-align: -5px; } 
.chk3.circle:checked+label:before { background-image: url(../img/common/radio_on.png); width: 20px; background-size:20px auto; } 
.chk3:disabled+label{opacity: .4;}

.chk_compare { display: none; } 
.chk_compare+label,
.chk_compare+label:before { cursor: pointer; } 
.chk_compare+label { padding-left: 28px; display: inline-block; } 
.chk_compare+label:before { content: ''; background:url(../img/common/ico_check.png) no-repeat; background-position:center; background-size:20px auto; display: inline-block; width:20px; height: 20px; margin-right: 8px; vertical-align: -5px; margin-left: -28px; } 
.chk_compare:checked+label:before { background-image:url(../img/common/ico_check_on.png) } 
.chk_compare.circle+label { position: relative; } 
.chk_compare.circle+label:before { background:url("../img/common/radio_off.png") no-repeat; width:20px; height: 20px; background-size: 20px auto; border:none; margin-right: 5px; vertical-align: -5px; } 
.chk_compare.circle:checked+label:before { background-image: url(../img/common/radio_on.png); width: 20px; background-size:20px auto; } 
.chk_compare:disabled+label{opacity: .4;}
/*.circle+label { font-size: 15px; letter-spacing: -0.38px; } 
.circle:checked+label::before { background:none; } 
.circle:checked+label::after { content:''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #3d7df2; position: absolute; left: 5px; top: 5px } */

/* ! Progress 바 */
.com_progress_container { display:flex; flex-direction: column; position: relative; } 
.com_progress_container .progress_num { margin-top:5px; font-size: 11px; line-height: 1; color: #999; padding-inline: 5px; } 
.com_progress_container .progress_num .end { position:absolute; bottom:0; right:5px; } 
.com_progress { border-radius: 5px; width: 100%; height: 20px; background-color: #dedede; } 
.com_progress .fill { position:relative; height:100%; border-radius: 5px; background-color: var(--purple); animation: ani-progress 2s cubic-bezier(0, 0, 0.2, 1); } 
.com_progress .fill p { position:absolute; left:50%; transform:translateX(-50%); color:#fff; font-size: 13px; font-weight: 700; min-width: 50px; white-space:nowrap; } 
@keyframes ani-progress { 
 0% { width: 0%; } 
100% { width: 100%; } 
 }

/*!버튼형 input 선택*/
/*체크박스 있음*/
.com_chk_btn .chk+label { width:100%; border-radius: 5px; border:1px solid #e9e9e9; display: block; padding:13px 21px 13px 49px } 
.com_chk_btn li:not(:last-child),
.com_chk_btn li:not(:last-of-type) { margin-bottom:10px } 
/*체크박스 없음*/
.com_select_btn+label { height: 55px; border-radius: 5px; border: solid 1px #999; background-color: #f4f4f4; font-size: 15px; font-weight: bold; line-height: 1.2; letter-spacing: -0.38px; text-align: center; color: var(--black); width:100%; display: flex; align-items:center; justify-content: center; cursor: pointer; } 
.com_select_btn:checked+label { color: var(--yellow); border-color: var(--yellow); background-color: #fff6e8; } 

/* !안내 문구*/
.com_tip { margin-top: 20px; font-size: 13px; line-height: 1.5; letter-spacing: -0.33px; color: #666; } 
.com_tip p { padding-left:11px } 
.com_tip p:not(:last-child) { margin-bottom: 5px; } 
.com_tip p:before { content: '※'; display: inline-block; margin-right:3px; margin-left: -11px; } 

/* ! 데이터 없음 */
.com_no_data{text-align: center; padding:30px 0;}

/* !작성정보*/
.com_write_info { padding: 12px 17px 10px 17px; background-color: #f8f8f8; font-size: 11px; line-height: 1.36; letter-spacing: -0.28px; text-align: right; color: #666; margin-top: 21px; } 

/* !동의영역*/
.com_twinkle_title+.com_agree_section { margin-top:19px } 
.com_agree_section .all_chk_area { border-bottom:1px solid #dedede; padding-bottom: 14px; } 
.com_agree_section .must_input_txt { color:var(--purple); } 
.com_agree_section .chk_area { padding-top:15px; } 
.com_agree_section li { display: flex; align-items: flex-start; } 
.com_agree_section li:not(:last-child) { margin-bottom: 10px; } 
.com_agree_section li .button { margin-left:auto; margin-top: 2px; } 

/*!상단 안내영역*/
.com_top_info { padding: 17px var(--pd-inline); background-color: #f4f4f4; display: flex; align-items: flex-start; } 
.com_top_info .icon { width:16px; min-width: 16px; height: 16px; display: inline-block; background-size:cover; margin-right: 6px; background-repeat: no-repeat; margin-top: -1px; } 
.com_top_info .icon.notice { background-image: url("../img/sub/icon_notice.png"); } 
.com_top_info .icon.alert { background-image: url("../img/sub/icon_alert.png"); } 
.com_top_info .tit_field { font-size: 13px; line-height: 1.15; letter-spacing: -0.33px; color: var(--black); display: inline-block; } 
.com_top_info .btn { margin-left:auto; margin-top:-7px; margin-bottom: -7px; padding-inline: 14px; min-width: auto; } 

/* ! 백그라운드 */
.bg_gray { background-color: #f4f4f4; } 

/* !!!!!!!!!!!!!!!!!!!!!!!!!! com_find_item 찾아주세요 아이템 */
.com_search_sort { margin-top: 2px; display:flex; width:100%; align-items: center; justify-content: space-between; } 
.com_search_sort .left_wrap { display: inline-flex; align-items: center; } 
.com_search_sort .com_twinkle_title { margin-bottom: 0; } 
.com_search_sort .right_wrap { display: inline-flex; align-items: center; margin-left: auto; } 
.com_search_sort .right_wrap .btn+.btn{margin-left: 5px;}

.com_find_item { position:relative; display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid #f4f4f4; padding:20px var(--pd-inline); } 
.com_find_item .com_btn_more { position:absolute; right:10px; top:20px; } 
.com_find_item .com_btn_like { position:absolute; right:23px; top:23px; } 
.com_find_item .imminent_sticker { position: absolute; right: 17px; top: 20px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height:40px; border-radius: 50%; background-color: var(--red); color:#fff; font-weight: 700; font-size: 11px; line-height: 12.5px; padding-top: 2px; } 
.com_find_item .com_price_container .left_wrap { margin-top:14.5px; } 
/*&광고그만보기 버튼*/
.com_find_item .com_btn_more .more_div{border:1px solid #999; border-radius: 5px; padding:5px; position:absolute; right:0; background: #fff; font-size:12px; line-height: 1.3; white-space: nowrap;}

.com_item_img_container { position:relative; display: flex; align-items: center; justify-content: center; width: 100px; aspect-ratio: 1/1; border-radius:10px; overflow:hidden; }
.com_item_img_container a{display: flex; align-items: center; justify-content: center; width: 100px; aspect-ratio: 1/1; border-radius:10px; overflow:hidden;} 
.com_item_img_container img { max-width: none; max-height: 100%; min-height: 100%; min-width: 100%; object-fit: cover; } 
.com_item_img_container .bid_count { position:absolute; bottom:5px; left:50%; transform: translateX(-50%); background-color: var(--yellow); display:inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color:#fff; border-radius: 9px; white-space: nowrap; padding-inline: 8px; line-height: 18px; min-width: 55px; } 
.com_item_img_container .bid_count.deal { background-color: var(--purple); } 
.com_item_img_container .bid_count.end { background: #999; } 
.com_item_img_container .end_bg { position:absolute; display: none; align-items: center; justify-content: center; background-color:rgba(34,34,34,0.5); z-index:1; width:100%; height:100%; } 
.com_item_img_container .end_bg span { display:flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; font-size: 15px; color:#fff; font-weight: 700; line-height:1.2; } 
.com_item_img_container .com_btn_like{right:12px; top:5px; z-index: 2;}
.com_item_img_container .link_wrap{height: 100%;}

.com_item_text_container { width: calc(100% - 100px - 20px); } 
.com_item_text_container .d_day { font-size: 12px; line-height:14px; font-weight: 700; color: var(--purple); } 
.com_item_text_container .d_day.time { color:var(--red); } 
.com_item_text_container .ad { font-size: 12px; line-height: 14px; color: #666; } 
.com_item_text_container .title { margin-top:4px; font-size:15px; line-height:18px; color:#222; font-weight: 700; word-break: break-all;} 
.com_item_text_container .title.ellipsis{width:100%}
.com_item_text_container .title.fw400 { font-weight: 400; font-size: 13px; line-height: 20px; } 
.com_item_text_container .category{ margin-top:6px; font-size:12px; line-height:14px; color:#222; } 
.com_item_text_container .count{margin-top:6px; font-size:13px; line-height:16px; color:var(--purple); font-weight: bold;}
.com_item_text_container .lh_big {margin-top:6px; font-size:13px; line-height:16px; font-weight: bold;} 
.com_item_text_container .category.lh_big { line-height: 1.3; font-size:12px;} 
.com_item_text_container .seller { margin-top:2px; /*display:flex; align-items: center; justify-content: flex-start;*/ color: #999; font-size:12px; line-height: 14px; } 
.com_item_text_container .seller .first::after { content:'|'; display:inline-block; color:#dcdcdc; padding-inline: 4px; font-size: 9px; } 
.com_item_text_container .company{font-size:12px;}
.com_item_text_container .notifi span { display:inline-flex; align-items: center; background-color: #fff; border: 1px solid #999; border-radius: 9px; height: 18px; padding-inline:8px; color:#666; font-size: 11px; line-height: 1; } 
.com_item_text_container .post_info { margin-top:12px; display:flex; align-items: center; justify-content: flex-start; } 
.com_view .com_item_text_container .post_info { margin-top:4px; } 
.com_item_text_container .post_info li { display:flex; align-items: flex-end; color: #666; font-size:11px; line-height: 14px; } 
.com_item_text_container .post_info li:not(:first-of-type) { margin-left: 10px; } 
.com_item_text_container .post_info li::before { content:''; display: inline-block; width: 16px; height: 16px; margin-right: 2px; background-position:center center; background-repeat: no-repeat; background-size: contain; } 
.com_item_text_container .post_info .people{background-color: var(--yellow); font-weight: 700; color: #222; border-radius: 10px; padding:0 5px;}
.com_item_text_container .post_info .people::before{background-image:url(../img/sub/icon_seller2.png); width:12px;}
.com_item_text_container .i_view::before { background-image:url(../img/sub/icon_view.png); } 
.com_item_text_container .i_comment::before { background-image:url(../img/sub/icon_comment.png); } 
.com_item_text_container .i_like::before { background-image:url(../img/sub/icon_like.png); } 
.com_item_text_container .i_like.active::before { background-image:url(../img/sub/icon_like_on.png); } 
.com_item_text_container .i_date::before { background-image:url(../img/sub/icon_date.png); } 
.com_item_text_container .i_seller::before { background-image:url(../img/sub/icon_seller.png); } 
.com_item_text_container .big_info { font-size: 13px; color:#999; line-height: 15px; margin-top: 5px; } 
.com_item_text_container .big_info b { color: #222; padding-left: 10px; font-weight: 400; } 
.com_item_text_container .big_info .tit{min-width:47px; display: inline-block;}

.com_item_text_container .position_bottom { position: absolute; bottom: 20px; } 
.com_item_text_container .detail_txt{font-size:13px; margin-top: 10px; color:#999;}

/* ^ com_find_item .bidding_area */
.com_find_item .bidding_area { display: flex; align-items: stretch; margin-top: 8px; } 
.com_find_item .bidding_area :is(.category, .count) { margin-top: 3px; } 
.com_find_item .bidding_area .left_wrap { min-width: 128px; } 
.com_find_item .bidding_area .right_wrap { border-left:1px solid #dedede; padding-left: 10px; margin-left: 10px; } 
.com_find_item .bidding_area .right_wrap .date { font-size:12px; line-height:16px; color:#222; margin-top: 2px; } 
.com_find_item+.bidding_txt { font-size: 13px; line-height: 1.54; letter-spacing: -0.33px; color: var(--black); padding:20px var(--pd-inline) } 


/* ^ com_find_item .bid_info */
.com_find_item .bid_info { display: flex; align-items: center; margin-top: 9px; } 
.com_find_item .bid_info li { border-radius: 9px; height: 15px; padding-inline: 6px; font-size: 10px; color: #222; background-color: #e9e9e9; } 
.com_find_item .bid_info li:not(:first-of-type) { margin-left: 4px; } 
.com_find_item .bid_info .people { background-color: var(--yellow); font-weight: 700; color: #222; display: flex; align-items: center; line-height: 15px;} 
.com_find_item .bid_info .people:before{background-image:url(../img/sub/icon_seller2.png); content:''; display: inline-block;  width:12px; height: 16px; margin-right: 2px; background-position:center center; background-repeat: no-repeat; background-size: contain;}

/* ^ com_find_item. item_partner_area */
.com_find_item .item_partner_area { display: inline-flex; align-items: center; height: 30px; border-radius: 15px; background-color: #f4f4f4; margin-top: 15px; padding-right: 12px; } 
.com_find_item .item_partner_area .partner_logo { width: 30px; height: 100%; border-radius: 50%; background-size: cover; background-position: center center; margin-right: 6px; } 
.com_find_item .item_partner_area .partner { font-weight: 700; font-size: 13px; color: #222; } 
.com_find_item .item_partner_area .partner span { color: #999; font-size: 11px; font-weight: 400; padding-left: 3px; } 

/* ^ com_find_item .group_info */
.com_find_item .group_info { margin-top: 20px; } 
.com_find_item .group_info h1 { display: flex; align-items: center; justify-content: center; height: 35px; border-radius: 5px; background-color: #f5ecfe; font-size: 15px; font-weight: 700; color:var(--purple); } 
.com_find_item .group_info .com_progress_container { margin-top: 10px; } 

/* & com_find_item.type_end */
.com_find_item.type_end { background-color: #f8f8f8; } 
.type_end .com_item_text_container * { color: #aaa !important; } 
.type_end .com_item_text_container .d_day { font-weight: 400; } 
.type_end .com_item_img_container .end_bg { display:flex; } 
.com_find_item.type_end .com_item_text_container .people{background-color: #ddd;}
.com_find_item.type_end .com_item_text_container .people::before{opacity: 0.4;}
.com_find_item.type_end .btn:is(.yellow, .purple, .gray){color:#fff !important;}
.com_find_item.type_end .item_partner_area .partner_logo {opacity: 0.5;}


/* & com_find_item.type_group */
.com_find_item.type_group .bid_count { background-color: var(--purple); } 
.type_group .com_item_text_container .seller { color:#222; transform: translateY(-6px); } 

/* & com_find_item.type_chat */
.com_find_item.type_chat .seller { margin-top: 6px; color: #222; } 
.com_find_item .item_btn_area { display: flex; align-items: center; margin-top: 10px; } 
.com_find_item .item_btn_area .btn + .btn { margin-left: 5px; } 
.com_find_item .item_btn_area.two .btn + .btn { margin-left: 10px; } 
.com_find_item .item_btn_area.two .btn { width: 98px; max-width: calc(100% - 5px); } 
.com_find_item .item_btn_area_right { position:absolute; right:20px; bottom:20px } 
.com_find_item .item_btn_area_right .btn { min-width: 50px; vertical-align: 0; } 
.com_find_item .item_success_area { margin-top: 8px; } 
.com_find_item .item_success_area p { color: var(--purple); font-size:11px; line-height: 13px; } 
.com_find_item .item_success_area p:not(:first-of-type) { margin-top: 3px; } 

/* & com_find_item.type_imminent */
.type_imminent .com_item_text_container .title { max-width: calc(100% - 50px); } 

/* & com_find_item.type_haslike */
.type_haslike .com_item_text_container .title { line-height:24px; max-width: calc(100% - 38px); } 
.type_haslike .com_item_text_container p { color:#222; font-size: 12px; line-height: 14px; margin-top: 2px; } 

/* & com_find_item.type_text_column */
.type_text_column { align-items: stretch; } 
.type_text_column .com_item_text_container { display: flex; flex-direction: column; justify-content: space-between; padding-block: 4px; } 

/* & com_find_item.type_catalog */
.type_catalog { align-items: stretch; } 
.type_catalog .btn_catalog_edit { position:absolute; right:17px; bottom: 20px; min-width: 50px !important; } 

/* & com_find_item.type_noimg */
.type_noimg .com_item_text_container { width: 100%; } 
.type_noimg .com_item_text_container .title { font-weight: 700; font-size: 15px; } 
.type_noimg .com_item_text_container .title .com_icon_new::before { top: 1px; } 

/* & com_find_item.type_wide */
.type_wide { flex-direction: column; } 
.type_wide .com_item_img_container { width: 100%; aspect-ratio: 3/1; margin-bottom: 6px; } 
.type_wide .com_item_img_container .link_wrap{width:100%}
.type_wide .com_item_text_container { width: 100%; padding-inline:10px; } 
.type_wide .com_item_text_container .post_info { margin-top: 4px; } 
.type_wide .com_item_text_container .notifi { display: inline-block; vertical-align: 2px; margin-right: 6px; } 
.type_wide .com_item_text_container .com_icon_new:before { top:0px; margin-left: 5px; } 
.type_wide .com_item_text_container .txt_field { margin-top:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 13px; line-height: 1.54; letter-spacing: -0.33px; color: var(--black); margin-bottom: 16px; } 

/* & com_find_item.type_big */
.type_big .com_item_text_container .title { font-size: 19px; line-height: 22px; } 
.type_big .middle_wrap { position: relative; margin-top:15px; } 
.type_big .post_info { position: absolute; right:0; bottom:0; } 
.type_big .bid_info { margin-top: 15px; } 
.type_big .bid_info li { height:18px; font-size: 11px; line-height: 18px; } 
.type_big .com_price_container .left_wrap { margin-top:10px; } 
.type_big .com_price_container :is(.price1, .price2) .label { font-size:13px; } 
.type_big .com_price_container .price1 { font-size: 13px; margin-bottom: 4px; } 
.type_big .com_item_text_container .d_day{font-size:16px;}
.type_big .com_item_text_container .count{font-size:14px;}

/* !!!!!!!!!!!!!!!!!!!!!!!!!! com_basic_item 상품 기본 형태 아이템 */
.com_basic_item_container { text-align: center; } 
.com_basic_item_container .com_twinkle_title { text-align: left; } 
.com_basic_item .img_field{position:relative}
.com_basic_item_wrap { display: flex; flex-wrap: wrap; } 
.com_basic_item { position:relative; width: 47.5%; margin-bottom: 20px; } 
.com_basic_item:nth-child(even) { margin-left:5%; } 
.com_basic_item img { width: 100%; object-fit: cover; aspect-ratio: 1/1; border-radius: 5px; } 
.com_basic_item .tit_field { margin-top: 8px; text-align: center; font-size: 14px; line-height: 1.3; color: #222; } 
.com_basic_item .com_btn_like { position: absolute; top: 7px; right: 7px; } 
.com_basic_item .com_item_text_container .post_info { margin-top: 4px; } 
.com_basic_item .ad_badge{position:absolute; border-radius: 100px; height:15px; background: var(--yellow); color:var(--black); left:5px; bottom:5px; font-size:11px; padding:0 7px; font-weight: bold;}
.com_basic_item .seller { margin-top:8px; /*display:flex; align-items: center; justify-content: flex-start;*/ color: #999; font-size:12px; line-height: 14px;} 
.com_basic_item .seller+.tit_field{margin-top:3px;}
.com_basic_item .link_wrap{position: relative;}
.com_basic_item .bid_count { position:absolute; bottom:5px; left:50%; transform: translateX(-50%); background-color: var(--yellow); display:inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color:#fff; border-radius: 9px; white-space: nowrap; padding-inline: 8px; line-height: 18px; min-width: 55px; } 
.com_basic_item  .bid_count.end { background: #999; } 
.com_company_list+.com_basic_item_container{margin-top:30px;}

/* ! com_customer_info 찾아주세요 제품상세 상단 고객 정보 노출란 */
.com_customer_info { display:flex; padding-block: 15px; } 
.com_customer_info .customer_logo { width: 50px; height: 50px; border-radius: 50%; background-size: cover; background-position: center center; } 
.com_customer_info .customer_info { margin-left:10px; } 
.com_customer_info .customer_info .name_field { font-weight: 700; font-size: 13px; line-height: 15px; } 
.com_customer_info .customer_info .address_field { font-size: 12px; line-height: 14px; color:#999; margin-top: 1px; } 
.com_customer_info .customer_info ul { margin-top: 5px; display: flex; align-items: center; } 
.com_customer_info .customer_info li { font-size: 12px; line-height: 14px; color:#999; } 
.com_customer_info .customer_info li span { color:#222; padding-left: 5px; } 
.com_customer_info .customer_info li:not(:first-of-type)::before { content:''; display: inline-block; margin-inline: 6px; width: 1px; height:9px; background-color: #dedede; } 

/* ! .com_price_container 일반 공급가,공동구매가 */
.com_price_container { display:flex; align-items: flex-end; justify-content: space-between; } 
.com_price_container .price1 { color: #999; font-size: 12px; line-height: 14px; } 
.com_price_container .price2 { color: var(--red); font-size: 15px; line-height: 18px; font-weight: 700; } 
.com_price_container :is(.price1, .price2) .label { padding-right: 8px; font-size: 11px; font-weight: 400; line-height: 1.4; } 
.com_price_container .price1 .label { padding-right: 17px; } 
.com_price_container .price1 .label + span { text-decoration: line-through; } 
.com_price_container .price2 { display: flex; align-items: center; } 
.com_price_container .price2 .percent { display: inline-block; background-color: var(--red); border-radius: 8px; color:#fff; height:16px; padding-inline: 6px; font-size: 11px; margin-left: 6px; } 
.com_price_container .price2 .price1{font-size:11px; font-weight: normal; padding-left: 5px;}
.com_price_container .right_wrap { color:var(--purple); font-weight: 700; text-align: right; font-size: 11px; } 
.com_price_container .right_wrap span { font-size: 22px; } 

/* ! .com_page_tab 탭 스타일 */
.com_page_tab_container { display:flex; align-items: center; justify-content: stretch; height:42px; } 
.com_page_tab { display: inline-flex; align-items: center; justify-content: center; width: 100%; height:100%; font-size: 14px; font-weight: 700; color: #222; border-bottom: 1px solid var(--yellow); } 
.com_page_tab.active { background-color: var(--yellow); color:#fff; } 

/* ! .com_tab_button 버튼형 탭 스타일 */
.com_tab_button { margin-top: -4px; } 
.com_tab_button .menu { padding: 0 10px; border-radius: 5px; height: 35px; display: inline-flex; align-items: center; justify-content: center; border: solid 1px #999; background-color: #f4f4f4; margin-top: 4px; } 
.com_tab_button .menu.active { color:var(--yellow); border:1px solid var(--yellow); background:#fff6e8; } 

/*!탭 컨텐츠*/
.tab_contents > .contents{display: none;}
.tab_contents > .contents.active{display: block;}

/* ! com_total_price 총 가격 */
.com_total_price { display: flex; align-items: center; justify-content: flex-end; } 
.com_total_price .total_field { color:#222; font-size: 19px; font-weight: 700; } 
.com_total_price .price_tip { font-size: 13px; font-weight: 400; margin-right: 14px; } 

/* ! com_input_num_wrap 숫자 버튼 묶음 */
.com_input_num_wrap { display: flex; align-items: stretch; justify-content: center; border: 1px solid #e9e9e9; border-radius: 5px; height:36px; } 
.com_input_num_wrap :is(button, input) { height: 100%; } 
.com_input_num_wrap button { width:34px; } 
.com_input_num_wrap input { width:51px; border: 1px solid #e9e9e9; text-align: center; border-width: 0 1px; border-radius: 0; } 

/* ! 업체정보 상세 */
/*슬라이드*/
.com_company_img .slick .slick-slide { padding-right:10px; min-width: 158px; aspect-ratio: 1 / 1; overflow: hidden; } 
.com_company_img .slick .slick-slide img { width:100%; max-width: none; max-height: 100%; min-height: 100%; min-width: 100%; object-fit: cover;} 
/*업체정보*/
.com_company_info { padding-inline:var(--pd-inline); margin-left:4px; border-top:1px solid #f4f4f4; margin-top: 20px; padding-top:15px; } 
.com_company_info li { display: flex; align-items: flex-start; padding-top:8px; padding-bottom:7px; } 
.com_company_info li:last-child { padding-bottom: 0; } 
.com_company_info .tit_field { padding-left: 8px; font-size: 13px; line-height: 1.15; letter-spacing: -0.33px; color: #999; width:87px; min-width: 87px; } 
.com_company_info .tit_field:before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 10px; margin-right: 5px; background-color: #aaa; margin-left: -8px; vertical-align: 2px; } 
.com_company_info .info_field { font-size: 13px; line-height: 1.15; letter-spacing: -0.33px; color: var(--black); } 

/* !고객센터 */
.com_cs_center { background: #f8f8f8; padding-inline:var(--pd-inline); padding-top:20px; padding-bottom:20px; margin-top: 20px; } 

/*!등록하기step*/
.com_step { padding:0 var(--pd-inline); display:flex; justify-content: center; align-items: center; background-color: #f4f4f4; margin-bottom: 20px; } 
.com_step .step { width: 50%; font-size: 13px; font-weight: bold; line-height: 1.38; letter-spacing: -0.33px; color: #999; padding: 13px 0; } 
.com_step .step:not(:last-child),
.com_step .step:not(:last-of-type) { background-image: url("../img/sub/step.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position:right center; } 
.com_step .step:not(:first-child),
.com_step .step:not(:first-of-type) { padding-left:13px } 
.com_step .step .num { width: 24px; height: 24px; padding: 0 4px; background-color: #ccc; font-size: 13px; font-weight: bold; line-height: 1.31; letter-spacing: -0.33px; text-align: center; color: #fff; display:inline-block; border-radius: 100px; line-height: 24px; margin-right: 7px; } 
.com_step .step .num1 { width: 24px; height: 24px; padding: 0 4px; background-color: #ccc; font-size: 13px; font-weight: bold; line-height: 1.31; letter-spacing: -0.33px; text-align: center; color: #fff; display:inline-block; border-radius: 100px; line-height: 24px; margin-right: 7px; } 
.com_step .step.active { color:var(--black) } 
.com_step .step.active .num { background-color: var(--yellow); } 
.com_step .step.active .num1 { background-color: var(--yellow); } 

/*!완료*/
.com_ok { background: #f4f4f4; } 
.com_ok main { display: flex; flex-direction: column; min-height:100vh; margin-top: 0; } 
.com_ok .bottom_menu { display: none; } 
.com_ok .ok_notice { text-align:center; margin: auto 0; padding:30px 0 } 
.com_ok .ok_notice .logo { margin-bottom: 21px; } 
.com_ok .ok_notice .logo img { height: 24px; } 
.com_ok .ok_notice .tit_field { font-size: 19px; font-weight: bold; line-height: 1.47; letter-spacing: -0.48px; color: var(--black); margin-bottom: 22px; } 
.com_ok .ok_notice .txt_field { font-size: 14px; line-height: 1.43; letter-spacing: -0.35px; color: var(--black); } 

/*!카탈로그 리스트*/
/* & .com_catalog 카탈로그 페이지 */
.com_catalog .com_basic_item .tit_field { text-align: left; } 

/*!공동구매 최종 가격*/
.com_group .total_area { padding:20px var(--pd-inline); border-bottom:1px solid #f4f4f4 } 
.com_group .total_area .item { display:flex; align-items: center; justify-content: space-between; } 
.com_group .total_area .item:not(:last-child) { margin-bottom:10px } 
.com_group .total_area .tit_field { font-size: 14px; line-height: 1.14; letter-spacing: -0.35px; color: var(--black); } 
.com_group .total_area .info_field { font-size: 14px; font-weight: bold; line-height: 1.14; letter-spacing: -0.35px; text-align: right; color: var(--black); } 
.com_group .total_area+.com_input_section{margin-top:20px}



/*! 이용약관*/
.com_terms { padding:20px var(--pd-inline) } 
.com_terms .terms_tit{font-size:17px; font-weight: bold; text-align: left; margin-bottom:15px;}
.com_terms dl { margin-bottom: 30px; } 
.com_terms dt { font-size: 15px; font-weight: bold; line-height: 1.33; letter-spacing: -0.38px; color: var(--black); margin-bottom: 10px; } 
.com_terms dd { font-size: 13px; line-height: 1.54; letter-spacing: -0.33px; text-align: left; color: var(--black); } 
.com_terms dd+dd{margin-top:5px;}