.layer_wrap .ly_cont .proc_list{width:310px; padding:0 50px;} /* 검색 */ .proc_list .top_search {position: relative; background: #ffffff; margin-bottom:25px;} .proc_list .top_search legend {display: none; } .proc_list .top_search .top_text_cont {border: 2px solid #80C41C; background: #ffffff; border-radius: 20px;} .proc_list .top_search .top_text_cont input {border: none 0; vertical-align: top; border-radius: 20px;} .proc_list .top_search .top_text_cont .top_srarch_text {width: 100%; height: 40px;padding: 5px 20px; box-sizing: border-box;} .proc_list .top_search .top_text_cont .btn_top_srarch {position: absolute; top: 12px; right: 12px; border-radius: 0;} .proc_list .btn_comparison { width:100%; background: #FFFFFF; border: 1px solid #000000; font-size: 15px; font-weight:600; color: #000000; line-height:40px; margin-bottom:20px; } .proc_list .item_list .tit {display:block; color:#707070; font-size:13px; font-weight:600;} .proc_list .item_list ul {height:1074px; overflow:auto; } /* 아래의 모든 코드는 영역::코드로 사용 */ .proc_list .item_list ul::-webkit-scrollbar {width:6px;} .proc_list .item_list ul::-webkit-scrollbar-thumb {height:10%; background: #80c41c; border-radius:10px;} .proc_list .item_list ul::-webkit-scrollbar-track {background: rgba(223,223,223,0.4);} .proc_list .item_list li {padding:10px 0; border-bottom:1px solid #DFDFDF} .proc_list .item_list .pcon{display:flex; align-items: center;} .proc_list .item_list .pcon .pimg{width:25%; background-color: rgba(223,223,223,0.23); border-radius:8px; padding:15px 10px;} .proc_list .item_list .pcon .pimg img{width:100%} .proc_list .item_list .pcon .ptxt{width:50%; padding:0 15px; font-size:14px; font-weight:500;} .proc_list .item_list .pcon .picon{width:15%; position: relative;} /* 체크박스 */ .scheck-primary{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);} [class*=scheck-primary] { text-align: left; width: 24px; height: 24px; padding-left: 0; margin-right: 10px; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } [class*=scheck-primary]>input:first-child { position: absolute!important; opacity: 0; margin: 0; } [class*=scheck-primary]>label { min-height: 44px; line-height: 44px; display: inline-block; position: relative; vertical-align: top; margin-bottom: 0; font-weight:400; font-size:14px; color:#AEAEAE; cursor: pointer; } [class*=scheck-primary]>label span{font-size:16px; font-weight: 400; margin-left:10px;} [class*=scheck-primary]>label span.utxt{font-weight: 500; color:#B5C1CA} [class*=scheck-primary]>input:first-child+input[type=hidden]+label::before, [class*=scheck-primary]>input:first-child+label::before { content: ""; display: inline-block; position: absolute; width: 24px; height: 24px; border: 2px solid #80c41c; border-radius: 50%; background-image: url(/data/compare/ico_gray1.png); background-size: 12px 6px; background-repeat: no-repeat; background-position: center; background-color: #fff; } [class*=scheck-primary]>input:first-child:checked+input[type=hidden]+label::after, [class*=scheck-primary]>input:first-child:checked+label::after { content: ""; display: inline-block; position: absolute; top: 12px; left: 8px; width: 12px; height: 7px; background-image: url('/data/compare/ico_white1.png'); background-size: cover; } .scheck-primary>input:first-child:checked+input[type=hidden]+label::before, .scheck-primary>input:first-child:checked+label::before { background-color: #80c41c; border-color: #80c41c; background-image:none; } 1000000656 [렌탈] 휴롬 2in1 착즙기&블렌더(듀얼형)_M100-SBFA05(메탈릭실버) 599000