a {text-decoration: none; outline: none;}

.iw_layer {position:fixed; top: 0; left: 0; width:100vw; height:100vh; z-index: 9998; background: #ffffff; display: none;}
.iw_layer  * {margin: 0; padding: 0; box-sizing: border-box;}
.iw_layer .iw_layer_title {position:fixed; top: 0; left: 0; width:100%; height: 52px; z-index: 3; background-color: #fff; text-align: center; color: #3a3a3a; font-size: 18px; line-height: 52px; border-bottom: 1px solid #d8d8d8; font-family: "noto-B"; font-weight: normal;}
.iw_layer .iw_layer_title .close_X { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 15px; height: 15px; display: inline-block; background: url(//image5.compuzone.co.kr/img/images/ask_estimate/mo_ae_icon5.png) center; background-size: contain;}
.iw_layer .iw_layer_inner {width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto;}
/* ¸ÞÀÎ¹è³Ê ÆË¾÷ */
.iw_layer.TB_more .TB_box {width: 100%; height: 472px; overflow: hidden; position: relative; background: #fff; margin-top: 52px;}
.iw_layer.TB_more .TB_box a{width: 100%;}
.iw_layer.TB_more .TB_box + div {margin-top: 20px;}
.iw_layer.TB_more .TB_box .bg_img{position: absolute; top: -600px; left: 0; right: 0; margin: auto; width: 100%; max-width: 750px;}
.iw_layer.TB_more .TB_box .gra{position: absolute; bottom: 140px; left: 0; width: 100%;}
.iw_layer.TB_more .TB_box .gra img{width: 100%;}
.iw_layer.TB_more .TB_box .pd_img{position: relative; width: 100%; max-width: 375px; margin: auto; left: 60px;}
.iw_layer.TB_more .TB_box .pd_img img{width: 100%;}
@media(max-width:364px){
	.iw_layer.TB_more .TB_box .pd_img{left: 13vw;}
}
/* .iw_layer.TB_more .TB_box .pd_img img{width: 100%; max-width: 375px;} */
.iw_layer.TB_more .TB_box .txt_box{position: relative; z-index: 1; padding: 20px 15px; box-sizing: border-box;}
.iw_layer.TB_more .TB_box h3{color: #3a3a3a; font-family: 'noto-B'; font-size: 17px; text-align: center; font-weight: normal;}
.iw_layer.TB_more .TB_box p{color: #6C6C6C; font-family: 'noto-R'; font-size: 14px; margin-top: 10px; text-align: center;}
.iw_wrap{position: relative;}

/* ¸ÞÀÎ¹è³Ê */
.iw_wrap .main_bnr_wrap { width: 100%; max-width: 375px; margin: auto; background: #fff; position: relative; overflow: hidden;}
.iw_wrap .main_bnr_wrap .bnr_inner{padding: 20px 15px 30px; position: relative;}
.iw_wrap .main_bnr_wrap .swiper-wrapper{overflow: hidden;}
.iw_wrap .main_bnr_wrap .swiper-slide{position: relative;}
.iw_wrap .main_bnr_wrap .swiper-slide .swiper-text{margin-bottom: 30px; position: relative; z-index: 1;}
.iw_wrap .main_bnr_wrap .swiper-slide .swiper-text h3{font-family: 'noto-B'; font-size: 26px; color: #3a3a3a; font-weight: normal;}
.iw_wrap .main_bnr_wrap .swiper-slide .swiper-text p{margin-top: 16px; font-family: 'noto-R'; font-size: 15px; color: #6C6C6C;}
.iw_wrap .main_bnr_wrap .swiper-slide .sw_product{width: 345px; height: 327px; position: relative; z-index: 2; display: block;}
.iw_wrap .main_bnr_wrap .swiper-slide .sw_product img{width: 100%;}
.iw_wrap .main_bnr_wrap .swiper-slide .sw_bg{width: 242px; height: 300px; border-radius: 15px; overflow: hidden; position: absolute; top: 141px; right: 0; z-index: 1; display: block;}
.iw_wrap .main_bnr_wrap .swiper-slide .sw_bg img{width: 100%;}
.iw_wrap .main_bnr_wrap .swiper-op {width: 100% ; height:36px; margin: 4px auto 0; box-sizing: border-box; position:relative; z-index:4; display: flex; align-items: center; gap: 10px;}
.iw_wrap .main_bnr_wrap .bnr_inner .progress {width:calc(100% - 55px); height:4px; background:transparent; border-radius: 4px; position:relative; top:inherit;}
.iw_wrap .main_bnr_wrap .bnr_inner .progress::before {content:''; width:100%; height:4px; background:#F2F2F2; position:absolute; top:3px; left:0;}
.iw_wrap .main_bnr_wrap .bnr_inner .progress > i {content:''; width:100%; height:4px; border-radius: 4px; background: #0D6DE3;position:absolute; top:2px; left:0; transition: 0.4s ease-in-out;}
.iw_wrap .main_bnr_wrap .swiper-op .swiper_plus {display: block; width:39px; height:39px; border-radius: 50%; background:#F2F2F2; text-indent:-999px; position:relative;}
.iw_wrap .main_bnr_wrap .swiper-op .swiper_plus::before {content:''; width:14px; height:2px; background:#949494; border-radius: 3px; position:absolute; top:19px; left:13px;}
.iw_wrap .main_bnr_wrap .swiper-op .swiper_plus::after {content:''; width:2px; height:14px; background:#949494; border-radius: 3px; position:absolute; top:13px; left:19px;}


/* °æ°è¼± */
.iw_wrap .line{width: 100%; height: 8px; background: #F9F9F9;}

/* ¾ÆÀÌ¿÷½ºPCÀÇ Æ¯º°ÇÑ ÇýÅÃ */
.iw_special_wrap{width: 100%; padding: 40px 0px 15px; padding-bottom: 30px;}
.iw_special_wrap > .tit{padding: 0 16px 0; color: #3a3a3a; font-family: 'noto-B'; font-size: 20px; text-align: left; margin-bottom: 20px; font-weight: normal;}

.iw_special_wrap .bnr_inner{padding: 0 0px 20px; position: relative;}
.iw_special_wrap .swiper-wrapper .slick-list{padding: 0 15px; box-sizing: border-box;}
.iw_special_wrap .swiper-slide{display: inline-flex; align-items: center; justify-content: center; width: 277px; height: 117px; margin-right: 10px; padding: 20px; background: #fff; border-radius: 10px; transition: all 0.3s; box-sizing: border-box; border: 1px solid #D8D8D8;}
.iw_special_wrap .swiper-slide .txt_box {margin-right: 10px;}
.iw_special_wrap .swiper-slide .txt_box h3 {color: #3a3a3a; font-family: 'noto-B'; font-size: 17px; margin-bottom: 10px; font-weight: normal;}
.iw_special_wrap .swiper-slide .txt_box p {color: #6C6C6C; font-family: 'noto-R'; font-size: 15px;}
.iw_special_wrap .swiper-slide .img_box {width: 77px; height: 77px;}
.iw_special_wrap .swiper-slide .img_box img {width: 100%;}

.iw_special_wrap .swiper-op {width: 100% ; height:4px; margin: 20px auto 0; box-sizing: border-box; position:relative; z-index:4; display: flex; align-items: center; gap: 10px;}
.iw_special_wrap .bnr_inner .progress {width:calc(100% - 30px); height:4px; margin: auto; background:transparent; border-radius: 4px; position:relative; top:inherit;}
.iw_special_wrap .bnr_inner .progress::before {content:''; width:100%; height:4px; background:#F2F2F2; position:absolute; top:3px; left:0;}
.iw_special_wrap .bnr_inner .progress > i {content:''; width:100%; height:4px; border-radius: 4px; background: #0D6DE3;position:absolute; top:2px; left:0; transition: 0.4s ease-in-out;}


/* Á¦Ç°¿µ¿ª */
.iw_pd_wrap {position: relative;}
.iw_pd_wrap .pd_wr{padding: 112px 16px 40px; background: #f2f2f2;}
.iw_pd_wrap .pd_wr .pd_inner .tit{margin-bottom: 20px;}
.iw_pd_wrap .pd_wr .pd_inner .tit p{color: #6C6C6C; font-size: 13px; font-family: 'noto-R'; margin-bottom: 5px;}
.iw_pd_wrap .pd_wr .pd_inner .tit h3{color: #3A3A3A; font-size: 20px; font-family: 'noto-B'; font-weight: normal;}
.iw_pd_wrap .pd_wr .pd_inner .tit span{color: #949494; font-size: 12px; font-family: 'noto-R'; display: block; margin-top: 5px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul{display: flex; flex-direction: column; gap: 12px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li{position: relative;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a{display: block; padding: 16px; background: #ffffff; border: 1px solid #D8D8D8; border-radius: 15px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .ad_box{display: flex; align-items: center; gap: 8px; margin-bottom: 16px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .ad_box span{display: flex; align-items: center; justify-content: center; background: #F14738; width: 42px; height: 25px; border-radius: 13px; color: #ffffff; font-size: 12px; font-family: '¸¼Àº°íµñ'; font-weight: bold;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .ad_box p{color: #3a3a3a; font-size: 17px; font-family: 'noto-B'; font-weight: normal;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box{margin-bottom: 16px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .fx_box{display: flex; gap: 12px; margin-bottom: 16px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .img_box{width: 120px; height: 120px; border-radius: 10px; overflow: hidden; position: relative;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .img_box img{width: 100%;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .img_box::before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.02); position: absolute; top: 0; left: 0;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .img_box .pickup_icon{position: absolute; top: 10px; left: 10px; width: 24px; height: 24px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .img_box .pickup_icon img{width: 100%;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box{width: 55%;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .name{color: #3a3a3a; font-family: 'noto-R'; font-size: 15px; margin-bottom: 7px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .original{color: #949494; font-family: 'spoqa R'; font-size: 13px; display: block; margin-bottom: 2px; text-decoration: line-through; height: 19px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .price{display: flex; gap: 9px; margin-bottom: 8px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .dc{color: #F14738; font-family: 'spoqa M'; font-size: 16px; font-weight: bold;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .total{color: #3a3a3a; font-family: 'spoqa M'; font-size: 16px; font-weight: bold;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .tool{display: flex; align-items: center; height: 19px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .tool .ico02{display: flex; align-items: center; gap: 4px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .tool .ico02 p{color: #3a3a3a; font-family: 'spoqa R'; font-size: 13px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .tool .line{width: 1px; height: 10px; background: #D8D8D8; display: block; margin: 0 8px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .txt_box .tool .review{color: #3a3a3a; font-family: 'spoqa R'; font-size: 13px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .bat_box{display: flex; gap: 4px; flex-wrap: wrap;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .bat_box span{padding: 4px 8px; background: #FAFAFA; border-radius: 5px; color: #6C6C6C; font-family: 'noto-M'; font-size: 12px;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .des ul li{display: flex; align-items: center; border-bottom: 1px solid #E8E8E8;} 
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .des ul li:first-child{border-top: 1px solid #E8E8E8;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .des ul li p{width: 54px; height: 44px; background: #F9F9F9; display: flex; align-items: center; justify-content: center; font-family: 'noto-M'; font-size: 14px; color: #3A3A3A;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .des ul li span{display: block; color: #3A3A3A; font-family: 'noto-R'; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 54px); height: 44px; padding: 12px; box-sizing: border-box;}


/* 230703 99125 ÇýÅÃ¾È³»¹èÁö°³¼± */
.iw_pd_ul_L .iw_pd_li .lft .bats {width:35px; height:100%; position:absolute; top:0; right:5px;}
.iw_pd_ul_L .iw_pd_li .lft .bats .bats_icon {display: block; width:35px; height:35px; position:absolute;}
.iw_pd_ul_L .iw_pd_li .lft .bats .bats_icon img {width:100%; height:100%}
.iw_pd_ul_L .iw_pd_li .lft .bats .bats_icon:nth-child(1) {top:5px;}
.iw_pd_ul_L .iw_pd_li .lft .bats .bats_icon:nth-child(2) {top:50%; transform:TranslateY(-50%);}
.iw_pd_ul_L .iw_pd_li .lft .bats .bats_icon:nth-child(3) {bottom:5px;}
.iw_pd_ul_T .iw_pd_li .bats {width:35px; height:100%; position:absolute; top:0; right:5px;}
.iw_pd_ul_T .iw_pd_li .bats .bats_icon {display: block; width:35px; height:35px; position:absolute;}
.iw_pd_ul_T .iw_pd_li .bats .bats_icon img {width:100%; height:100%}
.iw_pd_ul_T .iw_pd_li .bats .bats_icon:nth-child(1) {top:5px;}
.iw_pd_ul_T .iw_pd_li .bats .bats_icon:nth-child(2) {top:50%; transform:TranslateY(-50%);}
.iw_pd_ul_T .iw_pd_li .bats .bats_icon:nth-child(3) {bottom:5px;}

/* ¿ù°£¿÷½º */
.iw_comtube_wrap{padding: 30px 0;}
.iw_comtube_wrap .tit{padding: 0 15px; margin-bottom: 20px;}
.iw_comtube_wrap .tit h3{font-size: 20px; font-family: 'noto-B'; color: #3a3a3a; margin-bottom: 5px; font-weight: normal;}
.iw_comtube_wrap .tit p{font-size: 13px; font-family: 'noto-R'; color: #6C6C6C;}
.iw_comtube_wrap .video_box .slick-list{padding: 0 15px;}
.iw_comtube_wrap .video_box .swiper-slide{width: 320px; margin-right: 10px;}
.iw_comtube_wrap .video_box .swiper-slide .box .img_inner{position: relative; width: 320px; height: 180px; border-radius: 8px; overflow: hidden; margin-bottom: 10px;}
.iw_comtube_wrap .video_box .swiper-slide .box .img_inner .thumbnail_img img{width: 100%;}
.iw_comtube_wrap .video_box .swiper-slide .box .element_info .ele_tit{font-size: 17px; font-family: 'noto-B'; font-weight: normal; color: #3A3A3A; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.iw_comtube_wrap .video_box .swiper-slide .box .element_info .ele_content{font-size: 15px; font-family: 'noto-R'; color: #6C6C6C; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.iw_comtube_wrap .comtube_btn{top:0;}

/* ÄÄÆ©ºê ÄÁÅÙÃ÷ */
#comtube_dim{position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.7); overflow-y:hidden; z-index:200;}
.comtube_pop{position:relative; left:0; top:50%; transform:translateY(-70%); width:100%; height:55vh; background:#000; box-sizing:border-box;}
.comtube_iframe{position:relative; top:50%; left:50%; transform:translate(-50% , -50%); height:0; max-width:1024px; max-height:430px; padding-bottom:56.23%;}
.comtube_iframe iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
.comtube_x{position:absolute; left:50%; bottom:-50px; transform:translateX(-50%); display:inline-block; width:45px; height:45px; background:url("//image5.compuzone.co.kr/img/images/product_list/play_pop_x.png") center top no-repeat; background-size:cover; font-size:0;}
@media all and ( max-width: 400px )  {
	.comtube_pop{height:45vh; top:10%; transform:translateY(0%);}
}
@media (min-width:401px) and (max-width:500px) {
	.comtube_pop{height:48vh;}
}
@media all and ( min-width:1024px )  {
	.comtube_pop{background:transparent;}
	.comtube_iframe{transform:translate(-50% , -45%)}
}


/* 231206 104477 ¾ÆÀÌ¿÷½º °¡°ÝÇýÅÃ ³ëÃâ ±â´É Ãß°¡ ¿äÃ» */
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .discount_box{padding: 4px 8px; box-sizing: border-box; background: #F3FAFF; border-radius: 5px; margin-bottom: 4px; display: inline-block;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .discount_box p{font-size: 12px; font-family: 'noto-M'; color: #6C6C6C;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .discount_box p span{font-family: 'noto-B'; color: #0D6DE3;}



/* ÇÁ¸®¹Ì¾ö, ¾ÆÀÌ¿÷½º, ÃßÃµÁ¶¸³PC »ó´Ü °øÅë¹è³Ê */.top_swiper {width:100%;}
.top_swiper .swiper-slide>div {width:100%; height:60px;}
.top_swiper .evt49952_bnr {background:#0A0844;}
.top_swiper .evt48744_bnr {background: #DBFFD1;}
.top_swiper .swiper-slide>div .txt_wrap {padding: 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.top_swiper .txt_wrap p {position:relative; z-index: 1;}
.top_swiper .txt_w {color:#fff;}
.top_swiper .ban_bg {width: 120px; height: 120px; border-radius: 50%; background:#949494; position: absolute; top: 5px; right: 15px;}
.top_swiper .ban_bg::before {content:''; width:60px; height:60px; border-radius: 50%; background:#fff; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}
.top_swiper .evt49952_bnr .ban_bg {background:#15125A;}
.top_swiper .evt49952_bnr .ban_bg::before {background:#0A0844;}
.top_swiper .evt48744_bnr .ban_bg {background:#baffa7;}
.top_swiper .evt48744_bnr .ban_bg::before {background:#DBFFD1;}
.top_swiper .ban_bg img {width: 100%;}
.top_swiper .close {width: 16px; height: 16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg') center center/contain no-repeat; position: absolute; top: 5px; right: 5px; }
.top_swiper .close.wX {background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_close_24.svg') center center/contain no-repeat;}
.top_swiper .iworks_pc_bnr {background: linear-gradient(-90deg,rgba(242, 246, 250, 0) 0%, rgba(183, 222, 255, 1) 100%);}
.top_swiper .iworks_pc_bnr .ban_bg {background: #e8f5ff;}
.top_swiper .iworks_pc_bnr span {color: #1C8FED;}
/* 118474 ¾ÆÀÌ¿÷½º ºê·£µå°ü Ãß°¡ */
.iw_brand_wrap{padding: 40px 0;}
.iw_brand_wrap .tit{padding: 0 16px; margin-bottom: 16px; position: relative;}
.iw_brand_wrap .tit h3{font-size: 20px; font-family: 'noto-B'; color: #3a3a3a; margin-bottom: 8px; font-weight: normal;}
.iw_brand_wrap .tit p{font-size: 14px; font-family: 'noto-R'; color: #3A3A3A;}
.iw_brand_wrap .content {width: 100%; margin: 0 auto; background: #fff; padding: 0 15px; box-sizing: border-box;}
.iw_brand_wrap .box { width: auto;}
.iw_brand_wrap .box .logo { border-radius: 10px; padding: 10px; box-sizing: border-box; border: 1px solid #D8D8D8; width: 90px; display: flex; align-items: center; justify-content: center;}
.iw_brand_wrap .box .logo img {width: auto; height: 32px;}
.iw_brand_wrap .box p {font-size: 12px; font-family: 'noto-R'; color: #3A3A3A; letter-spacing: -0.3px; white-space: nowrap; }
.iw_brand_wrap .box.on .logo { border: 1px solid #1A1A1A;}
.iw_brand_wrap .box.on p{ font-family: 'noto-M'; color:#1A1A1A;}
.iw_brand_wrap .content .tabcont {margin-top: 16px;}
.iw_brand_wrap .brand_bnr {position: relative; max-width: 720px;} 
.iw_brand_wrap .brand_bnr .swiper-slide a{ display: block; border-radius: 15px; overflow: hidden;}
.iw_brand_wrap .brand_bnr .swiper-slide a img {width: 100%; height: 100%; display: block;}
.iw_brand_wrap .brand_bnr .swiper-pagination-progressbar { width: 100%; height: 4px; border-radius: 11px; overflow: hidden; background: #E8E8E8; position: static; margin-top: 20PX;}
.iw_brand_wrap .brand_bnr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {border-radius: 11px; background: #0D6DE3;}

.all_view_pop {width: 100%; height: 100%; background: #F9F9F9; position: fixed; top: 0; z-index: 1000;}
.all_view_fixed_top {width: 100%; height: 48px; padding: 11px 16px; background: #fff; box-sizing: border-box; overflow: hidden; position: fixed;} 
.all_view_fixed_top h2 {text-align: center; font-weight: normal;}
.all_view_fixed_top .backbtn {width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg) 50% 50%/contain no-repeat; text-indent: -9999px; position: absolute; top: 50%; transform: translateY(-50%);}
.all_view_cont {height: calc(100% - 48px); padding: 12px 16px 20px; box-sizing: border-box; margin-top: 48px; overflow-y: auto;}
.all_view_cont ul {display: flex; flex-direction: column; gap: 12px;}
.all_view_cont ul li a {width: 100%; padding: 16px; box-sizing: border-box; border: 1px solid #D8D8D8; background: #fff; display: flex; flex-direction: column; align-items: center; gap: 8px; border-radius: 15px; text-align: center;}
.all_view_cont ul li h3 {font-weight: normal;}
.all_view_cont ul li .logo {width: auto; height: 48px;} 
.all_view_cont ul li .logo img {width: auto; height: 100%;}

.logo_badge {width: auto; height: 20px; position: absolute; top: 0; left: 0;}
.iw_pd_wrap .pd_wr .pd_inner .pd_list > ul > li > a .pd_box .img_box .logo_badge img {width: auto; height: 20px;}

/* 120021 »óÇ°¸®½ºÆ® °³¼± */
/* »óÇ°ºñ±³ Ã¹¹øÂ°ÁÙ */
.pro_list_fixed {width:100%; position:absolute; z-index:1;}
.pro_list_fixed.scroll {width:100%; position:fixed; top:0px;  z-index:101;}
.pro_list_fixed .pro_list_top {width:100%; height:48px; padding:0 16px; border-bottom:1px solid #D8D8D8; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; background:#fff;}
.pro_list_fixed .pro_list_top .pro_list_left span {color: #949494;}
.pro_list_fixed .pro_list_top .pro_list_right>ul {display: flex; gap: 12px;}
.pro_list_fixed .pro_list_top .pro_list_right>ul>li {position:relative;}
.pro_list_fixed .pro_list_top .pro_list_right>ul>li a {display:flex; font-size:14px; font-family: 'Noto-M'; font-weight: normal; color:#3a3a3a; letter-spacing:-1px; align-items: center;}
.pro_list_fixed .pro_list_top .pro_list_right>ul>li a img {display: inline-block; width:18px; height:18px; margin-left:2px; vertical-align: bottom;}
.pro_list_fixed .pro_list_top .pro_list_right>ul>li a span {position: relative;}
.pro_list_fixed .pro_list_top .pro_list_right>ul>li a.set span:before {content: ''; width: 6px; height: 6px; border-radius: 50%; background: #0D6DE3; position: absolute; top: -3px; right: -6px;}
.pro_list_fixed .pro_list_top .pro_list_right>ul>li a span img {width: 100%; display: block;}


/* »óÇ°ºñ±³ µÎ¹øÂ°ÁÙ */
.pro_list_mid {width:100%; height:48px; padding:0 16px; box-sizing: border-box; display: flex ; justify-content: flex-end; align-items: center; background: #FFF; top: 48px; position: absolute;}
.pro_list_fixed .pro_list_mid .pro_count span {display:block; font-size:14px; font-family: 'Noto-B'; font-weight: normal; color:#3a3a3a; letter-spacing:-0px;} 
.pro_list_fixed .pro_list_mid .pro_li>ul>li {position:relative;}
.pro_list_fixed .pro_list_mid .pro_li>ul>li a {display:block; font-size:14px; font-family: 'Noto-M'; font-weight: normal; color:#3a3a3a; letter-spacing:-1px; position: relative;}
.pro_list_fixed .pro_list_mid .pro_li>ul>li a b {font-weight:normal; color:#f14738;}
.pro_list_fixed .pro_list_mid .pro_li>ul>li a span {display: inline-block; width:12px; height:12px; margin-left:4px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg') center center/contain no-repeat;}
.pro_list_fixed .pro_list_mid .pro_li>ul>li.on a span {transform:rotate(180deg); vertical-align:middle;}
.pro_list_fixed .pro_list_mid .pro_li ul ul {width:105px; padding:20px 0 20px 20px; position:absolute; top:27px; left:-20px; background:#fff; border-radius:20px; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; transform:scale(0.95); transition:all 0.2s;  opacity:0; z-index:-2;}
.pro_list_fixed .pro_list_mid .pro_li ul ul.on { transform:scale(1); opacity:1; z-index:3;}
.pro_list_fixed .pro_list_mid .pro_li ul ul li {margin-bottom:20px;}
.pro_list_fixed .pro_list_mid .pro_li ul ul li a {font-family:'noto-R';}
.pro_list_fixed .pro_list_mid .pro_li ul ul li.on a {font-family:'noto-B';}
.pro_list_fixed .pro_list_mid .pro_li ul ul li:nth-child(2) {margin-bottom:0px;}

.pro_mid_right {display: flex; align-items: center; gap: 12px;}
.pro_list_mid .pro_list_check a {padding-left:24px; font-size:14px; font-family: 'Noto-M'; font-weight: normal; color:#3a3a3a; letter-spacing:-0px; position:relative;}
.pro_list_mid .pro_list_check a::before {content: ''; width:20px; height:20px; background:#FFF url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_check_disable.svg') center center/12px no-repeat; border: 1px solid #d8d8d8; border-radius: 50%; position:absolute; top:50%; left:0px; transform:TranslateY(-50%); transition:all 0.2s; box-sizing: border-box;}
.pro_list_mid .pro_list_check a.on::before { background:#0D6DE3 url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_check.svg') center center/12px no-repeat; border: 1px solid transparent;}

/* ÇÊÅÍ Å¬¸¯½Ã ³ëÃâ */
.pro_list_fixed .pro_list_right {position:relative;}
.pro_list_fixed .pro_list_right .Order_kind {width:105px; padding:20px 0 20px 20px; position:absolute; top:27px; left:-20px; background:#fff; border-radius:20px; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; transform:scale(0.95); transition:all 0.2s;  opacity:0; visibility: hidden; z-index:3; clear: both;}
.pro_list_fixed .pro_list_right .Order_kind.on {transform:scale(1); opacity:1; visibility: visible;}
.pro_list_fixed .pro_list_right .Order_kind li {margin-bottom:20px; }
.pro_list_fixed .pro_list_right .Order_kind li:last-child {margin-bottom:0px;}
.pro_list_fixed .pro_list_right .Order_kind li input, .pro_list_fixed .pro_list_right .Order_kind li i {display: none;}
.pro_list_fixed .pro_list_right .Order_kind li label {display:block; font-size:14px; font-family: 'Noto-R'; font-weight: normal; color:#3a3a3a; letter-spacing:-1px; position: relative;}
.pro_list_fixed .pro_list_right .Order_kind li.on label {font-family:'noto-B';}


/* »óÇ°ºñ±³ ÇÏ´Ü¹öÆ° */
.comparison {display:none; width:100%; padding: 16px; position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:200; background:#fff; border-radius: 20px 20px 0 0; box-sizing: border-box; box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.08);}
.comp_btn {display: flex; gap: 8px; flex-wrap: nowrap;}
.comp_btn button {width: 100%; height: 50px; border-radius: 10px;display: block; font-size: 16px; font-family: noto-M; color: #fff;}
.comparison .comparison_x {background: #1A1A1A;}
.comparison .comparison_count {background: #0D6DE3;}
.comparison .comparison_count span {font-size:16px; font-family: 'noto-M'; color:#fff;} 
.comparison.display {display:block;}

/* »ó¼¼°Ë»öÆË¾÷ */
.pop_search {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:200; }
.pop_search .pop_search_inner {width:calc(100% - 40px); height:calc(100% - 20px); padding:20px; background:#fff; position:absolute; top:20px; right:0; border-radius: 20px 0 0 0; box-sizing: border-box; overflow:hidden; transition:all 0.3s;}
.pop_search .pop_tit {display: flex; justify-content: space-between; align-items: center; padding-bottom:15px;}
.pop_search .pop_tit h3 {font-size:20px; font-family:'noto-B'; color:#3a3a3a;}
.pop_search .pop_tit a {display: inline-block; width:30px; height:30px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png') center center/contain no-repeat;}
.pop_search .pop_sc {height:calc(100% - 97px); overflow:auto;}
.pop_search .pop_mid {margin-bottom:15px; border-top: 1px solid #D8D8D8; box-sizing: border-box; position:relative;}
.pop_search .pop_mid:last-child {margin-bottom:90px;}
.pop_search .pop_mid_tit {display: flex; justify-content: space-between; align-items: center; margin:15px 0 0px;}
.pop_search .pop_mid_tit h4 {font-size:17px; font-family:'noto-B'; color:#3a3a3a;}
.pop_mid_tit .shLyrTit_btn {display: inline-block; width: 24px; height: 24px; transform: rotate(0deg); background: url(//image5.compuzone.co.kr/img/images/mypage21/mo_arrowM_down.png) center no-repeat; background-size: contain; transition: all 0.3s;}
.pop_mid_tit .shLyrTit_btn.on {transform: rotate(180deg);}

/* ÇÊÅÍ Å¬¸¯½Ã */
.pop_search .pop_cate {overflow:hidden;}
.pop_search .pop_cate ul {overflow:hidden; height: max-content; padding-top: 10px; box-sizing: border-box; display: none;}
.pop_search .pop_cate ul li {padding:5px 0; box-sizing: border-box;}
.pop_search .pop_cate a {display: block; width:100%; font-size:14px; font-family:'noto-R'; }
.pop_search .pop_cate a span {font-size:14px; font-family:'noto-R'; color:#949494;}
.pop_search .pop_cate ul li a {padding-left:30px; color:#3a3a3a; position:relative;}
.pop_search .pop_cate ul li a::before {content:''; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/online2022/check_round.png') center center/contain ; position:absolute; top:50%; left:0; transform:TranslateY(-50%); transition:all 0.3s;}
.pop_search .pop_cate ul li a.on::before {background:url('//image5.compuzone.co.kr/img/images/online2022/check_round_on.png') center center/contain ;}
.pop_search .pop_cate .viewmorebtn {width:100%; position:absolute; bottom:-1px;}
.pop_search .pop_cate .viewmorebtn a {display:block; width:100%; height:40px; line-height:38px; background:#fff; border:1px solid #d8d8d8; border-radius:5px; text-align:center; font-size:14px; font-family:'noto-R'; color:#3a3a3a; box-sizing: border-box;}
.pop_search .pop_cate .viewmorebtn a span {font-size:14px; font-family:'noto-R'; color:#949494;}
.pop_search .pop_search_bot {width:calc(100% - 20px); position:absolute; bottom:20px;}
.pop_search .pop_search_bot::before {content:''; width:calc(100% + 20px); height:calc(100% - 20px); background:linear-gradient(to top , #fff 30%, transparent); position:absolute; bottom:52px; left:-20px; z-index:0;}
.pop_search .pop_search_result {overflow-x:auto;}
.pop_search .pop_search_result ul {display:inline-flex; position:relative;}
.pop_search .pop_search_result ul::before {content:''; width:100%; height:100%; background:#fff; position:absolute; top:0; left:0;}
.pop_search .pop_search_result ul li {width:max-content; height:40px; margin-right:5px; padding:10px 15px; border-radius: 20px; border:1px solid #d8d8d8; box-sizing: border-box; font-size:14px; font-family:'noto-R'; color:#3a3a3a; position:relative;}
.pop_search .pop_search_result ul li a {display:inline-block; width:18px; height:18px; margin-left:2px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_list_x.png') center center/contain no-repeat; vertical-align: sub; }
.pop_search .pop_search_bot .pop_btns {display:flex; justify-content: space-between; width:calc(100% - 20px); margin-top:10px; gap: 10px;}
.pop_search .pop_search_bot .pop_btn {display:block; width:50%; height:52px; margin-top:0; line-height:52px; border:1px solid #D8D8D8; border-radius:10px; text-align: center; font-size:15px; font-family:'noto-M'; color:#3a3a3a; box-sizing: border-box;}
.pop_search .pop_search_bot .pop_btn img {width:30px; height:30px; padding-top:11px;}
.pop_search .pop_search_bot .pop_btn_blue { background:#0D6DE3; border:1px solid #0D6DE3; color:#fff;}

/* »óÇ°ºñ±³ Å¬¸¯½Ã ³ëÃâ */
.pd_box .img_box .thum_on { display:none; width:100%; height:36px; line-height:36px; background:rgba(242, 242, 242, 0.9); font-size:14px; font-family: 'noto-M'; font-weight:normal; color:#3a3a3a; text-align:center; letter-spacing:-1px; position:Absolute; bottom:0px; left:0px; box-sizing:border-box; transition:all 0.2s; z-index: 3;}
.pd_box .img_box .thum_on::before {content:''; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_check.svg') center center/contain no-repeat; position:absolute; top:50%; left:calc(50% - 32px); transform:Translate(-50%, -50%); transition:all 0.2s;}
.pd_box .img_box .thum_on.on {background:rgba(13, 109, 227, 0.9);color:#fff;}
.pd_box .img_box .thum_on.on::before {background:url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_check.svg') center center/contain no-repeat;}
.pd_box .img_box .thum_on.display {display:block;}

/* 124292 ¾ÆÀÌ¿÷½º ºê·£µå°ü ³ëÃâ°³¼± */
.iw_brand_wrap .tit a {color: #6C6C6C; display: flex; align-items: center; position: absolute; top: 0; right: 16px; line-height: 1.5;}
.iw_brand_wrap .tit i {width: 12px; height: 12px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_next_12.svg) 50% 50%/contain no-repeat; display: block;}
.iw_brand_wrap .tab-list {overflow-x: auto; overflow-y: auto; width: 100%;}
.iw_brand_wrap .tab-list::-webkit-scrollbar {display: none;}
.iw_brand_wrap .tab-list ul {display: flex; flex-wrap: wrap; gap: 8px; box-sizing: border-box; max-width: 1300px; width: 100%; min-width: 1000px; padding:0 16px;}
.iw_brand_wrap .tab-list .box .logo {width: auto; height: 40px;  padding: 0 16px; border-radius: 20px;}
.iw_brand_wrap .tab-list .box .logo img{filter: invert(.5) brightness(.8); transition: all 0.3s;}
.iw_brand_wrap .tab-list .box.on .logo img{filter: unset;}

/* 123870 line-bnr-swiper */
.line-bnr-swiper {max-width: 750px; position: relative; margin: 0 auto;}
.line-bnr-swiper a {width: 100%; height: auto; display: block;}
.line-bnr-swiper img {width: 100%; display: block;}
.line-bnr-swiper .swiper-pagination {width: max-content; left: 16px; bottom: 20px; display: flex; gap: 4px;}
.line-bnr-swiper .swiper-pagination span {opacity: 0.5; background: #fff; width: 6px; height: 6px;}
.line-bnr-swiper .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; opacity: 1; width: 20px; border-radius: 11px;}


.rec_no_list {width: 100%; padding: 25vh 0; text-align: center; background: #fff;}
.rec_no_list span {display: inline-block;width: 42px;height: 42px;margin-bottom: 12px;}
.rec_no_list span > img {	width: 100%;	display: block;}
.rec_no_list p {	line-height: 20px;}
.rec_no_list .ntRB14 {color: #959595;}
