/* 온라인 견적 */ #estimate_title{ width:1300px; float:left; text-align:left; padding:25px 10px; box-sizing:border-box; } #estimate_category{ width:1300px; float:left; text-align:left; border-top:2px solid #393939;} #estimate_category .category_main ul{border-left:1px solid #bfbfbf; float:left; } #estimate_category .category_main ul:last-child{border-bottom:1px solid #393939;} #estimate_category .category_main ul li{ width:205.5px; padding: 10px 0 10px 10px; float:left; list-style:none; font-size:13px; color:#1a1a1a; letter-spacing:-1px; border-right:1px solid #bfbfbf; font-family:'맑은고딕'; border-bottom:1px solid #ebebeb;} #estimate_category .category_main ul li:hover{padding: 10px 0 9px 10px; float:left; list-style:none; font-size:13px; color:#fe2419; text-decoration:underline; margin:-1px 0 0 -1px;letter-spacing:-1px; border:1px solid #fe2419;} #estimate_category .category_main ul li.ON{ padding: 10px 0 9px 10px; float:left; list-style:none; font-size:13px; color:#fe2419; text-decoration:underline; margin:-1px 0 0 -1px;letter-spacing:-1px; border:1px solid #fe2419;} #estimate_category .category_main ul li.pc{ padding: 10px 0 10px 10px; float:left; list-style:none; font-size:13px; color:#1a1a1a; letter-spacing:-1px; border-right:1px solid #bfbfbf; background-color:#f9f9fc;} #estimate_category .category_main ul li.pc:hover{ padding: 10px 0 9px 10px; float:left; list-style:none; font-size:13px; color:#117beb; ; text-decoration:underline; margin:-1px 0 0 -1px;letter-spacing:-1px; border:1px solid #117beb; } #estimate_category .category_main ul li.ON2{ padding: 10px 0 9px 10px; float:left; list-style:none; font-size:13px; color:#117beb; text-decoration:underline; margin:-1px 0 0 -1px;letter-spacing:-1px; border:1px solid #117beb; } *:first-child+html#estimate_category .category_main ul li.pc{ padding: 10px 0 10px 10px; float:left; list-style:none; font-size:13px;color:#1a1a1a; letter-spacing:-1px; border-right:1px solid #bfbfbf; background-color:#f9f9fc;} *:first-child+html#estimate_category .category_main ul li.pc:hover{ padding: 10px 0 9px 10px; float:left; list-style:none;font-size:13px; color:#117beb; text-decoration:underline; margin:-1px 0 0 -1px;letter-spacing:-1px; border:1px solid #117beb; } *:first-child+html#estimate_category .category_main ul li.pc .ON{ padding: 10px 0 9px 10px; float:left; list-style:none; font-size:13px; color:#117beb; text-decoration:underline; margin:-1px 0 0 -1px;letter-spacing:-1px; border:1px solid #117beb; } #estimate_category .category_sub ul{ width:1300px; box-sizing:border-box; position:relative; float:left; height:52px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-top: 1px solid #393939;} #estimate_category .category_sub ul li { float:left; list-style:none; padding:7px 10px; font-size:14px; font-family:'noto-R'; color:#1a1a1a; letter-spacing:-1px; border:1px solid #fff; margin:7px 5px;} #estimate_category .category_sub ul li:hover, #estimate_category .category_sub ul li.ON{ border:1px solid #fe2419; color:#fe2419; font-weight:bold; text-decoration:underline;} /* new배틀그라운드용 온라인견적 */ #estimate_categoryBG{ width:1300px; height:338px; box-sizing:border-box; border:#a7acb0 1px solid; float:left; background:#ffffff; float:left; position:relative; margin-bottom:10px; margin-top:10px; } #estimate_categoryBG .resetbtn2 { width:46px; height:45px; position:absolute; z-index:9; right:0; cursor:pointer; background:url(//image5.compuzone.co.kr/img/images/online/bg_tresetbtn.png) no-repeat;} #estimate_categoryBG .btg_ibox2 { width:305px; height:336px; float:left; position:relative; background:url(//image5.compuzone.co.kr/img/images/online/btgs_wbnr2.jpg) no-repeat; } #estimate_categoryBG .btg_Sbox2 { width:808px; box-sizing:border-box; height:279px; float:left; position:relative; border-bottom:1px solid #e3e3e4;} #estimate_categoryBG .btg_sbox2 { width:202px; box-sizing:border-box; height:279px; float:left; position:relative; border-right:1px solid #e3e3e4; padding:0 9px;} #estimate_categoryBG .btg_sbox2 .tit { width:201px; height:auto; float:left; position:absolute; z-index:1; left:0; text-align:center; } #estimate_categoryBG .btg_sbox2 .tit .btit { font-size:20px; width:201px; padding:18px 0 8px 0;; box-sizing:border-box; font-family:noto-B; display:inline-block;} #estimate_categoryBG .btg_sbox2 .tit .stit { font-size:13px; padding:7px 11px; border-radius:22px; letter-spacing:-1px; color:#5b5b5b; background-color:#e4f4ff; box-sizing:border-box; font-family:noto-M; display:inline-block;} #estimate_categoryBG .btg_sbox2 .scroll_ctgr { margin:98px 17px 0px; position:relative; } #estimate_categoryBG .btg_sbox2 .scroll_ctgr .box_control { width:150px; } #estimate_categoryBG .btg_sbox2 .scroll_ctgr .box_control .dashedline >span{ display:inline-block; width:100%; border-bottom:1px dashed #aeb3b6; } #estimate_categoryBG .btg_sbox2 .scroll_ctgr .box_control dd { padding-left:14px; letter-spacing:-1px; width:160px;} #estimate_categoryBG .btg_sbox2 .scroll_ctgr .box_control .dashedline { padding:10px 0px;} #estimate_categoryBG .btg_sbox2 .scroll_ctgr .box_control .spc_pcimg{ display:inline-block; width:150px; padding:0px 0px 1px 0px; } #estimate_categoryBG .btg_sbox2 .scroll_ctgr .box_control .spc_namedd { padding-left:0px; } #estimate_categoryBG .btg_sbtn2 { width:808px; box-sizing:border-box; height:57px; line-height:57px; float:left; position:relative; text-align:center; line-height:57px; padding-top:10px; } #estimate_categoryBG .btg_sbtn2>span {font-weight:bold; cursor:pointer; text-align:center; font-family:Noto-D; border-radius:2px; display:inline-block; letter-spacing:0.1px; background-color:#f74826; border:1px solid #e23715; color:#fff; font-size:16px; padding:7px 155px; height:20px; line-height:20px;} /* 온라인 견적 썸네일 박스 */ #sumBox{width:1300px; height:150px; border:1px solid #aaabad; box-sizing:border-box;margin-top:10px; top: 1px; } #sumBox .leftBox{width:186px; border-right:1px solid #e8e8e8; box-sizing:border-box;height:148px;float:left;} #sumBox .leftBox >img{margin-top:50px;margin-left:30px;} #sumBox .rightBox{width:927px;height:148px; display:inline-block;float:left;background-color:#fff; position:relative;} #sumBox .rightBox .prev_btn{ position: absolute; top: 62px;left: 31px;cursor:pointer;} #sumBox .rightBox .next_btn{ position: absolute;top: 62px; right: 31px; cursor:pointer;} #sumBox .rightBox .slideWrap{width:779px; position:absolute;top:50%; left:50%; margin-top:-52px; margin-left:-389px;} #sumBox .rightBox .slideWrap>div{width:114px; height:105px; float:left; margin-right:19px; background-color:gray;} #sumBox .rightBox .slideWrap>div >img{ z-index:10;} #sumBox .rightBox .slideWrap .ThumbN{margin-right:0;} #sumBox .rightBox .slideWrap .ThumbText{ position: absolute;top:0;left:0; text-align:center;} #sumBox .rightBox .slideWrap .ThumbText >li.titBG{z-index:20; background: url(//image5.compuzone.co.kr/img/images/online/ThumBG.png) no-repeat 0 0; width:114px;height:106px;} #sumBox .rightBox .slideWrap .ThumbText > li.gametit{ font-family:noto-R; font-size:13.5px; color:#fff; z-index:100;line-height: 16px; width:95px;height:28px; margin:-59px auto; -webkit-transform: translate(0, 20px);-moz-transform: translate(0, 20px);-ms-transform: translate(0, 20px); -o-transform: translate(0, 20px);transform: translate(0, 20px); transition: all .3s;} #sumBox .rightBox .slideWrap .ThumbBox:hover{cursor:pointer;} #sumBox .rightBox .slideWrap .ThumbOFF:hover .fullBG{width:114px;height:105px; background-color:rgba(0,0,0,.8); position:absolute; top:0;left:0; } #sumBox .rightBox .slideWrap .ThumbBox:hover .ThumbText >li.gametit{ -webkit-transform: translate(0, 0);-moz-transform: translate(0, 0); -ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0); opacity:1;} #sumBox .rightBox .slideWrap .ThumbBox .ThumbON .fullBGON{background-color:#1a1a1a; opacity:0.8;width:114px; height:105px; } #sumBox .rightBox .slideWrap .ThumbBox .ThumbON .gametitON{z-index:200;font-family:noto-R; font-size:13.5px; color:#fff;line-height: 16px; } #sumBox .rightBox .slideWrap .ThumbBox{position: relative;left: 0;} /* 온라인견적 게임별 추천 */ #gameBoxBG{ width:1300px; height:360px; box-sizing:border-box; border:#a7acb0 1px solid; float:left; background:#ffffff; position:relative; } #gameBoxBG .re_actBtn{position:absolute; top:10px;right:10px; z-index:20;} #gameBoxBG .leftside { width: 372px; height: 358px; float: left; position: relative; background: url(//image5.compuzone.co.kr/img/images/online/imgBox1.jpg) no-repeat 0 0; border-right: 1px solid #e8e8e8; box-sizing: border-box;} #gameBoxBG .leftside .estimate{position:absolute;top:0;left:0;width:372px;height:358px; background-color:rgba(0,0,0,.9); z-index:10; opacity:0; transition: all .3s; } #gameBoxBG .leftside .estimate .base{ position:absolute; top:64px; left:50%;width:260px; margin-left:-130px; height:92px; z-index:20; background: url(//image5.compuzone.co.kr/img/images/online/game_Boxline.png) no-repeat 0 0;} #gameBoxBG .leftside .estimate .base >ul >li.tit{width:101px;height:21px;background: url(//image5.compuzone.co.kr/img/images/online/basetit.png) no-repeat 0 0;text-indent:-9999px; margin:-8px 0 0 79px; z-index:100 !important; } #gameBoxBG .leftside .estimate .highend >ul >li.tit{width:101px;height:21px;background: url(//image5.compuzone.co.kr/img/images/online/hightit.png) no-repeat 0 0;text-indent:-9999px; margin:-8px 0 0 79px; } #gameBoxBG .leftside .estimate .base >ul >li.txt1, #gameBoxBG .leftside .estimate .highend >ul >li.txt1{text-align:left; font-size:15px; font-family:noto-R; color:#e5e5e5; margin: 13px 0 0 43px;} #gameBoxBG .leftside .estimate .base >ul >li.txt2, #gameBoxBG .leftside .estimate .highend >ul >li.txt2{text-align:left; font-size:15px; font-family:noto-R; color:#e5e5e5; margin: 4px 0 0 43px;} #gameBoxBG .leftside .estimate .highend{ position:absolute; top:201px; left:50%;width:260px; margin-left:-130px; height:92px; z-index:40; background: url(//image5.compuzone.co.kr/img/images/online/game_Boxline.png) no-repeat 0 0;} #gameBoxBG .leftside:hover .estimate{opacity:1;cursor:pointer;} #gameBoxBG .padicon{width:110px; height:110px; position:absolute; bottom:0;left:261px; } #gameBoxBG .padicon >a{width:110px; height:110px; position:absolute; bottom:0; z-index:200;} #gameBoxBG .padicon >a:hover{} #gameBoxBG .leftside .textBG{ background-color:#1a1a1a;width:371px; height:110px; opacity:0.85; position:absolute; bottom:0; left:0;} #gameBoxBG .padicon >a >span{width:74px; height:74px; position:absolute; bottom:18px;right:18px; z-index:200;height:74px;background: url(//image5.compuzone.co.kr/img/images/online/gamepad_icon.png) no-repeat 0 0;} #gameBoxBG .padicon >a:hover >span{background: url(//image5.compuzone.co.kr/img/images/online/gamepad_icon.png) no-repeat -75px 0;z-index:201;} #gameBoxBG .leftside .gametit{color:#fff; position:absolute;left:34px;bottom:30px;} #gameBoxBG .leftside .gametit .stit{font-family:noto-R; font-size:16px;line-height:15.5px; letter-spacing:-0.65px;} #gameBoxBG .leftside .gametit .btit{font-family:noto-B; font-size:28px;line-height:28px; margin-bottom:10px; } #gameBoxBG .leftside .btn{ width:60px; height:24px; position:absolute; top:315px;left:34px; display:inline-block;} #gameBoxBG .leftside .btn .prevbtn{float:left;} #gameBoxBG .leftside .btn .nextbtn{margin-left:12px;float:left;} #gameBoxBG .rightside{width:741px; height:360px;float:left;position:relative;} #gameBoxBG .rightside .textBox{float:left;width:370px; height:297px; border-right:1px solid #e8e8e8; box-sizing:border-box;} #gameBoxBG .rightside .textBox2{border-right:none;} #gameBoxBG .rightside .textBox .tit{color:#1a1a1a;text-align:center;} #gameBoxBG .rightside .textBox .tit .Btit{font-size:20px;font-family:noto-B;padding:21px 0 7px 0;} #gameBoxBG .rightside .textBox .tit .Stit{font-size:13.5px;font-family:noto-R;width:196px; border-radius:22px; letter-spacing:-1px;background-color:#e4f4ff; box-sizing:border-box; padding:7px 0; color:#1a1a1a; position:relative; left:50%; margin-left:-98px;} #gameBoxBG .rightside .textBox .tit02 .Stit{font-size:13.5px;font-family:noto-R;width:216px; border-radius:22px; letter-spacing:-1px;background-color:#fde3e2; box-sizing:border-box; padding:7px 0; color:#1a1a1a; position:relative; left:50%; margin-left:-98px;} #gameBoxBG .rightside .textBox .box_con{width:165px;height:65px; position:relative;left:50%; margin-left:-82px;} #gameBoxBG .rightside .textBox2 .box_con{margin-left: -75px} #gameBoxBG .rightside .textBox .box_con .box_control{margin-top:14px;color:#1a1a1a;font-size:14.5px; line-height:14px;} #gameBoxBG .rightside .textBox .box_con .box_control>dd{font-family:noto-R; font-size:14.5px; } #gameBoxBG .rightside .textBox .box_con .border{width:260px; height:1px; background:#e8e8e8; position:relative; left:-46px; top:8px;} input.radioMedium[type="radio"] + label.radioMedium {font-size:14.5px; line-height:22px;} #gameBoxBG .rightside .textBox .addprouct{position:relative;top:29px;left:0;} #gameBoxBG .rightside .textBox .addprouct .addtit{font-family:noto-M; font-size:16px;text-align:center;letter-spacing:-0.5px;color:#1a1a1a;} #gameBoxBG .rightside .textBox .addprouct .box_control{width:148px;height:44px;float:left;position:relative;top:9px; left:50%; margin-left:-74px;} #gameBoxBG .rightside .textBox .addprouct .box_control >dd{width:65px;height:18px; float:left;font-size:14p.5px; letter-spacing:-0.3px; color:#1a1a1a;} #gameBoxBG .rightside .textBox .addprouct .box_control >dd:nth-child(2), #gameBoxBG .rightside .textBox .addprouct .box_control >dd:nth-child(4){margin-left:18px;} #gameBoxBG .rightside .textBox .addprouct .box_control >dd:nth-child(3),#gameBoxBG .rightside .textBox .addprouct .box_control >dd:nth-child(4){margin-top:8px;} #gameBoxBG .rightside .searchBox{width:741px; height:63px; border-top:1px solid #e8e8e8; box-sizing:border-box; position:absolute; bottom:0;} #gameBoxBG .rightside .searchBox .Sbtn {width: 333px;height:42px; background-color:#3263c2;position:absolute; left:50%; margin-left:-166px; margin-top:10px;border-radius:5px; border:1px solid #0e4595; box-sizing:border-box} #gameBoxBG .rightside .searchBox .Sbtn >p{ cursor:pointer;color:#fff;font-size:19px; font-family:noto-R;line-height:42px;text-align:center;} #gameBoxBG .rightside .searchBox .closeBtn{ cursor:pointer;position:absolute; top:0; right:-3px; width:65px; height:60px;; border-left:1px solid #e8e8e8; box-sizing:border-box} #gameBoxBG .rightside .searchBox .closeBtn >img{ cursor:pointer;position:absolute; top:20px; left:20px;} input.radioMedium[type="radio"] + label.radioMedium, input.chkMedium[type="checkbox"] + label.chkMedium {font-size:14.5px;} #estimate_categoryS{ width:1300px; box-sizing:border-box; height:204px; border:#a7acb0 1px solid; float:left; background:#f9f9fc; float:left; position:relative; margin-bottom:10px; } #estimate_categoryS .opt_box { width:185px; height:202px; border-right:#c0c0c2 1px solid; float:left; position:relative; } #estimate_categoryS .opt_box .tit { width:155px; height:20px; background:#f9f9fc; float:left; position:absolute; z-index:1; padding:17px 0 3px 15px; left:0; } #estimate_categoryS .opt_box .opt_search {width:62px; height: 22px; line-height:20px; border-radius:2px; border:1px solid #C9C9C9; box-sizing:border-box; background:#fff; text-align:center; position: absolute; top:12px; left:75px; z-index: 1;} #estimate_categoryS .opt_box .opt_search .ink_search {font-size:12px; font-weight:bold; color:#1a1a1a;} #estimate_categoryS .opt_box .opt_search a:hover {text-decoration:none;} #estimate_categoryS .opt_boxB { width:910px; height:204px; float:left; position:relative; } #estimate_categoryS .opt_boxB .tit { width:875px; height:20px; background:#f9f9fc; float:left; position:absolute; z-index:1; padding:17px 0 3px 15px; left:0; } #estimate_categoryS .tit .tit_mctgr { width:52px; height:12px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) 0 -30px; display:inline-block; float:left;} #estimate_categoryS .tit .tit_sctgr { width:52px; height:12px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -57px -30px; display:inline-block; float:left; } #estimate_categoryS .tit .tit_opt { width:43px; height:12px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -114px -30px; display:inline-block; float:left; } #estimate_categoryS .tit .reset { width:21px; height:15px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -45px -105px; display:inline-block; float:left; position:absolute; left:60px; top:17px;} #estimate_categoryS .tit .tit_price { width:61px; height:21px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) 0 -151px; display:inline-block; float:left; } #estimate_categoryS .tit .tit_use { width:54px; height:12px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -65px -151px; display:inline-block; float:left; } #estimate_categoryS .tit .tit_game { width:66px; height:12px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -123px -151px; display:inline-block; float:left; } #estimate_categoryS .scroll_ctgr { width:185px; height:202px; float:left; overflow-y:auto; position:relative; } #estimate_categoryS .scroll_ctgr .box_control { width:153px; padding:48px 0 0 15px; float:left; font-family:spoqa R;} #estimate_categoryS .scroll_ctgr .box_aside { width:155px; height:15px; padding:17px 0 7px; position:fixed; text-indent:-10000px; background:#f9f9fc; float:left; } #estimate_categoryS .scroll_ctgr .box_control dd { width:150px; line-height:15px; .line-height:16px; letter-spacing:-.5px; margin-bottom:8px; float:left; text-align:left; font-family:'맑은고딕'; color:#5f5f5f; } #estimate_categoryS .scroll_ctgr .box_control dd input{ margin-right:3px;} #estimate_categoryS .scroll_ctgr .box_control dd .ch_bx { width:15px; height:15px; margin-right:3px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -76px -3px; display:inline-block; float:left;} #estimate_categoryS .scroll_ctgr .box_control dd em {color:#a5a5a5; font-weight:normal; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } #estimate_categoryS .scroll_ctgr .box_control dd.on { width:138px; line-height:15px; .line-height:16px; margin-bottom:8px; float:left; color:#1a1a1a; } #estimate_categoryS .scroll_ctgr .box_control dd.on .ch_bx { width:15px; height:15px; margin-right:3px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -92px -3px; display:inline-block; float:left;} #estimate_categoryS .scroll_ctgr .box_control dd.on em {color:#fe1409; font-weight:bold; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } #estimate_categoryS .scroll_opt { width:926px; height:202px; float:left; overflow-y:auto; position:relative; } #estimate_categoryS .scroll_opt .opt_control { padding:34px 0 0 0; float:left; } #estimate_categoryS .scroll_opt .opt_control .opt_area { width:890px; padding:8px 0 8px 15px; border-bottom:#edeeef 1px solid; position:relative; float:left; } #estimate_categoryS .scroll_opt .opt_control .opt_hidden { height:23px; overflow:hidden; } #estimate_categoryS .scroll_opt .opt_control .opt_area .btn_toggle { width:28px; height:20px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -150px -3px; display:inline-block; position:absolute; top:9px; right:0; float:left;} #estimate_categoryS .scroll_opt .opt_control .on .btn_toggle { width:28px; height:20px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -185px -3px; display:inline-block; position:absolute; top:9px; right:0; float:left;} #estimate_categoryS .scroll_opt .opt_control .subj { width:120px; line-height:26px; font-weight:bold; float:left; text-align:left; font-family:spoqa R;} #estimate_categoryS .scroll_opt .opt_control .opt_list { width:760px; float:left; } #estimate_categoryS .scroll_opt .opt_control .opt_list > ul { width:100%; list-style:none; float:left; } #estimate_categoryS .scroll_opt .opt_control .opt_list > ul li { width:175px; margin:5px 10px 5px 0; float:left; text-align:left; } #estimate_categoryS .scroll_opt .opt_control .opt_list > ul li .ch_bx { width:15px; height:15px; margin-right:3px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -109px -3px; display:inline-block; float:left;} #estimate_categoryS .scroll_opt .opt_control .opt_list > ul li.on { width:175px; margin-right:10px; float:left; } #estimate_categoryS .scroll_opt .opt_control .opt_list > ul li.on .ch_bx { width:15px; height:15px; margin-right:3px;background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -126px -3px; display:inline-block; float:left;} #estimate_categoryS .scroll_opt .opt_control .opt_list > ul li a { width:100%; display:inline-block; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-family:spoqa R; line-height:14px;} #estimate_categoryS .scroll_opt .opt_control .opt_list > ul li.on a {color:#1a1a1a; } /* 추천PC옵션 */ #estimate_categoryS .scroll_opt .opt_control .opt_list_PC { width:720px; float:left; } #estimate_categoryS .scroll_opt .opt_control .opt_list_PC > ul { width:100%; list-style:none; float:left; } #estimate_categoryS .scroll_opt .opt_control .opt_list_PC > ul li { width:170px; margin:5px 10px 5px 0; float:left; text-align:left; } #estimate_categoryS .scroll_opt .opt_control .opt_list_PC > ul li .ch_bx { width:15px; height:15px; margin-right:3px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -76px -3px; display:inline-block; float:left;} #estimate_categoryS .scroll_opt .opt_control .opt_list_PC > ul li.on { width:170px; margin-right:10px; font-weight:bold; color:#1a1a1a; float:left; } #estimate_categoryS .scroll_opt .opt_control .opt_list_PC > ul li.on .ch_bx {width:15px; height:15px; margin-right:3px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -92px -3px; display:inline-block; float:left;} #estimate_categoryS .scroll_opt .opt_control .opt_list_PC > ul li a { width:100%; display:inline-block; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #estimate_categoryS .scroll_opt .opt_control .opt_list_PC > ul li em {color:#a5a5a5; font-weight:normal; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } #estimate_categoryS .scroll_opt .opt_control .opt_list_PC > ul li.on em {color:#fe1409; font-weight:bold; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } /* 온라인견적배너 */ #estimate_categoryS .online_listbnr {position:absolute; top:0; right:0; z-index:5;display:none;} #estimate_ink{width:1300px; height:20px; float:left;} #estimate_ink .ink_search{float:left; width:101px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -60px -0px no-repeat; } #estimate_ink .ink_comment .comment_icon{float:left; width:12px; height:12px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -200px -0px no-repeat; margin: 3px 3px 0 0 } #estimate_ink .zzimlist{float:left; width:101px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -60px -23px no-repeat; margin-left:3px;} #estimate_product{width:1300px; float:left; border-top:2px solid #393939; margin-top:20px;} #estimate_product .product_search{ width:650px; box-sizing:border-box; border-left:1px solid #c0c0c2; border-bottom:1px solid #c0c0c2; float:left;} #estimate_product .product_search .search_box{width:649px; box-sizing:border-box; height:110px; float:left; background-image: url(//image5.compuzone.co.kr/img/images/online/estimate_searchbg1.gif); text-align:left;} #estimate_product .product_search .search_box .dot{width:5px; height:9px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -180px -6px no-repeat; float:left; margin-left:2px; margin-top:-1px; margin-top:6px; margin-right:2px;} #estimate_product .product_search .search_box .search_btn{width:37px; height:30px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -0px -0px no-repeat; float:left; margin-left:2px; margin-top:-1px;} #estimate_product .product_search .search_box .search_check{width:100px; height:50px; float: left; margin: 0 0 0 10px;} #estimate_product .product_search .search_box .search_check span{width:100px; float:left;} #estimate_product .product_search .search_box .search_check span input{ margin-right:3px; } #estimate_product .product_search .search_tab{width:649px; height:39px; box-sizing:border-box; float:left; font-size:12px; letter-spacing:-1px; padding:10px 15px; border-bottom:1px solid #e8e8e9; border-top:1px solid #c0c0c2; text-align:left;} #estimate_product .product_search .search_product{width:649px; box-sizing:border-box; padding:10px 18px; float:left; height:720px; overflow-y:auto;} #estimate_product .product_search .search_product table{ text-align:left; } #estimate_product .product_search .search_product table td{ padding-bottom:7px; border-bottom:1px solid #e8e8e9; padding:10px 0; color:#6c6c6c;} #estimate_product .product_search .search_product table td.name{ padding:10px 15px; } #estimate_product .product_search .search_product table img{ border:1px solid #e8e8e8} #estimate_product .product_search .search_product table .btn1{ padding:1px 12px; border:1px solid #4086cd; background-color:#60a1e3; color:#fff; float:left;} #estimate_product .product_search .search_product table .btn2{ padding:1px 12px; border:1px solid #d5d5d5; background-color:#e8e8e8; color:#424242; float:left; } #estimate_product .product_search .search_product table .btn3{ padding: 1px 4px; letter-spacing: -2px; margin-top: 2px; border:1px solid #378997; background-color:#52a9b7; color:#fff; float:left;} #estimate_product .product_search .search_product table .btn4{ padding: 1px 4px; letter-spacing: -2px; margin-top: 2px; border:1px solid #d5d5d5; background-color:#e8e8e8; color:#424242; float:left; } #estimate_product .product_search .search_paging{width:650px; box-sizing:border-box; float:left; height:92px; border-top:1px solid #e8e8e9;} #estimate_product .product_search .search_product table td .pc_table{float:left; border-top:1px solid #d9ebff; border-left:1px solid #d9ebff; width:340px; margin-top:-15px;} #estimate_product .product_search .search_product table td .pc_table dl{} #estimate_product .product_search .search_product table td .pc_table dt{width:50px; float:left; border-bottom:1px solid #d9ebff; border-right:1px solid #d9ebff; background-color:#f9fcff; text-align:center; padding:4px 0 3px 0; color:#1267a6; font-size:11px;} #estimate_product .product_search .search_product table td .pc_table dd{width:113px; float:left; border-bottom:1px solid #d9ebff; border-right:1px solid #d9ebff; padding:4px 0 3px 5px; font-size:11px;} #estimate_product .product_list{ width:650px; box-sizing:border-box; border-right:1px solid #c0c0c2; border-left:1px solid #c0c0c2; border-bottom:1px solid #c0c0c2; float:right; margin-bottom:50px;} #estimate_product .product_list .product_price{width:648px; box-sizing:border-box; height:111px; float:left; background-image: url(//image5.compuzone.co.kr/img/images/online/estimate_searchbg2.gif); text-align:left; border-bottom:1px solid #c0c0c2; position: relative;} #estimate_product .product_list .product_price .priceT1{margin:25px 0px 15px 40px; float:left; width:500px;} #estimate_product .product_list .product_price .priceT2{margin: 0 0 0 40px; float:left; width:500px;} #estimate_product .product_list .product_price .priceT3{float:right; position:absolute; width:150px; top:25px; left:335px;} *:first-child+html #estimate_product .product_list .product_price .priceT3{float:right; position:absolute; width:100px; top:15px; left:460px;} #estimate_product .product_list .num1{float:left; width:26px; text-align:center; margin-top:-3px; padding:0px 0 3px 0;} #estimate_product .product_list .num1 input{border:1px solid #CCC; height:16px; padding-top:3px; width:25px; text-align:center;} #estimate_product .product_list .num2{ float:left; width:21px; margin-top:-3px; padding:0px 0 3px 0;} *:first-child+html #estimate_product .product_list .num2{ float:left; width:21px; margin-top:-2px; padding:0px 0 3px 0;} #estimate_product .product_list .product_price .price1{margin-right:5px; float:left; margin-top:10px;} #estimate_product .product_list .product_price .price2{margin-right:15px; float:left;} #estimate_product .product_list .product_price .price3{margin-right:5px; float:left; margin-top:10px;} #estimate_product .product_list .product_price .price4{margin-right:10px; float:left; border-bottom:1px solid #dc1515;} #estimate_product .product_list .product_price .WPC{float:left; margin:8px 5px 0 0; } #estimate_product .product_list .product_price .price_btn1{width:80px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -0px -50px no-repeat; float:left; margin:-3px 0 0 7px ;} #estimate_product .product_list .product_price .price_btn2{width:69px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -84px -50px no-repeat; float:left; margin:-3px 0 0 3px ;} #estimate_product .product_list .product_price .price_btn3{width:80px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -157px -50px no-repeat; float:left; margin:-3px 0 0 3px ;} #estimate_product .product_list .product_price .price_btn4{width:50px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -243px -50px no-repeat; float:left; margin:-3px 0 0 5px ;} #estimate_product .product_list .product_price .price_btn5{width:62px; height:18px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -297px -50px no-repeat; float:left; margin:10px 0 0 0px ;} #estimate_product .product_list .product_price .price_btn6{width:69px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -449px -50px no-repeat; float:left; margin:-3px 0 0 3px ;} #estimate_product .product_list .product_price .price_btn7{width:56px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -522px -50px no-repeat; float:left; margin:-3px 3px; 0 3px ;} #estimate_product .product_list .product_price .price_btn8{width:56px; height:20px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -583px -50px no-repeat; float:left; margin:-3px 0 0 3px ;} #estimate_product .product_list .price_btn9{border:1px solid #CCC; float: left; letter-spacing:-1.5px; padding:1px 4px;} #estimate_product .product_list .product{ width:648px; box-sizing:border-box; min-height:881px; float:left; } #estimate_product .product_list .product table{ text-align:left;} #estimate_product .product_list .product table td{position:relative; padding:3px 0 4px 0; height:15px; border-bottom:1px solid #e8e8e9;} #estimate_product .product_list .product table td.cate{ text-align:center; background-color:#f9f9f9; padding:25px 0;} #estimate_product .product_list .product table td.name{ padding:10px 15px 10px 10px;} #estimate_product .product_list .product table td.name p{display:inline; margin-left:5px; width:100%} #estimate_product .product_list .product table td.name p .check{margin-top:2px; margin-right:3px; float:left;} *:first-child+html #estimate_product .product_list .product table td.name p .check{margin-top:0px; margin-right:3px; float:left;} #estimate_product .product_list .product table td.name p .code{margin-right:5px; float:left;} #estimate_product .product_list .product table td.name p .qna{margin-right:5px; float:left;} #estimate_product .product_list .product table td.blank{ height:60px; font-size:14px; text-align:center;} #estimate_product .product_list .product table td span.delete {width:16px; height:15px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -229px 0px no-repeat; float:left; margin:-3px 0 0 2px; } #estimate_product .product_list .product table td span.delete:hover{width:16px; height:15px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -249px 0px no-repeat; float:left; margin:-3px 0 0 2px;} #estimate_product .product_list .product .sub_menu{width:648px; box-sizing:border-box; float:left; font-size:12px; letter-spacing:-1px; padding:10px 15px 9px 15px; border-bottom:1px solid #e8e8e9; text-align:left;} #estimate_product .product_list .product .check{ margin-right:5px; margin-top:3px; float:left} *:first-child+html #estimate_product .product_list .product .check{ margin-right:1px; margin-top:-2px; float:left} #estimate_product .product_list .product .btn_bsk{float:left; width:78px; height:18px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -365px -50px no-repeat; margin-left:5px;} #estimate_product .product_list .product .btn_zzim{float:left; width:76px; height:18px; background:url(//image5.compuzone.co.kr/img/images/online/estimate_btn.png) -644px -50px no-repeat; margin-left:5px;} /*주문현황*/ .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.h1 {width:100%; height:65px; background-color:#fff; line-height:60px; margin-bottom:35px; padding: 0;} .popup_wrap h2.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: 18px; height: 18px; background: url(//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png) center no-repeat; cursor: pointer; vertical-align: -3px;} #spec_personalInfo input.leftchk[type="checkbox"]:checked + label.leftchk > i{background: url(//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png) center no-repeat;} /* 게임별 추천PC + 팝업 200428 */ .gamePc_wrap{float:left; margin:30px 0; width:100%; height:200px;} .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;} /* 재입고 알림, 담기, 구입문의 버튼 스타일 변경 및 추가 200609 */ #estimate_product .product_search .search_product table .btn1. {padding: 1px 12px; border: 1px solid #4086cd; background-color: #60a1e3; color: #fff; float: left;} #estimate_product .product_search .search_product td > a > .btn1.RequestWrite { border: 1px solid #624fc1; background-color: #897ad0; letter-spacing: -1px;} #estimate_product .product_search .search_product td > a > .btn1.re_od { border: 1px solid #ff5555; background-color: #fff; color: #ff5555; height: 42px; padding: 7px 0 6px 2px; line-height: 14px; font-family: noto-M;} #estimate_product .product_search .search_product table td {position: relative;} #estimate_product .product_search .search_product table td .sold_out_dimmed { width: 100%; height: 87px; background: rgba(0,0,0,0.55); color: #fff; font-size: 15px; line-height: 87px; text-align: center; display: inline-block; position: absolute; left: 0; font-family: noto-R;} /* 부품담기, 부품해제, 해제 버튼 스타일 변경 및 추가 200804 */ #estimate_product .product_search .search_product td > a > .btn1, #estimate_product .product_search .search_product td > a > .btn2, #estimate_product .product_search .search_product td > a > .btn3, #estimate_product .product_search .search_product td > a > .btn4{display: inline-block; width: 55px; height: 22px; padding: 0; text-align: center; line-height: 20px; box-sizing: border-box; float: right; letter-spacing: -0.5px;} #estimate_product .product_search .search_product td > a > .btn2{ border:1px solid #d5d5d5; background-color:#e8e8e8; color:#424242;} #estimate_product .product_search .search_product td > a > .btn3{ border:1px solid #378997; background-color:#52a9b7; color:#fff;} #estimate_product .product_search .search_product td > a > .btn4{ border:1px solid #d5d5d5; background-color:#e8e8e8; color:#424242;} /* 구해줘견적 레이어팝업 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;} /* 제품명 줄바꿈 오류 수정 201029 */ #estimate_product .product_search .search_product table td.name > a {display:block; max-width:350px; word-break: break-all; } /* 네고하기 201030 */ #estimate_product .product_search .search_tab{height:70px;} #estimate_product .product_search .search_tab > a{line-height:55px;} #estimate_product .product_list .product .sub_menu{height:69px;} #estimate_product .product_list .product .sub_menu > div:first-child{padding-top:15px;} .nego_btn{position:relative; display:block; margin-top:8px; padding:0 10px; height:30px; line-height:30px; background:#2f54fd; font-size:0;} .nego_btn a{ display:block; color:#fff !important; font-size:13px; font-family:Noto-R; letter-spacing:0; } .nego_btn a:hover{text-decoration:none;} .nego_btn a:hover + .nego_layer1{display:block;} .nego_btn i{display:inline-block; margin-right:5px; width:16px; height:16px; border-radius:50%; line-height:16px; background:#F14738; color:#fff; font-size:10px; font-family:Noto-R; font-style:normal; text-align:center; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);} .nego_layer1{display:none; position: absolute; right:-50px; top:-70px; width:255px; background:#fff; border:1px solid #252525; padding:10px 15px; box-sizing: border-box; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); text-align:left; z-index:99; } .nego_layer1 .nego_noti{ font-size:12px; color:#1a1a1a; line-height:1.6;} .nego_layer1 .nego_noti:after, .nego_layer1 .nego_noti:before{top: 100%; left:30%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;} .nego_layer1 .nego_noti:after{border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 5px; margin-left: 75px;} .nego_layer1 .nego_noti:before{border-color: rgba(37, 37, 37, 0); border-top-color: #252525; border-width: 6px; margin-left: 74px;} /* new 아이콘 숨김 210217 */ .nego_btn i{display: none;} /*사업자등록증필요 컬러 추가 */ .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;} /* 게임별 추천PC wrap & 토글 210906 */ .gamePc_toggleWrap {width: 1300px; border-radius: 8px; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.16); border: solid 1px #ebebeb; background-color: #fff; float: left; margin: 30px 0; overflow: hidden; height: 60px; transition: height 0.4s; } .gamePc_toggleWrap.on {height: 260px;} .gamePc_toggleWrap:after {content: ''; display: block; clear: both;} .gamePc_toggleWrap .gamePc_toggleBox {height: 61px; text-align: center; padding: 21px 30px; box-sizing: border-box; } .gamePc_toggleWrap .gamePc_toggleBox p {display: inline-block; height: 18px; line-height: 18px; font-size: 18px; color: #1a1a1a; font-family: noto-B; letter-spacing: -0.7px;} .gamePc_toggleWrap .gamePc_wrap {margin: 0;} .gamePc_toggleWrap .gamePc_wrap .tabnav {border-left: none; } .gamePc_toggleWrap .gamePc_wrap .tabnav li:nth-last-child(1) { border-bottom: none; } .gamePc_toggleWrap .gamePc_wrap .tabcontent {border-right: none; border-bottom: none;} .gamePc_toggleWrap .switch-ui {position: relative; display: inline-block; width:42px; height:18px; float: right;} .gamePc_toggleWrap .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;} .gamePc_toggleWrap .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; } .gamePc_toggleWrap .switch-ui .switch-ui-checkbox {display: none;} .gamePc_toggleWrap .switch-ui .switch-ui-checkbox:disabled + .switch-ui-label {opacity: 0.6;} .gamePc_toggleWrap .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {margin-left: 0; background-color:#1c8fed; color:#fefefe;} .gamePc_toggleWrap .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-switch {left: 26px;} .gamePc_toggleWrap .switch-ui .switch-ui-label {display: block; overflow: hidden; border-radius:35px; height:18px;} .gamePc_toggleWrap .switch-ui .switch-ui-label .switch-ui-inner {width:200%; height:100%; margin-left:-100%; background-color:#cfcfcf; color:#949494;} .gamePc_toggleWrap .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;} .gamePc_toggleWrap .switch-ui .switch-ui-label .switch-ui-inner:before {content:"ON"; padding-left:8px; text-align:left; color:#fff;} .gamePc_toggleWrap .switch-ui .switch-ui-label .switch-ui-inner:after {content: "OFF"; padding-right: 4px; text-align: right; color:#fff;} .gamePc_toggleWrap .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);} /* 게임별 추천PC wrap & 토글// */ /* 사양검토개편 */ .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:32px; 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; font-family:'spoqa M'; font-weight: normal;} .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 h2 {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; border-collapse: separate; 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 #d8d8d8; color:#949494; 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:2px 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-M'; color:#fff!important; font-size:16px; line-height:60px; text-align:center; border-radius:8px;} .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 h2 {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 input[type="checkbox"] {display: none; vertical-align: middle;} .specification2 #spec_product input[type="checkbox"] + label {vertical-align: middle; color: #1a1a1a; line-height: 1; font-family: 'noto-R'; cursor: pointer;} .specification2 #spec_product input[type="checkbox"] + label > i {display: inline-block; width: 18px; height: 18px; border-radius:0; background: url(//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png) center center/contain no-repeat; cursor: pointer; vertical-align: middle; position:inherit; } .specification2 #spec_product input[type="checkbox"]:checked + label > i {background: url(//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png) center center/contain no-repeat;} .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: #1a1a1a; 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_24.svg) 93% center/20px no-repeat; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: noto-R;} .specification2 .myP_select select:hover {border:1px solid #1a1a1a; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_24.svg) 93% center/20px no-repeat;} .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 .inputWrap:hover {border:1px solid #1a1a1a;} .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;} .personalInfo_Table {padding: 0 30px;} #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; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: noto-R; background-size: 14px;} .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 h2 {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:20%; 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;} /* 230316 총 견적금액 텍스트 정렬 */ .specification2 #totalprice p{line-height: 23px;} /* 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;} .cate_inner .cate_tab li{position: relative;} .cate_inner .cate_tab 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: -55px; left: 25px;} .cate_inner .cate_tab li.cate_tab_iworks:hover .bloo{display: inline-block;} .cate_inner .cate_tab li .bloo div {line-height: 17px; font-size: 12px; font-family: 'noto-R'; font-weight: normal; color: #1a1a1a; letter-spacing: -0.5px;} .cate_inner .cate_tab li .bloo div span{color: #FF0303; display: inline-block; margin: 0 2px;} .cate_inner .cate_tab li .bloo div::before {content: ''; display: inline-block; width: 0; height: 0; border-top: 7px solid #2679CF; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: -7px; left: 110px;} .cate_inner .cate_tab li .bloo div::after {content: ''; display: inline-block; width: 0; height: 0; border-top: 6px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; bottom: -6px; left: 111px;} /* 240126 105267 매장주문 페이지 내 완제PC 추천 기능 추가작업 */ .recom_area {margin-top:38px; position:relative;} .recom_area img {width:100%;} .recom_area .recom_box {width:160px; height:202px; padding:20px; border:1px solid #C0C0C2; border-top:2px solid #393939; box-sizing: border-box;} .recom_area .recom_box h3 {text-align: center; color:#323232;} .recom_area .recom_box .imgarea {width:120px; height:120px; margin-top:17px; position:relative;} .recom_area .recom_box .imgarea a {display:flex; align-items: center; justify-content: center; width:30px; height:30px; padding-top:2px; border-radius: 50%; background:#0075FF; font-size:14px; font-family:'spoqa R'; color:#fff; position:absolute; top:-10px; right:-10px; font-style: normal; box-sizing: border-box; text-decoration: none;} .recom_area .recom_box .imgarea span {display: block; width:100%; height:100%; position:relative;} .recom_area .recom_box .imgarea span::before {content:''; width:100%; height:100%; background:rgba(0, 0, 0, 0.02); position:absolute; top:0; left:0;} .recom_area .recom_box .imgarea span img {width:100%;} /* 추천완제PC 배지클릭시 노출 팝업 */ .recom_area .recom_popup {width:700px; background:#fff; border:1px solid #C0C0C2; box-sizing: border-box; position:absolute; top:-160px; right:0;} .recom_area .recom_popup .pop_tit {padding:20px; box-sizing: border-box; border-bottom:1px solid #C0C0C2; text-align: center;} .recom_area .recom_popup .pop_tit h2 {margin-bottom:8px; font-family:'noto-B'; font-size:18px; font-weight: normal; color:#323232;} .recom_area .recom_popup .pop_tit p.subtit {font-family:'noto-R'; font-size:14px; font-weight:normal; color:#494A4A;} .recom_area .recom_popup .pop_tit a.closeX {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;} .recom_area .recom_popup .pop_cont {margin-top:20px;} .recom_area .recom_popup .pop_cont ul {display: flex; flex-wrap: wrap; gap:10px; max-height:400px; padding:0 20px 20px; box-sizing: border-box; overflow-y: scroll;} .recom_area .recom_popup .pop_cont ul::-webkit-scrollbar{width: 4px;} .recom_area .recom_popup .pop_cont ul::-webkit-scrollbar-thumb{ background:#d8d8d8; border-radius: 10px;} .recom_area .recom_popup .pop_cont ul::-webkit-scrollbar-track{background:#f9f9f9;} .recom_area .recom_popup .pop_cont ul li {display: flex; gap:15px; align-items: center; width:100%; padding:10px 20px 10px 10px; background:#F9F9F9; box-sizing: border-box;} .recom_area .recom_popup .pop_cont ul li a {display: block;} .recom_area .recom_popup .pop_cont ul li .img {width:87px; height:87px;} .recom_area .recom_popup .pop_cont ul li .txt {width:352px;} .recom_area .recom_popup .pop_cont ul li .txt h6 {margin-bottom:4px; font-size:12px; font-family:'맑은고딕'; color:#494A4A;} .recom_area .recom_popup .pop_cont ul li .txt p {font-size:12px; font-family:'맑은고딕'; color:#494A4A;} .recom_area .recom_popup .pop_cont ul li .price {width:90px; text-align: right;} .recom_area .recom_popup .pop_cont ul li .price .per {margin-right:4px; font-size:12px; font-family:'맑은고딕'; font-weight:bold; color:#FE2419;} .recom_area .recom_popup .pop_cont ul li .price .cost {font-size:11px; font-family:'맑은고딕'; font-weight: normal; color:#494A4A;} .recom_area .recom_popup .pop_cont ul li .price .won {font-size:13px; font-family:'맑은고딕'; font-weight:bold; color:#1C8FED;} .recom_area .recom_popup .pop_cont ul li .btn {width:55px;} .recom_area .recom_popup .pop_cont ul li .btn button {display: inline-block; width: 55px; height: 22px; padding: 0; text-align: center; font-size:12px; line-height: 20px; box-sizing: border-box; letter-spacing: -0.5px;} .recom_area .recom_popup .pop_cont ul li .btn a .btn1{border: 1px solid #4086cd; background-color: #60a1e3; color:#fff;text-align: center; padding: 0px 6px;} .recom_area .recom_popup .pop_cont ul li .btn a .btn2 {border: 1px solid #d5d5d5; background-color: #e8e8e8; color: #424242; padding: 0px 6px;}