a{text-decoration: none;}
a:hover{text-decoration: none;}
#wrap{    width: 100%; min-width: 1300px;}
#contents{width: 100%; color: #1a1a1a; position: relative; overflow: hidden; min-width: 1300px;}
#contents .container{width: 1300px; margin: 0 auto; position: relative; z-index: 2;}
.bg{ position: absolute; display: inline-block; left: 0; top: 0; width: 100%; z-index: 1;}
.bg_deco {position: relative; min-width: 1300px;}
.bg_deco .circle01{position: absolute; display: inline-block; width: 230px; height: 231px; background: url(//image5.compuzone.co.kr/img/images/raffle_shopping/73826_bg_circle03.png) center center/cover no-repeat;
  left: 189px; top: -110px; animation: up_down 6s ease-in-out alternate infinite;}
.bg_deco .circle02{position: absolute; display: inline-block; width: 505px; height: 505px; background: url(//image5.compuzone.co.kr/img/images/raffle_shopping/73826_bg_circle03.png) center center/cover no-repeat;
right: -30px;  top: -180px; animation: right_left 4s ease-in-out alternate infinite;}
.bg_deco .circle03{position: absolute; display: inline-block; width: 495px; height: 495px; background: url(//image5.compuzone.co.kr/img/images/raffle_shopping/73826_bg_circle03.png) center center/cover no-repeat;
left: -150px;  top: 695px; animation: right_left 6s ease-in-out alternate infinite;}

@keyframes right_left {
	from { transform: translateX(-60px);}
	to { transform: translateX(0px) }
}
@keyframes up_down {
	from {  transform: translateY(-30px); }
	to {transform: translateY(0px)   }
}

section .title_box{text-align: center;}
section .title_box h1{font-size: 32px; font-family: 'Noto-B'; color: #1A1A1A;}
section .title_box h2{font-size: 32px; font-family: 'Noto-B'; color: #1A1A1A;}
section .title_box p{font-size: 18px; font-family: 'Noto-D'; color: #6c6c6c; padding-top: 8px; letter-spacing: -0.07em;}
section .title_box p strong.blue{color:#1C8FED}

/*  ******************************** section proceeding_box ·¡ÇÃ ÁøÇà Áß ********************************  */
.proceeding_box.event_over .raffle_item_box{display: none;}
.proceeding_box.event_over .raffle_none_box{display: block;}

.proceeding_box{background-color:#F3FAFF; overflow: hidden; position: relative;}
.proceeding_box .container{ position: relative; padding: 60px 0;}
.proceeding_box .raffle_item_box{background-color: #fff; width: 1082px; height: 347px; margin: 0 auto; margin-top: 35px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); border-radius: 0 30px;}
.proceeding_box .raffle_item_box::after{content: ''; display: table; clear: both}

.proceeding_box .raffle_item_box .img_box{background-color: #DDDFE1; width: 347px; height: 100%; display: inline-block; float: left; border-radius: 0 30px;
overflow: hidden; position: relative;}
.proceeding_box .raffle_item_box .img_box img{position: absolute; display: inline-block;	left: 50%; top: 50%; transform: translate(-50%, -50%); height:100%;}

.proceeding_box .raffle_item_box .text_box{display: inline-block; width: calc(100% - 347px); height: 100%; float: left;}
.proceeding_box .raffle_item_box:nth-of-type(2n-1){ border-radius: 30px 0; }
.proceeding_box .raffle_item_box:nth-of-type(2n-1) .img_box{ border-radius: 30px 0; }
.proceeding_box .raffle_item_box .text_wrap{padding: 32px 113px; height: 100%; box-sizing: border-box;}
/* ½Ã°è, Å¸ÀÌ¸Ó ¿µ¿ª */
.proceeding_box .state{ color: #fff;  display: block; font-family: 'Noto-M'; font-size: 16px; text-align: center; margin-bottom: 4px;}
.proceeding_box .state .state_wrap{border-radius: 20px; padding: 4px 15px;margin: 0 auto; display: inline-block; background-color: #1a1a1a;}
.proceeding_box .state .state_wrap > span{ font-family: 'Noto-M';}
.proceeding_box .state .state_wrap .state_day{margin-left: 5px;}
.proceeding_box .raffle_timer{ font-family: 'spoqa R'; font-weight: 600; font-size: 50px; text-align: center; letter-spacing: 0.0125em; line-height: 1.1em;}
.proceeding_box .raffle_timer h1{font-size: 50px;}
.proceeding_box .raffle_timer h2{font-size: 50px;}
.proceeding_box .prograss_bar{width: 100%; height: 2px; margin: 13px auto 20px; background:#D8D8D8; border-radius: 2px;  position: relative;}
.proceeding_box .prograss_bar .inner_bar{ position: absolute; left: 0; top: 50%; height: 10px; display: inline-block;
background: linear-gradient(to left, #1C8FED , #135EBA); margin-top: -5px; border-radius: 5px;}
.proceeding_box .product_name{font-size: 18px; font-family: 'Noto-R'; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; height: 50px; letter-spacing: -0.06em; margin: 10px 0 7px; line-height: 27px;}

.proceeding_box .count_box{height: 32px;}
.proceeding_box .count_box .price{font-size: 23px; font-family: 'spoqa R'; font-weight: 600; display: inline-block; line-height: 32px; float: left; letter-spacing: -0.023em;}
.proceeding_box .count_box .person{ color: #1C8FED; font-size: 16px; font-family: 'spoqa R'; float: right; display: inline-block; line-height: 32px; margin-top: 3px;}
.proceeding_box .count_box::after{content: ''; display: table; clear: both}
.proceeding_box .count_box .img_person{padding-right: 8px;}

.proceeding_box .btn_apply { display: block; border-radius: 25px; background-color: #1C8FED; text-align: center; width: max-content; height: 50px; min-width: 130px; padding: 0 50px;  margin: 14px auto 0; box-sizing: border-box;}
.proceeding_box .btn_apply > p { color: #fff; font-family: 'Noto-M'; font-size: 16px; line-height: 50px;}

.proceeding_box .raffle_none_box{display: none;}
.proceeding_box .raffle_none_box .icon_box{width: 523px; height: 250px; margin: 45px auto 50px; padding: 61px 80px 60.4px 81px; border-radius: 15px;
border: solid 1px rgba(255, 181, 181, 0.4); background-color: rgba(255, 226, 220 , 0.4); box-sizing: border-box;  text-align: center;}
.proceeding_box .raffle_none_box .icon_box p{font-size: 20px; letter-spacing: -0.08em; font-family: 'Noto-R'; margin-top: 25px;}

/*  ******************************** section search_box ·¡ÇÃ ¾Ë¶÷ ½ÅÃ» ********************************  */
section.search_box {height: 100px; position: relative; background-color: #eff4fe; min-width: 1300px;}
#contents section.search_box .container{width: 1140px; margin: 0 auto;}
section.search_box .alarm_info{ display: inline-block; font-family: 'Noto-R'; font-size: 18px; line-height: 100px; letter-spacing: -0.04em;}
section.search_box .select_box{display: inline-block; float: right; height: 100px; padding: 25px 0; box-sizing: border-box;}
section.search_box .raffle_alarm{ font-size: 16px; width: 169px; height: 50px; margin: 0 0 0 10px; padding: 13px 39px; border-radius: 3px; background-color: #2e2e2e;
    color: #fff; font-family: 'Noto-M'; box-sizing: border-box; letter-spacing: -0.06em; float: left;}


section.search_box .select_comm_small{display:inline-block; position:relative; width: 169px; float: left;}
section.search_box .select_comm_small:first-of-type{margin-right: 10px;}
section.search_box .select_comm_small:before {content: ''; position: absolute; display:inline-block; top: 17px; right: 14px; width: 8px; height: 8px; border: solid #6c6c6c; border-width: 0 2px 2px 0; transform: rotate(45deg);}
section.search_box .select_comm_small select{padding:0 30px 0 10px; height: 50px; line-height: 36px; border:1px solid #d8d8d8; border-radius: 3px; letter-spacing:-0.5px; width:100%; background-color:#fff; font-family: noto-R; font-size: 16px; color: #1a1a1a; outline: none;}
section.search_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) {section.search_box .select_comm_small select {padding:0 30px 0 10px;}} /* for chrome */
@-moz-document url-prefix() { section.search_box .select_comm_small select {padding:0 30px 0 10px; } } /* for firefox */
_:-ms-input-placeholder, :root section.search_box .select_comm_small select {  padding:0 30px 0 10px; } /* for IE10,11 */


/*  ******************************** section raffle_end_box ·¡ÇÃ Á¾·á ********************************  */
.raffle_end_box{height: 500px;}
.raffle_end_box .title_box{    margin: 60px 0 50px;}
.raffle_end_box .item_box{ width: calc((100% - 118px)/3); float: left; padding: 0 0 50px; box-sizing: border-box;	}
.raffle_end_box .item_box:nth-of-type(3n-1){margin: 0 59px;}
.raffle_end_box .img_box{ width: 394px; height: 394px; margin: 0 auto 20px; background: #fff; border-radius: 10px; border: 1px solid #E8E8E8; position: relative; overflow: hidden;}
.raffle_end_box .img_box img{position: absolute; display: inline-block; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.raffle_end_box .text_box>p{font-size: 16px; font-family: 'Noto-R'; overflow: hidden;  text-overflow: ellipsis;
display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; height: 45px;  color: #6c6c6c;}
.raffle_end_box .count_box{height: 24px; margin-top: 12px;}
.raffle_end_box .price{font-size: 18px; font-family: 'spoqa R'; font-weight: 600; display: inline-block; line-height: 24px; float: left; color: #1A1A1A;}
.raffle_end_box .person{ color: #1C8FED; font-size: 16px; font-family: 'spoqa R'; float: right; display: inline-block; line-height: 24px;}
.raffle_end_box .count_box::after{content: ''; display: table; clear: both}
.raffle_end_box .img_person{width: 20px;height: 19px;padding-right: 8px;}

/*  ******************************** ÆäÀÌÁö³×ÀÌ¼Ç ********************************  */
.bottom_area{width:100%; float:left; text-align:center;}
.bottom_area .page_area{ display:inline-block; width:auto; margin: 3px auto 100px; }
.bottom_area .page_area > a{ height:30px; width:30px; background-color:#fff; border:1px solid #d8d8d8; display:block; line-height: 28px; text-align:center; color:#3a3a3a; font-size:12px; margin-right:5px; display:inline-block; float:left; font-family: "spoqa R"; text-decoration:none;}
.bottom_area .page_area > a.active,
.bottom_area .page_area > a:hover{background-color:#3a3a3a; border-color:#3a3a3a; color:#fff; font-weight:bold;}
.bottom_area .page_area > a.prev{margin-right:10px; background: #fff url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -97px -132px no-repeat;}
.bottom_area .page_area > a.next{margin:0 5px; background: #fff url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -117px -132px no-repeat;}


/*  ******************************** #wrap .raffle_item_page ÆäÀÌÁö ÀÛ¾÷ ½ÃÀÛ ********************************  */
.raffle_item_page #contents .container{width: 879px; padding: 65px 0 50px;}
.raffle_item_page .bg_deco .circle03{top:418px;}
.raffle_item_page .count_box{text-align: center;}

.proceeding_box .btn_apply.over{display:none;}
.over_popup, .sub_btn{display:none;}

/* event_over Çà»ç Á¾·á½Ã */
.raffle_item_page.event_over .proceeding_box .over_popup{display: inline-block; padding: 16px 81px 15px; border-radius: 15px; position: absolute;
left: 50%; transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.5); color: #fff; font-family: 'Noto-R'; font-size: 24px; line-height: 36px; top: 134px; z-index: 3;}
.raffle_item_page.event_over .proceeding_box .btn_apply{display: none;}
.raffle_item_page.event_over .proceeding_box .btn_apply.over{display:flex; position: relative;}
.raffle_item_page.event_over .proceeding_box .sub_btn{display: inline-block; content: '´çÃ·¹ßÇ¥ ¿µ»ó È®ÀÎÇÏ±â'; position: absolute; left: 50%; bottom: -40px;
    transform: translateX(-50%); letter-spacing: -0.56px; color: #1C8FED; font-family: 'Noto-R'; text-decoration: underline; font-size: 14px;}
/* ·¡ÇÃ Á¾·á Ç¥½Ã */
.raffle_item_page.event_over .proceeding_box .state_end{display: block;}
.raffle_item_page.event_over .proceeding_box .state_ing, .raffle_item_page.event_over .proceeding_box .state_day{display: none;}


/*  ******************************** .proceeding_box  ÀÛ¾÷ ½ÃÀÛ ********************************  */
.proceeding_box .raffle_slide_box::after{content: ''; display: table; clear: both}
.proceeding_box .raffle_slide_box { width: 100%; height: 475px;}
.proceeding_box .raffle_slide_box .raffle_slider{float: left;}
.proceeding_box .raffle_slide_box .text_box{float: left; height: 400px; width: calc(100% - 400px);}

.proceeding_box .raffle_slide_box .text_box .text_wrap{width: 360px; margin: 110px auto; position: relative;}
.raffle_item_page .proceeding_box .btn_wrap{display: flex; justify-content: space-between; align-items: flex-start;}
.raffle_item_page .proceeding_box .btn_apply{margin: 0; position: relative;}
.raffle_item_page .proceeding_box .btn_apply.dis_btn{border: 1px solid #D8D8D8; background: #F9F9F9;}
.raffle_item_page .proceeding_box .btn_apply.dis_btn > p{color: #949494;}
.raffle_item_page .proceeding_box .btn_apply.dis_btn .balloon_box {display: inline-block; padding: 10px; background: #fff; border-radius: 2px; border: 1px solid #2679CF; text-align: center; font-size: 12px; letter-spacing: -1px; position: absolute; top: -40px; color: #1a1a1a; font-family: '¸¼Àº°íµñ';}
.raffle_item_page .proceeding_box .btn_apply.dis_btn .balloon_box::before {content: ''; display: inline-block; width: 0; height: 0; border-top: 7px solid #2679CF; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: -7px; left: 0; right: 0; margin: auto;}
.raffle_item_page .proceeding_box .btn_apply.dis_btn .balloon_box::after {content: ''; display: inline-block; width: 0; height: 0; border-top: 6px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; bottom: -6px; left: 0; right: 0; margin: auto;}

.raffle_item_page .proceeding_box .person{display: flex; align-items: center; gap: 8px; align-items: flex-end;}
.raffle_item_page .proceeding_box .person .img_person{width: 24px; height: 24px;}
.raffle_item_page .proceeding_box .person .counter_person{display: flex; align-items: center; color: #1C8FED; font-size: 16px; font-family: 'noto-R';}
.raffle_item_page .proceeding_box .person .counter_person .counter{font-family: 'spoqa R';}

#contents.raffle_contents .raffle_info_wrap .tit h2{font-size: 24px;}
.raffle_info_wrap{background: #F3FAFF; position: relative;}
.raffle_info_wrap .raffle_info_bg{background: #fff; border-radius: 0 200px 0 0; overflow: hidden;}

.proceeding_box .raffle_info_text{width: 100%; margin: 30px 0; padding: 20px 30px; border-radius: 10px; background-color: #FFFFFF; box-sizing: border-box;}
.proceeding_box .raffle_info_text ul{display: flex; flex-direction: column; gap: 12px;}
.proceeding_box .raffle_info_text ul li{display: flex; gap: 30px; font-size: 16px; font-family: 'noto-R'; letter-spacing: -0.5px;}
.proceeding_box .raffle_info_text ul li p{width: 58px; color: #949494;}
.proceeding_box .raffle_info_text ul li span{color: #1A1A1A;}


/*  ******************************** section.product_detail_img ÀÛ¾÷ ½ÃÀÛ ********************************  */
.product_detail_img{max-width:1200px; margin: 0 auto; padding-top: 100px;}
.product_detail_img img{ margin: 0 auto; display: block;}

/*  ******************************** section.raffle_product_info ÀÛ¾÷ ½ÃÀÛ ********************************  */
.raffle_item_page  #contents .raffle_product_info .container{width:1200px; padding: 80px 0;}
.raffle_product_info{margin: 0 auto 120px;}
.raffle_product_info h2{    font-size: 22px; color: #1a1a1a; margin-bottom: 30px; font-family: 'noto-B'; font-weight: normal;}
.raffle_product_info p{    font-size: 15px; color: #8a8989; margin: 30px 0;}
.raffle_product_info span{ font-family: 'spoqa R';}
.raffle_product_info .table_style02 {width:100%; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; text-align: center; font-family: 'noto-R';}
.raffle_product_info .table_style02 th {background: #f9f9f9; color:#282828; font-size:14px; padding:15px 25px; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; text-align:left; font-family: 'noto-B'; font-weight:normal;}
.raffle_product_info .table_style02 td {background: #fff; color:#6c6c6c; font-size:14px; padding:15px 25px; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; line-height: 20px; position:relative; text-align:left; line-height:21px;}
.raffle_product_info .table_style02 th .ico_n_win {background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -320px -100px; width: 12px; height: 11px; display: inline-block; margin-left: 5px; margin-top: 5px;}
.raffle_product_info .table_style02 th span {color:#949494; font-size: 13px;}
.raffle_product_info .table_style02 td b {color:#383838;  font-family: 'noto-B'; font-weight:normal;}
.raffle_product_info .pro_noti {display: block; margin-top:8px; color:#6C6C6C;}

/*  ******************************** ÆË¾÷ ÀÛ¾÷ ½ÃÀÛ ********************************  */
#popup_layer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 106; display:none;}
#popup_layer.open{display: block;}
#popup_layer .popup_box{ position: absolute; display: inline-block; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 557px; background: #fff;}
#popup_layer .popup_cont{padding: 30px;}
#popup_layer .popup_cont > h2{font-size: 18px; font-family: 'Noto-B'; text-align: center; padding: 0 0 20px; margin-bottom: 20px; position: relative; border-bottom: 1px solid #1a1a1a;}
#popup_layer .popup_cont > p{ font-size: 13px; color: #6C6C6C; font-family: 'Noto-R';}
#popup_layer .popup_cont > ul li{position: relative; font-size: 13px; color: #6C6C6C; font-family: 'Noto-R'; padding-left: 15px;}
#popup_layer .popup_cont > ul li::after{content: "¡Ø"; position: absolute; left: 0; top: 0;}
#popup_layer .popup_btn{ position: absolute; right: 21px; top: 21px; width: 16px; height: 16px;}
#popup_layer .popup_cont .table_title{font-size: 14px; padding: 17px 20px; color: #1a1a1a; background-color: #F9F9F9; border-bottom: 1px solid #E8E8E8; box-sizing: border-box;}
#popup_layer .popup_cont .table_title .left{margin-bottom: 6px;}
#popup_layer .popup_cont .table_title p{width: 71px; margin-right: 20px; font-family: 'noto-B'; display: inline-block;}
#popup_layer .popup_cont .table_title .red{color: #F14738;}
#popup_layer .popup_cont .scroll_box{height: 225px; overflow-y: hidden; border: 1px solid #E8E8E8; position: relative;}
#popup_layer .popup_cont .table_content{padding: 17px 20px; box-sizing: border-box;}
#popup_layer .popup_cont .table_content>div{display: grid; grid-template-columns: repeat(2,1fr); gap: 10px 20px;}
#popup_layer .popup_cont .table_content>div + div {margin-top:10px;}
#popup_layer .popup_cont .table_content>div>div{width: 100%; font-size: 14px; font-family: 'noto-R'; color: #6C6C6C;}
/* nano ½ºÅ©·Ñ¹Ù ¼³Á¤ */
#popup_layer .scroll_box .nano > .nano-pane { background: transparent; width: 4px !important; border-radius: 0; opacity: 1; margin: 0; }
#popup_layer .scroll_box .nano > .nano-pane > .nano-slider { background: #d8d8d8; width: 4px; margin: 0; border-radius: 4px;}

/* ******** ÃßÃ·ÆÇ¸Å °ü¸®Åø ³» ±â´É Ãß°¡ 210908 YEJ ******** */
/* section raffle_end_box ·¡ÇÃ Á¾·á */
.raffle_end_box .img_box .notice{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; background: rgba(0,0,0,0.4); color: #fff;
    width: 326px; height: 49px; border-radius: 50px; text-align: center; line-height: 49px; font-size: 18px; letter-spacing: -0.04em; font-family: 'Noto-R';}
/* Å¸ÀÌ¸Ó ³»ºÎ ÇÑ±Û¿µ¿ª */
.proceeding_box .raffle_timer h2 .day{font-size: 32px; font-family: 'noto-B'; margin:0 8px 0 0!important;}

/* »ó´Ü ÀÌµ¿ ¹öÆ° */
#contents .top_btn{position: fixed; right: 100px; bottom: 140px; width: 45px; height: 45px; background: #fff; border-radius: 50%; z-index: 10; box-shadow: 3px 3px 20px rgba(0, 0, 0 ,0.13);
    display: table; table-layout: fixed; text-align: center;}
#contents .top_btn span{ display: table-cell; vertical-align: middle;}

/* ¿ä78729 ·¡ÇÃ¼îÇÎ ÇÒÀÎÀ² Ãß°¡¿äÃ» 211022 YEJ */
.proceeding_box .count_box .discount_per{font-size: 24px; font-family: 'spoqa B'; display: inline-block; line-height: 32px; float: left; color: #F14738; margin-right: 20px;}
.raffle_end_box .discount_per{font-size: 18px; font-family: 'spoqa R'; font-weight: 600; display: inline-block; line-height: 24px; float: left; color: #F14738; margin-right: 10px;}

/* ¿ä78893 ·¡ÇÃ ¼îÇÎ ÆäÀÌÁö Ãß°¡ ¿äÃ» 211027 YEJ */
.mini_w_btn{margin-left: 4px;font-size: 12px;padding: 4px 10px;line-height: 12px;background-color: #ffffff;border: 1px solid #dadada;color: #2e2e2e;font-family: 'Noto-D';
border-radius: 2px;display: inline-block;letter-spacing: 0.1px;vertical-align: middle;}

/* ·¹ÇÃ ³»¿ë Áß¾ÓÁ¤·Ä 211103 YEJ */
.product_detail_img{text-align: center;}

/* ·¹ÇÃ ³»¿ë Å×ÀÌºí ÅÂ±× Áß¾ÓÁ¤·Ä 211115 YEJ */
.product_detail_img table{margin: 0 auto;}

/* 79528 ·¡ÇÃ¼îÇÎ ¿ø°¡ Ãß°¡¿äÃ» 211118 YEJ */
.raffle_end_box .price_original{font-family: 'spoqa R'; font-size: 12px; letter-spacing: -0.01em; color: #949494; float: left; margin: 6px 0 0 10px;
position: relative;} 
.raffle_end_box .price_original::before{content:""; position: absolute; width: 100%; height: 1px; background: #949494; display: inline-block;
top: 50%; left: 0; margin-top: 2px;}

.proceeding_box .count_box .price_original{font-family: 'spoqa R'; font-size: 14px; letter-spacing: -0.01em; color: #949494; float: left; margin: 10px 0 0 15px; text-decoration: line-through;}
.raffle_item_page .proceeding_box .product_name{margin: 0; height: unset; word-break: break-all;}
.raffle_item_page .proceeding_box .count_box{margin-top: 12px;}
.raffle_item_page .proceeding_box .count_box .price_original{margin: 10px 0 0 8px;}
/* 81785 ÇÃ·ÎÆÃ ¹è³Ê Ãß°¡ 220121 YEJ */
.raffle_item_page{position: relative;}
/* 115261 ¼öµ¿ ¹è³Ê Ãß°¡ ¿äÃ» */
.raffle_floating_banner{position: absolute; right: 60px; top: 45%; transform: translateY(-50%); width: 100px; z-index: 10;}
.raffle_floating_banner ul{background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 20px rgb(0 0 0 / 13%);}
.raffle_floating_banner ul li{width: 100%; padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #E8E8E8;}
.raffle_floating_banner ul li:last-child{border: 0;}
.raffle_floating_banner ul li a{display: flex; flex-direction: column; align-items: center;}
.raffle_floating_banner ul li a img{display: block; margin-bottom: 10px;}
.raffle_floating_banner ul li a .bat {display:flex; align-items:center; justify-content: center; margin-bottom:5px; padding:0 4px; border-radius:16px; color:#fff; }
.raffle_floating_banner ul li a span{display: block; text-align: center; color: #6c6c6c; font-size: 13px; font-family: '¸¼Àº°íµñ'; font-weight: bold; letter-spacing: -1px;}

/* ¿ä86395 ·¡ÇÃÆäÀÌÁö Æ®·¡ÇÈ ÃÖ¼ÒÈ­ 220706 */
.raffle_item_page .detail_show_more_btn{ width: 210px; height: 48px; display: block; font-size: 16px; background: #1A1A1A; border-radius: 24px; color: #fff; line-height: 48px;font-family: 'Noto-R'; margin: 60px auto; text-align: center;}
.raffle_item_page .detail_show_more_btn i{ width: 14px; height: 14px; background: url(//image5.compuzone.co.kr/img/images/raffle_shopping/arrow_down_w_18.png)no-repeat;display: inline-block; background-size: contain; vertical-align: text-bottom; margin-left: 10px; margin-bottom: 4px; transform: rotate(180deg);}
.raffle_item_page .cpz_logo{width: 120px; height: 21px; position: absolute; right: 50px; top: 45px; margin-left: 65px; z-index: 10;}
.raffle_item_page .cpz_logo h1{ width: 120px; height: 21px; display: inline-block; background: url(//image5.compuzone.co.kr/img/images/main2019/logo.png) -203px -23px no-repeat; 
 text-indent: -10000px;}
 .raffle_item_page .cpz_logo h2{ width: 120px; height: 21px; display: inline-block; background: url(//image5.compuzone.co.kr/img/images/main2019/logo.png) -203px -23px no-repeat; 
text-indent: -10000px;}

 /* 89493 ·¡ÇÃ »ó¼¼ÆäÀÌÁö³» »óÇ°ÃßÃµ ¿µ¿ª ¹× °¡·Î¹è³Ê ±¸ÁÂ Ãß°¡  221017 */
 .banner_area{text-align: center; display: block; width: 1200px; margin: 0 auto; border-radius: 10px;}
 #contents .list_btn { opacity: 1; transition: 0.4s; position: fixed; right: 100px; bottom: 200px; width: 45px; height: 45px; background: #fff; border-radius: 50%; z-index: 10; box-shadow: 3px 3px 20px rgb(0 0 0 / 13%); display: table; table-layout: fixed; text-align: center; }
 #contents .list_btn span  { display: table-cell; vertical-align: middle; }
 #contents .top_btn{z-index: 10; opacity: 1; transition: 0.4s;}
 #contents .list_btn.hide , #contents .top_btn.hide{opacity: 0; z-index: -2;}
 #contents .recoProduct_btn{opacity: 1; position: fixed; display: block; overflow: hidden; height: 45px;  right: 160px; bottom: 140px; width: 200px; height: 45px; background: #fff; border-radius: 50px; z-index: 10; box-shadow: 3px 3px 20px rgb(0 0 0 / 13%); table-layout: fixed; text-align: center; font-size: 14px; color: #1A1A1A; font-family: 'Noto-R'; padding: 12px 18px; box-sizing: border-box; line-height: 20px; transition: 0.3s;}
 #contents .recoProduct_btn span { overflow: hidden; width: 164px; display: inline-block; opacity: 1; transition: 0.3s;}
 #contents .recoProduct_btn span img { vertical-align: text-bottom; margin-bottom: 1px; margin-left: 5px; }
 #contents .recoProduct_btn.hide { right: 100px; width: 45px; opacity: 0; z-index: -2;}
 #contents .recoProduct_btn.hide span{ opacity: 0; }

 .raffle_item_page .raffle_contents .tit h2 { font-size: 22px; font-family: 'Noto-B'; color: #1a1a1a;}
 .raffle_item_page .raffle_contents .tit .txt { font-size: 15px; font-family: 'Noto-R'; color: #949494; margin-top: 2px; }
 .raffle_item_page .raffle_contents .responsive_slider{margin: 30px 0 40px;}
 .raffle_item_page .raffle_contents .responsive_slider .prd_name { font-family: 'noto-R'; font-size: 16px; margin-top: 12px; height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
 .raffle_item_page .raffle_contents .responsive_slider .prd_price{margin-top: 7px;}
 .raffle_item_page .raffle_contents .responsive_slider .before_price { text-align: right; color: #949494; font-family: 'spoqa R'; font-size: 14px; text-decoration: line-through; margin-bottom: 4px; height: 18px;}
 .raffle_item_page .raffle_contents .responsive_slider .after_price .discount_per { color: #F14738; font-size: 18px; font-family: 'spoqa M'; float: left; }
 .raffle_item_page .raffle_contents .responsive_slider .after_price .discount_price { color: #1A1A1A; font-size: 18px; font-family: 'spoqa M'; float: right; }
 
 .raffle_item_page .raffle_contents .responsive_slider .mySwiper{overflow: hidden;}
 .raffle_item_page .raffle_contents .responsive_slider .swiper-slide{display: flex; gap: 20px; width: 183px;}
 .raffle_item_page .raffle_contents .recommend_prd{position: relative; width: 183px;}
 .raffle_item_page .raffle_contents .recommend_prd .img_box{width: 183px; height: 183px; border-radius: 5px; overflow: hidden; position: relative;}
 .raffle_item_page .raffle_contents .recommend_prd .img_box::before {content: ''; background: rgba(0, 0, 0, 0.02); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2;}
 .raffle_item_page .raffle_contents .recommend_prd .img_box img{width: 100%;}

 .raffle_item_page .raffle_contents .rolling_button {position:absolute; z-index:9; top:140px; left:0; width: 100%; opacity: 0; transition: all 0.3s;}
 .raffle_item_page .raffle_contents .responsive_slider:hover .rolling_button{opacity: 1;}
 .raffle_item_page .raffle_contents .rolling_button .swiper-button-next{background: unset; right: 0;}
 .raffle_item_page .raffle_contents .rolling_button .swiper-button-prev{background: unset; left: 0;}
 .raffle_item_page .raffle_contents .rolling_button a .prev,
 .raffle_item_page .raffle_contents .rolling_button a .next {width: 42px; height: 42px; background: #fff; border-radius: 50%; box-shadow: -3px 3px 12px #00000014; z-index: 2; transition: all 0.3s; text-indent: -9999px; position: absolute; cursor: pointer; top: 115px;}
 .raffle_item_page .raffle_contents .rolling_button a .prev {left:-25px;}
 .raffle_item_page .raffle_contents .rolling_button a .next {right:-25px;}
 .raffle_item_page .raffle_contents .rolling_button a .prev::before {content: ''; width: 2px; height: 12px; background: #6c6c6c; position: absolute; top: 11px; left: 20px; transform: rotate(40deg);}
 .raffle_item_page .raffle_contents .rolling_button a .prev::after {content: ''; width: 2px; height: 12px; background: #6c6c6c; position: absolute; top: 20px; left: 20px; transform: rotate(-40deg);}
 .raffle_item_page .raffle_contents .rolling_button a .next {box-shadow: 3px 3px 12px #00000014;}
 .raffle_item_page .raffle_contents .rolling_button a .next::before {content: ''; width: 2px; height: 12px; background: #6c6c6c; position: absolute; top: 11px; left: 20px; transform: rotate(-40deg);}
 .raffle_item_page .raffle_contents .rolling_button a .next::after {content: ''; width: 2px; height: 12px; background: #6c6c6c; position: absolute; top: 20px; left: 20px; transform: rotate(40deg);}


 /* À¥ÆùÆ® °³¼± 210112 */
 .raffle_end_box .price_original{font-family: '¸¼Àº°íµñ', 'malgun gothic'; letter-spacing: -1px;}
 .mini_w_btn{font-family: '¸¼Àº°íµñ', 'malgun gothic'; letter-spacing: -1px;}
 .raffle_product_info span{font-family: '¸¼Àº°íµñ', 'malgun gothic'; letter-spacing: -1px;}
 #popup_layer .popup_cont > p{font-family: '¸¼Àº°íµñ', 'malgun gothic'; letter-spacing: -1px;}
 .bottom_area .page_area > a{font-family: '¸¼Àº°íµñ', 'malgun gothic'; letter-spacing: -1px;}
 .responsive_slider .prd_name{ font-family: 'Noto-R';}
 .proceeding_box .count_box .person{font-family: 'noto-R';}
 .proceeding_box .count_box .person .participants{font-family: 'spoqa R';}
 .raffle_end_box .person{font-family: 'noto-R';}
 .raffle_end_box .person .participants{font-family: 'spoqa R';}
 .proceeding_box .count_box .person{font-family: 'noto-R';}
 .proceeding_box .count_box .person .participants{font-family: 'spoqa R';}
 .raffle_product_info p{font-family: 'noto-R';}
 #popup_layer .popup_cont .table_title{font-family: 'noto-R';} 

 /* 94412 ·¡ÇÃ¼îÇÎ ÆäÀÌÁö ³» ÆË¾÷ °øÁö Á¦ÀÛ 230221 */ 
 .announcement_pop {display: block; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; border: 1px solid #b7bbc0;	background-color: #fff; box-sizing: border-box; font-family: 'spoqa R'; letter-spacing: -1px;  z-index: 10;}
 .announcement_pop.on{visibility:visible; z-index:1000;}
 .announcement_pop .s_close { position: absolute ; padding: 0 ; top: 20px; right: 20px; width: 16px; height: 16px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -350px -130px no-repeat;}
 .announcement_pop .title { font-size: 18px; color: #383838; margin-bottom: 10px; margin-top: 0px; font-family: 'noto-B'; font-weight: normal; text-align: center; }				
 .announcement_pop .blue_txt{color: #1C8FED;}
 .announcement_pop .content_box { text-align: center; border-top: 1px solid #1a1a1a; padding: 20px 0; }
 .announcement_pop .content_box p{font-size: 15px;font-family: 'Noto-R'; margin-top: 10px;}
 .announcement_pop .content_box p:first-child{margin-top: 0;}
 .announcement_pop .content_box .strong{font-family: 'Noto-B';}
 .announcement_pop .bt_check_wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 47px; border-top: 1px solid #e9e9e9; background: #f9f9f9; padding: 14px 28px; box-sizing: border-box; text-align: left; }
 .announcement_pop .check_wrap input { display: none; vertical-align: middle; }
 .announcement_pop .check_wrap label { vertical-align: middle; font-size: 14px; line-height: 1; letter-spacing: -0.5px; font-family: noto-R; }
 .announcement_pop .check_wrap label i { display: inline-block; width: 18px; height: 18px; background: url(//image5.compuzone.co.kr/img/images/customer/cst2020/ui_style.png) 0px 0 no-repeat; cursor: pointer; vertical-align: middle; margin: 0 8px 2px 0; }
 .announcement_pop .check_wrap input[type="checkbox"]:checked + label i { background: url(//image5.compuzone.co.kr/img/images/customer/cst2020/ui_style.png) -22px 0 no-repeat;}


/* 115037 ·¡ÇÃ ÀÀ¸ð ÆäÀÌÁö °³¼± Á¦¾È */ 
.raffle_item_page .proceeding_box .state{ color: #fff;  display: block; font-family: 'Noto-R'; font-size: 14px; text-align: center; margin-top:2px;}
.raffle_item_page .proceeding_box .state .state_wrap{margin: 0 auto; display: inline-block; border-radius: unset; padding: unset; background: unset;}
.raffle_item_page .proceeding_box .state .state_wrap span {padding: 7px 12px; font-family: 'noto-R'; border-radius: 20px;}
.raffle_item_page .proceeding_box .state .state_wrap .state_ing{background: #1C8FED;}
.raffle_item_page .proceeding_box .state .state_wrap .state_end{background: #1A1A1A;}
.raffle_item_page .proceeding_box .txt_wrap .time_wrap{display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}
.raffle_item_page .proceeding_box .raffle_timer{line-height: 40px;}
.raffle_item_page .proceeding_box .raffle_timer .raffle-js-clock{display: flex; align-items: center;}
.raffle_item_page .proceeding_box .raffle_timer .raffle-js-clock > span{margin-left: 6px; font-size: 32px; font-family: 'noto-M'; color: #1A1A1A; line-height: 40px; letter-spacing: -1px; font-weight: normal;}
.raffle_item_page .proceeding_box .raffle_timer h2{font-size: 36px; color: #1C8FED; font-family: 'spoqa B'; display: flex; align-items: center;}
.raffle_item_page .proceeding_box .raffle_timer h2 span {margin-top:4px;}
.raffle_item_page .proceeding_box .count_box .price{font-size: 24px; font-family: 'spoqa B'; display: inline-block; line-height: 32px; float: left; letter-spacing: -1px;}
.raffle_item_page .proceeding_box .btn_apply { display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #1C8FED; text-align: center; width: max-content; min-width: 265px; padding: 18px 50px;  margin: 0; box-sizing: border-box; height: 60px;}
.raffle_item_page .proceeding_box .btn_apply > p { color: #fff; font-family: 'Noto-M'; font-size: 16px;}
.raffle_item_page #contents.raffle_contents .container{width: 1200px; padding: 80px 0;}
.raffle_item_page #contents.raffle_contents .container .main_wrap{display: flex; gap: 56px;}
.raffle_item_page #contents.raffle_contents .container .main_wrap .pd_ing{display: none;}
.raffle_item_page #contents.raffle_contents .container .main_wrap .pd_img{width: 572px; height: 460px; position: relative; border-radius: 20px; overflow: hidden;}
.raffle_item_page #contents.raffle_contents .container .main_wrap .pd_end{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; z-index: 10; background: rgba(0,0,0,0.7);}
.raffle_item_page #contents.raffle_contents .container .main_wrap .pd_end img{width: 60px; height: 60px;}
.raffle_item_page #contents.raffle_contents .container .main_wrap .pd_end p{color: #fff; font-size: 16px; font-family: 'noto-R';}
.raffle_item_page #contents.raffle_contents .container .main_wrap .pd_end .btn {display:flex; align-items: center; justify-content: center; height:40px; margin-top:8px; padding:0 20px; border-radius:2px; background:#fff; color:#1a1a1a;}
.raffle_item_page #contents.raffle_contents .container .main_wrap .pd_img .pd img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.raffle_item_page #contents.raffle_contents .container .txt_wrap{width: 572px; padding-top:12px;}
.raffle_item_page #contents.raffle_contents .raffle_notice{background: #F9F9F9; padding: 80px 0;}
.raffle_item_page #contents.raffle_contents .raffle_notice .inner{width: 1200px; margin: auto;}
.raffle_item_page #contents.raffle_contents .raffle_notice span{color: #3A3A3A; font-size: 18px; font-family: 'noto-M'; margin-bottom: 12px; display: flex; align-items: center;}
.raffle_item_page #contents.raffle_contents .raffle_notice span img{width: 20px; height: 20px;}
.raffle_item_page #contents.raffle_contents .raffle_notice ul{display: flex; flex-direction: column; gap: 4px;}
.raffle_item_page #contents.raffle_contents .raffle_notice ul li{position: relative; padding-left: 7px; color: #949494; font-size: 14px; font-family: 'noto-R';}
.raffle_item_page #contents.raffle_contents .raffle_notice ul li.blue{color: #1C8FED; font-family: 'noto-R';}
.raffle_item_page #contents.raffle_contents .raffle_notice ul li::after{content: ""; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background: #949494;}
.raffle_item_page #contents.raffle_contents .raffle_notice ul li.blue::after{background: #1C8FED;}
.bottom_fix_btn_wrap.hide{opacity: 0; visibility: hidden;}
.bottom_fix_btn_wrap{position: fixed; bottom: 0; left: 0; z-index: 100; background: #fff; border-top: 1px solid #1A1A1A; width: 100%; height: 100px; box-shadow: 0px -6px 8px rgba(0,0,0,0.16); opacity: 1; visibility: visible; transition: 0.4s;}
.bottom_fix_btn_wrap .btn_inner{width: 1200px; height: 100px; margin: auto; display: flex; align-items: center; justify-content: space-between;}
.bottom_fix_btn_wrap .btn_inner>p{width: 895px; font-size: 16px; font-family: 'noto-R'; color: #1A1A1A;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.bottom_fix_btn_wrap .btn_apply { display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #1C8FED; text-align: center; width: max-content; min-width: 265px; padding: 18px 50px; box-sizing: border-box;}
.bottom_fix_btn_wrap .btn_apply > p { color: #fff; font-family: 'Noto-M'; font-size: 16px;}
.bottom_fix_btn_wrap .btn_apply.dis_btn{border: 1px solid #D8D8D8; background: #F9F9F9; pointer-events: none;}
.bottom_fix_btn_wrap .btn_apply.dis_btn > p{color: #949494;}
.bottom_fix_btn_wrap .btn_apply.dis_btn .balloon_box {display: inline-block; padding: 10px; background: #fff; border-radius: 2px; border: 1px solid #2679CF; text-align: center; font-size: 12px; letter-spacing: -1px; position: absolute; top: -20px; color: #1a1a1a; font-family: '¸¼Àº°íµñ';}
.bottom_fix_btn_wrap .btn_apply.dis_btn .balloon_box::before {content: ''; display: inline-block; width: 0; height: 0; border-top: 7px solid #2679CF; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: -7px; left: 0; right: 0; margin: auto;}
.bottom_fix_btn_wrap .btn_apply.dis_btn .balloon_box::after {content: ''; display: inline-block; width: 0; height: 0; border-top: 6px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; bottom: -6px; left: 0; right: 0; margin: auto;}
.raffle_item_page #contents.raffle_contents .responsive_slider .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;}