#contents{position:relative; margin-left:auto; margin-right:auto; width:100% !important; min-width:1300px; }
.clearfix:after{content:""; display:block; clear:both;}
.recommend21_wrap{overflow:hidden;}
.recommend21_wrap *{box-sizing:border-box; letter-spacing:-0.5px; outline:none;}
.recommend21_wrap em , .recommend21_wrap i{font-style:normal;} 
.recommend21_wrap a:hover{text-decoration:none;}
.recommend21_wrap .inner{position:relative; width:1204px; margin:0 auto; }

/* 인텔 등급 수동 배너 레이어 팝업 (추천조립pc + 아이웍스) 201006  */
.layer_pop.itpp_layer_pop {position: fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:410px; padding:30px; background-color: #fff; border: 1px solid #B4B4B4; box-sizing: border-box; letter-spacing: -1px; z-index: 10; display:none;}
.layer_pop.itpp_layer_pop .title {height:auto; margin-bottom: 15px; padding-bottom: 15px; text-align: center; font-size: 18px; font-family: 'noto-B'; font-weight: normal; color: #1A1A1A; border-bottom: 1px solid #1a1a1a;}
.layer_pop.itpp_layer_pop .s_close {width: 16px; height: 16px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -350px -130px no-repeat; position: absolute; top: 20px; right: 20px;}
.layer_pop.itpp_layer_pop .contents {width: 100%; margin-top: 24px; display: block; position: relative;}
.layer_pop.itpp_layer_pop .contents .txt_box > p {font-size: 16px; font-family:'noto-R'; font-weight: normal; color:#1a1a1a; word-break:initial;}
.layer_pop.itpp_layer_pop .contents .txt_box > p b {font-family:'noto-B'; font-weight: normal; color:#1a1a1a;}
.layer_pop.itpp_layer_pop .contents .txt_box > img {display: block; width:100%; margin-top:10px;}
.layer_pop.itpp_layer_pop .contents .txt_box .gray_txt {display: block; font-size:13px; font-family:'맑은고딕'; color:#6C6C6C;}

/* 하단 인텔,AMD,마소 배너추가 */
.reco_bnr1 {display: flex; justify-content: space-between; margin-bottom:40px;}
.reco_bnr2 {margin-top:20px;} 
.reco_bnr1 > div , .reco_bnr2 {position:relative; cursor:pointer;}
.reco_bnr2 > div{height:140px !important;}
.reco_bnr1 .layer_pop.itpp_layer_pop , .reco_bnr1 .layer_pop.amd_layer_pop{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:600px; z-index:10;}

/* 125612 유사견적 배너 */
.similar_bnr {width: 1300px; display: flex; gap: 20px; flex-wrap: wrap; margin: 60px auto 100px;}
.similar_bnr a {width: 100%; display: block;}

/* 유사견적 플로팅 배너 */
.assemble_floating_bnr {position: fixed; bottom: 35%; left: calc(50% + 768px); transform: translateX(-50%); z-index: 100; width: 180px; height: 108px; display: none; cursor: pointer; overflow: hidden;  transition: all 0.5s;}
.assemble_floating_bnr.on {display: block;}
.assemble_floating_bnr::before {content: ''; width: 20px; height: 20px; border-radius: 50%; background: #FFF url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_close_12.svg) 50% 50% /12px no-repeat; position: absolute; top: 0px; left: 8px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.129); transition: all 0.5s; transform: rotate(45deg);} 
.flo_bnr_item {width: 140px; height: 72px; background: #FAFAFA; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.102); display: flex; align-items: center; padding:0 16px; gap:8px; border-radius: 10px; margin-bottom: 8px; box-sizing: border-box;}
.flo_bnr_item figure {width: 34px; flex-shrink: 0; margin: 0;}
.flo_bnr_item p {font-size: 13px; font-weight: bold; font-family: 맑은고딕; border-radius: 10px; letter-spacing: -0.78px; color: #6C6C6C; flex-grow: 1; line-height: 1.5;} 
.flo_bnr_item.bnr_item1 {background: #EBF5FF;}
.flo_bnr_item.bnr_item1 .point {color: #1C8FED;}
.flo_bnr_item.bnr_item2 {background: #E7FDFD;}
.flo_bnr_item.bnr_item2 .point {color: #00B8CC;}
.flo_bnr_item.bnr_item3 {background: #F4EFFA;}
.flo_bnr_item.bnr_item3 .point {color: #5917B8;}
.assemble_floating_bnr ul {position: absolute; left: 10px; bottom: 80px; height: 0px; transition: all 0.5s; overflow: hidden; width: 100%;} 
.assemble_floating_bnr.act1 {height: 188px;} 
.assemble_floating_bnr.act2 {height: 268px;} 
.assemble_floating_bnr.act1 ul {height: 80px;} 
.assemble_floating_bnr.act2 ul {height: 160px;} 
.assemble_floating_bnr.act1::before,
.assemble_floating_bnr.act2::before {transform: rotate(0deg);}
.assemble_floating_bnr > div {position: absolute; left: 10px; bottom: 0; width: 100%;}