#contents{ font-family:'spoqa R'; width:1300px !important;} /* 케이블검색 */ #cableSearch { width:1300px; float:left;} #cableSearch .searchBox { width:1300px; padding:20px 50px 50px; box-sizing:border-box; float:left;} #cableSearch .leftArea { width:278px; height:150px; border-right:#ebecee 1px solid; float:left; padding-top:30px;} #cableSearch .leftArea .tit {float:left; font-size:42px; font-family:'noto-M'; letter-spacing:-3px; line-height:42px; color:#222; } #cableSearch .leftArea .tit_B{font-weight:bold; color:#1753c5;} #cableSearch .leftArea .tit_sub{font-size:14px; letter-spacing:-1px; color:#898989; display:inline-block; padding-top:11px;} #cableSearch .leftArea .guideBnr { width:197px; height:150px; float:left; margin:62px 0 0 0; } #cableSearch .leftArea .guideBnr > ul li {width:197px; height:150px; float:left; list-style:none;} #cableSearch .leftArea .guideBnr .btn { width:29px; height:15px; background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -162px -225px no-repeat; float:left; margin-right:24px;} #cableSearch .leftArea .guideBnr .btn a.prevBtn { width:15px; height:15px; display:block; float:left;} #cableSearch .leftArea .guideBnr .btn a.nextBtn { width:14px; height:15px; display:block; float:left;} #cableSearch .rightArea { width:860px; margin:10px 0 0 30px; float:left;} #cableSearch .rightArea .searchSec { width:860px; border-top:#eeeeee 1px solid; float:left;} #cableSearch .rightArea .searchSec:first-child { border:0;} #cableSearch .rightArea .prdName { font-size:16px; font-weight:bold; text-align:center; padding:17px 0; letter-spacing:-1px; color:#000; line-height:22px;} #cableSearch .rightArea .commontxt { font-size:14px; color:#ed3434;} #cableSearch .rightArea .arrowBox { width:11px; height:20px; float:left; margin:6px 0 0 10px;} #cableSearch .rightArea .searchSec .searchSec_tit { width:135px; padding:25px 13px 0 0; float:left; } #cableSearch .rightArea .searchSec .searchSec_tit > span { width:110px; height:14px; display:block; color:#222; font-size:15px; letter-spacing:-1px; font-weight:bold; } #cableSearch .rightArea .searchSec .searchSec_cont { width:617px; padding:19px 11px; float:left;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox { width:200px; height:33px; margin-left:10px; border-top:#d6dde5 1px solid; border-left:#d6dde5 1px solid;border-right:#d6dde5 1px solid;border-bottom:#c2cad1 1px solid; float:left; position:relative;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox:first-child { margin:0;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox p.selName { width:146px; height:33px; background:#fff; text-align:left; float:left; } #cableSearch .rightArea .searchSec .searchSec_cont .selectBox p.selName > a { width:137px; height:33px; line-height:33px; padding-left:9px; display:block; letter-spacing:-1px; white-space: nowrap;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox p.selName > a:hover { text-decoration:none;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox p.selBt { float:right;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox ul.selList { width:180px; position:absolute; top:33px; left:-1px; background:#fff; border:#d6dde5 1px solid;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox ul.selList > li { padding:4px 9px; text-align:left; list-style:none;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox ul.selList > li:hover { background:#F7F7F7; } #cableSearch .rightArea .searchSec .searchSec_cont .selectBox ul.selList > li a { width:100%; height:100%; display:block;} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox ul.selList > li a:hover { font-weight:bold; text-decoration:none;} #cableSearch .rightArea .searchSec .searchSec_cont .nosel p.selName { width:166px; height:33px; background:#f9fafb; text-align:left; float:left; } #cableSearch .rightArea .searchSec .searchSec_cont .nosel p.selName > a { color:#9d9d9d; } #cableSearch .rightArea .searchSec .searchSec_cont .insertBox { width:310px; height:33px;border-top:#d6dde5 1px solid; border-left:#d6dde5 1px solid;border-right:#d6dde5 1px solid;border-bottom:#c2cad1 1px solid; float:left;} #cableSearch .rightArea .searchSec .searchSec_cont .insertBox .insert { width:276px; height:33px; text-align:left; float:left;} #cableSearch .rightArea .searchSec .searchSec_cont .insertBox .insert > input { width:267px; height:28px; border:0; padding:5px 0 0 9px; font-family:malgun gothic; float:left; } #cableSearch .rightArea .searchSec .searchSec_cont .insertBox .insertBt { float:right;} #cableSearch .rightArea .searchSec .searchSec_cont .textBox { width:100%; margin-top:10px; text-align:left; letter-spacing:-1px; float:left; color:#9A9A9A; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList { width:100%; float:left;} #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li { width:90px; height:90px; list-style:none; margin-right:5px; margin-bottom:5px; float:left;} #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a { width:90px; height:90px; line-height:147px; display:block; letter-spacing:-1px; float:left;} #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a:hover { font-weight:bold; color:#ff4f59; text-decoration:none;} #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink1 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -267px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink2 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -357px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink3 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -447px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink4 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -537px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink5 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -627px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink6 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -717px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink7 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -807px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink8 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -897px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink9 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -987px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink10 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -1077px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink11 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -1167px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink12 {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) 0 -1257px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink1:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -267px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink2:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -357px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink3:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -447px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink4:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -537px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink5:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -627px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink6:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -717px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink7:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -807px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink8:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -897px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink9:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -987px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink10:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -1077px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink11:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -1167px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink12:hover {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -1257px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink1_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -267px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink2_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -357px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink3_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -447px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink4_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -537px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink5_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -627px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink6_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -717px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink7_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -807px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink8_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -897px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink9_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -987px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink10_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -1077px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink11_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -1167px no-repeat; } #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a.ink12_over {background:url(//image5.compuzone.co.kr/img/images/search/cableSearch_contents.png) -90px -1257px no-repeat; } #cableSearch .btm_btn {display: inline-block; width:131px; margin-top:-2px; margin-left: 50px; text-align:right;} .search_result {width:1300px; margin:0 0 37px; float:left;} .search_result .line { width:1300px; border-top:1px solid #dedede; float:left; margin-bottom:18px;} #cableSearch .search_result .ctgr { width:1300px; background:#f4f4f4; border:#d8d8d8 1px solid; float:left; letter-spacing:-1px; } #cableSearch .search_result .ctgr dt { width:178px; text-align:left; margin-left:10px; font-size:12px; font-weight:bold; color:#000; float:left;} #cableSearch .search_result .ctgr dd { width:770px; float:left;} #cableSearch .search_result .ctgr dd ul li { width:192px; float:left; list-style:none; text-align:left;} #cableSearch .search_result .ctgr dd ul li .strong { font-weight:bold; color:#ff4f59; } #cableSearch .search_result .ctgr ul.sc_opt {width:100%; float:left; text-align:left; padding:10px 20px 17px 20px;} #cableSearch .search_result .ctgr ul.sc_opt li { font-size:12px; line-height:18px; height:18px; width:auto; margin-top:7px; margin-right:30px; display:inline-block; list-style:none;} #cableSearch .search_result .ctgr ul.sc_opt li input { vertical-align:middle;} .search_result .text_result { width:1300px; font-size:17px; line-height:37px; text-align:left; float:left; letter-spacing:-1px; color:#000; margin-bottom:5px;} .search_result .text_result .strong { font-size:17px; letter-spacing:-1px; font-weight:bold; color:#ff4f59;} /* 리스트 페이지 */ /* 제품리스트 탭 */ #compatibility_list_wrap {width:1300px; overflow:hidden; margin:0px; padding:5px 0 0 0; border:0px;} #compatibility_list_wrap .search_none{display: flex; flex-direction: column; align-items: center; justify-content: center; letter-spacing: -1.5px; padding: 150px 0;} #compatibility_list_wrap .search_none p{margin: 10px 0 5px; font-family: 'noto-R'; font-size: 16px; color: #949494;} #compatibility_list_wrap .search_none span{font-family: 'noto-R'; font-size: 14px; color: #949494;} #compatibility_list_wrap .product_tab_wrap{width:1150px; height:33px;} #compatibility_list_wrap .tab78 {width:78px; height:33px; float:left;} #compatibility_list_wrap .tab78 a{border:0px;} #compatibility_list_wrap .tab88 {width:88px; height:33px; float:left;} #compatibility_list_wrap .tab88 a{border:0px;} #compatibility_list_wrap .tab98 {width:98px; height:33px; float:left;} #compatibility_list_wrap .tab98 a{border:0px;} #compatibility_list_wrap .tab_bg {width:544px; height:33px; float:left; border:0px; text-align:left; background:url(//image5.compuzone.co.kr/img/images/product_list/product_tab_bg.gif) 0 0;} /* 제품리스트 */ #compatibility_list_wrap .ad_choice_list_wrap{width:1091px; overflow:hidden; position:relative; float:left; text-align:left; padding:12px; border-bottom:#dfdfdf 1px solid;} #compatibility_list_wrap .ad_list_img_wrap{width:90px; float:left; text-align:left; margin-right:5px;} #compatibility_list_wrap .ad_list_img{width:60px; height:60px; position:relative; float:left; border:#e6e6e6 1px solid;} #compatibility_list_wrap .ad_list_img a{border:0px;} #compatibility_list_wrap .ad_list_speck{width:705px; overflow:hidden; float:left; text-align:left; margin-right:15px;} #compatibility_list_wrap .width_list_img_adwrap{width:118px; height:62px; float:left; text-align:left; margin-right:7px;} #compatibility_list_wrap .width_list_adimg{width:100px; height:100px; float:left; border:#e6e6e6 1px solid;} #compatibility_list_wrap .width_list_adspeck{width:370px; overflow:hidden; float:left; text-align:left; margin-right:20px;} #compatibility_list_wrap .ad_icon{width:20px; height:26px; position:absolute; top:0px; left:0px;} #compatibility_list_wrap .width_list_wrap{width:738px; overflow:hidden; float:left; text-align:left; padding:12px; border-bottom:#dfdfdf 1px solid;} #compatibility_list_wrap .width_list_event_icon24{width:24px; height:14px; float:left; margin-right:3px;} #compatibility_list_wrap .width_list_event_icon32{width:32px; height:14px; float:left; margin-right:3px;} #compatibility_list_wrap .width_list_event_icon_txt{width:335px; overflow:hidden; float:left;} #compatibility_list_wrap .width_list_icon{width:370px; height:14px; float:left; margin-top:4px;} #compatibility_list_wrap .width_list_icon ul{width:370px; height:14px; list-style:none;} #compatibility_list_wrap .width_list_icon ul li{width:auto; height:14px; float:left; margin-right:2px; line-height:14px;} #compatibility_list_wrap .width_list_money{width:95px; overflow:hidden; float:left; margin-top:7px; margin-right:7px} #compatibility_list_wrap .width_list_money ul{width:95px; overflow:hidden; display:block; list-style:none;} #compatibility_list_wrap .width_list_money ul li{width:95px; height:14px; text-align:left; line-height:14px;} #compatibility_list_wrap .width_list_list_review{width:85px; height:45px; float:left; margin-top:20px; margin-right:7px;} #compatibility_list_wrap .width_list_list_review ul{width:85px; height:45px; display:block; list-style:none;} #compatibility_list_wrap .width_list_list_review ul li{width:85px; height:12px; text-align:left;line-height:13px;} #compatibility_list_wrap .width_list_list_btn{width:82px; overflow:hidden; float:left; margin-top:10px;} #compatibility_list_wrap .width_list_list_btn ul{width:82px; overflow:hidden; display:block; list-style:none;} #compatibility_list_wrap .width_list_list_btn ul li{width:82px; height:42px; display:block; clear:both; margin-top:2px; _margin-top:0px; _padding:0px;} #compatibility_list_wrap .width_list_list_btn ul li a{width:82px; height:42px; border:0px;} /* 페이지넘버 */ #compatibility_list_wrap .product_list_bottom_wrap{width:1115px; overflow:hidden; float:right; text-align:left; padding:6px; border-bottom:#dfdfdf 1px solid;} #compatibility_list_wrap .product_list_page_of{width:95px; height:19px; float:left; margin-left:15px; display:inline; line-height:19px;} #compatibility_list_wrap .product_list_page_wrap{width:auto; height:14px; float:right; margin-right:15px; display:inline;} #compatibility_list_wrap .product_list_page_num{width:auto; height:15px; float:left; border:#ccc 1px solid; padding-left:5px; padding-right:5px; padding-top:2px; margin-left:1px; display:inline;} #compatibility_list_wrap .product_list_page_on{width:auto; height:15px; float:left; border:#135aaa 1px solid; background:#1a64b8; padding-left:5px; padding-right:5px; padding-top:2px; margin-left:1px; display:inline;} #compatibility_list_wrap .product_list_page_txt{width:70px; height:15px; float:left; border:#ccc 1px solid; padding-left:5px; padding-right:5px; padding-top:2px; margin-left:1px; display:inline; text-align:center;} #compatibility_list_wrap .product_list_page_prev{width:20px; height:19px; float:left; margin-left:1px; display:inline;} #compatibility_list_wrap .product_list_page_next{width:20px; height:19px; float:left; margin-left:1px; display:inline;} #compatibility_list_wrap .product_list_page_prev a{border:0px;} #compatibility_list_wrap .product_list_page_next a{border:0px;} #compatibility_list_wrap .product_list_page_wrap p a{text-decoration:none !important;} /* 검색페이지개편 v3 20190702 */ .scwrap { width:1300px; float:left; } .srch_relation { width:1300px; padding:15px 0 5px 0; float:left; display:inline-block;} .srch_relation .tit_relation {width:57px !important; padding:0 14px 0 0px; display:inline-block; font-weight:bold; vertical-align:middle; float:left; } .srch_relation ul { width:735px; .width:720px; list-style:none; display:table-cell; vertical-align:middle; .padding:10px 0 0 0; .float:left;} .srch_relation ul li { .width:90px; margin-right:20px; float:left; margin-bottom:1px; } .srch_relation ul li > a { color:#004986;} .srch_relation .resrch_box { width:271px; height:33px; margin:3px 0px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) 0 -52px; color:#fe1409; font-weight:bold; display:table-cell; .float:right; } .srch_relation .resrch_box > input { width:222px; .width:204px; height:29px; .line-height:34px; padding:0 0 0 10px; border:none; margin:1px; float:left; color:#777777; letter-spacing:-1px; } .srch_relation .resrch_box > a { width:32px; height:32px; display:inline-block; .float:right; } .srch_relation .resrch_box > a .rebox_btn { width:19px; height:19px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -9px 0; display:inline-block; margin:7px; } .container_inner2 { width:1300px; float:left; margin-top:10px; } .finder_area2 { width:1300px; float:left; } /* 커뮤니티 IT뉴스영역 수정 210202 */ .finder_area2 .Nsrch_menu { width:1300px; /* box-sizing:border-box; */ height:58px; float:left; } .finder_area2 .Nsrch_menu .Ntabmenu { width:100%; box-sizing:border-box;float:left; list-style:none; overflow:hidden; border:1px solid #c9cacd; border-bottom: none;} .finder_area2 .Nsrch_menu .Ntabmenu > li { width:calc(100% / 5); height:58px; box-sizing:border-box; background:#ffffff; float:left; position:relative; border-bottom:#2379c8 2px solid; } .finder_area2 .Nsrch_menu .Ntabmenu > li a { width:100%; height:56px; box-sizing:border-box; text-align:center; border-right:#c9cacd 1px solid; display:inline-block; font-size:17px; color:#434343; font-family:'spoqa R'; line-height:55px;} .finder_area2 .Nsrch_menu .Ntabmenu > li:last-child {border-right:none;} .finder_area2 .Nsrch_menu .Ntabmenu > li a em {color:#9e9e9e; font-weight:normal; font-size:12px; margin-left:4px; } .finder_area2 .Nsrch_menu .Ntabmenu > li a:hover { text-decoration:none;} .finder_area2 .Nsrch_menu .Ntabmenu > li.tab_on {background:#2379c8; float:left; } .finder_area2 .Nsrch_menu .Ntabmenu > li.tab_on a { width:100%; box-sizing:border-box; height:56px; text-align:center; border-right:#2379c8 1px solid; display:inline-block; font-size:17px; color:#ffffff; font-family:'spoqa R'; line-height:55px; font-weight:bold;} .finder_area2 .Nsrch_menu .Ntabmenu > li.tab_on a em { color:#ffffff; font-weight:bold;} .finder_area2 .Nsrch_menu .Ntabmenu > li.tab_off a { width:100%; box-sizing:border-box; height:56px; text-align:center; display:inline-block; font-size:17px; color:#b1b1b1; line-height:55px;} .finder_area2 .Nsrch_menu .Ntabmenu > li:last-child a{border-right:none;} /*검색어 분류 설명/검색어 설명 노출*/ .finder_area2 .search_b_box .q_mark {background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -12px -38px; width: 17px !important; height: 17px; display: inline-block; margin-left: 4px; vertical-align: text-top; margin-top: 1px; cursor: pointer; position:relative;} .finder_area2 .search_b_box .layer_pop {display:none; position: relative; text-align: left; border:1px solid #b7bbc0; background-color: #fff; box-sizing: border-box; font-family: 'spoqa R'; letter-spacing: -1px; z-index:1; font-size: 12px; font-weight: normal; top:23px; width:300px; color: #888888; padding: 10px; position: absolute; line-height: 18px; white-space: normal;} .finder_area2 .search_b_box a:hover.q_mark .layer_pop {display:block;} .finder_area2 .search_b_box {width:1298px; border:1px solid #c9cacd; float:left; margin-top:16px; } .finder_area2 .search_b_box .cate_srchbox { width:1298px; height:356px; float:left; background:#fff; float:left; } .finder_area2 .search_b_box .cate_srchbox .opt_box1, .finder_area2 .search_b_box .cate_srchbox .opt_box2, .finder_area2 .search_b_box .cate_srchbox .opt_box3, .finder_area2 .search_b_box .cate_srchbox .opt_box4{ box-sizing:border-box; border-right:#c0c0c2 1px solid; float:left; position:relative; } .finder_area2 .search_b_box .cate_srchbox .opt_box1 { width:255px;} .finder_area2 .search_b_box .cate_srchbox .opt_box3 { width:1043px; border-right:none !important;} .finder_area2 .search_b_box .cate_srchbox .opt_box2 { width:322px; } .finder_area2 .search_b_box .cate_srchbox .opt_box4 { width:721px; height:304px; border-right:none !important; } .finder_area2 .search_b_box .cate_srchbox .opt_box1 .tit,.finder_area2 .search_b_box .cate_srchbox .opt_box2 .tit, .finder_area2 .search_b_box .cate_srchbox .opt_box3 .tit, .finder_area2 .search_b_box .cate_srchbox .opt_box4 .tit {box-sizing:border-box; background:#f7fafb; height:42px; float:left; border-bottom:1px solid #c9cacd; border-right:1px solid #c9cacd; z-index:1; padding:14px 20px; left:0; } .finder_area2 .search_b_box .cate_srchbox .opt_box1 .tit { width:255px;} .finder_area2 .search_b_box .cate_srchbox .opt_box2 .tit { width:322px;} .finder_area2 .search_b_box .cate_srchbox .opt_box3 .tit { width:1044px;} .finder_area2 .search_b_box .cate_srchbox .opt_box4 .tit { width:721px; border-right:none !important;} .finder_area2 .search_b_box .cate_srchbox .tit .copt_tit { font-size:14.5px; font-family:'spoqa R'; color:#1d1d1d; text-align:left; line-height:13px; } .finder_area2 .search_b_box .cate_srchbox .opt_box2 .tit .array_st, .finder_area2 .search_b_box .cate_srchbox .opt_box3 .tit .array_st {position:absolute; list-style:none; width:auto; font-size:12px; top:14px; cursor:pointer} .finder_area2 .search_b_box .cate_srchbox .opt_box2 .tit .array_st { left:184px;} .finder_area2 .search_b_box .cate_srchbox .opt_box2 .tit .array_st li, .finder_area2 .search_b_box .cate_srchbox .opt_box3 .tit .array_st li{ width:auto; float:left; padding:0 11px 0 11px; letter-spacing:-0.5px; line-height:12px;} .finder_area2 .search_b_box .cate_srchbox .opt_box2 .tit .array_st li+li, .finder_area2 .search_b_box .cate_srchbox .opt_box3 .tit .array_st li+li{ border-left:1px solid #c5c5c5; height:12px;} .finder_area2 .search_b_box .cate_srchbox .opt_box3 .tit .array_st { right:8px;} .finder_area2 .search_b_box .cate_srchbox .opt_box2 .tit .array_st .arran_on, .finder_area2 .search_b_box .cate_srchbox .opt_box3 .tit .array_st .arran_on { color:#143a82; font-weight:600;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 {height:314px; overflow-x:hidden; position:relative; } .finder_area2 .search_b_box .cate_srchbox .nano {height:314px;} .finder_area2 .search_b_box .cate_srchbox .nano .nano-content {z-index:9; .height:100% !important; .width:100%;} .finder_area2 .search_b_box .cate_srchbox .nano .nano-pane {background-color:#f3f3f3; width:7px; border-radius:0; z-index:90;} .finder_area2 .search_b_box .cate_srchbox .nano .nano-pane .nano-slider { background-color:#c9cacd; width:7px; border-radius:0;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox {width:254px; height:auto; color:#494949; box-sizing:border-box; padding:10px 0 13px 19px; background-color:#f7fafb; border-bottom:1px solid #c9cacd;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox dd {width:219px; font-size:13px; line-height:32px; font-family:'spoqa R'; letter-spacing:-0.5px; float:left; display: flex; align-items: center;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox dd span {cursor:pointer;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox dd .sh_rsname {float:left; width:197px !important;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox .on { font-weight:bold;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox dd .sh_newpicon {display:block; width:12px; height:12px; margin:0 0 0 4px; background:url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -280px 22px; cursor:pointer;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox dd em {color:#9e9e9e; font-weight:normal; font-size:11px; margin-left:4px; } .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox dd b{ color:#2378d7 !important; font-size:13px !important; font-weight:normal;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox .rcmbox_btn input.rcmboxbtnst{ width:209px; height:26px; box-sizing:border-box; padding:8px 76px; border:#e4e4e4 1px solid; margin-top:2px; color:#656565; font-size:12px; font-family:Malgun Gothic, dotum, verdana; background-color:#fff; line-height:7px; cursor:pointer; } .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox .rcmbox_btn input.rcmboxbtnst:hover{font-weight:bold;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box { width:236px; box-sizing:border-box; padding:10px 0 0 19px; float:left; } .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category {height:auto; width:230px; float:left; display:block; height:auto; margin-bottom:1px;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category li{ font-size:13px; color:#666666; line-height:32px; cursor:pointer;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category .third_category { padding-left:21px;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category .third_category li{ line-height:29px; font-size:12px !important;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category .third_category li>b { color:#9e9e9e !important;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category .mplus_btn {width:15px; height:15px; margin-right:10px; margin-top:9px; background:url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -0px -256px no-repeat; display:inline-block; float:left;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category .minus_btn {width:15px; height:15px; margin-right:10px; margin-top:9px; background:url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -24px -256px no-repeat; display:inline-block; float:left;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category .on2, .finder_area .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category .on2 em {color:#1d1d1d; font-weight:bold;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box dd { width:219px; color:#666666; font-size:13px; line-height:32px; letter-spacing:-1px; float:left; cursor:pointer;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box 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;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box dd em, .finder_area .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox dd em, .finder_area .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box ul li em, .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category li em, .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box .middle_category .third_category li em {color:#9e9e9e; font-weight:normal; font-size:11px; margin-left:4px; } .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box dd.on {color:#1d1d1d; font-weight:bold; } .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box 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;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .mcateopt_box dd.on em {color:#1d1d1d; font-weight:bold; font-style:normal; font-size:11px; margin-left:4px; } .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr2 { height:314px; overflow-x:hidden; position:relative;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr2 .mfbox { width:321px; box-sizing:border-box; padding-left:20px; margin-top:16px; float:left;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr2 .mfbox dd { width:145px; color:#666666; font-family:'spoqa R'; letter-spacing:-1px; float:left; padding-bottom:7px;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr2 .mfbox2 { width:1044px; box-sizing:border-box; padding-left:20px; margin-top:16px; float:left;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr2 .mfbox2 dd { width:161px; color:#666666; letter-spacing:-0.5px; float:left; padding-bottom:7px;} input.chkMedium2[type="checkbox"] {display:none; vertical-align:middle; .display:inline-block; .width:22px; .height:22px; .vertical-align:-2px;} input.chkMedium2[type="checkbox"] + label.chkMedium2 {display: inline-block; vertical-align:middle; font-size:12px; line-height:18px; .line-height:22px; letter-spacing:-0.5px; color:#666; word-break: break-all;} input.chkMedium2[type="checkbox"] + label.chkMedium2 > i {display:inline-block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/main/style_comm.png') -34px 0 no-repeat; cursor:pointer; vertical-align:middle; margin:3px 3px 5px 0; .display:none !important;} input.chkMedium2[type="checkbox"]:checked + label.chkMedium2 > i { background:url('//image5.compuzone.co.kr/img/images/main/style_comm.png') -56px 0 no-repeat; } /* ie8 핵 */ @media \0screen { input.chkMedium2[type="checkbox"] {display:inline-block; width:18px; height:18px; vertical-align:-6px;} input.chkMedium2[type="checkbox"] + label.chkMedium > i {display:none !important;} } .finder_area2 .search_b_box .cate_srchbox .scroll_opt { height:314px; padding-left:19px; position:relative; overflow-x:hidden;} .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control { float:left; } .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .opt_area { width:674px; border-bottom:#edeeef 1px solid; position:relative; float:left; padding:10px 0 10px; box-sizing:border-box; } .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .opt_hidden {width:674px; height:86px; box-sizing:border-box; overflow:hidden;} .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .opt_area .btn_toggle { width:17px; height:16px; background:url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -224px 0px; display:inline-block; position:absolute; top:19px; right:0; float:left;} .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .on .btn_toggle { width:17px; height:16px; background:url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -250px 0px; display:inline-block; position:absolute; top:19px; right:0; float:left;} .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .subj { font-size:13px; color:#2b2b2b; width:460px; line-height:32px; font-weight:bold; float:left; } .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .opt_list { width:674px; float:left; line-height:32px; } .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .opt_list > ul { width:100%; list-style:none; float:left; } .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .opt_list > ul li {width:162px; margin-right: 1px; float:left; } .finder_area2 .search_b_box .cate_srchbox .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;} .finder_area2 .search_b_box .cate_srchbox .scroll_opt .opt_control .opt_list > ul li.on { width:135px; margin-right:10px; font-weight:bold; color:#000; float:left; } .finder_area2 .search_b_box .cate_srchbox .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;} .finder_area2 .search_b_box .cate_srchbox .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; } .finder_area2 .search_b_box .second_bottombox { width:100%; height:50px; box-sizing:border-box; float:left; padding:10px; border-top:1px solid #c9cacd;} .finder_area2 .search_b_box .second_bottombox .bottom_area1,.finder_area2 .search_b_box .second_bottombox .bottom_area2 {height:30px; float:left;} .finder_area2 .search_b_box .second_bottombox .bottom_area1 { width:300px; padding-bottom:10px; } .finder_area2 .search_b_box .second_bottombox .bottom_area2 { width:514px; padding-bottom:10px; } .finder_area2 .search_b_box .second_bottombox .bottom_area3 { width:270px; font-size:13px; padding-top:3px; height:30px; float:right; display: flex; gap: 13px;} .finder_area2 .search_b_box .second_bottombox .bottom_area1 label, .finder_area2 .search_b_box .second_bottombox .bottom_area2 label, .finder_area2 .search_b_box .third_bottombox .bottom_area4_1 label{font-size:13px; padding-left:8px; padding-right:16px; letter-spacing:-0.3px; cursor:auto; } .finder_area2 .search_b_box .second_bottombox .bottom_area3 label {font-size:13px; color:#464646;} .finder_area2 .search_b_box .second_bottombox .bottom_area2 .bsearch_box {position:relative; display:inline-block; padding-right:80px; margin-right:5px;} .finder_area2 .search_b_box .second_bottombox .bottom_area2 .bsearch_box .bsearch_Name {display:inline-block; width:100%; color:#1d1d1d; height:28px; line-height:28px; border:#cfd6d9 1px solid; background-color:#fff; vertical-align:middle; font-size:12px;;} .finder_area2 .search_b_box .second_bottombox .bottom_area2 .bsearch_box .bsearch_btn { position:absolute; top:0; .top:1px; right:0px; border:1px solid #cacaca; border-radius:2px; background-color:#f5f5f5; color:#2e2e2e; width:70px; height:28px; font-size:13px; line-height:28px; text-align:center; vertical-align:middle; margin-right:0px; cursor:pointer; } .finder_area2 .search_b_box .second_bottombox .bottom_area2 .bsearch_box .bsearch_btn:hover {background-color:#c9c9c9; border-color:#a6a6a6; color:#000;} .finder_area2 .search_b_box .second_bottombox .bprice_box {width:102px; box-sizing:border-box; height:30px; border:#cfd6d9 1px solid; display:inline-block;} .finder_area2 .search_b_box .second_bottombox .bprice_box>input { width:98px; height:24px; border:none; margin:1px; color:#1d1d1d1; letter-spacing:-1px; } .finder_area2 .search_b_box .third_bottombox {width:100%; box-sizing:border-box; float:left; background-color:#f7fafb; padding:0px 10px;border-top:1px solid #c9cacd;} .finder_area2 .search_b_box .third_bottombox .bottom_area4 { width:880px; float:left; font-size:13px; padding-top:10px; } .finder_area2 .search_b_box .third_bottombox .bottom_area4_1 {float:left; padding:16px 0; } .finder_area2 .search_b_box .third_bottombox .bottom_area4_1 label{vertical-align:middle;} .finder_area2 .search_b_box .third_bottombox .bottom_area5 {width:113px; height:30px; float:right; font-size:13px; padding-top:16px; } .finder_area2 .search_b_box .third_bottombox .bottom_area5 a {color:#464646 !important;} .finder_area2 .search_b_box .third_bottombox .bottom_area5 a.breset_btn {display:inline-block; cursor:pointer; padding-left:47px;} .finder_area2 .search_b_box .third_bottombox .bottom_area5 a.breset_btn span { display:inline-block; width:18px; height:18px; background:url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -255px 25px; vertical-align:top; margin-right:5px;} .finder_area2 .search_b_box .third_bottombox ul { display:inline-block; width:890px; vertical-align:middle;} .finder_area2 .search_b_box .third_bottombox ul>li { float:left; margin-right:9px; margin-bottom:10px; } .finder_area2 .search_b_box .third_bottombox ul>li>a {box-sizing:border-box; padding:2px 14px; border-radius:15px; border:#888888 1px solid; display:inline-block; line-height:24px; font-size:12px; color:#888888;} .finder_area2 .search_b_box .third_bottombox ul>li>a:hover {color:#5b5b5b; border-color:#5b5b5b; text-decoration:none; font-weight:600;} /* 검색페이지개편 v2 */ .scwrap { width:1300px; float:left; } .srch_relation .tit_relation { width:55px; .width:65px; padding:0 14px 0 0px; .padding:10px 32px 0 18px; display:inline-block; font-weight:bold; vertical-align:middle; float:left; } .srch_relation ul { width:1217px; .width:720px; list-style:none; display:table-cell; vertical-align:middle; .padding:10px 0 0 0; .float:left;} .srch_relation ul li { .width:90px; margin-right:20px; float:left; margin-bottom:1px; } .srch_relation ul li > a { color:#004986;} .srch_relation .resrch_box { width:271px; height:33px; margin:3px 0px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) 0 -52px; color:#fe1409; font-weight:bold; display:table-cell; .float:right; } .srch_relation .resrch_box > input { width:222px; .width:204px; height:29px; .line-height:34px; padding:0 0 0 10px; border:none; margin:1px; float:left; color:#777777; letter-spacing:-1px; } .srch_relation .resrch_box > a { width:32px; height:32px; display:inline-block; .float:right; } .srch_relation .resrch_box > a .rebox_btn { width:19px; height:19px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -9px 0; display:inline-block; margin:7px; } .container_inner { width:1115px; float:left; } .srch_tit { width:1115px; height:55px; float:left; } .srch_tit .srch_result { margin:17px; float:left; } .srch_tit .srch_result .tit { font-size:16px; color:#000; font-weight:bold; margin-right:19px; float:left; } .srch_tit .srch_result .ico_result { width:7px; height:13px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) 0 -3px; display:inline-block; margin-top:4px; float:left; } .srch_tit .srch_result .right_word { font-size:14px; color:#000; margin:1px 0 0 11px; float:left; } .srch_tit .srch_result .right_word .txtB { font-size:14px; font-weight:bold; font-style:normal; } .srch_tit .srch_result .right_word em { color:#fe1409; font-weight:bold; font-style:normal; font-size:14px; } .finder_area { width:1115px; float:left; } .finder_area .srch_menu { width:1113px; height:52px; border-left:#a7acb0 1px solid; border-right:#a7acb0 1px solid; float:left; } .finder_area .srch_menu .tabmenu { width:1113px; float:left; list-style:none; overflow:hidden; } .finder_area .srch_menu .tabmenu > li { width:159px; height:48px; background:#f9f9fc; border-top:#393939 3px solid; border-bottom:#b0b0b0 1px solid; float:left; position:relative; } .finder_area .srch_menu .tabmenu > li a { width:159px; height:48px; text-align:center; border-right:#dedede 1px solid; display:inline-block; font-size:16px; color:#000; font-weight:bold; line-height:50px;} .finder_area .srch_menu .tabmenu > li a em {color:#a5a5a5; font-weight:normal; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } .finder_area .srch_menu .tabmenu > li .sdL { width:15px; height:52px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) 0 -88px; display:inline-block; position:absolute; top:-3px; left:-15px; z-index:1; .display:none; } .finder_area .srch_menu .tabmenu > li .sdR { width:15px; height:52px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -20px -88px; display:inline-block; position:absolute; top:-3px; right:-14px; z-index:1; .display:none; } .finder_area .srch_menu .tabmenu > li a:hover { text-decoration:none;} .finder_area .srch_menu .tabmenu > li.tab_on {background:#fff; border-top:#fe1409 3px solid; border-bottom:#fff 1px solid; float:left; } .finder_area .srch_menu .tabmenu > li.tab_on a { width:158px; height:49px; text-align:center; border-right:#dedede 1px solid; display:inline-block; font-size:16px; color:#fe1409; font-weight:bold; line-height:50px;} .finder_area .srch_menu .tabmenu > li.tab_off a { width:158px; height:49px; text-align:center; border-right:#dedede 1px solid; display:inline-block; font-size:16px; color:#B1B1B1; font-weight:normal; line-height:50px;} .finder_area .srch_menu .tabmenu > li:last-child a { width:159px; } .finder_area .srch_box {width:1113px; border-left:#a7acb0 1px solid; border-right:#a7acb0 1px solid; border-bottom:#535965 2px solid; float:left; } .finder_area .srch_box .find_ctgr { width:1113px; background:url(//image5.compuzone.co.kr/img/images/search/find_ctgr_bg.gif); float:left;} .finder_area .srch_box .find_ctgr > ul { width:1093px; padding:0 10px; list-style:none; float:left; } .finder_area .srch_box .find_ctgr > ul li { width:208px; height:20px; margin:0 5px; padding:15px 0; float:left; position:relative; } .finder_area .srch_box .find_ctgr > ul li label { font-size:14px; letter-spacing:-1px; padding:0 0 0 23px; } .finder_area .srch_box .find_ctgr > ul li .screen_out { width:5px; height:5px; border:0; position:absolute; top:29px; left:7px; z-index:0; } .finder_area .srch_box .find_ctgr > ul li .ch_bx { width:19px; height:19px; position:absolute; left:0; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -33px -1px; display:inline-block; float:left; z-index:1;} .finder_area .srch_box .find_ctgr > ul li em {color:#a5a5a5; font-weight:normal; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } .finder_area .srch_box .find_ctgr > ul li.on label { font-size:14px; font-weight:bold; letter-spacing:-1px; padding:0 0 0 23px; } .finder_area .srch_box .find_ctgr > ul li.on .ch_bx { width:19px; height:19px; position:absolute; left:0; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -53px -1px; display:inline-block; float:left; z-index:1;} .finder_area .srch_box .find_ctgr > ul li.on em {color:#fe1409; font-weight:bold; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } .finder_area .srch_box .find_opt { width:1113px; height:230px; border-top:#a7acb0 1px solid; float:left; background:#f9f9fc; float:left; } .finder_area .srch_box .find_opt .opt_box { width:185px; height:230px; border-right:#c0c0c2 1px solid; float:left; position:relative; } .finder_area .srch_box .find_opt .opt_box .tit { width:155px; height:20px; background:#f9f9fc; float:left; position:absolute; z-index:1; padding:17px 0 3px 15px; left:0; } .finder_area .srch_box .find_opt .opt_boxB { width:741px; height:230px; float:left; position:relative; } .finder_area .srch_box .find_opt .opt_boxB .tit { width:709px; height:20px; background:#f9f9fc; float:left; position:absolute; z-index:1; padding:17px 0 3px 15px; left:0; } .finder_area .srch_box .find_opt .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; } .finder_area .srch_box .find_opt .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; } .finder_area .srch_box .find_opt .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; } .finder_area .srch_box .find_opt .scroll_ctgr { width:185px; height:230px; float:left; overflow-y:auto; position:relative; } .finder_area .srch_box .find_opt .scroll_ctgr .box_control { width:153px; padding:48px 0 0 15px; float:left; } .finder_area .srch_box .find_opt .scroll_ctgr .box_aside { width:155px; height:15px; padding:17px 0 7px; position:fixed; text-indent:-10000px; background:#f9f9fc; float:left; } .finder_area .srch_box .find_opt .scroll_ctgr .box_control dd { width:138px; line-height:15px; .line-height:16px; letter-spacing:-1.5px; margin-bottom:8px; float:left; } .finder_area .srch_box .find_opt .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;} .finder_area .srch_box .find_opt .scroll_ctgr .box_control dd em {color:#a5a5a5; font-weight:normal; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } .finder_area .srch_box .find_opt .scroll_ctgr .box_control dd.on { width:138px; font-weight:bold; line-height:15px; .line-height:16px; margin-bottom:8px; float:left; } .finder_area .srch_box .find_opt .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;} .finder_area .srch_box .find_opt .scroll_ctgr .box_control dd.on em {color:#fe1409; font-weight:bold; font-style:normal; font-size:10px; font-family:tahoma; margin-left:4px; } .finder_area .srch_box .find_opt .scroll_opt { width:741px; height:230px; float:left; overflow-y:auto; position:relative; } .finder_area .srch_box .find_opt .scroll_opt .opt_control { padding:34px 0 0 0; float:left; } .finder_area .srch_box .find_opt .scroll_opt .opt_control .opt_area { width:709px; padding:8px 0 8px 15px; border-bottom:#edeeef 1px solid; position:relative; float:left; } .finder_area .srch_box .find_opt .scroll_opt .opt_control .opt_hidden { height:23px; overflow:hidden; } .finder_area .srch_box .find_opt .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;} .finder_area .srch_box .find_opt .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;} .finder_area .srch_box .find_opt .scroll_opt .opt_control .subj { width:100px; line-height:26px; font-weight:bold; float:left; } .finder_area .srch_box .find_opt .scroll_opt .opt_control .opt_list { width:609px; float:left; } .finder_area .srch_box .find_opt .scroll_opt .opt_control .opt_list > ul { width:100%; list-style:none; float:left; } .finder_area .srch_box .find_opt .scroll_opt .opt_control .opt_list > ul li { width:135px; margin:5px 10px 5px 0; float:left; } .finder_area .srch_box .find_opt .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;} .finder_area .srch_box .find_opt .scroll_opt .opt_control .opt_list > ul li.on { width:135px; margin-right:10px; font-weight:bold; color:#000; float:left; } .finder_area .srch_box .find_opt .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;} .finder_area .srch_box .find_opt .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; } .finder_area .srch_box .opt_price { background:#f9f9fc;} .finder_area .srch_box .opt_price .subj { width:85px; height:12px; float:left; } .finder_area .srch_box .opt_price .subj > span { width:53px; height:12px; margin:17px 0 0 14px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -218px -127px; display:inline-block; } .finder_area .srch_box .opt_srch input.price_insert { width:80px; height:20px; padding:0 0 0 5px; border:#CECECE 1px solid; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -179px -92px; margin-top:1px;} .finder_area .srch_box .opt_srch .srchBtn { width:37px; height:22px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -243px 0; display:inline-block; vertical-align: bottom;} .finder_area .srch_box .opt_srch { width:1113px; border-top:#a7acb0 1px solid; float:left; } .finder_area .srch_box .opt_srch .opt_tit { width:85px; height:40px; float:left; } .finder_area .srch_box .opt_srch .opt_tit > span { width:43px; height:12px; margin:14px 0 0 15px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -161px -30px; display:inline-block; } .finder_area .srch_box .opt_srch .opt_list { width:1028px; float:left; padding:11px 0; } .finder_area .srch_box .opt_srch .opt_list .select_opt { margin-right:12px; display:inline-block; float:left; color:#8F8F8F; } .finder_area .srch_box .opt_srch .opt_list .select_opt .closeBtn { width:10px; height:9px; background:url(//image5.compuzone.co.kr/img/images/search/search_v2.png) -209px -32px; display:inline-block; } .finder_area .srch_box .opt_srch .opt_list .allcBtn { font-size:10px; padding:2px; margin-top:-2px; border:#C5C5C5 1px solid; display:inline-block; color:#8d8d8d; background:#F8F8F8; } .finder_area .srch_box .opt_srch .opt_list .allcBtn:hover { border:#979797 1px solid; color:#5A5A5A; text-decoration:none; font-weight:bold; } .wrap_list { width:1299px; border-left:#c9cacd 1px solid;float:left; } .wrap_list .standard { width:1070px; min-height:580px; float:left; } .wrap_list .standard .ad_linebnr {padding-top:30px; float:left; } .wrap_list .side_area { width:228px; float:left; background-color:#fdfdfd; height:100%; border-right:#c9cacd 1px solid; border-left:#c9cacd 1px solid;} .wrap_list .side_area a { display:inline-block; border-bottom:1px solid #e8e8e8; width:227px;} .wrap_list .side_area img { } /* 검색페이지개편 v1 */ #searchArea { width:1300px; height:100%; text-align:left; color:#222222; float:left;} #searchArea .redTxt12B { font-size:12px; color:#fe434c; font-weight:bold;} #searchArea .redTxt14 { font-size:14px; color:#fe434c;} #searchArea .redTxt14B { font-size:14px; color:#fe434c; font-weight:bold;} #searchArea .grayTxt12 { font-size:12px; color:#9d9d9d;} #searchArea .tahomaredTxt12 { font-size:14px; color:#fe434c; font-family: Noto-M; letter-spacing: -0.5px;} #searchArea .tahomaTxt12 { font-size:11px; color:#9d9d9d; font-family:tahoma; letter-spacing:0;} #searchArea .summary_area { width:1115px; height:45px; float:left;} #searchArea .summary_area .header { width:175px; height:45px; padding:0 0 0 10px; font-size:16px; font-weight:bold; line-height:42px; text-align:left; background:url(//image5.compuzone.co.kr/img/images/search/search_ctgr.gif) 0 0; float:left;} #searchArea .summary_area .search_result { height:45px; font-size:14px; text-align:left; margin-left:15px; line-height:42px; float:left;} #searchArea .summary_area .search_result > b { font-size:14px; } #searchArea .summary_area .relateArea { height:45px; font-size:12px; line-height:42px; float:right;} #searchArea .summary_area .relateArea > a { margin:0 5px; vertical-align:middle; display:inline-block;} #searchArea .summary_area .relateArea .bar { margin:0 5px; font-size:10px; color:#dbdbdb; } #searchArea .container { width:1115px; height:100%; border-top:#474747 2px solid; border-left:#c6c6c6 1px solid; float:left;} #searchArea .snb { width:185px; height:100%; background:#fafafa; float:left;} #searchArea .snb > .snb_tit { width:177px; height:38px; padding-left:10px; line-height:37px; color:#fff; font-size:13px; font-weight:bold; text-align:left; position:relative; left:-1px; background:#474747; float:left; } #searchArea .snb .snb_tit .allviewBtn { width:58px; height:38px; display:inline-block; font-size:11px; color:#dddddd; text-align:left; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 46px -121px no-repeat; position:absolute; right:5px;} #searchArea .snb .snb_tit .btnClose { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 46px -153px no-repeat !important; } #searchArea .snb .snb_tit .CateAllLayer2 {width:1114px; background:#fff; border-top:#474747 2px solid;border-bottom:#474747 2px solid;border-left:#474747 1px solid;border-right:#474747 1px solid; position:absolute; top:38px; left:0; float:left; z-index:5;} #searchArea .snb .snb_tit .CateAllLayer2 .CategUnitBox {float:left;} #searchArea .snb .snb_tit .CateAllLayer2 .CategUnitBox .CategUnit {width:165px; height:220px; padding:5px 10px; text-align:left; border-right:#e1e1e1 1px solid; border-bottom:#9b9b9b 1px solid; margin:0 -1px 0 0;float:left;} #searchArea .snb .snb_tit .CateAllLayer2 .CategUnitBox .CategUnit h3 { width:165px; height:30px; float:left;} #searchArea .snb .snb_tit .CateAllLayer2 .CategUnitBox .CategUnit h3 a { width:100%; display:inline-block; font-size:12px; color:#20232C; float:left;} #searchArea .snb .snb_tit .CateAllLayer2 .CategUnitBox .CategUnit > ul.UnitScroll { width:165px; height:183px; overflow-x:hidden; overflow-y:auto; float:left;} #searchArea .snb .snb_tit .CateAllLayer2 .CategUnitBox .CategUnit > ul.UnitScroll li { width:155px; overflow:hidden; font-size:11px; letter-spacing:-1px; float:left;font-weight: normal;line-height: 26px;} /* height: 26px; */ #searchArea .snb .snb_tit .CateAllLayer2 .CategUnitBox .CategUnit > ul.UnitScroll li > a { width:100%; display:inline-block; } #searchArea .snb .snb_tit .CateAllLayer2 .closeBox { width:1114px; background:#fafafa; border-top:#9b9b9b 1px solid; float:left;margin-top: -1px;} #searchArea .snb .snb_tit .CateAllLayer2 .closeBox > a { width:1099px; height:38px; display:inline-block; text-align:right; padding-right:15px; } #searchArea .snb .snb_tit .CateAllLayer2 .closeBox > a .closeBtn_ico { width:24px; height:38px; display:inline-block; float:right; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 7px -19px no-repeat; } #searchArea .snb .mt { width:177px; height:30px; line-height:30px; padding-left:9px; background:#f7f7f7; border-bottom:#dddddd 1px solid; float:left;} #searchArea .snb .mt > a {width:177px; height:30px; display:inline-block; color:#222222; } #searchArea .snb .mt > a:hover { font-weight:bold; color:#222222; text-decoration:underline;} #searchArea .snb .mc { width:185px; float:left;} #searchArea .snb .mc .item { width:185px; border-top:#dddddd 1px solid; float:left;} #searchArea .snb .mc .item:first-child { border-top:0;} #searchArea .snb .mc .item .itemT { width:185px; height:30px; border-bottom:#dddddd 1px solid; background:url(//image5.compuzone.co.kr/img/images/search/search_ctgr.gif) 0 -45px; float:left;} #searchArea .snb .mc .item .itemT .leftA { width:30px; height:30px; line-height:28px; display:inline-block; float:left; } #searchArea .snb .mc .item .itemT .rightA { width:155px; height:30px; color:#222222; line-height:28px; display:inline-block; float:left; } #searchArea .snb .mc .item .itemT > a:hover {font-weight:bold; color:#222222; text-decoration:underline;} #searchArea .snb .mc .item > ul { width:185px; padding:5px 0; background:#fff; float:left; list-style:none;} #searchArea .snb .mc .item > ul li { width:185px; float:left; } #searchArea .snb .mc .item > ul li a { width:156px; line-height:21px; padding-left:30px; display:inline-block; float:left;} /* height:23px; */ #searchArea .snb .mc .item > ul li a:hover { font-weight:bold; color:#222222; text-decoration:underline;} #searchArea .snb .mc .closed {margin-top:-1px;} #searchArea .snb .mc .closed .itemT { background:url(//image5.compuzone.co.kr/img/images/search/search_ctgr.gif) 0 -75px; } #searchArea .snb .mc .closed .itemT .leftA { width:30px; height:30px; line-height:28px; display:inline-block; float:left; } #searchArea .snb .mc .closed .itemT .rightA { width:155px; height:30px; color:#222222; line-height:28px; display:inline-block; float:left; } #searchArea .snb .mc .closed > ul { display:none;} #searchArea .content { width:928px; background:#fff; border-left:#6c6c6c 1px solid; border-right:#dddddd 1px solid; float:left;min-height: 700px;} #searchArea .content .option_Box { border-bottom: #7f7f7f 1px solid; float:left; } #searchArea .content .optBox { width:898px; height:37px; padding:0 15px; background:#f7f7f7;float:left; } #searchArea .content .optBox .optSearch_txt { line-height:38px; font-weight:bold; display:inline-block; margin-right:30px;float:left; } #searchArea .content .optBox em { line-height:38px; display:inline-block; margin:0 6px 0 3px; float:left; } #searchArea .content .optBox .optSearch {height:38px; float:left;} #searchArea .content .optBox .searchB { height:24px; margin-top:6px; background:#fff; border:#e0e0e0 1px solid; float:left;} #searchArea .content .optBox .searchB .btn { width:23px; height:24px; display:inline-block; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 3px no-repeat ; float:left;} #searchArea .content .optBox .optPrice { float:left;} #searchArea .content .optBox .optBrand { position:relative; float:left;} #searchArea .content .optBox .optBrand > a { width:82px; height:20px; line-height:20px; color:#222222; font-weight:bold; display:inline-block; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 64px -383px no-repeat ; margin-top:9px;} #searchArea .content .optBox .optBrand .over { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 64px -437px no-repeat ;} #searchArea .content .optBox .optBrand .brandLayer { width:205px; height:145px; position:absolute; top:32px; left:0; background:#fff; border:#bbbbbb 1px solid; overflow-x:auto; } #searchArea .content .optBox .optBrand .brandLayer .brand_li { width:185px; height:23px; float:left; list-style:none;} #searchArea .content .optBox .optBrand .brandLayer .brand_li > a { width:175px; height:23px; padding:0 5px; display:inline-block; float:left; line-height:20px;} #searchArea .content .optBox .optBrand .brandLayer .brand_li > a:hover { font-weight:bold; color:#222222; } #searchArea .content .optBox .bar { margin:0 17px; font-size:14px; color:#dbdbdb; display:inline-block; float:left; line-height:35px; } #searchArea .content .optBox_result {width:898px; padding:10px 15px; float:left;} #searchArea .content .optBox_result > span { display:inline-block;float:left; margin-right:15px; letter-spacing:0;} #searchArea .content .optBox_result em { font-size:11px; font-style:normal; display:inline-block; float:left; margin-right:5px; color:#a0a0a0;} #searchArea .content .optBox_result .closeBt { width:9px; height:10px; display:inline-block; float:left; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -33px; margin-top:2px;} #searchArea .content .optBox_result .deleteBt { border:#c5c5c5 1px solid; display:inline-block; float:left; padding:1px 2px; font-size:10px; color:#B5B5B5;} #searchArea .content .optBox_result .deleteBt:hover { text-decoration:none; } /* common */ #searchArea .title_wrap { width:100%; height:55px; float:left;} #searchArea .prd_wrap { width:100%; float:left;} #searchArea .openBtn { width:870px; height:44px; position:relative; float:left; margin:25px; } #searchArea .openBtn .totalNum { position:absolute; top:14px; right:15px; color:#808080; letter-spacing:0; } #searchArea .openBtn .moreBtn { width:868px; height:42px; border:#d9d9d9 1px solid; display:block; text-align:center; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 427px -532px no-repeat; float:left; line-height:28px;} #searchArea .openBtn .closeBtn { width:868px; height:42px; border:#d9d9d9 1px solid; display:block; text-align:center; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 427px -882px no-repeat; float:left; line-height:28px;} #searchArea .openBtn .moreBtn:hover { text-decoration:none; color:#222222; font-weight:bold; border:#898989 1px solid; } #searchArea .openBtn .closeBtn:hover { text-decoration:none; color:#222222; font-weight:bold; border:#898989 1px solid; } #searchArea .openSBtn { width:1070px; height:27px; position:relative; float:left; background:#f0f4f9; margin:20px 0; } #searchArea .openSBtn .totalNum { position:absolute; top:6px; right:15px; color:#8ca2bc; letter-spacing:0; } #searchArea .openSBtn .moreBtn { width:1070px; height:25px; border:#d9d9d9 1px solid; display:block; text-align:center; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 455px -940px no-repeat; float:left; line-height:25px;} #searchArea .openSBtn .closeBtn { width:1070px; height:25px; border:#d9d9d9 1px solid; display:block; text-align:center; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 455px -980px no-repeat; float:left; line-height:25px;} #searchArea .openSBtn .moreBtn:hover { text-decoration:none; color:#222222; font-weight:bold; border:#898989 1px solid; } #searchArea .openSBtn .closeBtn:hover { text-decoration:none; color:#222222; font-weight:bold; border:#898989 1px solid; } /* 카테고리별제품노출 */ #searchArea .ctList { width:100%; border-bottom:#7f7f7f 1px solid; float:left;} #searchArea .ctList:first-child { } #searchArea .ctList .title_wrap { border-bottom:#dee0e4 1px solid; } #searchArea .ctList .title_wrap .name { height:55px; line-height:55px; padding-left:22px; font-size:13px; font-weight:bold; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -704px no-repeat; display:inline-block; float:left; } #searchArea .ctList .title_wrap .name > a { color:#222222; font-size:14px; font-weight:bold;} #searchArea .ctList .title_wrap .count { height:55px; margin-left:7px; line-height:55px; font-size:12px; display:inline-block; float:left; } #searchArea .ctList .title_wrap .ctgrView { width:15px; height:15px; position:relative; margin:21px 10px; float:left; } #searchArea .ctList .title_wrap .ctgrView .viewBtn { width:15px; height:15px;background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -499px no-repeat; display:inline-block; float:left;} #searchArea .ctList .title_wrap .ctgrView .over {background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -514px no-repeat !important; } #searchArea .ctList .title_wrap .ctgrView .ctgrLayer { width:205px; height:145px; position:absolute; top:23px; left:-15px; background:#fff; border:#bbbbbb 1px solid; overflow-x:auto; z-index:2; } #searchArea .ctList .title_wrap .ctgrView .ctgrLayer .ctgr_li { width:185px; height:23px; float:left; list-style:none;} #searchArea .ctList .title_wrap .ctgrView .ctgrLayer .ctgr_li > a { width:175px; height:23px; padding:0 5px; display:inline-block; float:left; line-height:20px;} #searchArea .ctList .title_wrap .ctgrView .ctgrLayer .ctgr_li > a:hover { font-weight:bold; color:#222222; } #searchArea .ctList .title_wrap .layer_select { width:127px; height:28px; margin:13px 0 0 0; float:right;} #searchArea .ctList .title_wrap .layer_select .selected { width:125px; height:28px; border:#b8b9b9 1px solid; position:relative; } #searchArea .ctList .title_wrap .layer_select .selected .btn { width:120px; height:28px; padding-left:5px; line-height:28px; display:block; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 109px -56px no-repeat; float:left;} #searchArea .ctList .title_wrap .layer_select .selected .btn > span { width:94px; height:28px; display:inline-block; border-right:#b8b9b9 1px solid; float:left;} #searchArea .ctList .title_wrap .layer_select .selected > ul { width:125px; list-style:none; background:#fff; border:#b8b9b9 1px solid; position:absolute; top:26px; left:-1px; padding:5px 0; z-index:5;} #searchArea .ctList .title_wrap .layer_select .selected > ul a { width:116px; height:22px; padding-left:9px; line-height:19px; float:left;} #searchArea .ctList .title_wrap .layer_select .selected > ul a:hover { text-decoration:none; background:#ebebeb;} #searchArea .ctList .title_wrap .layer_countselect { width:83px; height:28px; margin:13px 0 0 5px; float:right;} #searchArea .ctList .title_wrap .layer_countselect .selected { width:81px; height:26px; border:#b8b9b9 1px solid; position:relative; } #searchArea .ctList .title_wrap .layer_countselect .selected .btn { width:76px; height:26px; padding-left:5px; line-height:24px; display:block; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 65px -57px no-repeat; float:left;} #searchArea .ctList .title_wrap .layer_countselect .selected .btn > span { width:50px; height:26px; display:inline-block; border-right:#b8b9b9 1px solid; float:left;} #searchArea .ctList .title_wrap .layer_countselect .selected > ul { width:81px; list-style:none; background:#fff; border:#b8b9b9 1px solid; position:absolute; top:26px; left:-1px; padding:5px 0; z-index:5;} #searchArea .ctList .title_wrap .layer_countselect .selected > ul a { width:72px; height:22px; padding-left:9px; line-height:19px; float:left;} #searchArea .ctList .title_wrap .layer_countselect .selected > ul a:hover { text-decoration:none; background:#ebebeb;} /* #searchArea .ctList .title_wrap .disp_img { width:27px; height:28px; display:inline-block; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -619px no-repeat; float:right; margin:12px 0 0 5px;} #searchArea .ctList .title_wrap .disp_list { width:27px; height:28px; display:inline-block; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -675px no-repeat; float:right; margin:12px 0 0 5px;} #searchArea .ctList .title_wrap .img_over { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -591px no-repeat;} #searchArea .ctList .title_wrap .list_over { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -647px no-repeat;} */ #searchArea .ctList .title_wrap .disp_img { width:28px; height:28px; display:inline-block; background:url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_before_s.png') center center no-repeat; background-size: 18px; float:right; margin:13px 0 0 5px; border: 1px solid #D8D8D8;} #searchArea .ctList .title_wrap .disp_list { width:28px; height:28px; display:inline-block; background:url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_before_s.png') center center no-repeat; background-size: 18px; float:right; margin:13px 0 0; border: 1px solid #D8D8D8; border-left: 0;} #searchArea .ctList .title_wrap .img_over { background:url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_hover_s.png') center center no-repeat;} #searchArea .ctList .title_wrap .disp_img:hover { background:url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_hover_s.png') center center no-repeat;} #searchArea .ctList .title_wrap .list_over { background:url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_hover_s.png') center center no-repeat;} #searchArea .ctList .title_wrap .disp_list:hover { background:url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_hover_s.png') center center no-repeat;} /* 바둑판형 */ /* .viewType_T{border:0 !important;} */ #searchArea .ctList .prd_wrap { width:1070px; padding:0 0 20px; } /* 페이지 */ #searchArea .pasing {padding:0 0 60px; text-align:center; font-size:0;} #searchArea .pasing > a {display: inline-block; margin-right: 5px; width: 30px; height: 30px; line-height: 28px; background-color: #fff; border: 1px solid #ddd; color: #444; font-size: 12px; vertical-align: middle;} #searchArea .pasing > a:hover, #searchArea .pasing a.on {background: #333; border-color: #333; color: #fff;} #searchArea .pasing .prev { margin:0 10px 0 0; background:#fff url("//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png") -97px -132px no-repeat; font-size:0;} #searchArea .pasing .next { margin:0 0 0 5px; background:#fff url("//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png") -117px -132px no-repeat; font-size:0;} #searchArea .pasing .total { display:none;} /* 가로배너 */ #searchArea .adBnr { width:928px; height:61px; float:left;} /* 전체보기버튼 */ #searchArea .allBtn { height:55px; line-height:55px; text-decoration:underline; display:inline-block; float:right; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 48px -365px no-repeat; padding-right:13px;} #searchArea .allBtn:hover { font-weight:bold; color:#222222;} #searchArea .prevPageBtn { height:55px; line-height:38px; font-size:11px; display:inline-block; float:right; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 111px -183px no-repeat; padding-right:13px;} #searchArea .prevPageBtn:hover { font-weight:bold; color:#222222;} #searchArea .title_wrap { width:1010px; padding:0 30px; } #searchArea .title_wrap.searchTit{padding:0 20px; position:relative;} /* 프리몰결과 */ #searchArea .fmList { width:100%; float:left;} #searchArea .fmList .title_wrap .name { height:55px; line-height:55px; padding-left:22px; font-size:13px; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -739px no-repeat; display:inline-block; float:left; } #searchArea .fmList .title_wrap .name > a { color:#222222; font-size:13px; font-weight:bold; } #searchArea .fmList .title_wrap .count { height:55px; margin-left:7px; line-height:55px; font-size:12px; display:inline-block; float:right; } #searchArea .fmList .prd_wrap .listView { width:100%; float:left; } #searchArea .fmList .prd_wrap .listView > ul {width:100%; float:left; border-top:#EBEBEB 1px solid; list-style:none; padding:15px 0;} #searchArea .fmList .prd_wrap .listView > ul:first-child { padding: 5px 0 15px 0; border-top:0;} #searchArea .fmList .prd_wrap .listView > ul li { width:160px; margin-left:13px; color:#717171; position:relative; float:left; text-align:center;} #searchArea .fmList .prd_wrap .listView > ul li:first-child {margin-left:0;} #searchArea .fmList .prd_wrap .listView > ul li img { border:#EDEDED 1px solid;} #searchArea .fmList .prd_wrap .listView > ul li .PrdModel {width:160px; padding:10px 0 0 0; text-align:left; float:left;} #searchArea .fmList .prd_wrap .listView > ul li .PrdModel .name { height:33px; } #searchArea .fmList .prd_wrap .listView > ul li .PrdModel .price { width:160px; margin-top:8px; float:left;} #searchArea .fmList .prd_wrap .listView > ul li .PrdModel .price span { float:left; } #searchArea .fmList .prd_wrap .listView > ul li .PrdModel .price strong { font-size:14px; color:#000; float:left;} #searchArea .fmList .prd_wrap .listView > ul li .PrdModel .prevPrice { font-size:12px; color:#b8b8b8; text-decoration:line-through; font-weight: normal; line-height:21px; margin-left:5px;} /* 파격할인결과 */ #searchArea .saleList { width:100%; float:left;} #searchArea .saleList .title_wrap .name { height:55px; line-height:67px; font-size:13px; display:inline-block; float:left;} #searchArea .saleList .title_wrap .name > a { color:#222222; font-size:16px; font-family: Noto-M; letter-spacing: -0.5px; } #searchArea .saleList .title_wrap .option { height:30px; margin-top:22px;float:right; position:absolute; right:0;} #searchArea .saleList .title_wrap .option > .on { border:#d9d9d9 1px solid; background:#fff; padding:2px 4px 3px; font-weight:bold; color:#232323 } #searchArea .saleList .title_wrap .option > .on .chbg { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 2px -838px no-repeat; padding-left:15px; } #searchArea .saleList .title_wrap .option > a:hover { text-decoration:underline; } #searchArea .saleList .title_wrap .option .bar { margin:0 5px; font-size:10px; color:#dbdbdb; } #searchArea .saleList .title_wrap .count { height:45px; margin-left:7px; line-height:45px; font-size:12px; display:inline-block; float:left; } #searchArea .saleList .prd_wrap .listView { width:100%; float:left; } #searchArea .saleList .prd_wrap .listView > ul {width:100%; float:left; list-style:none; padding:10px 0 0 10px;} #searchArea .saleList .prd_wrap .listView > ul li { width:190px; margin-left:13px; color:#717171; position:relative; float:left; text-align:center; margin:0 10px 10px 10px;} #searchArea .saleList .prd_wrap .listView > ul li .PrdModel {width:190px; text-align:left; float:left;} #searchArea .saleList .prd_wrap .listView > ul li img { cursor:pointer;} #searchArea .saleList .prd_wrap .listView > ul li a.salePrd_img > img { width:190px; height:190px; border: #EDEDED 1px solid;} #searchArea .saleList .prd_wrap .listView > ul li .PrdModel .name { height:38px; overflow:hidden; font-size:13px; margin-top:5px;} #searchArea .saleList .prd_wrap .listView > ul li .PrdModel .price { width:190px; margin-top:8px; float:left;} #searchArea .saleList .prd_wrap .listView > ul li .PrdModel .price span { float:left; } #searchArea .saleList .prd_wrap .listView > ul li .PrdModel .price strong { font-size:14px; color:#000; float:left;} #searchArea .saleList .prd_wrap .listView > ul li .PrdModel .prevPrice { font-size:13px; color:#b8b8b8; text-decoration:line-through; font-weight: normal; line-height:21px; margin-left:5px;} #searchArea .saleList .prd_wrap .listView > ul li .PrdModel .salenum { font-size:12px; color:#fe434c; font-weight: normal; line-height:21px; margin-left:5px; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -863px no-repeat; padding-left:7px; } /* 이벤트결과 */ #searchArea .evtList { width:100%;float:left;} #searchArea .evtList .title_wrap .name { height:55px; line-height:67px; font-size:13px; display:inline-block; float:left; } #searchArea .evtList .title_wrap .name > a { color:#222222; font-size:16px; font-family: Noto-M; letter-spacing: -0.5px; } #searchArea .evtList .title_wrap .option { margin:20px 0 0 15px; display:inline-block; float:right; } #searchArea .evtList .title_wrap .option > label { margin-right:10px;} #searchArea .evtList .title_wrap .option > label input { vertical-align:middle; margin-right:4px;} #searchArea .evtList .prd_wrap .eventbnrListArea { height:auto; float:left; width:100%;} #searchArea .evtList .prd_wrap .eventbnrListArea ul {list-style:none inside none; padding:10px 0 0 10px;} #searchArea .evtList .prd_wrap .eventbnrListArea ul li {width:330px; height:153px; position:relative; float:left; margin:0 10px 20px 10px; border:1px solid #ddd; box-sizing:border-box;} #searchArea .evtList .prd_wrap .eventbnrListArea ul li > a{padding:20px; display:block; height:111px;} #searchArea .evtList .prd_wrap .eventbnrListArea ul li .evtxticon{ float:left; padding-right:90px;} #searchArea .evtList .prd_wrap .eventbnrListArea ul li .evtxticon > .tit{ height:20px; margin:5px 0; display:block; font-size:15px; color:#111; letter-spacing:-0.5px; line-height:20px; font-family:spoqa R;} #searchArea .evtList .prd_wrap .eventbnrListArea ul li .evtxticon > .txt { float:left; line-height:16px; font-size:13px; color:#666; font-family: spoqa R;} #searchArea .evtList .prd_wrap .eventbnrListArea ul li .evimg{ position:absolute; top:20px; right:20px;} #searchArea .evtList .prd_wrap .eventbnrListArea ul li .evbnrperiod {width:calc(100% - 40px); text-align:left; border-top:1px solid #f2f2f2; position:absolute; left:20px; bottom:18px; font-size:12px; color:#999;} #searchArea .evtList .prd_wrap .listView { width:100%; float:left; } #searchArea .evtList .prd_wrap .listView ul { margin-top:10px; float:left;} #searchArea .evtList .prd_wrap .listView ul:first-child { margin-top:0;} #searchArea .evtList .prd_wrap .listView ul li { height:186px; width:200px; margin:0 13px 20px 0; list-style:none outside none; float:left; position:relative; } #searchArea .evtList .prd_wrap .listView ul li:first-child { margin-left:0;} #searchArea .evtList .prd_wrap .ev_icon { width:197px; height:25px; text-align:left; position:absolute; left:5px; top:0px; } #searchArea .evtList .prd_wrap .ev_img { width:200px; height:108px; margin-top:6px; border:1px #eaeaea solid; float:left; } #searchArea .evtList .prd_wrap .ev_img img { width:200px; height:108px; } #searchArea .evtList .prd_wrap .ev_txt { width:182px; height:55px; padding:10px; float:left; text-align:left; } /* 쇼핑기획전결과 */ #searchArea .sevtList { width:100%; float:left;} #searchArea .sevtList .title_wrap .name { height:55px; line-height:67px; font-size:13px; display:inline-block; float:left; } #searchArea .sevtList .title_wrap .name > a { color:#222222; font-size:16px; font-family: Noto-M; letter-spacing: -0.5px; } #searchArea .sevtList .title_wrap .option { margin:20px 0 0 15px; display:inline-block; float:right; } #searchArea .sevtList .prd_wrap .beventbnrListArea { float:left; width:100%; height:auto;} #searchArea .sevtList .prd_wrap .beventbnrListArea ul {list-style:none inside none; padding:10px 0 0 10px;} #searchArea .sevtList .prd_wrap .beventbnrListArea ul li {width:330px; height:128px; position:relative; float:left; margin:0 10px 20px 10px; border:1px solid #ddd; box-sizing:border-box;} #searchArea .sevtList .prd_wrap .beventbnrListArea ul li .mintLine {width:260px; height:5px; background:#eaeaea; position:relative; margin:-1px 0 0 -1px; z-index:10px;} #searchArea .sevtList .prd_wrap .beventbnrListArea ul li .mintLine .MLine {width:84px; height:5px; float:left; background:#aad8d6; } #searchArea .sevtList .prd_wrap .beventbnrListArea ul li > a{padding:20px; display:block; height:111px;} #searchArea .sevtList .prd_wrap .beventbnrListArea ul li .evtxticon{ float:left; padding-right:90px;} #searchArea .sevtList .prd_wrap .beventbnrListArea ul li .evtxticon > .tit{ height:20px; margin:5px 0; display:block; font-size:15px; color:#111; letter-spacing:-0.5px; line-height:20px; font-family:spoqa R;} #searchArea .sevtList .prd_wrap .beventbnrListArea ul li .evtxticon > .txt { float:left; line-height:16px; font-size:13px; color:#666; font-family: spoqa R;} #searchArea .sevtList .prd_wrap .beventbnrListArea ul li .evimg{ position:absolute; top:20px; right:20px;} #searchArea .sevtList .prd_wrap .listView { width:100%; float:left; } #searchArea .sevtList .prd_wrap .listView ul { list-style:none; margin-top:15px; } #searchArea .sevtList .prd_wrap .listView ul:first-child { margin-top:0;} #searchArea .sevtList .prd_wrap .listView .plan {width:205px; height:237px; float:left; margin:0 8px 15px 0; background:url('//image5.compuzone.co.kr/img/images/plan/shopping_img.png') -0px -451px no-repeat;} #searchArea .sevtList .prd_wrap .listView .plan:first-child { margin-left:0;} #searchArea .sevtList .prd_wrap .listView .plan ul {list-style:none; width:200px; float:left; text-align:center;} #searchArea .sevtList .prd_wrap .listView .plan .planimg {width:200px; height:180px; float:left; margin-bottom:11px;} /* 쇼핑가이드결과 */ #searchArea .sguideList { width:100%; float:left;} #searchArea .sguideList .title_wrap .name { height:55px; line-height:55px; font-size:13px; display:inline-block; float:left; } #searchArea .sguideList .title_wrap .name > a { color:#222222; font-size:13px; font-weight:bold; } #searchArea .sguideList .title_wrap .option { margin:20px 0 0 15px; display:inline-block; float:right; } #searchArea .sguideList .prd_wrap .listView { width:100%; float:left; } #searchArea .sguideList .prd_wrap .listView ul { list-style:none; margin-top:15px; } #searchArea .sguideList .prd_wrap .listView ul:first-child { margin-top:0;} #searchArea .sguideList .prd_wrap .listView .plan {width:205px; float:left; margin:0 8px 15px 0; } #searchArea .sguideList .prd_wrap .listView .plan:first-child { margin-left:0;} #searchArea .sguideList .prd_wrap .listView .plan ul {list-style:none; width:200px; float:left; text-align:center;} #searchArea .sguideList .prd_wrap .listView .plan .planimg {width:198px; height:111px; border:#E2E2E2 1px solid; float:left; margin-bottom:11px;} #searchArea .sguideList .prd_wrap .listView .plan .planimg img {width:198px; height:111px;} /* 동영상리뷰결과 */ #searchArea .vodList { width:100%; float:left;} #searchArea .vodList .title_wrap .name { height:55px; line-height:55px; font-size:13px; display:inline-block; float:left; } #searchArea .vodList .title_wrap .name > a { color:#222222; font-size:13px; font-weight:bold; } #searchArea .vodList .title_wrap .option { height:30px; margin-top:20px;float:right; margin-left:16px;} #searchArea .vodList .title_wrap .option > .on { border:#d9d9d9 1px solid; background:#fff; padding:2px 4px 3px; font-weight:bold; color:#232323 } #searchArea .vodList .title_wrap .option > .on .chbg { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 2px -838px no-repeat; padding-left:15px; } #searchArea .vodList .title_wrap .option > a:hover { text-decoration:underline; } #searchArea .vodList .title_wrap .option .bar { margin:0 5px; font-size:10px; color:#dbdbdb; } #searchArea .vodList .prd_wrap .listView { width:100%; float:left;} #searchArea .vodList .prd_wrap .listView > ul { list-style:none; float:left; margin-top:20px;} #searchArea .vodList .prd_wrap .listView > ul:first-child { margin-top:0;} #searchArea .vodList .prd_wrap .listView .vbox {width:200px; height:255px; float:left; border:1px solid #dbdbdb; margin: 0 11px 10px 0; background:#FFF; position:relative;} #searchArea .vodList .prd_wrap .listView .vbox:first-child { margin-left:0;} #searchArea .vodList .prd_wrap .listView .vbox .list_over {width:178px; height:278px; border:3px solid #65cfc5; position:absolute; top:-3px; left:-3px;} #searchArea .vodList .prd_wrap .listView .vbox .videobtn {width:60px; height:60px; position:absolute; top:54px; left:72px; background:url('//image5.compuzone.co.kr/img/images/video/video_img.png') no-repeat -457px -522px; z-index:1000;} #searchArea .vodList .prd_wrap .listView .vbox .v_arrow2 {width:16px; height:11px; position:absolute; top:145px; left:150px; background:url('//image5.compuzone.co.kr/img/images/video/video_img.png') no-repeat -569px -536px; z-index:1000;} #searchArea .vodList .prd_wrap .listView .vbox ul{list-style-type:none;} #searchArea .vodList .prd_wrap .listView .vbox .vimg {width:170px; height:140px; float:left; margin:15px;} #searchArea .vodList .prd_wrap .listView .vbox .vimg img { width:170px; } #searchArea .vodList .prd_wrap .listView .vbox .vtit {width:182px; height:12px; float:left; text-align:left; margin:0 9px 7px;} #searchArea .vodList .prd_wrap .listView .vbox .vtit .vtit_1 {width:120px; height:15px; float:left; margin-left:5px;} #searchArea .vodList .prd_wrap .listView .vbox .vdata {width:182px; height:30px; float:left; text-align:left; margin:0px 9px 6px;} #searchArea .vodList .prd_wrap .listView .vbox .vline {width:182px; height:1px; float:left; margin:0px 9px 0px 9px; background:#dbdbdb;} #searchArea .vodList .prd_wrap .listView .vbox .vnumber {width:182px; height:15px; float:left; text-align:right; margin:6px 9px 0px;} #searchArea .vodList .prd_wrap .listView .vbox .vnumber .v_hits {width:auto; height:12px; float:right; margin-right:10px;} #searchArea .vodList .prd_wrap .listView .vbox .vnumber .v_hits .v_arrow {width:12px; height:12px; float:left; background:url('//image5.compuzone.co.kr/img/images/video/video_img.png') no-repeat -527px -534px;} .v_position {display:inline-block; top:2px; margin-right:3px;} #searchArea .vodList .prd_wrap .listView .vbox .vnumber .v_like {width:auto; height:12px; float:right;} #searchArea .vodList .prd_wrap .listView .vbox .vnumber .v_like .v_heart {width:12px; height:12px; float:left; background:url('//image5.compuzone.co.kr/img/images/video/video_img.png') no-repeat -547px -535px;} #searchArea .vodList .prd_wrap .listView .vbox .vnumber .vtit_2 {width:35px; height:15px; float:left; text-align:left;} /* 서포터리뷰결과 */ #searchArea .reviewList { width:100%; float:left;} #searchArea .reviewList .title_wrap .name { height:55px; line-height:60px; font-size:13px; display:inline-block; float:left; } #searchArea .reviewList .title_wrap .name > a { color:#222222; font-size:16px; font-family: Noto-M; letter-spacing: -0.5px; } #searchArea .reviewList .title_wrap .option { height:30px; margin-top:21px;float:right; position:absolute; right:0px;} #searchArea .reviewList .title_wrap .option > .on { border:#d9d9d9 1px solid; background:#fff; padding:2px 4px 3px; font-weight:bold; color:#232323 } #searchArea .reviewList .title_wrap .option > .on .chbg { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 2px -838px no-repeat; padding-left:15px; } #searchArea .reviewList .title_wrap .option > a:hover { text-decoration:underline; } #searchArea .reviewList .title_wrap .option .bar { margin:0 5px; font-size:10px; color:#dbdbdb; } #searchArea .reviewList .prd_wrap .listView { width:100%; float:left;} #searchArea .reviewList .prd_wrap .listView > ul li { margin-top: 18px; float:left; list-style:none; padding-left:20px;} #searchArea .reviewList .prd_wrap .listView > ul:first-child { margin-top:-18px;} #searchArea .reviewList .prd_wrap .listView > ul li .thumb { margin-right:17px; float:left;} #searchArea .reviewList .prd_wrap .listView > ul li .thumb img { width:81px; height:81px; border:#eaeaea 1px solid } #searchArea .reviewList .prd_wrap .listView > ul li dl { width: 920px; float:left;} #searchArea .reviewList .prd_wrap .listView > ul li dl dt { margin-right:5px; display:inline;} #searchArea .reviewList .prd_wrap .listView > ul li dl dt a {font-size: 13px;color:#00c; text-decoration:underline; letter-spacing: 0;} #searchArea .reviewList .prd_wrap .listView > ul li dl dd { margin: 4px 0 3px; letter-spacing:0; line-height: 17px; color:#000;} #searchArea .reviewList .prd_wrap .listView > ul li dl dd.txt_date { color:#A0A0A0; display:inline;} #searchArea .reviewList .prd_wrap .listView > ul li dl dd.txt_block { margin-bottom:0; color:#A0A0A0; display:block; } #searchArea .reviewList .prd_wrap .listView > ul li dl dd.txt_block a { color:#A0A0A0; } #searchArea .reviewList .prd_wrap .listView > ul li dl dd.txt_block .bar { margin:0 8px; font-size:11px; color:#dbdbdb;} #searchArea .reviewList .prd_wrap .listView > ul li .price { width:90px; height:83px; line-height:61px; text-align:center; font-size:14px; color:#000; float:left;} /* 뉴스결과 */ #searchArea .newsList { width:100%; float:left;} #searchArea .newsList .title_wrap .name { height:55px; line-height:60px; font-size:13px; display:inline-block; float:left; } #searchArea .newsList .title_wrap .name > a { color:#222222; font-size:16px; font-family: Noto-M; letter-spacing: -0.5px; } #searchArea .newsList .title_wrap .option { height:30px; margin-top:20px;float:right; margin-left:16px;} #searchArea .newsList .title_wrap .option > .on { border:#d9d9d9 1px solid; background:#fff; padding:2px 4px 3px; font-weight:bold; color:#232323 } #searchArea .newsList .title_wrap .option > .on .chbg { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 2px -838px no-repeat; padding-left:15px; } #searchArea .newsList .title_wrap .option > a:hover { text-decoration:underline; } #searchArea .newsList .title_wrap .option .bar { margin:0 5px; font-size:10px; color:#dbdbdb; } #searchArea .newsList .prd_wrap .listView { width:100%; float:left;} #searchArea .newsList .prd_wrap .listView > ul li { margin-top: 18px; float:left; list-style:none; padding-left:20px;} #searchArea .newsList .prd_wrap .listView > ul li:first-child { margin-top:0;} #searchArea .newsList .prd_wrap .listView > ul li .thumb { margin-right:17px; float:left;} #searchArea .newsList .prd_wrap .listView > ul li .thumb img { width:81px; height:81px; border:#eaeaea 1px solid } #searchArea .newsList .prd_wrap .listView > ul li dl { width: 1015px; float:left;} #searchArea .newsList .prd_wrap .listView > ul li dl dt { margin-right:5px; display:inline;} #searchArea .newsList .prd_wrap .listView > ul li dl dt a {font-size: 13px;color:#00c; text-decoration:underline; letter-spacing: 0;} #searchArea .newsList .prd_wrap .listView > ul li dl dd { margin: 4px 0 3px; letter-spacing:0; line-height: 17px; color:#000;} #searchArea .newsList .prd_wrap .listView > ul li dl dd.txt_block { margin-bottom:0; color:#A0A0A0; display:block; } #searchArea .newsList .prd_wrap .listView > ul li dl dd.txt_block a { color:#A0A0A0; } #searchArea .newsList .prd_wrap .listView > ul li dl dd.txt_block .bar { margin:0 8px; font-size:11px; color:#dbdbdb;} /* 리뷰&톡 미사용 - 주석 2018-03-29 오후 1:08:11 #searchArea .rtList { width:100%; float:left;} #searchArea .rtList .title_wrap .name { height:55px; line-height:55px; font-size:13px; display:inline-block; float:left; } #searchArea .rtList .title_wrap .name > a { color:#222222; font-size:13px; font-weight:bold; } #searchArea .rtList .title_wrap .option { height:30px; margin-top:20px;float:right; margin-left:16px;} #searchArea .rtList .title_wrap .option > .on { border:#d9d9d9 1px solid; background:#fff; padding:2px 4px 3px; font-weight:bold; color:#232323 } #searchArea .rtList .title_wrap .option > .on .chbg { background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 2px -838px no-repeat; padding-left:15px; } #searchArea .rtList .title_wrap .option > a:hover { text-decoration:underline; } #searchArea .rtList .title_wrap .option .bar { margin:0 5px; font-size:10px; color:#dbdbdb; } #searchArea .rtList .rvListArea {width:100%; height:auto; float:left; } #searchArea .rtList .rvListArea ul li{list-style:none outside none; float:left; margin:0 25px 20px; width:350px; height:127px;} #searchArea .rtList .rvListArea .rvimg {width:100px; height:100px; float:left; margin:8px 0;} #searchArea .rtList .rvListArea .rvlistinfo {width:240px; height:118px; float:left; margin-left:10px;} #searchArea .rtList .rvListArea .rvlistinfo a{text-decoration:none;} #searchArea .rtList .rvListArea .rvlistinfo .rvtit {width:225px; height:16px; overflow:hidden; text-align:left; padding-left:15px; background:url('//image5.compuzone.co.kr/img/images/playzone/PlayZone_img.png') -1105px 3px no-repeat; font-size:12px; font-weight:bold; color:#5f6775; margin-bottom:5px;} #searchArea .rtList .rvListArea .rvlistinfo .rvname {width:240px; height:16px; overflow:hidden; text-align:left;} #searchArea .rtList .rvListArea .rvlistinfo .rvcon {width:220px; height:30px; padding:10px; background:#f5f5f5; text-align:left; overflow:hidden; margin:10px 0;} #searchArea .rtList .rvListArea .rvlistinfo .rvbottom {width:240px; height:16px; overflow:hidden;} #searchArea .rtList .rvListArea .rvlistinfo .rvbottom .date {width:60px; float:left; text-align:left;} #searchArea .rtList .rvListArea .rvlistinfo .rvbottom .etc {width:180px; height:16px; float:left; text-align:right;} */ /* 결과값없는경우 */ #searchArea .notResult { width:888px; height:236px; margin:13px; background:#fff; float:left; border:none;} #searchArea .notResult .txtBox { width: 680px; margin: 130px 0 190px 0; float:left;} #searchArea .notResult .txtBox .tit {font-size: 22px; font-weight: bold;} #searchArea .notResult .txtBox .tit > strong { color:#fe434c; font-size: 22px; font-weight: bold; float:left;} #searchArea .notResult .txtBox > ul { width:100%; padding-left:25px; float:left; list-style:none; margin:10px 0; color:#838383; padding-bottom:13px; border-bottom:#d3d3d3 1px solid;} #searchArea .notResult .txtBox > ul li { padding-left:8px; background:url(//image5.compuzone.co.kr/img/images/search/search_ico.png) 0 -1020px no-repeat; line-height:19px; } #searchArea .notResult .otherBt { font-size:13px; position:relative; float:left;} #searchArea .notResult .otherBt > a { position:absolute; top:-4px; right:-114px; display:block;} /* 결과값없는경우v2 */ #searchArea .noResult { width:1300px; margin:13px 0; background:#fff; float:left; border:none;} #searchArea .noResult .icoBox { width:80px; height:80px; margin: 68px 0 0 205px; display:inline-block; float:left; } #searchArea .noResult .txtBox { width: 100%; margin: 90px 0; float:left; position:relative; text-align:center; box-sizing:border-box;} #searchArea .noResult .txtBox .tit {font-size: 22px; font-weight: bold;} #searchArea .noResult .txtBox .tit > strong { color:#fe434c; font-size: 22px; font-weight: bold; } #searchArea .noResult .txtBox .tit a {color:#3f60cc !important; background-color:#dfe4f3; border-radius:15px; padding:3px 15px; display:inline-block;} #searchArea .noResult .txtBox > ul { width:100%; float:left; list-style:none; margin-top:10px; color:#838383; } #searchArea .noResult .txtBox > ul li { padding-left:8px; line-height:19px; } #searchArea .noResult .otherBt { font-size:13px; position:relative; float:left;} #searchArea .noResult .otherBt > a { position:absolute; top:-4px; right:-114px; display:block;} #searchArea .noResult .txtBox .nokeyword{font-size:15px; color:#000; padding:5px 0 10px 0; min-width:365px; line-height:20px; display:inline-block; } #searchArea .noResult .txtBox .nokeyword > span{color:#3f60cc;} #searchArea .noResult .txtBox .nokeyword > a > span{color:#3f60cc !important; font-weight:bold; background-color:#dfe4f3; border-radius:15px; padding:3px 15px; display:inline-block;} #searchArea .noResult .txtBox .nokeyword > a:hover{color:#3f60cc !important; font-weight:bold;} /* 컴퓨존특가 */ #searchArea .hotSale_area {width:1115px; float:left; margin-bottom:20px;} #searchArea .hotSale_area .hotSale {width:1120px; float:left; padding-top:10px;} #searchArea .hotSale_area .hotSale .hotSale_list {width:225px; height:337px; padding:13px 24px 0 24px; margin:0 5px 5px 0; border:1px solid #e1e1e1; float:left; position:relative;} #searchArea .hotSale_area .hotSale .hover {border-color:#1b1b1b;} #searchArea .hotSale_area .hotSale .hotSale_list .percent {position:absolute; text-align:center; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -152px -93px no-repeat; width:67px; height:47px; letter-spacing:-1px; padding:10px 0; top:10px; left:10px; z-index:9;} #searchArea .hotSale_area .hotSale .hotSale_list .percent .text1 {font-size:30px; font-weight:bold; color:#e81919;} #searchArea .hotSale_area .hotSale .hotSale_list .percent .text2 {font-size:20px; font-weight:bold; color:#e81919;} #searchArea .hotSale_area .hotSale .hotSale_list .saleEnd_icon {width:55px; height:18px; position:absolute; top:219px; left:24px; z-index:9;} #searchArea .hotSale_area .hotSale .hotSale_list a.product_img {width:224px; height:224px; margin-bottom:5px; float:left; } #searchArea .hotSale_area .hotSale .hotSale_list a.product_img img {width:224px; height:224px; float:left; } #searchArea .hotSale_area .hotSale .hotSale_list a .product_name {width:225px; height:40px; float:left; margin-bottom:15px; font-size:13px; line-height:16px; border-bottom:1px solid #e1e1e1;} #searchArea .hotSale_area .hotSale .hotSale_list a:hover .product_name {text-decoration:underline;} #searchArea .hotSale_area .hotSale .hotSale_list a .hover {text-decoration:underline;} #searchArea .hotSale_area .hotSale .hotSale_list .product_price dl {width:225px; height:19px; float:left;} #searchArea .hotSale_area .hotSale .hotSale_list .product_price dl.d2 {margin-top:-10px;} #searchArea .hotSale_area .hotSale .hotSale_list .product_price dt {width:auto; height:17px; margin-right:10px; padding-top:6px; float:left; text-decoration:line-through; letter-spacing:0;} #searchArea .hotSale_area .hotSale .hotSale_list .product_price dd {width:auto; height:17px; float:left; font-size:18px; letter-spacing:0;} /* 검색 이벤트 설명 박스 */ .EventTxt_left {width:200px;; text-align:left; padding:10px 10px 5px 10px; background:#fff; border:#b9b9b9 3px solid; position:absolute; top:200px; left:10px; z-index:100; float:left;} .EventTxt_left ul {width:200px;; padding:0 10px; float:left;list-style-type:none;} .EventTxt_left ul li {width:200px;; color:#4a87bf; font-size:11px;float:left;margin:0px;padding:0px;} .EventTxt_right {width:200px;; text-align:left; padding:10px 10px 5px 10px; background:#fff; border:#b9b9b9 3px solid; position:absolute; top:200px; right:10px; z-index:100; float:left;} .EventTxt_right ul {width:200px;; padding:0 10px; float:left;list-style-type:none;} .EventTxt_right ul li {width:200px;; color:#4a87bf; font-size:11px;float:left;margin:0px;padding:0px;} /* 상품오버시노출박스 */ .ViewBtnBox {position:absolute; top:140px; left:50%; transform:TranslateX(-50%); text-align:center; display: flex; gap:5px;} .ViewBtnBox>a, .ViewBtnBox>span {display: flex; align-items: center; width: 40px; height: 40px; position: relative;} .ViewBtnBox>a::before , .ViewBtnBox>span::before {content:''; width:40px; height:40px; background:rgba(26,26,26,0.7); border-radius: 50%; position:absolute; top:0; left:0; z-index:-1; overflow: hidden; transition:all 0.2s;} .ViewBtnBox>a:hover::before , .ViewBtnBox>span:hover::before {background:#F14738;} .ViewBtnBox>a img, .ViewBtnBox>span img {width:24px; height:24px; display: block; margin:0 auto;} /* 가로 리스트 옵션제품 start */ .listView .width_list_option{width:540px; overflow:hidden; float:left; text-align:left; } .listView .width_list_option .option_list{ width:530px; padding:4px; border:1px solid #CCC; margin-top:5px; float:left;} .listView .width_list_option .option_list ul { list-style:none; } .listView .width_list_option .option_list li.option_li { width:530px; height:32px; padding:0 !important; border-bottom:0 !important; } .listView .width_list_option .option_list li.option_li table { width:100%; float:left; } .listView .width_list_option .option_list td{ border-bottom:1px dotted #CCC; padding:2px 0px;} /* 가로 리스트 옵션제품 end */ /*가로 리스트 */ .listView .width_list_wrap{width:893px; overflow:hidden; text-align:left; padding:12px; border-bottom:#dfdfdf 1px solid;} .listView .width_list_img_wrap{width:78px; height:62px; float:left; text-align:left; margin-right:7px;} .listView .width_list_Premium{width:16px; float:left; height:60px;} .listView .width_list_Premium a{border:0px;} .listView .width_list_img{width:100px; height:100px; float:left;} .listView .width_list_img img { width:100px; height:100px; } .listView .width_list_img a{border:0px;} .listView .width_list_speck{width:525px; overflow:hidden; float:left; text-align:left; margin-right:20px;} .listView .width_list_speck2{width:465px; overflow:hidden; float:left; text-align:left; margin-right:20px;} .listView .width_list_event_icon24{width:24px; height:14px; float:left; margin-right:3px;} .listView .width_list_event_icon32{width:32px; height:14px; float:left; margin-right:3px;} .listView .width_list_event_icon_txt{width:335px; overflow:hidden; float:left;} .listView .width_list_icon{width:370px; height:14px; float:left; margin-top:4px;} .listView .width_list_icon ul{width:370px; height:14px; list-style:none;} .listView .width_list_icon ul li{width:auto; height:14px; float:left; margin-right:2px; line-height:14px;} .listView .width_list_money{width:95px; overflow:hidden; float:left; margin-top:7px; margin-right:7px} .listView .width_list_money ul{width:95px; overflow:hidden; display:block; list-style:none;} .listView .width_list_money ul li{width:95px; height:14px; text-align:left; line-height:14px;} .listView .width_list_list_review{width:85px; height:45px; float:left; margin-top:20px; margin-right:7px;} .listView .width_list_list_review ul{width:85px; height:45px; display:block; list-style:none;} .listView .width_list_list_review ul li{width:85px; height:12px; text-align:left;line-height:13px;} .listView .width_list_list_btn{width:62px; overflow:hidden; float:left; margin-top:10px;} .listView .width_list_list_btn ul{width:62px; overflow:hidden; display:block; list-style:none;} .listView .width_list_list_btn ul li{width:62px; height:22px; display:block; clear:both; margin-top:2px; _margin-top:0px; _padding:0px;} .listView .width_list_list_btn ul li a{width:62px; height:22px; border:0px;} /* 그룹제품 리스트 필요 부분 */ .listView .width_list_option .option_list2{ width:530px; padding:4px; border:1px solid #CCC; margin-top:5px;} .listView .width_list_option .option_list2 ul {list-style-type:none; width:100%; overflow:hidden;} .listView .width_list_option .option_list2 li{ border-bottom:1px dotted #CCC !important; padding:8px 0px 3px 0px; position:relative;width:100% !important;} .listView .width_list_option .option_list2 li .mgleft{padding-left:7px;} .listView .width_list_option .option_list2 li:last-child{ border-bottom:none; padding:8px 0px 3px 0px;} .listView .width_list_option .option_list2 li span.price{float:right; padding-right:40px;} .listView .width_list_option .option_list2 li.up{list-style:none; background:url('//image5.compuzone.co.kr/img/images/product_list/product_arrow_up.gif') no-repeat 510px 11px;} .listView .width_list_option .option_list2 li.down{list-style:none; background:url('//image5.compuzone.co.kr/img/images/product_list/product_arrow_down.gif') no-repeat 510px 11px;} .listView .width_list_option .option_list2 li .click_tx{position: absolute; top:7px; left:430px;} .listView .width_list_option .option_list2 table{ background-color:#f7f7f7; padding: 0 10px; margin-top:3px;} .listView .width_list_option .option_list2 table tr.bg{background-color:#fafafa; } .listView .width_list_option .option_list2 table tr{background-color:#f5f5f5; } .listView .width_list_option .option_list2 table td{padding:5px 0px 3px 0px;} .listView .width_list_option .option_list2 table td img{ vertical-align:middle; } /* 제품리스트 장바구니&구매하기 */ .prd_cart_btn { width:82px; height:31px !important; background:url(//image5.compuzone.co.kr/img/images/product_list/prdBtn_cart_off.gif); } .prd_cart_btn:hover { background:url(//image5.compuzone.co.kr/img/images/product_list/prdBtn_cart_on.gif); } .prd_buy_btn { width:82px; height:30px !important; margin-top:0 !important; background:url(//image5.compuzone.co.kr/img/images/product_list/prdBtn_buy_off.gif); } .prd_buy_btn:hover { background:url(//image5.compuzone.co.kr/img/images/product_list/prdBtn_buy_on.gif); } /* 컴퓨존 베스트 */ .cozBest_area {width:1115px; float:left; margin-bottom:30px;} .cozBest_area ul li { list-style:none;} .cozBest_area .cateTab {float:right; margin-top:13px;} .cozBest_area .cateTab ul { float:right; height:13px;} .cozBest_area .cateTab ul li { border-right:1px solid #cccccc; list-style:none; float:left; height:13px;} .cozBest_area .cateTab ul li.ON a {text-decoration:none; font-weight:bold;} .cozBest_area .cateTab ul li:last-child {border-right:none;} .cozBest_area .cateTab ul li a {margin-top:-3px; display:block; padding:0 5px 0 5px; color:#323232; font-size:13px;} .cozBest_area .cateTab ul li a:hover {text-decoration:none; font-weight:bold;} .cozBest_area .cozBest {width:1120px; float:left; padding-top:10px;} .cozBest_area .cozBest .cozBest_list {width:245px; height:360px; padding:0px 14px 0 14px; margin-right:5px; margin-bottom:5px; border:1px solid #e1e1e1; float:left; position:relative;} .cozBest_area .cozBest .hover {border-color:#eb5e5e; border-width:2px; width:243px; height:358px;} .cozBest_area .cozBest .cozBest_list .bestRank {position:absolute; top:-1px; right:-1px; z-index:9; } .cozBest_area .cozBest .hover .bestRank {top:-2px; right:-2px;} .cozBest_area .cozBest .cozBest_list .bestRank .best1 {width:45px; height:43px; float:left; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -0 -294px no-repeat; text-indent:-10000px; } .cozBest_area .cozBest .cozBest_list .bestRank .best2 {width:45px; height:43px; float:left; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -46px -294px no-repeat; text-indent:-10000px; } .cozBest_area .cozBest .cozBest_list .bestRank .best3 {width:45px; height:43px; float:left; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -92px -294px no-repeat; text-indent:-10000px; } .cozBest_area .cozBest .cozBest_list .product_img {width:224px; height:224px; margin:13px 10px 0 11px; float:left; position:relative;} .cozBest_area .cozBest .hover .product_img {margin:12px 10px 0 10px;} .cozBest_area .cozBest .cozBest_list .product_img img {width:224px; height:224px; float:left;} .cozBest_area .cozBest .cozBest_list .eventICON {position:absolute; z-index:2; bottom:23px; right:14px;} .cozBest_area .cozBest .hover .eventICON {right:13px; bottom:22px;} .cozBest_area .cozBest .cozBest_list .eventICON .icon1 {width:28px; height:28px; float:left; margin-right:1px; text-indent:-10000px; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) 0 -248px no-repeat;} .cozBest_area .cozBest .cozBest_list .eventICON .icon2 {width:28px; height:28px; float:left; margin-right:1px; text-indent:-10000px; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -29px -248px no-repeat;} .cozBest_area .cozBest .cozBest_list .eventICON .icon3 {width:28px; height:28px; float:left; margin-right:1px; text-indent:-10000px; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -58px -248px no-repeat;} .cozBest_area .cozBest .cozBest_list .eventICON .icon4 {width:28px; height:28px; float:left; margin-right:1px; text-indent:-10000px; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -87px -248px no-repeat;} .cozBest_area .cozBest .cozBest_list .eventICON .icon5 {width:28px; height:28px; float:left; margin-right:1px; text-indent:-10000px; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -116px -248px no-repeat;} .cozBest_area .cozBest .cozBest_list .eventICON .icon6 {width:28px; height:28px; float:left; margin-right:1px; text-indent:-10000px; background:url(//image5.compuzone.co.kr/img/images/main2015/mainObj.png) -145px -248px no-repeat;} .cozBest_area .cozBest .cozBest_list .product_txt_area {width:230px; height:100px; float:left; margin-top:4px;} .cozBest_area .cozBest .hover .product_txt_area {margin-left:-1px;} .cozBest_area .cozBest .cozBest_list .product_txt_area a .product_name {width:244px; height:40px; color:#323232; float:left; font-size:13px; line-height:16px; margin-bottom:4px; margin-top:5px; padding-bottom:5px; border-bottom:1px solid #e1e1e1;} .cozBest_area .cozBest .cozBest_list .product_txt_area a:hover .product_name { text-decoration:none;} .cozBest_area .cozBest .cozBest_list .product_txt_area a .hover { text-decoration:none;} .cozBest_area .cozBest .cozBest_list .product_txt_area .product_price {width:100%; height:40px; float:left; margin-top:5px; padding-bottom:3px;} .cozBest_area .cozBest .cozBest_list .product_txt_area .product_price dl.p2 { margin-top:10px;} .cozBest_area .cozBest .cozBest_list .product_txt_area .product_price dl {width:235px; height:19px; float:left;} .cozBest_area .cozBest .cozBest_list .product_txt_area .product_price dt {width:auto; height:17px; margin-right:5px; padding-top:4px; float:left;} .cozBest_area .cozBest .cozBest_list .product_txt_area .product_price dd {width:auto; height:17px; margin-right:5px; float:left; letter-spacing:-1px;} .cozBest_area .cozBest .cozBest_list .product_txt_area .product_price .Price1 {padding-top:4px; text-decoration:line-through;} .cozBest_area .cozBest .cozBest_list .product_txt_area .product_price .Price2 {font-size:16px;} /* 프린터 잉크 정보 */ .ink_info { cursor:default; float:right; position:relative; margin-top:6px; margin-right:20px;} .ink_info h3{display:block; font-size:13px; padding-bottom:5px; text-align:left; letter-spacing:-1px;} .ink_info h3 span { font-size:13px; color:black;} table.ink_box {width:100%; border:1px solid #d8d7db; border-top:1px solid #2b2f3a; width:700px; text-align:center;} table.ink_box th { width:100px !important; background-color:#fbfbfb; color:#243e89; font-weight:bold; font-size:12px;} table.ink_box td{border:0px solid red; height:100%; vertical-align:top;} div.ink_con { width:600px; border:0px solid red; padding:10px 10px 5px 10px; overflow:auto; float:left;} div.ink_con ul li { background:url(//image5.compuzone.co.kr/img/images/product_detail/ink_info_bul.gif) no-repeat 8px 5.5px; .background:url(//image5.compuzone.co.kr/img/images/product_detail/ink_info_bul.gif) no-repeat 8px 7px; text-align:left; list-style:none; border:none !important; float:left; padding:0 20px 0 15px !important; .padding:0 5px 7px 13px !important; color:#474747; margin-bottom:5px; border:0px solid red; letter-spacing:-0.3px !important; white-space:nowrap;} div.ink_con ul li:hover {text-decoration:none; color:#474747;} div.ink_con ul li:visited {text-decoration:none; color:#474747;} div.ink_con ul li a:link {text-decoration:underline; color:#474747; background:url(//image5.compuzone.co.kr/img/images/button/product_icon_view2.gif) no-repeat right 3px;; padding-right:18px;} /* 컴퓨존 베스트 */ .ico_event1{width:28px;height:28px;float:left;margin-right:1px;text-indent:-10000px;background:url(//image5.compuzone.co.kr/img/images/main/mi_co.png) -117px -45px no-repeat;} .ico_event2{width:28px;height:28px;float:left;margin-right:1px;text-indent:-10000px;background:url(//image5.compuzone.co.kr/img/images/main/mi_co.png) -146px -45px no-repeat;} .ico_event3{width:28px;height:28px;float:left;margin-right:1px;text-indent:-10000px;background:url(//image5.compuzone.co.kr/img/images/main/mi_co.png) -175px -45px no-repeat;} .ico_event4{width:28px;height:28px;float:left;margin-right:1px;text-indent:-10000px;background:url(//image5.compuzone.co.kr/img/images/main/mi_co.png) -204px -45px no-repeat;} .ico_event5{width:28px;height:28px;float:left;margin-right:1px;text-indent:-10000px;background:url(//image5.compuzone.co.kr/img/images/main/mi_co.png) -233px -45px no-repeat;} .ico_event6{width:28px;height:28px;float:left;margin-right:1px;text-indent:-10000px;background:url(//image5.compuzone.co.kr/img/images/main/mi_co.png) -262px -45px no-repeat;} .cont .main_subj{font-family:Noto-M;font-size:24px;letter-spacing:-2px;color:#000;} .cont .main_subt{font-size:13px;letter-spacing:-1.5px;margin-left:8px;color:#5d5d5d;} .bestitem{width:100%;float:left;.margin-top:40px;} .bestitem .cont{width:1115px;margin:0 auto;} .bestitem .cont .tit{margin-bottom:10px;position:relative} .bestitem .cont .tit .tabmenu{position:absolute;right:0;top:10px;} .bestitem .cont .tit .tabmenu>li{float:left;margin-left:10px;} .bestitem .cont .tit .tabmenu>li>a{font-size:13px; color:#6e6e6e;letter-spacing:-1px;} .bestitem .cont .tit .tabmenu>li>a:hover{color:#000;font-weight:bold;text-decoration:none;} .bestitem .cont .tit .tabmenu>li>a.on{border:#000 1px solid;padding:3px 8px;color:#000;} .bestitem .prd_area{width:1115px;float:left;} .bestitem .prd_area>ul{} .bestitem .prd_area>ul>li{width:277px;float:left;display:inline-block;background:#fff;border:#ebebeb 1px solid;margin-left:-1px;margin-top:-1px;} .bestitem .prd_area>ul>li:hover{position:relative;z-index:10;border:#cecece 1px solid;} .bestitem .prd_area>ul>li:hover .name{color:#000;} .bestitem .prd_area>ul>li>a:hover{text-decoration:none;display:block;} .bestitem .prd_area>ul>li .img{padding:20px 35px;display:block;min-height:200px;text-align:center;} .bestitem .prd_area>ul>li .img .img_op{padding:8px 35px;} .bestitem .prd_area>ul>li .img img{width:200px;height:200px;} .bestitem .prd_area>ul>li .name{padding:0 30px;display:block;letter-spacing:-0.5px;font-size:14px;color:#666;margin:3px 0 10px;height:35px;} .bestitem .prd_area>ul>li .btm{padding:10px 30px 25px;display:block;position:relative;} .bestitem .prd_area>ul>li .btm .price{display:block;} .bestitem .prd_area>ul>li .btm .price .txt{color:#000;font-size:12px;letter-spacing:-1px;} .bestitem .prd_area>ul>li .btm .price .num{color:#ee2929;font-size:18px;letter-spacing:-1.5px;font-weight:bold;} .bestitem .prd_area>ul>li .btm .price .won{color:#ee2929;font-size:12px;letter-spacing:-1px;font-weight:bold;} .bestitem .prd_area>ul>li .btm .label{position:absolute;top:10px;right:30px;} /* New product list */ .search_result .top_tab_area .tab_menu {width:1300px; margin-top:15px; float:left; border-top:1px solid #383839;} .search_result .top_tab_area .tab_menu li {width:184.5px; height:44px; border-right:1px solid #dee0e4;border-bottom:1px solid #dee0e4; float:left;} .search_result .top_tab_area .tab_menu li a {width:184.5px; height:44px; line-height:44px; color:#434343; font-size:14px; letter-spacing:-1px; font-family:Noto-M; text-align:center; display:block;} .search_result .tab_menu li:first-child { border-left:1px solid #dee0e4;} .search_result .top_tab_area .tab_menu li a:hover {text-decoration:none; background-color:#227dd0; border-color:227dd0; border-left:1px solid #227dd0; margin-left:-1px; color:#fff; font-family:Noto-M; line-height:43px; } .search_result .top_tab_area .tab_menu li.tab_on a {text-decoration:none; background-color:#227dd0; border-color:227dd0; border-left:1px solid #227dd0; margin-left:-1px; color:#fff; font-family:Noto-M; line-height:43px; } .search_result .viewType_L {float:left; width:1298px; border:1px solid #ddd; border-top:0; border-bottom:0; margin-top:0;} .search_result .viewType_L .product_list {border-top:none; width:1300px;} .product_list_wrap{margin-top:0; border-top:0;} .viewType_L{border:0 !important;} /* 잉크 옵션 */ #cableSearch .search_result .prd_info_box .PrdReview_2 .text {color:#858585; font-size:12px; font-family:Malgun Gothic; line-height:12px; height:12px; display:block; width:auto; float:left; letter-spacing:-0.5px; margin-right:10px;} /* 검색결과 내 코즈몰 제품 노출 추가 :: 200103 bom */ /* 기본 :: 검색결과 있음 */ #searchArea .cozM_prd {background-color:#fbf7f7; box-sizing:border-box; display:block; float:left; padding: 0 34px; padding-bottom:15px; border-bottom:1px solid #dee0e4 !important; border-top:1px solid #dee0e4 !important; margin-top:-1px; position:relative; } .cozM_prd .product_list {background-color:#fff; display:inline-block; width:100%; } .cozM_prd > p {font-size:14px; color:#222; line-height:50px;height:50px; display:block; } .cozM_prd > p > span > b {color:#fe434c;} .viewType_L.cozM_prd .product_list li:last-child {border-bottom:none;} .viewType_L.cozM_prd .product_list li .prd_info {margin-left:197px; min-height:175px; margin-top:0;} .viewType_L.cozM_prd .product_list li .prd_img {width:165px; height:165px;} .viewType_L.cozM_prd .product_list li .prd_img img { width:165px; height:165px;} .viewType_L.cozM_prd .product_list li .right_bx .prd_price {width:210px;} .cozM_prd .right_bx .parcel_massage {width:210px; } .cozM_prd .right_bx .parcel_massage > dt, .viewType_L.cozM_prd .right_bx .parcel_massage > dd {display:inline-block; font-size:13px;} .cozM_prd .right_bx .parcel_massage > dd.free {font-weight:bold; color:#00b0ca;} .cozM_prd .cozM_prd_more {text-align:center; display:block; padding:10px 0 ;} .cozM_prd .cozM_prd_more > a {padding:0px 25px; line-height:38px; border-radius: 20px; display:inline-block; margin:0 auto; margin-top:10px; background-color:#fff; font-size:15px; letter-spacing:-1px; border:1px solid #e9c9c6; box-shadow: 5px 5px 5px rgba(220,208,207,.75);} .cozM_prd .cozM_prd_more > a > b {color:#fe434c; font-weight:600; } .cozM_prd > p > i {display:none; } #searchArea .cozM_prd .chk_right {position:absolute; right:34px; top:15px;} /* 이미지형 추가 */ .cozM_prd.viewType_T .product_list li .prd_info .prd_info_name.prdTxt {height:inherit; height:63px; max-height:63px;} .cozM_prd.viewType_T .prd_subTxt {overflow:hidden; height:39px; margin-top:5px;} .cozM_prd.viewType_T .product_list li {border-top:1px solid #ddd; margin-top:-1px;} .cozM_prd.viewType_T .product_list li:nth-child(1), .cozM_prd.viewType_T .product_list li:nth-child(2), .cozM_prd.viewType_T .product_list li:nth-child(3), .cozM_prd.viewType_T .product_list li:nth-child(4) {border-top:none;} .cozM_prd.viewType_T .product_list li .prd_price{width:220px; line-height:23px; height:65px; margin-top:0;} .cozM_prd.viewType_T .product_list li .prd_price .sale{display:block; margin-bottom:5px; margin-top:0;} .cozM_prd.viewType_T .product_list li .prd_price .sale .discount{font-size:20px; font-weight:bold; letter-spacing:-.5px; color:#ff4a4a; padding-right:7px; } .cozM_prd.viewType_T .product_list li .prd_price .sale .under{font-size:15px; text-decoration:line-through; color:#6b6b6b;} .cozM_prd.viewType_T .product_list li .prd_price .won{color:#434343; vertical-align:middle; letter-spacing:-.5px; font-weight:bold;} .cozM_prd.viewType_T .product_list li .prd_price .won .number{font-size:22px;} .cozM_prd.viewType_T .product_list li .prd_price .won>em{font-size:19px; display:inline-block; padding-right:5px;} .cozM_prd.viewType_T .product_list li a.prd_info_name:hover {text-decoration:none;} .cozM_prd.viewType_T .right_bx .parcel_massage {margin-top:10px;} .cozM_prd.viewType_T .right_bx .parcel_massage > dt {width:50px; float:left; } .cozM_prd.viewType_T .right_bx .parcel_massage > dd {float:left; } .cozM_prd.viewType_T .product_list li .prd_info {margin-top:10px; color:#888;} .cozM_prd.viewType_T .product_list li .prd_info a {color:#888;} .cozM_prd.viewType_T .product_list li .prd_info a:hover {color:#333;} .cozM_prd.viewType_T .product_list li .prd_info .prd_info_name {margin-bottom:5px;} /* 검색결과 없음 */ #searchArea .viewType_L.cozM_prd.listNoneType {position:relative; padding:34px;padding-left:267px;} #searchArea .viewType_L.cozM_prd.listNoneType > p { position:absolute; z-index:1; left:50px; top:40px; width:200px; font-size:18px; line-height:30px; padding-top:45px;} #searchArea .viewType_L.cozM_prd.listNoneType > p > span {display:block; } #searchArea .viewType_L.cozM_prd.listNoneType > p > i {position:absolute; display:block; font-size:14px; color:#fe434c; width:80px; height:50px; text-align:center; line-height:42px; left:-10px; top:0; background:url('//image5.compuzone.co.kr/img/images/main2019/coz_msg_box.png') no-repeat; font-style: normal;} .viewType_L.cozM_prd.listNoneType .cozM_prd_more {width:1300px; position:relative; left:-267px; clear:both;} /* 코즈몰 연동 200810*/ .finder_area2 .search_b_box .second_bottombox .bottom_area3{width:auto;} #searchArea .ctList .title_wrap .name.ccname, #searchArea .ctList .title_wrap .name > a:nth-of-type(2) , #searchArea .ctList .title_wrap .name > a:last-of-type{font-weight:normal;} /* 코즈몰 연동 끝 200810 */ /* 배송유형 필터 추가 200813 */ .finder_area2 .search_b_box .second_bottombox .bottom_area3 label{position:relative;} .cpz_deli:hover .layer_pop{display:block; width:290px;} /* 배송유형 필터 추가 끝 200813 */ /* 빠른픽업 추가 210121 */ .finder_area2 .search_b_box .second_bottombox .bottom_area1 label, .finder_area2 .search_b_box .second_bottombox .bottom_area2 label, .finder_area2 .search_b_box .third_bottombox .bottom_area4_1 label {padding-right: 8px; } .finder_area2 .search_b_box .layer_pop {left: -60px;} .finder_area2 .search_b_box .second_bottombox .bottom_area2 {width: auto;} .bottom_area3 .custom_price {margin-top: 4px;} .bottom_area3 .custom_price * {box-sizing: border-box; ;} .bottom_area3 .custom_price .cum_tit { font-size: 13px; font-family: malgun gothic; padding-left: 0; letter-spacing: -1px;} .bottom_area3 .quick_pickUP_icon {width: unset;} .bottom_area3 .quick_pickUP_icon > b {font-size: 13px; font-weight: normal; height: 17px; margin-top: 3px; position: relative;} .bottom_area3 .quick_pickUP_icon > b > em{font-style: normal; color: #555; font-weight: normal; font-family: malgun gothic; margin-left: 3px;} .bottom_area3 .quick_pickUP_icon .qu_over {display: inline-block; background: url(//image5.compuzone.co.kr/img/images/product_list/productList_N/productList_icon.png) -299px -84px; width: 17px; height: 17px; cursor: pointer; margin-top: 5px; margin-left: 5px; float: right; position: relative; padding-bottom: 10px; z-index: 1;} .prd_icon .quick_pickUP_icon:hover .quick_pickUP_layer_pop {display: inline-block;} .bottom_area3 .quick_pickUP_layer_pop {right: 0; top: 25px;} /* 웹폰트 규격 적용 230213 */ #inkSearch .rightArea .searchSec .searchSec_cont .textBox{font-family: '맑은고딕', 'malgun gothic';} #inkSearch .rightArea .searchSec .searchSec_cont .inkList > li a{font-family: '맑은고딕', 'malgun gothic';} .search_result .text_result .strong{ font-family: 'spoqa R';} .search_result .text_result .strong#search_loop{font-family: 'Noto-R';} #searchArea .pasing .num{font-family: '맑은고딕', 'malgun gothic';} #searchArea .pasing .next{font-family: '맑은고딕', 'malgun gothic';} #searchArea .pasing .total{font-family: '맑은고딕', 'malgun gothic';} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox p.selName > a{font-family: '맑은고딕', 'malgun gothic';} #cableSearch .rightArea .searchSec .searchSec_cont .inkList > li a{font-family: '맑은고딕', 'malgun gothic';} #cableSearch .rightArea .searchSec .searchSec_cont .selectBox ul.selList > li{font-family: '맑은고딕', 'malgun gothic';} #cableSearch .search_result .ctgr ul.sc_opt li{font-family: '맑은고딕', 'malgun gothic';} .viewType_L .product_list li .right_bx .prd_price .won>em{font-family: 'Noto-M';} /* 94418 검색결과 페이지 내 카테고리 수정 230221 */ .finder_area2 .search_b_box .cate_srchbox .opt_box1 { width: 275px; } .finder_area2 .search_b_box .cate_srchbox .opt_box1 .tit{ width: 275px;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox{width: 275px;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox dd{width: 240px;} .finder_area2 .search_b_box .cate_srchbox .opt_box3{width: 1023px;} .finder_area2 .search_b_box .cate_srchbox .opt_box3 .tit{width: 1024px;} .finder_area2 .search_b_box .cate_srchbox .scroll_ctgr1 .recommendbox .rcmbox_btn input.rcmboxbtnst{ width: 229px;} .finder_area2 .search_b_box .cate_srchbox .opt_box4{width:701px;} .finder_area2 .search_b_box .cate_srchbox .opt_box4 .tit { width:701px;} /* 102331 케이블 검색 페이지 개선 요청 231013 */ #cableSearch #searchArea .productList_area .top_tab_area{width: 100% !important;} #cableSearch #searchArea .viewType_L .product_list li .prd_option_wrap > ul li.prd_option dl{width: 675px;} #cableSearch #searchArea .viewType_L .product_list li .prd_option_wrap {width: 675px; margin: 12px 350px 10px 0;} #cableSearch #searchArea .viewType_L .product_list{border: 1px solid #d8d8d8; border-bottom: 0; padding-top: 20px; box-sizing: border-box;} #cableSearch #searchArea .viewType_L .product_list li .right_bx{top: 25px;} #cableSearch #compatibility_list_wrap .search_none{border: 1px solid #d8d8d8;} #cableSearch .productList_area .top_tab_area .tab_menu li{position: relative;} #cableSearch .productList_area .top_tab_area .tab_menu li::after{content: ""; position: absolute; bottom: 0; width: 1px; height: 17px; background: #dddddd;} #cableSearch .productList_area .top_tab_area .tab_menu li.tab_on::after{display: none;} #cableSearch .productList_area .top_tab_area .tab_menu li:last-child:after{display: none;} /* 102967 케이블 검색 페이지 개선 협조 요청 */ #cableSearch .searchBox {width: 1300px; padding: 30px 0 0; box-sizing: border-box; float: unset;} #cableSearch .leftArea {width: 100%; height: unset; border-right: 0; float: unset; padding-top: 0; margin-bottom: 20px;} #cableSearch .leftArea .tit {float: unset; font-size: 32px; font-family: 'noto-B'; letter-spacing: -1px; line-height: unset; color: #1A1A1A; margin-bottom: 10px;} #cableSearch .leftArea .tit_sub {font-size: 18px; letter-spacing: -1px; font-family: 'noto-R'; color: #6C6C6C; display: inline-block; padding-top: 0;} #cableSearch .rightArea {width: 100%; margin: 0 0 30px; float: unset;} #cableSearch .rightArea .searchSec{width: 100%; float: unset;} #cableSearch .rightArea .searchSec .inner{display: flex; border: 1px solid #D8D8D8; border-radius: 10px; overflow: hidden;} #cableSearch .rightArea .searchSec .inner .line{width: 1px; height: 160px; display: block; background: #D8D8D8; margin-left: 4px;} #cableSearch .rightArea .searchSec .inner .dpt{width: 100%; height: 160px; padding: 10px 20px 10px 20px; box-sizing: border-box; overflow-y: scroll;} #cableSearch .rightArea .searchSec .inner .dpt:last-child{border: 0;} #cableSearch .rightArea .searchSec .inner .dpt::-webkit-scrollbar{width: 4px; height: 160px;} #cableSearch .rightArea .searchSec .inner .dpt::-webkit-scrollbar-thumb{background: #D8D8D8; border-radius: 3px;} #cableSearch .rightArea .searchSec .inner .dpt::-webkit-scrollbar-track{background: #ffffff; border-radius: 3px; margin: 4px 4px;} #cableSearch .rightArea .searchSec .inner .dpt ul{display: flex; flex-direction: column; gap: 10px;} #cableSearch .rightArea .searchSec .inner .dpt ul li{color: #6C6C6C; font-family: 'noto-R'; font-size: 14px; cursor: pointer; line-height: 20px;} #cableSearch .rightArea .searchSec .inner .dpt ul li.on{color: #0D6DE3; font-family: 'noto-M';} #cableSearch .rightArea .searchSec .inner .dpt.dpt_none ul li{color: #D8D8D8; cursor: unset;} #cableSearch .rightArea .searchSec .inner .dpt01 ul li{cursor: unset;} #cableSearch .search_result{width: 1300px; margin: 0; float: unset;} #cableSearch #compatibility_list_wrap {width: 1300px; overflow: hidden; margin: 0px; padding: 0; border: 0px;} #cableSearch #compatibility_list_wrap .search_none {border: 0; background: #F9F9F9; border-radius: 10px;} #cableSearch #compatibility_list_wrap .search_none p{margin: 10px 0 0;} #cableSearch .productList_area .top_tab_area .tab_menu{float: unset; display: flex; justify-content: space-between; align-items: center;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right {float: unset; margin: 0; margin-right: 20px; display: flex; align-items: center; gap: 20px;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType{background: #fff; border: 1px solid #D8D8D8; border-radius: 2px; display: inline-block; font-size: 0; float: unset; margin: 0;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType a{width: 38px; height: 38px; background:unset;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .list_view {background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_before.png') center center; background-size: 24px; background-repeat: no-repeat;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .img_view {background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_before.png') center center; background-size: 24px; background-repeat: no-repeat; border-right: 1px solid #D8D8D8;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .img_view.active {background-position: unset; z-index: 1; background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_hover.png') center center; background-size: 24px; background-repeat: no-repeat;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .img_view:hover{background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_hover.png') center center; background-size: 24px; background-repeat: no-repeat;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .list_view.active {background-position: unset; position: relative; z-index: 2; background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_hover.png') center center; background-size: 24px; background-repeat: no-repeat;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .list_view:hover{background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_hover.png') center center; background-size: 24px; background-repeat: no-repeat;} #cableSearch .productList_area .top_tab_area .tab_menu .tab_right .select_comm_small {display: inline-block; position: relative; width: 120px; margin: 0 !important;} #cableSearch .viewType_T .product_list li .prd_img > a{width: 278px !important; height: 278px !important;} #cableSearch .viewType_T .product_list li .prd_img img{width: 100%; height: 100%;} #cableSearch .viewType_T .product_list li .prd_info{margin-top: 20px;} /* 240104 104964 잉크/토너 검색 페이지 개선 협조 요청 */ #inkSearch { width:1300px; margin: auto; position: relative;} #inkSearch .titArea{display: flex; justify-content: space-between; align-items: flex-end; padding-top: 30px; margin-bottom: 20px;} #inkSearch .titArea .tit_box .tit{font-size: 32px; font-family: 'noto-B'; color: #1A1A1A; margin-bottom: 10px;} #inkSearch .titArea .tit_box .tit_sub{display: block; font-size: 18px; font-family: 'noto-R'; color: #6C6C6C} #inkSearch .titArea .reset_btn a{display: flex; align-items: center; justify-content: center; width: 78px; height: 40px; border: 1px solid #D8D8D8; border-radius: 2px; color: #1A1A1A; font-size: 16px; font-family: 'noto-R';} #inkSearch .searchArea{display: flex; margin-bottom: 20px; border: 1px solid #D8D8D8; border-radius: 10px; overflow: hidden;} #inkSearch .searchArea .serach_box{display: flex; align-items: center; width: 100%; height: 64px;} #inkSearch .searchArea .serach_box .tit_box{display: flex; align-items: center; padding: 21px 20px; background: #F9F9F9; width: 200px; box-sizing: border-box;} #inkSearch .searchArea .serach_box .tit_box>p{font-size: 16px; font-family: 'noto-M'; color: #1A1A1A;} #inkSearch .searchArea .serach_box .tit_box .q_mark {display: block; background: url("//image5.compuzone.co.kr/img/images/main2019/icon-question2023.png"); width: 18px; height: 18px; margin-left: 4px; cursor: pointer;} #inkSearch .searchArea .serach_box .tit_box .textBBbox {display: none; position: absolute; width: 250px; z-index: 10; left: 22px; top: 180px; padding: 6px 10px; height: auto; background-color: #ffffff; border: 1px solid #2679CF;} #inkSearch .searchArea .serach_box .tit_box .textBBbox p{font-size: 12px; color: #1A1A1A; font-family: 'noto-R'; text-align: center; letter-spacing: -0.5px;} #inkSearch .searchArea .serach_box .tit_box .textBBbox:after, #inkSearch .searchArea .serach_box .tit_box .textBBbox:before {content: " "; position: absolute; bottom: 100%; left: 50%; border: solid transparent; height: 0; width: 0; pointer-events: none;} #inkSearch .searchArea .serach_box .tit_box .textBBbox:before {border-color: #ffffff00; border-bottom-color: #2679CF; border-width: 6px; margin-left: -6px;} #inkSearch .searchArea .serach_box .tit_box .textBBbox:after {border-color: #ffffff00; border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px;} #inkSearch .searchArea .serach_box .tit_box .q_mark:hover+.textBBbox {display: block;} #inkSearch .searchArea .serach_box .insertBox{display: flex; align-items: center; width: 450px; padding: 12px 20px; position: relative; box-sizing: border-box;} #inkSearch .searchArea .serach_box .insertBox .insert {width: 410px; height: 40px; text-align: left; border: 1px solid #E1E1E1; border-radius: 2px;} #inkSearch .searchArea .serach_box .insertBox .insert > input {width: 370px; height: 38px; border: 0; padding: 15px 10px; color: #1A1A1A; font-size: 14px; font-family: 'noto-R'; box-sizing: border-box;} #inkSearch .searchArea .serach_box .insertBox .insert > input::placeholder{color: #949494; font-size: 14px; font-family: 'noto-R';} #inkSearch .searchArea .serach_box .insertBox .insertBt{position: absolute; right: 30px;} #inkSearch .selectArea{display: flex; align-items: center; width: 100%; height: 64px; background: #F9F9F9; border-radius: 10px; padding: 20px; margin-bottom: 30px; box-sizing: border-box;} #inkSearch .selectArea > p{color: #1A1A1A; font-family: 'noto-M'; font-size: 16px; width: 180px; display: block;} #inkSearch .selectArea ul{display: flex; padding: 0 20px; gap: 20px;} #inkSearch .selectArea ul li a{color: #6C6C6C; font-family: 'noto-R'; font-size: 14px; padding: 2px 10px; background: transparent; border-radius: 100px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; transition: all 0.3s;} #inkSearch .selectArea ul li a:hover{color: #ffffff; padding: 2px 10px; background: #1C8FED; border-radius: 100px; box-sizing: border-box;} #inkSearch .selectArea ul li.on a{color: #ffffff; padding: 2px 10px; background: #1C8FED; border-radius: 100px; box-sizing: border-box;} #inkSearch .search_result_none #compatibility_list_wrap{padding: 0; background: #F9F9F9; border-radius: 10px;} #inkSearch .search_result_none #compatibility_list_wrap .search_none p{margin-bottom: 0;} #inkSearch .productList_area .top_tab_area .tab_menu{float: unset; display: flex; justify-content: space-between; align-items: center;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right {float: unset; margin: 0; margin-right: 20px; display: flex; align-items: center; gap: 20px;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType{background: #fff; border: 1px solid #D8D8D8; border-radius: 2px; display: inline-block; font-size: 0; float: unset; margin: 0;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType a{width: 38px; height: 38px; background:unset;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .list_view {background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_before.png') center center; background-size: 24px; background-repeat: no-repeat;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .img_view {background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_before.png') center center; background-size: 24px; background-repeat: no-repeat; border-right: 1px solid #D8D8D8;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .img_view.active {background-position: unset; z-index: 1; background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_hover.png') center center; background-size: 24px; background-repeat: no-repeat;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .img_view:hover{background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/item_hover.png') center center; background-size: 24px; background-repeat: no-repeat;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .list_view.active {background-position: unset; position: relative; z-index: 2; background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_hover.png') center center; background-size: 24px; background-repeat: no-repeat;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .viewType .list_view:hover{background: url('//image5.compuzone.co.kr/img/images/product_list/productList_N/list_hover.png') center center; background-size: 24px; background-repeat: no-repeat;} #inkSearch .productList_area .top_tab_area .tab_menu .tab_right .select_comm_small {display: inline-block; position: relative; width: 120px; margin: 0 !important;} #inkSearch .viewType_T .product_list li .prd_img > a{width: 278px !important; height: 278px !important;} #inkSearch .viewType_T .product_list li .prd_img img{width: 100%; height: 100%;} #inkSearch .viewType_T .product_list li .prd_info{margin-top: 20px;} #inkSearch #searchArea .productList_area .top_tab_area{width: 100% !important;} #inkSearch #searchArea .viewType_L .product_list li .prd_option_wrap > ul li.prd_option dl{width: 675px;} #inkSearch #searchArea .viewType_L .product_list li .prd_option_wrap {width: 675px; margin: 12px 350px 10px 0;} #inkSearch #searchArea .viewType_L .product_list{border: 1px solid #d8d8d8; border-bottom: 0; box-sizing: border-box;} #inkSearch #searchArea .viewType_L .product_list li .right_bx{top: 25px;} #inkSearch #compatibility_list_wrap .search_none{border-radius: 10px;} #inkSearch .productList_area .top_tab_area .tab_menu li{position: relative;} #inkSearch .productList_area .top_tab_area .tab_menu li::after{content: ""; position: absolute; bottom: 0; width: 1px; height: 17px; background: #dddddd;} #inkSearch .productList_area .top_tab_area .tab_menu li.tab_on::after{display: none;} #inkSearch .productList_area .top_tab_area .tab_menu li:last-child:after{display: none;} #inkSearch .viewType_L .product_list li .prd_option_wrap .ink_list_area{width: 100%;} #inkSearch .viewType_L .product_list li .prd_info{width: 675px;} #inkSearch .viewType_T .product_list li .prd_info .tag_box{margin-top: auto;} #inkSearch .product_list_none{width: 100%; padding: 150px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; letter-spacing: -1.5px; float: left; border: 1px solid #d8d8d8; border-top: 0; box-sizing: border-box;} #inkSearch .product_list_none p {margin: 10px 0 0; font-family: 'noto-R'; font-size: 16px; color: #949494;} #inkSearch .productList_area .productList_title h2{font-size: 18px; margin-top: 6px;}