/* 리셋 영역 */
* {margin:0; padding:0;}
a:hover{text-decoration: none;}
a{text-decoration: none; color:#000;}
em{font-style: normal}
.clearfix::after{content:""; display:table; clear:both;}
a:focus,  a:link, a:visited, a:active{ text-decoration:none; outline:none;}
input:focus{outline:none;}
@media (min-width: 400px) and (max-width: 480px) {
    * {font-size:inherit;}
}
@media (min-width: 321px) and (max-width: 399px) {
    * {font-size:inherit;}
}

/*  ******************************** 래플 메인 공통영역 ********************************  */
.container {position:relative;}
.wrap .title{font-family: 'noto-B'; font-size: 20px; font-weight: normal; letter-spacing: -1px; color: #3a3a3a; text-align: center;}
.person{color: #1C8FED; font-size: 15px; font-family: 'noto-R'; display: inline-block;}
.person img{width: 12px; height: auto; display: inline-block;}
.person .participants{ font-family: 'spoqa M'; margin-top:-3px; letter-spacing: -0.5px;}
.raffle_timer{ color: #3a3a3a; font-family: 'spoqa M'; font-weight:bold; margin: 20px 0 36px;}
.raffle_timer h2{ font-weight:normal; font-size: 31px; font-family: 'spoqa M'; font-weight:bold; letter-spacing: 0; display: flex; justify-content: center; gap: 15px;}
.raffle_timer h2 > span{font-size: 31px; font-family: 'spoqa M'; font-weight:bold; letter-spacing: 0; position: relative;}
.raffle_timer h2 > span::after{font-size: 11px; font-family: 'spoqa R'; font-weight:normal; color: #949494; width: 50px; text-transform: uppercase; bottom: -20px; left: -5px; right: 0; margin: auto; position: absolute;}
.raffle_timer h2 > .days::after{content: "days";}
.raffle_timer h2 > .hours::after{content: "hours";}
.raffle_timer h2 > .minutes::after{content: "minutes";}
.raffle_timer h2 > .seconds::after{content: "seconds";}

.prograss_bar{max-width: 305px; width: 100%; height: 2px; background:#D8D8D8; border-radius: 2px;  position: relative; margin: 0 auto 20px;}
.prograss_bar .inner_bar{ position: absolute; left: 0; top: 50%; height: 5px; background: linear-gradient(to left, #1f87e6 , #1f239e ); margin-top: -3px; border-radius: 3px; }
.product_name{ font-family: 'noto-R'; line-height: 1.4; font-size: 16px; letter-spacing: -1px; color: #3a3a3a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; margin-bottom: 12px; word-break: break-all;}
.price{font-family: 'spoqa M'; font-weight:bold; display: inline-block; font-size: 23px; letter-spacing:-1px; color: #3a3a3a; display: flex; align-items: center; justify-content: center;}
.price .discount_per{font-family: 'spoqa M'; font-weight:bold; display: inline-block; font-size:19px; letter-spacing: -1px; color: #F14738;}
.price_prod{font-family: 'spoqa M'; font-weight:bold; display: inline-block; font-size: 19px; letter-spacing: -1px; color: #3a3a3a; margin-right: 5px;}
.btn_apply{display: block; border-radius: 10px; background-color: #0D6DE3; text-align: center;  width: 100%; margin-top:20px;}
.btn_apply p{position: relative; padding: 13px 0; display: inline-block; color: #fff; font-family: 'noto-M'; font-size: 18px;}
.btn_apply img{padding-left:8px; width: 18px; vertical-align: -2px;}
.ani_start{width: 50px; height: 50px; position: absolute; left: 0; top:-87px; display: inline-block;}

/*  ******************************** 래플 메인 개별영역 */
/* 래플진행중 */
.proceeding_box {padding: 27px 0 0px; position: relative; background-color: #fafafa;}
.proceeding_box .container{z-index: 1;}
.proceeding_box .price_box{display: flex; align-items: flex-end; justify-content: space-between; margin-top:10px;}
.proceeding_box .price .price_original{font-family: 'spoqa M'; font-weight: normal; font-size: 13px; color:#b4b4b4; margin: 0 0 0 15px; position: relative; vertical-align: top; letter-spacing:0;}
.proceeding_box .price .price_original::before{content:""; position: absolute; width: 100%; height: 1px; background: rgba(26,26,26,0.50); display: inline-block; top: 50%; left: 0; margin-top: 1px;}
.proceeding_box .price > *{float: left;}
.proceeding_box .container_box{background-color: #F9F9F9; padding: 16px 16px 0;}
.proceeding_box .raffle_item_box{max-width: 345px; width:100%; margin:0 auto 30px; background-color: #fff; text-align: center; position: relative; box-sizing: border-box; border-radius: 15px;}
.proceeding_box .raffle_item_box .img_box{max-width: 345px; width:100%; margin: auto; border-radius: 15px 15px 0 0; box-sizing: border-box; overflow: hidden; position: relative; left: 50%; transform: translateX(-50%);}
.proceeding_box .raffle_item_box .img_box > img{width: 100%; display: block;}
.proceeding_box .raffle_item_box .info_box{padding: 0 20px 30px;}
.proceeding_box .raffle_none_box{border-radius: 15px; background-color:#fff; text-align: center; display: none;}
.proceeding_box .raffle_none_box .icon_box{ padding: 62px 0 52px;}
.proceeding_box .raffle_none_box .icon_box img {width: 39px; height: 39px;}
.proceeding_box .raffle_none_box .icon_box p{ margin-top: 5px; font-size: 15px; color: #3a3a3a; letter-spacing: -1px; font-family: 'noto-R';}
/* 진행중인 래플 없을 때 */
.proceeding_box.no_raffle .raffle_none_box{display: block;}
.proceeding_box.no_raffle .raffle_item_box{display: none;}
/* 래플상품 알림신청 */
.alarm_box{ border: solid 1px #dfe3eb; background-color: #eff4fe; padding: 36px 0px; position: relative;}
.alarm_box .container{padding-right: 0;}
.alarm_box .text_box .title{ margin-bottom:6px;}
.alarm_box .text_box p{font-size: 14px; color: #595959; font-family: 'noto-R'; letter-spacing: -1.5px; line-height: 1em;}
.alarm_box .category_container{ margin-top: 20px; width: 100%;display: flex; transform: translate3d(0px, 0px, 0px); transition: transform 400ms ease 0s; padding-top: 17px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; /* IE and Edge */  scrollbar-width: none; /* Firefox */}
.alarm_box .category_container::-webkit-scrollbar{ display:none; }
.alarm_box .box{ width: 95px; height: 125px; border: solid 1px #333; background-color: #333; border-radius: 15px; margin-right: 14px; display: inline-block; float: left; padding: 10px; position: relative; flex: none; transition: 0.3s; box-sizing: border-box;}
.alarm_box .box .category_name{font-size: 18px; font-family: 'noto-M'; letter-spacing: 0; word-break: keep-all; line-height: 1.2; color: #c1c1c1;}
.alarm_box .box .choice{font-size: 13px; color: #999; font-family: 'noto-R'; border-bottom: 1px solid #999; line-height: 1.2em; display: inline-block; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%);}
/* 알림신청 클릭 모션 */
.alarm_box .box.active{background: linear-gradient(to top, #1f239e, #0774e8);box-shadow: 2px 2px 3px 0 rgba(20,21,22 ,0.26); border: 0px; transform: translateY(-17px);}
.alarm_box .box.active .category_name{color: #fff;}
.alarm_box .box.active .choice{color: #fff; border-bottom: 1px solid #fff;}
/* 알림신청 가로 스크롤영역 */
.alarm_box .select_box{ width: 248px; height: 125px; border: solid 1px #d1d9e8; background-color: #ffffff; border-radius: 15px; margin-right: 14px; display: inline-block; float: left; 
padding:15px 10px; position: relative; flex: none; box-sizing: border-box; }
.alarm_box .select_wrap > div{float: left; width: 150px;}
/* 알림신청 카테고리 셀렉트박스 디자인 재설정 */
.alarm_box .select_box p{ font-family:'noto-M'; font-size: 15px; letter-spacing: -1px; line-height: 1em; margin-bottom: 10px;}
.alarm_box .select_comm_small{position:relative; width: 150px; display: block; font-size: 0;}
.alarm_box .select_comm_small:first-of-type{margin-bottom: 6px;}
.alarm_box .select_comm_small:before {content: ''; position: absolute; display: inline-block; top: 50%; margin-top: -5px;right: 11px; width: 6px; height: 6px; border: solid #595959; border-width: 0 1px 1px 0; transform: rotate(45deg);}
.alarm_box .select_comm_small select{padding: 6px 18px 6px 9px; height: 32px; line-height: 18px; border:1px solid #d8d8d8; border-radius: 2px; letter-spacing:-1.5px; width:100%; background-color:#fff; font-family: noto-R; font-size: 13px; color: #3a3a3a; outline: none;}
.alarm_box .select_comm_small select{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand { display:none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {.alarm_box .select_comm_small select {padding: 6px 18px 6px 9px;}} /* for chrome */
@-moz-document url-prefix() {.alarm_box .select_comm_small select {padding: 6px 18px 6px 9px;} } /* for firefox */
_:-ms-input-placeholder, :root .alarm_box .select_comm_small select {padding: 6px 18px 6px 9px;} /* for IE10,11 */
.alarm_box .raffle_alarm{ border-radius: 5px; background-color: #3a3a3a; color: #fff; width: 69px; height: 69px; display: inline-block; font-size: 15px; text-align: center;
line-height: 69px; float: right;}
/* 종료된 래플 */
.raffle_end_box{position: relative; padding: 30px 15px 35px;}
.raffle_end_box .container {z-index: 1;}
.raffle_end_box #raffle_end_list {display: flex; flex-wrap:wrap; gap:16px; max-width:750px; margin:16px auto 0;}
.raffle_end_box .item_box {width:100%; background-color: #fff; border-radius: 15px; border: 1px solid #e8e8e8; box-sizing: border-box;}
.raffle_end_box .item_box > a {display: flex; padding:15px; align-items: center; box-sizing: border-box;}
.raffle_end_box .img_box{width: 125px; height: 125px; flex: none; margin-right: 15px; border-radius: 10px; overflow: hidden; box-sizing: border-box; position:relative;}
.raffle_end_box .img_box > img{ width: 100%; height: 100%;}
.raffle_end_box .item_box .person {width:100%; background:rgba(26,26,26,0.7); text-align: center; line-height:inherit; font-size:13px; border:0; border-radius:0; padding:5px 0 6px; color:#fff; position:absolute; bottom:0; left:0;}
.raffle_end_box .text_box{width: 100%;}
.raffle_end_box .text_box .item_name{font-family:'noto-R'; font-size:15px; height: 38px; color: #3a3a3a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; margin-bottom:3px;}
.raffle_end_box .text_box .price {margin-top:0; display: block; font-size: inherit; line-height:20px;}
.raffle_end_box .text_box .price .top_box {display: flex; align-items: center;}
.raffle_end_box .text_box .price_prod{font-family: 'spoqa M'; font-weight:bold; font-size: 16px; letter-spacing: -0.5px; color: #3a3a3a; margin-top: 0; line-height: 18px;}
.raffle_end_box .text_box .price .price_original{display:inline-block; font-size: 13px; font-family: 'spoqa M'; font-weight: normal; color:#b4b4b4; letter-spacing: 0; text-decoration: line-through;}
.raffle_end_box .text_box .price .discount_per{font-size: 16px; margin-right: 5px;}
.raffle_end_box .text_box .noticebtn {background:#F2F2F2; border-radius: 23px; padding:4px 3px 3px; margin-top:8px; box-sizing: border-box; text-align: center; width: 100%;}
.raffle_end_box .text_box .notice {color: #6C6C6C; font-size: 12px; position:relative; padding-right:14px; top:-2px;}
.raffle_end_box .text_box .notice::before {content:''; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_quasarbtn.png') center center/contain no-repeat; position:absolute; top:2px; right:0;}
/* 더보기 버튼 */
#page_btn {width:100%; position:absolute; left:0; bottom:-16px;}
.show_more{width: 100%; height: 60px; text-align: center; line-height: 60px; background:#fff;}
.show_more::after{content: ""; position: relative; width: 12px; height: 12px; display: inline-block; background: url(//image5.compuzone.co.kr/img/images/magazine/down_arrow_24px.png)no-repeat; background-size: cover; vertical-align: bottom; right: 0; left: 0; top: -24px; bottom: 0; margin: auto;}

/*  ******************************** 래플 상품 상세페이지 ********************************  */
/* 상단 고정  */
.header_fix{ position: fixed; height: 60px; background: #fff; top: -60px; left: 0; width: 100%; z-index: 100; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07); padding: 6px 15px; transition: 0.3s; box-sizing: border-box;}
.header_fix .inner_wrap{position: relative; display: flex; align-items: center;}
.header_fix .back{width: 12px; height: 12px; border-top: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; display: inline-block; transform: rotate( 225deg); position: absolute; left: 2px; transform-origin: center; z-index: 10; -webkit-tap-highlight-color : transparent;}
.header_fix .name{padding-left: 25px; font-size: 16px; color: #3a3a3a; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.header_fix .img_box{width: 48px; height: 48px; border: solid 1px #e5e5e5; border-radius: 50%; flex: none; overflow: hidden;}
.header_fix .img_box img{width: 100%; height: 100%;}
.header_fix.active{top:0;}

.product_box {margin:0 auto ; padding: 20px 16px 40px; background-color: #ffffff; text-align: center; position: relative; overflow: hidden; max-width: 750px;}
/* 래플 상품 */
.product_box .state_end{display: none;}
.product_box .raffle_pd_box{width: 100%; max-width: 375px; height: 220px; margin: auto; position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
.product_box .raffle_pd_box .pd img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/* 레플 참여자 수 */
.product_box .price_box{display: flex; align-items: flex-end; justify-content: space-between;}
/* 이벤트 종료 후 영상 보러가기 */
.product_box .sub_btn{ display: none; margin: 10px 0 0; color: #949494; position: relative; font-size: 14px; font-family: 'noto-R'; font-weight: normal;}
.product_box .sub_btn img{width: 18px; height: 18px; vertical-align: text-bottom; filter: grayscale(1); opacity: 0.7;}

/* 상품이미지 */
.product_detail_img {max-width: 400px; width: 100%; margin: 0 auto; font-size: 0; text-align: center; padding-bottom: 0; overflow:hidden;}
.product_detail_img img{width: 100%;}

/* 당첨자안내 */
.popup_top {position: fixed; left: 0; top: 0; width: 100%; z-index: 1; background: #fff;}
.popup_cont h2{font-family:'noto-B'; font-weight: normal; font-size: 18px; padding: 17px 12px; text-align: center; line-height: 1em; position: relative;}
.popup_cont h2::before{content: ''; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; height: 1px; background: #000;}
.popup_cont .caution{ font-family:'noto-R'; color: #ff4a4a; font-size: 14px; padding: 23px 15px; line-height: 20px;}
.popup_cont h2 .arrow{width: 12px; height: 12px; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; display: inline-block; transform: rotate(45deg); position: absolute; top: 20px; left: 16px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
.popup_cont .scroll_box{position: fixed; width: 100%; left: 0; top: 136px; height: calc(100% - 188px); /* padding: 0 15px; */ overflow-y: auto; }
.popup_cont .scroll_box .nano-content {padding: 0 15px;}
.popup_cont .scroll_box.nano > .nano-pane { background: transparent; width: 2px; border-radius: 2px; opacity: 1; overflow: hidden; margin-right: 15px;}
.popup_cont .scroll_box.nano > .nano-pane > .nano-slider { background: #ddd; width: 2px; margin: 0; border-radius: 2px; }
.popup_cont .top_table{font-size: 15px; padding:15px; width: 100%; text-align: left;  background-color: #f9fafa; border-top: 1px solid #dbdddf;
border-bottom: 1px solid #dbdddf; line-height: 20px; letter-spacing: -1px;}
.popup_cont .top_table.add{background-color: #f1f8ff;}
.popup_cont .top_table th{font-family:'noto-M'; font-weight: normal; font-size: 16px; height: 20px; box-sizing: border-box; margin-top: 6px; width: 32%; letter-spacing: -1px;}
.popup_cont .top_table td {font-family:'noto-R';}
.popup_cont .top_table strong{ letter-spacing: -0.056em; margin-right: 5px;}
.popup_cont .top_table .red{color: #FF4A4A;}
.popup_cont .content_box{font-size: 14px; letter-spacing: -1.5px; text-align: center; color: #3a3a3a; width: 100%; border-bottom: 1px solid #DBDDDF; margin-bottom: 20px; padding: 15px 0;}
.popup_cont .content_box td{width: 50%; height:38px;}
.popup_cont .btn_box{position: fixed; left: 0; bottom: 0; z-index: 1;width: 100%; height: 53px; border: solid 1px #cccccc; background-color: #3a3a3a; color: #fff; font-size: 15px; font-family:'noto-B'; display: flex; justify-content: center;  align-items: center;}

/* 래플 쇼핑 페이지 추가 요청 211027 */
.mini_w_btn{display: inline-block; margin-left: 4px; padding: 4px 10px 3px; line-height: 12px; background: #fff; border: 1px solid #dadada; border-radius: 2px; font-family: '맑은고딕'; font-size: 12px; color: #2e2e2e; letter-spacing:-1px;}

/* 81785 플로팅 배너 추가 220121 */
.raffle_m_banner{position: relative;}
.raffle_m_banner .bnr_bg{position: absolute; width: 100%; background: #130b14; height: 200px; top: 50px;}
.raffle_m_banner a{display: block; width: 100%; text-align: center; position: relative; z-index: 1;}
.raffle_m_banner a img{width: auto;}

/* 요86395 래플페이지 트래픽 최소화 220706 */
#raffle_detail_page_body header.scroll2{top: -48px;}
#raffle_detail_page_body .detail_show_more_btn{width: 283px; display: block; height: 50px; text-align: center; line-height: 50px; border: 1px solid #D8D8D8; border-radius: 25px; margin: 30px auto; font-family: 'spoqa M'; color: #6C6C6C; font-size: 16px;}
#raffle_detail_page_body .detail_show_more_btn i{ width: 18px; height: 18px; background: url(//image5.compuzone.co.kr/img/images/raffle_shopping/arrow_down_b_36.png)no-repeat; display: inline-block; background-size: contain; vertical-align: text-bottom; margin-left: 5px; margin-bottom: 2px;}
#raffle_detail_page_body .m_bottomWrap .left_btn {bottom: 72px !important;}

/* 221013 90208 래플 배너 수정 */
.raffle_floating {width:170px; height:112px; position:fixed; bottom:200px; right:0; z-index:1000;}
.raffle_floating a {width:170px; position:absolute; bottom:0; right:0; background:rgba(0,0,0,0.8); border-radius: 13px 0 0 13px; box-sizing: border-box; overflow:hidden;}
.raffle_floating a img {display:block; width:100%;}

/* 배너 */
.raffle_banner_main{margin: 0 auto 40px; padding: 0 16px;}
.raffle_banner_main .banner_link { text-align: center; display: block; max-width: 750px; margin: 0 auto; }
.raffle_banner_main .banner_link img{width: 100%;}
/* 버튼 */
.floating_btn_wrap { width: 100%; position: fixed; bottom: 0; }
.floating_btn_wrap img{width: 100%;}
.floating_btn_wrap .prev_btn{ width: 45px; height: 45px; position: absolute; left: 10px; bottom: 72px; padding: 10px; box-sizing: border-box; background: #fffc; border-radius: 10px; box-shadow: 3px 3px 10px rgb(0 0 0 / 16%); }
.floating_btn_wrap .top_btn{ width: 45px; height: 45px;  position: absolute; right: 10px; bottom: 72px; padding: 10px; box-sizing: border-box; background: #fffc; border-radius: 10px; box-shadow: 3px 3px 10px rgb(0 0 0 / 16%); }
.floating_btn_wrap .menu_btn{ width: 45px; height: 45px;  position: absolute; right: 10px; bottom: 132px; padding: 10px; box-sizing: border-box; background: #fffc; border-radius: 10px; box-shadow: 3px 3px 10px rgb(0 0 0 / 16%); }

/* 94412 래플쇼핑 페이지 내 팝업 230221 */
#pop_box.announcement_pop .popup_tit { padding: 30px 0 20px; border-bottom: 1px solid #D8D8D8; box-sizing: border-box; }
#pop_box.announcement_pop .popup_tit .pop_title  { color: #3a3a3a; font-size: 20px; font-family: 'noto-B'; font-weight: normal; text-align: center; word-break: keep-all; line-height: 1.2em;}
#pop_box.announcement_pop .popup_tit a  { display: block; width: 30px; height: 30px; background: url(//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png) center center/contain no-repeat; position: Absolute; top: 26px; right: 15px; }
#pop_box.announcement_pop .inner .cont { margin: 0 auto; background: #fff; max-width: 400px; width: 100%; position: relative; }
#pop_box.announcement_pop .layerPop_contents { border-radius: 10px; box-sizing: border-box; overflow: hidden; margin: 0 auto; background: #fff; padding: 20px 20px 25px; }
#pop_box.announcement_pop .layerPop_contents .bodytext1{ font-size: 15px;}
#pop_box.announcement_pop .layerPop_contents .bodytext1 span{font-size: 15px;}
#pop_box.announcement_pop .mini_mo{display: none;}
@media (max-width: 360px) {
    #pop_box.announcement_pop .mini_mo {display: block;}
}
.detail_product_wrap {padding-bottom:80px;}

/* 231212 104583 모바일 팝업 개선관련 부서 협조 요청 */
.raffle_shopping_popup .big_layer_pop{width:calc(100% - 32px); max-width:750px; background: #fff; position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); border-radius: 10px;}
.raffle_shopping_popup .big_layer_pop .layerPop_Tit{padding: 15px 0; border-bottom: 1px solid #D8D8D8;}
.raffle_shopping_popup .big_layer_pop .layerPop_Tit p{font-size: 20px; font-family: 'noto-B'; color: #3a3a3a; text-align: center;}
.raffle_shopping_popup .big_layer_pop .layerPop_X{ display: block; width: 30px; height: 30px; background: url(//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png) center center/contain no-repeat; position: absolute; top: 15px; right: 15px; }
.raffle_shopping_popup .big_layer_pop .layerPop_contents{padding: 20px;}
.raffle_shopping_popup .big_layer_pop .winning_list{padding: 15px; background: #F9F9F9; border-radius: 10px; margin-bottom: 10px;}
.raffle_shopping_popup .big_layer_pop .winning_list ul{display: flex; flex-direction: column; gap: 5px; align-items: center;}
.raffle_shopping_popup .big_layer_pop .winning_list ul li{font-size: 14px; font-family: 'noto-R'; color: #3a3a3a;}
.raffle_shopping_popup .big_layer_pop .winning_date{padding: 15px; background: #F9F9F9; border-radius: 10px; margin-bottom: 10px;}
.raffle_shopping_popup .big_layer_pop .winning_date ul{display: flex; flex-direction: column; gap: 5px;}
.raffle_shopping_popup .big_layer_pop .winning_date ul li{display: flex; justify-content: space-between; align-items: center;}
.raffle_shopping_popup .big_layer_pop .winning_date ul li p{font-size: 14px; font-family: 'noto-R'; color: #3a3a3a;}
.raffle_shopping_popup .big_layer_pop .winning_date ul li .tit{font-family: 'noto-M';}
.raffle_shopping_popup .big_layer_pop .notice li{font-size: 13px; font-family: 'noto-R'; color: #949494; position: relative; padding-left: 15px;}
.raffle_shopping_popup .big_layer_pop .notice li::after{content: "※"; position: absolute; left: 0; top: 0;}

/* 115037 래플 응모 페이지 개선 제안 */ 
.product_box .raffle_pd_box .pd_ing{display: none;}
.product_box .raffle_pd_box .pd_end{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; z-index: 10; background: rgba(0,0,0,0.7);}
.product_box .raffle_pd_box .pd_end img{width: 60px; height: 60px;}
.product_box .raffle_pd_box .pd_end p{color: #fff; font-size: 14px; font-family: 'noto-R';}
.product_box .raffle_pd_box .pd_end .btn {display:flex; align-items: center; justify-content: center; height:36px; margin-top:4px; padding:0 12px; border-radius:5px; background:#fff; color:#3a3a3a;}

.product_box .time_wrap{display: flex; gap: 12px; margin: 0 auto 16px;}
.product_box .time_wrap .state span{padding: 8px 12px 7px; font-size: 12px; font-family: '맑은고딕'; border-radius: 20px; display: block; color: #fff; text-align: center;}
.product_box .time_wrap .state_ing{background: #0D6DE3;}
.product_box .time_wrap .state_end{background: #3A3A3A;}
.product_box .time_wrap .raffle_timer{color: unset; font-family: unset; font-weight: unset; margin: 0;}
.product_box .time_wrap .raffle-js-clock{display: flex; line-height: 30px; align-items: center;}
.product_box .time_wrap .raffle-js-clock h2{font-size: 26px; font-family: 'spoqa M'; font-weight: bold; display: block; color: #0D6DE3;}
.product_box .time_wrap .raffle_timer h2 > span{font-size: 26px; font-family: 'noto-B'; font-weight: unset; letter-spacing: 0; position: relative; margin-right: 4px; color: #0D6DE3;}
.product_box .time_wrap .raffle_timer h2 + span{font-size: 24px; font-family: 'noto-M'; color: #3A3A3A; margin-left: 4px;}

.product_box .count_box{display: flex; justify-content: space-between; margin-bottom: 20px;}
.product_box .count_box .price_box{justify-content: unset; gap: 16px;}
.product_box .count_box .price_box .price{font-family: 'spoqa M'; font-weight:bold; display: inline-block; font-size: 20px; letter-spacing:-1px; color: #3a3a3a; display: block;}
.product_box .count_box .price_box .price span{font-size: 14px; font-weight: normal; margin-left:2px;}
.product_box .count_box .price_box .discount_per{font-family: 'spoqa M'; font-weight:bold; display: inline-block; font-size:20px; letter-spacing: -1px; color: #F14738;}
.product_box .count_box .person {display: flex; align-items: center;}
.product_box .count_box .person .img_person{width: 24px; height: 24px; margin-right: 4px;}
.product_box .count_box .person .img_person img{width: 100%;}
.product_box .count_box .person .counter_person{display: flex; align-items:flex-end;}
.product_box .count_box .person .participants{margin-top: -3px;}

.product_box .raffle_info_text{background: #F9F9F9; border-radius: 5px; padding: 20px;}
.product_box .raffle_info_text ul{display: flex; flex-direction: column; gap: 12px;}
.product_box .raffle_info_text ul li{display: flex; justify-content: space-between; font-size: 15px; font-family: 'noto-R'; color: #3A3A3A; letter-spacing: -0.5px;}
.product_box .raffle_info_text ul li p{color: #949494; width: 54px; padding-right: 10px; text-align: left;}

.recoProduct_wrap{margin: 40px auto 30px;}
.recoProduct_wrap .tit{padding: 0 16px; margin-bottom: 16px;}
.recoProduct_wrap .tit h2{font-size: 20px; font-family: 'noto-B'; color: #3A3A3A;}
.recoProduct_wrap .recommend_list{overflow: scroll;}
.recoProduct_wrap .recommend_list::-webkit-scrollbar{display: none;}
.recoProduct_wrap .recommend_list ul{display: flex; gap: 12px;}
.recoProduct_wrap .recommend_list ul li{width: 140px;}
.recoProduct_wrap .recommend_list ul li:first-child{padding-left: 16px;}
.recoProduct_wrap .recommend_list ul li:last-child{padding-right: 16px;}
.recoProduct_wrap .recommend_list ul li .img_box{width: 140px; height: 140px; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 8px;}
.recoProduct_wrap .recommend_list ul li .img_box::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.02);}
.recoProduct_wrap .recommend_list ul li .img_box img{width: 100%;}
.recoProduct_wrap .recommend_list ul li .prd_name{font-size: 15px; font-family: 'noto-R'; color: #3A3A3A; height: 44px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 8px;}
.recoProduct_wrap .recommend_list ul li .reco_prd_price{display: flex; gap: 4px;}
.recoProduct_wrap .recommend_list ul li .reco_prd_price .discount_per{color: #F14738; font-size: 16px; font-family: 'spoqa M'; font-weight: bold;}
.recoProduct_wrap .recommend_list ul li .reco_prd_price .before_price{color: #3A3A3A; font-size: 16px; font-family: 'spoqa M'; font-weight: bold;}
.recoProduct_wrap .recommend_list ul li .reco_prd_price .enteronly {display: inline-block; padding: 4px 8px; border-radius: 5px; background: #3a3a3a; font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: #fff;}

.raffle_notice{background: #F9F9F9; padding: 40px 16px; box-sizing: border-box; max-width:750px; margin:0 auto 40px;}
.raffle_notice span{color: #3A3A3A; font-size: 18px; font-family: 'noto-M'; margin-bottom: 16px; display: flex; align-items: center;}
.raffle_notice span img{width: 20px; height: 20px;}
.raffle_notice ul{display: flex; flex-direction: column; gap: 8px;}
.raffle_notice ul li{position: relative; padding-left: 6px; color: #949494; font-size: 13px; font-family: 'noto-R';}
.raffle_notice ul li.blue{color: #1C8FED; font-family: 'noto-R';}
.raffle_notice ul li::after{content: ""; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #949494;}
.raffle_notice ul li.blue::after{background: #1C8FED;}

.raffle_detail_page .btn_box{position: fixed; bottom: 0; left: 0; right: 0; width: 100%; margin: auto;}
.raffle_detail_page .btn_box .btn_apply{border-radius: 0; margin: 0; padding: 15px 0; color: #fff; font-size: 18px; font-family: 'noto-M';}
.raffle_detail_page .btn_box .btn_apply.dis_apply{background: #F9F9F9; color: #949494; border-top: 1px solid #D8D8D8;}
.raffle_detail_page .btn_box p{display: none;}

.raffle_detail_page .btn_box.btn_disbox{background: #fff; border-radius: 20px 20px 0 0; padding: 16px; box-sizing: border-box; z-index: 200; box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.08);}
.raffle_detail_page .btn_box.btn_disbox p{font-size: 14px; font-family: 'noto-M'; color: #3A3A3A; margin-bottom: 12px; display: block;}
.raffle_detail_page .btn_box.btn_disbox .btn_apply{padding: 13px 0; border-radius: 10px; border: 1px solid #D8D8D8; background: #F9F9F9; color: #949494; font-size: 16px;}