button { border: 0; border-radius: 0; background-color: transparent; outline: 0; cursor: pointer; } .fc_orange { color:#F14738; } /*오렌지 강조 컬러값*/ /*100% 사이즈일때 배경과 속성*/ #bg_section1 { background:#f9f9f9; padding:44px 0; border-top:1px solid #d4d4d4; margin-bottom: 20px; margin:30px 0; } #bg_section2 { height:65px; background:#fff; margin:0 auto; position:relative; width: 1300px; z-index:1; } #bg_section3 { border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin:40px 0; } #bg_section2 .fixed { position: fixed; top: 0; background:#fff; z-index:100; } .pop_bg_bk { display: block; overflow-x: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index:200; } .pop_bg_bk .pop_bg_inner { position: relative; top: 0; left: 0; width: 100%; min-width: 1020px; padding-top: 100px; padding-bottom: 100px; vertical-align: top; text-align: center; box-sizing: border-box; } /*1300 컨텐츠 사이즈 :: 공통*/ #contents { font-family: 'noto-R'; clear:both; letter-spacing:-0.6px; width:1300px; } #bg_section2 + #contents { margin-top:45px; } #contents.topFixTabArea.fixed { margin-top:0; } #contents h4 { font-size:18px; color:#242424; font-family: 'noto-B'; font-weight:normal; position:relative; } /*스크롤스타일 :: 공통*/ .nano { width:auto !important; } .nano > .nano-pane { background-color:#f3f3f3 !important; width:7px; border-radius: 0px !important; } .optionView .nano > .nano-pane .nano-slider { background-color:#c9cacd!important; width:7px; border-radius: 0px !important; } .pdtl_cm_detail .nano > .nano-pane .nano-slider { background-color:#c9cacd!important; width:7px; border-radius: 0px !important; } /*상단 카테고리 영역*/ #contents .pdtl_cate { width:100%; position :relative; padding-top:25px; } #contents .pdtl_cate:after { content:''; clear:both; display:inline-block; } /* 소분류 li , a 수정 -- 200513 */ #contents .pdtl_cate .cate_Box > li { display:inline-block; background: url(//image5.compuzone.co.kr/img/images/product_detail/cate_arrow.png) 0px -38px no-repeat; font-size:14px; float:left; padding-left: 21px; position:relative; } #contents .pdtl_cate .cate_Box > li.home { background:none; padding-left:0; } #contents .pdtl_cate .cate_Box > li a { line-height:20px; display:inline-block; background: url(//image5.compuzone.co.kr/img/images/product_detail/cate_arrow.png) right 2px no-repeat; padding-right: 20px; margin-right: 5px; } #contents .pdtl_cate .cate_Box > li a:hover { text-decoration:none; } #contents .pdtl_cate .cate_Box > li.home a { background:none; padding-right:0; } #contents .pdtl_cate .cate_Box > li .layer_cate { display:block; position: absolute; top: 20px; left: 21px; border: 1px solid #d8d8d8; z-index: 99; background: #fff; } #contents .pdtl_cate .cate_Box > li:hover .layer_cate { display: block; } #contents .pdtl_cate .cate_Box .cate_ul { display: table-cell; padding: 10px 0; } #contents .pdtl_cate .cate_Box .cate_ul:nth-child(-2n+5) > ul { border-right: 1px solid #eee; } /*1,3,5번째 ul 오른쪽에 보더넣기*/ #contents .pdtl_cate .cate_Box .cate_ul > ul > li a { background:none; padding-right:0; font-size:12px; padding: 3px 15px; display:inline-block; margin: 0; width:130px; } #contents .pdtl_cate .cate_Box .cate_ul > ul > li a:hover { background:#f9f9f9; } #contents .pdtl_cate .cate_Box .cate_ul > ul > li.on a { color:#5696e6; } /*상단 제품이미지&옵션*/ #contents .pdtl_row_top { position:relative;} #contents .pdtl_row_top .pdtl_col_top { margin-bottom:30px; width: 100%; font-family: 'spoqa R'; padding: 45px 0 0; } #contents .pdtl_row_top:after { content:''; clear:both; display:block; } #contents .pdtl_row_top .pdtl_col_top .tit_p_name { font-size:24px; color:#1a1a1a; font-weight:500; margin-bottom:13px; font-family: 'spoqa M'; width:1068px; display:block;} #contents .pdtl_row_top .pdtl_col_top .p_spec { font-size:13px; color:#6c6c6c; display: inline-block; font-family:'맑은고딕'; letter-spacing: -1px; } #contents .pdtl_row_top .pdtl_col_top .notice { font-size:12px; color:#F14738; border-bottom:1px solid #e8e8e8; padding:10px 0 15px; position:relative; } #contents .pdtl_row_top .pdtl_col_top .notice .txt_notice { vertical-align: top; line-height: 14px; display:inline-block; margin:2px 0; width: 1068px; font-family:'noto-R'; } #contents .pdtl_row_top .pdtl_col_top .notice .ico_notice { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -14px -16px; width:14px; height:14px; display:inline-block; margin-right:4px; vertical-align: text-top; margin-top: 1px; } #contents .pdtl_row_top .pdtl_col_top .notice .btn_area { position:absolute; bottom:10px; right:0px; } #contents .pdtl_row_top .pdtl_col_top .notice button { padding:0 10px; position:relative; } #contents .pdtl_row_top .pdtl_col_top .notice button.btn_esti i { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -46px -45px; width:25px; height:24px; display:inline-block; margin-right: 5px; } #contents .pdtl_row_top .pdtl_col_top .notice button.btn_esti:after { position: absolute; clear: both; content: ''; width: 1px; height: 9px; background: #d8d8d8; right: -1px; top: 8px; } #contents .pdtl_row_top .pdtl_col_top .notice button.btn_share i { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -47px -11px; width:24px; height:24px; display:inline-block; margin-right: 5px; } /*20.03.02 탑재pc보기 아이콘 추가. */ #contents .pdtl_row_top .pdtl_col_top .notice button.btn_onBoard i { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new_2.png) -154px -5px; width:24px; height:24px; display:inline-block; margin-right: 5px; } #contents .pdtl_row_top .pdtl_col_top .notice button .txt { display:inline-block; vertical-align:top; margin-top:4px; color:#858181; font-family: 'spoqa R'; } /*상단 왼쪽 제품이미지*/ #contents .pdtl_row_top .pdtl_col_lft { float:left; width:600px; } #contents .pdtl_row_top .pdtl_col_lft .item_image .main_img .lst li { display:none; } #contents .pdtl_row_top .pdtl_col_lft .item_image .main_img .lst li.active { display:block; } #contents .pdtl_row_top .pdtl_col_lft .item_image .main_img .lst li img { width:600px; height:600px; } #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img { text-align:center; margin:20px 0; } #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img .lst { display: inline-block; } #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img .lst li { float:left; margin:0 5px; display:inline-block; border: 1px solid transparent; } #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img .lst li.active { border:1px solid #1a1a1a; } #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img .lst li img { width:60px; height:60px; } /* 제품이미지 하단 문의배너 10.21 */ #contents .pdtl_row_top .pdtl_col_lft .new_p_area { border-bottom:1px solid #e8e8e8; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area .btn_New { font-size:14px; border-top:1px solid #e8e8e8; position:relative; font-family:'noto-R'; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area .btn_New a { display:block; padding:13px 35px; font-family:'noto-M'; color:#1a1a1a; font-weight:normal; text-decoration:none; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area .btn_New > a > i { width:40px; height:35px; display:inline-block; vertical-align:middle; margin-right:60px; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area .btn_New > a > i.new_icon { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png?utime=20191022) -397px -344px; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area .btn_New > a > i.bulk_icon { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png?utime=20191022) -397px -394px; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area .btn_New > a > i.consult_icon { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png?utime=20191022) -397px -444px; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area .btn_New .arr_st01 { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -351px -8px; width:20px; height:20px; display:inline-block; position: absolute; right: 35px; margin-top:7px; } /*상단 오른쪽 상품정보*/ #contents .pdtl_row_top .pdtl_col_rgt { float:right; width:610px; position:relative;} #contents .pdtl_row_top .pdtl_col_rgt .info_header {position: relative;} #contents .pdtl_row_top .pdtl_col_rgt .info_header::after {content:''; clear:both; display:block;} #contents .pdtl_row_top .pdtl_col_rgt .info_header .tag { width:390px; float:left; } #contents .pdtl_row_top .pdtl_col_rgt .info_header .tag span { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 22px; margin-right: 3px; margin-bottom:3px; padding: 0 7px; border: 1px solid #8d9ebd; background-color: #fff; font-size: 12px; line-height: 18px; color: #8d9ebd; font-family: '맑은고딕'; letter-spacing: -1px; border-radius: 2px;} #contents .pdtl_row_top .pdtl_col_rgt .info_header .tag span.tag_dry { color:#d95927; border-color:#d95927; } #contents .pdtl_row_top .pdtl_col_rgt .info_header .tag span.tag_new { color:#6464d0; border-color:#6464d0; } #contents .pdtl_row_top .pdtl_col_rgt .info_header .tag span.tag_sale { color:#F14738; border-color:#F14738; } #contents .pdtl_row_top .pdtl_col_rgt .info_header .tag span.tag_time { color:#249f78; border-color:#249f78; } #contents .pdtl_row_top .pdtl_col_rgt .info_header .p_num { color:#757070; float:right; } /*상단 오른쪽 공통*/ #contents .pdtl_row_top .pdtl_col_rgt .pd { position: relative; padding: 18px 0 18px 130px; border-bottom: 1px solid #f0f2f5;} #contents .pdtl_row_top .pdtl_col_rgt .noboder { border-bottom:0px; padding: 18px 0px 0px 130px; } #contents .pdtl_row_top .pdtl_col_rgt .pd h3 { color:#1a1a1a; font-size:16px; position: absolute; left: 0; font-family:'noto-M'; font-weight: normal;} #contents .pdtl_row_top .pdtl_col_rgt .pd:after { content:''; clear:both; display:block; } #contents .pdtl_row_top .pdtl_col_rgt .ct { float:left; font-size:15px; color:#1a1a1a; width:100%; } #contents .pdtl_row_top .pdtl_col_rgt .ct .txt { font-size:14px; font-family:'spoqa R'; position:relative; text-align:left; } #contents .pdtl_row_top .pdtl_col_rgt .ct select {font-family:'noto-R';} #contents .pdtl_row_top .pdtl_col_rgt .ct .txt .co_reda { color:#ff5555; text-decoration:underline; } #contents .pdtl_row_top .pdtl_col_rgt .ct button.btn_ct { font-size:14px; color:#1a1a1a; width:100%; text-align:left; position:relative; } #contents .pdtl_row_top .pdtl_col_rgt .opt { position: relative; padding: 0 0 0 130px; } #contents .pdtl_row_top .pdtl_col_rgt .opt:after { content:''; clear:both; display:block; } #contents .pdtl_row_top .pdtl_col_rgt .opt h3 { color:#1a1a1a; font-size:15px; position: absolute; left: 0; font-family:noto-B; } #contents .pdtl_row_top .pdtl_col_rgt .opt:after { content:''; clear:both; display:block; } #contents .pdtl_row_top .pdtl_col_rgt .info_window h3 { margin-top:23px; } #contents .pdtl_row_top .pdtl_col_rgt .q_mark { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -12px -38px; width:17px; height:17px; display:inline-block; margin-left:3px; vertical-align: text-top; margin-top: 1px; cursor:pointer; } #contents .pdtl_row_top .pdtl_col_rgt .word_balloon { border:1px solid #3879cd; padding:1px 5px 1px 3px; border-radius:3px; font-size:12px; text-decoration:none; color:#3879cd; position:relative; margin-left:10px; margin-top: 1px; display: inline-block; font-family: '맑은고딕'; letter-spacing: -1px; } #contents .pdtl_row_top .pdtl_col_rgt .word_balloon:after { position: absolute; top: 5px; left: -6px; display: block; width: 7px; height: 9px; content: ''; clear: both; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) no-repeat -359px -96px; } #contents .pdtl_row_top .pdtl_col_rgt .arrow { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -355px -35px; width: 15px; height: 13px; position: absolute; top: 50%; right: 21px; display: inline-block; transform:translateY(-50%);} #contents .pdtl_row_top .pdtl_col_rgt .arrow_right { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -355px -35px; width: 15px; height: 13px; position: absolute; top: 50%; right: 21px; display: inline-block; transform:translateY(-50%) rotate(270deg);} #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area:first-child { margin-right:20px; } #contents .co_red { color:#F14738;} #contents .co_blue { color:#1C8FED;} /*상단 오른쪽 가격*/ #contents .pdtl_row_top .pdtl_col_rgt .info_price { margin-top:40px; position:relative; } #contents .pdtl_row_top .pdtl_col_rgt .info_price .sale { font-size:24px; color:#F14738; float:left; margin-right:11px; font-family: 'spoqa B'; } #contents .pdtl_row_top .pdtl_col_rgt .info_price .sale .unit { font-size:18px; } #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_inner { float:unset; width: unset; display: flex; flex-direction: column; letter-spacing: -0.1px; position:relative; } #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_inner .inner_top { float:left; vertical-align: bottom; line-height: 23px; } #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_ori { color:#949494; font-size:18px; display:inline-block; text-decoration: line-through; float: left; vertical-align: bottom; } #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_real { font-size:29px; color:#1a1a1a; font-weight:bold; font-family:'spoqa R'; float:left; width:100%; } #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_real .unit { font-size:20px; font-weight: normal; vertical-align: baseline; font-family:'noto-R'; } #contents .pdtl_row_top .pdtl_col_rgt .info_price .btnsheet { position:absolute; right:0; bottom:0; } /*인기도*/ #contents .pdtl_row_top .pdtl_col_rgt .info_score .score_inner em { color:#878787; } #contents .pdtl_row_top .pdtl_col_rgt .info_score .score_inner .avgDetail_starN { width: 68px; height: 12px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -8px -181px; float: left; margin: 4px 5px 0 0; } #contents .pdtl_row_top .pdtl_col_rgt .info_score .score_inner .avgDetail_starN .avgDetail_star { height: 12px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -8px -166px; float: left; } /*쿠폰안내*/ #contents .pdtl_row_top .pdtl_col_rgt .coupon_inner .coupon { position:relative; border: 1px solid #1454a5; float: left; border-radius: 5px; padding:3px 15px 3px 8px; font-size: 13px; color: #1f70d6; text-decoration:none; cursor: pointer; } #contents .pdtl_row_top .pdtl_col_rgt .coupon_inner .coupon:after { position:absolute; top:0; right:0; width:7px; height:100%; background:#2270d6; content:''; } /*옵션선택-공통(변경)*/ #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt { position: relative; margin: 18px 0; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt.on { z-index:2; } #contents .pdtl_opt_select { display: block; overflow: hidden; position: relative; height: 40px; padding: 0 39px 0 14px; border: 1px solid #b7bbc0; background: #fff; font-size: 14px; line-height: 40px; color: #727272; text-decoration: none; cursor: pointer; } #contents .pdtl_opt.disable .pdtl_opt_select { opacity:0.7; cursor: default; } #contents .pdtl_opt .arrow { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -355px -35px; width: 15px; height: 13px; position: absolute; top: 4px; right: 21px; display: inline-block; } #contents .pdtl_opt .pdtl_opt_select > .arrow { top:13px; } #contents .pdtl_opt .pdtl_opt_select:hover { background-color:#fff; } #contents .pdtl_opt .pdtl_scroll { border: 1px solid #b7bbc0; background: #fff; position: absolute; right: 0; left: 0; z-index: 10; margin-top: -1px; width:inherit; max-height: 416px; overflow: hidden; overflow-y: auto; } /*top:42px; 삭제*/ #contents .pdtl_opt .pdtl_scroll .pdtl_select_lst li { position:relative; } #contents .pdtl_opt .pdtl_scroll .pdtl_select_lst li a { display: block; padding: 12px 14px 10px; font-size: 13px; line-height: 20px; color: #6c6c6c; } #contents .pdtl_opt .pdtl_scroll .pdtl_select_lst li a:hover { background-color:#f9f9f9; } #contents .pdtl_opt.on .arrow { top: 16px; background-position: -355px -52px; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_opt_select:hover { background-color:#fff; } /* input - text style 작성형 옵션 */ .pdtl_opt_ipt { display: block; position: relative; height: 40px; border: 1px solid #b7bbc0; margin-top:18px; } .pdtl_opt_ipt input { display: block; font-family: 'spoqa R'; width: 100%; height: 40px; border: 0; background: none; font-size: 14px; line-height: 40px; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 39px 0 14px; box-sizing:border-box; } #contents .pdtl_row_top .pdtl_col_rgt .window { position:relative; display:inline-block; z-index:0 } #contents .pdtl_row_top .pdtl_col_rgt .window:after { content:''; clear:both; display:block; } #contents .pdtl_row_top .pdtl_col_rgt .window option { width:250px; } #contents .pdtl_row_top .pdtl_col_rgt .window select { z-index:1; } /*이미지포함 옵션*/ #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_thumb_select { display: block; overflow: hidden; position: relative; border: 1px solid #b7bbc0; background: #fff; text-decoration: none; cursor:pointer; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_thumb_select:hover { background-color:#fff; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt a { display:block; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt a:hover { background-color: #f9f9f9; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item { display: table; table-layout: fixed; width: 100%; font-size: 0; box-sizing: border-box; padding:13px; margin-left: 0; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_thmb { display: table-cell; position: relative; width: 70px; height: 70px; vertical-align: top; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt { font-size:14px; color:#727272; display: table-cell; padding-left: 13px; vertical-align: middle; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_default { display: block; position: relative; padding-right: 135px; color: #727272; overflow: hidden; max-height: 38px; font-size: 13px; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info { display: block; position: relative; padding-right: 135px; color: #727272; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .pdtl_txt { display: block; overflow: hidden; max-height: 38px; font-size: 13px; line-height: 19px; letter-spacing: -.5px; word-wrap: break-word; word-break: break-all; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .price { position: absolute; right: 0; bottom: 0; line-height: 20px; color:#0e0e0e; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_thumb_select > .arrow { top:42px; } /* 이미지포함 옵션-추가20191114 */ #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item.s_close_box { border: 1px solid #b7bbc0; border-bottom: none; background: #a0a3a8; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_thmb > img { width:70px; height:70px; vertical-align: middle; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .inner_sel_item { display:none; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .inner_sel_item .pdtl_sel_thmb, #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .inner_sel_item .pdtl_sel_txt { cursor:pointer; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .inner_sel_item li:hover { background-color: #f9f9f9; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt.cdtl_opt.on .pdtl_sel_item .pdtl_sel_txt { padding-left:0; } #contents .pdtl_row_top .pdtl_col_rgt .optN .cdtl_opt .pdtl_scroll .pdtl_thumb_list a { border-bottom: 1px solid #b7bbc0; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .inner_sel_item .pdtl_sel_item .pdtl_sel_txt { padding-left:13px !important; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .pdtl_txt > b { font-size:15px; color:#0e0e0e; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_txt .pdtl_sel_info .pdtl_txt.opt_title { font-size:15px; color:#fff; } #contents .pdtl_row_top .pdtl_col_rgt .optN .cdtl_opt .pdtl_scroll .pdtl_thumb_list li.active a { border-bottom: 1px solid #eee !important; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_info .pdtl_ico { width:20px; height:20px; background:url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -454px -123px; right: 7px !important; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt li.active .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .pdtl_ico { background:url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -455px -158px; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_info .pdtl_s_close { width:30px; height:30px; background:url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -454px -181px; right: 2px !important; top:4px !important; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt.on .pdtl_scroll ul li.active .dashed { display: inline-block; margin: 0 20px; border-bottom: 1px dashed #b7bbc0; width: 93.6%; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt .pdtl_scroll ul li .dashed { display:none; } /*추가상품옵션 폰트 색상*/ #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_scroll .pdtl_thumb_list li.active .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .pdtl_txt > b { color:#3879cd; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt a:hover { text-decoration:none; } /* 선택한 상품 201911 */ #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pd_selectBox { display: block; overflow-y: auto; max-height: 106px; margin-top: -1px; background-color: #f9f9f9; border: 1px solid #b7bbc0; padding:15px 20px; margin-top:-2px; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pd_selectBox h3 { padding-bottom:7px; color:#0e0e0e; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pd_selectBox .pd_selectBox_list { border-bottom: 1px solid #d8d8d8; padding:6px 0; position:relative; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pd_selectBox .pd_selectBox_list .txt { font-size: 12px; color: #727272; line-height: 17px; padding-right: 90px; display: block; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pd_selectBox .pd_selectBox_list .price { position: absolute; right: 35px; bottom: 0; line-height: 29px; color: #727272; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pd_selectBox .pd_selectBox_list .close { position: absolute; width:30px; height:30px; right:0; bottom:0; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -348px -61px no-repeat; } /* //이미지포함 옵션-추가 끝 20191114 */ .seleted_list .item_result > li { position: relative; padding: 20px; background: #f9f9f9; margin-top: 18px; font-size: 14px; display: inline-block; width: 100%; box-sizing: border-box; } /* 수정 */ .seleted_list .item_result .prod_area { padding-bottom:10px; margin-bottom: 14px; } .seleted_list .item_result .prod_area span { display:block; word-break: break-all; width:520px; line-height:18px; color:#727272; font-size:14px; } .seleted_list .item_result .close { position: absolute; width: 38px; height: 35px; right:5px; top: 5px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -345px -61px no-repeat; } .seleted_list .item_result .contL .close { right:-15px; top: -15px; } .seleted_list .item_result .num_ctrl_option { display: block; float: left; position: relative; height: 25px; } .seleted_list .item_result .result_price { display: block; float: right; font-size:20px; line-height: 26px; color: #1a1a1a; } .seleted_list .item_result .result_price span { font-size:17px; font-family:'noto-R'; display: inline-block;} .seleted_list .item_result .result_price span.choice_price {font-family:'spoqa R';} /* 수량증가감소 버튼 :: 펼침시 기본 스타일 동일 */ .num_ctrl_option { position:relative; display:inline-block; } .num_ctrl_option button { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff no-repeat; width: 28px; height: 28px; } .num_ctrl_option .bt_decrease { background-position: -90px -10px; position: absolute; top: 0; left: 0px; display: block; } .num_ctrl_option .bt_increase { background-position: -118px -10px; position: absolute; top: 0; right: 0px; display: block; } .num_ctrl_option .num { width: 80px; height: 24px; border: 1px solid #cdcdcd; line-height: 19px; color: #233549; font-size: 14px; text-align: center; vertical-align: middle; padding: 1px 0 !important; } .num_ctrl_option .bt_decrease.disable { opacity:.6; } .num_ctrl_option .bt_increase.disable { opacity:.6; } .pdtl_col_rgt .seleted_list .item_result .item_result_sel { display: block; overflow: hidden; position: relative; height: 40px; padding: 0 39px 0 14px; border: 1px solid #b7bbc0; background: #fff; font-size: 14px; line-height: 40px; color: #727272; text-decoration: none; cursor: pointer; } .pdtl_col_rgt .seleted_list .item_result .item_result_sel option { display: block; padding: 12px 14px 10px; font-size: 13px; line-height: 20px; color: #6c6c6c; } .blind { display:none; } /* 최종가격과 버튼영역 :: 펼침시 기본 스타일 동일 */ .pdtl_col_rgt .total_price { padding:30px 0; text-align:right; } .pdtl_col_rgt .total_price .txt { font-size:15px; margin-right:15px; color:#1a1a1a; vertical-align: text-bottom; } .pdtl_col_rgt .total_price .price { font-size:30px; font-family:'spoqa B'; color:#F14738; letter-spacing: -1px;} .pdtl_col_rgt .total_price .price span { font-size:21px; margin-top: 10px; display:inline-block; margin-left:2px; font-weight:normal; } .pdtl_col_rgt .total_price .btn_area { width:100%; overflow: hidden; margin-top: 30px; } .pdtl_col_rgt .total_price .btn_area a { display:inline-block; border:1px solid #d4d4d4; background:#fff; height:50px; float:left; text-align:center; line-height:48px; font-size:15px; box-sizing: border-box; } .pdtl_col_rgt .total_price .btn_area a:hover { text-decoration:none; } .pdtl_col_rgt .total_price .btn_area .favo { width:20%; border-right:0; } .pdtl_col_rgt .total_price .btn_area .favo span { width:27px; height:24px; display:inline-block; margin-top: 14px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -146px -48px no-repeat; } .pdtl_col_rgt .total_price .btn_area .favo span.on { width:27px; height:24px; display:inline-block; margin-top: 14px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -146px -13px no-repeat; } .pdtl_col_rgt .total_price .btn_area .cart { width:40%; } .pdtl_col_rgt .total_price .btn_area .cart span { width:30px; height:27px; display:inline-block; margin-top: 12px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -180px -47px no-repeat; } .pdtl_col_rgt .total_price .btn_area .buy { width:40%; background:#1a1a1a; color:#fff; font-size:15px; border: 1px solid #1a1a1a; } .pdtl_col_rgt .total_price .btn_area .order { width:50%; background:#F14738; color:#fff; font-size:15px; margin-left: -1px; border: 1px solid #F14738; } /*레이어팝업*/ #contents .pdtl_row_top .pdtl_col_rgt .layer_pop { border:1px solid #b7bbc0; width:200px; height:auto; display:none; background:#fff; z-index:99; position:absolute; right:0;} #contents .pdtl_row_top .pdtl_col_rgt .custom_price_inner .layer_pop { top:50px; left:130px; } /*사용가능한잉크/토너*/ #contents .pdtl_ink_wrap { padding:30px 0; } #contents .pdtl_ink_wrap .pdtl_ink_inner { overflow:hidden; padding: 20px 0 0; margin-top: 10px; border-top: 1px solid #f0f2f5; } #contents .pdtl_ink_wrap .pdtl_ink_inner li { float:left; border:1px solid #e5e5e5; margin:0px 10px 10px 0px; } #contents .pdtl_ink_wrap .pdtl_ink_inner li a { display:block; height:24px; } #contents .pdtl_ink_wrap .pdtl_ink_inner li a span { display:inline-block; float:left; } #contents .pdtl_ink_wrap .pdtl_ink_inner li a .txt { padding:0px 10px; line-height: 24px; } #contents .pdtl_ink_wrap .pdtl_ink_inner li a .ink_link { width:23px; height:24px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #f9f9f9 -185px -12px no-repeat; border-left:1px solid #e5e5e5; margin-left:6px; } /*이벤트 안내 템플릿 배너 기능*/ .temevent_bnr_area { margin:40px 0 0; letter-spacing: -1px; width: 100%; } .temevent_bnr_area h2 { font-size:20px; margin-bottom:30px; } .temevent_bnr_area .temevent_tab_menu { position:relative; overflow:hidden; font-family: noto-R; z-index:2; } .temevent_bnr_area .temevent_tab_menu li { float:left; } .temevent_bnr_area .temevent_tab_menu li span { display:inline-block; padding:15px 30px; color:#8f8f8f; font-size:15px; font-weight:bold; } .temevent_bnr_area .temevent_tab_menu li a { display:inline-block; padding:15px 30px; color:#8f8f8f; font-size:15px; font-family:'spoqa M'; text-decoration:none; border-bottom:2px solid transparent; } .temevent_bnr_area .temevent_tab_menu li a:hover { color:#1a1a1a; border-bottom:2px solid #F14738; font-weight:bold; } .temevent_bnr_area .temevent_tab_menu li a.on { color:#1a1a1a; border-bottom:2px solid #F14738; font-weight:bold; } .temevent_bnr_area .temevent_img_area { padding:60px 120px; background:#f6fcff; border-top:2px solid #d8d8d8; margin-top: -2px; font-family: noto-R; font-size:13px; position:relative; z-index: 2; min-height: 297px; box-sizing: border-box;} .temevent_bnr_area .arrow_area { width:100%; position:relative; } /* 화살표 z-index 수정 --20200420 */ .temevent_bnr_area .arrow_area a { z-index:30; display:inline-block; width:35px; height:56px; position:absolute; top:130px; background:url('//image5.compuzone.co.kr/img/images/product_detail/temevent_bnr_arrow.png') no-repeat; } .temevent_bnr_area .arrow_area .prev { background-position:-5px 0; left:35px; } .temevent_bnr_area .arrow_area .next { background-position:-40px 0; right:35px; } .temevent_bnr_area .temevent_con { width:800px; } .temevent_bnr_area .temevent_con p { font-size:28px; font-weight:bold; color:#1a1a1a; height:39px; overflow: hidden; } .temevent_bnr_area .temevent_con .sub_txt { font-size:18px; display:block; margin:15px 0 0; color:#3a3a3a; } .temevent_bnr_area .temevent_con .tsub_txt { font-size:18px; display:block; margin:15px 0 0; color:#3a3a3a; } .temevent_bnr_area .temevent_con .sub_txt .sub_date { font-size:15px; display:block; margin:3px 0 15px; color:#949494; } .temevent_bnr_area .temevent_con .contents div { margin:3px 0; } .temevent_bnr_area .temevent_con .contents .evtIco_obj { border:1px solid #d8d8d8; padding:0px 3px; margin-right:3px; } .temevent_bnr_area .temevent_con .temevent_img { position:absolute; right:117px; top:35px; } .temevent_bnr_area .temevent_con .temevent_img img { width:268px; height:250px; } .temevent_bnr_area .temevent_img_area .event_rule { z-index: 10000; position: absolute; right: 20px; bottom: 15px; } .temevent_bnr_area .temevent_img_area .event_rule .rule_con {width:410px; padding:30px; background:#fff; border:1px solid #b4b4b4; box-sizing:border-box; position:fixed; top:50%; left:50%; transform:Translate(-50%, -50%);} .temevent_bnr_area .temevent_img_area .event_rule .rule_con ul {max-height:600px; overflow-y:auto;} .temevent_bnr_area .temevent_img_area .event_rule .rule_con ul::-webkit-scrollbar{width: 4px;} .temevent_bnr_area .temevent_img_area .event_rule .rule_con ul::-webkit-scrollbar-thumb{ background:#d8d8d8; border-radius: 10px;} .temevent_bnr_area .temevent_img_area .event_rule .rule_con ul::-webkit-scrollbar-track{background:#f9f9f9;} .temevent_bnr_area .temevent_img_area .event_rule .rule_con li {margin-top:10px; font-size: 14px; font-family:'noto-R'; font-weight: normal; color:#1a1a1a;} .temevent_bnr_area .temevent_img_area .event_rule .rule_con li span{font-size:14px !important;} .temevent_bnr_area .temevent_img_area .event_rule .rule_con li:nth-child(1) {margin-top:0;} .temevent_bnr_area .temevent_img_area .event_rule .rule_con .layer_tit p {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #1a1a1a; text-align:center;} .temevent_bnr_area .temevent_img_area .event_rule .rule_con .layer_tit a {width: 16px; height: 16px; background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png') -350px -130px no-repeat; position: absolute; top: 20px; right: 20px;} /* 비교버튼 */ b.price { width: 100%; height: 22px; display: block; } b.price > span { line-height: 22px; } /*상세정보 :: 탭메뉴*/ #contents .tab_menu { position:relative; font-family:'noto-R'; } #contents .tab_menu ul { overflow:hidden; } #contents .tab_menu ul li { float:left; width:25%; text-align:center; } #contents .tab_menu ul li a { display:inline-block; border-bottom:5px solid #e3e3e3; height:60px; line-height:60px; font-size:18px; color:#6c6c6c; width:100%; font-weight:normal; cursor:pointer; } #contents .tab_menu ul li a:hover { text-decoration:none; } #contents .tab_menu ul li.on a { border-bottom:5px solid #1a1a1a; color:#1a1a1a; font-family: 'noto-B'; } /*상세정보 :: 상세이미지 영역*/ #contents .pdtl_dtlcont_wrap .pdtl_detail_img { padding-top:45px; } #contents .pdtl_dtlcont_wrap .pdtl_detail_img table { margin:0 auto; } /*상세정보 :: 빅데이터 마이닝*/ #contents h2 {display:flex; align-items:center; font-size:24px; color:#1a1a1a; margin-bottom:30px; font-family: 'noto-B'; font-weight: normal; } #contents h2 .num { color:#F14738; display:inline-block; margin-left:5px; } #contents .pdtl_dtlcont_wrap .big_data { padding-top:45px; position:relative; font-family:noto-R; } #contents .pdtl_dtlcont_wrap .big_data .tab_btn { position:absolute; top:70px; right:0; } #contents .pdtl_dtlcont_wrap .big_data .tab_btn li { float:left; } #contents .pdtl_dtlcont_wrap .big_data .tab_btn li a { position: relative; display:inline-block; padding:5px 8px; cursor:pointer; font-size:14px; color:#6f6f6f; } #contents .pdtl_dtlcont_wrap .big_data .tab_btn li a:after { position: absolute; top: 11px; right: 0; width: 1px; height: 8px; background: #d4d4d4; clear: both; display: block; content: ''; } #contents .pdtl_dtlcont_wrap .big_data .tab_btn li.on a { color:#1a1a1a; font-weight:bold; } #contents .pdtl_dtlcont_wrap .big_data .tab_btn li.last a { padding:5px 0 5px 8px; } #contents .pdtl_dtlcont_wrap .big_data .tab_btn li.last a:after { display:none; } #contents .pdtl_dtlcont_wrap .big_data .tab_btn li:last-child a:after { display:none; } #contents .pdtl_dtlcont_wrap .big_data_inner { border:1px solid #e8e8e8; overflow:hidden; padding: 50px 70px; position:relative; font-family: 'spoqa R'; } #contents .pdtl_dtlcont_wrap .big_data_inner p { font-size:17px; color:#101010; text-align:center; } #contents .pdtl_dtlcont_wrap .big_data_inner .dot_area { position:relative; text-align:center; width: 100%; float: left; top: 25px; } #contents .pdtl_dtlcont_wrap .big_data_inner .donut_graph_area { float:left; width: 410px; position: relative; overflow: hidden; height: 226px; } #contents .pdtl_dtlcont_wrap .big_data_inner .donut_graph_area .noimg { position:absolute; top:29px; left:-2px; width: 410px; height:201px; background: url(//image5.compuzone.co.kr/img/images/product_detail/doughnutChart_noimg.jpg) 0 0 no-repeat; z-index:0; } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area { float:right; width: 600px; } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp { width:100%; float:left; margin-top:20px; } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp ul { overflow: hidden; position:relative; padding-top: 49px; width: 460px; margin: 0 67px; z-index:-1; } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp li { float: left; position: relative; width: 46px; margin: 0 23px; text-align: center; z-index:1; } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp li .cdtl_grp_mask { width: 34px; height: 70px; margin: 0 auto; display:block; position: relative; } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp li .cdtl_grp_mask .cdtl_grp_prgrss { background:#fa323d; position: absolute; right: 0; bottom: 0; left: 0; min-height:1px } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp li .cdtl_grp_mask .cdtl_grp_prgrss.on { background:#fa323d; } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp li .cdtl_grp_mask .cdtl_grp_prgrss .cdtl_grp_prgrss_per { position: absolute; top: -23px; right: 0; left: 0; font-size: 12px; letter-spacing: .05px; color: #6c6c6c; font-family:tahoma; text-align: center; white-space: nowrap; } #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp li .cdtl_grp_prgrss_cnt { font-family: noto-M; display: block; padding-top: 24px; font-size: 15px; color: #434343; text-align: center; white-space: nowrap; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt { float: left; width: 283px; font-size: 19px; color: #5e5d5d; text-align: center; line-height: 40px; padding: 0 30px; margin: 5px 40px 0 0px; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt span { background: #ffc1ca; color: #1a1a1a; font-weight: bold; font-size: 24px; display: inline; padding: 0 5px; margin:10px 0; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart { float: left; width: 283px; padding: 0 30px; font-size: 15px; font-family:noto-R; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li { border-bottom:1px solid #e0e0e0; padding:10px 0; float: left; width: 100%; height:47px; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li a { display: inline-block; width: 100%; color: currentColor; position:relative; cursor:pointer; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li a:hover { text-decoration:underline; color: currentColor; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li.win { font-weight:bold; color:#fa323d; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li em { float:left; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li .opt { float:left; word-break: break-all; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 60px); white-space: nowrap;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li .persent { float:right; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart .product_num { display:none; position:absolute; top:-30px; left:0; border:2px solid #eee; padding:2px 5px; font-size: 12px; color: #6c6c6c; font-weight: normal; background:#fff; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li a:hover .product_num { display:block; } .dotstyle ul {position: relative;display: inline-block;margin: 0;padding: 0;list-style: none;cursor: default;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; } .dotstyle li {position: relative;display: block;float: left;margin: 0 5px;width: 14px;height: 14px;cursor: pointer; } .dotstyle li a {top: 0;left: 0;width: 100%;height: 100%;outline: none;border-radius: 50%;background-color: #fff;background-color: rgba(255, 255, 255, 0.3);text-indent: -999em; /* make the text accessible to screen readers */ cursor: pointer;position: absolute; } .dotstyle li a:focus {outline: none; } /* Fill in */ .dotstyle-fillin li a {background-color: transparent;box-shadow: inset 0 0 0 1px black;-webkit-transition: box-shadow 0.3s ease;transition: box-shadow 0.3s ease; } .dotstyle-fillin li a:hover, .dotstyle-fillin li a:focus {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6)} .dotstyle-fillin li.current a {box-shadow: inset 0 0 0 8px black; } /*상세정보 :: 구매후기*/ #contents .review_list {padding-top:60px; } #contents .review_list .review_list_inner {height:300px; text-align:center; } #contents .review_list .review_list_inner.nodata { padding:0 0 45px; text-align:center; color:#acacac; font-size:14px; height:auto; } #contents .review_list .review_list_inner.nodata i {display:block; margin-bottom:15px;} #contents .review_list .review_list_inner.nodata p {color:#6c6c6c;} /*구매후기 :: 평점과 별점*/ #contents .review_list .review_list_inner .tit { font-size:16px; font-family:'noto-R'; color:#1a1a1a; padding-top:55px; } #contents .review_list .review_list_inner .average { border-right:1px solid #f0f2f5; width:432px; height:300px; overflow:hidden; float: left; } #contents .review_list .review_list_inner .average strong { font-size:55px; color:#1a1a1a; } #contents .review_list .review_list_inner .average .avgDetail_starN { width: 163px; height: 28px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -10px -127px; float: left; } #contents .review_list .review_list_inner .average .avgDetail_starN .avgDetail_star { height: 28px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -10px -93px; float: left; } /*구매후기 :: 평점 비율*/ #contents .review_list .review_list_inner .graph_list { border-right: 1px solid #f0f2f5; width: 432px; height: 300px; overflow: hidden; float: left; } #contents .review_list .review_list_inner .graph_list .graph_list_inner { padding: 49px 91px; display: table; table-layout: fixed; border:1px solid red; } #contents .review_list .review_list_inner .graph_list .graph_list_inner:after { content:''; clear:both; display:block; } #contents .review_list .review_list_inner .graph_list .graph_list_inner li { display: table-cell; position: relative; text-align: center; border:1px solid red; } #contents .review_list .review_list_inner .graph_list .graph_list_inner li .graph { display: inline-block; position: relative; width: 10px; height: 108px; background-color: #eee; margin: 0 auto; margin-bottom: 10px; } #contents .review_list .review_list_inner .graph_list .graph_list_inner li .graph .bar { position: absolute; left: 0; bottom: 0px; width: 10px; background-color: #F14738; } #contents .review_list .review_list_inner .graph_list .graph_list_inner li .txt { font-size:13px; } .graph_satisfaction { width: 294px; margin: 26px 70px 0; } .graph_satisfaction .list { display: table; margin-top: 7px; padding: 9px 0 28px; width: 100%; } .graph_satisfaction .list li { display: table-cell; position: relative; text-align: center; } .graph_satisfaction .list li .bar_blank { display: inline-block; position: relative; width: 11px; height: 108px; background-color: #eee; } .graph_satisfaction .list li .bar_blank .area_value { position: absolute; bottom: 100%; left: 50%; height: 19px; opacity: 1; } /*z-index: 1 삭제*/ .graph_satisfaction .list li .bar_blank .area_value .value { display: inline-block; position: relative; margin-top: -13px; height: 15px; padding: 2px 3px; background-color: #F14738; font-size: 11px; line-height: 14px; color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50px; border-radius: 3px; } .graph_satisfaction .list li .bar_blank .area_value .value:before { position: absolute; bottom: -7px; left: 50%; content: ''; margin-left: -4px; border: 4px solid transparent; border-top-color: #F14738; } .graph_satisfaction .list li .bar_blank .wrap_value { position: absolute; right: 0; bottom: 0; left: 0; min-height: 8px; } .graph_satisfaction .list li .bar_blank .wrap_value .bar { display: inline-block; width: 100%; height: 100%; background-color: #949494; vertical-align: top; } .graph_satisfaction .list li.point .bar_blank .wrap_value .bar { background-color: #F14738; } .graph_satisfaction .list li .label { position: absolute; right: 0; bottom: -21px; left: 0; font-size: 13px; line-height: 14px; color: #5f5f5f; } /*구매후기 :: 다른구매자평가*/ #contents .review_list .review_list_inner .satisfy { width: 434px; overflow: hidden; float: left; position:relative; } #contents .review_list .review_list_inner .satisfy .btn_area { position:relative; width:100%; } #contents .review_list .review_list_inner .satisfy .btn_area a { position:absolute; top:175px; width:17px; height:27px; display:inline-block; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png); padding: 5px 5px; } #contents .review_list .review_list_inner .satisfy .btn_area a.prev { background-position: -288px 5px; left:27px; } #contents .review_list .review_list_inner .satisfy .btn_area a.next { background-position: -310px 5px; right:27px; } #contents .review_list .review_list_inner .satisfy .list_rating { margin: 30px 84px; display:none; } #contents .review_list .review_list_inner .satisfy .list_rating li { float:left; margin-bottom:30px; } #contents .review_list .review_list_inner .satisfy .list_rating li .label_rating { float: left; color: #1454a5; border: 1px solid #1454a5; border-radius: 3px; padding: 2px 12px; font-size: 13px; font-family: '맑은고딕'; letter-spacing: -1px;} #contents .review_list .review_list_inner .satisfy .list_rating li .result_rating { float:left; margin-left:20px; position:relative; width: 114px; text-align: left; } #contents .review_list .review_list_inner .satisfy .list_rating li .result_rating .text { font-size:15px; font-family:'noto-R'; color:#5a5a5a; width: 124px; display: inline-block; overflow:hidden; } #contents .review_list .review_list_inner .satisfy .list_rating li .result_rating .count { font-size:14px; color:#1a1a1a; position:absolute; top:0; right:-74px; } #contents .review_list .review_list_inner .satisfy .list_rating li .result_rating .percent {font-family:'spoqa M'; font-weight:bold; } #contents .review_list .review_list_inner .satisfy .list_rating li .result_rating .persons { color:#787878; } #contents .satisfy .wrap_rating_graph .list_sub { clear: both; display: table; width: 100%; height: 142px; text-align: left; margin: 29px 87px; } #contents .satisfy .wrap_rating_graph .list_sub p { font-size:15px; display:block; } #contents .satisfy .wrap_rating_graph .list_sub li { display: table-row; } #contents .satisfy .wrap_rating_graph .list_sub li .text { display: table-cell; vertical-align: middle; color: #5a5a5a; line-height: 19px; white-space: nowrap; width: 82px; font-size: 13px; } #contents .satisfy .wrap_rating_graph .list_sub li .area_bar { display: table-cell; vertical-align: middle; line-height: normal; width: 129px; } #contents .satisfy .wrap_rating_graph .list_sub li .area_bar .bar_blank { display: inline-block; position: relative; width: 100%; height: 6px; background-color: #eee; vertical-align: top; } #contents .satisfy .wrap_rating_graph .list_sub li .area_bar .bar_blank .bar_value { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #949494; } #contents .satisfy .wrap_rating_graph .list_sub li .count_sub { width: 43px; font-size: 12px; text-align: right; margin-top: 11px; display: inline-block; } /*포토구매후기*/ #contents .npay { display: inline-block; width: 38px; height: 14px; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/btn_pd_n23.png) #fff 0 0; margin-left: 8px;} #contents .lock { display: inline-block; width: 12px; height: 16px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -187px -177px; margin-left: 8px; vertical-align: sub; } /*lock 아이콘*/ /*공통 테이블과 테이블 상단 탭스타일*/ #contents .basic_top { width: 100%; overflow: hidden; padding: 0 0 20px 0; } #contents .basic_top_tab {display: flex; align-items: baseline; float:left; overflow:hidden; font-size:14px; } #contents .basic_top_tab li {border-radius: 20px;} #contents .basic_top_tab li.on {background:#000; } #contents .basic_top_tab li a {display:block; height:40px; line-height:40px; padding:0 20px; box-sizing: border-box; font-size:16px; color:#6c6c6c; border-radius: 20px; transition:all 0.2s;} #contents .basic_top_tab li.on a {color:#fff;} #contents .basic_radio_tab { float:left; line-height:24px; overflow:hidden; } #contents .basic_radio_tab li { float:left; margin-right:10px; } #contents .basic_radio_tab li label { vertical-align:top; line-height:21px; font-size:14px; } #contents .select_comm { margin-right:0; float:right } /*테이블스타일 01*/ #contents .table_style01 { width:100%; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; text-align: center; font-family: 'noto-R'; } #contents .table_style01 thead th { background: #f9f9f9; font-size:16px; font-family:'noto-M'; font-weight: normal; padding:18px 0; color:#1a1a1a; } #contents .table_style01 td { background: #fff; font-size:14px; font-family:'noto-R'; padding:19px 0; color:#1a1a1a; border-top:1px solid #E8E8E8; line-height: 20px; position:relative; } #contents .table_style01 td.align_l {text-align:left; } #contents .table_style01 td.flex {display: flex; align-items: center;} #contents .table_style01 td.title { padding-left:20px; } #contents .table_style01 td.title p {display: flex; align-items: center; font-size:14px; color:#1a1a1a; height:26px;} #contents .table_style01 td.title p i.photo { display: inline-block; width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/product_detail/photo_review.png) center center no-repeat; margin-left: 8px; } #contents .table_style01 td.con {padding:20px; } #contents .table_style01 td.con .flex {display:flex; justify-content: space-between; } #contents .table_style01 td .S_star_area { width:85px; display: inline-block; } #contents .table_style01 td .S_star_area .avgDetail_starN { width: 85px; height: 14px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -183px -117px; float: left; margin: 2px 5px 0 0; } #contents .table_style01 td .S_star_area .avgDetail_starN .avgDetail_star { height: 14px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -183px -99px; float: left; } #contents .table_style01 span.buy { border: 1px solid #e0e0e0; border-radius: 50px; padding: 5px 13px; color:#F14738; } #contents .table_style01 span.non_buy { border: 1px solid #e0e0e0; border-radius: 50px; padding: 5px 13px; } #contents .table_style01 tr.on td { border-top:0; padding-top: 0; } #contents .table_style01 tr.review_st td { background: #f9f9f9; padding: 20px 0; color: #1a1a1a; } #contents .table_style01 tr.review_st .con { padding-left:20px; } #contents .table_style01 tr.review_st .con .answer_box {display: flex; gap:10px;} #contents .table_style01 tr.review_st .con .re {height:26px; line-height:24px; padding:0 10px; font-size:12px; font-family:'맑은고딕'; color:#135EBA; border:1px solid #135EBA; border-radius: 2px; box-sizing: border-box;} #contents .table_style01 .photo_img {display:flex; gap:0 5px; width:100%; margin-top:15px; } #contents .table_style01 .photo_img span {display: inline-block; width:60px; height:60px; border-radius:10px; overflow:hidden; position:relative;} #contents .table_style01 .photo_img span.play_thum::before{content:''; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index: 1;} #contents .table_style01 .photo_img span.play_thum::after {content:''; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail/prdPlay.png') center center/contain no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 1;} #contents .table_style01 .photo_img span img { display: inline-block; width:100%; height:100%; } #contents .table_style01 td.goodhelp { vertical-align: top; text-align: -webkit-right;} #contents .table_style01 .btn_hand {display: flex; align-items:center; height:34px; line-height:34px; padding:0 15px; border:1px solid #D8D8D8; border-radius:17px; font-size:14px; font-family:'noto-R'; color:#6C6C6C; box-sizing: border-box;} #contents .table_style01 .btn_hand .ico_hand {display:inline-block; width:18px; height:18px; margin-left:7px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_goodgray.png') center center/contain no-repeat;} #contents .table_style01 .btn_pack { position:absolute; right:30px; bottom: 80px; } #contents .table_style01 .btn_pack a { padding: 1px 15px; border: 1px solid #e6e7ea; } /*Q&A :: 테이블 스타일 위와 동일*/ #contents .qna_wrap {padding-top: 60px;} /*동일 브랜드 인기상품*/ #contents .same_brand {overflow:hidden; } #contents .same_brand h2 {display: flex; align-items:center; justify-content: space-between;} #contents .same_brand h2 a {float:right; font-size:16px; font-family:'noto-R'; font-weight: normal; color:#949494; position:relative;} #contents .same_brand h2 a:hover {text-decoration: none;} #contents .same_brand h2 a .ico_more { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -322px -8px; width: 7px; height: 11px; display: inline-block; margin-left: 5px; } #contents .same_brand .right_side {width:100%;} #contents .same_brand .right_side .same_brand_inner {display:flex; align-items: flex-start; gap:20px; overflow:hidden; } #contents .same_brand .right_side .same_brand_inner li {width:200px;} #contents .same_brand .right_side .same_brand_inner li a { display:block; cursor:pointer; } #contents .same_brand .right_side .same_brand_inner li a:hover { text-decoration:none; } #contents .same_brand .right_side .same_brand_inner li a .img { display:block; width:200px; height:200px; border-radius: 10px; overflow: hidden; position:relative;} #contents .same_brand .right_side .same_brand_inner li a .img::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.02); position:absolute; top:0; left:0;} #contents .same_brand .right_side .same_brand_inner li a .img img { width:100%; } #contents .same_brand .right_side .same_brand_inner li a .txt { font-size:14px; color:#6c6c6c; margin:10px 0 0 0; height:36px; line-height:18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;} #contents .same_brand .right_side .same_brand_inner li a>.price {display:flex; align-items: center; justify-content: space-between; height:25px; margin-top:7px; color:#1a1a1a; font-size: 18px; letter-spacing: 0px; font-family: 'spoqa M'; font-weight: normal; letter-spacing: -1px; overflow:hidden;} #contents .same_brand .right_side .same_brand_inner li a>.price .price {width:100%; text-align: right;} #contents .same_brand .right_side .same_brand_inner li a .per { color:#F14738; font-size: 18px; letter-spacing: 0px; font-family: 'spoqa M'; font-weight: normal; display: inline-block;} #contents .same_brand .left_side {display:flex; justify-content: space-between; align-items: center; width:100%; margin:50px 0 95px; padding:25px 30px; background:#f9f9f9; border-radius:10px; box-sizing: border-box;} #contents .same_brand .left_side p {display:flex; justify-content: space-between; align-items: center; gap:30px;} #contents .same_brand .left_side p img {width:105px; mix-blend-mode: multiply;} #contents .same_brand .left_side p span {color:#949494;} /*구매하기 옵션 레이어*/ #optionLayer { position: fixed; left: 0; bottom: 0; width: 100%; z-index:98; font-family: 'noto-R'; background: #fff; transform: translateY(100%);} #optionLayer.on{transform: translateY(0);} #optionLayer .optionArea { position: relative; width: 100%; } #optionLayer .optionArea .optionBox { position: absolute; bottom: 0; right: 50%; margin-right: -650px; background: #3a3a3a; z-index: 99; width:130px; height:40px; line-height:40px; border-radius: 8px 8px 0 0; cursor: pointer;} #optionLayer .optionArea .optionBox a:hover { text-decoration:none; } #optionLayer .optionArea .optionBox .optionOpen {display: flex; align-items: center; justify-content: center; gap: 20px; color: #fff; font-size: 14px; font-family: 'noto-R';} #optionLayer .optionArea .optionBox .optionOpen .ico_arrow{display: block; width: 24px; height: 24px; position: relative; transform: rotate(180deg);} #optionLayer.on .optionArea .optionBox .optionOpen .ico_arrow{transform: rotate(0);} #optionLayer .optionArea .optionBox .optionOpen .ico_arrow::after{content: ""; position: absolute; top: 0; bottom: 0; left: -7px; right: 0; margin: auto; width: 10px; height: 1px; background: #fff; transform: rotate(45deg);} #optionLayer .optionArea .optionBox .optionOpen .ico_arrow::before{content: ""; position: absolute; top: 0; bottom: 0; left: 7px; right: 0; margin: auto; width: 10px; height: 1px; background: #fff; transform: rotate(-45deg);} #optionLayer .optionView { width: 100%; border-top: 2px solid #3a3a3a; background: #fff; font-family: 'noto-R'; } #optionLayer .optionView .optionViewInner { position: relative; width: 1300px; margin: 0 auto; padding: 15px 0 40px 0; } #optionLayer .optionView .optionViewInner .viewWrap { display:flex; } /*추가*/ #optionLayer .optionView h4 { padding:0 40px 15px 0; color:#1a1a1a; font-weight:bold; border-bottom: 1px solid #eee; font-size: 16px; } #optionLayer .optionView .viewWrap .viewWrapLeft { float: left; width:670px !important; background: #fff; height:auto; padding-right:20px; box-sizing:border-box; overflow-y:auto; max-height:440px; border-right:1px solid #eee; } #optionLayer .optionView.recomPC_View .viewWrap .viewWrapLeft { width:630px !important; } #optionLayer .optionView .viewWrap .optionTotal { width:610px; padding:0 0 0 20px; float:left; font-weight:normal; padding-bottom:120px; color: #6a747c; font-size: 12px; position:relative; } #optionLayer .optionView .viewWrap .optionTotal .optBtn_area { position: absolute; width: 607px; bottom: 0; } #optionLayer .optionView .viewWrap .optionTotal .txt_area { overflow: hidden; margin-bottom:20px; } #optionLayer .optionView .viewWrap .optionTotal .txt_area p { float:left; font-size: 15px; margin-top:10px; color:#1a1a1a; font-weight:normal; } #optionLayer .optionView .viewWrap .optionTotal .txt_area b { float:right; font-size: 30px; color:#F14738; } #optionLayer .optionView .viewWrap .optionTotal .txt_area b em { float:right; font-size: 21px; margin-top: 10px; font-weight: normal; } #optionLayer .optionView .viewWrap .optionTotal .btn_area { overflow: hidden; } #optionLayer .optionView .viewWrap .optionTotal .btn_area a { text-decoration:none; display: inline-block; width: 231px; text-align: center; border: 1px solid #d4d4d4; float: left; color: #0b0b0b; font-size: 15px; height: 50px; line-height: 48px; font-weight:normal; box-sizing:border-box; top: 0;} #optionLayer .optionView .viewWrap .optionTotal .btn_area a.cart span { width: 30px; height: 27px; display: inline-block; margin-top: 12px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -180px -47px no-repeat; } #optionLayer .optionView .viewWrap .optionTotal .btn_area a.npay span { width: 62px; height: 27px; display: inline-block; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/btn_Npay_n23.png) 0 3px no-repeat; background-size: 61px 20px; vertical-align: text-top; line-height: 27px; padding-left: 61px; } #optionLayer .optionView .viewWrap .optionTotal .btn_area a.buy { background: #3a3a3a; color: #fff; font-size: 15px; margin-left: -1px; border: 1px solid #3a3a3a; } #optionLayer .optionView .viewWrap .optionTotal .btn_area a.order { width: 49%; background: #F14738; color: #fff; font-size: 15px; margin-left: -1px; border: 1px solid #F14738; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt { position: relative; margin: 18px 0; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt:after { content:''; clear:both; display:block; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt_select { display: block; overflow: hidden; position: relative; height: 40px; padding: 0 39px 0 14px; border: 1px solid #b7bbc0; background: #fff; font-size: 14px; line-height: 40px; color: #727272; text-decoration: none; cursor: pointer; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt.disable .pdtl_opt_select { opacity:0.7; cursor: default; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt_select > .arrow { top:13px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -355px -35px; width: 15px; height: 13px; position: absolute; right: 21px; display: inline-block; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt_select:hover { background-color:#fff; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll { display:none; overflow-y: auto; position: absolute; top: 100%; right: 0; left: 0; max-height: 207px; margin-top: -1px; border: 1px solid #b7bbc0; background: #fff; z-index:99; box-sizing:border-box; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll .pdtl_select_lst li { position:relative; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll .pdtl_select_lst li a { display: block; padding: 12px 14px 10px; font-size: 13px; line-height: 20px; color: #6c6c6c; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll .pdtl_select_lst li a:hover { background-color:#f9f9f9; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt.on .arrow { top: 16px; background-position: -355px -52px; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .arrow { top:13px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -355px -35px; width: 15px; height: 13px; position: absolute; right: 21px; display: inline-block; } /*서비스*/ #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .checkbox_area:first-child { margin-right:20px; } /*이미지포함 옵션*/ #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt h3 { margin-bottom:5px; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_thumb_select { display: block; overflow: hidden; position: relative; border: 1px solid #b7bbc0; background: #fff; text-decoration: none; cursor:pointer; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_thumb_select:hover { background-color:#fff; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt a { display:block; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt a:hover { background-color: #f9f9f9; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_sel_item { display: table; table-layout: fixed; width: 95%; font-size: 0; box-sizing: border-box; float: left; margin-left: 10px; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_sel_item .pdtl_sel_thmb { display: table-cell; position: relative; width: 70px; height: 70px; vertical-align: top; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_sel_item .pdtl_sel_txt { font-size:14px; color:#727272; display: table-cell; padding-left: 13px; vertical-align: middle; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_default { display: block; position: relative; padding-right: 135px; color: #727272; overflow: hidden; max-height: 38px; font-size: 13px; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info { display: block; position: relative; padding-right: 135px; color: #727272; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .pdtl_txt { display: block; overflow: hidden; max-height: 38px; font-size: 13px; line-height: 19px; letter-spacing: -.5px; word-wrap: break-word; word-break: break-all; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .price { position: absolute; right: 0; bottom: 0; line-height: 20px; color:#0e0e0e; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_thumb_select > .arrow { top:42px; } /*선택된 제품*/ /* 구매하기 펼침 레이어 내 상품명, 수량, 가격 한줄 노출 20200210 --*/ #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result li { overflow: hidden; position: relative; padding:20px 5px 20px 20px; background: #f9f9f9; margin-top: 18px; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .prod_area { padding-bottom:0; margin-bottom: 0; } /* 옵션 하단여백 0 처리 - (10px/14px) */ #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .prod_area span { display:block; word-break: break-all; width:100%; line-height:18px; color:#727272; font-size:14px; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .close { position: absolute; width: 38px; height: 35px; right:8px; top: 13px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -345px -61px no-repeat; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .num_ctrl_option { display:inline-block; position:absolute; height: 25px; top:50%; transform:translateY(-50%);right:200px; margin-top:-1px; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .result_price { display:inline-block; position:absolute; top:50%; right:50px; transform:translateY(-50%); text-align:right;font-size:20px; line-height: 26px; color: #1a1a1a; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .result_price span { font-size:17px; font-family:'spoqa B'; display: inline-block; margin-left: 2px; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .item_result_sel { display: block; overflow: hidden; position: relative; height: 40px; padding: 0 39px 0 14px; border: 1px solid #b7bbc0; background: #fff; font-size: 14px; line-height: 40px; color: #727272; text-decoration: none; cursor: pointer; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .item_result_sel option { display: block; padding: 12px 14px 10px; font-size: 13px; line-height: 20px; color: #6c6c6c; } .blind { display:none; } /*수량증가감소 버튼 - 공통(변경)*/ .seleted_list .contL { position:relative; display:inline-block; width:100%; } #optionLayer .optionView .viewWrap .seleted_list .num_ctrl_option { position:absolute; display:inline-block; float:right; top:50%; margin-top:-14px; margin-left:10px; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .new_item_result .num_ctrl_option { right:0; } #optionLayer .optionView .viewWrap .seleted_list .num_ctrl_option button { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff no-repeat; width: 28px; height: 28px; } #optionLayer .optionView .viewWrap .seleted_list .num_ctrl_option .bt_decrease { background-position: -90px -10px; position: absolute; top: 0; left: 0px; display: block; } #optionLayer .optionView .viewWrap .seleted_list .num_ctrl_option .bt_increase { background-position: -118px -10px; position: absolute; top: 0; right: 0px; display: block; } #optionLayer .optionView .viewWrap .seleted_list .num_ctrl_option .num { width: 80px; height: 24px; border: 1px solid #cdcdcd; line-height: 19px; color: #233549; font-size: 14px; text-align: center; vertical-align: middle; padding: 1px 0 !important; } #optionLayer .optionView .viewWrap .seleted_list .num_ctrl_option .bt_decrease.disable { opacity:.6; } #optionLayer .optionView .viewWrap .seleted_list .num_ctrl_option .bt_increase.disable { opacity:.6; } .blind { display:none; } /*상품정보제공 고시 상세정보 상단 텍스트*/ #contents .pddt_info_area { margin:60px 0 0; position: relative; } #contents .pddt_info_area .txt { font-size:14px; color:#949494; margin:-20px 0 30px; } #contents .pddt_info_area .txt2 { font-size:18px; color:#949494; margin:0 0 20px; } #contents .pddt_info_area .txt2 span { font-size:18px; color:#1A1A1A; font-family:'noto-M'; padding-right:10px;} #contents .pddt_info_area .txt_box { font-size:14px; color:#949494; line-height: 23px; height:auto; border:auto; padding:0; border:none; letter-spacing:inherit;} #contents .pddt_info_area .pro_noti {display:block; margin-top:10px; color:#6c6c6c;} #contents .pddt_info_area .gray_box {width:100%; padding:30px; background:#F9F9F9; border-radius: 10px; margin-top:30px; box-sizing: border-box;} #contents .pddt_info_area .gray_box .txt_box {margin-top:10px;} /*테이블스타일 02*/ #contents .table_style02 {width:100%; border-top:1px solid #e8e8e8; text-align: center; font-family: 'noto-R';} #contents .table_style02 th {background: #f9f9f9; color:#1a1a1a; font-size:16px; padding:20px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:left; font-family: 'noto-M'; font-weight:normal;} #contents .table_style02 th:nth-child(1) {border-left:none;} #contents .table_style02 td {background: #fff; color:#949494; font-size:14px; padding:20px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; line-height: 20px; position:relative; text-align:left; line-height:21px;} #contents .table_style02 th .ico_n_win {display:inline-block; width:18px; height:18px; margin-left:5px; vertical-align: -2px; background:url('//image5.compuzone.co.kr/img/images/product/copy.png') center center/contain no-repeat; } #contents .table_style02 th span {color:#949494; font-size: 16px;} #contents .table_style02 td b {color:#1a1a1a; font-family: 'noto-M'; font-weight:normal;} /*레이어 팝업 스타일*/ .layer_pop { position: relative; text-align: left; border:1px solid #b7bbc0; background-color: #fff; box-sizing: border-box; font-family: 'spoqa R'; letter-spacing: -1px; } .layer_pop h3 { font-size:30px; color:#1a1a1a; margin-bottom:30px; font-family: 'noto-B'; font-weight:normal; } .layer_pop .b_close { position:absolute; top:60px; right:60px; width:30px; height:30px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -287px -157px no-repeat; } .layer_pop .s_close { position:absolute !important; padding:0 !important; 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; } .layer_pop .wt { background-position:-336px -157px; top:20px; right:20px; } .layer_pop .title { font-size:18px; color:#1a1a1a; margin-bottom:10px; margin-top:0px; font-family: 'noto-B'; font-weight:normal; } .layer_pop .alm_box { font-size:14px; color:#1a1a1a; font-family: 'noto-R'; font-weight:normal; text-align:center; background: #f9fafa; padding:10px 0; } .layer_pop .ico_qmark { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -12px -38px; width: 17px; height: 17px; display: inline-block; margin-left: 3px; vertical-align: text-top; margin-top: 2px; cursor: pointer; } .layer_pop .ico_arrow_r { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -322px -8px; width: 7px; height: 11px; display: inline-block; margin-left: 6px; vertical-align: text-top; margin-top: 5px; cursor: pointer; } .layer_pop .text_box { background: #f9fafa; padding: 20px; border-bottom: 1px solid #dbdddf; border-top: 1px solid #dbdddf; font-size:13px; } .layer_pop .info_box { font-size:13px; color:#4f4f4f; margin-bottom: 10px; display: inline-block; } .layer_pop .btn_go { padding: 11px 0; width: auto; background: #f9fafa; border: 1px solid #dee0e2; display: block; text-align: center; font-size: 13px; text-decoration:none; margin-top:20px; } .layer_pop .btn_go:hover { text-decoration:none; } .layer_pop .co_red { color:#F14738; } .layer_pop .layer_con { background:#afafaf; position: absolute; top: 0; left: 0; width:100%; height:700px; } .layer_pop .layer_con .layer_con_inner { margin:70px; } .layer_pop .layer_con .layer_con_inner .left_side { width:400px; float:left; padding: 40px 35px; background: #1a1a1a; } .layer_pop .layer_con .layer_con_inner .left_side .main_img { width: 400px; overflow: hidden; } .layer_pop .layer_con .layer_con_inner .left_side .main_img .lst { display: table; width: 100%; table-layout: fixed; text-align: center; overflow: hidden; background-color: #1a1a1a; } .layer_pop .layer_con .layer_con_inner .left_side .main_img .lst .gallery_detail_con { display: table-cell; width: 400px; height: 400px; vertical-align: middle; overflow: hidden; } .layer_pop .layer_con .layer_con_inner .left_side .main_img .lst .gallery_detail_con img { width: auto; height: auto; max-width: 100%; max-height: 100%; overflow: hidden; } .layer_pop .layer_con .layer_con_inner .left_side .thum_img { margin-top: 30px; } .layer_pop .layer_con .layer_con_inner .left_side .thum_img .lst { overflow:hidden; height:60px; margin: 0 auto; width: 350px; text-align:center; } .layer_pop .layer_con .layer_con_inner .left_side .thum_img .lst li { width:60px; height:60px; display:inline-block; margin:0 5px; float:left; } .layer_pop .layer_con .layer_con_inner .left_side .thum_img .lst li img { width:100%; height: auto; opacity: 1; } .layer_pop .layer_con .layer_con_inner .left_side .btn_area { position:relative; } .layer_pop .layer_con .layer_con_inner .left_side .btn_area a { position:absolute; top:167px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png); width: 15px; height: 29px; display: inline-block; padding: 10px; } .layer_pop .layer_con .layer_con_inner .left_side .btn_area a.prev { background-position:-211px -36px; left: -35px; } .layer_pop .layer_con .layer_con_inner .left_side .btn_area a.next { background-position:-262px -36px; right: -35px; } .layer_pop .layer_con .layer_con_inner .right_side { float: right; background: #fff; width: 308px !important; height: 510px; padding: 30px; } .layer_pop .layer_con .layer_con_inner .right_side .star_area { display: inline-block; width: 100%; } .layer_pop .layer_con .layer_con_inner .right_side .star_area .avgDetail_starN { width: 85px; height: 14px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -183px -117px; float: left; margin: 2px 5px 0 0; } .layer_pop .layer_con .layer_con_inner .right_side .star_area .avgDetail_starN .avgDetail_star { height: 14px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -183px -99px; float: left; } .layer_pop .layer_con .layer_con_inner .right_side .txt { margin-top: 15px; font-size: 13px; color: #2c2c2c; text-align: left; overflow: hidden; } .layer_pop .layer_con .layer_con_inner .right_side .txt span { margin-right:15px; } .layer_pop .layer_con .layer_con_inner .right_side .con { margin-top:30px; border-top:1px solid #eee; padding:30px 0; height: 353px; } .layer_pop .layer_con .layer_con_inner .right_side .con .tit { font-size:15px; color:#1a1a1a; } .layer_pop .layer_con .layer_con_inner .right_side .con span { font-size:14px; margin-top: 10px; display: inline-block; line-height: 20px; padding-right:20px; } /*맞춤가 레이어*/ .layer_pop .sale_price_inner { border-top:1px solid #1a1a1a; } .layer_pop .sale_price_inner .list { overflow: hidden; border-bottom: 1px solid #dbdddf; padding: 12px 0; } .layer_pop .sale_price_inner .list dt { float: left; color:#1a1a1a; font-size: 14px; } .layer_pop .sale_price_inner .list dd { float: right; font-size: 14px; } .layer_pop .sale_price_inner .bold { font-weight:bold; color:#1a1a1a; } .layer_pop .sale_price_inner .sale_detail { background: #f9fafa; padding: 20px; border-bottom: 1px solid #dbdddf; } .layer_pop .sale_price_inner .sale_detail dl { overflow: hidden; } .layer_pop .sale_price_inner .sale_detail dl dt { float: left; color:#1a1a1a; font-size: 12px; } .layer_pop .sale_price_inner .sale_detail dl dd { float: right; font-size: 12px; } .layer_pop .sale_price_inner .total_price { overflow:hidden; margin-top:15px; font-size:16px; } .layer_pop .sale_price_inner .total_price .txt { float:left; color:#1a1a1a; font-family: 'noto-B'; font-weight:normal; } .layer_pop .sale_price_inner .total_price .price { float:right; color:#ff5555; font-family: 'noto-B'; font-weight:normal; } /* 공유하기 레이어*/ .layer_pop .share_inner .lst {display: flex; flex-wrap: wrap; gap: 36px;} .layer_pop .share_inner .lst li {width: 60px; text-align: center; } .layer_pop .share_inner .lst li button{padding: 0 !important;} .layer_pop .share_inner .lst li .share i { display: block; width: 100%; color: #6C6C6C; white-space: nowrap; font-family: '맑은고딕'; font-style: normal; font-size: 13px; } .layer_pop .share_inner .lst li .share i:before { display: block!important; margin: 0 auto; margin-bottom: 7px; content: ""; width: 60px; height: 60px;} .layer_pop .share_inner .lst li .share i.kakao:before {background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_kakao_24.png') center center/cover no-repeat;} .layer_pop .share_inner .lst li .share i.facebook:before {background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_facebook_24.png') center center/cover no-repeat;} .layer_pop .share_inner .lst li .share i.twitter:before {background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_x_24.png') center center/cover no-repeat;} .layer_pop .share_inner .lst li .share i.url:before {background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_url_24.png') center center/cover no-repeat;} .layer_pop .cart_alm { text-align: center; font-size:16px; } .layer_pop .share_tit{font-size: 18px; font-family: 'noto-B'; color: #1A1A1A; text-align: center; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid #1A1A1A;} /* 팝업 버튼영역 */ .layer_pop .btn_area {display:flex; align-items: center; justify-content: center; gap:10px;} .layer_pop .btn_area button {width: 50%; height: 50px; border: 1px solid #ccc; padding:15px 0; font-family: 'noto-R'; font-size:15px; } .layer_pop .btn_area button.bk { width: 50%; border: 1px solid #1a1a1a; background: #1a1a1a; color: #fff; } /* 팝업 탭영역 */ .layer_pop .tab_area { overflow:hidden; margin-top:20px; } .layer_pop .tab_area button { width: 50%; float: left; border: 1px solid #ccc; padding:5px 0; font-family: 'noto-R'; font-size:14px; } .layer_pop .tab_area button.on { width: 50%; float: left; border: 1px solid #1a1a1a; background: #1a1a1a; color: #fff; } .layer_pop .qna_write { border-top:1px solid #1a1a1a; padding:20px 0; } .layer_pop .qna_write dl { overflow:hidden; padding:7px 0; } .layer_pop .qna_write dl dt { float:left; text-align:left; font-size:14px; } .layer_pop .qna_write dl dd { float:right; width:350px; } /*가로 테이블 스타일*/ .layer_pop .table_type1 { border:none; width:100%; } .layer_pop .table_type1 th { border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background-color: #f9f9f9; padding:7px 0; color:#1a1a1a; } .layer_pop .table_type1 th.bo_no { border-right:none; } .layer_pop .table_type1 td { line-height: 16px; text-align:center; padding:7px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .layer_pop .table_type1 td.bo_no { border-right:none; } .layer_pop .table_type1 tr.em td { color:#ff5555; } .layer_pop .info_txt { font-size:12px; color: #6c6c6c; padding-left:15px; position:relative; } .layer_pop .info_txt i { position:absolute; top:0; left:0; font-style: normal; } /*카드혜택 레이어*/ .layer_pop .card_info_inner { margin-top:20px; } .layer_pop .card_info_inner .contentBox { width:100%; min-height:190px; padding: 0; height: 100%; } .layer_pop .card_info_inner .contentBox .table_type3 td { text-align:left; } .layer_pop .card_info_inner .info { margin-top:10px; font-size:13px; } .layer_pop .card_info_inner .table_type3 th.card { padding:0; text-align:center; } .layer_pop .card_info_inner th.card span {display: block; margin:0 auto; text-align: center;} .layer_pop .card_info_inner .box100 { padding:5px 20px; width:360px; } .layer_pop .card_info_inner .sec_title { padding-left:0; } .layer_pop .card_info_inner .contentBox2 { width:100%; height:190px; padding:0; } .layer_pop .card_info_inner .table_type2 { border:none; width:100%; } .layer_pop .card_info_inner .table_type2 th { border-top: 1px solid #eee; border-left:none; } .layer_pop .card_info_inner .table_type2 td { border-left:none; line-height: 16px; } .layer_pop .card_info_inner .table_type2 td strong { color:#3c3c3c; } .layer_pop .card_info_inner .table_type3 { border-bottom-color:#eee; border-top:none; } .layer_pop .card_info_inner .table_type3 th { border-right:none; border-left:none; background-color:#fff; height:20px; font-size:12px; padding:7px; font-weight:bold; color:#3c3c3c; font-family:Tahoma,'맑은고딕',malgun gothic; text-align:left; } .layer_pop .card_info_inner .table_type3 td { line-height:18px; padding:7px; } /*카드혜택 레이어*/ .layer_pop .card_info_inner { margin-top:20px; } /* contentBox 높이값 수정 -shw-20200409 */ .layer_pop .card_info_inner .contentBox { width:100%; min-height:190px; padding: 0; height:387px; } .layer_pop .card_info_inner .contentBox .table_type3 td { text-align:left; word-break:break-all; } .layer_pop .card_info_inner .contentBox .table_type3 td:nth-child(2) { text-align:center; } .layer_pop .card_info_inner .info { margin-top:10px; font-size:13px; } .layer_pop .card_info_inner .box100 { padding:5px 20px; width:360px; } .layer_pop .card_info_inner .sec_title { padding-left:0; } .layer_pop .card_info_inner .contentBox2 { width:100%; height:190px; padding:0; } .layer_pop .card_info_inner .table_type2 { border:none; width:100%; } .layer_pop .card_info_inner .table_type2 th { border-top: 1px solid #eee; border-left:none; } .layer_pop .card_info_inner .table_type2 td { border-left:none; line-height: 16px; } .layer_pop .card_info_inner .table_type2 td strong { color:#3c3c3c; } .layer_pop .card_info_inner .table_type3 { border-bottom-color:#eee; border-top:none; } .layer_pop .card_info_inner .table_type3 th { border-right:none; border-left:none; background-color:#fff; height:20px; font-size:12px; padding:7px; font-weight:bold; color:#3c3c3c; font-family:Tahoma,'맑은고딕',malgun gothic; text-align:left; } .layer_pop .card_info_inner .table_type3 td { line-height:18px; padding:7px; color:#1a1a1a; } /* tr class추가 css 20200409 */ .layer_pop .card_info_inner .table_type3 tr.card_tdh td { text-align:center; background-color:#f9f9f9; } .layer_pop .card_info_inner .card_infoText { margin-top:10px; font-size:13px; } /*쿠폰안내 레이어*/ .layer_pop .coupon_area { border: 1px solid #d8d8d8; border-radius: 5px; position: relative; margin-bottom:12px; overflow:hidden; } .layer_pop .coupon_area .coupon_img { padding: 20px 50px 20px 20px; overflow: hidden; display: flex; flex-direction: column; gap:4px; } .layer_pop .coupon_area .coupon_img h5 {font-weight: normal;} .layer_pop .coupon_area .coupon_img p { margin:0;} .layer_pop .coupon_area .coupon_img p.ntMB14 {font-family:'noto-M'; font-size:14px;} .layer_pop .coupon_area .coupon_img .co_gray {color:#6c6c6c;} .layer_pop .coupon_area .coupon_img .co_blue { color:#1C8FED; } .layer_pop .coupon_area .coupon_img .s_txt { color:#282828; font-size:13px; width:100%; display:inline-block; float: left; margin-bottom:5px; } .layer_pop .coupon_area .coupon_img .id_txt { color:#6c6c6c; font-size:12px; float: left; width:100%; display:inline-block; } .layer_pop .coupon_area .coupon_img .btn_detail { position:absolute; top:24px; right:70px; font-size:12px; display: flex; align-items: center;} .layer_pop .coupon_area .coupon_img .btn_detail i {display:inline-block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_next_12.svg'); } .layer_pop .coupon_area .coupon_txt { position:absolute; top:0; right:0px; width:50px; background:#1C8FED; height:100%;} .layer_pop .coupon_area .coupon_txt p {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-90deg); color:#fff; margin:0;} .table_type2 { width:1019px; } .table_type2 th, .table_type2 td { padding:7px 10px; height:35px; font-weight:normal; } .table_type2 th { color:#1a1a1a; font-family:noto-M; font-size:14px; letter-spacing:-1px; background-color:#f9f9f9; } .table_type2 td { border-top: 1px solid #eee; font-size:12px; line-height:18px; } .table_type2 td.center { text-align:center; } .table_type3 { width:100%; border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; } .table_type3 th, .table_type3 td { padding:7px 10px; height:35px; font-weight:normal; } .table_type3 th { color:#1a1a1a; font-family:noto-M; font-size:14px; letter-spacing:-1px; background-color:#f9f9f9; border-top: 1px solid #eee; } .table_type3 td { border-top: 1px solid #eee; font-size:12px; line-height:18px; padding:10px 10px; } .table_type3 th.bo_no, .table_type3 td.bo_no { border-top:none !important; } .table_type3 td.tit { font-size:13px; color:#1a1a1a; } .table_type3 td.center { text-align:center; } /* 신용카드 브랜드 로고 110px x 34px */ /* 롯데카드 */ .c_lotte { width:110px; height:34px; display:inline-block; text-indent:-10000px; font-size:0; background:url('//image5.compuzone.co.kr/img/images/product_detail/credit_card.png') 0 0 no-repeat; } /* 신한카드 */ .c_shinhan { width:110px; height:34px; display:inline-block; text-indent:-10000px; font-size:0; background:url('//image5.compuzone.co.kr/img/images/product_detail/credit_card.png') -110px 0 no-repeat; } /* KB카드 */ .c_kb { width:110px; height:34px; display:inline-block; text-indent:-10000px; font-size:0; background:url('//image5.compuzone.co.kr/img/images/product_detail/credit_card.png') -220px 0 no-repeat; } /* 농협카드 */ .c_nh { width:110px; height:34px; display:inline-block; text-indent:-10000px; font-size:0; background:url('//image5.compuzone.co.kr/img/images/product_detail/credit_card.png') -330px 0 no-repeat; } /* 하나카드 */ .c_hana { width:110px; height:34px; display:inline-block; text-indent:-10000px; font-size:0; background:url('//image5.compuzone.co.kr/img/images/product_detail/credit_card.png') -440px 0 no-repeat; } /* BC카드 */ .c_bc { width:110px; height:34px; display:inline-block; text-indent:-10000px; font-size:0; background:url('//image5.compuzone.co.kr/img/images/product_detail/credit_card.png') -0px -34px no-repeat; } /* 삼성카드 */ .c_samsung { width:110px; height:34px; display:inline-block; text-indent:-10000px; font-size:0; background:url('//image5.compuzone.co.kr/img/images/product_detail/credit_card.png') -110px -34px no-repeat; } /* 현대카드 */ .c_hyundai { width:110px; height:34px; display:inline-block; text-indent:-10000px; font-size:0; background:url('//image5.compuzone.co.kr/img/images/product_detail/credit_card.png') -220px -34px no-repeat; } .pdtl_col_lft .item_image .main_img { position:relative; } /*제품 상세 한달사용기 아이콘*/ .mon_re { display: inline-block; height:26px; line-height:26px; margin-left: 8px; padding:0 10px; background:#0D6DE3; font-size:12px; font-family:'맑은고딕'; color:#fff; border-radius: 13px; box-sizing: border-box;} .mon_re:hover {color:#fff;} /* 상품옵션 개편 20191114 */ #contents .pdtl_row_top .pdtl_col_rgt .pdN { position:relative; border-bottom: 1px solid #f0f2f5; padding:18px 0; font-family: 'spoqa R'; } #contents .pdtl_row_top .pdtl_col_rgt .pdN:after { content: ''; clear: both; display: block; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box ul { width:100%; display:block; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box ul:after { content: ''; clear: both; display: block; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box ul li { position:relative; float:left; min-height:58px; max-height:58px; border: 1px solid #b7bbc0; -webkit-box-sizing: border-box;box-sizing: border-box; cursor: pointer; margin-right: 5px; margin-bottom:8px; color:#1a1a1a; padding:10px 25px; line-height:18px; font-size: 14px; text-align: center; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box input[type=radio] { display:none; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box label { position:absolute; display: inline-block; word-break:break-all; overflow:hidden; width:155px; /* min-height:20px; max-height:38px; */ top:50%; left:50%; transform:translateY(-50%); } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box .checked { border-color: #1a1a1a; } #contents .pdtl_row_top .pdtl_col_rgt .optN { position:relative; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt .pdtl_scroll_area { display:none; position:absolute; top:-2px; left:0; max-height:543px; background:#fff; z-index:1; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt .pdtl_scroll { display: none; overflow-y: auto; max-height: 212px; overflow-x: hidden; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_scroll .pdtl_select_lst li a { width:100%; box-sizing:border-box; display: flex; justify-content: space-between; align-items: center;} #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt.cdtl_opt .pdtl_scroll { max-height:381px; position: relative; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt.on .pdtl_scroll { display:block; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt.on .pdtl_scroll_area { display:block; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt.on .pdtl_scroll ul li.active .inner_sel_item { display:block; border-bottom:1px solid #b7bbc0; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt.on .pdtl_scroll ul li.active li:last-child .dashed { border-bottom:none; } #contents .pdtl_row_top .pdtl_col_rgt .optN .cdtl_opt .pdtl_scroll .pdtl_thumb_list > li:last-child a { border-bottom:none; } /* md's 추천 소프트웨어 201911 */ .md_tit { position:relative; display:block; padding-top:18px; } .md_tit h3 { font-size:15px; color:#0069d2; display:inline-block; } .md_tit .ad_ico { position: absolute; width:45px; height:20px; background:url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -396px -230px; cursor:pointer; margin-left: 5px; display:inline-block; } #contents .pdtl_row_top .pdtl_col_rgt .optN.md_software .pdtl_opt .pdtl_scroll { max-height:288px; } /* AD 레이어팝업 */ .md_tit .ad_layer { display:none; position:absolute; width:290px; height:55px; right: -109px; top:30px; background:#fff; z-index:100; border:1px solid #252525; padding:10px; box-sizing:border-box; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .md_tit .ad_layer .ad_noti { font-size:12px; } .md_tit .ad_layer .ad_noti:before, .ad_layer .ad_noti:after { bottom:100%; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events: none; } .md_tit .ad_layer .ad_noti:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; margin-left: -5px; } .md_tit .ad_layer .ad_noti:before { border-color: rgba(37, 37, 37, 0); border-bottom-color: #252525; border-width: 6px; margin-left: -6px; } .md_tit .ad_ico:hover .ad_layer { display:block; } .ad_ico:hover .ad_layer { display:block; } /*구매옵션레이어-AD레이어팝업*/ #optionLayer .optionView .viewWrap .md_tit .ad_layer { right:-122px; } /*선택된 제품 201911*/ #contents .pdtl_col_rgt .seleted_list .item_result .prod_area .prod_txt { color:#1a1a1a; font-size:15px; } #contents .pdtl_col_rgt .seleted_list .item_result .prod_area .opt_txt { font-size:13px; padding-top: 3px; } #contents .pdtl_col_rgt .seleted_list .item_result .prod_area .opt_txt > b { font-weight:normal; color:#3879cd; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt_ipt { background:#fff; } #contents .pdtl_col_rgt .seleted_list .item_result .pdtl_opt_ipt { margin-top:18px; } #contents .pdtl_col_rgt .seleted_list .item_result .add_price_Box { position:relative; width:100%; float: left; } #contents .pdtl_col_rgt .seleted_list .item_result .add_price_Box .num_ctrl_option { position:absolute; display:inline-block; bottom:0; margin-bottom:2px; } #contents .pdtl_col_rgt .seleted_list .item_result .add_price_Box .result_price { text-align:right; } /*float:left 삭제*/ #contents .pdtl_col_rgt .seleted_list .item_result .add_price_Box .add_price { font-size:17px; color:#3879cd; float: right; } /* 빅테이터 201911 */ #contents .pdtl_dtlcont_wrap .big_data .bigData_arrow { width:100%; position:relative; } #contents .pdtl_dtlcont_wrap .big_data .bigData_arrow a { z-index:99; display:inline-block; width:60px; height:60px; position:absolute; top:137px; background:url('//image5.compuzone.co.kr/img/images/product_detail/temevent_bnr_arrow2.png') center center no-repeat; } #contents .pdtl_dtlcont_wrap .big_data .bigData_arrow a.on { opacity:0.3; } #contents .pdtl_dtlcont_wrap .big_data .bigData_arrow a.prev { transform:rotate(180deg); left:33px; } #contents .pdtl_dtlcont_wrap .big_data .bigData_arrow a.next { right:33px; } #optionLayer .optionView .viewWrap .seleted_list .item_result li { overflow: hidden; position: relative; margin-top:0; } #optionLayer .seleted_list .item_result .prod_area span { display: block; word-break: break-all; width: 305px; line-height: 18px; color: #1a1a1a; font-size: 14px; float:left; } #optionLayer .seleted_list .item_result .prod_area { width:305px; display:block; float:left; margin-bottom:0; padding-bottom:0; } #optionLayer .seleted_list .item_result .prod_area span { width:100%; } #optionLayer .seleted_list .item_result .prod_area .opt_txt { font-size:12px; color:#727272; } #optionLayer .seleted_list .item_result .prod_area .opt_txt > b { font-weight: normal; color: #3879cd; } #optionLayer .seleted_list .item_result .result_price { position:absolute; right:50px; top:50%; transform: translate(0, -50%); text-align:right; } #optionLayer .seleted_list .item_result .close { top:50%; margin-top:-15.5px; right:10px; } #optionLayer .optionView .viewWrap .seleted_list { max-height:300px; overflow-y: auto; } #optionLayer .optionView .viewWrap .optionTotal .new_item_result.newR .pdtl_opt_ipt { background:#fff; float:left; width:100%; box-sizing:border-box; } #optionLayer .optionArea .optionBox.on { top: -54px; bottom: auto; } #optionLayer .seleted_list .item_result .result_price .add_price { display: block; font-weight: normal; color: #3879cd; margin-top: -2px; font-size:15px; } #optionLayer .optionView .viewWrap .optionTotal .item_result li { background:#f9f9f9; padding:20px 5px 20px 20px; border-bottom:1px solid #eeeeee; } #optionLayer .optionView .viewWrap .optionTotal .item_result .newR_txt { color:#727272; font-size:14px; text-align:center; display:block;} /*옵션-추가상품 201911*/ #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll .pdtl_select_lst li a:hover { text-decoration:none; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll .pdtl_select_lst li:first-child > a { border-top:none; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll .sel_txt_info { overflow: hidden; position: relative; height: 40px; padding: 0 39px 0 14px !important; border-top: 1px solid #b7bbc0; background: #f9f9f9; color: #727272; font-size: 14px !important; text-decoration: none; cursor: pointer; line-height: 40px !important; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll .pdtl_ico { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -454px -123px; width: 20px; height: 20px; position: absolute; right: 19px; display: inline-block; top: 9px; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll .inner_sel_item { display:none; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll ul li.active .inner_sel_item { display:block; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt .pdtl_scroll ul li.active .pdtl_ico { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -455px -158px; } /*추가상품 레이어팝업 201911 - 191218 옵션 개선으로 전체사용 변경. */ .prd_opt_LyPop { width: 500px; padding: 25px; position: fixed; display: block; border: 1px solid #b7bbc0; background: #fff; z-index:999; left:50%; top:50%; transform: translate(-50%, -250px); } .prd_opt_LyPop .layer_thumb_area { display: table; table-layout: fixed; width: 100%; font-size: 0; box-sizing: border-box; padding: 13px 0; margin-left: 0; } .prd_opt_LyPop .thumb_imgL { position: relative; width:70px; height:70px; display: table-cell; } .prd_opt_LyPop .thumb_imgL > img { width:70px; height:70px; vertical-align:middle; } .prd_opt_LyPop .thumb_priceL { display: table-cell; font-size: 14px; color: #1a1a1a; vertical-align: middle; padding-left: 15px; } .prd_opt_LyPop .thumb_priceL .thmb_txt { display: block; overflow: hidden; max-height: 38px; font-size: 13px; line-height: 19px; letter-spacing: -.5px; word-wrap: break-word; word-break: break-all; } .prd_opt_LyPop .thumb_priceL .thmb_pri { color:#0e0e0e; letter-spacing: 0.5px; padding-top: 5px; display: inline-block; } .prd_opt_LyPop .pdtl_opt, .prd_opt_LyPop .pdtl_opt_ipt { margin:15px 0 !important; position:relative; } .prd_opt_LyPop .layer_btn_area { width:100%; overflow:hidden; margin-top:10px; } .prd_opt_LyPop .layer_btn_area a { display: inline-block; background: #fff; height: 50px; float: left; text-align: center; line-height: 48px; font-size: 14px; box-sizing: border-box; border: 1px solid #b7bbc0; border-right: none; } .prd_opt_LyPop .layer_btn_area a.btn_close { width:50%; } .prd_opt_LyPop .layer_btn_area a.btn_sel { width:50%; background:#3a3a3a; color:#fff; border: 1px solid #3a3a3a; } .prd_opt_LyPop .title { font-size:18px; color:#1a1a1a; margin-bottom:10px; margin-top:0px; font-family: 'noto-B'; font-weight:normal; } .prd_opt_LyPop .s_close { position:absolute !important; padding:0 !important; 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; } .prd_opt_LyPop .pdtl_opt_ipt { float: inherit; } .prd_opt_LyPop .pdtl_opt .pdtl_scroll { max-height:170px; overflow:auto; } /* 돋보기아이콘 201911*/ #contents .pdtl_opt .view_ico { display:none; position:absolute; width:70px; height:70px; top:0; left:0; z-index:9; background:url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -480px 3px no-repeat; background-color: rgba( 255, 255, 255, 0.4 ); } #contents .pdtl_opt .pdtl_sel_item .pdtl_sel_thmb:hover .view_ico { display:block; } /* 추가상품 레이어 201911 */ .view_layer_pop { position: absolute; width:268px; height:460px; left: 50%; top:853px; background:#fff; z-index:9; border:1px solid #b7bbc0; box-sizing:border-box; margin-left:-254px; } .view_layer_pop .view_img { text-align:center; padding:40px 20px 0; box-sizing:border-box; } .view_layer_pop .view_img > img { width:200px; height:200px; margin: 0 auto; display:block; } .view_layer_pop .view_img .view_txt { font-size:13px; font-family:'noto-R'; color:#727272; padding:15px 0; height: 74px; overflow: hidden; box-sizing: border-box; display: inline-block; } .view_layer_pop .view_info { width:100%; color:#1a1a1a; font-size:14px; display:inline-block; padding:0 20px; box-sizing:border-box; } .view_layer_pop .view_info .v_org { display: inline-block; padding-bottom: 8px; width: 100%; } .view_layer_pop .view_info .v_org .v_org_price { display: block; float: none; margin-top:0; } .view_layer_pop .view_info .v_org .v_org_price span { font-size: 13px; font-family:'spoqa R'; color: #9a9a9a; text-decoration: line-through; } .view_layer_pop .view_info .v_org dd { position: relative; } .view_layer_pop .view_info dt { float:left; line-height:16px; text-align:left; } .view_layer_pop .view_info dd { float:right; font-family:'spoqa R'; line-height:16px; text-align:right; } .view_layer_pop .view_info dd .discnt { position: absolute; color: #F14738; top:0; left:-70%; line-height: 16px; } .view_layer_pop .view_info dd .starN { display:block; margin-top: 5px; } .view_layer_pop .view_info dd .avgDetail_starN { width:68px; height:12px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -8px -181px; float:left; margin:1px 5px 0 0; } .view_layer_pop .view_info dd .avgDetail_star { height:12px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -8px -166px; float:left; } .view_layer_pop .pd_btn { border-top:1px solid #b7bbc0; padding:15px 0; font-size:14px; color:#1a1a1a; position:absolute; background:#f9f9f9; text-align:center; width:100%; bottom:0; left:0; } .view_layer_pop .pd_btn .view_arrow { width:16px; height:16px; display:inline-block; background: url(//image5.compuzone.co.kr/img/images/main2019/function_icon.png) -38px -88px; margin-bottom: 1px; box-sizing: border-box; transform: rotate(-90deg); vertical-align: middle; } .view_layer_pop .layer_close_btn { width: 20px; height: 20px; text-indent: -10000px; font-size: 0; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -348px -128px; position: absolute; top: 15px; right: 15px; z-index: 1; } /*추천조립PC-상품사양*/ #contents .pddt_info_area .recom_titBox { float:left; width:100%; margin-bottom:15px; } #contents .pddt_info_area .recom_titBox >h2 { display:inline-block; margin-bottom:0; } #contents .pddt_info_area .recom_titBox .dettxt { font-size: 13px; font-family: 'spoqa R'; font-weight: normal; color: #F14738; margin-left:15px; } #contents .pddt_info_area .recom_btn { float:right; display:flex; align-items: center; gap:5px;} #contents .pddt_info_area .recom_btn a:hover { text-decoration:none; } #contents .pddt_info_area .recom_btn a.btnBlack:hover { color:#fff; } #contents .pddt_info_area .recom_btn a.btnWhite:hover { color:#2e2e2e; } #contents .pddt_info_area .recom_btn a.btnWhite > i { display: inline-block; width: 13px; height: 13px; background: url(//image5.compuzone.co.kr/img/images/product_list/productList_N/productList_icon.png) -51px -15px; padding-right: 5px;} /*추천조립PC-기본사양변경 table*/ #contents .table_style_recom { width:100%; border:1px solid #d8d8d8; text-align: center; border-collapse: collapse; border-left:0; color:#282828; font-family: 'noto-R'; } #contents .table_style_recom th { background:#f9f9f9; font-size:14px; font-family: 'noto-B'; padding: 25px 0; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; } #contents .table_style_recom td { padding:10px 15px; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-size:13px; position:relative; font-weight:normal; } #contents .table_style_recom .tit { text-align:left; font-weight:bold; } #contents .table_style_recom .Simg { width:44px; height:44px; } #contents .table_style_recom .Simg > img { width:100%; } #contents .table_style_recom .name { text-align:left; } #contents .table_style_recom .name > a { color:#1a1a1a;; } #contents .table_style_recom .opt_sepa { color:#898989; } #contents .table_style_recom .add_num { color:#F14738; } #contents .table_style_recom tr.col { background:#fff4f4; } #contents .table_style_recom tr.col .tit { color:#F14738; } #contents .table_style_recom .name .checkbox_area { color:#1a1a1a; } #contents .table_style_recom .name label {font-size:14px;} /*추천조립PC-기본사양변경 옵션박스*/ #contents .table_style_recom .pdtl_opt { position: relative; } #contents .table_style_recom .pdtl_opt_select .txt { font-size:13px; color:#1a1a1a; } #contents .table_style_recom .pdtl_opt .pdtl_scroll { display:none; overflow-y:auto; max-height:384px; top:unset; } #contents .table_style_recom .pdtl_opt.on .pdtl_scroll { display:block; } #contents .table_style_recom .pdtl_opt .pdtl_scroll .pdtl_select_lst li a .txt { font-size:13px; color:#6c6c6c; } #contents .table_style_recom .pdtl_opt .pdtl_thumb_list li { padding:13px; position: relative; cursor:pointer; } #contents .table_style_recom .pdtl_opt .pdtl_thumb_list li:hover { background-color: #f9f9f9; } #contents .table_style_recom .pdtl_opt .pdtl_thumb_list .pdtl_sel_item { display:table; table-layout: fixed; width:100%; font-size: 0; box-sizing: border-box; margin-left: 0; float:unset; } #contents .table_style_recom .pdtl_opt .pdtl_thumb_list .pdtl_sel_thmb { display:table-cell; width:70px; height:70px; vertical-align: top; } #contents .table_style_recom .pdtl_opt .pdtl_sel_thmb > img { width:70px; height:70px; vertical-align:middle; } #contents .table_style_recom .pdtl_opt .pdtl_sel_item .pdtl_sel_txt { font-size: 13px; color: #1a1a1a; display: table-cell; padding-left: 13px; vertical-align: middle; } #contents .table_style_recom .pdtl_opt .view_ico { top:12px; left:12px; } /*//추천조립PC-기본사양변경 옵션박스 끝*/ .pddt_info_area .view_layer_pop { z-index:11; left:450px; top:-280px; } .online_layer { display:none; position: absolute; width: 285px; right: 115px; top: -2px; background: #fff; z-index: 99; border: 1px solid #252525; padding: 10px; box-sizing: border-box; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); text-align:left; } .online_layer .online_noti { font-size:12px; color: #282828; } .online_layer .online_noti:after, .online_layer .online_noti:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .online_layer .online_noti:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 5px; margin-left: 75px; } .online_layer .online_noti:before { border-color: rgba(37, 37, 37, 0); border-top-color: #252525; border-width: 6px; margin-left: 74px; } #contents .pddt_info_area .recom_btn .btnBlack:hover .online_layer { display:block; } /*추천조립PC-추가상품*/ .recomPC_area { width:1300px; background:#fff; position:relative; display: inline-block; } .recomPC_area .recomPC_tabMu { float:left; } .recomPC_area .recomPC_tabMu li { float:left; height:60px; margin-top:-1px; } .recomPC_area .recomPC_tabMu li a { width:131px; text-align:center; padding:0 15px; background:#fff; border:1px solid #d8d8d8; float:left; height:60px; margin-right:-1px; color:#6c6c6c; font-size:16px; font-family: Noto-R; letter-spacing:-1px; box-sizing:border-box; position:relative; } .recomPC_area .recomPC_tabMu li:last-child a { width:130px; } .recomPC_area .recomPC_tabMu li a .recomPC_tabTxt { font-size: 17px; line-height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-weight:normal; } .recomPC_area .recomPC_tabMu li.tab_on a { background:#1a1a1a; border-color:#1a1a1a; text-decoration:none; font-family:Noto-M; color:#fff; } .recomPC_area .recomPC_list { border:1px solid #d8d8d8; position: relative; width: 100%; display: inline-block; overflow:hidden; padding: 20px 0; box-sizing:border-box; margin-top:-1px; z-index:0;} .recomPC_area .recomPC_list .recomPC_arrow { width: 100%; position: absolute; top:50%; margin-top:-28px; } .recomPC_area .recomPC_list .recomPC_arrow a { z-index:1; display: inline-block; width: 35px; height: 56px; position: absolute; background: url(//image5.compuzone.co.kr/img/images/product_detail/temevent_bnr_arrow.png) no-repeat; } .recomPC_area .recomPC_list .recomPC_arrow .prev { background-position: -5px 0; left: 20px; } .recomPC_area .recomPC_list .recomPC_arrow .next { background-position: -40px 0; right: 20px; } .recomPC_area .recomPC_list > ul { position:relative; padding:0 76px; box-sizing:border-box; display:inline-block; } .recomPC_area .recomPC_list > ul > li { float:left; width:555px; margin: 15px 0 15px 10px; } .recomPC_area .recomPC_list > ul > li:nth-child(even) { margin-left:19px; } .recomPC_area .recomPC_list .prdItem { position:relative; overflow:hidden; min-height:222px; padding-left:240px; font-weight:normal; } .recomPC_area .recomPC_list .prdItem .prdImg { position:absolute; top:0; left:0; width:220px; height:220px; border:1px solid #d8d8d8; } .recomPC_area .recomPC_list .prdItem .prdImg a > img { width:220px; height:220px; } .recomPC_area .recomPC_list .prdItem .prdInfo { position:relative; display:inline-block; margin-top:30.5px; font-size:14px; color: #1a1a1a; } .recomPC_area .recomPC_list .prdItem .prdInfo .prdName { font-size:14px; overflow:hidden; width:100%; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; margin-bottom:10px; } .recomPC_area .recomPC_list .prdItem .prdInfo .prdName a { color:#1a1a1a; } .recomPC_area .recomPC_list .prdItem .prdInfo .Org, .recomPC_area .recomPC_list .prdItem .prdInfo .Score { display:inline-block; padding-bottom:8px; width:100%; } .recomPC_area .recomPC_list .prdItem .prdInfo dt { float:left; line-height:16px; text-align:left; margin-right:12px; } .recomPC_area .recomPC_list .prdItem .prdInfo .Org dd { font-weight:bold; } .recomPC_area .recomPC_list .prdItem .prdInfo .Org dd .per { color:#F14738; padding-right:5px; } .recomPC_area .recomPC_list .prdItem .prdInfo .Score dd { display:inline-block; } .recomPC_area .recomPC_list .prdItem .prdInfo .Score dd .starN { display: block; margin-top: 5px; } .recomPC_area .recomPC_list .prdItem .prdInfo .Score dd .starN .avgDetail_starN { width: 68px; height: 12px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -8px -181px; float: left; margin: 4px 5px 0 0; } .recomPC_area .recomPC_list .prdItem .prdInfo .Score dd .starN .avgDetail_starN .avgDetail_star { height: 12px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -8px -166px; float: left; } .recomPC_area .recomPC_list .prdItem .prdInfo .prd_btnArea { margin-top:10px; position:relative; } .recomPC_area .recomPC_list .prdItem .prdInfo .prd_btnArea .priceBtn { display:inline-block; margin-left:40px; } .recomPC_area .recomPC_list .prdItem .prdInfo .prd_btnArea .priceBtn .btnBuy { font-size:14px; padding:0 15px; line-height:42px; height:42px; color:#0077d6; border:1px solid #0077d6; font-family: 'spoqa R'; } .recomPC_area .recomPC_list .prdItem .prdInfo .prd_btnArea .priceBtn .btnBuy.disable { color:#a9a9a9; border:1px solid #cacaca; font-family: 'spoqa R'; font-weight:normal; } .recomPC_area .recomPC_list .dot_area { position: relative; text-align: center; width: 100%; float: left; margin: 15px 0; } /*추천조립PC-구매하기옵션레이어*/ #optionLayer .optionView.recomPC_View { width:1300px; margin:0 auto; position:relative; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; font-weight:normal; } #optionLayer .optionView.recomPC_View .checkbox_area:last-child {margin-right:0!important;} #optionLayer .optionView.recomPC_View .optionViewInner { box-sizing:border-box; padding: 0; } #optionLayer .optionView.recomPC_View .viewWrap { padding:0 20px 40px 20px; } #optionLayer .recomPC_View .optionViewInner .recom_top_area { padding: 15px 20px; border-bottom:1px solid #d8d8d8; font-size:14px; color:#1a1a1a; position: relative; display: flex; align-items: center; } #optionLayer .recomPC_View .optionViewInner .recom_top_area .recom_top_flex{display: flex; align-items: center;} #optionLayer .recomPC_View .optionViewInner .recom_top_area .recom_top_tit { float:left; } #optionLayer .recomPC_View .optionViewInner .recom_top_area .recom_top_tit dt { display:inline-block; } #optionLayer .recomPC_View .optionViewInner .recom_top_area .recom_top_tit dd { display:inline-block; padding-right: 5px; } #optionLayer .recomPC_View .optionViewInner .recom_top_area .recom_top_tit dd > b { font-size:18px; font-family:'spoqa R'; font-weight:normal; } #optionLayer .recomPC_View .optionViewInner .recom_top_area .topBtn { margin-left:20px; } #optionLayer .recomPC_View .optionViewInner .recom_top_area .btnWhite { color:#1a1a1a; border-color:#1a1a1a; } #optionLayer .recomPC_View .optionViewInner .recom_top_area .priceR { position: absolute; top: 50%; margin-top: -13.5px; right: 20px; } #optionLayer .recomPC_View .optionViewInner .recom_top_area .priceR > b { font-size:18px; font-family:'spoqa R'; color:#F14738; } #optionLayer .recomPC_View .optionTotal .btn_area { margin:15px 0 5px 0; } #optionLayer .recomPC_View .optionTotal .btn_area button { padding: 0 10px; position: relative; } #optionLayer .recomPC_View .optionTotal .btn_area button.btn_online i { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -490px -119px; width: 25px; height: 24px; display: inline-block; margin-right: 5px; } #optionLayer .recomPC_View .optionTotal .btn_area button.btn_online:after { position: absolute; clear: both; content: ''; width: 1px; height: 9px; background: #d8d8d8; right: -1px; top: 8px; } #optionLayer .recomPC_View .optionTotal .btn_area button.btn_esti i { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -46px -45px; width: 25px; height: 24px; display: inline-block; margin-right: 5px; } #optionLayer .recomPC_View .optionTotal .btn_area button .txt { display: inline-block; vertical-align: top; margin-top: 4px; color: #858181; font-family: 'spoqa R'; } #optionLayer .optionView.recomPC_View .viewWrap .viewWrapLeft { max-height:480px; } #optionLayer .optionView.recomPC_View .viewWrap .viewWrapLeft .pd h3 { display:inline-block; float:left; margin-right:15px; min-width:80px; } /*추천조립PC-사양변경버튼*/ #contents .pdtl_row_top .pdtl_col_rgt .pd.spec .ct .btnWhite { color: #1a1a1a; border-color: #1a1a1a; font-weight: normal; letter-spacing: -1px; } /*191122추가*/ #contents .tab_menu.m5 ul li { width:20%; } /*탭메뉴*/ #optionLayer .optionView .viewWrap .optionTotal .seleted_list { margin:15px 0 5px 0; } #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list { margin-top:15px; } #optionLayer .optionView .viewWrap .viewWrapLeft .pdtl_opt.on .pdtl_scroll { display:block; } .pdtl_opt.disabled { opacity:0.4; } #contents .pdtl_opt .pdtl_scroll .pdtl_select_lst li.disabled a .txt { color: #cfcfcf; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt li.disabled .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info span { color:#cfcfcf; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box ul li { max-width:33%; min-width:175px; } .prd_Ly_dimmed { width: 100%; height: 100%; display: inline-block; position: fixed; top: 0; left: 0; z-index:99; background-color: #1a1a1a; opacity: .6; } .seleted_list .item_result > li#Add_Product { padding: 0; margin: 0; } /*공통::레드강조*/ span.redNum { color:#F14738; font-weight:bold; } /*배송 구매수량 관련 팝업 --200416*/ .bdeli_pop .layer_pop { position:fixed; z-index:10; left:50%; top:25%; margin-left:-200px; width:510px; padding:25px; } .bdeli_pop .bdeli_w { max-height:270px; overflow-y:auto; } .bdeli_pop .layer_pop .title { text-align:center; margin:15px 0 25px; } .bdeli_pop .text_box { padding:10px; display:table; width:100%; text-align:left; color:#232323; letter-spacing:0; border-bottom:none; box-sizing:border-box; } .bdeli_pop .text_box > div { display:table-cell; } .bdeli_pop .text_box .text_TboxImg { width:80px; height:80px; overflow:hidden; } .bdeli_pop .text_box .text_TboxImg span { position:relative; display:inline-block; width:80px; height:80px; overflow:hidden; } .bdeli_pop .text_box .text_TboxImg img { position:absolute; left:50%; top:50%; transform:translate(-50% , -50%); max-width:100%; max-height:100%; } .bdeli_pop .layer_pop .text_box .text_TboxTxt { padding-left:15px; vertical-align:middle; } .bdeli_pop .layer_pop .text_box .text_TboxTxt > h4 { font-size:15px; color:#1a1a1a; } .bdeli_pop .layer_pop .bdeli_infoTxt { margin:0; padding:15px 0; border-bottom:1px solid #dbdddf; font-size:16px; color:#1a1a1a; line-height:1; font-family:'noto-M'; text-align:center; } .bdeli_pop .layer_pop .bdeli_infoTxt > span { color:#3879cd; font-weight:bold; } .bdeli_pop .layer_pop .btn_area { margin-top:30px; font-size:15px; overflow:hidden; } /*배송비하단 구매수량 안내 txt --200416*/ #contents .pdtl_row_top .pdtl_col_rgt .ct .bdeli_txt { margin-top:15px; font-size:14px; font-family:'noto-R'; letter-spacing:-0.5px; } #contents .pdtl_row_top .pdtl_col_rgt .ct .bdeli_qty { display:inline-block; margin-top:8px; padding-left:15px; height:30px; line-height:30px; font-size:14px; background-color:#f9f9f9; box-sizing:border-box; } #contents .pdtl_row_top .pdtl_col_rgt .ct .bdeli_qty > span { display:inline-block; margin-left:15px; padding:0 15px 0 0; height:30px; line-height:30px; font-weight:bold; /* background-color:#fff; border:1px solid #e3e3e3; box-sizing:border-box; */ } /* 마우스오버시 말풍선 위치, 크기 --200429 */ #optionLayer .optionView .viewWrap .optionTotal .btn_area { overflow:visible !important; } #contents .pddt_info_area .recom_btn > a { position:relative; display:flex; align-items: center;} #contents .pddt_info_area .recom_btn .online_lwpb:hover .online_layer.online_laBtxt { display:block !important; } .online_layer.online_laBtxt { width:310px; padding:15px; top:-76px; left:-10px; right:inherit; background-color:#fff; } .online_layer.online_laBtxt .online_noti { letter-spacing:0.1px; font-family:Noto-D; } .online_layer.online_laBtxt .online_noti:before { margin-left:74px; } .online_layer.online_laBtxt .online_noti:after, .online_layer .online_noti:before { left:-35px; } .btn_online:hover .online_layer.online_laBtxt { display:block !important; } /* 구해줘 견전 PC 하단 배너 추가 200622 */ .ask_estimate_bn { position: fixed; left: 50%; margin-left: -516px; bottom: 67px; width: 1030px; height: 50px; border-radius: 11px; background-color: #1a1a1a; background: rgba(0,0,0,0.75); box-sizing: border-box; padding: 0 38px 0 80px; z-index: 101; display: flex; justify-content: space-between; align-items: center;} .ask_estimate_bn > p { line-height: 50px; color: #fff; font-family: noto-R; display: inline-block; font-size: 18px; } .ask_estimate_bn > p > b { line-height: 50px; color: #67ffff; font-family: noto-R; font-size: 18px; } .arrowR { position: relative; background: rgba(0,0,0,0.75); display: inline-block; vertical-align: 6px; margin-left: 10px; } .arrowR:after, .arrowR:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrowR:after { border-color: rgba(0, 0, 0, 0); border-left-color: rgba(0,0,0,0.75); border-width: 4px; margin-top: -4px; } .arrowR:before { border-color: rgba(254, 255, 155, 0); border-left-color: #feff9b; border-width: 7px; margin-top: -7px; } .ask_estimate_bn span { color: #fff; font-size: 15px; line-height: 50px; font-family: noto-R; float: right; } .ask_estimate_bn a { display: inline-block; width: auto; height: auto; text-decoration: none; margin-left: 10px; color: #fff;} /* 구해줘 견전 PC 하단 배너 추가// 200622 */ /*추천조립PC 개편 -200605- */ .clearfix:after { content:""; display:block; clear:both; } .pdtl_20wrap a:hover { text-decoration:none; } .pdtl_20wrap { margin:80px auto 0; } #contents .pdtl_20wrap > h2 { margin-bottom:0; text-align:center; font-size:30px; color:#1a1a1a; line-height:1; font-family:noto-R; font-weight:Bold; } #contents .pdtl_20wrap > p { margin-top:8px; text-align:center; font-size:20px; color:#1a1a1a; font-family:noto-R; } #contents .pdtl_20wrap > .titlew { color:#fff; } .prdRNzmy_wrap { position:relative; margin-top:0px; padding:0; } .pdtl_20wrap.prdRNugz_wrap { padding-bottom:0; } .prdRNugz_wrap .pddt_info_titBox { margin-bottom:15px; } .prdRNugz_wrap .pddt_info_titBox > h3 { float:left; font-size:22px; font-family:noto-R; font-weight:Bold; color:#1a1a1a; } .prdRNugz_wrap .recom_btn > a { position:relative; } .prdRNugz_wrap .recom_btn > span { display:inline-block; color:#1a1a1a; font-size:14px; font-family:noto-R; vertical-align:middle; } .pdtl_20wrap .q_mark { position:relative; display:inline-block; margin-left:2px; width:17px; height:17px; background:url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -12px -38px; cursor:pointer; vertical-align:-3px; font-style:normal; } .prdRNugz_wrap .recom_btn > span .q_mark:hover .prod_layer { display:block; } .prdRNugz_wrap .recom_btn > span .q_mark .prod_layer { display:none; position:Absolute; left:-35px; top:-50px; padding:10px; width:220px; border:1px solid #252525; text-align:left; font-family:noto-R; color:#282828; font-size:12px; font-style:normal; background-color:#fff; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); z-index:99; box-sizing:border-box; } .prdRNugz_wrap .prod_layer:after, .prdRNugz_wrap .prod_layer:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .prdRNugz_wrap .prod_layer:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 5px; margin-left:-73px; } .prdRNugz_wrap .prod_layer:before { border-color: rgba(37, 37, 37, 0); border-top-color: #252525; border-width: 6px; margin-left:-74px; } /* swith ui */ .pddt_info_titBox .switch-ui { position: relative; display: inline-block; margin:0 12px; width:37px; height:18px; vertical-align: middle; } .pddt_info_titBox .switch-ui.animate .switch-ui-inner {transition: margin-left 0.2s ease-in-out; -webkit-transition: margin-left 0.2s ease-in-out; -moz-transition: margin-left 0.2s ease-in-out;transition-property: margin-left, background-color, color;-webkit-transition-property: margin-left, background-color, color;-moz-transition-property: margin-left, background-color, color;transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; } .pddt_info_titBox .switch-ui.animate .switch-ui-switch { transition: left 0.2s ease-in-out; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; } .pddt_info_titBox .switch-ui .switch-ui-checkbox { display: none; } .pddt_info_titBox .switch-ui .switch-ui-checkbox:disabled + .switch-ui-label { opacity: 0.6; } .pddt_info_titBox .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner { margin-left: 0; background-color:#7bc2ea; color:#fefefe; } .pddt_info_titBox .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-switch { left: 21px; } .pddt_info_titBox .switch-ui .switch-ui-label { display: block; overflow: hidden; border-radius:35px; height:18px; } .pddt_info_titBox .switch-ui .switch-ui-label .switch-ui-inner { width:200%; height:100%; margin-left:-100%; background-color:#cfcfcf; color:#949494; } .pddt_info_titBox .switch-ui .switch-ui-label .switch-ui-inner:before, .switch-ui .switch-ui-label .switch-ui-inner:after {float: left; width: 50%; height: 18px; line-height:18px; padding: 0; font-family:noto-R; font-size:8px; box-sizing:border-box; } .pddt_info_titBox .switch-ui .switch-ui-label .switch-ui-inner:before { content:"ON"; padding-left:4px; text-align:left; color:#fff; } .pddt_info_titBox .switch-ui .switch-ui-label .switch-ui-inner:after { content: "OFF"; padding-right: 4px; text-align: right; color:#fff; } .pddt_info_titBox .switch-ui .switch-ui-label .switch-ui-switch { position: absolute; width: 14px; height: 14px; background: #fefefe; border-radius:35px; top:2px; left:2px; box-shadow:3px 1px 4px rgba(0,0,0,0.2); } .prdRNugz_wrap .pddt_info_titBox .online_layer { width:298px; top:-110px; right:-100px; } .prdRNugz_wrap .pddt_info_titBox .online_layer .online_noti:before , .prdRNugz_wrap .pddt_info_titBox .online_layer .online_noti:after { left:42px; } /* swith ui */ #contents .prdRNugz_wrap .table_style_recom .pdtl_opt .pdtl_scroll { top:42px; } .prdRNugz_wrap .table_style_recom .pddt_Tdinfo { color:#939598; font-size:13px; line-height:1.4; text-align:left; font-family:noto-R; } .prdRNugz_wrap .pddt_choice_area { margin-top:65px; } .prdRNugz_wrap .pddt_choice_area > h3 { color:#1a1a1a; font-size:22px; text-align:left; line-height:1; font-family:noto-R; } .prdRNugz_wrap .pddt_choice_box1 { position:relative; } .prdRNugz_wrap .pddt_choice_box1 > span { margin-top:12px; } .prdRNugz_wrap .pddt_choice_area > div > span { display:inline-block; margin-top:12px; color:#1a1a1a; font-size:18px; font-family:'noto-M'; text-align:left; line-height:1; font-family:noto-R; } .prdRNugz_wrap .pddt_choice_area .q_mark:hover .choice_layer { display:block; } .prdRNugz_wrap .pddt_choice_area .q_mark .choice_layer { display:none; position:Absolute; left:38px; top:-30px; padding:10px; min-width:250px; border:1px solid #252525; text-align:center; font-family:noto-R; color:#282828; font-size:12px; font-style:normal; line-height:1.4; background-color:#fff; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); z-index:99; box-sizing:border-box; } .prdRNugz_wrap .choice_layer:after, .prdRNugz_wrap .choice_layer:before { content:""; position:absolute; right:100%; top:50%; border:solid transparent; height:0; width:0; pointer-events: none; } .prdRNugz_wrap .choice_layer:after { border-color:rgba(255, 255, 255, 0); border-right-color:#fff; border-width:5px; margin-top:4px; } .prdRNugz_wrap .choice_layer:before { border-color:rgba(37, 37, 37, 0); border-right-color:#252525; border-width:6px; margin-top:3px; } .prdRNugz_wrap .pddt_spec { position:relative; margin-top:15px; width:1300px; } .prdRNugz_wrap .pddt_spec:before { content:""; position:Absolute; left:0; top:0; display:inline-block; width:1px; height:100%; background-color:#e8e8e8; z-index:2; background: linear-gradient(0deg, rgba(0,0,0,1) 13%, rgba(228,228,228,1) 13%); } .prdRNugz_wrap .pddt_spec .pddt_specSlide { position:relative; display:none; float:left; margin-left:0; width:960px; height:385px; /* border-left:solid 1px #e8e8e8; */ box-sizing:border-box; } .prdRNugz_wrap .pddt_spec .pddt_specSlide li { position:relative; float:left; padding:20px; width:240px !important; height:385px; border:solid 1px #e8e8e8; box-sizing:border-box; background-color:#fff; vertical-align:top; outline:none; box-sizing:border-box; } .prdRNugz_wrap .pddt_spec .pddt_specSlide li + li { border-left:none; } .prdRNugz_wrap .pddt_spec .pddt_specSlide li:hover { background-color:#f9f9f9; } .prdRNugz_wrap .pddt_spec .pddt_specSlide li.pddt_click:after { content:""; display:inline-block; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #818285; z-index:0; } .prdRNugz_wrap .pddt_specimg { position:relative; } .prdRNugz_wrap .pddt_spec .pddt_specSlide li.pddt_soldOut .pddt_spect2:after { content:"SOLD OUT"; padding-top:85px; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); /* background:url("//image5.compuzone.co.kr/img/images/product_detail/recoRN_solidoutBg.png") center top no-repeat; */ color:#fff; font-size:20px; font-family:noto-R; font-weight:bold; text-align:center; vertical-align:middle; letter-spacing:1px; box-sizing:border-box; z-index:10; } .prdRNugz_wrap .pddt_specimg .pddt_spect1 { position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; color:#fff; font-size:18px; text-align:center; font-family:'spoqa R'; background-color:#1a1a1a; z-index:20; } .prdRNugz_wrap .pddt_specimg .pddt_spect2 { width:200px; height:200px; } .prdRNugz_wrap .pddt_specimg .pddt_spect2 img { width:100%; height:100%; } .prdRNugz_wrap .pddt_specimg .pddt_spect3 { position:absolute; bottom:-10px; right:-10px; padding:10px 24px; color:#fff; font-size:14px; line-height:1.4; background-color:#1a1a1a; font-family:noto-R; z-index:20; } .prdRNugz_wrap .pddt_specInfotxt { margin-top:22px; height:84px; color:#363636; font-size:14px; line-height:1.5; font-family:noto-R; word-break:keep-all; overflow:hidden; } .prdRNugz_wrap .pddt_choice_area button { position:absolute; left:-1px; bottom:-1px; display:block; width:calc(100% + 2px); height:50px; line-height:48px; font-size:16px; font-family:noto-B; } .prdRNugz_wrap .pddt_specInfotxt .pddt_chgBtn { color:#1a1a1a; border:1px solid #1a1a1a; background:#fff url("//image5.compuzone.co.kr/img/images/product_detail/recoRN_chgBtn.png") 33% center no-repeat; background-size:22px 16px; text-indent:20px; z-index:10; } .prdRNugz_wrap .pddt_chgBtn + .pddt_chgBtn { border-left:none; } .prdRNugz_wrap .pddt_chgcBtn { color:#fff; background-color:#818285; z-index:12; } .prdRNugz_wrap .pddt_choice_area button i.icon_c { display:inline-block; margin-right:10px; width:14px; height:2px; background-color:#fff; vertical-align:4px; border-left:none; } .prdRNugz_wrap .pddt_pulscBtn { background-color:#818285; color:#fff; z-index:14; } .prdRNugz_wrap .pddt_choice_area button.pddt_pulsBtn { width:calc(100% + 2px); border:1px solid #1a1a1a; color:#1a1a1a; background-color:#fff; z-index:16; } .prdRNugz_wrap .pddt_choice_area button.pddt_pulsBtn i { display:inline-block; margin-right:5px; vertical-align:-2px; font-size:22px; font-style:normal; } .prdRNugz_wrap .pddt_spec .pddt_specSlide .slick-arrow { position:Absolute; right:0; top:-20px; left:inherit; bottom:inherit; width:20px; height:20px; border:solid 1px #e8e8e8; background-color:#ffffff; font-size:0; } .prdRNugz_wrap .pddt_spec .pddt_specSlide .slick-arrow.slick-prev { left:inherit; right:20px; border-right:none; } .prdRNugz_wrap .pddt_spec .pddt_specSlide .slick-arrow.slick-prev:before , .prdRNugz_wrap .pddt_spec .pddt_specSlide .slick-arrow.slick-next:before { content:""; position:absolute; left: 3px; top:5px; display:inline-block; width:6px; height:6px; border-style:solid; border-color:#818285; transform:rotate(45deg); } .prdRNugz_wrap .pddt_spec .pddt_specSlide .slick-arrow.slick-prev:before { border-width:0 0 2px 2px; left:7px; } .prdRNugz_wrap .pddt_spec .pddt_specSlide .slick-arrow.slick-next:before { border-width:2px 2px 0 0; } .pddt_choice_box1 .slide-counter { position:absolute; left:50%; top:15px; margin-left:235px; font-size:15px; color:#bdbec0; font-family:noto-R; } .pddt_choice_box1 .slide-counter .current { font-size:15px; color:#1a1a1a; } .pddt_choice_box1 .slide-counter .total { font-size:15px; color:#bdbec0; } .prdRNugz_wrap .pddt_specInfotxt button.pddt_pulsBtn > i { font-style:normal; margin-right:8px; font-size:22px; font-family:noto-B; vertical-align:-2px; } .prdRNugz_wrap .pddt_specGrahp { position:relative; float:right; width:339px; height:385px; box-sizing:border-box; vertical-align:top; } .prdRNugz_wrap .pddt_spec .pddt_specGrahp dl { margin-top:65px; color:#363636; font-family:noto-R; text-align:center; } .prdRNugz_wrap .pddt_spec .pddt_specGrahp dl dt { font-size:16px; font-weight:bold; } .prdRNugz_wrap .pddt_spec .pddt_specGrahp dl dd { font-size:12px; } .prdRNugz_wrap .chart { margin:15px auto 0; width:210px; height:210px; position:relative; left:0; top:0; } .prdRNugz_wrap .doughnutSummaryNumber { font-size:20px; color:#363636; font-family:'spoqa R'; font-weight:bold; letter-spacing:0; } .prdRNugz_wrap .doughnutSummary { top:53%; } .prdRNugz_wrap .pddt_choice_box2 { margin-top:50px; } .prdRNugz_wrap .pddt_os { margin-top:15px; } .prdRNugz_wrap .pddt_osList { float:left; width:961px; box-sizing:border-box; } .prdRNugz_wrap .pddt_osList > li { float:left; width:50%; height:300px; border:solid 1px #e8e8e8; box-sizing:border-box; } .prdRNugz_wrap .pddt_osList > li + li { border-left:none; } .prdRNugz_wrap .pddt_osList .pddt_top { display:table; padding:22px 20px 0; box-sizing:border-box; } .prdRNugz_wrap .pddt_osList .pddt_top .pddt_topimg { display:table-cell; width:200px; height:200px; } .prdRNugz_wrap .pddt_osList .pddt_top .pddt_topimg img { width:100%; height:100%; } .prdRNugz_wrap .pddt_osList .pddt_top .pddt_toptxt { position:relative; display:table-cell; width:220px; padding-left:20px; vertical-align:top; } .prdRNugz_wrap .pddt_osList .pddt_top .pddt_topname { display:inline-block; height:88px; color:#1a1a1a; font-size:14px; line-height:1.5; word-break:keep-all; overflow:hidden; } .prdRNugz_wrap .pddt_osList button { position:absolute; left:20px; bottom:0; width:220px; height: 50px; font-size:16px; color:#1a1a1a; font-family:noto-B; border:solid 1px #1a1a1a; background-color:#ffffff; } .prdRNugz_wrap .pddt_osList .pddt_top .pddt_addBtn > i { margin-right:8px; font-size:22px; font-family:noto-B; vertical-align:-2px; font-style:normal; } .prdRNugz_wrap .pddt_osList .pddt_top .pddt_ccBtn { border:none; background-color:#818285; color:#fff; } .prdRNugz_wrap .pddt_osList .ex_txt { margin-top:25px; font-size:14px; color:#a7a9ac; font-family:noto-R; text-align:center; } .prdRNugz_wrap .pddt_osList .ex_txt > i { margin-right:5px; display:inline-block; width:14px; height:14px; line-height:13px; border:1.5px solid #a7a9ac; border-radius:50%; font-size:11px; color:#a7a9ac; font-style:normal; font-weight:bold; vertical-align:1px; } .prdRNugz_wrap .pddt_os .pddt_specGrahp { height:300px; text-align:center; } .prdRNugz_wrap .pddt_os .pddt_specGrahp > h3 { margin-top:25px; font-size:16px; color:#363636; font-family:noto-R; } .prdRNugz_wrap .pddt_os .pddt_specGrahpPer { width:50px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-30px; text-align:center; } .prdRNugz_wrap .pddt_os .doughnutSummary { display:none; } .prdRNugz_wrap .pddt_os .pddt_specGrahpPer dl + dl { margin-top:10px; } .prdRNugz_wrap .pddt_os .pddt_specGrahpPer dl dt { font-size:15px; color:#363636; line-height:1; } .prdRNugz_wrap .pddt_os .pddt_specGrahpPer dl dd { font-size:20px; font-weight:bold; font-family:noto-R; } .prdRNugz_wrap .pddt_os .pddt_specGrahpPer dl.pddt_oshome dd { color:#0078d7; } .prdRNugz_wrap .pddt_os .pddt_specGrahpPer dl.pddt_ospro dd { color:#5c2e91; } /* #pdRecomDefaultArea2 , .prdRNgame_wrap { margin-top:85px; } */ .prdRNgame_slide { height:680px; } .prdRNgame_slide li.prdRNgame_bg { position:relative; height:680px; } .prdRNgame_slide .prdRNgame_title { font-size:30px; color:#fff; padding-top:92px; text-align:center; font-family:noto-R; } .prdRNgame_slide li > dl { display:table; min-width:350px; position:absolute; left:50%; margin-left:260px; bottom:120px; text-align:left; } .prdRNgame_slide li > dl dt { display:table-cell; width:25%; color:#a7a9ac; font-size:58px; font-weight:bold; vertical-align:top; } .prdRNgame_slide li > dl dd { display:table-cell; width:75%; color:#fff; vertical-align:middle; } .prdRNgame_slide li > dl dd p:first-child { font-size:18px; font-family:noto-B; } .prdRNgame_slide li > dl dd p:last-child { font-size:16px; font-family:noto-R; } .prdRNpsb_slide .slick-arrow { opacity:0; left:50%; width:60px; height:60px; border-radius:50%; font-size:0;} .prdRNpsb_slide:hover .slick-arrow{ opacity:1; } .prdRNpsb_slide .slick-arrow.slick-prev, .prdRNpsb_slide .slick-arrow.slick-next {width: 30px; height: 30px; margin-top:-20px; background: #fff; border-radius: 50%; z-index: 2; transform: translateY(-50%); transition: all 0.3s; box-shadow: 0px 3px 6px #00000029;} .prdRNpsb_slide .slick-arrow.slick-prev {left:-5px;} .prdRNpsb_slide .slick-arrow.slick-next {box-shadow:3px 3px 12px #00000014; right:-5px; left:inherit;} .prdRNpsb_slide .slick-arrow.slick-prev:before {content: ""; width: 7px; height: 7px; position: absolute; top: 11px; left: 13px; transform: rotate(45deg); border: 1px solid #949494; border-top: none; border-right: none; box-shadow: 0px 3px 6px #00000029;} .prdRNpsb_slide .slick-arrow.slick-next:before { content: ""; width: 7px; height: 7px; position: absolute; top: 11px; left: 10px; border: 1px solid #949494; border-top: none; border-right: none; transform: rotate(-135deg);} .prdRNpsb_slide .slick-dots { bottom:50px; font-size:0; } .prdRNpsb_slide .slick-dots li { width:8px; height:8px; margin:0; } .prdRNpsb_slide .slick-dots li button { width:8px; height:8px; padding:0; border-radius:50%; background: rgba( 255, 255, 255, 0.2 ); font-size:0; } .prdRNpsb_slide .slick-dots li button:before { font-size:0; width:0; } .prdRNpsb_slide .slick-dots li.slick-active button { background-color:#fff; } .prdRNprog_wrap {} .prdRNprog_wrap h3 {padding-top:80px; text-align: center;} .prdRNprog_wrap .prdRNprog_bg {width:1000px; margin:40px auto 0; padding:50px; background:#948CFF; border-radius: 30px; box-sizing: border-box;} .prdRNprog_wrap .prdRNprog_slide { width:920px; margin: 0 0 0 -10px; padding-bottom:38px;} .prdRNprog_wrap .prdRNprog_slide li { text-align:center; outline:none; margin:0 4px;} .prdRNprog_wrap .prdRNprog_slide li span { position:relative; display:inline-block; width:210px; height:210px; border-radius:15px; overflow: hidden;} .prdRNprog_wrap .prdRNprog_slide li span img { position:Absolute; left:50%; top:50%; transform:translate(-50% , -50%); display:inline-block; height:100%; } .prdRNprog_wrap .prdRNprog_slide li p { margin-top:10px; font-size:14px; font-family:noto-R; } .prdRNprog_wrap .prdRNprog_slide li.progy span { background:rgba(255,255,255,1); } .prdRNprog_wrap .prdRNprog_slide li.progy p { color:#fff; } .prdRNprog_wrap .prdRNprog_slide li.progn span { background:rgba(255,255,255,0.3); } .prdRNprog_wrap .prdRNprog_slide li.progn p { color:#3341ad; font-weight:bold; } .prdRNprog_wrap .prdRNpsb_slide .slick-arrow { margin-top:-20px; } .prdRNprog_wrap .slick-dots { bottom:0; } .prdRNport_wrap .prdRNport_list { margin: 40px auto 0; text-align:center; font-size:0; background: #f2f2f2; border-radius: 30px; padding: 50px; width: 1000px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; gap:20px;} .prdRNport_wrap .prdRNport_list > li {position: relative; display: inline-block; text-align: center; width: 210px; height: 240px; border-radius: 10px; box-sizing: border-box;} .prdRNport_wrap .prdRNport_list .prdRNport_img { display:inline-block; width:210px; height:210px; border-radius: 15px; overflow:hidden;} .prdRNport_wrap .prdRNport_list .prdRNport_img img {width:100%;} .prdRNport_wrap .prdRNport_list > li > p { margin-top:10px; color:#1a1a1a; font-size:20px; font-family:'spoqa R'; font-weight: normal; line-height:1; } #contents .table_style_recom .name a + p { margin-top:5px; } .prdRNport_wrap .prdRNport_list .prdRNport_Num {display: flex; align-items: center; justify-content: center; margin:0; padding:0 12px; position: absolute; top:10px; left:10px; height:34px; border-radius: 17px; background-color: #fff; color: #1C8FED; border:1px solid #1C8FED; font-size: 14px; font-family: 'noto-M'; box-sizing: border-box;} .prdRNplay_wrap .prdRNplay_box { margin:38px auto 0; width:1000px; height:500px; border-radius: 30px; overflow: hidden;} .prdRNget_wrap .recoRNget_box { margin-top:60px; text-align:center; font-size:0; } .prdRNget_wrap .recoRNget_box > li { display:inline-block; width:480px; height:222px; border-radius:20px; box-shadow:0 2px 30px 0 rgba(0, 0, 0, 0.16);-webkit-box-shadow:0 2px 30px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow:0 2px 30px 0 rgba(0, 0, 0, 0.16); -ms-box-shadow:0 2px 30px 0 rgba(0, 0, 0, 0.16);-o-box-shadow:0 2px 30px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; } .prdRNget_wrap .recoRNget_box > li + li { margin-left:50px; } .prdRNget_wrap .recoRNget_box > li > div { float:left; width:50%; height:100%; box-sizing:border-box; } .prdRNget_wrap .recoRNget_img { text-align:center; padding-top:65px; } .prdRNget_wrap .recoRNget_txt { padding-top:49px; text-align:left; } .prdRNget_wrap .recoRNget_txta { display:inline-block; padding:6px 11px; background-color: #58585a; color:#fff; font-size:14px; line-height:1; font-family:noto-R; } .prdRNget_wrap .recoRNget_txtb { margin-top:5px; color:#1a1a1a; font-size:16px; font-family:noto-R; } .prdRNget_wrap .recoRNget_txtc { color:#1a1a1a; font-size:22px; font-family:noto-B; } .prdRNget_wrap .recoRNget_txtd { margin-top:11px; color:#1a1a1a; font-size:14px; font-family:noto-R; } .pdtl_20wrap.prdRNrep_wrap , .pdtl_20wrap.prdRNget_wrap { margin-top:0; padding:0; } .prdRNrep_wrap .prdRN_more { position:relative; margin-left:10px; display:inline-block; color:#31d9f8; font-size:16px; } .prdRNrep_wrap .prdRN_more:after { content:""; position:Absolute; right:-10px; top:7px; display:inline-block; width:6px; height:6px; border:1px solid #31d9f8; border-width:1.5px 1.5px 0 0; transform:rotate(45deg); } .prdRNrep_wrap .prdRNrep_stepListBox { position:relative; margin:90px auto 0; width:945px; font-size:0; z-index:1; } .prdRNrep_wrap .prdRNrep_stepListBox:before { content:""; position:absolute; left:50%; margin-left:-340px; top:13px; display:inline-block; width:700px; height:5px;background-color:#5E98DC;background:linear-gradient(to right, #75f8d2 -35%, #6096db 56%, #2ae3fc);background:-webkit-linear-gradient(to right, #75f8d2 -35%, #6096db 56%, #2ae3fc);background:-o-linear-gradient(to right, #75f8d2 -35%, #6096db 56%, #2ae3fc);background:-ms-linear-gradient(to right, #75f8d2 -35%, #6096db 56%, #2ae3fc);background:-moz-linear-gradient(to right, #75f8d2 -35%, #6096db 56%, #2ae3fc); z-index:-1; } .prdRNrep_wrap .prdRNrep_stepListBox > li { display:inline-block; width:calc((100% - 240px) / 3); color:#fff; vertical-align:top; } .prdRNrep_wrap .prdRNrep_stepListBox > li + li { margin-left:120px; } .prdRNrep_wrap .prdRNrep_stepListBox > li.prdRNrep_step1 span { background-color:#70E0D4; } .prdRNrep_wrap .prdRNrep_stepListBox > li.prdRNrep_step2 span { background-color:#5E98DC; } .prdRNrep_wrap .prdRNrep_stepListBox > li.prdRNrep_step3 span { background-color:#2BE1FB; } .prdRNrep_wrap .prdRNrep_stepListBox > li > span { display:inline-block; padding:8px 17px; border-radius:15px; color:#fff; font-size:14px; line-height:1; font-family:noto-R; } .prdRNrep_wrap .prdRNrep_stepListBox > li > dl { margin-top:22px; } .prdRNrep_wrap .prdRNrep_stepListBox > li > dl > dt { color:#fff; font-size:24px; line-height:1.25; font-family:noto-B; } .prdRNrep_wrap .prdRNrep_stepListBox > li > dl > dd { margin-top:9px; color:#fff; font-size:16px; line-height:1.5; word-break:keep-all; font-family:noto-R; } .prdRNrep_wrap .prdRNrep_stepTxt { display:inline-block; padding:15px 117px; margin-top:50px; color:#bdbec0; font-size:14px; line-height:1.5; font-family:noto-R; background-color:#1055A9; } /*추천조립PC 팝업 */ #pdtl_20Pop { position:fixed; left:50%; top:50%; margin:-80px 0 0 -211px; padding:50px 55px 20px; min-width:310px; min-height:100px; border:1px solid #6c6c6c; background-color:#fff; color:#1a1a1a; font-size: 15px; font-family: noto-R; letter-spacing: -0.5px; text-align:center; z-index:100; } #pdtl_20Pop > .p_close { position: absolute; display: inline-block; top:18px; right:18px; left:auto; bottom:inherit; width: 20px; height:20px; background:url("//image5.compuzone.co.kr/img/images/ask_estimate/ae_icon5.png") center top no-repeat; background-size:cover; } #pdtl_20Pop .pdtl_20Pbtn { margin-top:30px; width:100%; font-size:0; border:1px solid #6c6c6c; } #pdtl_20Pop .pdtl_20Pbtn > button { position:static; display:inline-block; width:50%; height:45px; font-size: 15px; font-family: noto-R; letter-spacing: -0.5px; text-align:center; } #pdtl_20Pop .pdtl_20Pbtn > button.w_btn { color:#1a1a1a; } #pdtl_20Pop .pdtl_20Pbtn > button.b_btn { background-color:#1a1a1a; color:#fff; } /* 추천조립PC 개편 -200605- */ /* 구해줘 견적 추가 200617 */ .payback_price_inner > span { color:#008dd6; font-size:15px; font-family:'spoqa R'; } .payback_price_inner > span > span { font-family:noto-R; } .payback_price_inner .est_evtgo { display:inline-block; margin-left:28px; width:130px; height:30px; background-color:#f9f9f9; border:1px solid #d8d8d8; box-sizing:border-box; } .payback_price_inner .est_evtgo:hover a { text-decoration:none; } .payback_price_inner .est_evtgo a { position:relative; display:block; color:#1a1a1a; font-size:14px; line-height:28px; font-family:noto-R; text-indent:15px; } .payback_price_inner .est_evtgo a:before { content:""; position:Absolute; right:12px; top:10px; display:inline-block; width:6px; height:6px; border-width:1px 1px 0 0; border-style:solid; border-color:#6c6c6c; transform: rotate(45deg); } /* 구해줘 견적 추가 끝 200617 */ /* 재입고 알림 추가 200608 */ .btn_flex {display:inline-flex; gap:5px;} .return_order_bell_img { width: 14px; height: 14px; background:url(//image5.compuzone.co.kr/img/images/product_detail/return_order_200520.png) -47px 0; display: inline-block; } .return_order_bell_bt { border:1px solid #ff5555; padding: 0 5px; box-sizing: border-box; display: inline-block; font-size: 11px; color: #ff5555; line-height: 22px; vertical-align: middle; margin-top: 4px; cursor: pointer; } .return_order_bell_bt .return_order_bell_img { vertical-align: -3px; margin: 0 3px 0 1px; } /* 비슷한상품 버튼 */ .similar_pd_btn {border:1px solid #1C8FED; padding: 0 5px; box-sizing: border-box; display: inline-block; font-size: 11px; font-family: '맑은고딕'; color: #1C8FED; line-height: 22px; margin-top: 4px; cursor: pointer;} .similar_pd_btn .similar_icon {width: 14px; height: 14px ;background:url(//image5.compuzone.co.kr/img/images/product_detail/similar_icon.png) center no-repeat; display: inline-block; vertical-align: -2px; margin: 0 3px 0 1px; } #contents .pdtl_row_top .pdtl_col_rgt .optN .pdtl_opt .pdtl_scroll { max-height: 416px; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info { padding-right: 170px; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .price_wrap { position: absolute; right: 0; top: 50%; display:flex; flex-direction: column; text-align: right; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .price_wrap .price { position: relative; font-family:'spoqa R';} #contents .pdtl_opt .pdtl_scroll .pdtl_select_lst li a { position: relative; } #contents .pdtl_opt .pdtl_scroll .pdtl_select_lst li a > .txt { display: table-cell; vertical-align: middle; max-width: 380px; line-height: 18px; } #contents .prd_opt_LyPop .pdtl_opt .pdtl_scroll .pdtl_select_lst li a > .txt { max-width: 370px; } #contents .pdtl_opt .pdtl_scroll .pdtl_select_lst li a > .return_order_bell_bt { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); margin-top: 0; } /* 버튼형 옵션 재입고 추가하면서 CSS 다시 맞춤. 200609 */ #contents .pdtl_row_top .pdtl_col_rgt .pdN { position:relative; border-bottom: 1px solid #f0f2f5; padding: 20px 0; font-family: 'spoqa R'; } #contents .pdtl_row_top .pdtl_col_rgt .pdN:after { content: ''; clear: both; display: block; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box ul { width: 615px; display:block; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box ul:after { content: ''; clear: both; display: block; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box ul li { position:relative; float:left; min-height: 70px; max-height: 70px; width: 200px; border: 0; margin-right: 5px; margin-bottom: 5px; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box input[type=radio] { display:none; } /* 내용이 한줄일때를 위해 추가함. 200617 */ #contents .pdtl_row_top .pdtl_col_rgt .opt_Box .option_item { position:absolute; left: 0; bottom: 0; display: inline-block; word-break:break-all; overflow:hidden; width:100%; height: 58px; padding:12px; line-height:16px; font-size: 14px; text-align: center; border: 1px solid #b7bbc0; -webkit-box-sizing: border-box; box-sizing: border-box; color:#1a1a1a; cursor: pointer; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box .option_item > span { display: inline-block; position: relative; top:50%; transform: translateY(-50%); text-align: left; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box label { top: auto; transform: translateY(0); } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box .checked label { border-color: #1a1a1a; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box .sold_out label { background: #f9f9f9; color: #9a9a9a; } .retrun_order_info { margin-top: 12px; height: 25px; font-size: 14px; color:#1a1a1a; line-height: 25px; } .retrun_order_info .retrun_order_circle_btn { vertical-align: top; cursor: default; margin-right: 5px; } .retrun_order_circle_btn { width: 25px; height: 25px; border:1px solid #ff5555; border-radius: 50%; display: inline-block; box-sizing: border-box; background: #fff; cursor: pointer; } .retrun_order_circle_btn .return_order_bell_img { margin: 5px; } #contents .pdtl_row_top .pdtl_col_rgt .opt_Box .sold_out .retrun_order_circle_btn { position: absolute; top: 0; right: 7px; } /* 재입고 알림 추가 */ /* 중고상품 유의사항 200706 */ .total_price .txt_notice { font-family: '맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif; font-size: 13px; line-height: 14px; display: inline-block; margin-top: 5px; color: #F14738; position: relative; cursor: pointer; } .total_price .txt_notice .ico_notice { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -14px -16px; width: 14px; height: 14px; display: inline-block; margin-right: 4px; vertical-align: text-top; margin-top: 1px; } .pdtl_col_rgt .total_price { box-sizing: border-box; padding: 30px 0 20px; } .txt_notice_popup { width: 564px; padding: 38px; box-sizing: border-box; left: 50%; top: 25vh; margin-left: -280px; display: block; transform: translate(0, 0); } .txt_notice_popup .txt_notice_title { font-family: noto-B; font-size: 18px; color: #1a1a1a; line-height: 18px; height: 36px; width: 100%; border-bottom: 1px solid #1a1a1a; } .txt_notice_popup > ul { padding-top: 19px; max-height: 280px; overflow-y: auto; width: 100%; } .txt_notice_popup > ul > li { font-family: noto-M; font-size: 14px; color: #4f4f4f; line-height: 29px; width: 100%; word-break: keep-all; letter-spacing: -0.8px; } .txt_notice_popup > ul > li > span { font-family: noto-M; font-size: 14px; color: #F14738; line-height: 29px; word-break: keep-all; letter-spacing: -0.8px; } #contents .pdtl_row_top .pdtl_col_top .notice .txt_notice { font-family: '맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif; } #open_pr_notice_btn.more_notice { text-decoration: none; } .count_wrap { width: 62px; height: 18px; } .notice .count_wrap { position:relative; } .notice .more_notice { position:relative; display:block; color:#a0a0a0; font-size: 12px; margin-top:5px; width: 62px; } .notice .notice_more_btn { position:absolute; left:50px; top:10px; background: #fff; border: 2px solid #fff; display: inline-block; } .notice_more_btn:after, .notice_more_btn:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .notice_more_btn:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 3px; margin-left: -3px; } .notice_more_btn:before { border-color: rgba(163, 163, 163, 0); border-bottom-color: #a0a0a0; border-width: 5px; margin-left: -5px; } .notice .notice_more_btn.off { top:4px; } .notice_more_btn.off:after, .notice_more_btn.off:before { bottom: auto; top: 100%; } .notice_more_btn.off:after { border-top-color: #fff; border-bottom-color: rgba(163, 163, 163, 0); } .notice_more_btn.off:before { border-bottom-color: #fff; border-top-color: #a0a0a0; } /* 중고상품 유의사항// */ /* 출장설치 200709 */ #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area .q_mark { margin-top: 1px; } #ServiceInfoLayer.layer_pop .btn_box { width: 100%; overflow: hidden; margin-top: 17px; } #ServiceInfoLayer.layer_pop a { padding: 11px 0; width: 50%; display: inline-block; text-align: center; font-family: noto-R; font-size: 15px; text-decoration: none; float: left; box-sizing: border-box; /* letter-spacing: -1px; */ } #ServiceInfoLayer.layer_pop .btn_go { background: #1a1a1a; color: #fff; border: 1px solid #1a1a1a; margin-top: 0; } #ServiceInfoLayer.layer_pop .as_popup_go { background: #fff; border: 1px solid #ccc; color: #1a1a1a; } #ServiceInfoLayer.layer_pop .as_area_icon { background: url(//image5.compuzone.co.kr/img/images/asvisit2013/as_area_icon2.png); width: 10px; height: 14px; display: inline-block; margin-right: 6px; vertical-align: text-top; margin-top: 4px; } #ServiceInfoLayer1.layer_pop .qna_write, #ServiceInfoLayer2.layer_pop .qna_write { padding: 10px 10px 0; } #ServiceInfoLayer1.layer_pop .sub_txt, #ServiceInfoLayer2.layer_pop .sub_txt { margin: 0 0 13px; color: #4f4f4f; text-align: left; font-size: 14px; line-height: 20px; word-break: keep-all; } #ServiceInfoLayer1.layer_pop .sub_txt.sub_txt13, #ServiceInfoLayer2.layer_pop .sub_txt.sub_txt13 { margin: 0 0 3px; font-size: 13px; } #ServiceInfoLayer1.layer_pop .sub_txt_B, #ServiceInfoLayer2.layer_pop .sub_txt_B { margin: 0 0 3px; color:#1a75d2; letter-spacing: -1px; word-break: keep-all; text-align: left; font-size: 14px; line-height: 20px; } #ServiceInfoLayer1.layer_pop .sub_txt_R, #ServiceInfoLayer2.layer_pop .sub_txt_R { margin: 13px 0 3px; color:#F14738; letter-spacing: -1px; text-align: left; font-size: 14px; line-height: 20px; } /* 코즈몰 연동 CSS */ /*제품상세*/ #contents .pdtl_row_top .pdtl_col_lft .item_image.item_ccimage .main_img .lst li { position:relative; } #contents .item_ccimage .item_cclogo { position:absolute; left:23px; top:21px; display:inline-block; width:39px; height:39px; background:url("//image5.compuzone.co.kr/img/images/product_detail/c_cozLogo.png") -64px 0; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area .btn_New a:after { content:""; display:block; clear:both; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area.new_p_ccarea .btn_New > a > i.coz_icon { float:left; display:inline-block; margin:10px 40px 0 0; width:62px; height:15px; background:url("//image5.compuzone.co.kr/img/images/product_detail/c_cozLogo.png") -130px 0; vertical-align:middle; } #contents .pdtl_row_top .pdtl_col_lft .new_p_area.new_p_ccarea .btn_New > a > i.coz_icon + span { float:left; } #contents .info_ccheader .coz_logo { float:left; margin-right:20px; margin-bottom:0; font-size:20px; color:#1a1a1a; line-height:1; } #contents .info_ccheader .coz_logo > i { display:inline-block; margin-right:8px; width:25px; height:25px; background:url("//image5.compuzone.co.kr/img/images/product_detail/c_cozLogo.png") -104px 0; vertical-align:middle; } #contents .info_ccprice .price_acct { float:left; margin-top:5px; color:#ff5555; font-size:13px; line-height:1; font-family:'spoqa R'; } #contents .info_ccCoupon .coupon_inner { position:relative; } #contents .pdtl_row_top .pdtl_col_rgt .info_ccCoupon .coupon_inner .coupon { left:0; top:0; float:none; border:1px solid #f24638; color:#f24638; z-index:2; } #contents .pdtl_row_top .pdtl_col_rgt .info_ccCoupon .coupon_inner .coupon:after { background:#ffbcb6; z-index:-1; } #contents .info_ccCoupon .cc_qmark { display:inline-block; margin-left:10px; width:16px; height:16px; line-height:14px; border:solid 1px #b7bfc8; color:#b7bfc8; font-size:12px; font-family:'spoqa R'; font-style:normal; text-align:center; cursor:pointer; } #contents .coz_redorange { color:#f45c4f; } .layer_pop .coupon_area.ccCoupon_area .coupon_txt { background:none; background-color:#f24638; } .layer_pop .coupon_area.ccCoupon_area .coupon_txt > span { display:block; width:100%; height:100%; text-align:center; color:#fff; font-size:15px; line-height:50px; writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -moz-writing-mode:vertical-rl; -o-writing-mode:vertical-rl; transform:rotate(180deg); transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); letter-spacing:0px; font-family:Noto-R; } .coz_coponSale { display:block; margin-top:8px; width:215px; padding:5px 10px; font-size:12px; color:#f24638; background:#f9f9f9; border:1px solid #d8d8d8; border-left:0; border-right:0; line-height:1.3; box-sizing:border-box; } .coz_coponSale strong { font-size:16px; } #contents .pdtl_col_rgt .seleted_list .item_result .prod_area .opt_txt { padding-top:7px; } .seleted_list.selected_cclist .item_result .prod_area { padding-bottom:0; margin-bottom:0; } #contents .pdtl_col_rgt .seleted_list.selected_cclist .item_result .add_price_Box { margin-top:17px; } .pdtl_col_rgt .total_price.total_ccPrice .btn_area .buy { background-color:#f24638; border:1px solid #f24638; } #optionLayer .optionView .viewWrap .optionTotal .btn_area.btn_areaCC a.buy { background-color: #f24638; border:1px solid #f24638; } .pdtl_col_rgt .total_price .btn_area.soldOutCC , #optionLayer .optionView .viewWrap .optionTotal .btn_area.soldOutCCa { width:100%; height:50px; line-height:48px; border:1px solid #d4d4d4; background:#fff; color:#1a1a1a; font-size:16px; font-weight:bold; text-align:center; } #bg_section2.bg_ccSection2 { margin-top:20px; } .bg_ccSection2 #contents .tab_menu ul li.on a { border-color:#f24638; } #contents .pdtl_dtlcont_wrap table { width:100%; } .pdtl_dtlcont_wrap .certifi_wrap { margin-top:65px; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_boxTxt { color:#282828; font-size:14px; font-family: Noto-R; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_box { display:table; table-layout:fixed; width:100%; height:168px; border:1px solid #d8d8d8; box-sizing:border-box; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_img { display:table-cell; width:168px; background:#f9f9f9; background-size:54px 81px; vertical-align:middle; text-align:center; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_info { display:table-cell; padding:0 20px 0 40px; vertical-align:middle; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_info .certifi_infotxt { text-align:left; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_info .certifi_infotxt > dt { margin-bottom:22px; color:#282828; font-size:14px; font-family:Noto-R; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_info .certifi_infotxt > dd { color:#6c6c6c; font-size:14px; line-height:1.5; font-family:'spoqa R'; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_info .certici_btn { display:inline-block; margin-left:7px; padding:0 13px; height:22px; line-height:22px; border:1px solid #cacaca; border-radius:2px; color:#6c6c6c; font-size:13px; } .pdtl_dtlcont_wrap .certifi_wrap .certifi_info .certici_warning { margin-top:11px; color:#d84b4b; font-size:14px; line-height:1; font-family:'spoqa R'; text-align:right; } .pdtl_dtlcont_wrap .ccozPrd_wrap { margin-top:108px; } .pdtl_dtlcont_wrap .sellerInfo_wrap { margin-top:156px; } .pdtl_dtlcont_wrap .ccreview_wrap { margin-top:70px; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_box { position:relative; display:table; width:100%; height:186px; border:1px solid #eaeaea; text-align:center; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_box:before { content:""; position:absolute; left:50%; margin-top:-45px; top:50%; display:inline-block; width:1px; height:98px; background-color:#eaeaea; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_starArea { display:table-cell; width:50%; padding:0 194px; font-size:0; text-align:left; vertical-align:middle; } .pdtl_dtlcont_wrap .ccreview_wrap .avgDetail_starN { float:left; width: 163px; height: 28px; background: url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") #fff -10px -127px; } .pdtl_dtlcont_wrap .ccreview_wrap .avgDetail_star { left:0; top:0; display: inline-block; height: 28px; background: url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") #fff -10px -93px; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_startxt { display:inline-block; margin-top:-3px; margin-left:30px; color:#1a1a1a; font-size:34px; line-height:1; font-family:noto-B; vertical-align:top; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_starArea p { margin-top:15px; color:#1a1a1a; font-size:16px; font-family:noto-R; text-align:center; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_starArea p > span { font-size:15px; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grpArea { display:table-cell; width:50%; vertical-align:top; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grpList { position:relative; margin:35px auto 0; width:229px; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grpList:before { content:""; position:absolute; left:18px; bottom:31px; display:inline-block; width:192px; height:1px; background-color:#ccc; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grpList:after { content:""; display:block; clear:both; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grpList li { position:relative; float:left; width:46px; margin:0 15px; text-align:center; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grp_mask { position: relative; display:block; margin:0 auto; width:40px; height:70px; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grp_prgrss { position: absolute; right:0; bottom:0; left:0; min-height:1px; background:#434343; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grp_prgrss.on { background:#f24638; } .pdtl_dtlcont_wrap .ccreview_wrap .ccreview_grp_prgrss_per { position: absolute; top:-23px; right:0; left:0; font-size:15px; letter-spacing:0.05px; color:#6c6c6c; text-align: center; white-space: nowrap; } .pdtl_dtlcont_wrap .ccreview_wrap .cdtl_grp_prgrss_cnt { display: block; padding-top:10px; color:#434343; font-size:15px; font-family: noto-M; text-align: center; white-space: nowrap; } .pdtl_dtlcont_wrap .ccdeliv_wrap { margin-top:45px; } .pdtl_dtlcont_wrap .ccPrdIfo_wrap { margin-top:105px; } .pdtl_dtlcont_wrap .ccNotice_wrap { margin:95px 0 40px; } .pdtl_dtlcont_wrap .ccNotice_wrap .ccNotice_box { padding-top:15px; border-top:1px solid #989898; color:#8a8989; font-size:15px; line-height:1.7; font-family: noto-L; } /* paging */ #contents .paging {display:flex; align-items: center; justify-content: center; width:100%; text-align: center; margin:40px auto 0;} #contents .paging a {display:block; width:30px; height:30px; line-height:28px; margin-right:5px; text-align: center; border:1px solid #ddd; font-size:12px; color:#222; box-sizing: border-box;} #contents .paging a.on, #contents .paging a.hover {background:#222; border:1px solid #222; color:#fff; font-weight:bold;} #contents .paging a:last-child {margin-right:0;} #contents .paging a.next {margin:0 5px; background:#fff url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -117px -132px no-repeat; text-indent:-9999px;} #contents .paging a.prev {margin-right: 10px; background: #fff url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -97px -132px no-repeat; text-indent:-9999px;} /* 코즈몰 연동 CSS 끝 */ /* 멀티탭 추가 200810 */ .recomPC_area .recomPC_tabMu li a { width: 118px; } /* 구입문의, 사업자 회원 추가 200810 */ .op_list_bt { width: 80px; height: 24px; box-sizing: border-box; display: inline-block; padding-left: 2px; font-size: 11px; line-height: 22px; text-align: center; vertical-align: middle; margin-top: 4px; cursor: pointer; } .op_list_bt.SG { border: 1px solid #d6d8dc; background: #f9f9f9; color: #6c6c6c; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .dealer { position: relative; right: 0; bottom: 0; line-height: 20px; color: #0e0e0e; font-size: 13px; } /* 빠른픽업 201118 */ .layer_pop .text_box { line-height: 20px; } .layer_pop .text_box > b.quick_pick_txt { color: #1C8FED; font-size:13px; font-family: noto-M; font-style: italic; padding-left: 10px; display: inline-block; position: relative; line-height: 20px; margin-right: 5px; } .layer_pop .text_box > b.quick_pick_txt:before { content: ''; position: absolute; width: 10px; height: 17px; background: url(//image5.compuzone.co.kr/img/images/product_detail/evt28221_icon_S.png) top center no-repeat; display: inline-block; left: 0; top: 2px; } /* 하단 DB 위쪽 빠른 픽업 배너 */ #contents .pdtl_dtlcont_wrap .quick_pickUP { margin-top: 45px; padding: 58px 116px; position: relative; font-family: noto-R; background-color: #e2f1fc; height: auto; box-sizing: border-box; } #contents .pdtl_dtlcont_wrap .quick_pickUP > button { position: absolute; top: 50%; margin-top: -31px; right: 137px; width: 303px; height: 62px; background-color: #2e2e2e; color: #fff; font-family: noto-M; font-size: 18px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > button > i { font-style: normal; color: #fff; font-family: "spoqa T"; font-size: 18px; display: inline-block; margin-left: 10px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > h2 { color: #121212; font-size: 30px; font-family: noto-M; font-weight: normal; display: inline-block; line-height: 1; margin-bottom: 0; } #contents .pdtl_dtlcont_wrap .quick_pickUP > h2 > b { color: #1C8FED; font-size: 30px; font-family: noto-B; font-style: italic; font-weight: normal; padding-left: 22px; display: inline-block; position: relative; line-height: 1; margin-right: 10px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > h2 > b:before { content: ''; position: absolute; width: 22px; height: 33px; background: url(//image5.compuzone.co.kr/img/images/product_detail/evt28221_icon_L.png) top center no-repeat; display: inline-block; left: 0; top: 0; } #contents .pdtl_dtlcont_wrap .quick_pickUP > p { color: #1a1a1a; font-family: noto-R; font-size: 18px; line-height: 1.4; margin-top: 15px; letter-spacing: -1px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > p > em { color: #e43938; font-style: normal; font-family: noto-R; font-size: 18px; line-height: 1.4; letter-spacing: -1px; } /* 상단 인포 빠른 픽업 배너 */ #contents .pdtl_row_top .pdtl_col_rgt .pd.info_bnr { height: 53px; border: 0; padding: 0; } #contents .pdtl_row_top .pdtl_col_rgt .pd.info_bnr > a { height: 53px; width: 100%; display: inline-block; text-align: center; text-decoration: none; } #contents .pdtl_row_top .pdtl_col_rgt .pd.info_bnr > a > p { font-family: noto-R; font-size: 14px; line-height: 53px; color: #1a1a1a; } #contents .pdtl_row_top .pdtl_col_rgt .pd.info_bnr > a > p > b.quick_pick_txt { color: #1C8FED; font-size:15px; font-family: noto-M; font-style: italic; padding-left: 10px; display: inline-block; position: relative; line-height: 17px; margin-right: 5px; } #contents .pdtl_row_top .pdtl_col_rgt .pd.info_bnr > a > p > b.quick_pick_txt:before { content: ''; position: absolute; width: 10px; height: 17px; background: url(//image5.compuzone.co.kr/img/images/product_detail/evt28221_icon_S.png) top center no-repeat; display: inline-block; left: 0; top: 0; } #contents .pdtl_row_top .pdtl_col_rgt .pd.info_bnr > a > p > em { color: #e43938; font-family: noto-R; } /* 특별혜택 // 천원의 행복 */ #contents .pdtl_row_top .pdtl_col_rgt .pd.special_benefits input.chkMedium[type="checkbox"] + label.chkMedium > p { margin-top: 2px; font-size: 15px; vertical-align: -1px; line-height: 18px; display: inline-block; animation: blink_color 1s linear infinite; } @keyframes blink_color { 0%, 50% { color: #3879cd; } 50.0001%, 100% { color: #F14738; } } /* 상단 인포 배송정보 안에 빠른 픽업 배너 넣을 때 201224 */ #contents .pdtl_row_top .pdtl_col_rgt .pd .info_bnr { float: left; width: 100%; margin-top: 15px; } /* 드라이버 다운 영역 추가 210105 */ #contents .drive_down_area {display:flex; justify-content: space-between; align-items: center; margin: 60px 0 0; padding: 35px 40px; position: relative; width: 100%; background: #f9f9f9; border-radius: 10px; box-sizing: border-box; } #contents .drive_down_area i {display: inline-block; height: 24px; width: 24px; margin-right:5px; background: url("//image5.compuzone.co.kr/img/images/product_detail/drive_down_icon.png") center center/contain no-repeat; } #contents .drive_down_area p {display: flex; align-items: center;} #contents .drive_down_area p span {margin-left:20px;} /* 드라이버 다운 영역 추가// */ #contents .pdtl_dtlcont_wrap table.iworks_spec_dt { width:890px; } /*상세페이지 판매가 할인률 210215*/ .discnt { color:#F14738; margin-right: 9px; font-weight: bold;} .price_discnt { display: inline-block; position: absolute; right: 19%; top: 50%; transform: translateY(-50%); color: #F14738; font-weight: bold; } /* 배송비 절약 상품 버튼 & 팝업 210107 */ .pd .deli_saving_btn { text-decoration: none !important; width: 187px; height: 36px; display: inline-block; position: absolute; right: 14px; top: 50%; margin-top: -18px; background-color: #135dba; border-radius: 4px; color: #fff !important; font-size:14px; font-family: malgun gothic; font-weight: bold; letter-spacing: -1px; line-height: 36px; text-align: right; box-sizing: border-box; padding-right: 20px; } .pd .deli_saving_btn:after { content: ''; position: absolute; display: inline-block; width: 54px; height: 40px; top: -8px; left: -7px; background: url("//image5.compuzone.co.kr/img/images/product_detail/deli_price_bnr_img.png") top center no-repeat; } .pd .deli_saving_btn > i { display: inline-block; font-style: normal; color: #fff; font-family: "spoqa R"; font-weight: normal; font-size: 15px; line-height: 36px; margin-left: 3px; } /* 중고상품 영역 추가 210217 */ #contents .pdtl_reaper_wrap { margin: 30px 0; border:1px solid #d8d8d8; box-sizing: border-box; padding: 20px 31px 0; overflow: hidden; } #contents .pdtl_reaper_wrap * { box-sizing: border-box; font-family: noto-M; } /* 기본 노출 영역 */ .pdtl_reaper_wrap .pdtl_reaper_tit { display: block; width: 100%; height: 21px; position: relative; margin-bottom: 20px; } .pdtl_reaper_wrap .pdtl_reaper_tit h1, .pdtl_reaper_wrap .pdtl_reaper_tit h1 > b { display: inline-block; font-weight: normal; font-size: 21px; line-height: 1; color: #3a3a3a; } .pdtl_reaper_wrap .pdtl_reaper_tit h1 { padding-left: 29px; } .pdtl_reaper_wrap .pdtl_reaper_tit h1 > b { font-family: noto-B !important; } .pdtl_reaper_wrap .pdtl_reaper_tit h1:before { content: ''; position: absolute; width: 17px; height: 19px; background: url('//image5.compuzone.co.kr/img/images/product_detail/pd_reaper_bell_icon.png') top center no-repeat; display: inline-block; left: 0; top: 1px; } .pdtl_reaper_wrap .pdtl_reaper_tit h2, .pdtl_reaper_wrap .pdtl_reaper_tit h2 > b { display: inline-block; font-weight: normal; font-size: 21px; line-height: 1; color: #3a3a3a; } .pdtl_reaper_wrap .pdtl_reaper_tit h2 { padding-left: 29px; } .pdtl_reaper_wrap .pdtl_reaper_tit h2 > b { font-family: noto-B !important; } .pdtl_reaper_wrap .pdtl_reaper_tit h2:before { content: ''; position: absolute; width: 17px; height: 19px; background: url('//image5.compuzone.co.kr/img/images/product_detail/pd_reaper_bell_icon.png') top center no-repeat; display: inline-block; left: 0; top: 1px; } /* 버튼 */ .pdtl_reaper_wrap .pdtl_reaper_tit_R { float: right; text-align: right; } .pdtl_reaper_wrap .pdtl_reaper_tit_R > a { display: inline-block; width: 80px; height: 21px; color: #949494; font-size: 13px; line-height: 21px; text-decoration: none; padding-right: 21px; float: right; } .pdtl_reaper_wrap .pdtl_reaper_tit_R > a > i { display: inline-block; font-style: normal; width: 10px; height: 10px; border: solid #949494; border-width: 1px 0 0 1px; transform: rotate(45deg) translate(12px, 1px); transform-origin: center; position: absolute; } .pdtl_reaper_wrap .pdtl_reaper_tit_R > a.on > i { transform: rotate(225deg) translate(-7px, 3px); } /* 절약 금액 */ .pdtl_reaper_wrap .pdtl_reaper_tit_R .saving_price, .pdtl_reaper_wrap .pdtl_reaper_tit_R .saving_price * { display: inline-block; color: #1C8FED; line-height: 21px; } .pdtl_reaper_wrap .pdtl_reaper_tit_R .saving_price { font-size: 16px; height: 21px; margin-right: 40px; } .pdtl_reaper_wrap .pdtl_reaper_tit_R .saving_price em { font-size: 22px; font-weight: normal; float: right; font-family: noto-B !important; } /* 하단 숨겨지는 영역 */ .pdtl_reaper_wrap .pdtl_reaper_contents { display: none; border-top: 2px solid #2b2f3a; margin-bottom: 20px; width: 100%; } /* 제품 이미지, 이름, 가격, 링크 */ .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go { height: 106px; padding: 20px 0; width: 100%; border-bottom:1px solid #d8d8d8; display: table; vertical-align: middle; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go > div { display: table-cell; vertical-align: middle; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_img { width: 65px; height: 65px; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_img > img { width: 100%; height: 100%; display: block; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_info { padding-left: 25px; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_info > p { font-size: 14px; line-height: 1; color: #3a3a3a; margin-top: 6px; width: 550px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_right_box { width: 300px; text-align: right; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_right_box > a { display: inline-block; width: 90px; height: 30px; color: #fff; background-color: #f14738; font-size: 13px; line-height: 30px; text-decoration: none; float: right; text-align: center; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_price { display: inline-block; margin-right: 30px; height: 30px; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_price * { height: 30px; line-height: 30px; display: inline-block; float: left; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_price .per { font-size: 16px; color: #f14738; margin-right: 15px; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .pd_price .won { font-size: 20px; color: #3a3a3a; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_go .evtIco_obj { line-height: 20px; } /* 절약 퍼센트 */ .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap { padding-top: 20px; width: 100%; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap > div { float: left; height: 176px; display: inline-block; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap:after { content: ''; display: block; clear: both; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap h1 { font-size: 18px; height: 18px; color: #3a3a3a; font-weight: normal; line-height: 1; margin-bottom: 18px; display: block; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap h2 { font-size: 18px; height: 18px; color: #3a3a3a; font-weight: normal; line-height: 1; margin-bottom: 18px; display: block; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap .pd_reaper_info { width: 754px; padding-right: 30px; border-right: 1px solid #d8d8d8; } .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap .pd_reaper_info_R { width: 482px; padding-left: 30px; } .pdtl_reaper_wrap .pd_reaper_info_box { width: 100%; height: 140px; background-color: #f9f9f9; padding: 13px 30px; } .pdtl_reaper_wrap .pd_reaper_info_R .pd_reaper_info_box { padding: 20px 30px; } .pdtl_reaper_wrap .pd_reaper_info_box > p, .pdtl_reaper_wrap .pd_reaper_info_box > p > b { height: 30px; line-height: 30px; font-size: 20px; color: #1a1a1a; font-weight: normal; } .pdtl_reaper_wrap .pd_reaper_info_box > p { width: 100%; text-align: center; font-family: noto-R !important; margin-bottom: 4px; } .pdtl_reaper_wrap .pd_reaper_info_box > p > b { display: inline-block; font-family: noto-B !important; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per { display: block; width: 100%; height: 80px; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per > li { width: 100%; height: 40px; list-style: none; text-align: left; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per > li > span { display: inline-block; float: left; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per .per_name { width: 107px; height: 40px; line-height: 40px; font-size: 16px; color: #3a3a3a; border-right: 1px solid #d8d8d8; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per .per_bar_wrap { width: 384px; height: 20px; margin-top: 10px; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per .per_bar { display: inline-block; width: 100%; height: 20px; background-color: #d8d8d8; position: relative; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per .per_bar .per_bar_price { position: absolute; display: inline-block; height: 20px; line-height: 20px; width: 140px; font-size: 18px; color: #3a3a3a; padding-left: 20px; top: 0; right: -140px; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per .pd_reaper_li .per_bar { background-color: #f14738; } .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per .pd_reaper_li .per_name, .pdtl_reaper_wrap .pd_reaper_info_box .pd_reaper_per .pd_reaper_li .per_bar .per_bar_price { color: #f14738; font-family: noto-B !important; } /* 상품 정보 제공 고시 */ .pdtl_reaper_wrap .pd_reaper_info_R p { width: 100%; height: auto; margin-bottom: 0; font-family: noto-R; font-size: 16px; line-height: 22px; letter-spacing: -1px; text-align: left; } .pdtl_reaper_wrap .pd_reaper_info_R p > i { font-style: normal; font-family: noto-R !important; } .pdtl_reaper_wrap .pd_reaper_info_R .pd_rp_info { color: #3a3a3a; } .pdtl_reaper_wrap .pd_reaper_info_R .pd_rp_notice { color: #f14738; margin-top: 12px; } /* 중고상품 영역 추가// */ /* 추천상품 영역 추가 시작 210223 */ .PD_right_recom_box { width: 100px; background-color: #fff; position: absolute; display: inline-block; border: 1px solid #d8d8d8; box-sizing: border-box; top: 580px; z-index: 98; left: 50%; margin-left: 679px; right: auto; } .PD_right_recom_box._fixed { position: fixed; top: 460px; } .PD_right_recom_box > span { width: 100%; box-sizing: border-box; padding: 10px 0; text-align: center; display: block; background-color: #135dba; color: #fff; font-family: "spoqa R"; font-size: 13px; line-height: 1; } .PD_right_recom_box .recom_list { width: 100%; box-sizing: border-box; padding: 8px 16px; text-align: center; color: #fff; font-family: "spoqa R"; } .PD_right_recom_box .recom_list > li { width: 67px; height: 67px; list-style: none; } .PD_right_recom_box .recom_list > li + li { margin-top: 6px; } .PD_right_recom_box .recom_list > li > a, .PD_right_recom_box .recom_list > li > a > img { display: block; width: 100%; height: 100%; } .PD_right_recom_box .recom_list_popup { position: absolute; left: -621px; width: 600px; height: 617px; background-color: #fff; border:1px solid #b7bbc0; box-sizing: border-box; display: none; padding: 38px 45px; z-index:100; } .PD_right_recom_box .recom_list_popup { top: -374px; } .PD_right_recom_box .recom_list_popup * { box-sizing: border-box; } .PD_right_recom_box .recom_list_popup > h1 { line-height: 36px; font-size: 24px; color: #1a1a1a; font-family: noto-B; font-weight: normal; text-align: center; margin-bottom: 8px; } .PD_right_recom_box .recom_list_popup > h2 { line-height: 36px; font-size: 24px; color: #1a1a1a; font-family: noto-B; font-weight: normal; text-align: center; margin-bottom: 8px; } .PD_right_recom_box .recom_list_popup .rls_btn { position: absolute; top: 296px; left: 0; width: 100%; overflow: hidden; } .PD_right_recom_box .recom_list_popup .rls_btn > span { width: 18px; height: 36px; font-family: "spoqa T"; line-height: 36px; color: #1a1a1a; cursor: pointer; font-size: 36px; } .PD_right_recom_box .recom_list_popup .rls_btn .rls_btn_L { float: left; margin-left: 21px; } .PD_right_recom_box .recom_list_popup .rls_btn .rls_btn_R { float: right; margin-right: 21px; } .PD_right_recom_box .recom_list_popup .rlp_X_btn { position: absolute; width: 24px; height: 24px; background-image: url(//image5.compuzone.co.kr/img/images/classic_icon/icon-x-24px.png); display: inline-block; top: 18px; right: 18px; } .PD_right_recom_box .recom_list_slide { width: 510px; height: 520px; overflow: hidden; } .PD_right_recom_box .recom_list_slide .rls_inner { width: 100%; height: 100%; overflow: hidden; } .PD_right_recom_box .recom_list_slide .rls_inner_pd { width: 170px; height: 250px; display: inline-block; padding: 10px; float: left; text-align: left; } .PD_right_recom_box .recom_list_slide .rls_inner_pd .pd_img { width: 150px; height: 150px; display: block; border:1px solid #e8e8e8; margin-bottom: 13px; } .PD_right_recom_box .recom_list_slide .rls_inner_pd .pd_img > img { width: 100%; height: 100%; display: block; } .PD_right_recom_box .recom_list_slide .rls_inner_pd .pd_name { width: 100%; height: 40px; line-height: 20px; word-break: break-all; font-family: "spoqa R"; color: #656565; margin-bottom: 7px; } .PD_right_recom_box .recom_list_slide .rls_inner_pd .pd_price { width: 100%; height: 20px; line-height: 20px; font-family: "spoqa B"; color: #1a1a1a; } .recom_list_slide .slick-dots { position: relative; bottom: -10px; } .recom_list_slide .slick-dots li button { width: 9px; height: 9px; padding: 0; border: 0; background: #fff; border:1px solid #1a1a1a; border-radius: 50%; box-sizing: border-box; } .recom_list_slide .slick-dots li { width: 9px; height: 9px; margin: 0 2.5px; padding: 0; } .recom_list_slide .slick-dots li:hover { background: #1a1a1a; border-radius: 50%; } .recom_list_slide .slick-dots li.slick-active button:before { opacity: 1; background: #1a1a1a; } .recom_list_slide .slick-dots li button:before { width: 9px; height: 9px; border-radius: 50%; content: ''; opacity: 1; } /* 미니배너 */ @media all and (max-width: 1586px) {.PD_right_recom_box { position: fixed; top: 480px; left: auto; margin-left: auto; right: 0; } .PD_right_recom_box._fixed { top: 366px; } .PD_right_recom_box .recom_list { height: 83px; overflow: hidden; } .PD_right_recom_box .recom_list > li + li { margin-top: 12px; } .PD_right_recom_box .recom_list_popup { top: -360px; } } /* 상세페이지 우측 날개 배너 추천상품 영역 추가// */ /* 공동구매 추가 210310 */ .grp_infoIcon { display:block; position:absolute; left:50%; bottom:-4px; width:100%; margin-left:-70px; } .grp_infoIcon .grp_blueBox { display:inline-block; padding:14px 0 0 19px; width:160px; height:74px; color:#fff; font-size:14px; background:url("//image5.compuzone.co.kr/img/images/group_buy/grp_tb.png") center top no-repeat; font-family:Noto-R; font-style:italic; text-align:left; box-sizing:border-box; } .grp_infoIcon .grp_whiteBox { display:inline-block; padding-left:11px; position:relative; left:-65px; top:12px; width:138px; height:38px; line-height:38px; color:#1C8FED; font-size:14px; background:#fff; box-shadow:rgba(0,0,0,0.1) 1px 3px 6px 0; border-radius:20px; font-family:Noto-B; box-sizing:border-box; } .grp_infoIcon .grp_whiteBox > i { display:inline-block; margin-left:4px; vertical-align:-1px; } /* 하단 레이어 구매하기 201007 */ #optionLayer .optionView.recomPC_View { width:100%; } .pdtl_col_rgt .total_price { position: relative; } .num_over_dimmed_popup { position: absolute; background: rgba(0,0,0,0.8); width: 488px; height: 50px; border-radius: 10px; color: #fff; line-height: 50px; text-align: center; font-size: 18px; font-family: noto-R; } /* 아이웍스 + 추천조립 개선 201007 */ .pdtl_col_rgt .total_price .num_over_dimmed_popup { top: -32px; left: 50%; margin-left: -244px; } #optionLayer .optionView .viewWrap .optionTotal .num_over_dimmed_popup { top: 50%; left: 50%; margin-left: -244px; margin-top: -74px; z-index: 1; } #optionLayer .optionView.recomPC_View .viewWrap .optionTotal .num_over_dimmed_popup { margin-top: -45px; } #contents .table_style_recom .add_cancel { background: #f9f9f9; } #contents .table_style_recom .add_cancel .add_cancel_btn { background: #f9f9f9; width: 68px; height: 30px; border-radius: 2px; border:1px solid #cacaca; color: #2e2e2e; font-size: 13px; font-family: "spoqa R"; } /*한달사용기스타일추가 210311*/ .monthafter { margin:5px 0 0; } /* 비슷한 상품 버튼 추가 210202 */ .pdtl_col_rgt .total_price .btn_area .similar_btn, #optionLayer .optionView .viewWrap .optionTotal .btn_area .similar_btn { border: 1px solid #166fcb; color: #1C8FED; cursor: pointer; } /*상품명 두줄까지만 나타나게 추가 210318 */ #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .pdtl_txt { width:320px; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_sel_item .pdtl_sel_txt .pdtl_sel_info .price { position: absolute; right: 0; top: 50%; line-height: 20px; color: #0e0e0e; margin-top: -10px; } /* 복구 솔루션 따로 분리 & 내용 변경 & 팝업 추가 210406 */ /* 복구 솔루션 버튼 수정 220620 */ .WIN_restore_btn {position: absolute; display: inline-block; width: 280px; height: 50px; bottom: 50px; left: 510px;} .restore_pop_wrap {display: none;} .restore_pop_wrap * {box-sizing: border-box;} .restore_pop_wrap .faq_detail_layer {position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background-color:#fff; width: 890px; z-index:201; padding: 50px; box-shadow:5px 5px 10px rgba(0,0,0,0.25)} .restore_pop_wrap .faq_detail_layer>a{width: 16px; height: 16px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -350px -130px no-repeat; position: absolute; top: 55px; right: 55px; cursor: pointer; z-index: 10;} .restore_pop_wrap .faq_detail_layer .faq_Q {width:100%; min-height:26px; padding:0 0 20px; border-bottom: 2px solid #1a1a1a; margin-bottom: 20px; position:relative; font-size:21px; color: #1a1a1a; font-family: noto-B; line-height:24px; text-align: left;} .restore_pop_wrap .faq_detail_layer .faq_A {display:inline-block; width: 100%; height:60vh; margin-top:0; float:left; font-family:"spoqa R"; font-size:15px; line-height:24px; word-break:keep-all; text-align: left; } .restore_pop_wrap .faq_detail_layer .faq_A * {line-height: 1.3;} .restore_pop_wrap .faq_detail_layer .faq_A .nano-content span { font-family:"spoqa R" !important; font-size:15px !important; color:#1a1a1a;} .restore_pop_wrap .faq_detail_layer .faq_A .nano-content strong span, .faq_detail_layer .faq_A .nano-content b span {font-family:"spoqa R" !important; font-weight:600; color:#1a1a1a;} .restore_pop_wrap .faq_detail_layer .faq_A .nano-content img {margin:20px 0;} /* NH 청구이벤트 */ #contents .pdtl_row_top .pdtl_col_rgt .pd.nh_cardEvt { padding:10px 0; height:65px; background:#daecff; text-align:center; box-sizing:border-box; } #contents .pdtl_row_top .pdtl_col_rgt .pd.nh_cardEvt > a:hover { text-decoration:none; } #contents .pdtl_row_top .pdtl_col_rgt .pd.nh_cardEvt .tit { display:inline-block; margin-bottom:0; font-size:18px; color:#18191b; line-height:1.5; font-family:Noto-R; } #contents .pdtl_row_top .pdtl_col_rgt .pd.nh_cardEvt .s_tit { display:block; font-size:12px; color:#6c7074; } #contents .pdtl_row_top .pdtl_col_rgt .pd.nh_cardEvt .nh_arrow { display:inline-block; margin-left:12px; width:9px; height:9px; transform:rotate(45deg); border-top:1px solid #2e3236; border-right:1px solid #2e3236; vertical-align:2px; } /* SSD 미탑재 옵션 210127 */ .layer_pop.SSD_no { width: 410px; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -205px; padding:25px; } .layer_pop.SSD_no .qna_write { padding: 20px 0 0; color:#4f4f4f; font-size:15px; } /* 컴튜브 컨텐츠 */ .comtube_btn { display:block; position:absolute; left:50%; top:50%; margin:-57px 0 0 -57px; width:114px; height:114px; background:url("//image5.compuzone.co.kr/img/images/product_detail/prdPlay_btnM.png") center no-repeat; background-size:cover; transition:0.3s all; font-size:0; z-index:10; cursor:pointer; } .comtube_btn:hover { background:url("//image5.compuzone.co.kr/img/images/product_detail/prdPlay_btn_hoverM.png") center no-repeat; } .comtube_play_area { position:absolute; left:0; top:0; width:600px; height:600px; } #contents .pdtl_row_top .pdtl_col_lft .item_image .main_img .lst li , .comtube_prdList { width:600px; height:600px; } .mainImg.detail_CThumb:before { content:""; position:absolute; left:0; top: 50%; display:block; width:100%; height:338px; background:rgba(0,0,0,0.4); transform: translateY(-50%);} .detail_CThumb > img { height:auto !important; position: absolute; top: 50%; transform: translateY(-50%); z-index: -1;} #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img .lst li { width:62px; height:62px; } #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img .lst li > button { position:relative; display:block; width:100%; height:100%; } .mainImgThumb.comtube { position:relative; } .mainImgThumb.comtube:before { content:""; display:block; position:absolute; left:0px; top:0px; width:62px; height:62px; background:rgba(0,0,0,0.3); z-index:1; } .thumb_play { display:block; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; width:22px; height:22px; background:url("//image5.compuzone.co.kr/img/images/product_detail/prdPlay_btn.png") center no-repeat; background-size:cover; z-index:10; } .comtube_dim { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10000; } .comtube_pop { position:absolute; left:50%; top:50%; margin:-262px 0 0 -419px; padding:24px; background:#fff; box-sizing:border-box; } .comtube_pop .tit h1 { width:725px; color:#1a1a1a; font-size:18px; font-family:'Noto-B'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; letter-spacing:-0.5px; } .comtube_pop .tit h2 { width:725px; color:#1a1a1a; font-size:18px; font-family:'Noto-B'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; letter-spacing:-0.5px; } .comtube_pop .container , .comtube_pop .comtube_inner { position:relative; margin-top:14px; padding-top:20px; border-top:1px solid #e8e8e8; font-size:0; } .comtube_pop .container:after , .comtube_pop .comtube_inner:after { content:""; display:block; clear:both; } .comtube_pop .tabs { float:left; display:inline-block; width:173px; } .comtube_pop .tabs li { position:relative; margin-bottom:10px; padding:0; width:173px; height:97px; border:none; cursor:pointer; } .comtube_pop .tabs li:before { content:""; position:Absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.53); transition:0.3s all; } .comtube_pop .tabs li .play_btn { position:absolute; left:50%; top:50%; margin:-21px 0 0 -21px; width:42px; height:42px; background:url("//image5.compuzone.co.kr/img/images/product_list/prdPlay_btn.png") center no-repeat; background-size:cover; transition:0.5s all; font-size:0; z-index:10; cursor:pointer; } .comtube_pop .tabs li.current .play_btn { background:url("//image5.compuzone.co.kr/img/images/product_list/prdPlay_btn_hover.png") center no-repeat; } .comtube_pop .tabs li.current:before { content:""; opacity:0; } .comtube_pop .tabs li > img { display:block; width:100% !important; height:100% !important; } .comtube_pop .tabs li > .play_btn { position:absolute; left:50%; top:50%; margin:-21px 0 0 -21px; display:block; width:42px; height:42px; } .comtube_pop .comtube_content { float:left; margin-left:13px; width:601px; } .comtube_pop .comtube_content .comtube_box { height:338px; } .more_prd { margin:25px 0 0; width:100%; height:53px; line-height:53px; background:#3262c1; text-align:center; } .more_prd > a { color:#fff; font-size:15px; } .comtube_x { position: absolute; 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;cursor: pointer; font-size:0; } #contents .pdtl_row_top .pdtl_col_lft .item_image .main_img .lst li , .comtube_prdList { width:600px; height:600px; } #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img .lst li { width:62px; height:62px; } #contents .pdtl_row_top .pdtl_col_lft .item_image .thum_img .lst li > button { display:block; width:100%; height:100%; } /* DB 빠른픽업 문구 수정 및 추가 210421 */ #contents .pdtl_dtlcont_wrap .quick_pickUP { padding: 58px 105px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > button { right: 105px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > p { margin-top: 19px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > .info_txt_box { margin-top: 12px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > .info_txt_box > p { font-size:16px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > .info_txt_box > p + p { padding-top: 10px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > .info_txt_box > .btnSmall { margin: 3px 0 0 16px; } #contents .pdtl_dtlcont_wrap .quick_pickUP > .info_txt_box .co_blue { color: #1C8FED; } /* 빅데이터 화살표 겹침 오류 수정::210622 */ #bg_section2 { z-index: 2; } #contents .pdtl_dtlcont_wrap .big_data .bigData_arrow a { z-index: 1; } /* 카드혜택 안내 레이어 정렬 수정::210701 */ .layer_pop .card_info_inner .contentBox .table_type3 td.card { width: 100%; text-align: center; } .layer_pop .card_info_inner .table_type2 td.card { width: 100%; } /* 신용카드 할인 프로세스 구축 210728 */ .pdtl_col_rgt .pd .card_discountEvt { letter-spacing:-0.5px; } .pdtl_col_rgt .pd .card_discountEvt1 > span { color:#135EBA; } .pdtl_col_rgt .pd .card_discountEvt2 > span { color:#8433FF; } /* 구매후기 팝업 css 오류 수정 210810 */ .layer_pop .layer_con { position: relative; } .layer_pop .layer_con .layer_con_inner { margin: 0; padding: 70px; overflow: hidden; } .layer_pop .layer_con .layer_con_inner .left_side .main_img .lst { display: block; width: 100%; height: 400px; background-color: #1a1a1a; overflow: hidden; } .layer_pop .layer_con .layer_con_inner .left_side .main_img .lst .gallery_detail_con { position: relative; display: block; width: 400px; height: 400px; text-align: center; overflow: hidden; } .layer_pop .layer_con .layer_con_inner .left_side .main_img .lst .gallery_detail_con img { position: relative; display: inline-block; top: 50%; transform: translateY(-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; } /* 상세페이지:: DB영역 퀘이사존 리뷰 영역 210819 */ #contents .pdtl_dtlcont_wrap .quasarzone_area { width: 1300px; height: 211px; margin-top: 25px; padding: 40px 156px 40px 460px; position: relative; background-color: #fff5e6; box-sizing: border-box; } #contents .pdtl_dtlcont_wrap .quasarzone_area * { box-sizing: border-box; } .quasarzone_area .quasarzone_icon { position: absolute; display: inline-block; left: 115px; top: 28px; width: 176px; text-align: center; } .quasarzone_area .quasarzone_icon > i { display: block; width: 100%; height: 59px; background: url("//image5.compuzone.co.kr/img/images/product_list/productList_N/quasarzone_detail.png") top center no-repeat; } .quasarzone_area .quasarzone_icon > b, .quasarzone_area .quasarzone_icon > p { width: 100%; line-height: 40px; font-size: 32px; letter-spacing: -1.3px; } .quasarzone_area .quasarzone_icon > b { display: block; color: #fd962d; font-weight: normal; font-family: noto-B; margin-top: 8px; } .quasarzone_area .quasarzone_icon > p { color: #1a1a1a; font-family: noto-R; } /* 상세페이지:: DB영역 퀘이사존 리뷰 슬라이드 */ .quasarzone_slide_wrap { position: relative; } .quasarzone_slide_wrap .quasarzone_slide { height: 131px; overflow: hidden; } .quasarzone_slide_wrap .quasarzone_review { width: 100%; padding: 0 10px; height: 131px; } .quasarzone_slide_wrap > button { position: absolute; display: inline-block; background-color: #fff; border-radius: 50%; width: 22px; height: 22px; top: 56px; } .quasarzone_slide_wrap > button:after { content: ''; position: absolute; display: inline-block; top:50%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center; width: 5px; height: 5px; border: solid #6c6c6c; } .quasarzone_slide_wrap .qz_L_btn { left: -62px; } .quasarzone_slide_wrap .qz_R_btn { right: -62px; } .quasarzone_slide_wrap .qz_L_btn:after { border-width: 0 0 1px 1px; left: 55%; } .quasarzone_slide_wrap .qz_R_btn:after { border-width: 1px 1px 0 0; left: 46%; } /* 상세페이지:: DB영역 퀘이사존 리뷰 슬라이드 내부 */ .quasarzone_slide .quasarzone_review > a { position: relative; display: block; width: 100%; height: 100%; padding-right: 244px; } .quasarzone_slide .qz_img { position: absolute; display: inline-block; top: 0; right: 0; width: 174px; height: 131px; border-radius: 5px; overflow: hidden; } .quasarzone_slide .qz_img > img { display: block; width: 100%; height: 100%; } .quasarzone_slide .qz_info { position: relative; display: inline-block; width: 100%; top: 50%; transform: translateY(-50%); } .quasarzone_slide .qz_info > p { width: 100%; font-family: noto-R; color: #4a4a4a; font-size: 18px; line-height: 27px; } .quasarzone_slide .qz_info .qz_info_name { max-height: 54px; overflow: hidden; } /* 상세페이지:: DB영역 퀘이사존 리뷰 영역// */ /* 상세페이지에서 그룹상품 겹침오류 수정 210907 */ .pdtl_cm_detail { position: relative; z-index:3; } /* 컴퓨존 내 코즈몰 노출 구좌 확대 요청안 211020 */ #contents.cozmall_product .same_brand .left_side { padding: 175px 0 0; } #contents.cozmall_product .same_brand .left_side .cozmall_logo { display: inline-block; } #contents.cozmall_product .same_brand .left_side .cozmall_logo img { width: 130px; } #contents.cozmall_product .same_brand .right_side h4 { padding-left: 10.5px; } #contents.cozmall_product .same_brand .right_side { padding: 44px 0px 44px 29px; width: 1065px; } #contents.cozmall_product .same_brand .right_side .same_brand_inner { padding-top: 40px; margin-top: -22px; } #contents.cozmall_product .same_brand .right_side .same_brand_inner li { margin: 0 10.5px; } #contents.cozmall_product .same_brand .right_side .same_brand_inner li.no_pad { margin: 0 10.5px; } #contents.cozmall_product .same_brand .right_side .same_brand_inner li a .img { overflow: hidden; } #contents.cozmall_product .same_brand .right_side .same_brand_inner li a .img img { width: 100%; height: auto; } #contents.cozmall_product .same_brand .right_side .same_brand_inner.cozmall_slide .slick-prev { display: block; top: 12px; right: 29px; left: auto; border: 1px solid #b3b4b5; } #contents.cozmall_product .same_brand .right_side .same_brand_inner.cozmall_slide .slick-prev:before { display: block; content: ''; z-index: 100; opacity: 1; position: absolute;left: 0px; top: 0; line-height: 16px; width: 19px; height: 19px; background: url("//image5.compuzone.co.kr/img/images/mypage21/arrow_left.png")no-repeat;background-size: auto; background-position: center; } #contents.cozmall_product .same_brand .right_side .same_brand_inner.cozmall_slide .slick-next { display: block; top: 12px; right: 10px; left: auto; border: 1px solid #b3b4b5; } #contents.cozmall_product .same_brand .right_side .same_brand_inner.cozmall_slide .slick-next:before { display: block; content: ''; z-index: 100; opacity: 1; position: absolute;left: 0px; top: 0; line-height: 16px; width: 19px; height: 19px; background: url("//image5.compuzone.co.kr/img/images/mypage21/arrow_right.png")no-repeat;background-size: auto; background-position: center; } #contents.cozmall_product .right_side .same_brand_inner li a .img { box-sizing: border-box; } #contents.cozmall_product .right_side .same_brand_inner li a .img img { width: 100%; height: 100%; } /* '인기도' 삭제, '상품평'으로 개선:: 211119 */ #contents .pdtl_row_top .pdtl_col_rgt .info_score .score_inner .txt + .info_score_newIcon { margin-top: 14px; } #contents .pdtl_row_top .pdtl_col_rgt .info_score .score_inner .info_score_newIcon { display: block; width: 330px; font-size: 0; margin-bottom: -5px; } #contents .pdtl_row_top .pdtl_col_rgt .info_score .score_inner .info_score_newIcon li { display: inline-block; height: 34px; box-sizing: border-box; border:1px solid #ec5651; background-color: #fff; border-radius: 50px; padding: 10px; font-size: 12px; line-height: 1; font-family: '맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif; color: #ec5651; margin: 0 5px 5px 0; } /* 컴퓨존페이 무이자 할부카드 안내 창 */ .layer_pop .tab_area button {padding:13px 0; font-size:16px;} .layer_pop .tab_pay {margin:20px 0 15px;} .layer_pop .tab_area2 {margin-top:0;} .layer_pop .tab_area2 button {width:auto; padding:9px 20px 10px; background:none; color:#1a1a1a; margin-right:10px; border-radius:20px; border: solid 1px #d8d8d8; font-size:14px;} .layer_pop .tab_area2 button.on { width:auto; background:none; color:#1a1a1a; border:1px solid #1a1a1a;} /* 요81015 직발송 재고 매입 수정 */ #contents .pdtl_row_top .pdtl_col_rgt .ct .bdeli_qty > span{margin-left: 5px;} /* 신용카드 할인 팝업 수정 */ .cardEvt_pop{position:absolute;right: 50px;top: 58px;/* bottom:-1059px; *//* transform: translateX(-55%); */padding: 25px 20px 20px;background:#fff;border:1px solid #B4B4B4;z-index:10;/* width: 450px; *//* box-sizing: border-box; */} .cardEvt_pop * {font-family:Noto-R; letter-spacing:-0.5px; box-sizing:border-box;} .cardEvt_pop .tit{padding-bottom:15px; border-bottom:1px solid #1A1A1A; color:#1A1A1A; font-size:18px; line-height:1.3; font-family:Noto-B; text-align:center; font-weight:normal;} .cardEvt_pop .cardDiscount_list{margin-top: 20px;max-height: 400px;overflow-y:auto;} .cardEvt_pop .cardDiscount_list li{margin: 0 10px;width: 400px;border:1px solid #E8E8E8;border-radius:10px;overflow:hidden;} .cardEvt_pop .cardDiscount_list li + li{margin-top: 20px;} .cardEvt_pop .cardDiscount_list li .top_area:after , .card_detailCon dl:after{content:""; display:block; clear:both;} .cardEvt_pop .top_area{padding: 10px 20px 10px 15px;border-bottom:1px solid #E8E8E8; display: flex; justify-content: space-between;} .cardEvt_pop li.blue_area .top_area{background:#F3FAFF;} .cardEvt_pop li.purple_area .top_area{background:#F8F3FF; } .cardEvt_pop .left{float:left;} .cardEvt_pop .top_area .left {color:#1A1A1A;font-size: 15px;} .cardEvt_pop .top_area .right {margin-left: auto;} .cardEvt_pop .top_area .right > a{display:block;padding-top: 3px;color:#949494;font-size: 14px;} .cardEvt_pop .top_area .card_tag{display:inline-block;margin-right:8px;padding:0 10px;height: 20px;line-height: 20px;border-radius:2px;color:#fff;font-size:12px;vertical-align:2px;font-family: '맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif;} .cardEvt_pop .blue_area .top_area .card_tag{background:#135EBA;} .cardEvt_pop .purple_area .top_area .card_tag{background:#8433FF; } .cardEvt_pop .card_detailCon{padding: 15px;} .cardEvt_pop .card_detailCon dl{margin-bottom: 10px;} .cardEvt_pop .card_detailCon dt{color:#1A1A1A;font-size: 14px;font-family:Noto-B;line-height:1.2;text-align:left;vertical-align:middle;} .cardEvt_pop .card_detailCon dd{color:#1A1A1A;font-size: 14px;font-family:'spoqa R';line-height:1.2;text-align:right;vertical-align:middle;} .cardEvt_pop .card_EvtPrice dl{margin:0;padding-top: 15px;border-top:1px solid #e8e8e8;} .cardEvt_pop .card_EvtPrice dt{color:#1A1A1A;font-size: 16px;} .cardEvt_pop .card_EvtPrice dd{color:#f14738;font-size: 16px;font-family:'Spoqa B';} .cardEvt_pop .card_EvtPrice .notice{margin-top: 15px;padding: 10px 0;border:1px solid #e8e8e8;border-left:none;border-right:none;background:#F9F9F9;} .cardEvt_pop .card_EvtPrice .notice p{position:relative;padding-left: 20px;color:#6c6c6c;font-size: 12px;font-family: '맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif;} .cardEvt_pop .card_EvtPrice .notice p + p{margin-top:3px;} .cardEvt_pop .card_EvtPrice .notice p > i{position:absolute; left:15px; top:7px; display:inline-block; width:2px; height:2px; border-radius:50%; background:#6c6c6c; vertical-align:4px;} .cardEvt_pop .card_EvtNotice{margin: 15px 0 0 15px;} .cardEvt_pop .card_EvtNotice p{margin-bottom:3px;color:#1A1A1A;font-size: 13px;} .cardEvt_pop .s_close{position:absolute; right:20px; top:20px; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") -350px -130px no-repeat;} /* 상세페이지 재구매율 영역 개선 요청 */ #contents .pdtl_dtlcont_wrap .big_data_inner {height:328px; padding:50px 150px; box-sizing: border-box;} #contents .pdtl_dtlcont_wrap .big_data_inner {background:#f9f9f9; border:none; z-index:0;} /* 라인그래프 */ #contents .pdtl_dtlcont_wrap .big_data_inner .line_graph_area {float:left; width:460px;} #contents .pdtl_dtlcont_wrap .big_data_inner .line_graph_area .linechart {width:100%; height:172px; margin-top:30px; position:relative; left:-10px;} #contents .pdtl_dtlcont_wrap .big_data_inner .line_graph_area .linechart::before {content:''; width:450px; height:130px; background:#fff; position:Absolute; top:0; left:10px; z-index:-1;} /* 바그래프 */ #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area {float:right; width:460px;} #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp {width:100%; height:172px; margin-top:30px; position:relative; left:22px;} #contents .pdtl_dtlcont_wrap .big_data_inner .bar_graph_area .cdtl_grp::before {content:''; width:416px; height:130px; background:#fff; position:Absolute; top:0; left:23px; z-index:-1;} .cdtl_grp_dash {width:415px; height:100%;position:Absolute; top:0; left:23px; z-index:-1;} .cdtl_grp_dash div {width:100%; border:1px dashed #f2f2f2; margin-top:31.5px;} /* 도넛그래프 */ #contents .pdtl_dtlcont_wrap .big_data_inner .donut_graph_area {width:180px; margin:0;} #contents .pdtl_dtlcont_wrap .big_data_inner .donut_graph_area .chart {top:0; left:0;} #contents .pdtl_dtlcont_wrap .big_data_inner .donut_graph_area p {position:Absolute; top: 205px; left:50%; transform:TranslateX(-50%);} #contents .pdtl_dtlcont_wrap .big_data_inner .donut_graph_area p.doughnutSummaryNumber {top:75px;} /* 텍스트내역 */ #contents .pdtl_dtlcont_wrap .big_data_inner .txt {width:340px; height:233px; margin:0 70px; padding:47px 35px; background:#fff; border-radius:15px; font-size:17px; line-height: 1.35; box-sizing:border-box;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt span {display:block; background:none; padding:0; margin:10px 0 0; font-size:20px; font-weight:bold; line-height: 1.35; letter-spacing:-0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt span b {display:block;} /* 텍스트차트 */ #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart {width:340px; padding:0; background:#fff; border-radius:15px;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li {padding:12px 20px 6px; box-sizing:border-box; border-bottom:2px solid #f9f9f9;color:#6c6c6c;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li:nth-child(1) {background:#fa1a1a1ae; color:#fff; border-top-right-radius: 15px; border-top-left-radius: 15px;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li:last-child {border:none; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li a {font-family: 'spoqa R'; font-weight:normal; } #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li em {margin-right:3px;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li a div {display:none; width:132px; position:absolute; padding:4px 10px 6px; background:rgba(0,0,0,0.8); text-align: center; top:-30px; left:170px; box-sizing:border-box; font-size:14px; font-family: 'spoqa l'; color:rgba(255,255,255,0.8);} #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li a div b {font-family: 'spoqa b'; font-weight:normal;} #contents .pdtl_dtlcont_wrap .big_data_inner .txt_chart li a div::before {content:''; width:6px; height:6px; background:rgba(0,0,0,0.8); position:absolute; bottom:-5px; left:50%; transform:rotate(45deg) TranslateX(-50%);} .cardEvt_pop .s_close{position:absolute; right:20px; top:20px; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") -350px -130px no-repeat;} /* 요82195 노트북 업그레이드 서비스 추가 요청 작업 업그레이드 220210 */ .pdtl_opt .pdtl_optTit{margin-bottom: 10px; display: inline-block; position: relative;} .pdtl_opt .pdtl_optTit .ntB15{font-family: 'Noto-B'; font-size: 15px;} .pdtl_opt .bskS_ques{margin-left: 4px;vertical-align: -4px; z-index: 1;} .pdtl_opt .bskS_ques:hover + .layerCommonBx{display: block; z-index: 1001;} .pdtl_opt .layerCommonBx{width: 265px; right: 9px; position: absolute; top: 26px; letter-spacing: -1px; line-height: 1.3; padding: 10px; border: 1px solid #1a1a1a; background: #fff; text-align: left; z-index: 20;transform: translateX(50%); box-sizing: border-box; display: none;} .pdtl_opt .layerCommonBx .layerarrow{position: absolute; left: 50%; top: -9px; margin-left: -8px; display: inline-block; width: 16px; height: 9px; background: url(//image5.compuzone.co.kr/img/images/bsk/bsk_content.png) -214px -186px; } #contents .pdtl_row_top .pdtl_col_rgt .pdtl_opt .pdtl_thumb_select > .arrow_right{background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png') -355px -35px; width: 15px; height: 13px; position: absolute; top: 16px; right: 21px; display: inline-block; transform: rotate(270deg);} /* 요 84030 출장 서비스 220523 */ /* #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area.premium_checkbox{margin-bottom: 20px;} */ #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area{ display: inline-block;} #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area label {font-size:14px;} #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area:first-of-type{margin-top: 0;} #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area.premium_checkbox{margin-bottom: 15px;} #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area.premium_checkbox label{color: #3879cd;} #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area.premium_checkbox .detail_btn{border: 1px solid #3879cd; padding:1px 5px 1px 3px; border-radius: 3px; font-size: 12px; text-decoration: none; color: #3879cd; position: relative; margin-left: 10px; margin-top: 1px; display: inline-block; font-family:'맑은고딕'; letter-spacing: -1px;} #contents .pdtl_row_top .pdtl_col_rgt .checkbox_area.premium_checkbox .detail_btn::after{position: absolute; top: 5px; left: -6px; display: block; width: 7px; height: 9px; content: ''; clear: both; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) no-repeat -359px -96px;} /* 요84315 중고 판매 기능 개선 요청 220609 */ #contents .pdtl_dtlcont_wrap .pdtl_detail_img .refurbish_box{width: 820px;border-collapse: collapse; border-spacing: 0; margin: 20px auto;} .pdtl_detail_img .refurbish_box tr:first-child td, .pdtl_detail_img .refurbish_box tr:first-child th{border-top: 1px solid #E5E5E5;} .pdtl_detail_img .refurbish_box td{ background: #fff; border-bottom: 1px solid #E5E5E5; font-size: 17px; font-family: Noto-R; color: #6c6c6c;padding: 20px 30px;} .pdtl_detail_img .refurbish_box th{font-weight: bold; background: #f9f9f9; border-bottom: 1px solid #E5E5E5; font-size: 17px; font-family: Noto-R; color: #282828; padding: 20px 30px;} .pdtl_detail_img .refurbish_box .star{width: 16px; height: 15px; display: inline-block; background: url(//image5.compuzone.co.kr/img/images/product_detail/star_grey.png)no-repeat; margin-right: 3px;} .pdtl_detail_img .refurbish_box .star:last-of-type{margin-right: 0;} .pdtl_detail_img .refurbish_box .star.on{background: url(//image5.compuzone.co.kr/img/images/product_detail/star_yellow.png)no-repeat;} /* 220621 추천조립pc보류제품 후속제품 링크 */ .pdtl_col_rgt .total_price .btn_area2 {width:100%;} .pdtl_col_rgt .total_price .btn_area a.nocart {width:50%;} .pdtl_col_rgt .total_price .btn_area a.product {width:50%; background:#1C8FED; color:#fff; border:1px solid #1C8FED;} .refurbish_img{ text-align: center; margin: 30px auto 0; max-width: 820px;} .refurbish_img img{ max-width: 820px;} /* 220728 틀린정보 신고하기 버튼 개선 */ .wrongclaim {width:100%; height:60px; margin-top:30px; padding:0 20px; background:#f9f9f9; border-radius: 10px; box-sizing: border-box; display:flex; align-items: center; justify-content: space-between;} .wrongclaim p {display:inline-block; padding-left:30px; font-size:16px; font-family:'noto-R'; font-weight: normal; color:#1a1a1a; position:relative; } .wrongclaim p::before {content:''; width:24px; height:24px; background: url('//image5.compuzone.co.kr/img/images/product/claim.png') center center no-repeat; position:absolute; top:-2px; left:0;} .wrongclaim a {float:right; padding-right:13px; font-size:16px; font-family:'noto-R'; font-weight: normal; color:#949494; position:relative;} .wrongclaim a:hover {text-decoration: none;} .wrongclaim a::before {content:''; width:1px; height:8px; background:#949494; position:absolute; top:10px; right:0px; transform: rotate(45deg);} .wrongclaim a::after {content:''; width:1px; height:8px; background:#949494; position:absolute; top:4px; right:0px; transform: rotate(-45deg);} /* 요87124 조립pc 공유 기능 개선 220803 */ #optionLayer .recomPC_View .optionTotal .btn_area button.btn_esti:after { position: absolute; clear: both; content: ''; width: 1px; height: 9px; background: #d8d8d8; right: -1px; top: 8px; } #optionLayer .recomPC_View .optionTotal .btn_area button.btn_url i { width: 25px; height: 24px; display: inline-block; margin-right: 5px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_url_25x23.png)no-repeat center; } #contents .pddt_info_area .sum_info{display: inline-block; color: #1a1a1a; font-size: 14px; font-family: noto-R; vertical-align: middle;line-height: 31px; margin: 0 0 0 12px;} #contents .pddt_info_area .sum_info .q_mark{ position: relative; display: inline-block; margin-left: 2px; width: 17px; height: 17px; vertical-align: -3px; font-style: normal; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -12px -38px; cursor: pointer; } #contents .pddt_info_area .sum_info .prod_layer{display: none; position: Absolute; left: -35px; top: -50px; padding: 10px; width: 220px; border: 1px solid #252525; text-align: left; font-family: noto-R; color: #282828; font-size: 12px; font-style: normal; background-color: #fff; box-shadow: 1px 1px 3px rgb(0 0 0 / 20%); z-index: 99; box-sizing: border-box;line-height: 1.3em;} #contents .pddt_info_area .sum_info .q_mark:hover .prod_layer{display: block;} /* 제품 상세페이지 우측배너 수정 220810 */ .rightwing_section._fixed { z-index: 50; } .rightwing_section .miniwingNew{bottom: 70px;} /* 220906 89131 가산점빠른픽업 수정 */ #contents .pdtl_col_rgt .seleted_list .item_result .prod_area .prod_txt {text-align: left;} .prd_icon {float:left;} .quick_pickUP_icon > b {left:0;} #orderlayer .btn_area {margin-top:0;} /* 제품 상세페이지 우측배너 수정 220810 */ .rightwing_section._fixed { z-index: 50; } .rightwing_section .miniwingNew{bottom: 70px;} /* 220916 89307 lgvip 뱃지추가 */ #contents .pdtl_row_top .pdtl_col_lft .item_image .main_img .lst li.lgvip.active::before {content:''; width:180px; height:180px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/37828/37828_bat180.png") center center no-repeat; position:absolute; top:20px; left:20px;} /* 220927 Rescue 데이터 복구 서비스 */ .pro_floating {position:fixed; bottom:24px; left:50%; margin-left:-730px; z-index:99;} .pro_floating a {display: block;} .pro_floating a span {display: block; width:50px;} .pro_floating a span img {width:100%;} .pro_floating a.closeX {width:22px; height:22px; position: absolute; bottom:6px; right:5px;} /* 요89580 제품 상세페이지 카드혜택 안내 팝업 221004 */ .pdtl_col_rgt .pd .card_discountEvt2 > span{color: #1C8FED;} /* 220919 조립PC 페이지 내 게이밍PC 탐색기 기능 추가 */ /* 팝업 */ .gaming_pop {width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:100; display:none;} .simpB_pop {display:block;padding:30px; background:#fff; border:1px solid #b4b4b4; text-align: center; position:relative; top:50%; left:50%; transform:Translate(-50%, -50%); box-sizing: border-box; z-index:20;} .simpB_pop .simpB_popX{position:absolute; right:20px; top:20px; width:15px; height:15px; background:url("//image5.compuzone.co.kr/img/images/cscenter2019/close_btn.png") center no-repeat; font-size:0; cursor:pointer; } .simpB_pop > h1{padding-bottom:20px; border-bottom:1px solid #1a1a1a; font-family:'Noto-B'; font-weight:normal; line-height:1; } .simpB_pop > h2{padding-bottom:20px; border-bottom:1px solid #1a1a1a; font-family:'Noto-B'; font-weight:normal; line-height:1; } .simpB_pop .simpB_pcom {margin-top:22px;} .HZ_youtube {margin-top:20px; width:100%; height:365px;} .HD_img {width:650px; height:376px; background:url('//image5.compuzone.co.kr/img/images/gaming_pc/gaming_pc_HD.png') center 1px no-repeat; position:relative;} .HD_img::before {content:''; width:2px; height:100%; background:#fff; position:absolute; top:0px; left:50%; z-index:1; } .HD_img p {width:50%; height:40px; line-height:40px; position:absolute; bottom:0px; left:0; background:rgba(26,26,26,0.8); font-size:14px; font-family:'noto-R'; color:#fff;} .HD_img p:nth-child(2) {left:50%;} .gaming_cont {width:100%; background:#1a1a1a; font-family:'noto-R'; font-weight: normal;} .gaming_cont a {text-decoration: none;} .gaming_sec {width:100%; min-width:1200px; position:relative; height:100vh; overflow:hidden;} /* 팝업 */ .Assembly_wrap {width: 1000px; margin:40px auto 0; padding:50px; background:#1A1A1A; border-radius: 30px; box-sizing: border-box;} .assembly_tab {width: 600px; margin: auto;} .assembly_tab ul {width:600px; background:#3A3A3A; display: flex; align-items: center; margin:0 auto 104px; border-radius: 30px;} .assembly_tab ul li {height: 60px; width: 300px; display: flex; align-items: center; justify-content: center; border-radius: 30px; transition:all 0.2s; cursor: pointer; position:relative;} .assembly_tab ul li:hover, .assembly_tab ul li.on { background: #008cff;} .assembly_tab ul li:hover>span, .assembly_tab ul li.on>span {color:#fff;} .assembly_tab ul li>span {font-size: 16px; font-family: 'spoqa M'; text-align: center; display: block; color: #6C6C6C; transition:all 0.2s;} .assembly_tab ul li .layerCommonBx {width:900px; height:64px; padding:20px; background:#3a3a3a; border-radius: 15px; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center; position:absolute; top:80px; left:-150px; display: none;} .assembly_tab ul li.on .layerCommonBx {display: flex;} .assembly_tab ul li .layerCommonBx .arrow{display: none;} .assembly_tab ul li .layerCommonBx h3.ntRB14{display: flex; align-items: center; color:#fff; font-size:16px; font-weight: normal;} .assembly_tab ul li .layerCommonBx p.ntRB14{color:#D8D8D8; margin-left:10px;} .assembly_tab ul li .layerCommonBx h3 a {display:inline-block; width:18px; height:18px; margin-left:4px; background:url('//image5.compuzone.co.kr/img/images/gaming_pc/icon-question24.png') center center/contain no-repeat;} .assembly_tab ul li.game_tab_pre .layerCommonBx {left:-450px;} .assembly_con {width: 890px; height: unset;} .assembly_con .assembly_con_tit {margin:75px 0 40px; } .assembly_con .assembly_con_tit h3 {font-size:30px; font-family:'noto-B'; color:#fff; text-align: center;} .pre_con {display:none;} .assembly_slide_wrap .assembly_slide { width:920px !important; margin: 0 0 0 -10px; padding-bottom: 35px; box-sizing: border-box; overflow:visible;} .assembly_slide_wrap.game_con .assembly_slide {position: absolute; top:60px;} .assembly_slide_wrap.work_con .assembly_slide {position: absolute; top:60px;} .assembly_slide_wrap .assembly_slide li { text-align:center; outline:none; margin:0 10px;} .assembly_slide_wrap .assembly_slide li>a {width:210px; display: block;} .assembly_slide_wrap .assembly_slide li span { position:relative; display:inline-block; width:210px; height:210px; margin-bottom:10px; border-radius:10px; overflow: hidden;} .assembly_slide_wrap .assembly_slide li span img{height: 100%; position: absolute; left: 50%; transform: translateX(-50%);} .assembly_slide_wrap .slick-dots{bottom: -32px;} .assembly_slide_wrap .slick-dots li {margin:0 4px;} .assembly_slide_wrap .slick-dots {bottom: -35px; overflow: unset;} .assembly_slide_box{visibility: hidden;} .assembly_slide_box.on{visibility: visible;} .assembly_con_inner {width:100%; font-size:0; white-space: nowrap; position:relative;} .assembly_con_inner>div {padding-left:90px;} .assembly_con_inner ul {overflow:hidden; box-sizing: border-box; position:relative; display:inline-block;} .assembly_con_inner ul li {display:inline-block; width:200px;} .assembly_con_inner ul li a {display:block;} .assembly_con_inner ul li span {display:block; width:200px; height:200px; margin-bottom:20px; border-radius:8px; position:relative; overflow:hidden;} .assembly_con_inner ul li span::before {height:26px; line-height:26px; padding:0 12px; border-radius:13px; font-size:12px; font-family:'spoqa R'; color:#fff; text-align:center; position:absolute; top:10px; left:10px; z-index:1; box-sizing: border-box;} .assembly_con_inner ul li span.UHD::before {content:'UHD'; background:#8433FF;} .assembly_con_inner ul li span.QHD::before {content:'QHD'; background:#00C400;} .assembly_con_inner ul li span.FHD::before {content:'FHD'; background:#1C8FED;} .assembly_con_inner ul li span img {height:100%; position:absolute; left:50%; transform:translateX(-50%);} .assembly_con_inner ul li p {font-size:14px; font-family:'noto-R'; color:#fff; text-align: center; opacity:0.5;} .play_NEW_drag {position: relative; overflow: hidden; margin: 35px auto 0; padding: 30px 0; max-width:1064px; } .play_NEW_drag .drag_bar {display: block; width: 100%; height: 3px; background-color: #b4b4b4; position: relative;} .play_NEW_drag .drag_handle { position: absolute; z-index: 2 !important; display: inline-block; height: 16px; width: 16px; left: 0; top: 23px; border-radius: 50%; background-color: #1C8FED; /* cursor: ew-resize !important; */} .play_NEW_drag .drag_handle:active {} .play_NEW_drag .drag_handle:before {content: ''; position: absolute; display: inline-block; top: 7px; right: 8px; width: 1040px; height: 3px; background-color:#1C8FED;} /* 요89580 제품 상세페이지 카드혜택 안내 팝업 221004 */ .cardEvt_pop{width: 410px; box-sizing: border-box;} .cardEvt_pop .nano{height: auto; max-height: 360px; margin-top: 20px;} .cardEvt_pop .cardDiscount_list{margin-top: 0;} .cardEvt_pop .cardDiscount_list li{width: 330px; margin: 0 auto;} .cardEvt_pop li.blue_area .top_area { background: #F3FAFF; } .cardEvt_pop .top_area .left{ font-family: 'Noto-B'; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .cardEvt_pop .top_area .card_icon{width: 44px; height: 26px; display: inline-block; margin-right: 8px; font-size: 0; vertical-align: text-top; margin-top: -2px;} .cardEvt_pop .top_area .card_icon img{width: 100%;} .cardEvt_pop .top_area .right > a{width: 9px; height: 14px; margin-top: 5px; background: url('//image5.compuzone.co.kr/img/images/product_detail22/icon-arrow_left-18px.png'); background-size: contain;} .cardEvt_pop .top_area{padding: 10px 20px;} .cardEvt_pop .card_detailCon { padding: 15px 20px;} .cardEvt_pop .notice_area{ background: #F9F9F9; padding: 15px 20px;} .cardEvt_pop .notice_area p{ position: relative; padding-left: 10px; color: #6C6C6C; font-size: 13px;} .cardEvt_pop .notice_area p i{position: absolute; left: 2px; top: 7px; display: inline-block; width: 2px; height: 2px; border-radius: 50%; background: #6c6c6c; vertical-align: 4px;} .cardEvt_pop .card_EvtNotice{width: 350px; margin: 15px auto;} .cardEvt_pop .card_EvtNotice p{ word-break: break-all;} /* 221121 씨게이트 HDD 특가/조립비 지원 이벤트 */ #contents .table_style_recom tr.bloo_banner .tit {position:relative;} /* #contents .table_style_recom tr.bloo_banner .tit::before {content:''; width:132px; height:169px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38000/38000_ban1.png") center center no-repeat; position:absolute; top:-75px; left:-145px;} */ .view_layer_pop .bloo_bat {position:relative;} .view_layer_pop .bloo_bat::before {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38000/38000_bat1.png") center center no-repeat; position:absolute; top:105px; left:20px;} .view_layer_pop .bloo_bat::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38499/38499_bat6.png") center center no-repeat; position:absolute; top:25px; left:20px;} .view_layer_pop .bloo_bat2::before {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38000/38000_bat1.png") center center no-repeat; position:absolute; top:105px; left:20px;} .view_layer_pop .bloo_bat2::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38499/38499_bat7.png") center center no-repeat; position:absolute; top:25px; left:20px;} .view_layer_pop .bloo_bat3::before {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38000/38000_bat1.png") center center no-repeat; position:absolute; top:105px; left:20px;} .view_layer_pop .bloo_bat3::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38499/38499_bat9.png") center center no-repeat; position:absolute; top:25px; left:20px;} .prdRNugz_wrap .bloo_bat {position:relative;} .prdRNugz_wrap .bloo_bat::before {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38000/38000_bat1.png") center center no-repeat; position:absolute; top:75px; right:-10px;} .prdRNugz_wrap .bloo_bat::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38499/38499_bat6.png") center center no-repeat; position:absolute; top:-5px; right:-10px;} .prdRNugz_wrap .bloo_bat2::before {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38000/38000_bat1.png") center center no-repeat; position:absolute; top:75px; right:-10px;} .prdRNugz_wrap .bloo_bat2::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38499/38499_bat7.png") center center no-repeat; position:absolute; top:-5px; right:-10px;} .prdRNugz_wrap .bloo_bat3::before {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38000/38000_bat1.png") center center no-repeat; position:absolute; top:75px; right:-10px;} .prdRNugz_wrap .bloo_bat3::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2022/38499/38499_bat9.png") center center no-repeat; position:absolute; top:-5px; right:-10px;} /* 221031 90473 한달사용기 기능추가요청 */ .first_review {margin-top:15px;} .first_review a {font-size:14px; font-family:'noto-R'; font-weight: normal; color:#1c8fed; position:relative;} .first_review a:hover {text-decoration: none;} .first_review a::before {content:''; width:8px; height:2px; background:#1c8fed; position:absolute; top:6.5px; right:-12px; transform:rotate(45deg);} .first_review a::after {content:''; width:8px; height:2px; background:#1c8fed; position:absolute; top:11.5px; right:-12px; transform:rotate(-45deg);} /* 한달사용기 팝업 */ .myP21_Dim{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1001;} .myP21_Dim * {font-family:'noto-R'; box-sizing: border-box;} .review_grayBg_pop{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:50px; background:#afafaf;} .review_grayBg_pop .reviewBox{position:relative; width:855px;} .review_grayBg_pop .left_side{float:left; padding:40px 35px; width:470px; background:#1a1a1a; box-sizing: border-box;} .review_grayBg_pop .left_side .main_img{width:400px; height:400px; overflow:hidden;} .review_grayBg_pop .left_side .main_img .lst{display:table; table-layout:fixed; width:100%; background-color:#1a1a1a; text-align:center; overflow:hidden;} .review_grayBg_pop .left_side .main_img .gallery_detail_con{display:table-cell; width:400px; height:400px; vertical-align:middle; overflow:hidden;} .review_grayBg_pop .left_side .gallery_detail_con img{width:auto; height:auto; max-width:100%; max-height:100%; overflow:hidden;} .review_grayBg_pop .left_side .thum_img{margin-top:30px;} .review_grayBg_pop .left_side .thum_img .lst{margin:0 auto; width:400px; height:60px; text-align:center; overflow:hidden;} .review_grayBg_pop .left_side .thum_img .lst li{display:inline-block; margin:0 5px; width:60px; height:60px; } .review_grayBg_pop .left_side .thum_img .lst li img{width:100%; height:auto; opacity:1;} .review_grayBg_pop .right_side.full_side{width:840px;} .review_grayBg_pop .right_side{float:left; padding:30px; width:368px; height:570px; background:#fff; box-sizing: border-box;} .review_grayBg_pop .right_side .re_tit_area{font-size:22px; letter-spacing:-0.8px; font-weight:normal; font-family:Noto-B;} .review_grayBg_pop .right_side .re_name_area{margin-top:25px; font-size:15px; color:#1a1a1a; font-weight:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;} .review_grayBg_pop .right_side .re_name_area img {vertical-align: baseline;} .review_grayBg_pop .right_side .re_date_area{margin-top:10px; padding-bottom:20px; border-bottom:1px solid #eee;} .review_grayBg_pop .right_side .re_date_area > span{margin-right:13px;} .ico_hand{display:inline-block; width:15px; height:15px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") #fff -247px -14px;} .avgDetail_starN{position:relative; margin:35px 5px 0 0; width:68px; height:12px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") -8px -181px;} .avgDetail_starN .avgDetail_star{position:absolute; left:0; top:0; height:12px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") -8px -166px; } .review_grayBg_pop .right_side .info_area{margin-top:14px;} .review_grayBg_pop .right_side .info_area span{margin-right:3px; padding:0 4px;} .review_grayBg_pop .right_side .con{margin-top:20px; height:235px; overflow:auto;} .layer_popWX{position:absolute; top:20px; right:20px; width:30px; height:30px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") -336px -157px no-repeat; font-size:0; cursor:pointer;} .myP_reviewC_pop .review_inner .rating_chkok{padding:10px 0; font-size:0; text-align:center;} .myP_reviewC_pop .rateing_box{display:inline-block; width:31%;} .myP_reviewC_pop .rateing_box dt{display:inline-block; margin-right:10px; width:auto; vertical-align:middle;} .myP_reviewC_pop .rateing_box dd{display:inline-block; width:auto; height:20px; vertical-align:middle;} .myP_SNbbtn{position:relative; display:inline-block; padding:0 10px; height:26px; line-height:24px; background:#fff; border:1px solid #135EBA; border-radius:2px; color:#135eba !important; font-size:12px; font-family:Noto-M; text-align:center; outline:none; cursor:pointer;} /* 90882 상세페이지내 인기도 추가 삭제 221102 */ .view_layer_pop .view_info dd .starN{margin-top: 0;} .recomPC_area .recomPC_list .prdItem .prdInfo .Score dd .starN{margin-top: 0; margin-left: 10px;} /* 221104 90640 내장그래픽 상품 기능 추가 */ .layer_popup2022 {width:410px; padding:30px; background:#fff; border:1px solid #B4B4B4; box-sizing: border-box; z-index:1000;} .layer_popup2022 .layer_tit { text-align: center;} .layer_popup2022 .layer_tit h1 {margin-bottom:15px; padding-bottom:15px; font-size:18px; font-family:'noto-B'; font-weight: normal; color:#1A1A1A; border-bottom:1px solid #1a1a1a;} .layer_popup2022 .layer_tit h2 {margin-bottom:15px; padding-bottom:15px; font-size:18px!important; font-family:'noto-B'; font-weight: normal; color:#1A1A1A; border-bottom:1px solid #1a1a1a;} .layer_popup2022 .layer_tit h3 {margin-bottom:15px; padding-bottom:15px; font-size:18px!important; font-family:'noto-B'; font-weight: normal; color:#1A1A1A; border-bottom:1px solid #1a1a1a;} .layer_popup2022 .layer_tit a {width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png') -350px -130px no-repeat; position:absolute; top:20px; right:20px;} .layer_popup2022 .layer_cont {margin-top:20px; letter-spacing: -0.5px;} .layer_popup2022 .layer_btn {width:100%; margin-top:30px; text-align: center; overflow: hidden;} .layer_popup2022 .layer_btn button {width:100%; max-width:350px; height:50px; background:#1a1a1a; border-radius: 2px; color:#fff;} .layer_popup2022 .layer_btn button.bt50 {float:left; width:calc(50% - 5px); height:50px; margin-right:10px; background:#1a1a1a; border-radius: 2px; color:#fff;} .layer_popup2022 .layer_btn button.bt50:last-child {margin-right:0; background:#F9F9F9; color:#1A1A1A;} .layer_popup2022 .pop_imgbox {display: flex; margin:20px 0 0;} /* 90386 서버옵션 업체 직접관리 협력사 페이지 개발 요청 221115 */ #AddPartTable .table_style_recom .pdtl_opt .pdtl_sel_item .pdtl_sel_txt{padding-left: 0;} #contents .table_style_recom .opt_sepa.option__font__red{color: #f14738;} #AddPartTable .pddt_info_area{padding-top: 0;} /* 221205 91830 특가PC 대상 할인 행사 팝업 */ .layer_pop_bg {width:100%; height:100%; background:rgba(0,0,0,0.7); position: fixed; top:0; left:0; z-index:9999;} .layer_popup_710 {width: 710px; padding: 30px; background: #fff; border: 1px solid #B4B4B4; position: absolute; top:50%; left:50%; transform:Translate(-50%, -50%); box-sizing: border-box;} .layer_popup_710 .layer_tit {text-align: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #1a1a1a;} .layer_popup_710 .layer_tit a {width: 16px; height: 16px; background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png') -350px -130px no-repeat; position: absolute; top: 20px; right: 20px; cursor: pointer;} .layer_popup_710 .layer_cont {margin-top:20px; text-align: center; letter-spacing: -0.5px;} .layer_popup_710 .layer_cont a:hover {text-decoration:none;} .layer_popup_710 .layer_cont .tab_btn {width:100%; margin-top:10px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;} .layer_popup_710 .layer_cont .tab_btn li {width:20%; height:50px; border:1px solid #F2F2F2; border-bottom:0; box-sizing: border-box;} .layer_popup_710 .layer_cont .tab_btn li a {display: block; width:100%; height:100%; line-height:50px; background:#F2F2F2; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#B4B4B4; } .layer_popup_710 .layer_cont .tab_btn li.on a {background:#FFF; color:#1A1A1A; } .layer_popup_710 .layer_cont .tab_con>div {display:none;} .layer_popup_710 .layer_cont .tab_con>div.on {display:block;} .layer_popup_710 .layer_cont .tab_con ul::-webkit-scrollbar {width:6px;} .layer_popup_710 .layer_cont .tab_con ul::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:8px;} .layer_popup_710 .layer_cont .tab_con ul::-webkit-scrollbar-track {background:#f9f9f9;} .layer_popup_710 .layer_cont .tab_con {width:100%; margin-top:15px;} .layer_popup_710 .layer_cont .tab_con ul {height:285px; overflow:hidden; overflow-y: auto; display:flex; flex-wrap:wrap; justify-content:flex-start;} .layer_popup_710 .layer_cont .tab_con ul li {width:118px; margin:0 10px 20px 0; overflow:hidden;} .layer_popup_710 .layer_cont .tab_con ul li:nth-child(5n) {margin:0 0 20px 0;} .layer_popup_710 .layer_cont .tab_con ul li a {display:block; width:100%;} .layer_popup_710 .layer_cont .tab_con ul li .img_box {width:100%; height:118px; border:1px solid #E8E8E8; position:relative; box-sizing: border-box;} .layer_popup_710 .layer_cont .tab_con ul li .img_box .pro_img {display:block; width:100%; height:100%;} .layer_popup_710 .layer_cont .tab_con ul li .img_box .pro_img img {width:100%;} .layer_popup_710 .layer_cont .tab_con ul li .img_box .myP_check {position:absolute; top:6px; left:6px;} .layer_popup_710 .layer_cont .tab_con ul li .img_box input.myP_chk[type="checkbox"] {display: none;} .layer_popup_710 .layer_cont .tab_con ul li .img_box input.myP_chk[type="checkbox"] + label.myP_chk {display: block;} .layer_popup_710 .layer_cont .tab_con ul li .img_box input.myP_chk[type="checkbox"] + label.myP_chk > i {display: inline-block; width: 18px; height: 18px; background: url('//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png') center no-repeat; cursor: pointer; vertical-align: middle;} .layer_popup_710 .layer_cont .tab_con ul li .img_box input.myP_chk[type="checkbox"]:checked + label.myP_chk > i {background: url('//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png') center no-repeat;} .layer_popup_710 .layer_cont .tab_con ul li .txt_box {margin-top:6px; text-align: left;} .layer_popup_710 .layer_cont .tab_con ul li .txt_box p {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .layer_popup_710 .layer_cont .tab_con ul li .txt_box p.won {margin:5px 0 3px; text-decoration: line-through;} .layer_popup_710 .layer_cont .tab_con ul li .txt_box p span {margin-right:3px;} .layer_popup_710 .layer_btn {width: 100%; margin-top: 30px; text-align: center; overflow: hidden;} .layer_popup_710 .layer_btn button {width: 200px; height: 50px; margin-right:5px; background: #1a1a1a; border-radius: 2px; color: #fff;} .layer_popup_710 .layer_btn button.graybtn {background:#f9f9f9; color:#1a1a1a; margin-right: 0;} /* 92444 상세페이지 레이아웃 오류 수정 221221 */ #contents .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap > div{height: auto;} #contents .pdtl_reaper_wrap .pdtl_reaper_tit_L{display: inline-block;} #contents .pdtl_reaper_wrap .pdtl_reaper_tit_L h2{margin-bottom: 0; margin-top: -4px;} #contents .pdtl_reaper_wrap .pdtl_reaper_contents .pd_reaper_info_wrap h2{margin-bottom: 15px;} #contents .review_list .review_list_inner .average .avgDetail_starN{ margin: 0 auto;} #contents .review_list .review_list_inner .average strong { line-height: 1em; margin-top: -5px; display: block; } /* 91754 프리미엄PC 상세페이지(DB) 디자인 230102 */ .primiumPC_wrap .primiumPC_tab_wrap{background: url('//image5.compuzone.co.kr/img/images/product_detail22/premiumPC_new02.png') center/cover no-repeat; width: 1000px; height: 584px; padding: 50px; box-sizing: border-box; border-radius: 30px; margin: auto; position: relative; top: 0px;} .primiumPC_title {margin-bottom:30px; text-align: center;} .primiumPC_title h3{font-size: 24px; font-family: 'noto-M'; font-weight: normal; color: #fff;} .primiumPC_wrap .slick-dots{bottom: -32px;} .primiumPC_wrap .slick-dots li {margin:0 4px;} .primiumPC_wrap .primiumPC_tab_box ul {width:600px; background:#3A3A3A; display: flex; justify-content: center; align-items: center; margin:0 auto 20px; border-radius: 30px;} .primiumPC_wrap .primiumPC_tab{height: 60px; width: 300px; display: flex; align-items: center; justify-content: center; border-radius: 30px; transition:all 0.2s; cursor: pointer;} .primiumPC_wrap .primiumPC_tab > span {font-size: 16px; font-family: 'Noto-M'; text-align: center; display: block; color: #6C6C6C; transition:all 0.2s;} .primiumPC_wrap .primiumPC_tab:hover, .primiumPC_wrap .primiumPC_tab.on{ background: #008cff;} .primiumPC_wrap .primiumPC_tab:hover > span, .primiumPC_wrap .primiumPC_tab.on > span{ color: #fff;} .primiumPC_spec{margin-bottom:20px; padding:0!important;} .primiumPC_spec .move_tab {display: flex; align-items: center; gap:10px;} .primiumPC_spec .move_tab .btn{display: block; padding:0 20px; font-size: 14px; height: 40px; line-height: 38px; border:1px solid #6C6C6C; border-radius: 20px; text-align: center; font-family: 'Noto-R'; color: #d8d8d8; box-sizing: border-box; cursor: pointer; transition: 0.2s;} .primiumPC_spec .move_tab .btn.on{background:#1C8FED; color:#fff; border:1px solid #1c8fed;} .primiumPC_wrap .primiumPC_con { width: 1100px; height: 450px; background: #2a2a2a; padding-top: 80px; box-sizing: border-box; overflow: hidden; position: relative;} .primiumPC_wrap .primiumPC_con_inner {width:100%; font-size:0; white-space: nowrap;} .primiumPC_wrap .primiumPC_con_inner > div {padding-left: 105px;} .primiumPC_wrap .primiumPC_con_inner > div.arrayCenter{text-align: center;} .primiumPC_wrap .primiumPC_con_inner > div.arrayCenter .play_NEW_drag{display: none;} .primiumPC_wrap .primiumPC_con_inner .play_NEW_drag{max-width: 800px; margin-left: 45px;} .primiumPC_wrap .primiumPC_con_inner ul {overflow:hidden; box-sizing: border-box; position:relative; display:inline-block; } .primiumPC_wrap .primiumPC_con_inner ul li {display:inline-block; width:200px; margin-right:30px;} .primiumPC_wrap .primiumPC_con_inner ul li:last-child {margin-right:105px;} .primiumPC_wrap .primiumPC_con_inner ul li a {display:block;} .primiumPC_wrap .primiumPC_con_inner ul li span {display:block; width:200px; height:200px; margin-bottom:20px; border-radius:8px; position:relative; overflow:hidden;} .primiumPC_wrap .primiumPC_con_inner ul li span::before {height:26px; line-height:26px; padding:0 12px; border-radius:13px; font-size:12px; font-family:'spoqa R'; color:#fff; text-align:center; position:absolute; top:10px; left:10px; z-index:1; box-sizing: border-box;} .primiumPC_wrap .primiumPC_con_inner ul li span.UHD::before {content:'UHD'; background:#8433FF;} .primiumPC_wrap .primiumPC_con_inner ul li span.QHD::before {content:'QHD'; background:#00C400;} .primiumPC_wrap .primiumPC_con_inner ul li span.FHD::before {content:'FHD'; background:#1C8FED;} .primiumPC_wrap .primiumPC_con_inner ul li span img {height:100%; position:absolute; left:50%; transform:translateX(-50%);} .primiumPC_wrap .primiumPC_con_inner ul li p {font-size:16px; font-family:'noto-R'; color:#fff; text-align: center; opacity:0.5;} /* 92884 특가PC 상품DB 및 행사 상품 노출 요청 230104 */ .layer_popup_710.productDB_exception .layer_cont .tab_con{margin-top: 20px;} .layer_popup_710.productDB_exception .layer_cont .tab_con ul{height: auto;} .layer_popup_710.productDB_exception .layer_cont .tab_con ul li{width: calc((100% - 40px) / 5); overflow: unset; margin: 0 10px 0 0;} .layer_popup_710.productDB_exception .layer_cont .tab_con ul li:nth-child(5n){margin: 0;} .layer_popup_710.productDB_exception .layer_cont .tab_con ul li .img_box{height: 122px;} .layer_popup_710.productDB_exception .layer_cont .tab_con ul li .txt_box p.won{font-family: 'spoqa L'!important;} /* 230109 92743 네이버페이 안내레이어추가 */ .naver_pop_payment {width:410px; padding:30px; background: #fff; border: 1px solid #B4B4B4; position: fixed; top:50%; left:50%; transform:Translate(-50%, -50%); box-sizing: border-box; z-index:100; letter-spacing: -0.5px; } .naver_pop_payment .layer_tit {text-align: center;} .naver_pop_payment .layer_tit h2 {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #1a1a1a;} .naver_pop_payment .layer_tit a {width: 16px; height: 16px; background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png') -350px -130px no-repeat; position: absolute; top: 20px; right: 20px;} .naver_pop_payment .layer_cont .gray_box {margin-top:20px;} .naver_pop_payment .layer_cont .gray_box .gray_box_inner {padding:20px; background:#f9f9f9; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; box-sizing: border-box;} .naver_pop_payment .layer_cont .gray_box .gray_box_inner p {margin-bottom:10px;} .naver_pop_payment .layer_cont .gray_box .gray_box_inner p:last-child {margin-bottom:0;} .naver_pop_payment .layer_cont .gray_box .gray_box_inner .co6c {color:#6c6c6c;} .naver_pop_payment .layer_cont .img_box {margin-top:20px;} .naver_pop_payment .layer_cont .img_box h3 {margin-bottom:10px;} .naver_pop_payment .layer_cont .img_box h3 span {display:inline-block; width:51px; margin-right:5px; vertical-align: bottom;} .naver_pop_payment .layer_cont .img_box h3 span img {width:100%;} .naver_pop_payment .layer_cont .img_box>div {margin-bottom:30px;} .naver_pop_payment .layer_cont .img_box p {margin-bottom:10px;} .naver_pop_payment .layer_btn {width:100%; margin-top:30px; text-align: center; overflow: hidden;} .naver_pop_payment .layer_btn button {width:170px; height:50px; background:#1a1a1a; border-radius: 2px; color:#fff;} /* 93371 바라쿠다 HDD 조립비 지원 이벤트 230127 */ .view_layer_pop .view_img .view_txt{word-break: break-all; overflow: hidden; height: 72px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #contents .table_style_recom tr.bloo_banner .tit::before{background: url("//image5.compuzone.co.kr/img/images/evt_2023/39770/39770_banner10000.png") center center no-repeat;} /* 웹폰트 규격 적용 230213 */ #contents .pdtl_row_top .pdtl_col_top .notice button .txt{font-family: '맑은고딕', 'malgun gothic';}/* 웍스상세페이지 */ #product_detail {width:1115px; color:#474747; font-size:11px; float:left; position:relative;} #product_naviB {width:1115px; height:25px; margin:8px 0 5px 0; padding:5px 0 0 0; text-align:left; font-size:11px; float:left;} /* 제품명 */ .BNum1S, .BNum2S, .BNum3S, .BNum4S, .BNum5S, .BNum6S, .BNum7S, .BNum8S, .BNum9S, .BNum0S, .BNumPS { height:31px; background-image:url(//image5.compuzone.co.kr/img/images/product_detail/prdReview.png); margin-right:2px; float:left; } .BNum1S { width:12px; background-position: -7px -280px; } .BNum2S { width:19px; background-position: -26px -280px; } .BNum3S { width:20px; background-position: -46px -280px; } .BNum4S { width:21px; background-position: -66px -280px; } .BNum5S { width:20px; background-position: -88px -280px; } .BNum6S { width:20px; background-position: -109px -280px; } .BNum7S { width:21px; background-position: -129px -280px; } .BNum8S { width:21px; background-position: -150px -280px; } .BNum9S { width:20px; background-position: -171px -280px; } .BNum0S { width:20px; background-position: -192px -280px; } .BNumPS { width:7px; background-position: -213px -280px; } .SNumS {width:47px; height:31px; margin-left:2px; background:url(//image5.compuzone.co.kr/img/images/product_detail/prdReview.png) -4px -315px; float:left;} /* 이미지확대보기 */ .view_pop{position:absolute; background-color:#FFF; border:1px #3a3a3a solid; top:0; left:0; z-index:800; float:left;} .view_pop .view_popTB{width:888px; height:55px; background:url("//image5.compuzone.co.kr/img/images/product_detail/view_bg.gif")} .view_pop .view_popT{width:701px; height:55px; background:url("//image5.compuzone.co.kr/img/images/product_detail/view_bg.gif")} /*키보드영상*/ .view_pop .keyboard {background-color:#f8f9fa; font-family:Noto Sans, Malgun Gothic, dotum; overflow:hidden; letter-spacing:-1px; height:413px;} .view_pop .keyboard .video_list { float:left; overflow:hidden; padding:20px 0 20px 17px; width:278px; height:336px;} .view_pop .keyboard .video_list .tab_menu_B { float:left; padding:0 13px;} .view_pop .keyboard .video_list .tab_menu_B li { float:left; display:inline-block; font-size:16px; font-weight:bold; height:42px; width:47px; margin-left:9px;} .view_pop .keyboard .video_list .tab_menu_B li:first-child { margin-left:0px;} .view_pop .keyboard .video_list .tab_menu_B li a { color:#3a3a3a; padding:6px 0px; cursor:pointer; display:inline-block; width:100%;} .view_pop .keyboard .video_list .tab_menu_B li a:hover { color:#1a1a1a; border-bottom:2px solid red; text-decoration:none;} .view_pop .keyboard .video_list .tab_menu_B li a.hover { color:#1a1a1a; border-bottom:2px solid red; text-decoration:none;} .view_pop .keyboard .video_list .menu_area { margin-top:3px; float:left;} .view_pop .keyboard .video_list .nano-pane { background-color:#f3f3f3; width:7px; border-radius:0; float:right;} .view_pop .keyboard .video_list .nano-pane .nano-slider { background-color:#c9cacd; width:7px; border-radius:0;} .view_pop .keyboard .video_list .menu_area .tab_menu_S {border:1px solid #ededed; border-radius:5px; background-color:#fff; padding:15px 15px; float:left; width:220px; margin-top:1px; cursor:pointer;} .view_pop .keyboard .video_list .menu_area .total { height:286px;} .view_pop .keyboard .video_list .menu_area .menu_close { padding:15px 15px;} .view_pop .keyboard .video_list .menu_area a { display:inline-block; width:100%; cursor:pointer;} .view_pop .keyboard .video_list .menu_area a:hover { text-decoration:none;} .view_pop .keyboard .video_list .menu_area a.hover { color:red;} .view_pop .keyboard .video_list .menu_area .tab_menu_S p {font-size:14px; color:#202020; text-align:left; margin-bottom:10px; background:url("//image5.compuzone.co.kr/img/images/product_detail/view_btnTAB.gif") right 0 no-repeat; height:20px; font-weight:bold;} .view_pop .keyboard .video_list .menu_area .tab_menu_S p.close { margin-bottom:0px; background-position:right -20px; color:#6f6f6f;} .view_pop .keyboard .video_list .menu_area .tab_menu_S p.none { background-image:none; } .view_pop .keyboard .video_list .menu_area .tab_menu_Sp a:hover { color:#202020;} .view_pop .keyboard .video_list .menu_area li {font-size:12px; text-align:left; margin-bottom:5px; letter-spacing:-0.5px;} .view_pop .keyboard .video_list .menu_area li:last-child {margin-bottom:0px;} .view_pop .keyboard .video_list .menu_area .tab_scroll {border:1px solid blue; float:right;} .view_pop .keyboard .video_view { float:left; overflow:hidden; padding:20px 14px;} .view_pop .keyboard .video_view .video_tit { font-size:16px; font-weight:bold; text-align:left; margin-top:6px;} .view_pop .keyboard .video_view .video_area { width:560px; height:338px; margin-top:20px;} /* 이용후기 */ #prodcutD_area3{width:1115px; float:left; position:relative; margin-bottom:50px;} #prodcutD_area3 .prd_review{width:1038px; float:left; position:relative; padding-left:77px; text-align:center;} .tahomaB { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#565656; font-weight:bold;} .tahomaR { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#ed5459; font-weight:bold;} .tahomaG { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#838383;} /* 이용후기 */ #prd_review {width:1038px; float:left; position:relative; padding-left:77px; text-align:center;} #prd_review { width:960px; float:left; margin-bottom:30px; font-family:'맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif;} .avgDetail_starN { width:75px; height:14px; background:url(//image5.compuzone.co.kr/img/images/product_detail/prdReview_2.png) -198px -212px; float:left;} .avgDetail_star { height:14px;background:url(//image5.compuzone.co.kr/img/images/product_detail/prdReview_2.png) -198px -196px; float:left;} .avgDetail_score {float:left;} /* 상품옵션 미리보기 */ .prd_category .optionbox{position:absolute; width:194px; z-index:999999; border:3px solid #e1e1e1; background-color:#fff; text-align:left;} .prd_category .optionbox .optionbox_name{width:174px; margin:10px 10px 0px 10px;} .prd_category .optionbox .optionbox_img{width:194px; text-align:center} .prd_category .optionbox .optionbox_price1{width:184px; background-color:#f9f9f9; border-top:1px solid #d6d6d6; margin-top:8px; padding:10px 0px 5px 10px; float:left;} .prd_category .optionbox .optionbox_price2{width:184px; background-color:#f9f9f9; border-top:1px solid #d6d6d6; padding:10px 0px 5px 10px; float:left;} /* selectbox */ .Pinfo_option { width:290px; position:relative; float: left;} .Pinfo_option span.option_selectbox { background: url("//image5.compuzone.co.kr/img/images/product_detail/navi_arrow.gif") no-repeat scroll right 0 #FFFFFF; border-color: #C5C5C5 #E9E9E9 #E9E9E9 #C5C5C5; border-style: solid; border-width: 1px; display: inline-block; height: 20px; padding-top: 3px; text-align: left; vertical-align: top; width: 290px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:15px;} .Pinfo_option ul.prd_selected_txt {background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #E9E9E9; border-left: 1px solid #C5C5C5; border-right: 1px solid #E9E9E9; float: left; left: 0; margin: 0; position: absolute; text-align: left; top: 20px; width: 290px;} /* 맞춤가격보기 */ #product_name{ margin:10px 10px 0px 10px;} /* 프린터 잉크 정보 */ .ink_info { border:0px solid red; cursor:default;} .ink_info h3{display:block; font-size:15px; padding-bottom:10px; text-align:left; letter-spacing:-1px;} .ink_info h3 span { font-size:15px; color:black;} table.ink_box {width:100%; border:1px solid #d8d7db; border-top:1px solid #2b2f3a;} table.ink_box th { width:100px; background-color:#f9f9f9; color:#243e89; font-weight:bold; font-size:13px; text-align:center;} table.ink_box td{border:0px solid red; width:1010px; height:100%; vertical-align:top;} div.ink_con { width:1015px; border:0px solid red; padding:10px 10px 5px 10px; overflow:auto; float:left;} div.ink_con ul li { background:url(//image5.compuzone.co.kr/img/images/product_detail/ink_info_bul.gif) no-repeat 8px 5.5px; text-align:left; list-style:none; float:left; padding:0 20px 0 15px; color:#474747; margin-bottom:5px; border:0px solid red; white-space:nowrap;} div.ink_con ul li:hover {text-decoration:none; color:#474747;} div.ink_con ul li:visited {text-decoration:none; color:#474747;} div.ink_con ul li a:link {text-decoration:underline; color:#474747; background:url(//image5.compuzone.co.kr/img/images/button/product_icon_view2.gif) no-repeat right 3px;; padding-right:18px;} /* category navi */ #product_navi {width:1115px; padding-top:15px; height:35px; float:left;} #container #product_navi {margin:0 auto; float:none; display:block; height:32px; padding-top:15px;} #product_navi a.cate_home { text-indent:-10000px; width:16px; height:16px; display:block; float:left; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -1px 0 no-repeat; vertical-align:0; } #product_navi .category_Box {display:block; float:left; padding-left:20px; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -184px 0 no-repeat; position:relative; margin-right:7px; } .category_Box a.selectBox {font-size:12px; text-align:left; color:#1a1a1a1a1a1a; letter-spacing:-0.5px; line-height:16px; vertical-align:0;} .category_Box a.selectBox .ico {width:17px; height:16px; display:inline-block; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -24px 0 no-repeat; vertical-align:bottom;} .category_Box a.selectBox:hover .ico {width:17px; height:16px; display:inline-block; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -50px 0 no-repeat; vertical-align:bottom;} .category_Box a.on .ico {width:17px; height:16px; display:inline-block; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -50px 0 no-repeat; vertical-align:bottom;} .category_Box .sub_list_wrap {position:absolute; top:16px; left:20px; border:1px solid #c4cace; padding:7px; background-color:#fff; z-index:100; -webkit-box-shadow:1px 1px 1px #e0e0e0; /* Safari and Chrome */ -moz-box-shadow:1px 1px 1px #e0e0e0; /* Firefox */ box-shadow:1px 1px 1px #e0e0e0; /* CSS3 */ filter: progid:DXImageTransform.Microsoft.Shadow(color=#e0e0e0, Direction=135, Strength=5); } .category_Box .sub_list_wrap li {color:#1a1a1a; font-size:12px; line-height:21px; letter-spacing:-0.5px;} .category_Box .sub_list_wrap li a {white-space:nowrap;} .category_Box .sub_list_wrap li a:hover {color:#1b1b1b;} .inp_box { height:19px; border:#d8d8d8 1px solid; padding:3px 10px; color: #949494; } .inp_box:hover { border:#B5B5B5 1px solid;} /* .txt_box { height:33px; border:#d8d8d8 1px solid; padding:10px 0 10px 10px; letter-spacing: -0.5px; color: #949494; } */ .btnGray { height:25px; background:#f2f2f2; border:#bababa 1px solid; border-radius:2px; display:inline-block; padding:0 10px; line-height:25px; vertical-align:top;} .bgoverlay{width:100%; height:100%; position:absolute; top:0; left:0; z-index:9999;background:#1a1a1a; opacity:0.6;} /* 파트너 사은품 이벤트 */ .leftside { display:inline-block; float:left; box-sizing:border-box; padding:63px 0 0 100px; text-align:left; } .leftside .start_line { border-bottom:2px solid #1a1a1a; width:21px; margin-bottom:25px;} .leftside .explain { font-size:20px; color:#1a1a1a; letter-spacing:-1px; font-family:noto-R; margin-bottom:20px; max-width:456px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;} .leftside .date { font-size:14px; color:#949494; letter-spacing:-0.5px; margin-bottom:20px;} .leftside .evtbtn {box-sizing:border-box; padding:2px 14px; border-radius:15px ;border:#d43f41 1px solid;display:inline-block;line-height:24px;font-size:14px; font-family:noto-B; color:#d43f41; position:relative; cursor:pointer;} .leftside .right_arrow{border-width:1px 1px 0 0 !important;width:5px; height:5px; border:1px solid #d43f41;-webkit-transform:rotate(45deg);transform: rotate(45deg);display:inline-block;vertical-align:middle;position:absolute;top:11px;right:11px;} .rightside { position:relative; display:inline-block; float:right;} .rightside .giftimg{width:556px; position:relative; float:right; text-align:left;} .rightside .giftimg>img{width:511px !important; height:279px;} .rightside .policy_tit { display:inline-block; width:120px; box-sizing:border-box; position:absolute; bottom:8px; right:12px; } .rightside .policy_tit >i { color:#565656; font-size:13px; font-style:normal; letter-spacing:-1px; cursor:pointer;} .rightside .down_arrow {border-width:1px 1px 0 0 !important; width:5px; height:5px; border:1px solid #616161;-webkit-transform:rotate(135deg);transform: rotate(135deg);display:inline-block;vertical-align:middle; margin:0 0 8px 5px;} .rightside .evt_policy{display:inline-block; width:-webkit-max-content; min-width:490px; box-sizing:border-box; position:absolute; z-index:99; background-color:#fff; padding:22px 32px; letter-spacing:-1px; font-size:13px; font-family:Tahoma,'맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif; overflow:hidden; top:26px; right:-13px; border:3px solid #f9f9f9; color:#838383; text-align:left; line-height:22px;} /* (?) 제품상세 메시지 레이어 */ .prdtLayer {border:1px solid #c7c7c7; box-shadow:5px 5px 11px rgba(158, 158, 158, 0.42); display:inline-block; position:absolute; background-color:#fdfdfd;} .prdtLayer > .prdtLayer_tit {background-color:#ecf0f3; padding:15px 0; width:100%; display:inline-block;} .prdtLayer > .prdtLayer_tit > span {font-size:13px; color:#1a1a1a; letter-spacing:-1px; margin-left:20px; display:inline-block;} .prdtLayer > .prdtLayer_tit > span>b {text-decoration:underline;} .prdtLayer > .prdtLayer_center {padding:17px 0 7px 0; text-align:center; width:100%; display:inline-block; } .prdtLayer > .prdtLayer_center table.prdLtable {display:inline-block; border:1px solid #dbdbdb; border-bottom:none;} .prdtLayer > .prdtLayer_center table.prdLtable th {background-color:#f9f9f9; height:30px; line-height:30px; padding-left:15px; font-size:12px; color:#1a1a1a; letter-spacing:-1px; border-bottom:1px solid #dbdbdb; text-align:left; font-weight:normal;} .prdtLayer > .prdtLayer_center table.prdLtable td {height:30px; line-height:30px; padding-left:15px; font-size:12px; letter-spacing:-1px; border-bottom:1px solid #dbdbdb; text-align:left;} .prdtLayer > .prdtLayer_subTxt {font-size:11px; letter-spacing:-1px; line-height:16px; text-align:left; display:inline-block; padding:7px 0 15px 20px;} .prdtLayer > .prdtLayer_ermsg {background-color:#fcdad7; color:#f24638; width:100%; display:inline-block; font-size:11px; letter-spacing:-1px; padding:7px 0;} .prdtLayer > .prdtLayer_ermsg > span {padding-left:20px; line-height:16px; display:inline-block; word-break:keep-all;} /*이벤트 안내 템플릿 배너 기능*/ .contents_evt {overflow:hidden;} #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_ori{font-family: 'spoqa R';} #contents .pdtl_row_top .pdtl_col_rgt .info_header .p_num{ font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .layer_pop .card_info_inner .card_infoText{ font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .layer_pop .info_txt{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .layer_pop .info_txt:last-child{margin-top: 0;} .seleted_list .item_result .result_price{font-family: 'spoqa R';} .temevent_bnr_area .temevent_con .contents div{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .temevent_bnr_area .temevent_img_area .event_rule{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} #contents .pdtl_dtlcont_wrap .big_data_inner p{font-family: 'noto-R';} .graph_satisfaction .list li .bar_blank .area_value .value{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .graph_satisfaction .list li .label{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} #contents .review_list .review_list_inner .average strong{font-family: 'spoqa R';} #contents .satisfy .wrap_rating_graph .list_sub li .text{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} #contents .satisfy .wrap_rating_graph .list_sub li .count_sub{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} #contents .paging > a{font-family: 'spoqa R';} #optionLayer .optionView .viewWrap .viewWrapLeft .seleted_list .item_result .result_price{font-family: 'spoqa R';} #optionLayer .optionView .viewWrap .optionTotal .txt_area b{font-family: 'spoqa R';} /* PC 윈도우, 레이어 팝업 변경 230324 */ .layer_pop .co94{ color: #949494;} .layer_pop .cof1 { color: #F14738; } .layer_pop .title { margin-top: 0px; margin-bottom: 20px; text-align: center; padding-bottom: 15px; font-size: 18px; font-family: 'noto-B'; font-weight: normal; color: #1A1A1A; border-bottom: 1px solid #1a1a1a; } .layer_pop .ntRB13{ font-size: 13px !important; font-family: '맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif; line-height: normal !important; letter-spacing: -1px;} .layer_pop .ntRB14 { color: #1a1a1a; font-size: 14px; font-family: noto-R; } .layer_pop .ntRB16 { color: #1a1a1a; font-size: 16px; font-family: noto-R; } .layer_pop .ntMB16{ color: #1a1a1a; font-size: 16px; font-family: noto-M;} .layer_pop .sale_price_inner{border-top: 0;} .layer_pop .qna_write{border-top: 0; margin: 20px 0; padding: 0;} .layer_pop p { color: #1a1a1a; font-size: 16px; margin: 0 0 10px; font-family: 'Noto-R';} .layer_pop .text_box { font-family: 'Noto-R'; font-size: 14px; } .layer_pop.overnight_delivery_pop .text_box{margin-bottom: 20px; padding: 20px 15px;} .layer_pop .sale_price_inner .list{padding: 0 0 20px;} .layer_pop .sale_price_inner .list + .list{padding: 20px 0;} .layer_pop .sale_price_inner .list dt{font-family: 'Noto-R'; color: #6c6c6c;} .layer_pop .sale_price_inner .list dd{font-family: 'Noto-M'; letter-spacing: -0.025em; font-weight: 100;} .layer_pop .sale_price_inner .sale_detail dl dt { float: left; font-size: 13px; font-family: 맑은고딕, "malgun gothic"; color: #6c6c6c; line-height: 1.5em; } .layer_pop .sale_price_inner .sale_detail dl dd{font-size: 13px; font-family: 맑은고딕, "malgun gothic";color: #6c6c6c; line-height: 1.5em; } .layer_pop .sale_price_inner .total_price{margin-top: 20px;} #contents .layer_pop .sale_price_inner .total_price .txt{font-family: Noto-B; color: #1a1a1a; font-size: 16px; } .layer_pop .sale_price_inner .total_price .price{font-family: Noto-B; font-size: 16px;} .layer_pop .alm_box { color: #1a1a1a; font-size: 16px; font-family: noto-R; background: transparent; text-align: left; padding: 0; margin: 20px 0; } .layer_pop .info_txt{color: #6c6c6c; font-size: 13px; margin-top: 20px; } .layer_pop .table_type1 th{font-size: 13px;background: #F9F9F9; font-weight: 300; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; color: #1a1a1a;} .layer_pop .table_type1 tr{font-size: 13px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;} .layer_pop .table_type1 td{color: #949494;} .layer_pop .table_type1 tr.em td{color: #F14738;} .layer_pop.raise_pop .qna_write{padding: 0;} .layer_pop.write_product_qa_pop .qna_write dl{padding: 0; border-top: 1px solid #E8E8E8;} .layer_pop.write_product_qa_pop .qna_write dl:last-of-type { border-bottom: 1px solid #E8E8E8; } .layer_pop.write_product_qa_pop .qna_write dl dt { width: 145px; box-sizing: border-box; padding: 20px; background: #F9F9F9; text-align: left; font-size: 16px; font-family: 'noto-R'; font-weight: normal; color: #1A1A1A; } .layer_pop.write_product_qa_pop .qna_write dl dd { float: left; width: 543px; padding: 12px 20px; box-sizing: border-box; } .layer_pop.write_product_qa_pop .select_comm select { height: 38px; line-height: 38px; background-position: 100% 4px;} .layer_pop.write_product_qa_pop input.input_comm{height: 38px; line-height: 38px;} .layer_pop.write_product_qa_pop textarea{height: 38px;} .layer_pop.write_product_qa_pop .btn_area button{width: 200px; height: 50px; margin-right: 5px; border-radius: 2px; text-align: center; font-size: 16px; font-family: 'noto-R'; font-weight: normal; background: #F9F9F9; color: #1A1A1A; border: none; } .layer_pop.write_product_qa_pop .btn_area button.bk{background: #1A1A1A; color: #fff;} /* 230406 95728 간편결제 혜택안내 */ #contents .pdtl_row_top .pdtl_col_rgt .ct.coupon_inner.payments {display:flex; flex-wrap: wrap; align-items: center; gap: 5px 20px; width:calc(100% - 36px);} .coupon_inner.payments a {display:flex; align-items: center; height:24px; font-size: 15px; font-family:'noto-M'; font-weight: normal; color:#3A3A3A;} .coupon_inner.payments a img {display:block; width:auto; height: 25px; margin-right:10px;} .coupon_inner.payments a.card_logo img {height: 20px;} /* 96084 내일 설치 상품배너 230412 */ #contents .pdtl_row_top .pdtl_col_lft .item_image .main_img .lst li .Install_tom_bat{width: 100px; height: 100px; margin: 0; background: url(//image5.compuzone.co.kr/img/images/product/Install_tom_bat.png) center center/contain no-repeat; position: absolute; top: 20px; left: 20px; border-radius: 15px; z-index: 10; font-size: 0;} #contents .pdtl_row_top .pdtl_col_rgt .ct .txt .co_purple{color: #8433FF;} .layer_pop .co6c{ color: #6c6c6c!important;} /* 98894 상품 상세페이지 추가상품 할인가 노출 개선 230627 */ .plus_discnt { color:#F14738; font-family: 'noto-M'; font-style: normal; margin-right: 0;} /* 230713 99440 용산전시상품추가 */ .evtIco_obj {position:relative;} .evtIco_obj .ballon {display:none; width: max-content; line-height:normal; padding:13px; border:1px solid #1a1a1a; text-align: left; font-size:12px; font-family:'맑은고딕'; font-style: normal; color:#1a1a1a; letter-spacing: -1px; background:#fff; position:absolute; top:22px; left:0; z-index: 2; box-sizing: border-box; word-break: break-all} .evtIco_obj:hover .ballon {display: inline-block;} /* 99966 WD HDD 조립비지원이벤트 */ .view_layer_pop .bloo_bat99966::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2023/43100/prd_detail_sticker.png") center center no-repeat; position:absolute; top:25px; left:20px;} .prdRNugz_wrap .bloo_bat99966::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2023/43100/prd_detail_sticker.png") center center no-repeat; position:absolute; top:-5px; right:-10px;} /* 101088 WD HDD 조립비지원이벤트 */ .view_layer_pop .bloo_bat43678::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2023/43678/43678_bet.png") center center no-repeat; position:absolute; top:25px; left:20px;} .prdRNugz_wrap .bloo_bat43678::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2023/43678/43678_bet.png") center center no-repeat; position:absolute; top:-5px; right:-10px;} /* 230830 101145 마이크론 P5 SSD 조립비지원 이벤트 */ .view_layer_pop .bloo_bat43704::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2023/43704/43704_bet.png") center center no-repeat; position:absolute; top:25px; left:20px;} .prdRNugz_wrap .bloo_bat43704::after {content:''; width:75px; height:75px; background:url("//image5.compuzone.co.kr/img/images/evt_2023/43704/43704_bet.png") center center no-repeat; position:absolute; top:-5px; right:-10px;} /* 250115 117243 추천조립PCxLG모니터 콜라보 기획전 */ #contents .table_style_recom tr.monitor_banner .tit {position:relative;} #contents .table_style_recom tr.monitor_banner .tit::before {content: ''; width: 142px; height: 81px; background: url(//image5.compuzone.co.kr/img/images/evt_2025/52655/bub52655.png) center center no-repeat; position: absolute; top: 50%; left: -148px; transform: translateY(-50%);} /* 231018 102405 구매후기 활성화 */ #contents .review_list .review_list_inner .average .avgDetail_starN {width:160px; height:32px; background:url('//image5.compuzone.co.kr/img/images/product_detail/detail_fullstar.png') no-repeat;} #contents .review_list .review_list_inner .average .avgDetail_starN .avgDetail_star {width:160px; height:32px; background:url('//image5.compuzone.co.kr/img/images/product_detail/fullstar.png') no-repeat;} .review_list a:hover {text-decoration: none;} .review_list .review_list_photo {margin-top:40px;} .review_list .review_list_photo ul {display:flex; flex-wrap: wrap; gap:0 14px; height:150px; overflow: hidden;} .review_list .review_list_photo ul li {width:150px; height:150px; border-radius: 10px; overflow:hidden;} .review_list .review_list_photo ul li a {display: block; width:100%; height:100%; position:relative;} .review_list .review_list_photo ul li a::before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.02); position: absolute; top: 0; left: 0;} .review_list .review_list_photo ul li.play_thum a::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.4);} .review_list .review_list_photo ul li.play_thum a::after {content:''; width:78px; height:78px; background:url('//image5.compuzone.co.kr/img/images/product_detail/prdPlay_btn_hoverM.png') center center/contain no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .review_list .review_list_photo ul li a .num {width:26px; height:26px; background:rgba(0,0,0,0.4); border-radius: 2px; display: flex; align-items: center; justify-content: center; font-family:'맑은고딕'; font-style: normal; font-size:12px; color:#fff; position:absolute; bottom:0; right:0; z-index:1;} .review_list .review_list_photo ul li:nth-child(8) a::before {content:'+ 더보기'; display:flex; align-items: center; justify-content: center; width:100%; height:100%; background:rgba(0,0,0,0.6); font-size:14px; font-family:'noto-R'; color:#fff; position:absolute; top:0; left:0; text-align: center;} .review_list .review_list_photo ul li a img {width:100%; height:100%;} .review_list .review_best_photo {width:100%; margin-top:40px; background:#F9F9F9; border-radius:20px; overflow:hidden;} .review_list .review_best_photo .swiper-container {width:100%; height:100%;} .review_list .review_best_photo .swiper-slide {display:flex; padding:35px 40px 40px; box-sizing: border-box;} .review_list .review_best_photo .best_tit {width:190px;} .review_list .review_best_photo .best_tit h5 {font-size:18px; font-family:'noto-M'; font-weight: normal; color:#1a1a1a;} .review_list .review_best_photo .best_tit span {display: inline-block; height:26px; line-height:28px; padding:0 10px; text-align: center; margin-top:9px; box-sizing: border-box; background:#0D6DE3; color:#fff; border-radius: 13px;} .review_list .review_best_photo .best_cont {display:flex; flex-wrap: wrap; gap:10px 0; width:800px;} .review_list .review_best_photo .best_cont .best_cont_line1 {display: flex; align-items: center; margin-bottom:10px; gap:10px; width:100%;} .review_list .review_best_photo .best_cont_line1 .starzone {width:90px; height:18px; background:url('//image5.compuzone.co.kr/img/images/product_detail/detail_fullstar.png') center left/cover no-repeat; position:relative;} .review_list .review_best_photo .best_cont_line1 .starzone span {width:0; max-width:100%; height:18px; background:url('//image5.compuzone.co.kr/img/images/product_detail/fullstar.png') center left/cover no-repeat; position:absolute;} .review_list .review_best_photo .best_cont_line1 p {font-size:13px; font-family:'맑은고딕'; color:#6C6C6C;} .review_list .review_best_photo .best_cont_line1 .best_date {padding-left:10px; position:relative;} .review_list .review_best_photo .best_cont_line1 .best_date::before {content:''; width:1px; height:13px; background:#ccc; position:absolute; top:50%; left:0; transform:TranslateY(-50%);} .review_list .review_best_photo .best_cont .best_cont_line2 {font-size:16px; width:100%; min-height:85px; position:relative; margin-bottom:30px;} .review_list .review_best_photo .best_cont .best_cont_line2 div {position:relative; max-height:86px; overflow:hidden;} .review_list .review_best_photo .best_cont .best_cont_line2 div span {line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all;} .review_list .review_best_photo .best_cont .best_cont_line2.on div span {display: unset;} .review_list .review_best_photo .best_cont .best_cont_line2.on>div {max-height:inherit;} .review_list .review_best_photo .best_cont .best_cont_line2.on .morebtn i {transform:rotate(180deg);} .review_list .review_best_photo .best_cont .best_cont_line2 .morebtn {display:flex; align-items: center; color:#949494; cursor: pointer; display:none; position:absolute; bottom:-30px;} .review_list .review_best_photo .best_cont .best_cont_line2 .morebtn.on::before {content: '접기'; position: absolute; top: 0; padding: 0 15px 0 0; background: #f9f9f9; font-size: 15px; font-family: 'noto-R'; color: #949494;} .review_list .review_best_photo .best_cont .best_cont_line2 .morebtn i {display:inline-block; width:12px; height:9px; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/mypage21/arrow_down_14X9.png') center center no-repeat;} .review_list .review_best_photo .best_cont .best_cont_line3 {display: flex; gap:0 5px; width:100%;} .review_list .review_best_photo .best_cont .best_cont_line3 span {display: inline-block; width:60px; height:60px; border-radius:10px; overflow:hidden; position:relative;} .review_list .review_best_photo .best_cont .best_cont_line3 span.play_thum::before{content:''; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index: 1;} .review_list .review_best_photo .best_cont .best_cont_line3 span.play_thum::after {content:''; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail/prdPlay.png') center center/contain no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 1;} .review_list .review_best_photo .best_cont .best_cont_line3 span img {width:100%; height:100%;} .review_list .review_best_photo .best_goodhelp {display: flex; align-items: flex-end; justify-content: flex-end; width:230px;} .review_list .review_best_photo .best_goodhelp div {display: flex; align-items:center; height:34px; line-height:34px; padding:0 15px; border:1px solid #D8D8D8; border-radius:17px; color:#6C6C6C; box-sizing: border-box;} .review_list .review_best_photo .best_goodhelp i {display:inline-block; width:18px; height:18px; margin-left:7px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_goodgray.png') center center/contain no-repeat;} .review_list .review_best_photo .swiper-pagination {width:fit-content; position:absolute; top:30px; left:inherit; right:30px; bottom:inherit;} .review_list .swiper-pagination-bullet {width:9px; height:9px; background:#d8d8d8; opacity:1;} .review_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0 0 6px;} .review_list .swiper-pagination-bullet-active {background:#949494;} .review_filter {display:flex; justify-content: space-between; margin:40px 0 20px;} .review_filter_left ul {display: flex; align-items: center; position:relative;} .review_filter_left ul::before { content:''; width:50%; height:40px; border-radius:20px; background:#000; position:absolute; top:0; left:0; transition:all 0.2s; z-index:-1;} .review_filter_left ul.on::before {left:50%;} .review_filter_left ul li a {display:block; height:40px; line-height:40px; padding:0 20px; box-sizing: border-box; color:#6c6c6c; border-radius: 20px; transition:all 0.2s;} .review_filter_left ul li.on a {color:#fff;} .review_filter_right{display: flex; align-items: center; gap: 0 15px;} .review_filter_right .checkbox {height:22px;} .checkbox .chkMedium {color:#6C6C6C;} .review_filter_right .star_rate {margin-left:15px; position:relative;} .review_filter_right .star_rate .allstar {display:block; height:40px; line-height:40px; padding:0 20px; background:#F9F9F9; color:#6c6c6c; border-radius: 20px; box-sizing: border-box;} .review_filter_right .star_rate .allstar i {display:inline-block; width:12px; height:9px; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/mypage21/arrow_down_14X9.png') center center no-repeat;} .review_filter_right ul {width:200px; position:absolute; top:43px; right:0; padding:5px; background:#fff; border:1px solid #D8D8D8; border-radius: 5px; box-sizing: border-box; z-index:1;} .review_filter_right ul li {padding:8px 10px; box-sizing: border-box;} .review_filter_right ul li a {display: flex; align-items: center; justify-content: space-between; width:100%; font-size:15px; font-family:'noto-R'; color:#6C6C6C;} .review_filter_right ul li a .starzone {margin:0;} .review_filter_right ul li a span:nth-child(1) {font-size:15px; font-family:'noto-R'; color:#6C6C6C;} .review_filter_right ul li a span:nth-child(2) {font-size:14px; font-family:'spoqa R'; color:#6C6C6C;} .all_review .starzone {width:90px; height:18px; margin:0 auto; background:url('//image5.compuzone.co.kr/img/images/product_detail/detail_fullstar.png') center left/cover no-repeat; position:relative;} .all_review .starzone span {width:0; max-width:100%; height:18px; margin:0 auto; background:url('//image5.compuzone.co.kr/img/images/product_detail/fullstar.png') center left/cover no-repeat; position:absolute; left:0;} /* 포토&영상후기팝업 */ .layer_bg {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:1000;} .layer_bg .layer_popup2022 {position:relative; width:710px; top:50%; left:50%; transform:Translate(-50%, -50%);} .layer_bg .flex {display: flex; justify-content: space-between;} .layer_bg .scrollY::-webkit-scrollbar {width: 4px;} .layer_bg .scrollY::-webkit-scrollbar-thumb{ background:#d8d8d8; border-radius: 10px;} .layer_bg .scrollY::-webkit-scrollbar-track{background:#fff;} .layer_bg .scrollX::-webkit-scrollbar {height: 4px;} .layer_bg .scrollX::-webkit-scrollbar-thumb{ background:#d8d8d8; border-radius: 10px;} .layer_bg .scrollX::-webkit-scrollbar-track{background:#fff;} .layer_bg .photo_left .scrollY {max-height:584px; overflow-x:hidden; overflow-y: auto;} @keyframes scrollY { 0% {opacity:0;} 100% {opacity:1;} } .layer_bg .photo_left {width:253px; position:relative;} .layer_bg .photo_left:hover::before {animation:none;} .layer_bg .photo_left::before {content:''; width:4px; height:100%; background:#fff; position:absolute; top:0; right:0; opacity:0; animation:scrollY 0.5s forwards 1s; z-index:1; } .layer_bg .photo_left ul {display: flex; flex-wrap:wrap; gap:8px; position:relative;} .layer_bg .photo_left li a {display:block; box-sizing: border-box; border-radius: 5px; overflow: hidden; position:relative;} .layer_bg .photo_left li.play_thum a::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index: 1;} .layer_bg .photo_left li.play_thum a::after {content:''; width:36px; height:36px; background:url('//image5.compuzone.co.kr/img/images/product_detail/prdPlay.png') center center/contain no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 1;} .layer_bg .photo_left li.on a::before {content:''; width:100%; height:100%; border:2px solid #0D6DE3; position:absolute; top:0; left:0; border-radius: 5px; box-sizing: border-box; z-index:1;} .layer_bg .photo_left li a span {display:block; width:75px; height:75px; position:relative;} .layer_bg .photo_left li a span::before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.02); position: absolute; top: 0; left: 0;} .layer_bg .photo_left li a span img {width:100%; height:100%; object-fit: cover;} .layer_bg .photo_left li a i {width:20px; height:20px; background:rgba(0,0,0,0.4); border-radius: 2px; display: flex; align-items: center; justify-content: center; font-family:'맑은고딕'; font-style: normal; font-size:11px; color:#fff; position:absolute; bottom:0; right:0; z-index:2;} .layer_bg .photo_right {width:372px; height:584px; position:relative;} .layer_bg .photo_right_indi {width:258px; height:inherit;} .layer_bg .photo_right:hover::before {animation:none;} .layer_bg .photo_right::before {content:''; width:4px; height:100%; background:#fff; position:absolute; top:0; right:0; opacity:0; animation:scrollY 0.5s forwards 1s; z-index:1; } .layer_bg .photo_right .scrollY {max-height:535px; overflow-x:hidden; overflow-y: auto;} .layer_bg .photo_L {width:360px; height:360px;} .layer_bg .photo_L span {display:block; width:100%; height:100%; border-radius:10px; overflow: hidden;} .layer_bg .photo_L span img {width:100%; height:100%; object-fit: cover;} .layer_bg .photo_L span.no_img {position:relative;} .layer_bg .photo_L span.no_img::before {content: "해당 상품의 구매후기에\a 등록된 이미지가 없습니다"; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: 14px; font-family: noto-R; color: rgb(255, 255, 255); text-align: center; box-sizing: border-box; background: rgba(0, 0, 0, 0.2); white-space: pre; padding: 165px 0px;} .layer_bg .photo_play {border-radius: 10px; overflow: hidden; position:relative;} .layer_bg .photo_play::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;} .layer_bg .photo_play.hide::before {display: none;} .layer_bg .photo_play .video_thums {content:''; width:78px; height:78px; background:url('//image5.compuzone.co.kr/img/images/product_detail/prdPlay_btn_hoverM.png') center center/contain no-repeat; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%); cursor: pointer;} .layer_bg .photo_gallary {margin-top:10px; max-width:360px; overflow-y:hidden; overflow-x:scroll;} .layer_bg .photo_gallary ul {display: flex; gap:5px; margin-bottom:5px; } .layer_bg .photo_gallary ul li a {display:block; box-sizing: border-box; border-radius: 5px; overflow: hidden; position:relative;} .layer_bg .photo_gallary ul li.on a::before {content:''; width:100%; height:100%; border:2px solid #0D6DE3; position:absolute; top:0; left:0; border-radius: 5px; box-sizing: border-box;} .layer_bg .photo_gallary ul li a span {display:block; width:40px; height:40px;} .layer_bg .photo_gallary ul li a span img {width:100%; height:100%; object-fit: cover;} .layer_bg .photo_gallary ul li.play_thum a::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0;} .layer_bg .photo_gallary ul li.play_thum a::after {content:''; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail/prdPlay.png') center center/contain no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .layer_bg .photo_txt {margin-top:10px;} .layer_bg .best_cont_line1 {display: flex; align-items: center; margin-bottom:10px; gap:10px; width:100%;} .layer_bg .best_cont_line1 .starzone {width:90px; height:18px; background:url('//image5.compuzone.co.kr/img/images/product_detail/detail_fullstar.png') center left/cover no-repeat; position:relative;} .layer_bg .best_cont_line1 .starzone span {width:0; max-width:100%; height:18px; background:url('//image5.compuzone.co.kr/img/images/product_detail/fullstar.png') center left/cover no-repeat; position:absolute;} .layer_bg .best_cont_line1 p {font-size:13px; font-family:'맑은고딕'; color:#6C6C6C;} .layer_bg .best_cont_line1 .best_date {padding-left:10px; position:relative;} .layer_bg .best_cont_line1 .best_date::before {content:''; width:1px; height:13px; background:#ccc; position:absolute; top:50%; left:0; transform:TranslateY(-50%);} .layer_bg .best_cont_line2 {font-size:16px; width:100%; min-height:53px;} .layer_bg .photo_right_indi .best_cont_line2 {margin-top:20px;} .layer_bg .best_cont_line2 p {line-height:26px; font-size:16px; color:#1a1a1a; font-family:'noto-R'; word-break: break-all;} .layer_bg .best_goodhelp {position:absolute; bottom:0; left:0; z-index:1;} .layer_bg .best_goodhelp div {display: flex; align-items:center; height:34px; line-height:34px; padding:0 15px; background:#fff; border:1px solid #D8D8D8; border-radius:17px; color:#6C6C6C; box-sizing: border-box; cursor: pointer;} .layer_bg .best_goodhelp i {display:inline-block; width:18px; height:18px; margin-left:7px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_goodgray.png') center center/contain no-repeat;} .layer_bg .photo_right_indi .best_goodhelp {bottom:5px; right:0; left:inherit;} #contents .review_list h2 {position:relative; display: inline-block;} .review_list .blue_textBox {top:50%; transform:TranslateY(-50%); left:calc(100% + 20px); z-index:1;} .blue_textBox {position:absolute; top:70px; padding:8px 9px; width:max-content; background:#fff; border:1px solid #2679cf; border-radius:2px; color:#1a1a1a; font-family:'맑은고딕'; font-weight: normal; font-size:12px; text-align: left; letter-spacing:-0.5px; z-index:10; line-height:normal;} .blue_textBox:after{content: ''; display: inline-block; width: 0; height: 0; border-bottom: 6px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; top:12px; left: -7px; transform:rotate(-90deg);} .blue_textBox:before{content: ''; display: inline-block; width: 0; height: 0; border-bottom: 8px solid #2679CF; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; top: 11px; left: -9px; transform:rotate(-90deg);} /* 231106 103377 혜택 안내 변경 요청 */ .custom_price_inner .coupon_inner{position: relative; display: inline-block; vertical-align: bottom; margin-left: 10px; margin-bottom: -2px;} /* 231115 102430 블로그 리뷰 및 동영상 가이드 노출 */ .pdtl_blog_wrap {width:100%; height:80px;} .pdtl_blog_wrap img {width:100%;} /* 231206 104477 아이웍스 가격혜택 노출 기능 추가 요청 */ #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_box{display: flex;} #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_box .discount_box{margin-left: 20px; text-align: left; display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 42px; top: 11px;} #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_box .discount_box p span{font-weight: bold;} #contents .pdtl_row_top .pdtl_col_rgt .word_balloon.discount_box:after{top: 17px;} /* 231227 104949 체험단 리뷰 노출 */ .pdtl_review_wrap {width:100%; margin-top:50px;} .pdtl_review_wrap .user_review {display:flex; gap:2px;} .pdtl_review_wrap .user_left {display:flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; width:338px; padding:50px 60px; background:#f9f9f9; border-radius: 10px 0 0 10px; box-sizing: border-box;} .pdtl_review_wrap .user_left h3 {margin-bottom:10px; font-size:24px; font-family:'noto-B'; font-weight: normal; color:#1a1a1a;} .pdtl_review_wrap .user_left p {font-size:18px; font-family:'noto-R'; font-weight: normal; color:#6c6c6c;} .pdtl_review_wrap .user_left .swiper-pagination {position:inherit; text-align: left;} .pdtl_review_wrap .user_left .swiper-option .swiper-pagination-bullet {width:8px; height:8px; margin:0 2.5px; border-radius: 4px; background:#D8D8D8; opacity:1; transition:all 0.2s;} .pdtl_review_wrap .user_left .swiper-option .swiper-pagination-bullet-active {width:15px; background:#6C6C6C;} .pdtl_review_wrap .user_right {width:960px; padding:50px 80px; background:#f9f9f9; border-radius: 0 10px 10px 0; box-sizing: border-box;} .pdtl_review_wrap .user_right .swiper-container {width:100%;} .pdtl_review_wrap .user_right .user_box {display: block; background:#fff; border-radius:20px; box-sizing: border-box; overflow:hidden;} .pdtl_review_wrap .user_right .user_box .user_img {width:100%;} .pdtl_review_wrap .user_right .user_box .user_img span {display:block; width:380px; height:246px;} .pdtl_review_wrap .user_right .user_box .user_img span img {width:100%; height:100%; object-fit: cover;} .pdtl_review_wrap .user_right .user_box .user_txt {padding:20px; box-sizing: border-box;} .pdtl_review_wrap .user_right .user_box .user_txt h3 {margin-bottom:10px; font-size:20px; font-family:'noto-M'; font-weight: normal; color:#1a1a1a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-break: break-all;} .pdtl_review_wrap .user_right .user_box .user_txt p {margin-bottom:20px; line-height:24px; font-size:16px; font-family:'noto-R'; font-weight: normal; color:#6C6C6C; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-break: break-all;} .pdtl_review_wrap .user_right .user_box .user_txt h6 {display:flex; align-items: center; gap:8px; font-size:16px; font-family:'noto-R'; font-weight: normal; color:#6C6C6C;} .pdtl_review_wrap .user_right .user_box .user_txt h6 i {display: inline-block; width:28px; height:28px;} .pdtl_review_wrap .user_right .user_box .user_txt h6 i.blog {background:url('//image5.compuzone.co.kr/img/images/product_detail22/user_blog.png');} .pdtl_review_wrap .user_right .user_box .user_txt h6 i.insta {background:url('//image5.compuzone.co.kr/img/images/product_detail22/user_insta.png');} .pdtl_review_wrap .user_right .user_box .user_txt h6 i.share {background:url('//image5.compuzone.co.kr/img/images/product_detail22/user_share.png');} /* 리뷰가 하나일때 */ .pdtl_review_wrap .user_right.user_one .user_box {display:flex; flex-wrap: nowrap;} .pdtl_review_wrap .user_right.user_one .user_box .user_img {width:380px;} .pdtl_review_wrap .user_right.user_one .user_box .user_txt {width:420px; padding:48px 30px; box-sizing: border-box;} .pdtl_review_wrap .user_right.user_one .user_box .user_txt p {margin-bottom:60px;} /* 105831 240129 애플 상품 관련 페이지 개선 요청 */ #contents .layer_popup {width: 410px; padding: 30px; background: #fff; border: 1px solid #B4B4B4; position: fixed; box-sizing: border-box; left: 0; right: 0; margin: auto; z-index: 10000;} #contents .layer_popup .layer_tit {text-align: center;} #contents .layer_popup .layer_tit h2 {padding-bottom: 15px; font-size: 18px; font-family: 'noto-B'; font-weight: normal; color: #1A1A1A; margin-bottom: unset; display: block;} #contents .layer_popup .layer_tit a {width: 16px; height: 16px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -350px -130px no-repeat; position: absolute; top: 20px; right: 20px;} #contents .layer_popup .layer_cont {margin-top: 20px;} #contents .layer_popup .layer_cont .gray_box {margin-top: 20px;} #contents .layer_popup .layer_cont .gray_box .gray_box_inner {padding: 20px; background: #F9F9F9; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; box-sizing: border-box;} #contents .layer_popup .layer_btn {width: 100%; margin-top: 30px; text-align: center; overflow: hidden; display: flex; justify-content: space-between; align-items: center;} #contents .layer_popup .layer_btn button {width: 100%; max-width: 350px; height: 50px; background: #1a1a1a; border-radius: 2px; color: #fff; margin: auto;} #contents .layer_popup .layer_btn button.bt50 {width: calc(50% - 5px); margin: unset;} #contents .layer_popup .layer_btn button.bt50:last-child {background: #F9F9F9; color: #1A1A1A;} .layer_popup dt.co6c{color: #1A1A1A; margin-bottom: 10px;} .layer_popup dd.co6c{color: #6C6C6C; margin-bottom: 5px;} #contents .layer_popup_apple24 .layer_btn{padding-bottom: 0;} .layer_popup_apple24 .gray_box_inner ul{display: flex; flex-direction: column; gap: 10px;} .layer_popup_apple24 .gray_box_inner ul li h3{font-family: 'Noto-M'; font-size: 14px; font-weight: normal; margin-bottom: 10px; color: #1A1A1A;} .layer_popup_apple24 .gray_box_inner ul li p{font-family: 'Noto-R'; font-size: 13px; color: #6C6C6C;} .layer_popup_apple24 .layer_cont>span{font-family: 'Noto-R'; font-size: 13px; color: #6C6C6C; display: block; position: relative; padding-left: 5px; letter-spacing: -0.5px;} .layer_popup_apple24 .layer_cont>span::after{content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; height: 2px; background: #6C6C6C; margin: auto;} .layer_popup_apple24 .layer_cont>span a{color: #1C8FED;} #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_real .prd_btn {font-size: 14px; height: 25px; line-height: 25px; display: inline-block; border: 1px solid #d6d8dc; background: #f9f9f9; text-align: center; padding: 2px 18px; font-family: 'noto-R'; font-weight: normal;} #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_real .prd_btn.btn_red{border: 1px solid #F14738; background: #fff; color: #F14738;} #contents .pdtl_row_top .pdtl_col_rgt .info_price .price_real .prd_btn.btn_blue{border: 1px solid #135EBA; background: #fff; color: #135EBA; cursor: pointer;} #contents .layer_popup_apple24{left:50%;top:50%;display: none;transform: translate(-50%,-50%);z-index: 999;margin: 0;} #contents .layer_popup_apple24_login{left:50%;top:50%;display: none;transform: translate(-50%,-50%);z-index: 999;margin: 0;} /* 105831 240125 애플 상품 관련 페이지 개선 요청 */ .ask_estimate_bn {padding:0 40px; background: rgba(0,0,0,0.9); z-index: 101; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; position: fixed; left: 50%; margin-left: -516px; bottom: 67px; width: 1030px; height: 50px; border-radius: 11px;} .ask_estimate_bn.todayDeal>p{width: 85%;} .ask_estimate_bn.todayDeal .text_link { color: #fff; font-family: 'Noto-M'; font-size: 15px; line-height: 50px; font-family: noto-R; display: inline-block; width: 100%; height: auto; margin: 0; } .ask_estimate_bn.todayDeal .text_link b { color: #006cff; font-family: 'Noto-M'; position: relative;} .ask_estimate_bn.todayDeal .text_link b::after {content: ""; background: url(//image5.compuzone.co.kr/img/images/product_detail/snackbar_btn.png) 50% 50%/cover no-repeat; width: 18px; height: 18px; display: inline-block; position: absolute; top: 50%; right: -19px; transform: translateY(-50%);} .ask_estimate_bn.todayDeal .text_link:before, .ap_wrap .ask_estimate_bn.todayDeal .text_link:after{ display: none;} .ask_estimate_bn.todayDeal .flower{ float: left; margin-top: 10px; margin-right: 10px;} .ask_estimate_bn.todayDeal .bell{ margin-left: 8px; margin-top: 6px;} .ask_estimate_bn a {display: inline-block; width: auto; height: auto; text-decoration: none; margin-left: 10px; color: #fff; font-size: 15px; font-family: 'noto-R';} /* 240124 105672 상품리스트 개선 요청 */ #contents .pdtl_row_top .pdtl_col_lft .item_image .main_img .lst li{border-radius: 10px; overflow: hidden;} #contents .pdtl_row_top .pdtl_col_lft .item_image span.coupondis{position: relative; padding: 20px 30px; box-sizing: border-box; background: #f3faff; border-radius: 10px; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; margin-top: 20px;} #contents .pdtl_row_top .pdtl_col_lft .item_image span.coupondis::after{content: ''; display: inline-block; width: 0; height: 0; border-bottom: 17px solid #f3faff; border-right: 15px solid transparent; border-left: 15px solid transparent; position: absolute; top: -17px; left: 50px;} #contents .pdtl_row_top .pdtl_col_lft .item_image span.coupondis .txt{color: #1a1a1a; font-family: 'noto-M'; font-size: 16px;} #contents .pdtl_row_top .pdtl_col_lft .item_image span.coupondis .price{font-family: 'noto-R'; color: #1c8fed; font-size: 16px;} #contents .pdtl_row_top .pdtl_col_lft .item_image span.coupondis b{font-family: 'spoqa B'; font-size: 22px;} #contents .pdtl_row_top .pdtl_col_rgt .custom_price_inner .layer_pop ul{display: flex; flex-direction: column; gap: 5px; margin-top: 20px;} #contents .pdtl_row_top .pdtl_col_rgt .custom_price_inner .layer_pop ul li{font-size: 13px; font-family: 'noto-R'; color: #6c6c6c; position: relative; padding-left: 8px;} #contents .pdtl_row_top .pdtl_col_rgt .custom_price_inner .layer_pop ul li::after{content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 3px; height: 3px; border-radius: 3px; background: #6C6C6C;} #contents .pdtl_row_top .pdtl_col_rgt .pd.custom_price>.ct>.txt{font-size: 29px;} #contents .pdtl_row_top .pdtl_col_rgt .pd.custom_price .ct .txt .unit{font-size: 20px; font-weight: normal; vertical-align: baseline; font-family: 'noto-R';} #contents .pdtl_row_top .pdtl_col_rgt .pd.custom_price .ct .q_mark{vertical-align: baseline;} /* 240207 106222 중복구매 방지 팝업 */ .ccbsk_pop{position:fixed; left:50%; margin-left:-280px; top:90px; width:710px; background-color:#fff; border:1px solid #b7bbc0; z-index:1000; box-sizing: border-box;} .ccbsk_pop .titlebar {margin:0 auto 15px!important; padding:30px 0 15px; border-bottom:1px solid #1a1a1a; text-align:center; width: calc(100% - 50px);} .ccbsk_pop .title {position:relative; font-size:18px; color:#1A1A1A; font-family:Noto-B; font-weight:normal; } .ccbsk_pop .content .conTit{font-size:16px; font-family:Noto-R; font-weight:normal; color:#1a1a1a;} .ccbsk_pop .content{padding:0px 25px 30px; background:#fff;} .ccbsk_pop .cc_prdDeliList{margin-top:15px; width:100%; max-height:140px; border:1px solid #dee0e2;} .ccbsk_pop .cc_prdDeliList ul li {width:100%; padding:10px; background:#fff; box-sizing: border-box; overflow:hidden; display: flex; align-items: center;} .ccbsk_pop .cc_prdDeliList .img{float:left; display:block; width:50px; height:50px; margin-right:5px;} .ccbsk_pop .cc_prdDeliList .img > img {display:block; width:100%; height:100%;} .ccbsk_pop .cc_prdDeliList .prd_name{float:left; box-sizing:border-box; width:400px; margin-right:10px;} .seoul_popup_sa_X { position: absolute !important; top: 15px; right: 15px; width: 16px; height: 16px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -350px -130px no-repeat; cursor: pointer;} .ccbsk_pop .cc_prdDeliList .tname{color:#626262; font-size:12px;} .ccbsk_pop .cc_prdDeliList .sname{color:#626262; font-size:12px; word-break:keep-all;} /* 104586 아이웍스 관리 기능 개선 작업 요청 */ #contents .prdRNzmy_wrap .table_wrap{width: 900px; margin: auto;} #contents .prdRNzmy_wrap .table_wrap h2{text-align: center; display: block; font-size: 48px; margin-bottom: 30px;} #contents .prdRNzmy_wrap .table_wrap p{font-family: 'Noto-B'; font-size: 30px; margin-bottom: 27px;} #contents .prdRNzmy_wrap .table_wrap table{border-collapse: collapse; border-top: 1px solid #000;} #contents .prdRNzmy_wrap .table_wrap table tr{border-bottom: 1px solid #d8d8d8;} #contents .prdRNzmy_wrap .table_wrap table tr td{padding: 24px 0; font-family: 'noto-R'; font-size: 25px;} #contents .prdRNzmy_wrap .table_wrap table tr td:first-child{width: 200px; font-family: 'noto-B';} /* 110643 연관상품 추천기능 */ .reco_area{margin: 40px 0 !important} .reco_area_top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;} .reco_area_top .reco_tabmenu {display: flex; gap: 42px;} .reco_area_top .reco_tabmenu li a {color: #1A1A1A !important; width: 100%; display: block; } .reco_area_top .reco_tabmenu li.on a {color: #1C8FED !important; font-family: 'noto-B' !important;} .reco_area_top .reco_tabmenu li {position: relative;} .reco_area_top .reco_tabmenu li::after {content: ""; position: absolute; top: 50%; right: -21px; width: 1px; height: 17px; background: #d8d8d8; transform: translateY(-50%);} .reco_area_top .reco_tabmenu li:last-child::after {display: none;} .reco_area_top .more_btn {position:relative; display: none;} .reco_area_top .more_btn i { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) #fff -322px -8px; width: 7px; height: 11px; display: inline-block; margin-left: 5px; } .reco_area .reco_tabcont {padding: 20px 0 0; box-sizing: border-box; border-top: 1px solid #D8D8D8; position: relative; display: none;} .reco_area .reco_tabcont.on {display: block;} .reco_tabcont .swiper-slide {width: 200px;} .reco_tabcont .pro_img {width:200px; height:200px; margin-bottom:19px; border-radius: 10px; box-sizing: border-box; overflow: hidden; position:relative;} .reco_tabcont .pro_img::before {content:''; background:rgba(0,0,0,0.02); position:absolute; top:0; bottom:0; left:0; right:0; z-index: 2;} .reco_tabcont .pro_img img {width: 100%;} .reco_tabcont .pro_txt {width:100%;} .reco_tabcont .pro_txt h3 {font-size:14px; font-family:'noto-R'; color:#6C6C6C; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: normal; } .pro_txt_bt {margin-top:7px; display: flex; } .reco_tabcont .pro_txt .pro_price {font-size:18px; font-family:'spoqa M'; color:#1a1a1a; overflow:hidden; text-align: right; margin-left: auto;} .reco_tabcont .pro_txt .pro_per {font-size:18px; font-family:'spoqa M'; color:#F14738;} .reco_tabcont .pro_txt .pro_txt_bt .enteronly {display:inline-block; padding:4px 8px; border-radius: 2px; background:#3a3a3a; font-size: 12px; font-family: '맑은고딕'; font-weight: normal; color: #fff; letter-spacing: 0px;} .reco_tabcont .pro_txt .pro_txt_bt .enteronly.rt {margin-left: auto;} .reco_tabcont .swiper-button-prev, .reco_tabcont .swiper-button-next {width:42px; height:42px; background:#fff url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_prev_24.svg) center center/20px no-repeat; border-radius: 50%; box-shadow: -3px 3px 12px #00000014; z-index:2; transform: translateY(-50%); transition:all 0.3s; opacity:0;} .reco_tabcont .swiper-button-next {box-shadow:3px 3px 12px #00000014; background:#fff url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_24.svg) center center/20px no-repeat;} .reco_tabcont:hover .swiper-button-prev, .reco_tabcont:hover .swiper-button-next {opacity:1;} .reco_tabcont .swiper-button-prev {left:-20px;} .reco_tabcont .swiper-button-next {right:-20px;} .reco_tabcont .swiper-button-prev::before {content:''; width:2px; height:12px; background:#6c6c6c; position:absolute; top:11px; left:20px; transform:rotate(40deg); } .reco_tabcont .swiper-button-prev::after {content:''; width:2px; height:12px; background:#6c6c6c; position:absolute; top:20px; left:20px; transform:rotate(-40deg); } .reco_tabcont .swiper-button-next::before {content:''; width:2px; height:12px; background:#6c6c6c; position:absolute; top:11px; left:20px; transform:rotate(-40deg); } .reco_tabcont .swiper-button-next::after {content:''; width:2px; height:12px; background:#6c6c6c; position:absolute; top:20px; left:20px; transform:rotate(40deg); } /* 117561 토요일 출발 */ #contents .pdtl_row_top .pdtl_col_rgt .ct .txt .sat_icon {width: 85px; height: 14px; margin-left: 4px;} #contents .pdtl_row_top .pdtl_col_rgt .ct .txt .sat_icon.small {width: 79px; margin-left: 0px;} #contents .pdtl_row_top .pdtl_col_rgt .ct .txt .word_balloon.purple {border: 1px solid #7A45C6; color: #7A45C6; background: #fff;} #contents .pdtl_row_top .pdtl_col_rgt .word_balloon.purple::after {filter: hue-rotate(45deg);} /* 117318 그래픽카드 요약 DB 관리 기능 */ .pdtl_graph_wrap {width: 1000px; display: flex; flex-direction: column; gap: 80px; padding-top: 35px; box-sizing: border-box; margin: 0 auto;} .pdtl_graph_wrap .layer_popup {position: absolute;} .pdtl_graph_wrap .tit > h3 {color:#1a1a1a; font-size:48px; font-family:'spoqa B'; margin-bottom: 17px;} .pdtl_graph_wrap .bltxt {color: #1C8FED;} .pdtl_graph_wrap .whtxt {color: #fff;} .pdtl_graph_wrap .grtxt {color: #949494;} .pdtl_graph_wrap .mt20 {margin-top: 20px;} .pdtl_graph_wrap .mb20 {margin-bottom: 20px;} .pdtl_graph_wrap .flex {display: flex;} .pdtl_graph_wrap .flexcol {display: flex; flex-direction: column; align-items: center;} .pdtl_graph_wrap .cont .point {padding-top: 14px; box-sizing: border-box; position: relative; color: #1C8FED;} .pdtl_graph_wrap .cont .point::before {content: ''; width: 24px; height: 4px; border-radius: 4px; background: #1C8FED; position: absolute; top: 0; left: 50%; transform: translateX(-50%);} .pdtl_graph_wrap .cont1 h5 {margin: 10px 0 14px;} .pdtl_graph_wrap .cont p {text-align: center;} .pdtl_graph_wrap .cont .box {width: 100%; padding: 50px; box-sizing: border-box; border: 1px solid #D8D8D8; border-radius: 30px; margin-top: 40px;} .pdtl_graph_wrap .cont1 .box {border: 1px solid #1A1A1A; background: #1A1A1A; position: relative;} .pdtl_graph_wrap .cont .box .ques {width: 28px; height: 28px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_question_mark_circle_24.svg) 50% 50%/contain no-repeat; display: inline-block; cursor: pointer; } .pdtl_graph_wrap .cont .box .tit {display: flex; gap: 4px; align-items: center; justify-content: center; } .pdtl_graph_wrap .cont1 .box .legend {gap: 20px; justify-content: flex-end; margin: 20px 0;} .pdtl_graph_wrap .cont1 .box .legend li{color: #fff; position: relative; padding-left: 16px;} .pdtl_graph_wrap .cont1 .box .legend li::before{content: ''; width: 12px; height: 12px; border-radius: 2px;position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #1C8FED;} .pdtl_graph_wrap .cont1 .box .legend li:nth-child(2):before {background: #949494;} .pdtl_graph_wrap .bar-chart {width: 100%; height: 284px; margin-bottom: 60px; gap: 20px;} .pdtl_graph_wrap .bar-chart .label {width: 88px; height: 100%;} .pdtl_graph_wrap .bar-chart li {height: 33.33%; justify-content: center; align-items: flex-end; } .pdtl_graph_wrap .bar-chart .label li span {display: block; font-family:'spoqa R'; color: #949494; font-size: 16px; box-sizing: border-box;} .pdtl_graph_wrap .bar-chart .label li span:nth-child(1) {color: #fff;} .pdtl_graph_wrap .ballon div {padding: 10px; box-sizing: border-box; border-radius: 10px; background: #3A3A3A; position: relative;} .pdtl_graph_wrap .ballon div::before {content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid #3a3a3a; position: absolute; top: 50%; left: -3px; transform: rotate(-27deg) translateY(-50%);} .pdtl_graph_wrap .chart_wrap {flex: 1; height: 100%; position: relative;} .pdtl_graph_wrap .x-axis {display: flex; justify-content: space-between; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%;} .pdtl_graph_wrap .x-axis li {width: 25%; height: 100%; text-align: right; border-right: 1px solid #6c6c6c; border-bottom: 1px solid #6c6c6c; position: relative;} .pdtl_graph_wrap .x-axis li:nth-child(1) {border-left: 1px solid #6c6c6c;} .pdtl_graph_wrap .x-axis li::before {content: '0'; position: absolute; bottom: -30px; left: 0; font-size: 13px; font-family:'spoqa R'; color: #949494;} .pdtl_graph_wrap .x-axis li:nth-child(2)::before {content: '25,000'; left: -17px;} .pdtl_graph_wrap .x-axis li:nth-child(3)::before {content: '50,000'; left: -17px;} .pdtl_graph_wrap .x-axis li:nth-child(4)::before {content: '75,000'; left: -17px;} .pdtl_graph_wrap .x-axis li:nth-child(4)::after{content: '100,000'; position: absolute; bottom: -30px; right: 0; font-size: 13px; font-family:'spoqa R'; color: #949494;} .pdtl_graph_wrap .y-axis {width:100%; height: 100%;} .pdtl_graph_wrap .y-axis li {height: 33.33%; align-items: flex-start; justify-content: center; gap: 10px;} .pdtl_graph_wrap .y-axis .bar {background: #1C8FED; height: 24px; position: relative;} .pdtl_graph_wrap .y-axis li > .bar:nth-child(2) {background: #6C6C6C;} .pdtl_graph_wrap .y-axis .bar span {position: absolute; top: 50%; right: 6px; transform: translateY(-50%); font-size: 13px; font-family:'spoqa R'; color: #fff;} .pdtl_graph_wrap .y-axis .bar span.down {left: calc(100% + 6px); right: unset;} .pdtl_graph_wrap .cont .spec_list {width: 100%; gap: 30px;} .pdtl_graph_wrap .cont .spec_tit{gap: 8px;} .pdtl_graph_wrap .cont .spec_tit i {width: 34px; height: 34px; background: #1C8FED; border-radius: 50%; color:#fff; font-size:14px; font-family:'spoqa M'; font-style: normal; display: flex; justify-content: center; align-items: center;} .pdtl_graph_wrap .cont .spec_list ul {width: 100%; gap: 20px;} .pdtl_graph_wrap .cont .spec_list li {width: 50%; background: #F3FAFE; padding: 20px; box-sizing: border-box; border-radius: 15px; align-items: center; justify-content: space-between; position: relative;} .pdtl_graph_wrap .cont .spec_list .ques {width: 20px; height: 20px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_question_mark_circle_24.svg) 50% 50%/contain no-repeat;} .pdtl_graph_wrap .reco_tabcont {position: relative;} .pdtl_graph_wrap .spec_swiper {width: 100%; position: relative;} .pdtl_graph_wrap .spec_swiper .swiper-slide {width: 210px !important;} .pdtl_graph_wrap .spec_swiper .swiper-button-prev, .pdtl_graph_wrap .spec_swiper .swiper-button-next {transform: unset; margin-top: 0; top: 84px; z-index: 1;} .pdtl_graph_wrap .spec_swiper .swiper-pagination {width: 100%; margin-top: 30px; display: flex; justify-content: center; gap: 6px; position: static;} .pdtl_graph_wrap .spec_swiper .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {background: #d8d8d8; opacity: 1; margin: 0;} .pdtl_graph_wrap .spec_swiper .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #1C8FED; } .pdtl_graph_wrap .spec_swiper .pro_txt h3 {font-size: 16px; color: #1A1A1A;} .pdtl_graph_wrap .spec_swiper .pro_img {width: 210px; height: 210px; margin-bottom: 12px;} .pdtl_graph_wrap .spec_swiper .pro_txt_bt {align-items: flex-end; padding-right: 3px;} .pdtl_graph_wrap .spec_swiper .pro_txt_bt .flex {width: 100%;} /* 118474 브랜드 배너 추가 */ .brand_bnr a {width: 1000px; height: 200px; border-radius: 30px; overflow: hidden; display: block; margin: 40px auto 0;} .brand_bnr a img {width: 100%; height: 100%;} /* 119967 아이웍스 DB 관리 기능 개선 */ .iworks_db_wrap {width: 1000px; padding: 80px 0; box-sizing: border-box; margin: 0 auto;} .iworks_db_wrap h3 {text-align: center; padding-top:14px; position: relative; box-sizing: border-box; display: block; margin-bottom: 40px;} .iworks_db_wrap h3::before {content: ''; width: 24px; height: 4px; background: #3A3A3A; border-radius: 4px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);} .iworks_db_inner .cont1{width: 100%; border-radius: 30px; background: #F2F2F2; padding: 50px; box-sizing: border-box;} .iworks_db_inner .thumnail {width: 520px; height: 520px; display: block; margin: 0 auto;position: relative;} .iworks_db_inner .thumnail::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(0, 0, 0, 0.05);} .iworks_db_inner .thumnail img {width: 100%; display: block;} .iworks_db_inner .cont1 ul {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; margin: 30px auto;} .iworks_db_inner .cont1 ul li {width: 100%; padding: 20px; box-sizing: border-box; display: flex; justify-content: space-between; border-radius: 15px; background: #fff;} .iworks_db_inner .cont1 ul li span:nth-child(1) {color: #6C6C6C;} .iworks_db_inner .cont1 div {padding: 20px; background: #1A1A1A; color: #fff; border-radius: 15px; text-align: center;} .iworks_db_inner .cont2 {margin-top: 80px; padding: 0 50px; box-sizing: border-box;} .iworks_db_inner .cont2 table {width: 100%; border-top: 1px solid #1A1A1A; margin-top: 20px; border-collapse: collapse;} .iworks_db_inner .cont2 table tr {border-bottom: 1px solid #D8D8D8;} .iworks_db_inner .cont2 table th {color: #6C6C6C; padding: 20px 0; box-sizing: border-box; font-weight: normal; text-align: left;} .iworks_db_inner .cont2 table td {padding: 20px 0 20px 20px; box-sizing: border-box;} /* 121418 브랜드PC 로고 노출 개선 */ .brand_list {display: flex; flex-direction: column; gap: 8px; margin-top: 20px;} .brand_list .brand_list_item a {width: 100%; height: 60px; display: flex; background: #F9F9F9; border-radius: 5px; padding: 0 20px; box-sizing: border-box; align-items: center; justify-content: space-between;} .brand_list .brand_list_item span {width: auto; height: 48px; display: block;} .brand_list .brand_list_item span img {width: 100%; height: 100%;} .brand_list .brand_list_item p {color: #3A3A3A; display: flex; gap: 8px; align-items: center; line-height: 16px;} .brand_list .brand_list_item i {width: 16px; height: 16px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_next_24.svg) 50% 50% /contain no-repeat; display: block;} /* 122885 프리미엄PC 개편 */ .premium_delivery {display: flex; align-items: center; gap: 10px; font-family: 'noto-M';} .premium_delivery::before {content: ''; width: 25px; height: 25px; display: inline-block; background: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/valex.png") center/27px no-repeat;}