a:hover {text-decoration:none!important;} input[type="checkbox"] {width:18px; height:18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border-radius: 2px; outline: 0; vertical-align: sub; border:1px solid #d8d8d8; cursor: pointer; } input[type="checkbox"]:checked {border:none; background:url("//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png") center no-repeat;} select:focus {outline:1px solid #1a1a1a; background:url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg) 90% center no-repeat!important; background-size: 14px;} /* 온라인 견적 타이틀 */ #estimate_title { padding:30px 0 20px; box-sizing:border-box; } #estimate_title h3 {font-size:32px; font-family:'noto-B'; font-weight: normal; color:#1A1A1A;} /* 온라인견적 상단 카테고리 */ #estimate_category .category_main {margin-bottom:20px; margin-left:-1px; border-radius:10px; border:1px solid #d8d8d8; overflow:hidden;} #estimate_category .category_main ul {display: flex; border-bottom:1px solid #d8d8d8;} #estimate_category .category_main ul:last-child {border-bottom:none;} #estimate_category .category_main ul li {width:calc(100% / 6); padding:10px; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#1A1A1A; border-right: 1px solid #D8D8D8; box-sizing: border-box; transition:all 0.3s; cursor: pointer;} #estimate_category .category_main ul li:last-child {border-right:none;} #estimate_category .category_main ul li:first-child {border-right:1px solid #d8d8d8;} #estimate_category .category_main ul li:hover {background:#F9F9F9;} #estimate_category .category_main ul li.ON, #estimate_category .category_main ul li.ON2 {background:#1C8FED; color:#fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.16); border-radius: 5px;} #estimate_category .category_main ul li.none_li:hover {background:#fff; box-shadow: none; border-radius:0;} /* PC구성 */ #estimate_category .category_sub {display:flex; align-items: center; justify-content: space-between; margin-bottom:20px; padding:15px 20px; border-radius:10px; background:#f9f9f9; box-sizing: border-box;} #estimate_category .category_sub h3.sub_tit {margin-right:50px; font-size:14px; font-family:'noto-M'; font-weight: normal; color:#6C6C6C;} #estimate_category .category_sub ul {display:flex; align-items: center;} #estimate_category .category_sub ul li {margin-right:7px; padding:2px 10px; font-size: 14px; font-family:'noto-R'; font-weight: normal; color:#6C6C6C; border-radius:12px; border:1px solid transparent; box-sizing: border-box; transition:all 0.2s; cursor: pointer; position: relative;} #estimate_category .category_sub ul li:last-child {margin-right:0;} #estimate_category .category_sub ul li.ON, #estimate_category .category_sub ul li:hover {border:1px solid #1C8FED; color:#1C8FED;} /* 말풍선 */ #estimate_category .category_sub ul li .bloo {display: none; width: max-content; padding: 5px 10px; background: #fff; border-radius: 2px; border: 1px solid #2679CF; text-align: center; position: absolute; top: 35px; left: 0; z-index: 5;} #estimate_category .category_sub ul li.cate_tab_iworks:hover .bloo{display: inline-block;} #estimate_category .category_sub ul li .bloo a {display: flex; line-height: 17px; font-size: 12px; font-family: 'noto-R'; font-weight: normal; color: #1a1a1a; letter-spacing: -0.5px;} #estimate_category .category_sub ul li .bloo a span{color: #FF0303; margin-left: 2px;} #estimate_category .category_sub ul li .bloo a::before {content: ''; display: inline-block; width: 0; height: 0; border-bottom: 7px solid #2679CF; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: 27px; left: 38px;} #estimate_category .category_sub ul li .bloo a::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; bottom: 27px; left: 39px;} /* 온라인견적 중간 카테고리*/ #estimate_categoryS .find_opt {overflow: hidden;} #estimate_categoryS .opt_box {float:left; width:217px; padding:0 4px 0 20px; border:1px solid #d8d8d8; box-sizing: border-box; overflow:hidden;} #estimate_categoryS .opt_box:nth-child(1) {border-top-left-radius:10px; border-bottom-left-radius: 10px; border-right:none;} #estimate_categoryS .opt_box:nth-child(2) {border-top-right-radius:10px; border-bottom-right-radius: 10px; margin-right:20px;} #estimate_categoryS .opt_box .scroll_ctgr {height:194px; margin:4px 0; padding-top:6px; overflow:auto; box-sizing: border-box;} #estimate_categoryS .opt_box .scroll_ctgr::-webkit-scrollbar{width: 3px;} #estimate_categoryS .opt_box .scroll_ctgr::-webkit-scrollbar-thumb{background:#d8d8d8; border-radius: 10px;} #estimate_categoryS .opt_box .scroll_ctgr::-webkit-scrollbar-track{background:#fff;} #estimate_categoryS .opt_box .scroll_ctgr dl {font-size:14px; font-family:'noto-R'; font-weight: normal; color:#1A1A1A;} #estimate_categoryS .opt_box .box_control dd {margin-bottom:10px; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#1A1A1A;} #estimate_categoryS .opt_box .box_control dd.on {color:#1C8FED; font-family:'noto-M';} #estimate_categoryS #online_bnr {float:left; width:846px; height:204px; border-radius: 10px; overflow:hidden;} #estimate_categoryS #online_bnr a {display:block; width:100%; height:100%;} #estimate_categoryS #Opt_Box {float:left; width:846px; height:204px; padding:20px 4px 0 20px; background:#F9F9F9; border-radius:10px; box-sizing: border-box;} #estimate_categoryS #Opt_Box .tit {display: flex; justify-content: space-between; align-items: center; margin-bottom:7px; padding-right:20px; box-sizing: border-box;} #estimate_categoryS #Opt_Box .tit .tit_opt {font-size:14px; font-family:'noto-M'; font-weight: normal; color:#1a1a1a;} #estimate_categoryS #Opt_Box .tit a {display:inline-block; width:64px; height:26px; line-height:26px; background:#fff; text-align: center; border-radius: 2px; border:1px solid #E1E1E1; font-size:14px; font-family:'noto-M'; font-weight: normal; color:#1a1a1a;} #estimate_categoryS #Opt_Box .tit a span {display:block; width:100%; height:100%; font-size:12px; font-family:'맑은고딕';} #estimate_categoryS #Opt_Box .scroll_opt {width:100%; height:149px; padding:0 17px 10px 0; overflow:auto; box-sizing: border-box;} #estimate_categoryS #Opt_Box .scroll_opt::-webkit-scrollbar{width: 3px;} #estimate_categoryS #Opt_Box .scroll_opt::-webkit-scrollbar-thumb{background:#d8d8d8; border-radius: 10px;} #estimate_categoryS #Opt_Box .scroll_opt::-webkit-scrollbar-track{background:#F9F9F9;} #estimate_categoryS #Opt_Box .opt_area {padding:6px 0; border-top:1px solid #d8d8d8; box-sizing: border-box; overflow:hidden;} #estimate_categoryS #Opt_Box .opt_area.opt_hidden {height:40px;} #estimate_categoryS #Opt_Box .opt_area>a {float:right; display:block; width: 28px; height: 20px; background: url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -151px -3px; } #estimate_categoryS #Opt_Box .opt_area.on>a {transform:rotate(180deg);} #estimate_categoryS #Opt_Box .opt_area .subj {float:left; width:120px; padding:5px 0; font-size:13px; font-weight: bold; color:#1a1a1a; letter-spacing: -1px;} #estimate_categoryS #Opt_Box .opt_list {float:left; width:calc(100% - 148px);} #estimate_categoryS #Opt_Box .opt_list>ul {width:100%; overflow:hidden;} #estimate_categoryS #Opt_Box .opt_list>ul li { float:left; width:calc(25% - 10px); padding:5px 10px 5px 0; box-sizing: border-box; } #estimate_categoryS #Opt_Box .opt_list ul li a {font-size: 13px; color:#6c6c6c;} #estimate_categoryS #Opt_Box .opt_list ul li a label {float: left; width:calc(100% - 23px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; font-size: 13px; color:#6c6c6c; } #estimate_categoryS #Opt_Box .opt_list>ul li.on a label { color:#1a1a1a;} #estimate_categoryS #Opt_Box .opt_list ul li a .ch_bx {float:left; margin-right:5px;} /* 온라인견적 하단 카테고리 (테이블영역) */ #estimate_product {display:flex; justify-content:space-between; margin:30px 0 30px;} #estimate_product>div {width:calc(50% - 10px); border:1px solid #d8d8d8; border-radius: 10px;} /* 온라인견적 하단 카테고리(상품테이블) */ #estimate_product .search_box {height:117px; padding:20px; border-bottom:1px solid #d8d8d8; box-sizing: border-box; position:relative;} #estimate_product .search_box::after {content:''; display:block; clear: both;} #estimate_product .search_box .basic_box {overflow:hidden; margin-bottom:10px;} #estimate_product .search_box .basic_box .black14B {float:left; font-size:18px; font-family:'noto-B'; font-weight: normal; color:#1a1a1a;} #estimate_product .search_box .basic_box .black14B b {font-size:14px; font-family:'noto-R'; font-weight: normal; color:#949494;} #estimate_product .search_box .basic_box .Sblack11 {display:block; margin-top:20px; font-size:14px; font-family:'spoqa-R'; font-weight: normal; color:#1a1a1a;} #estimate_product .search_box .basic_box .search_check {float:right; display: block; font-size:14px; font-family:'noto-R'; font-weight: normal; color: #1a1a1a;} #estimate_product .search_box .basic_box .search_check span {margin-left:20px; } #estimate_product .search_box .line2 {display: flex; justify-content: space-between; align-items: center;} #estimate_product .search_box .line2 p {font-size:14px; font-family:'spoqa R'; font-weight: normal; color: #1a1a1a; letter-spacing: -0.5px;} #estimate_product .search_box .line2 p.blue12 {padding-top:20px; color: #1C8FED;} #estimate_product .search_box .search_select {display:flex; } #estimate_product .search_box .search_select .search_bar {width:200px; height:40px; margin-right:10px; border:1px solid #d8d8d8; border-radius: 2px; box-sizing: border-box; position:relative; } #estimate_product .search_box .search_select .search_bar a {display:block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg') center center/contain; position:absolute; top:8px; right:10px;} #estimate_product .search_box .search_select .search_input input {width:100%; height:100%; padding:10px 40px 10px 10px; font-size:14px; font-family:'noto-R'; font-weight: normal; color: #1a1a1a; border:none; box-sizing: border-box; border-radius: 2px; outline: none;} #estimate_product .search_box .search_select .search_input input:hover {outline:1px solid #1a1a1a;} #estimate_product .search_box .search_select .select_bar {width:125px; height:40px; border:1px solid #d8d8d8; border-radius: 2px; box-sizing: border-box;} #estimate_product .search_box .search_select .select_bar2 {width:300px;} #estimate_product .search_box .search_select .select_bar select {width:100%; height:100%; padding:10px 40px 10px 10px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_down_24.svg) 93% center/20px no-repeat; font-size:14px; font-family:'noto-R'; font-weight: normal; color: #1a1a1a; border:none; box-sizing: border-box; appearance: none; border-radius: 2px;} #estimate_product .search_box .search_select .select_bar select:hover {outline:1px solid #1a1a1a; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_24.svg) 93% center/20px no-repeat;} #estimate_product .search_paging {width:100%; margin-bottom:20px; text-align: center;} #estimate_product .search_paging .page_area {display: flex; align-items: center; justify-content: center;} #estimate_product .search_paging .page_area > a {display:inline-block; width:30px; height:30px; line-height:30px; background-color:#fff; border:1px solid #d8d8d8; text-align:center; color:#1a1a1a; font-size:12px; margin-right:5px; font-family: "spoqa R"; text-decoration:none;} #estimate_product .search_paging .page_area > a.on, #estimate_product .search_paging .page_area > a:hover {background-color:#3a3a3a; border-color:#3a3a3a; color:#fff; font-weight:bold;} #estimate_product .search_paging .page_area > a.prev {margin-right:10px; background: #fff url("//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png") -97px -132px no-repeat;} #estimate_product .search_paging .page_area > a.next {margin:0 5px; background: #fff url("//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png") -117px -132px no-repeat;} /* 온라인견적 하단 카테고리(총견적금액) */ #estimate_product .product_price {height:117px; padding:20px; background:#F3FAFF; border-bottom:1px solid #d8d8d8; box-sizing: border-box; border-radius:10px 10px 0 0 ; position:relative;} #estimate_product .product_price .priceT1 {display: flex; justify-content:space-between; align-items: center; margin-bottom:10px;} #estimate_product .product_price .priceT1 .Sblack11 {margin-right:5px; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#949494;} #estimate_product .product_price .priceT1 .black16B {font-size:18px; font-family:'spoqa B'; font-weight: normal; color:#1a1a1a;} #estimate_product .product_price .price_right .red16B {font-size:18px; font-family:'spoqa B'; font-weight: normal; color:#F14738;} #estimate_product .product_price .price_right a {display: inline-block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_qna.png') center center/contain no-repeat; vertical-align: -2px;} #estimate_product .product_price .priceT2 {display: flex; justify-content:space-between; align-items: center;} #estimate_product .product_price .price_btn7 {display:inline-block; height:40px; line-height:40px; padding:0 20px; background:#fff; border:1px solid #d8d8d8; border-radius: 2px; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#1A1A1A; box-sizing: border-box;} #estimate_product .product_price .nego_btn {position:relative;} #estimate_product .product_price .nego_btn a {display:block; height:40px; line-height:40px; padding:0 26px; background:#1C8FED; border-radius: 2px; font-size:14px; font-family:'noto-M'; font-weight: normal; color:#fff; box-sizing: border-box;} #estimate_product .product_price .nego_btn a:hover {text-decoration:none;} #estimate_product .product_price .nego_btn a:hover + .nego_layer1 {display:block;} #estimate_product .product_price .nego_layer1 {display:none; width:270px; padding:10px; background:#fff; border:1px solid #2679CF; border-radius: 2px; box-sizing: border-box; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); position:absolute; top:-70px; right:0; z-index:99; } #estimate_product .product_price .nego_layer1 .nego_noti{display:block; font-size:12px; color:#1a1a1a; letter-spacing: -1px;} #estimate_product .product_price .nego_layer1 .nego_noti:after, .nego_layer1 .nego_noti:before {content: ""; width:0; height:0; position: absolute; top: 100%; border: solid transparent;} #estimate_product .product_price .nego_layer1 .nego_noti:after{border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 5px; right:51px;} #estimate_product .product_price .nego_layer1 .nego_noti:before{border-color: rgba(37, 37, 37, 0); border-top-color: #2679CF; border-width: 6px; right:50px;} #estimate_product .products {box-sizing: border-box;} #estimate_product .products .sub_menu {display:flex; align-items: center; justify-content: space-between; padding:12px 20px; border-bottom:1px solid #d8d8d8; box-sizing: border-box;} #estimate_product .products .sub_menu .all_cho span {font-size:14px; font-family:'noto-R'; font-weight:normal; color:#1A1A1A;} #estimate_product .products .sub_menu .btns {display: flex;} #estimate_product .wbtn {display:inline-block; height:26px; margin-left:5px; padding:4px 10px; border:1px solid #D8D8D8; border-radius: 2px; font-size:12px; font-family:'맑은고딕'; color:#1a1a1a; letter-spacing: -1.5px; box-sizing: border-box;} #estimate_product .num1 {display: flex; align-items: center;} #estimate_product .num_box {display: flex; align-items: center; margin-right:10px;} #estimate_product .num_box a {display: inline-block; width: 32px; height:32px; background:#fff; border: 1px solid #d8d8d8; border-radius: 2px 0 0 2px; box-sizing: border-box; position: relative;} #estimate_product .num_box a:last-child {border-radius: 0 2px 2px 0;} #estimate_product .num_box a:first-child:before {content:""; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_minus_24.svg') center/contain no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #estimate_product .num_box a:last-child:before {content:""; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_plus_24.svg') center/contain no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #estimate_product .num_box input {display: inline-block; width: 32px; height: 32px; background:#fff; border:1px solid #d8d8d8; border-left:none; border-right:none; text-align: center; box-sizing: border-box; color: #3a3a3a; -webkit-appearance: none; -webkit-border-radius: 0; outline:none;} #estimate_product .product_price .num_box a, #estimate_product .product_price .num_box input {width:40px; height:40px;} #estimate_product .product_price .num_box a:first-child:before {content:""; width:20px; height:20px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_minus_24.svg') center/contain no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #estimate_product .product_price .num_box a:last-child:before {content:""; width:20px; height:20px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_plus_24.svg') center/contain no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* 상품카테고리 테이블 (공통) */ #estimate_product .search_product {height:508px; margin:4px 4px 20px; padding:0 16px 20px; box-sizing: border-box; overflow:auto; position: relative;} #estimate_product .search_product::-webkit-scrollbar{width: 3px;} #estimate_product .search_product::-webkit-scrollbar-thumb{background:#d8d8d8; border-radius: 10px;} #estimate_product .search_product::-webkit-scrollbar-track{background:#fff;} #estimate_product .search_product table{ padding:0; border:0; border-spacing:0px; border-collapse:collapse;} #estimate_product .search_product tr td {padding:15px 0; text-align: center; border-bottom:1px solid #d8d8d8; font-size:12px; font-weight: normal; color: #1a1a1a; box-sizing: border-box;} #estimate_product .search_product tr td a {display: block; font-size:12px; font-weight: normal; color: #1a1a1a; text-decoration: none;} #estimate_product .search_product tr td:nth-child(1) {vertical-align: top;} #estimate_product .search_product tr td:nth-child(1) a.imgbox {width:70px; height:70px; border-radius:6px; box-sizing: border-box; position:relative; overflow:hidden;} #estimate_product .search_product tr td:nth-child(1) a.imgbox::before {content:''; width:100%; height:100%; background:transparent; position:absolute; top:0; left:0;} #estimate_product .search_product tr td:nth-child(1) a.imgbox img {width:100%; height:100%;} #estimate_product .search_product tr td.soldout a.imgbox::before {content:'품절'; line-height:70px; background:rgba(0, 0, 0, 0.7); font-size: 14px; font-family:'noto-M'; font-weight: normal; color:#fff; z-index:1;} #estimate_product .search_product tr td.name {text-align: left; padding-right:10px; max-width:337px;} #estimate_product .search_product tr td.name a {word-break: keep-all; position:relative;} #estimate_product .search_product tr td.name a.imgbox {color:#949494;} #estimate_product .search_product tr td.name a span {display: block; margin-bottom:2px; font-size:12px; font-weight: normal!important; color:#6c6c6c!important; letter-spacing: -0.5px;} #estimate_product .search_product tr td.name a span:nth-child(1) {margin-bottom:0;} #estimate_product .search_product tr td.name a span.pwr_Red span {display: inline-block;} #estimate_product .search_product tr td.name a b {font-weight: normal; color: #1a1a1a;} #estimate_product .search_product tr td.name a>b {display:block;} #estimate_product .search_product tr td.name a i {display:inline-block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/online2022/noti.png') center center no-repeat; vertical-align:-4px; transition:all 0.2s;} #estimate_product .search_product tr td.name a i:hover {background:url('//image5.compuzone.co.kr/img/images/online2022/noti_h.png') center center no-repeat;} #estimate_product .search_product tr td.name a div {display: none; width:100%; padding:10px; background:#fff; border:1px solid #1a1a1a; border-radius: 2px; position:absolute; top:calc(100% - 2px); left:0; word-break: break-all; box-sizing: border-box;z-index:1;} #estimate_product .search_product tr td.name a div span {color:#1a1a1a!important;} #estimate_product .search_product tr td.name a div.pwr_layer {top:inherit; bottom:0;} #estimate_product .search_product tr td.name div:nth-child(2) {display: flex; flex-wrap: wrap;} #estimate_product .search_product tr td.Sblack11 {color:#949494; padding-right:10px;} #estimate_product .product_list .search_product tr td.Sblack11 span.black13 {display: inline-block;} #estimate_product .product_list .search_product tr td.Sblack11 span.red11B {display: inline-block;} #estimate_product .search_product tr td.Sblack11 span:last-child {margin-bottom:0;} #estimate_product .search_product tr td.Sblack11 .black13 {display:block; margin-bottom:5px; font-size:13px; font-family:'spoqa M'; font-weight: normal; color:#1A1A1A;} #estimate_product .search_product tr td.Sblack11 .gray12 {display:block; font-size:12px; font-family:'spoqa R'; font-weight: normal; color:#949494; text-decoration: line-through;} #estimate_product .search_product tr td.Sblack11 .red11B {display:block; font-size:13px; font-family:'spoqa M'; font-weight: normal; color:#FF0303;} #estimate_product .search_product tr td .buttons {display:initial; margin: 0 auto;} #estimate_product .search_product tr td .buttons span {display: block; width:64px; height:26px; margin:0 auto 2px; line-height:26px; padding:0; border-radius: 2px; text-align: center; float:none; font-size:12px; color:#fff; box-sizing: border-box;} #estimate_product .search_product tr td .buttons span:last-child {margin:0 auto;} #estimate_product .search_product tr td .buttons .btn1 {background:#1C8FED;} #estimate_product .search_product tr td .buttons .btn2 {background:#6C6C6C;} #estimate_product .search_product tr td .buttons .btn3 {color:#FF0303; border:1px solid #FF0303; letter-spacing: -1px;} #estimate_product .search_product tr td .buttons .btn4 {background:#1A1A1A;} #estimate_product .search_product tr td .buttons .btn5 {color:#1A1A1A; border:1px solid #D8D8D8} #estimate_product .search_product tr td .catetit {margin-bottom:5px;} #estimate_product .search_product tr td .catetit span {font-size:14px; font-family:'noto-M'; font-weight:normal; color:#1A1A1A;} #estimate_product .search_product tr td .delete {display:block; width:16px; height: 16px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_close_24.svg') center center/contain no-repeat; cursor: pointer; transition:all 0.2s;} #estimate_product .search_product tr td .delete:hover {background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg') center center/contain no-repeat;} #estimate_product .search_product tr td p {margin-top:5px; color:#949494;} #estimate_product .search_product tr td p.red12 {color:#FF0303;} #estimate_product .search_product tr td .batzone {margin-bottom:5px;} #estimate_product .search_product tr td .bat {display:inline-block; height:18px; padding:1px 7px; background:#FFD4D4; font-size:11px; font-family:'맑은고딕'; color:#F27575; border-radius: 4px; box-sizing:border-box;} #estimate_product .search_product .pro_none {border-bottom:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #estimate_product .search_product .pro_none i {display:block; margin:0 auto 10px; width:60px; height:60px;} #estimate_product .search_product .pro_none i img {width:100%;} #estimate_product .search_product .pro_none .txt1 {margin-bottom:5px; font-size: 16px; font-family:'noto-R'; color:#949494;} #estimate_product .search_product .pro_none .txt2 {font-size: 14px; font-family:'noto-R'; color:#949494;} /*주문현황*/ .estimate_search{left:50%; width:210px; height: 600px; margin-left: 555px; display: block; position: absolute; margin-top:20px;} .estimate_search .search_keyword{float:left; width:210px; } .estimate_search .search_keyword .keyword01{width:210px; margin: 2px 0 ; float:left;} .estimate_search input{border:1px solid #CCC; width:150px; padding-left:10px; color:#949494; height:24px; float:left;} .estimate_search .search_btn{width:37px; height:26px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -0px -100px no-repeat; float:left; margin:0px 0 0 4px;} .estimate_search .search_order{float:left; width:210px; margin-top:20px;} .estimate_search .search_order .order01{float:left; margin: 2px 0 ;} .estimate_search .search_order .order02{float:left; margin:3px 0px} .estimate_search .search_order .order02 .btn1{width:45px; height:35px; border-radius:50%; border:1px solid #aac7d2; background-color:#c4e0ea; color:#282828; float:left; letter-spacing:-1px; font-size:12px; text-align:center; line-height:13px; padding-top:10px; margin:2px;} .estimate_search .search_order .order02 .btn2{width:45px; height:35px; border-radius:50%; border:1px solid #9da1b5; background-color:#d3d6ec; color:#282828; float:left; letter-spacing:-1px; font-size:12px; text-align:center; line-height:13px; padding-top:10px; margin:2px;} .estimate_search .search_order .order02 .btn3{width:45px; height:35px; border-radius:50%; border:1px solid #c2ceac; background-color:#dce7c4; color:#282828; float:left; letter-spacing:-1px; font-size:12px; text-align:center; line-height:13px; padding-top:10px; margin:2px;} .estimate_search .search_order .order02 .btn4{width:45px; height:35px; border-radius:50%; border:1px solid #bec0c3; background-color:#fff; color:#282828; float:left; letter-spacing:-1px; font-size:12px; text-align:center; line-height:13px; padding-top:10px; margin:2px;} .estimate_search .search_order .order02 .btn1:hover{width:45px; height:35px; padding-top:10px; border-radius:50%; border:1px solid #819fab; font-weight:bold; background-color:#c4e0ea; font-size:12px; text-align:center; line-height:13px;} .estimate_search .search_order .order02 .btn2:hover{width:45px; height:35px; padding-top:10px; border-radius:50%; border:1px solid #797d8f; font-weight:bold; background-color:#d3d6ec; font-size:12px; text-align:center; line-height:13px;} .estimate_search .search_order .order02 .btn3:hover{width:45px; height:35px; padding-top:10px; border-radius:50%; border:1px solid #9daa89; font-weight:bold; background-color:#dce7c4; font-size:12px; text-align:center; line-height:13px;} .estimate_search .search_order .order02 .btn4:hover{width:45px; height:35px; padding-top:10px; border-radius:50%; border:1px solid #a3a5a9; font-weight:bold; background-color:#fff; font-size:12px; text-align:center; line-height:13px;} /* 맞춤가격보기 팝업 */ #price_pop {width:400px; height:400px;text-align:left;background-color:#FFFFFF; border:3px solid #457ab3;} #price_pop #price_title{width:400px; height:40px; background-color:#457ab3;} #price_pop #price_title .titleimg{width:200px; float:left;} #price_pop #price_title .close{width:20px; float:right; padding-top:10px;} #product_name{ margin:10px 10px 0px 10px;} #price_pop #price_list{width:380px; height:340px; padding:10px 10px;} #price_pop #price_list #price_listbox{width:368px; padding:5px 5px 5px 5px; margin-bottom:10px; border-right:solid 1px #b8b8b8; border-left:solid 1px #b8b8b8; border-top:solid 3px #457ab3; border-bottom:solid 3px #457ab3; float:left;} #price_pop #price_list #price_listbox #graybox{width:355px; position:relative; padding:5px 5px; background-color:#d8d8d8; } #price_pop #price_list #price_listbox ul li.datetitle{ height:100%; width:235px; float:left; padding:8px 7px 6px 8px; position:relative; list-style:none; } #price_pop #price_list #price_listbox ul li.date{ width:100px; float:left; padding:7px 7px; text-align:right; list-style:none; position:relative;} #price_pop #price_list #price_listbox #pricelist_line{ background:url(//image5.compuzone.co.kr/img/images/product_detail/pricelist_bg.gif) repeat scroll 0 0; clear:both; height:1px; width: 100%; overflow:hidden;} #price_pop #price_list #price_listbox .sale{padding:10px 0px 10px 0px; background:#84868f; text-align:center;} /* 사양검토요청 페이지 */ #online_spec { width:1300px; float:left;} #online_spec .online_spec_title {width:1300px; margin-bottom:35px; float:left;} #online_spec .online_spec_list {width:1300px; float:left;} #online_spec .online_spec_list_title {width:1300px; float:left;} #online_spec .online_spec_sub_title1 { width:109x; height:18px; margin-left:13px; margin-top:22px; margin-bottom:10px; float:left;} #online_spec .online_spec_sub_title3 { width:122x; height:38px; margin-left:13px; margin-top:10px; margin-bottom:10px; float:right;} #online_spec .online_spec_sub_title2 { width:107x; height:38px; margin-left:13px; margin-top:10px; margin-bottom:10px; margin-right:10px; float:right;} #online_spec .online_spec_sub_title4 { width:134x; height:38px; margin-left:13px; margin-top:10px; margin-bottom:10px; float:right;} #online_spec .online_spec_list_list {width:1300px; float:left;} #online_spec .online_spec_counsel {width:1300px; float:left;} #online_spec .online_spec_counsel_title { width:1102px;; padding-left:13px; padding-top:20px; padding-bottom:12px; border-bottom:#636363 1px solid; text-align:left; float:left;} #online_spec .online_spec_counsel_text {width:1300px; float:left;} #online_spec .counsel_img { padding-left:37px; margin-top:12px; margin-bottom:12px; } #online_spec .online_spec_counsel_btn { border-top:#636363 1px solid; padding-top:15px; padding-bottom:15px;} /* 사양검토요청 페이지 안에 추가된 파워소비전력, 추천제품 */ #online_spec .online_spec_power {width:1300px; float:left;} #online_spec .online_spec_power_title {width:1102px; padding-left:13px; padding-top:20px; padding-bottom:12px; border-bottom:#636363 1px solid; float:left; text-align:left;} #online_spec .online_spec_power_title .power_title_1 {width:176px; height:17px; padding-top:3px; float:left;} #online_spec .online_spec_power_title .power_title_2 {width:750px; height:30px; padding-left:20px; float:left;} #online_spec .online_spec_power .online_spec_power_list {width:1300px; height:50px; float:left; border-bottom:1px #CCC solid; margin-bottom:10px;} #online_spec .online_spec_recompc {width:1300px; float:left; } #online_spec .online_spec_power .online_spec_power_message {width:1300px; height:28px; float:left; margin-bottom:20px;} #online_spec .online_spec_recompc .online_spec_recompc_title {width:1102px; padding-left:13px; padding-top:20px; padding-bottom:12px; border-bottom:#636363 1px solid; float:left; text-align:left;} #online_spec .online_spec_recompc .online_spec_recompc_list {width:1042px; height:350px; float:left; border-bottom:1px #CCC solid; background-color:#efefef; margin-bottom:20px; padding-left:73px; } #online_spec .online_spec_recompc .online_spec_recompc_list .recom_box {width:198px; height:316px; float:left; border:1px #CCC solid; background-color:#FFF; margin:8px 27px 8px 0px; padding-left:18px; padding-top:10px;} /* 사양컴토요청 개편 */ #spec_title{ width:1300px; height:120px; float:left} #spec_title span.spec{ width:270px; float:left; height:100px; margin:10px 20px 10px 10px; background:url(//image5.compuzone.co.kr/img/images/online/spec_btn.png) 0px 0px no-repeat;} #spec_title span.mail{ width:400px; float:left; height:100px; margin:10px 20px 10px 10px; background:url(//image5.compuzone.co.kr/img/images/online/spec_btn.png) 0px -100px no-repeat;} #spec_title span.text{ text-align:left; letter-spacing:-1px; font-size:12px; float:left; height:50px; padding-top:30px} #spec_content {border-bottom:1px solid #949494; border-top:2px solid #1a1a1a; float:left} #spec_content .tit01{ width: 67px; height:19px; background:url(//image5.compuzone.co.kr/img/images/online/spec_btn.png) 0px -200px no-repeat; float:left;} #spec_content .tit02{ width: 111px; height:19px; background:url(//image5.compuzone.co.kr/img/images/online/spec_btn.png) -201px -200px no-repeat; float:left;} #spec_content .memo{float:right; letter-spacing:-1px; margin-top:2px;} #spec_content th {background-color:#f9f9f9; border-bottom:1px solid #e8e8e8; padding:7px 20px; vertical-align:middle; font-weight:normal; text-align:left; letter-spacing:-1px; } #spec_content td {border-bottom:1px solid #e8e8e8; padding:7px 20px; vertical-align:top; text-align:left;} .btn_blue{padding:3px 20px 4px; height:30px; border:1px solid #1a75d2; font-size:17px; letter-spacing:-1px; font-weight:400; border-radius:2px; color:#fff; background-color:#1a75d2; } .basicbtn{background:url(//image5.compuzone.co.kr/img/images/cscenter/as_btn.gif); border:1px solid #c8cacc; padding:1px 10px 2px 10px; margin-right:5px; float:left; letter-spacing:-1px;} #spec_product{ float:left; } #spec_product table{ float:left; margin-top:5px; border-bottom:1px solid #949494;} #spec_product th{ border-top:2px solid #393939; border-bottom:1px solid #949494; padding:10px 0; vertical-align:top; text-align:center; font-size:13px; letter-spacing:-1px; } #spec_product td{border-bottom:1px solid #e8e8e8; padding:15px 0; vertical-align:middle; letter-spacing:-0.3px;} #spec_product td.computer { background-color:#f4fafc; color:#1a1a1a; font-size:16px; font-weight:bold; } #spec_product td.peripheral {background-color:#fdf8f6; color:#1a1a1a; font-size:16px; font-weight:bold;} #spec_product td.assembly {background-color:#F5FCF2; color:#1a1a1a; font-size:16px; font-weight:bold; border-top:1px solid #949494;} #spec_product td.category {font-size:14px; letter-spacing:-0.5px; padding:0 10px; } #spec_product td.category1 {font-size:14px; letter-spacing:-0.5px; padding:0 10px; color:#dc1515; font-weight:800; } #spec_product .num1{float:left; width:26px; text-align:center; padding:0px 0 3px 0;} #spec_product .num1 input{border:1px solid #CCC; height:16px; padding-top:3px; width:25px; text-align:center;} #spec_product .num2{ float:left; width:21px; padding:0px 0 3px 0;} #totalprice{text-align:right; padding:15px 0 20px 0; float:left; width:1300px;} #totalprice .totalpriceT{ width: 100px; height:19px; background:url(https://image5.compuzone.co.kr/img/images/online/spec_btn.png) -320px -200px no-repeat; float:right; margin:5px 10px 0 0 } #spec_power {border-bottom:1px solid #949494; border-top:2px solid #1a1a1a; float:left} #spec_power .tit01{ width: 128px; height:19px; background:url(https://image5.compuzone.co.kr/img/images/online/spec_btn.png) -67px -200px no-repeat; float:left;} #spec_power .memo{letter-spacing:-1px; padding-top:20px; padding-left:15px; float:left; font-size:13px; text-align:left;} #spec_power th {background-color:#f9f9f9; border-bottom:1px solid #e8e8e8; padding:7px 20px; vertical-align:middle; font-weight:normal; text-align:left; letter-spacing:-1px; } #spec_power td {border-bottom:1px solid #e8e8e8; padding:10px 15px; vertical-align:top;} .btnST_1 {font-size:11px; letter-spacing:-1px; background-color:#f9f9f9; border:1px solid #c3c3c3; width:73px; height:18px; line-height:18px; color:#6c6c6c; font-family:Noto-D; display:inline-block; text-align:center;} /* 담당자선택 레이어팝업 */ .staff_layer{ width:100%; height:100%; position:absolute; left:0; z-index:9999; overflow-x:hidden;} .staff_box{width:800px; height:400px; border:2px solid #d8d8d8; position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-200px; padding:40px 30px 30px 30px; background-color:#FFF;} .staff_title{width:780px; border-top:2px solid #1a1a1a; border-bottom:1px solid #c9c9c9; padding:8px 10px 4px} .staffP{width:770px; height:350px; padding:15px; overflow-y: scroll; float:left} .staffB{width:245px; height:96px; margin:0 6px 10px 0; float:left;} .staffB .staff_img{float:left; width:90px} .staffB .name1{margin-top:20px; margin-bottom:5px; font-size:15px; color:#1a1a1a; font-weight:bold} .staffB .sms{border-top:1px solid #CCC; padding-top:5px; font-size:11px; padding-left:3px;} .staffB .lunch{border-bottom:1px solid #ccc; padding-bottom:5px; font-size:11px; padding-left:3px;} /* 이벤트 아이콘 */ .evt_obj {padding:1px 3px; background-color:#9cb1c0; color:#fff; font-size:11px; letter-spacing:-1px; height:16px; line-height:18px; margin-right:7px;} /* 메인보드 조립 데이터 popup */ .popup_wrap {width:auto; height:100%; background-color:#eee;} .popup_wrap h1 {width:100%; height:65px; background-color:#fff; line-height:60px; margin-bottom:35px;} .popup_wrap h1 > span {font-size:22px; font-family:Noto-R; color:#1a1a1a; display:inline-block; margin-left:35px; font-weight:normal; letter-spacing:-1.5px;} .popup_wrap h2 {padding:0 35px 20px 35px; display:inline-block;} .popup_wrap h2 > span { font-size:14px; color:#6c6c6c; font-weight:normal; letter-spacing:-1px;} .popup_wrap h2 > span > b {font-weight:normal; color:#1a1a1a;} .popup_wrap .prd_box {width:800px; margin:0 35px;} .popup_wrap .prd_box .product_list {width:800px; background-color:#fff; border:none;} .popup_wrap .prd_box .product_list li {margin:30px 0; border:none; padding-bottom:0; width:656px;} .popup_wrap .prd_box .product_list li .prd_img {top:0; left:30px;} .popup_wrap .prd_box .product_list li .prd_info {width:420px; height:100px; } .popup_wrap .prd_box .product_list li .price_list {width:160px; padding:12px 20px; padding-bottom:0;} .popup_wrap .prd_box .product_list li .prd_name {margin-top:12px;} .popup_wrap .plus_bx {width:100%; text-align:center; margin:15px 0; display:inline-block;} .popup_wrap .plus_bx .plus_ico {width:70px; height:70px; display:inline-block; line-height:65px; border-radius:50%; background-color:#fff; text-align:center;} .popup_wrap .plus_bx .plus_ico > span {font-size:70px; color:#69b0f1; font-family:Noto-B; text-shadow:2px 2px 7px #e0e0e0; text-align:center; display:inline-block; width:70px; height:70px;} .popup_wrap .catePrd_wrap {width:100%;} .popup_wrap .catePrd_wrap ul.tab_menu {margin:0 35px; text-align:left;} .popup_wrap .catePrd_wrap ul.tab_menu li {width:auto; height:50px; line-height:50px; font-size:16px; font-family:Noto-R; line-height:50px; text-align:center; display:inline-block; border-right:1px solid #eee; color:#4e4d4d; background-color:#fff; float:left; cursor:pointer;} .popup_wrap .catePrd_wrap ul.tab_menu li:last-child {border-right:none;} .popup_wrap .catePrd_wrap ul.tab_menu li:hover {background-color:#227dd0; color:#fff; font-size:18px;} .popup_wrap .catePrd_wrap ul.tab_menu li.on {background-color:#227dd0; color:#fff; font-size:18px;} .popup_wrap .catePrd_wrap .prd_wrap {border-top:2px solid #227dd0; background-color:#fff; display:inline-block; width:100%; padding-bottom:40px;} .popup_wrap .catePrd_wrap .prd_area { display:inline-block; width:100%;} .popup_wrap .catePrd_wrap .prd_area > h3 {margin:35px; margin-bottom:7px; color:#1a1a1a; font-family:Noto-M; font-size:18px; font-weight:normal; letter-spacing:-1px;} .popup_wrap .catePrd_wrap .prd_area .prd_box {border:1px solid #e7e7e7; float:left;} .popup_wrap .catePrd_wrap .prd_area .prd_box .msg_area {width:100%; height:45px; line-height:45px; font-size:14px; text-align:center; display:block; float:left; background-color:#f1f3f7; color:#1a1a1a; letter-spacing:-1.5px;} .popup_wrap .catePrd_wrap .prd_area .prd_box .msg_area > .fred {font-size:20px; font-weight:bold; color:#f03c3c; vertical-align:-2px;} .popup_wrap .btn_area {width:100%; margin:35px 0; text-align:center;} .popup_wrap .btn_area .btn_gray {display:inline-block; height:45px; line-height:45px; width:170px; text-align:center; font-family:Noto-D; font-size:18px; color:#fff; background-color:#5a5a5a; } .point_txt {background:#ff0034; text-align:center;} .point_txt a {cursor:pointer; color:#fff; font-size: 14px; letter-spacing: -1px; font-weight: bold; padding: 7px; display: inline-block;} .point_txt a:hover {text-decoration:none; color:#fff;} .point_txt a:visited {text-decoration:none; color:#fff;} .point_txt a:active {text-decoration:none; color:#fff;} .point_txt a:link {text-decoration:none; color:#fff;} .hidden_line:before { content:''; border:1px solid red; position:absolute; top:0; left:-447px; width:500px; height:100px;} /* 사양검토요청 - 개인정보 수집 및 이용 박스 */ #spec_personalInfo{float: left; margin-bottom:20px;} #spec_personalInfo .personalInfo_area{width:1300px; background:#e5e6ea; float:left;} #spec_personalInfo .personalInfo_Box{background:#fff; margin:25px 115px; position: relative;} #spec_personalInfo .personalTxt_Box{ width:100%; padding:12px 63px; border-bottom: #e5e6ea 1px solid; box-sizing: border-box; text-align:left;} #spec_personalInfo .personalTxt_Box > p{font-size:17px; color:#1a1a1a; font-weight:bold; font-family: 'spoqa R'; letter-spacing:-0.5px; display: inline-block;} #spec_personalInfo .personalTxt_Box .p_agreeBox{ position:relative; display: inline-block; float:right; margin-top: 5px; font-size: 13px;} #spec_personalInfo th{background-color: #f9f9f9; border-top: 2px solid #d6d6d6; border-bottom: 1px solid #e8e8e8; padding:7px 20px; vertical-align:middle; font-weight:normal; text-align:center; letter-spacing: -1px; color: #6c6c6c; font-weight:bold; line-height:1.4;} #spec_personalInfo td{border-bottom: 1px solid #e8e8e8; padding: 7px 20px; vertical-align: top; text-align: center;} #spec_personalInfo .Pinfo_table{padding:17px 15px; margin: 0 auto;} #spec_personalInfo input.leftchk[type="checkbox"]{display: none; vertical-align: middle;} #spec_personalInfo input.leftchk[type="checkbox"] + label.leftchk{vertical-align: middle;} #spec_personalInfo input.leftchk[type="checkbox"] + label.leftchk > i{display: inline-block; width: 15px; height: 20px; background: url(//image5.compuzone.co.kr/img/images/main2019/function_icon.png) -121px -141px no-repeat; cursor: pointer; vertical-align: middle;} #spec_personalInfo input.leftchk[type="checkbox"]:checked + label.leftchk > i{background: url(//image5.compuzone.co.kr/img/images/main2019/function_icon.png) -89px -141px;} .gamePc_toggleWrap {display: none;} /* 게임별 추천PC + 팝업 200428 */ .gamePc_wrap{float:left; margin:30px 0; width:100%; height:200px; display:none;} .gamePc_wrap a:hover{text-decoration:none;} .gamePc_wrap:after{content:""; display:table; clear:both;} .gamePc_wrap .tabnav{float:left; width:218px; height:100%; border:1px solid #ebebeb; border-bottom:none; text-align:center; box-sizing:border-box;} .gamePc_wrap .tabnav li{height:calc(100% / 3); line-height:65px; color:#7e7e7e; font-size:15px; font-family:spoqa R; border-bottom:1px solid #ebebeb; box-sizing:border-box; cursor:pointer;} .gamePc_wrap .tabnav li.active{color:#1a1a1a; background-color:#f9f9fc;} .gamePc_wrap .tabcontent{float:right; width:calc(100% - 218px); height:100%; border:1px solid #ebebeb; border-left:none; box-sizing:border-box;} .gamePc_wrap .slider_wrap{display:none; position:relative; box-sizing:border-box; overflow:hidden;} .gamePc_wrap .slider_wrap.active{display:block;} .gamePc_wrap .slider_wrap ul{margin:19px auto; padding:0 48px; width:100%; height:161px; } .gamePc_wrap .slider_wrap .slick-list , .gamePc_wrap .slider_wrap .slick-track{overflow:hidden;} .gamePc_wrap .slider_wrap ul li{float:left; width:230px !important; height:162px; border:1px solid #ebebeb ; box-sizing:border-box;} .gamePc_wrap .slider_wrap ul li + li{margin-left:18px;} .gamePc_wrap .slider_wrap ul li a{position:relative; display:block; width:100%; height:100%; text-align:center;} .gamePc_wrap .slider_wrap ul li a:hover{text-decoration:none;} .gamePc_wrap .slider_wrap ul li a h2{position:absolute; left:0; width:100%; bottom:15px; color:#e8e8e8; font-size:13px; font-family:spoqa R; transition:0.5s all; z-index:10;} .gamePc_wrap .slider_wrap ul li a span{position:absolute; left:0; top:0; opacity:1; transition:0.5s all; z-index:5;} .gamePc_wrap .slider_wrap ul li:hover a span{opacity:0;} .gamePc_wrap .slider_wrap ul li a p{position:absolute; left:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); opacity:0; transition:0.5s all; z-index:5;} .gamePc_wrap .slider_wrap ul li a em{position:absolute; left:0; width:100%; bottom:0; font-weight:normal; font-size:13px; color:#e8e8e8; font-family:spoqa R; opacity:0; transition:0.5s all; z-index:10;} .gamePc_wrap .slider_wrap ul li:hover a h2{bottom:70px; font-size:15px; color:#fff; font-weight:bold;} .gamePc_wrap .slider_wrap ul li:hover a p{ opacity:1;} .gamePc_wrap .slider_wrap ul li:hover a em{bottom:50px; opacity:1;} /* 임시 이미지파일 */ .gamePc_wrap .slider_wrap .gpct1_g1{background:url("//image5.compuzone.co.kr/img/images/online/gpc_g1.jpg") center top no-repeat; } .gamePc_wrap .slider_wrap .gpct1_g2{background:url("//image5.compuzone.co.kr/img/images/online/gpc_g2.jpg") center top no-repeat; } .gamePc_wrap .slider_wrap .gpct1_g3{background:url("//image5.compuzone.co.kr/img/images/online/gpc_g3.jpg") center top no-repeat; } .gamePc_wrap .slider_wrap .gpct1_g4{background:url("//image5.compuzone.co.kr/img/images/online/gpc_g4.jpg") center top no-repeat; } .gamePc_wrap .slider_wrap .slick-prev:before, .gamePc_wrap .slider_wrap .slick-next:before{font-size:0;} .gamePc_wrap .slider_wrap .slick-prev{left:20px; width:15px; height:29px; background:url("//image5.compuzone.co.kr/img/images/online/gpc_Bprev.png") center top no-repeat;} .gamePc_wrap .slider_wrap .slick-next{right:20px; width:15px; height:29px; background:url("//image5.compuzone.co.kr/img/images/online/gpc_Bnext.png") center top no-repeat;} /* 게임별 추천 팝업 CSS */ #popup_wrap{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background-color:rgba(0,0,0,.6);} #popup_wrap a:hover{text-decoration:none;} .online_recom_layer .layer_pop{position:absolute; left:50%; top:50%; margin-left:-575px; margin-top:-365px; text-align:left; border:1px solid #b7bbc0; background-color:#fff; font-family:'spoqa R'; letter-spacing:-1px; box-sizing:border-box;} .online_recom_layer .layer_pop .rePc_pop{position:relative; width:1023px; height:625px/* 670px */; } .online_recom_layer .layer_pop .s_close{position:absolute; padding:0; top:0; right:0; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") -350px -130px no-repeat} .online_recom_layer .layer_pop .title{font-size:22px; color:#1a1a1a; font-family:'noto-R'; font-weight:normal; margin-bottom:25px; } .online_recom_layer .layer_pop .rePc_content{border-top:1px solid #1a1a1a; padding:30px 0 20px;} .layer_pop .tabnav_p{font-size:0; border-bottom:1px solid #e8e8e8;} .layer_pop .tabnav_p li{display:inline-block; width:165px; height:50px; border:1px solid #e8e8e8; box-sizing:border-box;} .layer_pop .tabnav_p li a{display:block; line-height:49px; background-color:#f9f9f9; border-right:1px solid #e8e8e8; color:#7d7d7d; font-size:15px; font-family:'noto-R'; text-align:center;} .layer_pop .tabnav_p li + li{border-left:none;} .layer_pop .tabnav_p li:nth-child(1){border-right:none;} .layer_pop .tabnav_p li:nth-child(2){border-right:none;} .layer_pop .tabnav_p li a.active{border-bottom:1px solid #fff; background-color:#fff; color:#1a1a1a;} .layer_pop .tabcontent_p{padding:25px 30px 20px 20px; border:1px solid #e8e8e8; border-top:none; height:440px/* 475px */; overflow-y:auto;} .layer_pop .tabcontent_p > div > ul{position:relative; width:971px; height:430px/* 467px */; border:1px solid #ccc; box-sizing:border-box; overflow:hidden;} .layer_pop .tabcontent_p > div > ul:before{content:""; display:inline-block; position:absolute; left:736px; top:0; width:1px; height:100%; background-color:#ccc;} .layer_pop .tabcontent_p > div > ul:after{content:""; display:table; clear:both;} .layer_pop .tabcontent_p .gpc_list > li{float:left; text-align:center;} .layer_pop .tabcontent_p .gpc_list .gpc_product{width:736px; height:100%; } .layer_pop .tabcontent_p .gpc_list .gpc_price{width:232px; height:100%; border-left:1px solid #ccc;} .layer_pop .tabcontent_p .gpc_list > li > h2{height:50px; line-height:49px; background-color:#efefef; font-size:15px; color:#535353; font-family:'noto-R'; font-weight:normal;} .layer_pop .tabcontent_p .gpc_product .gpc_productInBox{position:relative; padding:18px 22px; text-align:left;} .layer_pop .tabcontent_p .gpc_product .img{position:absolute; left:18px; top:22px; width:85px; height:85px; display:inline-block; border:1px solid #e8e8e8; } .layer_pop .tabcontent_p .gpc_product .img img{display:block; width:100%; height:100%; } .layer_pop .tabcontent_p .gpc_product .gpc_productInfo{display:inline-block; padding-left:105px; width:590px; text-align:left;} .layer_pop .tabcontent_p .gpc_product .gpc_productInfon{width:100%; line-height:1.5; font-family:'noto-R'; font-size:14px; color:#535353; font-weight:bold; word-break:keep-all;} .layer_pop .tabcontent_p .gpc_product .gpc_productInfot{margin-top:12px; width:100%; border:1px solid #d8d8d8; border-bottom:none; box-sizing:border-box;} .layer_pop .tabcontent_p .gpc_product .gpc_productInfot li{display:table; border-bottom:1px solid #d8d8d8;} .layer_pop .tabcontent_p .gpc_product .gpc_productInfot li > p{display:table-cell; vertical-align:middle; padding:8px 0; font-size:14px; line-height:1.4; color:#6c6c6c; text-align:center;} .layer_pop .tabcontent_p .gpc_product .gpc_productInfot .info_t1{width:97px; height:100%; background-color:rgba(239,239,239,0.4); } .layer_pop .tabcontent_p .gpc_product .gpc_productInfot .info_t2{width:430px; padding:8px 18px; text-align:left; border-left:1px solid #d8d8d8; word-break:keep-all; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;} .layer_pop .tabcontent_p .gpc_product .gpc_productInfot .info_t3{width:60px; border-left:1px solid #d8d8d8;} .layer_pop .tabcontent_p .gpc_price .gpc_priceInfo{padding:40px 25px 0; text-align:left;} .layer_pop .tabcontent_p .gpc_price .gpc_priceInfo .sale{margin-bottom:5px; font-size:18px; font-weight:bold; letter-spacing:-0.5px; color:#F14738;} .layer_pop .tabcontent_p .gpc_price .gpc_priceInfo .under{display:inline-block; margin-left:10px; font-size:15px; text-decoration:line-through; color:#6c6c6c;} .layer_pop .tabcontent_p .gpc_price .gpc_priceInfo .won{margin-bottom:18px; font-size:24px; color:#1a1a1a; letter-spacing:0; line-height:1;} .layer_pop .tabcontent_p .gpc_price .gpc_priceInfo .won em{padding-right:5px; font-size:19px;} .layer_pop .tabcontent_p .gpc_price .gpc_pricePoint a{display:block; color:#6c6c6c; font-size:13px;} .layer_pop .tabcontent_p .gpc_price .gpc_pricePoint .gpc_priceStar {display:inline-block; width:73px; height:12px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") #fff -8px -181px;} .layer_pop .tabcontent_p .gpc_price .gpc_pricePoint .gpc_priceStarIcon{display:inline-block; height:12px; background:url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") #fff -8px -166px; } .layer_pop .tabcontent_p .gpc_price .gpc_priceBtn{margin-top:23px;} .layer_pop .tabcontent_p .gpc_price .gpc_priceBtn > span{margin-bottom:8px; display:inline-block; text-align:center; width:184px; height:44px;} .layer_pop .tabcontent_p .gpc_price .gpc_priceBtn > span > a{display:block; font-size:16px; line-height:42px; font-family:'noto-R'; border-radius:2px;} .layer_pop .tabcontent_p .gpc_price .gpc_priceBtn .gpc_priceWBtn a{background-color:#fff; color:#1a1a1a; border:1px solid #dadada;} .layer_pop .tabcontent_p .gpc_price .gpc_priceBtn .gpc_priceBBtn a{background-color:#1a1a1a; color:#fff; } /* 배송 구매수량 관련 200507 */ .bdeli_pop .layer_pop{position:fixed; padding:25px; left:50%; top:25%; margin-left:-200px; margin-top:0; width:510px; background-color:#fff; border:1px solid #b7bbc0; z-index:10;} .bdeli_pop .layer_pop .title{margin:15px 0 25px; font-size:18px; color:#383838; text-align:center; font-weight:bold; } .bdeli_pop .bdeli_w{max-height:270px; overflow-y:auto;} .bdeli_pop .layer_pop .text_box{ padding:10px; margin:0 auto; width:100%; display:table; text-align:left; background-color:#f9fafa; border-top:1px solid #dbdddf; box-sizing:border-box;} .bdeli_pop .layer_pop .text_box .text_TboxImg{width:80px; height:80px; overflow:hidden;} .bdeli_pop .layer_pop .text_box > div{display:table-cell;} .bdeli_pop .layer_pop .text_box .text_TboxImg > span{position:relative; display:inline-block; width:80px; height:80px; overflow:hidden;} .bdeli_pop .layer_pop .text_box .text_TboxImg > span > 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:30px; color:#6c6c6c; vertical-align:middle;} .bdeli_pop .layer_pop .text_box .text_TboxTxt > h4{font-size:13px; color:#3a3a3a; } .bdeli_pop .layer_pop .bdeli_infoTxt{margin:0; padding:15px 0; font-size:14px; color:#3a3a3a; line-height:1;letter-spacing:-1px; text-align:center; border-bottom:1px solid #dbdddf; } .bdeli_pop .layer_pop .bdeli_infoTxt > span{color:#3879cd; font-weight:bold; } .bdeli_pop .layer_pop .btn_area{overflow:hidden; margin-top:35px;} .bdeli_pop .layer_pop .btn_area button{float:left; width:50%; border:1px solid #ccc; background-color:#fff; height:53px; line-height:53px; font-family:'noto-R'; font-size:15px;} .bdeli_pop .layer_pop .btn_area button.bk{border:1px solid #60a1e3; background:#60a1e3; color:#fff;} /* 구해줘견적 레이어팝업 20200917 */ .layer_pop{z-index:10;} .askEstbtn_area{width:100%; height:50px; font-size:0; } .askEstbtn_area a{display:inline-block; width:50%; height:100%; line-height:50px; font-size:15px; text-align:center;} .askEstbtn_area a:first-child{background:#fff; color:#1a1a1a;} .askEstbtn_area a:last-child{background:#1a1a1a; color:#fff;} /*사업자등록증필요 컬러 추가 */ .txt_busins{color:#135EBA;} .price__layer__pop{top:1060px;} .price__layer__pop .title{margin-bottom:10px; } .price__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;} .price__layer__pop .sale_price_inner{border-top: 1px solid #1a1a1a;} .price__layer__pop .sale_price_inner .list{padding:12px 0; border-bottom:1px solid #dbdddf; overflow: hidden; } .price__layer__pop .sale_price_inner .list dt{float:left; font-size:14px;} .price__layer__pop .sale_price_inner .list dd{float:right; font-size:14px;} .price__layer__pop .co_red{color:#ff5555;} .price__layer__pop .sale_price_inner .sale_detail{background: #f9fafa; padding:20px; border-bottom: 1px solid #dbdddf;} .price__layer__pop .sale_price_inner .sale_detail dl{overflow:hidden;} .price__layer__pop .sale_price_inner .sale_detail dl dt{float:left; font-size:14px;} .price__layer__pop .sale_price_inner .sale_detail dl dt{float:right; font-size:14px;} .price__layer__pop .sale_price_inner .total_price{margin-top: 15px; font-size: 16px; overflow: hidden;} .price__layer__pop .sale_price_inner .total_price .txt{float: left; color: #1a1a1a; font-family: 'noto-B'; font-weight: normal;} .price__layer__pop .sale_price_inner .total_price .price{float: right; color: #ff5555; font-family: 'noto-B'; font-weight: normal;} /* 사양검토개편 */ .specification {width:100%; height:200px; background:#fff; box-shadow: 0 5px 6px 0 rgb(0 0 0 / 10%);} .specification1 {width:1300px; margin:0 auto; overflow:hidden;} .specification1 #spec_title1 {float:left; width:800px; padding:45px 0 0 0;} .specification1 #spec_title1 span.spec {display: block; margin-bottom:25px; color: #1a1a1a; font-size: 28px; font-family: Noto-B; font-weight: normal; line-height: 1;} .specification1 #spec_title1 span.text {display: block; color:#1a1a1a; line-height:26px; font-size:16px; font-family: 'Noto-R';} .specification1 #spec_title1 span.text span.blue16B {color: #1c8fed;} .specification1 #spec_title1 span.text2 {display: block; color:#949494; line-height:26px; font-size:14px; font-family: 'Noto-R';} .specification1 #spec_title2 {float:left; width:500px; height: 170px; margin: 15px 0; border: 1px solid #e8e8e8; box-sizing: border-box;} .specification1 #spec_title2 .managerimgbox {float:left;} .specification1 #spec_title2 span.manager {display:block; width:116px; height:140px; margin:15px 0 15px 21px;} .specification1 #spec_title2 span.manager img {width:100%;} .specification1 #spec_title2 .managertext {float:left; margin:29px 0 0 28px;} .specification1 #spec_title2 .managertext h3 {margin-bottom:7px; color:#0c0c0c; font-size:18px; font-family: 'Noto-B';} .specification1 #spec_title2 .managertext h5 {margin-bottom:3px; color:#1a1a1a; font-size:16px; font-family: 'Noto-R'; font-weight:normal;} .specification1 #spec_title2 .managertext h5 span {padding-left:20px;} .specification2 {width:1300px; margin:0 auto; overflow:hidden;} .specification2 #spec_content {border:none;} .specification2 #spec_content h1 {margin:34px 0 25px 0; color:#1a1a1a; font-size:20px; font-family: 'Noto-M'; font-weight:normal;} .specification2 #spec_content table {padding:30px; background:#fff; border: solid 1px #e8e8e8; border-bottom:none; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);} .specification2 #spec_content th {background-color: #f9f9f9; border-bottom: 1px solid #e8e8e8; padding: 22px 20px; vertical-align: middle; text-align: left; letter-spacing: -1px; font-size:16px; color:#1a1a1a; font-family: 'Noto-R'; box-sizing:border-box;} .specification2 #spec_content input {font-family: 'Noto-R';} .specification2 #spec_content span.phone {position:relative; display: inline-block; width: 150px; height: 40px; box-sizing: Border-box; vertical-align: middle; cursor: pointer; margin-right: 25px; width:100px;} .specification2 #spec_content span.phone:before {content: ""; position: Absolute; left: -17px; top: 20px; display: block; width: 7px; height: 1px; background: #e1e1e1;} .specification2 #spec_content td {border-bottom: 1px solid #e8e8e8; color: #949494; padding: 13px 15px; vertical-align: top; text-align: left; box-sizing:border-box;} .cs_select {position:relative; width:auto; height:35px; border:1px solid #d8d8d8; display:inline-block; cursor:pointer; background-color:#fff;} .specification2 #spec_content tr:nth-child(1) th, .specification2 #spec_content tr:nth-child(1) td {border-top:1px solid #e8e8e8;} .specification2 #spec_content span.purposeuse_Check {display:inline-block; margin-right:35px; padding:10px 0;} .specification2 #spec_content span.purposeuse_Check2 {margin-right:25px;} .specification2 #spec_content label.myP_chk {vertical-align: middle; color: #1a1a1a; font-size: 14px; line-height: 1; font-family: Noto-R; cursor: pointer; background-size: contain;} .specification2 #spec_content input.myP_chk[type="checkbox"] {display: none; vertical-align: middle;} .specification2 #spec_content 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; background-size: contain;} .specification2 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; margin: 0 6px 3px 0; background-size: contain;} .specification2 #spec_content .assem {width:180px; height:40px; border:1px solid #e1e1e1; color:#1a1a1a; text-align:center; margin:0 10px 4px 0; font-size:14px; line-height:24px; font-family: 'Noto-R'; border-radius:2px;} .specification2 #spec_content .assem.on {border:1px solid #135eba; color:#135eba;} .specification2 #spec_content .assem.on .blue_textBox {color:#1a1a1a; font-weight:normal; font-family: 'Noto-R';} .specification2 #spec_content .assem2 {position:relative;} .specification2 #spec_content .assem2:hover .blue_textBox {display:block;} .specification2 #spec_content .assem .blue_textBox {display: none; width:375px; padding:7px; position:Absolute; bottom:50px; left:0; font-size: 12px; line-height: 18px; cursor: default; background: #fff; color:#1a1a1a; border: 1px solid #2679cf; border-radius: 2px; z-index: 10; } .specification2 #spec_content .blue_textBox:before {content: ""; bottom: 100%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 6px; margin-left: -6px; border-color: rgba(242, 242, 242, 0); top: 100%; left: 5%; border-top-color: #2679cf; border-bottom-color: transparent;} .specification2 #spec_content .blue_textBox:after { content: ""; bottom: 100%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 5px; margin-left: -5px; border-color: rgba(255, 255, 255, 0); top: 100%; left: 5%; border-top-color: #fff; border-bottom-color: transparent;} .specification2 #spec_content p { color: #949494; line-height: 26px; font-size: 14px; font-family: 'Noto-R';} .specification2 #spec_personalInfo {background:#fff;} .specification2 #spec_personalInfo .Pinfo_table {padding:0;} .specification2 #spec_personalInfo .personalInfo_area {background:#fff;} .specification2 #spec_personalInfo .personalInfo_Box {margin:0; border:1px solid #e8e8e8; border-top:none; box-shadow: 0 5px 6px 0 rgb(0 0 0 / 10%);} .specification2 #spec_personalInfo .personalTxt_Box {padding:0 0 16px 30px; border-bottom:0;} .specification2 #spec_personalInfo .personalTxt_Box > p { font-size:20px; font-family: 'Noto-R'; font-weight:normal; color:#1a1a1a;} .specification2 #spec_personalInfo th { background-color: #f9f9f9; border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 22px 20px; vertical-align: middle; letter-spacing: -1px; font-size:16px; color:#1a1a1a; font-family: 'Noto-R'; font-weight:normal;} .specification2 #spec_personalInfo th:last-child, .specification2 #spec_personalInfo td:last-child {border-right:0;} .specification2 #spec_personalInfo td { border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding:22px 15px; font-size:16px; color:#1a1a1a; font-family: 'Noto-R';} .specification2 .p_agreeBox {text-align:center; color:#1a1a1a; font-size:16px; font-family: 'Noto-R'; margin:37px 0 27px;} .specification2 .p_agreeBox a {display:block;} .specification2 .p_submitbtn a:hover {text-decoration:none;} .specification2 .p_submitbtn {margin: 0 auto 50px; text-align:center;} .specification2 .btn_blue_a { display:inline-block; width:265px; height:60px; background-color:#1a1a1a; font-family: 'Noto-R'; color:#fff!important; font-size:16px; line-height:60px; text-align:center; border-radius:2px;} .specification2 .fourbtn { float:right; margin:10px 0 20px;} .specification2 .fourbtn .basicbtn {height:40px; padding:0 18px; line-height:38px; border:1px solid #d8d8d8; font-family: 'Noto-R'; font-size:14px; color:#1a1a1a; background:#fff; border-radius:2px; box-sizing: border-box;} .specification2 .fourbtn .basicbtn2 {margin-right:0;} .specification2 #spec_product {background:#fff; padding:0 30px 50px; margin-bottom:100px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);} .specification2 #spec_product h1 {display:inline-block; color:#1a1a1a; font-size:20px; font-family: 'Noto-M'; font-weight:normal; position:relative; top:-50px; left:-30px;} .specification2 #spec_product th {background-color: #f9f9f9; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 12px 0; vertical-align: middle; letter-spacing: -1px; font-size:16px; color:#1a1a1a; font-family: 'Noto-M'; font-weight: normal;} .specification2 #spec_product table {border:0;} .specification2 #spec_product td {border-bottom: 1px solid #e8e8e8; padding:15px; font-size:16px; color:#1a1a1a; font-family: 'Noto-R'; background:#fff;} .specification2 #spec_product td.peripheral {background-color: #fff; border-right: 1px solid #e8e8e8; font-family: 'Noto-M'; font-weight: normal;} .specification2 #spec_product td.computer {background:#fff; border-right: 1px solid #e8e8e8; font-family: 'Noto-M'; font-weight: normal;} .specification2 #spec_product td.category {font-size:16px; word-break: keep-all;} .specification2 #spec_product td.category1 {font-size:16px; padding:0; color:#1a1a1a; font-weight:normal; background:#f9f9f9;} .specification2 #spec_product td span.proimg {display:block; width:60px; height:60px; float:left; margin-right:15px; border: 1px solid #e8e8e8;} .specification2 #spec_product td span.proimg img {width:100%;} .specification2 #spec_product td span.protext {display:block; color:#1a1a1a; padding-top:7px;} .specification2 #spec_product td.nochoice {background:#f9f9f9;} .specification2 #spec_product td.nochoice p {margin-bottom:7px;} .specification2 #spec_product td.nochoice p a:nth-child(1) {margin-left:5px;} .specification2 #spec_product td.nochoice p a {margin:0 5px 0 0;} .specification2 #spec_product td.nochoice span {font-size:14px; margin-top:7px; color:#1a1a1a;} .specification2 #spec_product td.nochoice span .blue_text {color:#1c8fed;} .btnST_1 {border: 1px solid #e1e1e1; padding: 5px 20px; color: #1a1a1a; font-size: 12px; background: #fff; margin: 10px 0 15px;} .B {font-weight:normal;} .specification2 #spec_product .num1 {float:none; width:60px; height: 40px; padding:0; display: inline-block; border: 1px solid #e1e1e1; border-radius: 2px; box-sizing: Border-box; vertical-align: middle; cursor: pointer;} .specification2 #spec_product .num1 input {display: block; padding: 0 15px; width: 100%; height: 100%; line-height: 38px; color: #1a1a1a; font-size: 14px; text-align: center; outline: none; border: none; box-sizing: border-box;} .specification2 .myP_select {position: relative; display: inline-block; height: 40px; background: #fff; vertical-align: top; cursor: pointer; position: relative; margin-right: 15px; width: 135px;} .specification2 .myP_select2:hover {outline:none;} .specification2 .myP_select select {padding: 0 30px 0 10px; width: 100%; height: 100%; line-height: 40px; font-size: 14px; color: #949494; border: 1px solid #e1e1e1; border-radius: 2px; letter-spacing: -0.5px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_down_12.svg) 93% center no-repeat; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: noto-R; background-size: 14px;} .specification2 .inputWrap { display: inline-block; width: 150px; height: 40px; border: 1px solid #e1e1e1; border-radius: 2px; box-sizing: Border-box; vertical-align: middle; cursor: pointer;} .specification2 .hp_wrap > span { position: relative; margin-right: 25px; width: 100px;} .specification2 .hp_wrap > span + span:before {content: ""; position: Absolute; left: -17px; top: 20px; display: block; width: 7px; height: 1px; background: #e1e1e1;} .specification2 .inputWrap input { display: block; padding: 0 15px; width: 100%; height: 100%; line-height: 38px; color: #1a1a1a; font-size: 14px; text-align: left; outline: none; border: none; box-sizing: border-box;} .specification2 .myP_textarea {width:1065px;} .specification2 .myP_textarea textarea {width:100%; height:120px; border-radius:2px; padding: 15px; border: 1px solid #e1e1e1; color: #1a1a1a; font-size: 14px; outline: none; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; resize: none;} .specification2 .specbtn {display: inline-block; padding: 0 10px; margin-top:5px; height: 26px; line-height: 24px; background: #fff; border: 1px solid #d8d8d8; border-radius: 2px; color: #1a1a1a; font-size: 12px; text-align: center; outline: none; cursor: pointer; box-sizing: border-box; font-family: 'Noto-R';} .specification2 .specbtn.on {background:#135eba; color:#fff; border: 0;} .specification2 #totalprice {width:auto; float:right; padding:15px 0 0;} .specification2 #totalprice {font-size:18px; font-family: 'spoqa R'; font-weight:600; color:#1a1a1a;} .specification2 #totalprice p {display:inline-block; line-height:28px; font-size:18px; font-family: 'Noto-B'; color:#1a1a1a; padding-right:5px;} .specification2 #totalprice .red20B {font-size:18px; font-family: 'spoqa R'; font-weight:600; color:#f14738; padding-right:2px;} .specification2 #spec_product td:nth-child(3), .specification2 #spec_product td:nth-child(4), .specification2 #spec_product td:nth-child(6) {font-family: 'spoqa R'; font-size:14px;} .specification2 .spec_product a:hover, .specification2 .specbtn, .specification2 .specbtn:link {text-decoration:none;} /* 사양검토 견적상품 추천메일 보내기 */ #contents1180::before {content:''; width:100%; height:100%;} .specification3 {width:100%; max-width:1920px; background:url(//image5.compuzone.co.kr/img/images/online/specificationbg.png) center center no-repeat; margin:0 auto; position:relative; box-shadow: 0 5px 6px 0 rgb(0 0 0 / 10%);} .specification3 #spec_title1 {width:1000px; height:200px; padding:45px 0 0 0; text-align:left; margin:0 auto; box-sizing:border-box;} .specification3 #spec_title1 span.spec {display: block; margin-bottom:25px; color: #1a1a1a; font-size: 28px; font-family: Noto-B; font-weight: normal; line-height: 1;} .specification3 #spec_title1 span.text {display: block; color:#1a1a1a; line-height:26px; font-size:16px; font-family: 'Noto-R';} .contents1180 #spec_content {width:1000px; margin:0 auto;} .contents1180 #spec_personalInfo {margin-bottom:100px;} .contents1180 #spec_personalInfo .Pinfo_table {padding:0 30px;} .contents1180 #spec_personalInfo .personalInfo_area {width:1000px; background:#fff; float:none;} .contents1180 #spec_personalInfo .personalInfo_Box {margin:0; border-top:none; padding-bottom: 50px; box-shadow: 0 5px 6px 0 rgb(0 0 0 / 10%);} .contents1180 #spec_personalInfo .personalTxt_Box {padding:0 0 16px 30px; border-bottom:0;} .contents1180 #spec_personalInfo .personalTxt_Box > p { font-size:20px; font-family: 'Noto-R'; font-weight:normal; color:#1a1a1a;} .contents1180 #spec_personalInfo th { background-color: #f9f9f9; border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 22px 20px; vertical-align: middle; letter-spacing: -1px; font-size:16px; color:#1a1a1a; font-family: 'Noto-R'; font-weight:normal;} .contents1180 #spec_personalInfo td { border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding:22px 15px; font-size:16px; color:#1a1a1a; font-family: 'Noto-R';} .contents1180 #spec_personalInfo th:last-child, #spec_personalInfo td:last-child {border-right:0;} #rec_sendmail {width:100%; background:#f9f9f9; overflow:hidden;} .sendmailarea {width:1000px; margin:0 auto; overflow:hidden;} .sendmailarea .sendmailtit {display:inline-block; margin:46px 0 25px 0; color:#1a1a1a; font-size:20px; font-family: 'Noto-M'; font-weight:normal; text-align:left; float:left;} .sendmailarea .fourbtn { float:right; margin:40px 0 20px;} .sendmailarea .fourbtn .basicbtn {height:40px; padding:0 18px; line-height:38px; border:1px solid #e1e1e1; font-family: 'Noto-R'; font-size:16px; color:#1a1a1a; background:#fff; border-radius:2px; box-sizing:border-box;} .sendmailarea .fourbtn .basicbtn2 {margin-right:0;} .sendmail {width:1000px; margin:0 auto; background:#fff; box-shadow:0 5px 6px 0 rgb(0 0 0 / 10%);} .sendmailtable {padding:30px;} .sendmailtable tr:nth-child(1) th, .sendmailtable tr:nth-child(1) td {border-top: 1px solid #e8e8e8;} .sendmailtable th {width:152px; background-color: #f9f9f9; border-bottom: 1px solid #e8e8e8; padding: 22px 20px; vertical-align: middle; letter-spacing: -1px; font-size:16px; color:#1a1a1a; font-family: 'Noto-R'; font-weight:normal; box-sizing:border-box;} .sendmailtable tr:last-child th {vertical-align:top; padding-top:76px;} .sendmailtable td {width:470px; border-bottom: 1px solid #e8e8e8; color: #949494; padding: 13px 15px; vertical-align: top; text-align: left;} .sendmailtable td p {font-family: 'Noto-R'; font-size: 16px; line-height: 40px;} .sendmailtable .myP_select {position: relative; display: inline-block; width: 135px; height: 40px; background: #fff; vertical-align: top; cursor: pointer; position: relative; margin-right: 25px;} .sendmailtable .myP_select select {padding: 0 30px 0 10px; width: 100%; height: 100%; line-height: 40px; font-size: 14px; color: #949494; border: 1px solid #e1e1e1; border-radius: 2px; letter-spacing: -0.5px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_down_12.svg) 93% center no-repeat; background-size: 14px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: noto-R;} .sendmailtable .inputWrap { display: inline-block; width: 150px; height: 40px; border: 1px solid #e1e1e1; border-radius: 2px; box-sizing: Border-box; vertical-align: middle; cursor: pointer;} .sendmailtable .hp_wrap > span { position: relative; margin-right: 25px; width: 100px;} .sendmailtable .hp_wrap > span + span:before {content: ""; position: Absolute; left: -17px; top: 20px; display: block; width: 7px; height: 1px; background: #e1e1e1;} .sendmailtable .inputWrap input { display: block; padding: 0 15px; width: 100%; height: 100%; line-height: 38px; color: #1a1a1a; font-size: 14px; text-align: left; outline: none; border: none; box-sizing: border-box; font-family: 'Noto-R';} .sendmailtable .myP_textarea {width:760px;} .sendmailtable .myP_textarea textarea {width:100%; height:180px; border-radius:2px; padding: 15px; border: 1px solid #e1e1e1; color: #1a1a1a; font-size: 14px; outline: none; overflow-x: hidden; overflow-y: auto; box-sizing:border-box; font-family: 'Noto-R'; resize: none;} .sendmailtable .specbtn {display: inline-block; padding: 0 10px; margin-top:9px; height: 26px; line-height: 24px; background: #fff; border: 1px solid #e1e1e1; border-radius: 2px; color: #1a1a1a; font-size: 12px; text-align: center; outline: none; cursor: pointer; box-sizing: border-box; font-family: 'Noto-R';} .p_agreeBox {text-align:center; color:#1a1a1a; font-size:16px; font-family: 'Noto-R'; margin:38px 0 30px;} .p_agreeBox a {display:block;} .p_submitbtn a:hover {text-decoration:none;} .p_submitbtn {margin: 0 auto; text-align:center;} .btn_blue_a { display:inline-block; width:265px; height:60px; background-color:#1a1a1a; font-family: 'Noto-R'; color:#fff!important; font-size:16px; line-height:60px; text-align:center; border-radius:2px;} #spec_product.spec_product2021 .sendmailtit {color:#1a1a1a; font-size:20px; font-family: 'Noto-M'; font-weight:normal; text-align:left; position:relative; top:-50px; left:-30px;} #spec_product.spec_product2021 {background:#fff; padding:0 30px 50px; margin-bottom:100px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);} #spec_product.spec_product2021 h1 {display:inline-block; color:#1a1a1a; font-size:20px; font-family: 'Noto-M'; font-weight:normal; position:relative; top:-50px; left:-30px;} #spec_product.spec_product2021 th {background-color: #f9f9f9; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 12px 0; vertical-align: middle; letter-spacing: -1px; font-size:16px; color:#1a1a1a; font-family: 'Noto-B';} #spec_product.spec_product2021 table {border:0;} #spec_product.spec_product2021 td {border-bottom: 1px solid #e8e8e8; padding:10px; font-size:14px; color:#1a1a1a; font-family: 'Noto-R'; background:#fff;} #spec_product.spec_product2021 td.peripheral {background-color: #fff; border-right: 1px solid #e8e8e8; font-family: 'Noto-B';} #spec_product.spec_product2021 td.computer {background:#fff; border-right: 1px solid #e8e8e8; font-family: 'Noto-B';} #spec_product.spec_product2021 td.category {font-size:14px; word-break: keep-all; font-family: 'Noto-M';} #spec_product.spec_product2021 td.category1 {font-size:14px; padding:0 10px; color:#1a1a1a; font-weight:normal; background:#f9f9f9; font-family: 'Noto-M';} #spec_product.spec_product2021 td span.proimg {display:block; width:60px; height:60px; float:left; margin-right:15px; border: 1px solid #e8e8e8;} #spec_product.spec_product2021 td span.proimg img {width:100%;} #spec_product.spec_product2021 td span.protext {padding-top:3px; color:#1a1a1a;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical;word-wrap:break-word; } #spec_product.spec_product2021 td.nochoice {background:#f9f9f9;} #spec_product.spec_product2021 td.nochoice p {margin:6px 0;} #spec_product.spec_product2021 td.nochoice p a:nth-child(1) {margin-left:5px;} #spec_product.spec_product2021 td.nochoice p a {margin:0 5px 0 0;} #spec_product.spec_product2021 td.nochoice span {font-size:14px; margin-top:7px; color:#1a1a1a;} #spec_product.spec_product2021 td.nochoice span .blue_text {color:#1c8fed;} #spec_product.spec_product2021 .num1 {float:none; width:60px; height: 40px; padding:0; display: inline-block; border: 1px solid #e1e1e1; border-radius: 2px; box-sizing: Border-box; vertical-align: middle; cursor: pointer;} #spec_product.spec_product2021 .num1 input {display: block; padding: 0 10px; width: 100%; height: 100%; line-height: 38px; color: #1a1a1a; font-size: 14px; text-align: center; outline: none; border: none; box-sizing: border-box;} #spec_product.spec_product2021 td:nth-child(3), .specification2 #spec_product.spec_product2021 td:nth-child(4), .specification2 #spec_product.spec_product2021 td:nth-child(6) {font-family: 'spoqa R'; font-size:14px;} #spec_product.spec_product2021 td:last-child {padding-right:0;} #spec_product.spec_product2021 td.computer {padding-right:10px;} #spec_product.spec_product2021 .specbtn {display: inline-block; padding: 0 10px; margin-top:5px; height: 26px; line-height: 24px; background: #fff; border: 1px solid #e1e1e1; border-radius: 2px; color: #1a1a1a; font-size: 12px; text-align: center; outline: none; cursor: pointer; box-sizing: border-box; font-family: 'Noto-R';} #spec_product.spec_product2021 .specbtn.on {background:#135eba; color:#fff;} #spec_product.spec_product2021 #totalprice {width:auto; float:right; padding:15px 0 0;} #spec_product.spec_product2021 #totalprice {font-size:18px; font-family: 'spoqa R'; font-weight:600; color:#1a1a1a;} #spec_product.spec_product2021 #totalprice p {display:inline-block; line-height:28px; font-size:18px; font-family: 'Noto-B'; color:#1a1a1a; padding-right:5px;} #spec_product.spec_product2021 #totalprice .red20B {font-size:18px; font-family: 'spoqa R'; font-weight:600; color:#f14738; padding-right:2px;} /* 221209 90287 컨텐츠별 구매순위 추가 */ #cate_popular {float:left; margin:15px 0 0; } .cate_inner {margin:20px auto; background: #fff; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); } .cate_inner .cate_tab {display: flex; flex-wrap: wrap; justify-content: space-around;} .cate_inner .cate_tab li {width:25%; height:70px; line-height:70px; text-align: center; font-size:18px; font-family:'noto-R'; color: #B4B4B4; background:#E8E8E8; cursor: pointer;} .cate_inner .cate_tab li.on {font-size:18px; font-family:'noto-R'; color: #1a1a1a; background:#fff; } .cate_inner .cate_tab_cont {padding:15px 30px 30px; box-sizing: border-box; display:none;} .cate_inner .cate_tab_cont table {width:1240px; border:0; border-spacing:0px; border-collapse:collapse;} .cate_inner .cate_tab_cont table tr {border-bottom:1px solid #E8E8E8;} .cate_inner .cate_tab_cont table tr:last-child {border-bottom:none;} .cate_inner .cate_tab_cont table td {padding:15px 0; text-align: center; font-size:16px; font-family: 'noto-R'; font-weight: normal; color:#1a1a1a;} .cate_inner .cate_tab_cont table td:nth-child(1) {font-family: 'noto-M'; color:#949494;} .cate_inner .cate_tab_cont table td:nth-child(4) {font-family: 'spoqa R';} .cate_inner .cate_tab_cont table td .cateimg {display:block; width:60px; height:60px; border: 1px solid #e8e8e8;} .cate_inner .cate_tab_cont table td .cateimg img {display:block; width:100%;} .cate_inner .cate_tab_cont table td .left_txt {text-align: left;} .cate_inner .cate_tab_cont table td button {display: inline-block; padding: 0 20px; min-width: 78px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #d8d8d8; border-radius: 2px; color: #1a1a1a !important; font-size: 14px; font-family: Noto-R; text-align: center; outline: none;} /* 웹폰트 규격 적용 230103 */ #estimate_categoryS .scroll_ctgr .box_control{ font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .gamePc_wrap .tabnav li{font-family: 'Noto-R';} .gamePc_toggleWrap .switch-ui .switch-ui-label .switch-ui-inner:before, .switch-ui .switch-ui-label .switch-ui-inner:after{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .gamePc_wrap .slider_wrap ul li a em{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .nego_btn a{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} .specification2 .specbtn{font-family: '맑은고딕', 'malgun gothic'; letter-spacing: -1px;} /* 231018 102395 아이웍스PC 개편 작업 요청 */ .iworks_new23_wrap{width: 1300px; margin: auto; position: relative; position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; transform: translateY(133px); transition: all 0.5s;} .iworks_new23_wrap.on{transform: translateY(0);} .iworks_new23_wrap .box_wrap{width: 1300px; background: rgba(26,26,26,0.9); height: 52px; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; cursor: pointer;} .iworks_new23_wrap .imgbox{position: relative; bottom: 10px; width: 50px; height: 50px;} .iworks_new23_wrap .imgbox .box{position: relative; width: 50px; height: 50px; border: 1px solid #1C8FED; border-radius: 50px; overflow: hidden;} .iworks_new23_wrap .imgbox .box img{width: 50px; height: 50px;} .iworks_new23_wrap .imgbox .num{position: absolute; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #1C8FED; color: #FFFFFF; font-family: '맑은고딕'; font-size: 11px; border-radius: 20px; top: -3px; right: -6px;} .iworks_new23_wrap .txt_box{display: flex; align-items: center;} .iworks_new23_wrap .box_wrap .txt_box > p{margin-left: 8px; font-family: 'noto-M'; font-size: 14px; color: #ffffff;} .iworks_new23_wrap .box_wrap .txt_box > p span{color: #1C8FED;} .iworks_new23_wrap .box_wrap .btn{transition: all 0.5s;} .iworks_new23_wrap.on .box_wrap .btn{transform: rotate(180deg);} .iworks_new23_wrap .slide_wrap{width: 1300px; height: 133px; overflow: hidden; background: #F3FAFF; padding: 20px 20px 40px; box-sizing: border-box; position: relative;} .iworks_new23_wrap .slide_wrap .pd_wrap{display: inline-flex; gap: 20px;} .iworks_new23_wrap .slide_wrap .pd_wrap .line{width: 1px; height: 70px; background: #d8d8d8;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box{display: flex; align-items: center;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_img{width: 70px; height: 70px; border-radius: 6px; margin-right: 10px;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_img img{width: 100%;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_txt{margin-right: 20px; width: 340px;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_txt .tit{color: #1A1A1A; font-family: '맑은고딕'; font-size: 12px; margin-bottom: 4px; letter-spacing: -0.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_txt .dec{color: #949494; font-family: '맑은고딕'; font-size: 12px; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: -0.5px;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_price{margin-right: 20px;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_price .discount{display: flex;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_price .discount p{color: #F14738; font-family: 'spoqa M'; font-size: 13px; margin-right: 3px;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_price .discount span{color: #949494; font-family: 'spoqa L'; font-size: 11px; text-decoration: line-through;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .pd_price > p{color: #1A1A1A; font-family: 'spoqa M'; font-size: 14px;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .buttons{display: block; color: #ffffff; border-radius: 2px; font-family: 'noto-R'; font-size: 12px; overflow: hidden;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .buttons span{display: block; width: 64px; height: 26px; text-align: center; line-height: 25px;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .buttons .btn1{background: #1C8FED;} .iworks_new23_wrap .slide_wrap .pd_wrap .pd_box .buttons .btn2{background: #6C6C6C;} .iworks_new23_wrap .slide_wrap .swiper-pagination{position: relative; margin-top: 16px; display: flex; gap: 6px; justify-content: center;} .iworks_new23_wrap .slide_wrap .swiper-pagination .swiper-pagination-bullet{width: 6px; height: 6px; background: #D8D8D8; opacity: 1;} .iworks_new23_wrap .slide_wrap .swiper-pagination .swiper-pagination-bullet-active{background: #1C8FED;} .iworks_new23_wrap .swiper-button-next, .iworks_new23_wrap .swiper-button-prev{top: 110px; opacity: 0;} .iworks_new23_wrap:hover .swiper-button-next, .iworks_new23_wrap:hover .swiper-button-prev{opacity: 1;} .iworks_new23_wrap .swiper-button-next{right: -20px;} .iworks_new23_wrap .swiper-button-prev{left: -20px;} /* 맞춰줘 가격 배너 추가 */ .online_banner {display: flex; justify-content: space-between; margin-bottom: 70px;}