.search21_cover + #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:1300px; margin:0 auto; }
.recommend21_wrap .section_title p{color:#1A1A1A; font-size:18px; font-family:Noto-R; }
.recommend21_wrap .section_title h2{margin-top:8px; color:#1A1A1A; font-size:32px; line-height:1.3; font-family:Noto-B;}
.recommend21_wrap .left{float:left;}
.recommend21_wrap .right{float:right;}
.recommend21_wrap .wh100{position:relative; display:block; width:100%; height:100% !important;}

.recomend_main{position:relative; height:650px; z-index:10;}
.recomend_main .wave_area{position:absolute; left:0; bottom:-1px; width:100%; height:102px; background:url("http://image5.compuzone.co.kr/img/images/recomend21/wave_bg1.png") repeat-x 0 0; transition:all .5s;}
.recoMain_slideWrap .recoMain_slide{position:relative; overflow:hidden;}
.recoMain_slideWrap .recoMain_slide.bg_blue{height:650px; background:#3670FF;}
.recoMain_slideWrap .recoMain_slide.bg_green{height:650px; background:#00B8BA;}
.recoMain_slideWrap .recoMain_slide.bg_orange{height:650px; background:#FF881B;}
.recoMain_slideWrap .recoMain_slide.bg_pink{height:650px; background:#FF63AD;}
.recoMain_slideWrap .main_slideInner{position:absolute; left:50%; margin-left:-650px; top:0; width:1300px; height:100%;}
.recoMain_slideWrap .main_slideInner .slide_txt{margin:80px 0 0 80px;}
.main_slideInner .slide_txt{position:relative; z-index:5;}
.main_slideInner .sub_tit{display:block; margin-bottom:20px; color:#fff; font-size:28px; font-family:'Noto-M'; letter-spacing:-1px;}
.main_slideInner .tit_txt1 , .main_slideInner .tit_txt2{color:#fff; font-size:64px; font-weight:bold;}
.slide_txt .sub_tit , .slide_txt .tit_txt1 , .slide_txt .tit_txt2{opacity: 0;}
.tit_ani{ animation: tit_ani 0.5s ease-in-out forwards;}
@keyframes tit_ani{ 0%{ transform: translateY(-20px); opacity: 0;} 100%{transform: translateY(0); opacity: 1;} }

.main_slideInner .more_view , .game_recomendPc .more_view{position:relative; display:inline-block; margin-top:40px; padding:0 50px; line-height:60px; cursor:pointer;}
.main_slideInner .more_view:before  , .game_recomendPc .more_view:before{content:""; position:absolute; left:0; top:0; display:inline-block; width:100%; height:60px; border-radius:35px; transform:translateX(0); transition:0.5s all;}
.recoMain_slide.bg_blue .more_view:before{background:#1A55E6;}
.recoMain_slide.bg_green .more_view:before{background:#009E9F;}
.recoMain_slide.bg_orange .more_view:before{background:#F36900;}
.recoMain_slide.bg_pink .more_view:before{background:#FE3E99;}
.main_slideInner .more_view:hover:before , .game_recomendPc .more_view:hover:before{box-shadow:3px 3px 16px rgba(0, 0, 0, 0.16);}
.main_slideInner .more_view a , .game_recomendPc .more_view a{position:relative; display:inline-block; color:#fff; font-size:16px; font-family:'Noto-M'; z-index:1;}
.main_slideInner .more_view i , .game_recomendPc .more_view i{display:none;}
/* 메인 슬라이드 우측 데코 */
.main_slideInner .gradient_circle > span{position:absolute; display:block; }
.recoMain_slide.bg_blue .gradient_circle span{background:url("//image5.compuzone.co.kr/img/images/recomend21/gradient_blue.png") center no-repeat; background-size:cover;}
.recoMain_slide.bg_green .gradient_circle span{background:url("//image5.compuzone.co.kr/img/images/recomend21/gradient_green.png") center no-repeat; background-size:cover;}
.recoMain_slide.bg_orange .gradient_circle span{background:url("//image5.compuzone.co.kr/img/images/recomend21/gradient_orange.png") center no-repeat; background-size:cover;}
.recoMain_slide.bg_pink .gradient_circle span{background:url("//image5.compuzone.co.kr/img/images/recomend21/gradient_pink.png") center no-repeat; background-size:cover;}
.main_slideInner .prdImg{top:8px; margin-left:5px; width:470px; height:470px; z-index:50;}
.main_slideInner .prdImg > img , .monthPC_slide .pcImg > img{display:block; width:100%; height:100%;}
.main_slideInner .gradient1{left:-260px; top:-240px; width:600px; height:600px; animation:gradientScale 5s infinite linear; -webkit-animation:gradientScale 5s infinite linear; -moz-animation:gradientScale 5s infinite linear; -o-animation:gradientScale 5s infinite linear; -ms-animation:gradientScale 5s infinite linear; transform:scale(0.3); }
.main_slideInner .gradient2{left:51%; bottom:190px; width:220px; height:220px; animation:gradientScale2 6s infinite linear; -webkit-animation:gradientScale2 6s infinite linear; -moz-animation:gradientScale2 6s infinite linear; -o-animation:gradientScale2 6s infinite linear; -ms-animation:gradientScale2 6s infinite linear; transform:scale(1);}
.main_slideInner .gradient3{right:-545px; bottom:-165px; width:550px; height:550px; animation:gradientScale 5s infinite linear; -webkit-animation:gradientScale 5s infinite linear; -moz-animation:gradientScale 5s infinite linear; -o-animation:gradientScale 5s infinite linear; -ms-animation:gradientScale 5s infinite linear; transform:scale(0.3);}
@keyframes gradientScale{ 0%{transform:scale(0.3);} 50%{transform:scale(1);} 100%{transform:scale(0.3);} }
@-webkit-keyframes gradientScale{ 0%{transform:scale(0.3);} 50%{transform:scale(1);} 100%{transform:scale(0.3);} }
@-moz-keyframes gradientScale{ 0%{transform:scale(0.3);} 50%{transform:scale(1);} 100%{transform:scale(0.3);} }
@-o-keyframes gradientScale{ 0%{transform:scale(0.3);} 50%{transform:scale(1);} 100%{transform:scale(0.3);} }
@-ms-keyframes gradientScale{ 0%{transform:scale(0.3);} 50%{transform:scale(1);} 100%{transform:scale(0.3);} }
@keyframes gradientScale2{ 0%{transform:scale(1);} 50%{transform:scale(0.5);} 100%{transform:scale(1);} }
@-webkit-keyframes gradientScale2{ 0%{transform:scale(1);} 50%{transform:scale(0.5);} 100%{transform:scale(1);} }
@-moz-keyframes gradientScale2{ 0%{transform:scale(1);} 50%{transform:scale(0.5);} 100%{transform:scale(1);} }
@-o-keyframes gradientScale2{ 0%{transform:scale(1);} 50%{transform:scale(0.5);} 100%{transform:scale(1);} }
@-ms-keyframes gradientScale2{ 0%{transform:scale(1);} 50%{transform:scale(0.5);} 100%{transform:scale(1);} }
.main_slideInner .prdDeco_circle{position:absolute; left:50%; margin-left:50px; top:54px; width:565px; height:480px;}
.main_slideInner .prdDeco_circle span{position:absolute; display:block;}
.main_slideInner .prdBg_circle{top:25px; left:25px; width:460px; height:460px; border-radius:50%;}
.recoMain_slide.bg_blue .prdBg_circle{background:linear-gradient(180deg, #23CDFF, #3670FF );}
.recoMain_slide.bg_green .prdBg_circle{background:linear-gradient(180deg, #00FFED, #00B8BA );}
.recoMain_slide.bg_orange .prdBg_circle{background:linear-gradient(180deg, #FFCF1B, #FF881B );}
.recoMain_slide.bg_pink .prdBg_circle{background:linear-gradient(180deg, #FF9897, #FF63AD );}
.recoMain_slide.bg_blue .decoM_circle{background:#AED8FF;  border-radius:50%;}
.recoMain_slide.bg_blue .decoM_circle1{box-shadow:1px 1px 10px 10px rgba(55,109,255,0.8); -webkit-box-shadow:1px 1px 10px 10px rgba(55,109,255,0.8); -moz-box-shadow:1px 1px 10px 10px rgba(55,109,255,0.8);}
.recoMain_slide.bg_blue .decoM_circle2{box-shadow:8px 5px 10px 10px rgba(55,109,255,0.8); -webkit-box-shadow:8px 5px 10px 10px rgba(55,109,255,0.8); -moz-box-shadow:8px 5px 10px 10px rgba(55,109,255,0.8);}
.recoMain_slide.bg_green .decoM_circle{background:#84FFF6;  border-radius:50%;}
.recoMain_slide.bg_green .decoM_circle1{box-shadow:1px 1px 10px 10px rgba(0,184,186,0.8); -webkit-box-shadow:1px 1px 10px 10px rgba(0,184,186,0.8); -moz-box-shadow:1px 1px 10px 10px rgba(0,184,186,0.8);}
.recoMain_slide.bg_green .decoM_circle2{box-shadow:8px 5px 10px 10px rgba(0,184,186,0.8); -webkit-box-shadow:8px 5px 10px 10px rgba(0,184,186,0.8); -moz-box-shadow:8px 5px 10px 10px rgba(0,184,186,0.8); }
.recoMain_slide.bg_orange .decoM_circle{background:#FFDB54;  border-radius:50%;}
.recoMain_slide.bg_orange .decoM_circle1{box-shadow:1px 1px 10px 10px rgba(255,136,27,0.8); -webkit-box-shadow:1px 1px 10px 10px rgba(255,136,27,0.8); -moz-box-shadow:1px 1px 10px 10px rgba(255,136,27,0.8); }
.recoMain_slide.bg_orange .decoM_circle2{box-shadow:8px 5px 10px 10px rgba(255,136,27,0.8); -webkit-box-shadow:8px 5px 10px 10px rgba(255,136,27,0.8); -moz-box-shadow:8px 5px 10px 10px rgba(255,136,27,0.8); }
.recoMain_slide.bg_pink .decoM_circle{background:#FFCAC9;  border-radius:50%;}
.recoMain_slide.bg_pink .decoM_circle1{box-shadow:1px 1px 10px 10px rgba(255,99,173,0.8); -webkit-box-shadow:1px 1px 10px 10px rgba(255,99,173,0.8); -moz-box-shadow:1px 1px 10px 10px rgba(255,99,173,0.8); }
.recoMain_slide.bg_pink .decoM_circle2{box-shadow:8px 5px 10px 10px rgba(255,99,173,0.8); -webkit-box-shadow:8px 5px 10px 10px rgba(255,99,173,0.8); -moz-box-shadow:8px 5px 10px 10px rgba(255,99,173,0.8); }
.main_slideInner .decoM_circle1{left:60px; top:60px; width:60px; height:60px; 
animation:circle1 6s infinite linear; -webkit-animation:circle1 6s infinite linear; -moz-animation:circle1 6s infinite linear; -ms-animation:circle1 6s infinite linear; -o-animation:circle1 6s infinite linear;}
.main_slideInner .decoM_circle2{right:35px; bottom:100px; width:110px; height:110px; 
animation:circle2 8s infinite linear; -webkit-animation:circle2 8s infinite linear; -moz-animation:circle2 8s infinite linear; -ms-animation:circle2 8s infinite linear; -o-animation:circle2 8s infinite linear;}
@keyframes circle1{ 0%{transform:rotate(0deg) translate(-10%, -10%)} 50%{transform:rotate(180deg) translate(-10%, -10%); } 100%{transform:rotate(360deg) translate(-10%, -10%);} }
@-webkit-keyframes circle1{ 0%{transform:rotate(0deg) translate(-10%, -10%)} 50%{transform:rotate(180deg) translate(-10%, -10%); } 100%{transform:rotate(360deg) translate(-10%, -10%);} }
@-moz-keyframes circle1{ 0%{transform:rotate(0deg) translate(-10%, -10%)} 50%{transform:rotate(180deg) translate(-10%, -10%); } 100%{transform:rotate(360deg) translate(-10%, -10%);} }
@-ms-keyframes circle1{ 0%{transform:rotate(0deg) translate(-10%, -10%)} 50%{transform:rotate(180deg) translate(-10%, -10%); } 100%{transform:rotate(360deg) translate(-10%, -10%);} }
@-o-keyframes circle1{ 0%{transform:rotate(0deg) translate(-10%, -10%)} 50%{transform:rotate(180deg) translate(-10%, -10%); } 100%{transform:rotate(360deg) translate(-10%, -10%);} }
@keyframes circle2{ 0%{transform:rotate(0deg) translate(-15%, -15%)} 50%{transform:rotate(-180deg) translate(-15%, -15%); } 100%{transform:rotate(-360deg) translate(-15%, -15%);} }
@-webkit-keyframes circle2{ 0%{transform:rotate(0deg) translate(-15%, -15%)} 50%{transform:rotate(-180deg) translate(-15%, -15%); } 100%{transform:rotate(-360deg) translate(-15%, -15%);} }
@-moz-keyframes circle2{ 0%{transform:rotate(0deg) translate(-15%, -15%)} 50%{transform:rotate(-180deg) translate(-15%, -15%); } 100%{transform:rotate(-360deg) translate(-15%, -15%);} }
@-ms-keyframes circle2{ 0%{transform:rotate(0deg) translate(-15%, -15%)} 50%{transform:rotate(-180deg) translate(-15%, -15%); } 100%{transform:rotate(-360deg) translate(-15%, -15%);} } 
@-o-keyframes circle2{ 0%{transform:rotate(0deg) translate(-15%, -15%)} 50%{transform:rotate(-180deg) translate(-15%, -15%); } 100%{transform:rotate(-360deg) translate(-15%, -15%);} }

.recoMain_slide.bg_blue .decoS_circle{background:#24CDFF; border-radius:50%;}
.recoMain_slide.bg_green .decoS_circle{background:#00FFED; border-radius:50%;}
.recoMain_slide.bg_orange .decoS_circle{background:#FFCF1B; border-radius:50%;}
.recoMain_slide.bg_pink .decoS_circle{background:#FF9897; border-radius:50%;}
.main_slideInner .decoS_circle1{left:0; top:105px; width:16px; height:16px;}
.main_slideInner .decoS_circle2{right:0; top:30px; width:30px; height:30px; animation:circleO 10s infinite linear;  transform: translateZ(0); transform-origin:left top;}
.main_slideInner .prdBg_circle .decoM_circle{animation:;}
@keyframes circleO{
	from {transform: rotateZ(360deg)}
	to {transform: rotateZ(0deg)}
}
/* 슬라이드 옵션 css */
.recoMain_slideOption{position:absolute; left:50%; margin-left:-650px; top:0; display:block; height:577px;}
.recoMain_pager{position:absolute; top:0; z-index:20;}
.recoMain_pager *{position:absolute; color:#d8d8d8; font-size:14px; font-family:"spoqa B";}
.recoMain_pager .slidePage{top:472px; left:110px; width:20px;}
.recoMain_pager .pageTotal{top:472px; left:475px; width:20px;}
.recoMain_slideOption .pro_bar{position:absolute; left:135px; top:480px; display:inline-block; width:328px; height:2px; background:#D8D8D8; display:none \0/IE8+9;}
.recoMain_slideOption .pro_bar > span{position:absolute; left:0; top:0; width:0; height:100%; background:#fff;}
.recoMain_slideOption .pro-ani{ animation:slideBar 3s linear;}
@keyframes slideBar{ 0%{width:0;} 100%{width:100%;} }
.recoMain_arrow{position:absolute; display:block; cursor: pointer; z-index: 1; text-indent:-9999px; width:20px; height:20px;}
.recoMain_arrow.prev{left:85px; top:471px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_prev_12.svg') center center no-repeat;}
.recoMain_arrow.next{left:490px; top:471px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg') center center no-repeat;}
.recoMain_pager .slidePage.on{color:#fff;}
/* 인기많은 상품 section */
.popular{position:relative; height:580px; z-index:10; background:linear-gradient(to top, #fff, #E2F1FC , #fff); -webkit-background:linear-gradient(to top, #fff, #E2F1FC , #fff); -moz-background:linear-gradient(to top, #fff, #E2F1FC , #fff); -o-background:linear-gradient(to top, #fff, #E2F1FC , #fff); -ms-background:linear-gradient(to top, #fff, #E2F1FC , #fff); }
.popular .bg_deco1{position:absolute; left:-200px; top:-40px;  width:510px; height:510px; background:url("//image5.compuzone.co.kr/img/images/recomend21/s2_leftGradient.png") center no-repeat; transform-origin:50% 50%; animation: popular_deco1 10s linear infinite;}
.popular .bg_deco2{position:absolute; right:-200px; top:20px; transform:rotate(10deg); width:511px; height:511px; background:url("//image5.compuzone.co.kr/img/images/recomend21/s2_rightGradient.png") center no-repeat; transform-origin:50% 50%; animation: popular_deco2 12s linear infinite;}
@keyframes popular_deco1 {
	0%, 100% {left:-200px; top:-40px; transform: rotateZ(0deg); opacity:1;}
	50% {left:30%;top:150px; transform: rotateZ(360deg);  opacity:0.7;}
}
@keyframes popular_deco2 {
	0%, 100% {right:-200px; top:-50px; transform: rotateZ(0deg); opacity:0.7;}
	50% {right:30%; top:180px; transform: rotateZ(360deg);  opacity:1;}
}

.popular .section_title{margin-top:55px;}
.popular_prdList{position:relative; margin-top:37px;}
.popular_top5{font-size:0;}
.popular_top5 li{position:relative; display:inline-block; margin-right:20px; padding:20px 22px; width:244px; height:350px; background:#fff; border-radius:20px; overflow:hidden;}
.popular_top5 li:last-child{margin-right:0;}
.popular_top5 .basic_bg{position:relative; height:310px;}
/* 인기많은 상품 번호 배경 추가 220620 */
.popular_top5 .prd_listNum{position:absolute; right:0; top:0; color:#0C409B; font-size:28px; line-height:1; font-family:'spoqa B'; z-index:20; transition-delay:0.5s;   background-color: rgba(255,255,255,1); transition:0.3s all;}
.popular_top5 .prd_listNum:before{content:""; position:absolute; left:0; bottom:-2px; display:block; width:100%; height:1px; background:#0C409B; transition-delay:0.5s;transition:0.3s all;}
.popular_top5 .popular_img{width:200px; height:200px;}
.popular_top5 .popular_name{position:relative; margin-top:20px; color:#1A1A1A; font-size:14px; white-space:normal; word-break:break-all; font-family:'noto-M'; z-index:20;  transition-delay:0.5s; transition:0.3s all;}
.popular_top5 .price{position:absolute; left:0; bottom:0; width:100%; height:47px; z-index:20;}  
.popular_top5 .red_discount{margin-top:22px; color:#F14738; font-size:18px; font-family:'spoqa B';} 
.popular_top5 .price_area{text-align:right;} 
.popular_top5 .price_area .price1{display:block; color:#1A1A1A; font-size:15px; opacity:0.5; font-family:'spoqa R'; font-style:normal; text-decoration:line-through; } 
.popular_top5 .price_area .price2{position:absolute; right:0; bottom:0; display:block; color:#1A1A1A; font-size:18px; font-family:'spoqa B'; font-style:normal;} 
.popular_top5 .basic_bg .more_plus{transition-delay:2s; transition:0.5s all; position:absolute; left:50%; top:90px; margin-left:-30px; padding-top:12px; width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,0); text-align:center; z-index:10;}
.popular_top5 .basic_bg .more_plus > img{opacity:0; transition-delay:2s; transition:0.5s all;}
.popular_top5 li .hover_bg{position:absolute; left:-22px; bottom:-20px; width:244px; height:350px; transform:translateY(350px); background:rgba(55,109,255, 0.9); transition:0.5s all;}
.popular_top5 li:hover{box-shadow:0px 3px 15px 7px rgba(54,112,255, 0.4); -webkit-box-shadow:0px 3px 15px 7px rgba(54,112,255, 0.4); -moz-box-shadow:0px 3px 15px 7px rgba(54,112,255, 0.4);}
.popular_top5 li:hover .hover_bg{transition:0.5s all; transform:translateY(0);}
/* 인기많은 상품 번호 배경 추가 220620 */
.popular_top5 li:hover .prd_listNum{color:#fff; background-color: rgba(255,255,255,0);}
.popular_top5 li:hover .prd_listNum:before{background:#fff;}
.popular_top5 li:hover .popular_name{color:#fff; transition-delay:0.5s; transition:0.5s all;}
.popular_top5 li:hover .red_discount{color:#FFE920;}
.popular_top5 li:hover .price1{color:#fff;}
.popular_top5 li:hover .price2{color:#fff;}
.popular_top5 li:hover .basic_bg .more_plus{background:rgba(255,255,255,0.1); transition:0.5s all; }
.popular_top5 li:hover .basic_bg .more_plus > img{opacity:1; transition:0.5s all;}
/* 월간견적 슬라이드 */
.monthPC_wrap{position:absolute; right:0; bottom:0; padding:35px 40px; width:507px; height:460px; background:#fff; border-radius:20px; box-shadow:5px 5px 15px 15px rgba(226,241,252, 0.6); z-index:50;}
.monthPC_wrap > a{display:block;}
.monthPC_wrap .month_tit{padding-bottom:30px;}
.monthPC_wrap .month_tit p{color:#1A1A1A; font-size:18px; font-family:'Noto-R';}
.monthPC_wrap .month_tit h2{margin-top:6px; color:#1e8ee4; font-size:32px; font-family:'Noto-B';}
.monthPC_wrap .month_tit h2 > i{display:inline-block; margin-left:5px; width:16px; height:16px; border:2px solid #6C6C6C; border-left:none; border-bottom:none; transform:rotate(45deg); vertical-align:4px; }
.monthPC_wrap .character{position:absolute; right:45px; top:10px; width:148px; height:110px; background:url("http://image5.compuzone.co.kr/img/images/recomend21/pc_monthslideCharacter.png") center no-repeat; z-index:1;}
.monthPC_wrap .characterItem_h{display:block; position:absolute; left:22px; top:70px; animation:shake1 2.5s infinite ease-in;}
.monthPC_wrap .characterItem_g{display:block; position:absolute; right:20px; top:48px; animation: shake 2.5s infinite 0.5s;}
@keyframes shake {
	0%{transform:translateY(0)}
	20%{transform:translateY(1.5px)}
	24%{transform:translateY(-1.5px)}
	28%{transform:translateY(1.5px)}
	32%{transform:translateY(-1.5px)}
	36%{transform:translateY(0)}
}
@keyframes shake1 {
	0%{transform:rotate(0)}
	20%{transform:rotate(15deg)}
	24%{transform:rotate(-15deg)}
	28%{transform:rotate(15deg)}
	32%{transform:rotate(-15deg)}
	36%{transform:rotate(0)}
}

.monthPC_slideWrap{padding-top:30px; height:273px; border-top:2px solid #1a1a1a;}
.monthPC_slide .pcImg{display:block; width:214px; height:214px;}
.monthPC_slide .pcInfo{margin-left:16px;}
.monthPC_slide .pcInfo dt{display:none; margin-bottom:11px; color:#1A1A1A; font-size:16px; line-height:1.2; font-family:'Noto-B';}
.monthPC_slide .pcInfo dd{margin-top:8px; width:174px; height:40px; line-height:40px; background:#F2F2F2; border-radius:20px; color:#6C6C6C; font-size:14px; font-family:'Noto-R'; text-align:center;}
.monthPC_slide .pcInfo dd:first-of-type{margin-top:15px;}
.monthPC_wrap .monthPC_arrow{position:absolute; left:50%; bottom:35px; color:#e8e8e8; font-size:12px; line-height:1; font-family:"spoqa B"; cursor:pointer;}
.monthPC_wrap .monthPC_left{margin-left:-50px;}
.monthPC_wrap .monthPC_right{margin-left:45px;}
.monthPC_slideWrap .slick-dots{bottom:-35px;}
.monthPC_slideWrap .slick-dots li{margin:0 2px; width:8px; height:8px; background:#e8e8e8; border-radius:50%; }
.monthPC_slideWrap .slick-dots li button{padding:0; width:100%; height:100%; font-size:0; }
.monthPC_slideWrap .slick-dots li button:before{content:""; display:none;}
.monthPC_slideWrap .slick-dots .slick-active{background:#1a1a1a;}

/* 게임용 추천pc section */
.game_recomendPc{position:relative; height:540px; background:#f9f9f9; z-index:10;}
.game_recomendPc .wave_area{position:absolute; left:0; top:0; width:100%; height:102px; background:url("//image5.compuzone.co.kr/img/images/recomend21/wave_bg2.png") repeat-x 0 0; transition:all .5s;}
.game_recomendPc .inner{padding-top:155px;}
.game_recomendPc .section_title{position:relative;}
.game_recomendPc .section_title:before {content:""; position:absolute; left:180px; top:-40px; width:100px; height:412px; background:url("//image5.compuzone.co.kr/img/images/recomend21/game_gradient.png") center no-repeat; background-size:contain; z-index:1;}
.game_recomendPc .more_view{margin-top:34px; }
.game_recomendPc .more_view:before{background:#1a1a1a;}
.gamePC_drag_wrap{position:relative; left:50%; margin-left:-435px; top:-215px; display:block; width:1000px; height:250px; text-align:center;}
.gamePC_drag{position:relative; display:block; width:100%; min-width:1395px; height:250px; text-align:left; overflow:hidden;}
.gamePC_drag .gamePC_drag_list{position:relative; display:inline-block; height:250px; text-align:left; white-space:nowrap; font-size:0;}
.gamePC_drag_list li{display:inline-block; margin-right:40px; height:250px; vertical-align:top;}
.gamePC_drag_list li:hover img.wh100{transform:scale(1.1); }
.gamePC_drag_list li img{transition:0.3s all;}
.gamePC_drag_list .img{width:210px; height:210px; border-radius:50%; overflow:hidden;}
.gamePC_drag_list .game_name{margin-top:18px; color:#1A1A1A; font-size:14px; font-family:'Noto-R'; text-align:center;}
.game_drag_progress {position:relative; display:block; overflow:hidden; margin:35px 10px 0; padding:15px 0 30px; width:1064px;}
.game_drag_progress .drag_bar {display:block; width:100%; height:3px; background-color:#b4b4b4; position:relative;}
.game_drag_progress .drag_handle { position:absolute; z-index:2 !important; display:inline-block; height:16px; width:16px; left:0; top:8px; border-radius:50%; box-shadow:0 0 0 0px rgba(22, 111, 204, 1), 0 0 0 0px rgba(255, 255, 255, 1), 0 3px 6px 0 rgba(0, 0, 0, 0.2); background-color:#1C8FED;  transition:box-shadow 0.25s;}
.game_drag_progress .drag_handle:active { box-shadow:0 0 0 2px rgba(22, 111, 204, 1), 0 0 0 3px rgba(255, 255, 255, 1), 0 3px 6px 0 rgba(0, 0, 0, 0.2);}
.game_drag_progress .drag_handle:before {content:""; position:absolute; display:inline-block; top:7px; right:8px; width:1100px; height:3px; background-color: #1C8FED;}
.filter_searchBox{position:relative; margin:60px auto 40px; }
.filter_searchBox .inner{border-top:1px solid #1a1a1a; }
.filter_table{position:relative;}
.filter_table table th , .filter_searchBox table td{font-size:14px; text-align:left;}
.filter_table .top_tr td{padding-bottom:10px;}
.filter_table .center_tr td{padding:8px 0;}
.filter_table .bottom_tr td{padding-top:10px;}
.filter_table .border_tr td{border-top:1px solid #E8E8E8; }
.filter_table table th{padding:22px 0; border-top:1px solid #E8E8E8; color:#1A1A1A; font-family:'Noto-B';  vertical-align:top;}
.filter_table table td{padding:22px 0; color:#6C6C6C; font-family:'Noto-R';}
.filter_table table td span {display:inline-block; margin-bottom:10px; padding:0 10px; max-width:130px; height:25px; line-height:23px; border-radius:50px; border:1px solid; border-color:#fff;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.filter_table table td span:hover , .filter_searchBox table td span.on {border-color:#1C8FED; color:#1C8FED;}
.filter_table table td span:hover i, .filter_searchBox table td span.on i {border-color:#1C8FED; color:#1C8FED;}
.filter_searchBox table span:after , .recommendPrd_list span:after{content:""; display:none;}
.filter_table .cpu_btn{display:inline-block; margin-left:8px; width:26px; height:26px; border:1px solid #E1E1E1; border-radius:2px; text-align:center; vertical-align:top; cursor:pointer;}
.filter_table .cpu_btn > i{display:inline-block; line-height:24px; color:#6C6C6C; font-size:24px; font-family:'Noto-R'; font-weight:normal;}
.filter_table .cpu_btn .cpu_fold{display:none;}
.filterSelect_table{position:relative; border-top:1px solid #E8E8E8;}
.filterSelect_table th , .filterSelect_table td{border-bottom:1px solid #E8E8E8; text-align:left;}
.filterSelect_table th{padding:22px 0; color:#6C6C6C; font-size:13px; font-family:'Noto-R'; font-weight:normal; vertical-align:top;}
.filterSelect_table td{padding:22px 0 42px;}
.filterSelect_table .filter_list{display:inline-block; margin:-5px 0 5px 0; padding-left:55px; width:1007px; vertical-align:middle;}
.filterSelect_table .filter_list span{display:inline-block; margin:5px; padding:0 8px; height:24px; line-height:24px; background:#F2F2F2; border-radius:35px; color:#3A3A3A; font-size:13px;}
.filterSelect_table .filter_list span a{display:inline-block; margin:0px 0 0 4px; width:14px; height:14px; background:url("//image5.compuzone.co.kr/img/images/recomend21/x_Btnimg.png") center no-repeat; vertical-align:-2px;}
.filterSelect_table .btn_wrap{display:inline-block; font-size:0; vertical-align:middle;}
.filterSelect_table .search_btn , .filterSelect_table .reset_btn{display:inline-block; margin-left:10px; padding:0 15px; height:38px; line-height:38px; border:1px solid #D8D8D8; border-radius:2px; color:#1A1A1A; font-size:16px; font-family:'Noto-R'; cursor:pointer;}
.filterSelect_table .search_btn > i{display:inline-block; margin-left:6px; width:18px; height:18px; background:url("//image5.compuzone.co.kr/img/images/recomend21/search_Btning.png") center no-repeat; vertical-align:-3px;}
.filterSelect_table .reset_btn > i{display:inline-block; margin-left:6px; width:18px; height:18px; background:url("//image5.compuzone.co.kr/img/images/recomend21/reset_Btnimg.png") center no-repeat; vertical-align:-3px;}
.filterSelect_table .tableSlide_btn{position:absolute; left:50%; margin-left:-105px; bottom:-25px; width:210px; height:48px; background:#fff; border:1px solid #E8E8E8; border-radius:35px; overflow:hidden; text-align:center; cursor:pointer;}
.filterSelect_table .tableSlide_btn p{position:relative; line-height:46px; color:#3A3A3A; font-size:16px;}
.filterSelect_table .tableSlide_btn .table_more i{display:inline-block; margin-left:10px; width:14px; height:14px; background:url("//image5.compuzone.co.kr/img/images/recomend21/table_down.png") center no-repeat; }
.filterSelect_table .tableSlide_btn .table_fold i{display:inline-block; margin-left:10px; width:14px; height:14px; background:url("//image5.compuzone.co.kr/img/images/recomend21/table_up.png") center no-repeat; }
.filterSelect_table .tableSlide_btn .table_fold{display:none;}
/* 테이블 슬라이드 관련 css */
.silde_table{height:0; overflow:hidden; transition:0.5s all;}
.silde_table.on{overflow:visible; transition:0.5s all;}
.cpu_table{height:70px; overflow:hidden;}
.cpu_table.on{overflow:visible;}
.cpu_table.on .cpu_more{display:none;}
.cpu_table.on .cpu_fold{display:block; line-height:20px;}
.filterSelect_table .tableSlide_btn.on .table_more{display:none;}
.filterSelect_table .tableSlide_btn.on .table_fold{display:block;}
.recoPrdList_wrap{position:relative;}
/*상단 리스트 순서탭+리스트형식*/
.recoPrdList_wrap .tab_area{width:100%; margin-bottom:20px; background:#f9f9f9; border:solid #d8d8d8; border-width:1px 0; }
.recoPrdList_wrap .tab_menu{height:56px; font-size:0;}
.recoPrdList_wrap .tab_menu li{position:relative; display:inline-block;}
.recoPrdList_wrap .tab_menu li + li:before{content:""; position:absolute; left:-1px; top:20px; display:block; width:1px; height:17px; background:#d8d8d8;}
.recoPrdList_wrap .tab_menu li:hover + li:before{background:#1a1a1a;}
.recoPrdList_wrap .tab_menu li > a{display:block; padding:0 25px; line-height:56px; color:#6c6c6c; font-size:15px; font-family:"noto-M";}
.recoPrdList_wrap .tab_menu li.tab_on , .recoPrdList_wrap .tab_menu li:hover{background:#1a1a1a;}
.recoPrdList_wrap .tab_menu li.tab_on > a , .recoPrdList_wrap .tab_menu li:hover > a{color:#fff;}
.recoPrdList_wrap .viewType{margin:8px 16px; font-size:0; border: 1px solid #D8D8D8; background: #ffffff;}
.recoPrdList_wrap .viewType > a{width: 38px; height: 38px; background:unset; display:inline-block;}
.recoPrdList_wrap .viewType .list_view {background: url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.recoPrdList_wrap .viewType .img_view {background: url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_view_img_24.svg') center center; background-repeat: no-repeat; border-right: 1px solid #D8D8D8;}
.recoPrdList_wrap .viewType .img_view.active {background-position: unset; z-index: 1; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_view_img_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.recoPrdList_wrap .viewType .img_view:hover{background-position: unset; z-index: 1; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_view_img_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.recoPrdList_wrap .viewType .list_view.active {background-position: unset; position: relative; z-index: 2; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat}
.recoPrdList_wrap .viewType .list_view:hover{background-position: unset; position: relative; z-index: 2; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat}
.recoPrdList_top{margin-bottom:20px;}
.recoPrdList_top .tit_txt h1{color:#1A1A1A; font-size:18px; line-height:1; font-family:'Noto-B'; font-weight:normal;}
.recoPrdList_top .tit_txt h2{color:#1A1A1A; font-size:18px; line-height:1; font-family:'Noto-B'; font-weight:normal;}

/*맞춤가 토글*/
.customP_switch{position:relative;}
.customP_switch .ques{position:relative; display:inline-block;width: 20px; height: 20px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_question_mark_circle_24.svg") center/contain no-repeat; vertical-align:-4px; cursor:pointer; margin-left: 2px;}
.customP_switch .ques_Layer{display:none; position:absolute; right:-10px; top:30px; width:517px; z-index:10;}
.customP_switch .customP_txt{display:inline-block; vertical-align:middle;}
.customP_switch .custom_switchBtn{position:relative; display:inline-block; margin-left:5px; width:37px; height:18px; border-radius:35px; vertical-align:middle; overflow:hidden;}
.customP_switch .custom_switchBtn a{display:block; width:100%; height:100%;}
.customP_switch .custom_switchBtn p{line-height:16px; font-size:10px; color:#fff; font-family:'spoqa M';}
.customP_switch .custom_switchBtn i{position:absolute; top:2px; width:14px; height:14px; background:#fefefe; border-radius:35px; transition:0.3s all;}
.customP_switch .custom_switchBtn .on{background-color:#1C8FEC; text-align:left;}
.customP_switch .custom_switchBtn .on > p{padding-left:3px;}
.customP_switch .custom_switchBtn .on > i{left:20px;}
.customP_switch .custom_switchBtn .off{background-color:#D9D9D9; text-align:right;}
.customP_switch .custom_switchBtn .off > p{padding-right:3px;}
.customP_switch .custom_switchBtn .off > i{left:2px;}
/* 상품리스트 */
.recommendPrd_list{width:1300px; margin:0 auto;}
.recommendPrd_list .product_list{width:100%; border:1px solid #D8D8D8; border-bottom:0; border-right:0; font-size:0;} 
.recommendPrd_list .compare_img{margin-right:2px; vertical-align:-1px;}
.recommendPrd_list .viewType_T{display: grid; grid-template-columns: repeat(4,1fr);}
.recommendPrd_list .viewType_T li{position:relative; display:inline-block; padding:20px 20px 30px; width:100%; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; vertical-align:top;}
.recommendPrd_list .viewType_T .spec_table th{height: 60px;}
.recommendPrd_list .viewType_T .reco_img{position:relative; margin-top:10px; width:283px; height:283px;}
.recommendPrd_list .viewType_T .reco_name{position:relative; display:block; margin-top:18px; }
.recommendPrd_list .viewType_T .reco_name > a{display:block; width:100%; height:48px; color:#1A1A1A; font-size:16px; line-height:1.5; font-family:'Noto-R'; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.recommendPrd_list .viewType_T .reco_name > .ad{color: #1A1A1A; font-family: 'noto-B'; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; height: 23px;}
.recommendPrd_list .viewType_T .reco_name .iworks-title-grid {color: #1A1A1A; font-family: 'noto-B';font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;height: 23px;} 
.recommendPrd_list .prd_numTag{display:none; position:absolute; left:50px; top:35px; padding:10px; background:#fff; border:1px solid #8b959d; box-shadow:1px 1px 3px rgba(0,0,0,0.2);  color:#6c6c6c; font-size:13px; line-height:1;}
.recommendPrd_list .prd_numTag > b{color:#6c6c6c; font-size:13px; font-family:'Noto-R';}
.recommendPrd_list .reco_name:hover .prd_numTag{display:block;}
.recommendPrd_list .viewType_T .reco_price{margin-top:8px; height:51px; }
.recommendPrd_list .reco_sale .discount{color:#F14738; font-size:20px; font-family:'spoqa R'; font-weight:bold;}
.recommendPrd_list .reco_price .reco_sale span{display:inline-block; font-family:'spoqa L'; margin-left:10px; color:#6c6c6c; font-size:15px; text-decoration:line-through;}
.recommendPrd_list .reco_won{position:relative; color:#434343; vertical-align:middle; font-weight:bold;}
.recommendPrd_list .reco_won strong{font-size:22px; font-family:'spoqa R'; line-height:1.3;}
.recommendPrd_list .reco_won em{font-size:19px; line-height:1.3;}
.recommendPrd_list .product_list .btn_price{display:inline-block; margin-left:5px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg") center/12px no-repeat; width:16px; height:16px; border-radius: 50%; border:1px solid #3a3a3a; cursor:pointer;}
.recommendPrd_list .product_list .btn_price:hover{background:#3a3a3a url("//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_down_12.svg") center/12px no-repeat;}
.recommendPrd_list .price_Layer{display:none; position:absolute; left:0; top:30px; padding:18px; width:217px; background:#fff; border:1px solid #6c6c6c; box-shadow:0 3px 8px rgba(0,0,0,0.2); color:#6c6c6c; font-size:13px; z-index:10;}
.recommendPrd_list .btn_price:hover + .price_Layer{display:block;}
.recommendPrd_list .price_Layer dl{padding-top:8px; display:block; width:100%;}
.recommendPrd_list .price_Layer .origin{padding-top:0; padding-bottom:8px; border-bottom:2px solid #eee;}
.recommendPrd_list .price_Layer dt{float:left; color:#6c6c6c; font-size:13px; vertical-align:top;}
.recommendPrd_list .price_Layer dd{float:right; color:#6c6c6c; font-size:16px; line-height:1; font-weight:bold; text-align:right; vertical-align:top;}
.recommendPrd_list .price_Layer dd  > em{color:#6c6c6c; font-size:16px; line-height:1;}
.recommendPrd_list .price_Layer .total dt , .recommendPrd_list .product_list .price_Layer .total dd , .recommendPrd_list .product_list .price_Layer .total dd > em{color:#F14738; }
.recommendPrd_list .price_Layer dl:after{content:""; display:block; clear:both;}
.recommendPrd_list .review_wrap{margin-top:14px;}
.recommendPrd_list .reviewStar_shape{position:relative; display:inline-block; width:60px; height:12px; margin-right:3px; background:#fff url("//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_star.svg") center left/contain repeat-x; vertical-align:middle;}
.recommendPrd_list .reviewStar{position:absolute; left:0; top:0; display:inline-block; height:12px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_star.svg") center left/contain repeat-x;}
.recommendPrd_list .review_wrap > span{display:inline-block; color:#6c6c6c; font-size:13px; vertical-align:middle;}
.recommendPrd_list .reco_info_bottom{position:relative; margin-top:15px;}
.reco_info_bottom .evtTag_wrap{width:100%; margin-top:10px;}
.reco_info_bottom .evtTag_wrap + .evtTag_wrap {margin-top:0;}
.recommendPrd_list .spec_table{border-top:1px solid #E8E8E8;}
.recommendPrd_list .spec_table th , .recommendPrd_list .spec_table td{padding:10px; border-bottom:1px solid #E8E8E8; font-size:14px; font-family:'Noto-R'; vertical-align:middle; min-width:50px;}
.recommendPrd_list .spec_table th{background:#F2F2F2; font-weight:normal; color:#1A1A1A; text-align:center;}
.recommendPrd_list .spec_table td{color:#6C6C6C; text-align:left;}
.recommendPrd_list .viewType_L{font-size:0;}
.recommendPrd_list .viewType_L li{padding:40px; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }
.recommendPrd_list .viewType_L .reco_img{position:relative; display:inline-block; width:190px; height:190px; vertical-align:top;}
.recommendPrd_list .viewType_L .reco_img img{display:block; width:190px; height:190px;}
.recommendPrd_list .viewType_L .reco_info{display:inline-block; padding-right:40px; margin-left:30px; width:740px; border-right:1px solid #D8D8D8; vertical-align:top;}
.recommendPrd_list .viewType_L .reco_info .iworks-title {color: #1A1A1A; font-family: 'noto-B';font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;height: 23px;} 
.recommendPrd_list .viewType_L .reco_name .wh100{height:auto !important; max-height:42px}
.recommendPrd_list .viewType_L .reco_name p{color:#1A1A1A; font-size:16px; line-height:1; font-family:'Noto-R'; word-break:break-all;}
.recommendPrd_list .viewType_L .reco_name p.sub_info{margin-top:12px; color:#3A3A3A; font-size:14px;}
.recommendPrd_list .viewType_L .spec_list{margin-top:15px; /* height:133px; */}
.recommendPrd_list .viewType_L .spec_table td{padding:12px 10px;}
.recommendPrd_list .viewType_L .evtTag_wrap {margin-top:22px;}
.recommendPrd_list .viewType_L .evtTag_wrap + .evtTag_wrap {margin:0; }
.recommendPrd_list .reco_Lbox{position:relative; display:inline-block; margin-left:40px; margin-top:-6px; width:218px; vertical-align:top;}
.recommendPrd_list .viewType_L .reco_sale{margin-bottom:10px;}
.recommendPrd_list .viewType_L .review_wrap{margin-top:27px;}
.recommendPrd_list .option_btn{margin-top:30px; text-align:center;}
.recommendPrd_list .option_btn .button_area{font-size:0; width:218px; height:36px; }
.recommendPrd_list .button_area > button{display:inline-block; width:50%; line-height:36px; background:#fff; border:1px solid #DBDBDB; color:#6C6C6C; font-size:14px; font-family:'Noto-R'; }
.recommendPrd_list .button_area > button:hover{color:#fff; background:#1a1a1a;}
.recommendPrd_list .button_area .buy_btn{border-left:0;}
.recommendPrd_list .option_icon{margin-top:20px; padding-left:15px;}
.recommendPrd_list .option_icon a{position:relative; display:inline-block; width:34px; height:20px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_new_open_24.svg") center left/contain no-repeat;}
.recommendPrd_list .option_icon a.icon_blank{margin-right:14px; border-right:1px solid #d8d8d8;}
.recommendPrd_list .option_icon a.icon_heart {background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_heart_24.svg") center left/contain no-repeat;}
.recommendPrd_list .option_icon .icon_blank:hover{background:url("//image5.compuzone.co.kr/img/images/svg_icon/1C8FED/icon_line_new_open_24.svg") center left/contain no-repeat;}
.recommendPrd_list .option_icon .icon_heart:hover{background:url("//image5.compuzone.co.kr/img/images/svg_icon/1C8FED/icon_line_heart_24.svg") center left/contain no-repeat;}
.recommendPrd_list .option_icon a span{position:absolute; left:-50%; bottom:-24px; display:none; padding:0 5px; width:auto; min-width:35px; height:19px; line-height:19px; background:#f6f9fc; border:1px solid #d8d8d8; border-radius:10px; color:#6c6c6c; font-size:12px; text-decoration:none; white-space:nowrap; z-index:999; }
.recommendPrd_list .option_icon a:hover span{display:block;}
.recommendPrd_list .reco_Lbox .compare_bt{position:absolute; right:0; top:4px;}
/*컴튜브*/
.comtube_btn{position:absolute; left:50%; top:50%; transform:translate(-50% , -55%); width:42px; height:42px; background:url("//image5.compuzone.co.kr/img/images/product_list/prdPlay_btn.png") center no-repeat; background-size:cover; opacity:1; transition:0.5s all; font-size:0; z-index:10; cursor:pointer;}
.comtube_btn:hover{background:url("//image5.compuzone.co.kr/img/images/product_list/prdPlay_btn_hover.png") center no-repeat;}
.comtube_dim{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10000;}
.comtube_pop{position:absolute; left:50%; top:50%; margin:-262px 0 0 -419px; padding:24px; width:835px !important; background:#fff; box-sizing:border-box;}
.comtube_pop .tit h1{width:725px; color:#383838; font-size:18px; font-family:'Noto-B'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; letter-spacing:-0.5px;}
.comtube_pop .tit h2{width:725px; color:#383838; font-size:18px; font-family:'Noto-B'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; letter-spacing:-0.5px;}
.comtube_pop .container , .comtube_pop .comtube_inner{position:relative; margin-top:14px; padding-top:20px; border-top:1px solid #e8e8e8; font-size:0;}
.comtube_pop .container:after , .comtube_pop .comtube_inner:after{content:""; display:block; clear:both;}
.comtube_pop .tabs{float:left; display:inline-block; width:173px; }
.comtube_pop .comtube_inner .tabs li{position:relative; float:inherit; margin:0 0 10px 0; padding:0; width:173px; height:97px; border:none; cursor:pointer;}
.comtube_pop .tabs li:before{content:""; position:Absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.53); transition:0.3s all;}
.comtube_pop .tabs li .play_btn{position:absolute; left:50%; top:50%; margin:-21px 0 0 -21px; width:42px; height:42px; background:url("//image5.compuzone.co.kr/img/images/product_list/prdPlay_btn.png") center no-repeat; background-size:cover; transition:0.5s all; font-size:0; z-index:10; cursor:pointer;}
.comtube_pop .tabs li.current .play_btn{background:url("//image5.compuzone.co.kr/img/images/product_list/prdPlay_btn_hover.png") center no-repeat;}
.comtube_pop .tabs li.current:before{content:""; opacity:0;}
.comtube_pop .tabs li > img{display:block; width:100% !important; height:100% !important;}
.comtube_pop .tabs li > .play_btn{position:absolute; left:50%; top:50%; margin:-21px 0 0 -21px;  display:block; width:42px; height:42px;}
.comtube_pop .comtube_content{float:left; margin-left:13px; width:601px; }
.comtube_pop .comtube_content .comtube_box{height:338px;}
.more_prd{margin:25px 0 0; width:100%; height:53px; line-height:53px; background:#3262c1; text-align:center;}
.more_prd > a{color:#fff; font-size:15px;}
.comtube_x{position: absolute; top:20px; right:20px; width:16px; height:16px; background: url("//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png") -350px -130px no-repeat; cursor: pointer; font-size:0;}

/*상품 리스트 없을 경우*/
.reco_noList{padding:80px 0; border:1px solid #d8d8d8; width:100%; text-align:center;}
.reco_noList > i{display:block; margin-bottom:15px;}
.reco_noList .txt1{color:#1a1a1a; font-size:21px; font-family:'Noto-R';}
.reco_noList .txt2{color:#959595; font-size:16px; font-family:'Noto-R';}
.reco_noList .allList_btn{display:inline-block; margin-top:20px; padding:0 15px; width:140px; height:38px; line-height:38px; background:#1a1a1a; border-radius:5px; color:#fff; font-size:16px; font-family:'Noto-R';}
/*페이징*/
.prd_list_pager{padding:60px 0; text-align:center;}
.prd_list_pager .page_area{font-size:0;}
.prd_list_pager .page_area > a{display:inline-block; margin-right:5px; width:30px; height:30px; line-height:28px; background-color:#fff; border:1px solid #d8d8d8; color:#3a3a3a; font-size:12px; vertical-align:middle;}
.prd_list_pager .page_area > a:active , .prd_list_pager .page_area > a:hover{border-color:#3a3a3a; }
.prd_list_pager .page_area .num.active , .prd_list_pager .page_area .num:hover{background:#3a3a3a; border-color:#3a3a3a; color:#fff;}
.prd_list_pager .page_area .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;}
.prd_list_pager .page_area .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;}

/* 딤드 + 팝업 */
/*** 월간견적 팝업 ***/
.reco_dim{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1000;}
.reco_popInner {padding:25px 30px 30px;}
.reco_popInner , .reco_gamePop{position:Absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; box-sizing:border-box;}
.reco_popInner .title , .reco_gamePop .title{padding-bottom:14px; border-bottom:1px solid #1a1a1a; text-align:center;}
.reco_popInner .title h2 , .reco_gamePop .title h2{color:#1A1A1A; font-size:18px; font-family:'Noto-B'; font-weight:normal; }
.reco_popInner .title span{display:inline-block; margin-right:8px; color:#E84929; }
.reco_popInner .month_comtube{position:relative; height:297px; background:#F2F2F2; z-index:-1;}
.reco_popInner .comtubeBg{position:absolute; left:0; top:-5px; width:690px; height:303px; background:url("//image5.compuzone.co.kr/img/images/recomend21/reco_monthPopbg.png") center no-repeat; border-bottom: 1px solid #1a1a1a; z-index:-1;}
.reco_popInner .comtubeBg2{position:absolute; left:0; bottom:-7px; width:690px; height:121px; background:url("//image5.compuzone.co.kr/img/images/recomend21/reco_monthPopbg2.png") center no-repeat; z-index:5;}
.reco_popInner .month_comtube .video_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:420px; height:236px; border-radius:20px; overflow:hidden;}
.reco_popInner .month_comtube .video_area{display:block; width:100%; height:100%;}
.reco_popInner .month_comtube .video_thumb{position:Absolute; left:0; top:0; width:420px; height:236px; background:rgba(0,0,0,0.6) url("//image5.compuzone.co.kr/img/images/recomend21/monthPop_playBtn.png") center no-repeat; cursor:pointer;}
.recopop_slideWrap{position:relative; margin:18px auto 0; width:600px; text-align:center;}
.recopop_slideWrap .recopop_slide{margin:0 -15px;}
.recopop_slideWrap .recopop_prd_list{position:relative; display:inline-block; margin:0 15px; width:285px !important; font-size:0; text-align:left;}
.recopop_slideWrap .recopop_prd_list .img{display:inline-block; width:100px; height:100px; border-radius:10px; overflow:hidden; vertical-align:middle;}
.recopop_slideWrap .recopop_prd_list .info{display:inline-block; position:relative; margin-left:10px; width:166px; height:85px; vertical-align:middle;}
.recopop_slideWrap .info *{font-family:"spoqa M";}
.recopop_slideWrap .info .name{color:#1A1A1A; font-size:12px; text-align:left;}
.recopop_slideWrap .info .price{position:absolute; left:0; bottom:0; margin-top:8px; width:100%; height:42px;}
.recopop_slideWrap .info .price .origin{display:block; color:#B4B4B4; font-size:13px; text-decoration:line-through; text-align:right;}
.recopop_slideWrap .info .price .clearfix{position:absolute; left:0; bottom:0; width:100%;}
.recopop_slideWrap .info .price .per{color:#F14738; font-size:16px; font-weight:bold;}
.recopop_slideWrap .info .price .won{color:#1a1a1a; font-size:16px; font-weight:bold;}
.recopop_slideWrap .recoPop_slide_arrow{position:absolute; top:50%; transform:translateY(-50%); color:rgba(108,108,108,1); font-size:28px; line-height:1; font-family:"spoqa M"; cursor:pointer; }
.recoPop_slide_arrow.recoPop_left , .recoPop_slide_arrow.recoGame_left{left:-46px;}
.recoPop_slide_arrow.recoPop_right , .recoPop_slide_arrow.recoGame_right{right:-46px;}
.recopop_slideWrap .recoPop_slide_arrow[aria-disabled="true"]{ color:rgba(108,108,108,0.3); cursor:default;}
.reco_popInner .reco_popX , .reco_gamePop .reco_popX{position:Absolute; right:20px; top:20px; width:18px; height:18px; background:url("//image5.compuzone.co.kr/img/images/classic_icon/icon-x-18px.png") center no-repeat; font-size:0; cursor:pointer;}

/*** 게임용 추천pc 팝업 ***/
.reco_gamePop .title{padding-top:25px; border-bottom:1px solid #DBDBDB;}
.gamePop_content{position:relative; }
.gamePop_content:before{content:""; position:Absolute; right:0; top:0; display:block; width:63px; height:48px; background:url("//image5.compuzone.co.kr/img/images/recomend21/recogamePop_list.png") right center; z-index:10;}
.reco_gamePop .rec_layer_GM_list {position:relative; display:inline-block; padding:0 20px; width:100%; height:48px;  text-align:center; }
.rec_GM_list_slide{position:relative; height:100%; background-color:#fff; z-index:2; font-size:0;}
.rec_GM_list_slide li {position:relative; display:inline-block; margin:0 15px; height:100%; font-size:14px; line-height:48px; color:#121212; font-family:'Noto-R'; cursor:pointer;}
.rec_GM_list_slide li.on{color:#1c8fed; font-weight:bold;}
.rec_GM_list_slide li.on:after {content:''; position:absolute; display:inline-block; left:0; bottom:0px; width:100%; height:2px; background-color:#1c8fed;}
.gamePop_content .layer_bgArea{position:relative; padding:30px; background:#F2F2F2; border-top:1px solid #d8d8d8;}
/* 게임용 추천팝업 이미지 클릭시 디테일 레이어 추가팝업 */
.reco_detailImgP{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:68.3%; padding-bottom:38.4%;}
.reco_detailImgP .detailimg{position:absolute; left:0; top:0; width:100%; height:100%; }
.reco_detailImgP .toggleBtn{right:inherit; left:20px; top:20px; width:95px; z-index:10;}
.reco_detailImgP .toggleBtn .toggleBtn-switch:before {content: '고급사양'; left:9px;}
.reco_detailImgP .toggleBtn .toggleBtn-switch:after {content: '기본사양'; right:18px;}
.reco_detailImgP .toggleBtn.on {width:95px;}
.reco_dim .w_close{position:absolute; right:20px; top:20px; width:48px; height:48px; background:url("//image5.compuzone.co.kr/img/images/classic_icon/icon-xw-18px.png.png") center no-repeat; background-size:cover; z-index:5; font-size:0; cursor:pointer;}
.recopop_slideWrap .pop_more{position:relative; left:45px; display:block; margin-bottom:15px; font-family:'Noto-R'; cursor:pointer; text-align:right;}
.recopop_slideWrap .pop_more > p{display:inline-block; color:#3a3a3a; font-size:14px; line-height:1;}
.recopop_slideWrap .pop_more > p i{display:inline-block; margin-left:5px; font-size:20px; line-height:1; vertical-align:-2px;}

/* 게임용 추천PC 팝업 - 상단 토글 버튼 */
.toggleBtn{position: absolute; display:inline-block; top:30px; right:30px; width:110px; height:30px; overflow: hidden; border-radius:100px; background:#135EBA; box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.16); padding: 3px; transition: width 0.2s ease-in-out; cursor:pointer;}
.toggleBtn .toggleBtn-switch {position: absolute; display: inline-block; width:22px; height:22px; background:#fff; border-radius:50%; top:4px; left:4px; box-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.16); transition: left 0.2s ease-in-out; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out;}
.toggleBtn .toggleBtn-switch:before {content: '디테일비교'; left: 25px; text-align:right;}
.toggleBtn .toggleBtn-switch:after {content: '영상보기'; right:15px; text-align:center;}
.toggleBtn .toggleBtn-switch:before,
.toggleBtn .toggleBtn-switch:after {position: absolute; display: inline-block; top:1px; width:70px; font-size:14px; color:#fff; font-family:'Noto-R'; transition:opacity 0.2s; transition-delay:0.2s;}
.toggleBtn.on {background-color:#1C8FED; width:95px;}
.toggleBtn.on .toggleBtn-switch {left:68px;}
.layer_bgArea .game_title{font-size:0;}
.layer_bgArea .game_logo{display:inline-block; width:148px; vertical-align:middle;}
.layer_bgArea .game_txt{display:inline-block; margin-left:20px; color:#1A1A1A; font-size:16px; line-height:1.5; font-family:'Noto-B'; vertical-align:middle;}
.reco_gamePop .vide_viewWrap{margin-top:30px; border-radius:10px; box-shadow:1px 6px 12px 0 rgba(0,0,0,0.16); font-size:0; overflow:hidden;}
.reco_gamePop .video_wrap{position:relative; display:inline-block; width:324px; height:182px; vertical-align:middle;}
.reco_gamePop .video_wrap .video_thumb{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6) url("//image5.compuzone.co.kr/img/images/recomend21/monthPop_playBtn.png") center no-repeat; background-size:76px 76px; cursor:pointer;}
.vide_viewWrap .video_txt{display:inline-block; padding:30px; width:364px; height:182px; background:#fff; vertical-align:middle;}
.vide_viewWrap .video_txt p{width:100%; height:124px; color:#1A1A1A; font-size:14px; font-family:'Noto-R'; overflow-y:auto;}
.reco_gamePop .detail_viewWrap{margin-top:20px; font-size:0; text-align:center;}
.reco_gamePop .detail_viewWrap li{display:inline-block; width:330px; text-align:center; vertical-align:top;}
.reco_gamePop .detail_viewWrap li + li{margin-left:15px;}
.reco_gamePop .detail_viewWrap h3{display:inline-block; margin-bottom:10px; padding:0 5px; background: linear-gradient(to top, #fff 50%, transparent 50%); color:#1A1A1A; font-size:14px; font-family:'Noto-B'; }
.reco_gamePop .detail_viewWrap .detail_img{border-radius:10px; cursor:pointer; overflow:hidden;}
.reco_gamePop .recopop_slideWrap{padding-bottom:30px;}
.reco_gamePop .recopop_slideWrap .recoPop_slide_arrow{transform:translateY(-60%);}

/* 추천조립PC 제품리스트-로딩중 */
.product_list_loadingObj { width:1300px; float:left; text-align:center;}
.product_list_loadingObj .loading_wrap {width:300px; height:100px; display:inline-block; margin:50px 0;}
.product_list_loadingObj .loading_wrap .iconBox {width:90px; height:90px; display:block; float:left; background:url('//image5.compuzone.co.kr/img/images/product_detail/sch_loading.gif') 0 0 no-repeat;}
.product_list_loadingObj .loading_wrap .textBox {width:200px; height:80px; line-height:80px; display:block; float:left; margin-left:10px; }
.product_list_loadingObj .loading_wrap .textBox p.title {font-size:25px; font-family:Noto-B; color:#3d3e41; border-bottom:none; height:17px; margin-left:-2px;}

.prd_compare_LyPop span:before , .reco_bnr1 span:after , .reco_bnr2 span:after{display:none;}

/* 품절 상품 제외 추가 211012  */
.recoPrdList_top .customP_txt input.chkMedium2[type="checkbox"] {display:none; vertical-align: top; }
.recoPrdList_top .customP_txt input.chkMedium2[type="checkbox"] + label.chkMedium2 {font-size:12px; line-height:18px;  letter-spacing:-0.5px; color:#1a1a1a;}
.recoPrdList_top .customP_txt 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:top; margin: 0 4px 0 0;}
.recoPrdList_top .customP_txt input.chkMedium2[type="checkbox"]:checked + label.chkMedium2 > i { background:url('//image5.compuzone.co.kr/img/images/main/style_comm.png') -56px 0 no-repeat; }

/* 하단 인텔,AMD,마소 배너추가 */
.reco_bnr1{margin-bottom:100px;}
.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;}
.reco_bnr1 > div.left , .reco_bnr1 > div.right , .reco_bnr2{border-radius:10px; overflow:hidden;}

/* 추천조립PC 제품만 뱃지추가 211130  */
.popular_top5 .popular_img,
.monthPC_slide .pcImg { position: relative; }

/* 게임용 추천 PC 팝업 사파리 이미지 깨짐 수정 220217  */ 
.recommend21_wrap .game_logo .wh100,
.recommend21_wrap .detail_viewWrap .wh100 { height: auto !important; }
.gamePC_drag_list .img:after{content: ''; position: absolute; display: inline-block; top: -5px; left: -5px; width: 220px; height: 220px; z-index: 10; background-color: transparent; background: radial-gradient(circle, rgba(255,255,255,0) 67%, rgba(245,245,245,1) 67.5%);} 

/* 비교하기 팝업 css 충돌 오류 수정 220401 */
.inner .prd_compare_LyPop span:after { display: none; }

/* 220926 씨게이트 HDD 특가/조립비 지원 이벤트 */
.recon_floating {position:fixed; bottom:100px; right:15%; z-index:99;}
.recon_floating a {display: block;}
.recon_floating a span {display: block;}
.recon_floating a.closeX {width:22px; height:22px; position: absolute; bottom:6px; right:5px;}

/* 220919 조립PC 페이지 내 게이밍PC 탐색기 기능 추가 */
.game_recomendPc {width:100%; height:678px; background:#f9f9f9 url('//image5.compuzone.co.kr/img/images/recomend21/recomend_gm_bg.jpg') left bottom no-repeat;}
.game_recomendPc .inner {width:1300px; margin:0 auto; height:543px;}
.game_recomendPc .inner .gm_tit {width:320px; padding-top:45px; position:relative;}
.game_recomendPc .inner .gm_tit p {margin-bottom:10px; font-size:18px; font-family:'noto-M'; font-weight: normal; color:#1C8FED;}
.game_recomendPc .inner .gm_tit h3 {margin-bottom:20px; font-size:32px; font-family:'noto-B'; font-weight: normal; color:#1A1A1A;}
.game_recomendPc .inner .gm_tit h4 {font-size:18px; font-family:'noto-R'; font-weight: normal; color:#3A3A3A;}
.game_recomendPc .inner .gm_right {height:auto; position:absolute; top:155px; left:360px; margin-left:0;}
.game_recomendPc .inner .gm_right2:before {content:""; position:absolute; left:-25px; top:0px; width:100px; height:384px; background:url("//image5.compuzone.co.kr/img/images/recomend21/game_gradient.png") center no-repeat; background-size:contain; z-index:1;}
.game_recomendPc .inner .gm_right .gamePC_drag {height:420px; min-width:1250px;}
.game_recomendPc .inner .gm_right ul {clear:both; height:384px; }
.game_recomendPc .inner .gm_right ul li {width:286.6666px; height:384px; padding:30px 30px; background:#fff; border-radius: 10px; transition:all 0.3s;}
.game_recomendPc .inner .gm_right ul li:last-child {margin-right:306px;}
.game_recomendPc .inner .gm_right ul li:hover {box-shadow:2px 12px 30px rgba(54,112,255,0.3);}
.game_recomendPc .inner .gm_right ul li a {display: block; width:100%; height:100%;}
.game_recomendPc .inner .gm_right ul li h2 {margin-bottom:15px; padding:0 20px; text-align: center; font-size:20px; font-family:'noto-B'; font-weight: normal; color:#1a1a1a; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient: vertical;}
.game_recomendPc .inner .gm_right ul li .gaming_img {display:block; width:205px; height:205px; margin:0 auto 15px; border-radius:8px; overflow:hidden;}
.game_recomendPc .inner .gm_right ul li .gaming_img img {width:100%;}
.game_recomendPc .inner .gm_right ul li .gm_bat {text-align: center; margin-bottom:10px;}
.game_recomendPc .inner .gm_right ul li .gm_bat span {display:inline-block; height:26px; line-height:26px; background:#1C8FED; margin-right:6px; padding:0 11px; border-radius: 13px; font-size:12px; font-family:'맑은고딕'; letter-spacing: -1px; font-weight: normal; color:#fff;}
.game_recomendPc .inner span::before {display: none;}
.game_recomendPc .inner span::after {display: none;}
.game_recomendPc .inner .gm_right ul li .gm_bat span:last-child {margin-right:0;}
.game_recomendPc .inner .gm_right ul li .gm_bat span.UHD {background:#8433FF;} 
.game_recomendPc .inner .gm_right ul li .gm_bat span.FHD {background:#1C8FED;} 
.game_recomendPc .inner .gm_right ul li .gm_bat span.QHD {background:#00C400;} 
.game_recomendPc .inner .gm_right ul li .gm_bat span img {display:inline-block; vertical-align: sub; margin-right:3px;}
.game_recomendPc .inner .gm_right ul li .gm_price {overflow: hidden;}
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_per {float:left; margin-right:5px; font-size:19px; font-family:'spoqa B'; font-weight: normal; color:#F14738; letter-spacing:-0.5px;}
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_won {float:right; margin-right:5px; padding-top:6px; font-size:13px; font-family:'spoqa R'; font-weight: normal; color:#6c6c6c; letter-spacing:-0.5px; text-decoration: line-through;}
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_total {float:right; font-size:16px; font-family:'spoqa B'; font-weight: normal; color:#1a1a1a; letter-spacing:-0.5px;}
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_total b {font-size:18px;}
.game_recomendPc .gm_next {width:14px; height:25px; display:block; background:url('//image5.compuzone.co.kr/img/images/main2019/function_icon.png') no-repeat -168px -84px; position:absolute; top:50%; right:0; transform:translateX(-50%);}
.game_recomendPc .gm_prev {width:14px; height:25px; display:block; background:url('//image5.compuzone.co.kr/img/images/main2019/function_icon.png') no-repeat -122px -84px; position:absolute; top:50%; left:50px; transform:translateX(-50%);}
.game_recomendPc .game_drag_progress {width:940px; margin:0 0; }
.game_drag_progress .drag_handle:before {width:972px;}
/* 90367 가산점 빠른픽업 추가 221101 */
.option_box.qp_box  { display: flex; align-items: center; padding: 0; font-size: 0; box-sizing: border-box;}
.option_box.qp_box input.chkMedium2[type="checkbox"]  { display: none; vertical-align: middle; }
.option_box.qp_box input.chkMedium2[type="checkbox"] + label.chkMedium2   { font-size: 12px; height: auto; display: inline-block; letter-spacing: -0.5px; color: #6c6c6c; margin-right: 4px; vertical-align: baseline;}
.option_box.qp_box 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: text-bottom; margin: 0 4px 0 0;}
.option_box.qp_box input.chkMedium2[type="checkbox"]:checked + label.chkMedium2 > i  { background: url(//image5.compuzone.co.kr/img/images/main/style_comm.png) -56px 0 no-repeat !important;}
.option_box.qp_box .quick_pickUP_icon  { display: inline-block; position: relative; width: 132px; margin-top: 0; height: 18px; }
.option_box.qp_box .quick_pickUP_icon > b  { color: #1C8FED; font-family: noto-M; font-style: italic; padding-left: 20px; display: inline-block; position: absolute; line-height: 17px; cursor: pointer; padding-right: 20px; font-size: 14px; font-weight: normal; height: 17px; }
.option_box.qp_box .quick_pickUP_icon > b:before {content: ''; position: absolute; width:20px; height:20px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_spark.svg') center center/contain no-repeat; display: inline-block; left: 0; top: 0;}
.option_box.qp_box .quick_pickUP_icon > b > em  { font-style: normal; font-weight: normal; font-family: noto-R; margin-left: 3px; }
.option_box.qp_box .qu_over  { display: inline-block; width: 20px; height: 20px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_question_mark_circle_24.svg") center/contain no-repeat; margin-left: 2px; cursor: pointer; margin-left: 5px; float: right; position: relative; z-index: 1; }

/*240321 107554 가산점 레이어팝업 수정 */
.quick_pickUP_layer_pop {display:none; width: 410px; height: auto; position: absolute; top:23px; left: -259px; background-color: #fff; box-sizing: border-box; z-index: 99; padding: 30px; border: 1px solid #B4B4B4;}
.quick_pickUP_icon .quick_pickUP_layer_pop .qpup_tit h2 {padding-bottom: 15px; margin:0 0 15px; font-size: 18px; font-family: 'noto-B'; font-weight: normal; color: #1A1A1A; border-bottom: 1px solid #1a1a1a; text-align: center;}
.quick_pickUP_layer_pop .qpup_tit > button {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;}
.quick_pickUP_layer_pop > button {width: 100%; max-width: 350px; height: 50px; background: #1a1a1a; border-radius: 2px; color: #fff; margin: auto;}
.quick_pickUP_layer_pop .qpup_notice {display: block; width: 100%; text-align: left; margin: 20px 0 30px; padding: 20px; background: #F9F9F9; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;  box-sizing: border-box; word-break: break-all;}
.quick_pickUP_layer_pop .qpup_notice > p {color: #6c6c6c !important; margin-top: 4px; letter-spacing: -0.33px;}
.quick_pickUP_layer_pop .qpup_notice > p:first-child{margin: unset;}
.reco_Lbox .prd_icon .quick_pickUP_icon:hover .quick_pickUP_layer_pop {display:block;}
.review_wrap .quick_pickUP_icon:hover .quick_pickUP_layer_pop {display:block;}
/* 웹폰트 규격 적용 230103 */
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_won{font-family: '맑은고딕';}
.recommendPrd_list .review_wrap > span{font-family: '맑은고딕';}
.prd_list_pager .page_area > a{font-family: '맑은고딕';}

/* 230330 92216 추천조립pc 검색옵션 개편*/
.filter_table table td {padding:20px 0 5px;}
.filter_table table td span {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; max-width:calc(100% - 10px);}
.filter_searchBox table td span.dsb {color:#d8d8d8;}
.filter_searchBox .table_area table td span:hover, .filter_searchBox table td span.on {color:#1C8FED;}
.filter_searchBox table td span.dsb:hover {color:#d8d8d8; border:1px solid #fff;}
.filter_searchBox table td span.dsb.on:hover {color:#1C8FED; border:1px solid #1C8FED;}
.filter_table.cpu_table, .filter_table.gc_table {height:135px; overflow:hidden; transition:all 0.3s;}
.filter_table.cpu_table::before, .filter_table.gc_table::before {content:''; width:100%; height:15px; background:#fff; position:absolute; bottom:0; left:0; z-index:2;}
.filter_searchBox .table_area {position:relative;}
.filter_searchBox .table_area .silde_table table {border-bottom:1px solid #e8e8e8;}
.filter_searchBox .table_area .tableSlide_btn {width:100%; height:100px; background:linear-gradient(transparent,#fff 60%); text-align: center; position:absolute; bottom:0; cursor: pointer; display:flex; align-items: center;}
.filter_searchBox .table_area .tableSlide_btn.on {height:64px; background:none;}
.filter_searchBox .table_area .tableSlide_btn.on .table_more {display:none;}
.filter_searchBox .table_area .tableSlide_btn.on .table_fold {display:flex; align-items: center;}
.filter_searchBox .table_area .tableSlide_btn p {color:#3A3A3A; font-size:16px; position:absolute; bottom:20px; left:50%; transform:TranslateX(-50%); display: flex; align-items: center;}
.filter_searchBox .table_area .tableSlide_btn .table_more i{display:inline-block; margin-left:10px; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_24.svg") center/contain no-repeat; }
.filter_searchBox .table_area .tableSlide_btn .table_fold i{display:inline-block; margin-left:10px; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_up_24.svg") center/contain no-repeat; }
.filter_searchBox .table_area .tableSlide_btn .table_fold{display:none;}
.filter_searchBox .table_area .filter_btn{display:inline-block; width:26px; height:26px; border:1px solid #E1E1E1; border-radius:2px; text-align:center; vertical-align:top; cursor:pointer; position:absolute; bottom:20px;}
.filter_searchBox .table_area .filter_btn > i{display:inline-block; line-height:24px; color:#6C6C6C; font-size:24px; font-family:'Noto-R'; font-weight:normal;}
.filter_searchBox .table_area .filter_btn.on > i.filter_more {display:none;}
.filter_searchBox .table_area .filter_btn.on > i.filter_fold {display:block;}
.filter_searchBox .table_area .filter_btn .filter_fold{display:none;}
.silde_table {height:85px;}
.filter_list2 {overflow:hidden;}
.filter_list2>div {display:inline-block; width:calc(100% / 7); float:left;}
/* 선택한필터영역 */
.reco_noList2 {border:none; border-bottom:1px solid #d8d8d8; padding:80px 0 100px;}
.filterSelect_table {border-top:none;}
.filterSelect_table th {font-size:16px; color:#1A1A1A; font-family:'Noto-M'; vertical-align:top;}
.filterSelect_table td {padding:20px 0 10px;  vertical-align:top;}
.filterSelect_table .btn_wrap {display: block;}
.filterSelect_table .search_btn, .filterSelect_table .reset_btn {height:26px; line-height:26px; margin:10px 0 0; padding:0 10px; text-align:center; font-size:12px; font-family:'맑은고딕'; font-weight: normal; color:#1A1A1A; letter-spacing: -1.5px; box-sizing: border-box;}
.filterSelect_table .filter_list {width:auto; padding-left:0;}
.filterSelect_table .filter_list span {background:#1C8FED; color:#fff;}
.filterSelect_table .filter_list span a {background:url("//image5.compuzone.co.kr/img/images/recomend21/x_Btnimg_w.png") center no-repeat;}
.filterSelect_table .search_zone {width:282px; height:60px; position:absolute; bottom:-30px; left:50%; transform:TranslateX(-50%);}
.filterSelect_table .search_zone a {display:block; width:100%; height:100%; line-height:60px; background:#1a1a1a; border-radius: 30px; text-align: center; font-size:16px; font-family:'noto-R'; font-weight: normal; color:#fff; transition:all 0.3s;}
.filterSelect_table .search_zone a:hover {box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.16);}
.filterSelect_table .search_zone a b {font-weight: normal;}
/* 해당상품없을시 */
.reco_noList .refilter_btn {display:inline-block; margin-top:20px; padding:0 15px; width:167px; height:40px; line-height:40px; border:1px solid #d8d8d8; border-radius:2px; color:#1a1a1a; font-size:14px; font-family:'Noto-R';}
.reco_noList .refilter_btn i {display:inline-block; margin-left:2px; width:18px; height:18px; background:url("//image5.compuzone.co.kr/img/images/recomend21/reset_Btnimg.png") center no-repeat; vertical-align:-3px;}
/* 필터 검색 후 뜨는 상품슬라이드 영역 */
.filter_pro  {height:auto; margin-top:80px; padding:25px 0 130px; background:#f9f9f9;}
.filter_pro .wave_area {position:absolute; left:0; bottom:0; width:100%; height:102px; background:url("//image5.compuzone.co.kr/img/images/recomend21/wave_bg2.png") repeat-x 0 0; transform:rotate(180deg); transition:all .5s;}
.filter_pro .section_title {text-align: center;}
.filter_pro .section_tab {margin:40px auto 0;}
.filter_pro .section_tab ul {display: flex; justify-content: center;}
.filter_pro .section_tab ul li {height:50px; padding:13px 30px; background:#fff; border-radius: 25px; font-size:16px; font-family:'noto-M'; color:#949494; margin-right:20px; box-sizing: border-box; transition:all 0.3s; cursor: pointer;}
.filter_pro .section_tab ul li:last-child {margin-right:0px;}
.filter_pro .section_tab ul li:hover, .filter_pro .section_tab ul li.on {background:#1c8fed; color:#fff; box-shadow:3px 3px 30px rgba(28,143,237,0.3);}
.filter_pro .popular_top5 {max-width:1220px; margin:0 auto; position:relative;}
.filter_pro .popular_top5 li {width:224px; height:330px; margin:0 10px;}
.filter_pro .popular_top5 .popular_img {width:180px; height:180px;}
.filter_pro .popular_top5 .price {bottom:20px;}
.filter_pro .popular_top5 .slick-list {padding:20px 0;}
.filter_pro .popular_top5 .filter_slidebtn {width:45px; height:45px; background:url("//image5.compuzone.co.kr/img/images/recomend21/slick_btn.png") center center no-repeat; position:absolute; top:165px; cursor: pointer; transition:all 0.3s;}
.filter_pro .popular_top5 .filter_slidebtn:hover {background:url("//image5.compuzone.co.kr/img/images/recomend21/slick_btn_h.png") center center no-repeat;}
.filter_pro .popular_top5 .filter_slidebtn.left {left:-45px; transform:rotate(180deg);}
.filter_pro .popular_top5 .filter_slidebtn.right {right:-45px;}
.filter_pro .popular_prdList {margin-top:20px;}
.filter_pro1 .popular_top5>div {display:none;}
.filter_pro1 .popular_top5>div.on {display:block;}
.filter_pro2 {margin:0; padding:25px 0 20px; background:linear-gradient(to top, #fff, #E2F1FC 10% , #fff);}
.filter_fix {width:100%; background:#fff; border-top:1px solid #1a1a1a; position:fixed; bottom:0; left:0; z-index:999; box-shadow: 0px -6px 8px rgba(0,0,0,0.16); display:none;}
.filter_fix.on.fixed {display: block;}
.filter_fix .filter_fix_inner {width:1300px; margin:0 auto;}
.filter_fix_top {display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #D8D8D8; padding:20px 0 ; box-sizing: border-box;}
.filter_fix_top h2 {font-size:18px; font-family:'noto-R'; font-weight: normal; color:#1a1a1a;}
.filter_fix_top h2 span {font-size:18px; font-family:'noto-B'; font-weight: normal; color:#1a1a1a;}
.filter_fix_top h2 span i {font-family:'spoqa B';}
.filter_fix_top a {display: inline-block; width:147px; height:40px; line-height:40px; border-radius:2px; background:#fff; border:1px solid #D8D8D8; text-align: center; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#1a1a1a;}
.filter_fix_top a.Bbtn {margin-left:5px; background:#1A1A1A; border:1px solid #1A1A1A; color:#fff;}
.filter_searchBox .inner .filterSelect_table {display:none;}
.filter_searchBox .inner .filterSelect_table.on, .filter_searchBox .inner .filterSelect_table.onn {display:block;}
.filter_searchBox .inner .filterSelect_table.on.fixed {position:fixed; bottom:0; left:0; background:#fff; z-index:999;}

/* 230321 94052 맞춤가 체크박스로 변경*/
.customP_switch .custom_switchBtn {display:none!important;}
.customP_switch>div {display: flex; align-items: center;}
.customP_switch .customP_txt {font-size:14px; color:#1a1a1a;}
.customP_switch input[type="checkbox"] {display:none;}
.customP_switch input[type="checkbox"] + label {display:inline-block; font-size:14px; line-height:18px; letter-spacing:-0.5px; color:#1a1a1a;}
.customP_switch input[type="checkbox"] + label > i {display:inline-block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png') center center no-repeat; cursor:pointer; margin: 0 5px 0 0;}
.recoPrdList_wrap .recoPrdList_top .customP_switch{display: flex; align-items: center; gap: 15px;}
.recoPrdList_wrap .recoPrdList_top .customP_switch .customP_txt{display: flex; align-items: center;}
.recoPrdList_wrap .recoPrdList_top .customP_switch .customP_txt input[type="checkbox"] + label {display:flex; align-items: center; font-size:14px; line-height:18px; letter-spacing:-0.5px; color:#1a1a1a;}
.recoPrdList_wrap .recoPrdList_top .customP_switch .customP_txt input[type="checkbox"] + label > i {display:inline-block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png') center center no-repeat; cursor:pointer; margin: 0 5px 0 0;}
.customP_switch input[type="checkbox"]:checked + label > i {background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png') center center no-repeat !important;}
.customP_switch .quick_pickUP_icon {width:150px; height:16px;}
.recoPrdList_wrap .option_box.qp_box input.chkMedium2[type="checkbox"] + label.chkMedium2 > i{display:inline-block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png') center center no-repeat; cursor:pointer; margin: 0;}

/* 230530 96405 추천조립PC 상단영역 개편 */
.game_roll_wrap {width:100%; padding:40px 0 0; box-sizing: border-box; background:linear-gradient(to top, #E2F1FC,#F1F8FE, #fff); position:relative;}
.game_roll_wrap.on {background:linear-gradient(to top, #f5f5f5,#f5f5f5,#fff); }
.game_roll_wrap.on::before {content:''; width:100%; height:100%; background:url('//image5.compuzone.co.kr/img/images/recomend21/recomend_gm_bg2.png') left bottom no-repeat; position:absolute; top:0; left:0;}
.game_roll_wrap .game_tab {width:1300px; margin:0 auto 40px;}
.game_roll_wrap .game_tab ul {display: flex;}
.game_roll_wrap .game_tab ul li {width:250px; height:50px; margin-right:15px; background:#fff; border-radius: 25px; box-shadow:0px 3px 12px rgba(55,109,255,0.2); transition:all 0.3s; position:relative;}
.game_roll_wrap .game_tab ul li:last-child {margin-right:0;}
.game_roll_wrap .game_tab ul li.on, .game_roll_wrap .game_tab ul li:hover {background:#376DFF;}
.game_roll_wrap .game_tab ul li a {display:block; width:100%; height:50px; line-height:50px; padding:0 20px; text-align: center; font-size:16px; font-family:'noto-R'; font-weight: normal; color:#949494; white-space:normal; word-break:break-all; font-family:'noto-M'; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis; overflow:hidden; transition:all 0.3s;}
.game_roll_wrap .game_tab ul li.on a, .game_roll_wrap .game_tab ul li:hover a {font-family:'noto-M'; color:#fff;}
/* 월간견적 탭 애니메이션 */
.game_roll_wrap .game_tab ul li .monthly_ani span:nth-child(1) {position:absolute; top:-30px; left:150px; opacity:0;}
.game_roll_wrap .game_tab ul li .monthly_ani span:nth-child(2) {position:absolute; top:20px; left:14px; opacity:0;}
.game_roll_wrap .game_tab ul li .monthly_ani span:nth-child(3) {position:absolute; top:29px; left:195px; opacity:0;}
.game_roll_wrap .game_tab ul li .monthly_ani.on span:nth-child(1) {animation:monthly1 0.3s ease-in-out forwards, monthly 1.7s ease-in-out infinite 0.7s;}
.game_roll_wrap .game_tab ul li .monthly_ani.on span:nth-child(2) {animation:monthly2 0.3s ease-in-out forwards, monthly 1.7s ease-in-out infinite 0.6s;}
.game_roll_wrap .game_tab ul li .monthly_ani.on span:nth-child(3) {animation:monthly3 0.3s ease-in-out forwards, monthly 1.7s ease-in-out infinite 0.5s;}
@keyframes monthly {
	0%,100% {transform:translateY(0);}
	50% {transform:translateY(10px);}
}
@keyframes monthly1 {
	0% {opacity:0; transform:translate(-20px, 20px) scale(0.8);}
	100% {opacity:1; transform:translate(0, 0) scale(1);}
}
@keyframes monthly2 {
	0% {opacity:0; transform:translate(80px, -20px) scale(0.8);}
	100% {opacity:1; transform:translate(0, 0) scale(1);}
}
@keyframes monthly3 {
	0% {opacity:0; transform:translate(-40px, -20px) scale(0.8);}
	100% {opacity:1; transform:translate(0, 0) scale(1);}
}
.game_roll_wrap .game_roll .game_roll_box {position:relative; width:100%; height:100%; z-index:1; display: flex;}
.game_roll_wrap .game_roll .game_roll_box>div {position:relative; width:100%; height:100%; z-index:1; flex-shrink: 0;}
.game_roll_wrap .game_roll .gm_roll_inner {width:1300px; margin:0 auto; position:relative;}
.game_roll_wrap .game_roll .roll_tit {display: flex; align-items: flex-end; justify-content: space-between;}
.game_roll_wrap .game_roll .roll_tit h2 {font-size:32px; font-family:'noto-B'; font-weight: normal; color:#1A1A1A; letter-spacing: -1.5px; opacity:0;}
.game_roll_wrap .game_roll .roll_tit h3 {margin-top:5px; font-size:32px; font-family:'noto-D'; font-weight: normal; color:#1A1A1A; letter-spacing: -1.5px; opacity:0;}
.game_roll_wrap .game_roll .roll_tit h4 {font-size:18px; font-family:'noto-R'; font-weight: normal; color:#6E95FF; padding-left:20px; position:relative;}
.game_roll_wrap .game_roll .roll_tit h4::before {content:''; width:1px; height:13px; background:#6E95FF; position:absolute; top:50%; left:10px; transform:TranslateY(-50%); opacity:0.5;}
.game_roll_wrap .game_roll .roll_tit h4:nth-child(1):before {display: none;}
.game_roll_wrap .game_roll .roll_tit_left {flex:1;}
.game_roll_wrap .game_roll .roll_tit_right {display: flex; align-items: center; margin-bottom:3px;}
.game_roll_wrap .game_roll .roll_tit_right .detail_btn a {display: flex; align-items: center; padding-right:40px; font-size:18px; font-family:'noto-R'; font-weight: normal; color:#3A3A3A; position:relative; z-index:1; transition:all 0.2s;}
.game_roll_wrap .game_roll .roll_tit_right .detail_btn a span {display:inline-block; width:36px; height:36px; border-radius: 18px; background:#80A2FF; position:absolute; right:0; z-index:-1; transition:all 0.2s;}
.game_roll_wrap .game_roll .roll_tit_right .detail_btn a span::before {content:''; width:15px; height:1px; background:#fff; position:absolute; top:50%; right:10px; transform:TranslateY(-50%);}
.game_roll_wrap .game_roll .roll_tit_right .detail_btn a span::after {content:''; width:1px; height:15px; background:#fff; position:absolute; top:50%; right:17px; transform:TranslateY(-50%);}
.game_roll_wrap .game_roll .roll_tit_right .detail_btn:hover a {color:#fff;}
.game_roll_wrap .game_roll .roll_tit_right .detail_btn:hover a span {width:140px;}
.game_roll_wrap .findgm .roll_tit_right .detail_btn:hover a span {width:166px;}
/* 타이틀 애니메이션 */
.game_roll_wrap .game_roll .roll_tit_left.on h2 {animation:roll_tit 0.4s ease-in-out forwards;}
.game_roll_wrap .game_roll .roll_tit_left.on h3 {animation:roll_tit 0.4s ease-in-out forwards 0.2s;}
@keyframes roll_tit {
	0% {opacity:0; transform:translateY(20px);}
	100% {opacity:1; transform:translateY(0);}
}
.game_roll_wrap .game_roll_in {width:calc(100% + 40px); padding:40px 20px 60px; left:-20px; box-sizing: border-box;}
.game_roll_wrap .game_roll .swprev {width:42px; height:42px; margin:0; border-radius: 50%; background:#fff url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_prev_24.svg') center center/20px no-repeat; left:-21px; box-shadow: 3px 3px 15px rgba(59,109,255, 0.3); z-index:20;}
.game_roll_wrap .game_roll .swnext {width:42px; height:42px; margin:0; border-radius: 50%; background:#fff url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_24.svg') center center/20px no-repeat; right:-21px; box-shadow: 3px 3px 15px rgba(59,109,255, 0.3); z-index:20;}
.game_roll_wrap .findgm .swprev {box-shadow: 3px 3px 15px rgba(108,108,108, 0.3);}
.game_roll_wrap .findgm .swnext {box-shadow: 3px 3px 15px rgba(108,108,108, 0.3);}
.game_roll_wrap .game_roll .swprev, .game_roll_wrap .game_roll .swnext {transition:all 0.3s; opacity:0.5;}
.game_roll_wrap .game_roll .swprev.swiper-button-disabled, .game_roll_wrap .game_roll .swnext.swiper-button-disabled {opacity:0;}
.game_roll_wrap .game_roll .swprev:hover, .game_roll_wrap .game_roll .swnext:hover {opacity:1;}
.game_roll_in .swiper-slide {width:244px; height:350px; background:#fff; border-radius: 20px; margin-right:20px; overflow:hidden; position:relative; transition:all 0.2s;}
.game_roll_in .swiper-slide:hover {box-shadow: 3px 3px 15px rgba(59,109,255, 0.3);}
.findgm .game_roll_in .swiper-slide:hover {box-shadow: 3px 3px 15px rgba(108,108,108, 0.3);}
.game_roll_in .swiper-slide a {display: block; width:100%; height:100%; padding:20px; box-sizing: border-box;}
.game_roll_in .swiper-slide .popular_img {width:202px; height:202px;}
.game_roll_in .swiper-slide .popular_img img {display:block; width:100%; height:100%;}
.game_roll_in .popular_name{margin-top:15px; color:#1A1A1A; font-size:16px; white-space:normal; word-break:break-all; font-family:'noto-R'; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis; overflow:hidden;}
.game_roll_in .gm_name {margin:22px 0 21px; text-align: center; color:#1A1A1A; font-size:20px; white-space:normal; word-break:break-all; font-family:'noto-M'; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis; overflow:hidden;}  
.game_roll_in .gm_bat {text-align: center; margin-bottom:10px; position:absolute; top:20px; left:20px;}
.game_roll_in .gm_bat span {display:table; height:26px; line-height:26px; background:#1C8FED; margin-bottom:5px; padding:0 11px; border-radius: 13px; font-size:12px; font-family:'맑은고딕'; letter-spacing: -1px; font-weight: normal; color:#fff;}
.game_roll_in .gm_bat span:last-child {margin-right:0;}
.game_roll_in .gm_bat span.UHD {background:#8433FF;} 
.game_roll_in .gm_bat span.FHD {background:#1C8FED;} 
.game_roll_in .gm_bat span.QHD {background:#00C400;} 
.game_roll_in .gm_bat span img {display:inline-block; vertical-align: sub; margin-right:3px;}
.game_roll_in .price {display: flex; justify-content: space-between; width:100%; margin-top:10px;}  
.game_roll_in .red_discount {margin-top:20px; color:#F14738; font-size:18px; font-family:'spoqa B';} 
.game_roll_in .price_area {text-align:right;} 
.game_roll_in .price_area .price1 {display:block; color:#1A1A1A; font-size:15px; opacity:0.5; font-family:'spoqa R'; font-style:normal; text-decoration:line-through; } 
.game_roll_in .price_area .price2 {display:block; color:#1A1A1A; font-size:18px; font-family:'spoqa B'; font-style:normal;} 
.game_roll_in .basic_bg .more_plus{transition-delay:2s; transition:0.5s all; position:absolute; left:50%; top:90px; margin-left:-30px; padding-top:12px; width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,0); text-align:center; z-index:10;}

/* 230810 100608 배지 아이콘 추가 */
.viewType_T .wh100 .bats {width: 60px; position: absolute; top: 5px; right: 5px; box-sizing: border-box; z-index: 2;}
.viewType_T .wh100 .bats .bats_icon {display: block; width: 60px; height: 60px; margin-bottom: 15px;}
.viewType_T .wh100 .bats_icon img {width: 60px; height: 60px; position: inherit;}
.viewType_L .wh100 .bats {width: 60px; position: absolute; top: 2px; right: 5px; box-sizing: border-box; z-index: 2;}
.viewType_L .wh100 .bats .bats_icon {display: block; width: 60px; height: 60px; margin-bottom: 2px;}
.viewType_L .wh100 .bats_icon img {width: 60px; height: 60px; position: inherit;}

/* 230914 101857 토스페이 프로모션 수동 배너 이벤트 */
.recon_floating{animation: floating_banner 2s ease-in-out alternate infinite;}
@keyframes floating_banner {
	0% { transform: translateY(0); }
	100% { transform: translateY(30px); }
  }
.recon_floating a.closeX{bottom: auto; top:10px; right:15px;}
.recon_floating:hover{animation-play-state:paused;}

/* 117561 토요일출발 추가*/
.recommendPrd_list .viewType_L .prd_icon {margin-top: 14px;}
.recoPrdList_wrap .recommendPrd_list .sat_icon {width: 84px;}