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

/* 맞춤가 팝업 */
.pop_comm_mobile {display: none; overflow-x: hidden; position:fixed; top: 0; left: 0; width:100%; height:100%; z-index: 9998; background-color:rgba(0,0,0,.6); }
.pop_comm_mobile .pop_comm_area {background-color:#ffffff; width:90%; max-width:500px; margin:0 auto; margin-top:15%; border-radius:5px;}
.pop_comm_mobile .button_area {text-align:center; background-color:#f5f5f5; border-radius:0 0 5px 5px; border-top:1px solid #ccc;}
.pop_comm_mobile .button_area > ul {width:100%; display:inline-block; text-align:left;}
.pop_comm_mobile .button_area > ul li {width:50%; display:inline-block; list-style:none; padding:1.2rem 0; text-align:center; margin-left:-3px;}
.pop_comm_mobile .button_area > ul li:last-child {border-left:1px solid #ccc;}
.pop_comm_mobile .button_area > ul li > a {font-size:1rem;}

.iw_layer {position:fixed; top: 0; left: 0; width:100vw; height:100vh; z-index: 9998; background-color: #f2f2f2; 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: 1; background-color: #fff; text-align: center; color: #000; font-size: 18px; line-height: 52px; border-bottom: 1px solid #ddd; font-family: "spoqa M"; font-weight: bold;}
.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: 90.375vw; overflow: hidden; position: relative; background: #fff; border-bottom: 1px solid #ddd; margin-top: 52px;}
.iw_layer.TB_more .TB_box + div {border-top: 1px solid #ddd; margin-top: 10px;}
.iw_layer.TB_more .TB_box > img {width: 120%; height: auto; display: block; position: relative; left: 50%; transform: translateX(-50%);}
.iw_layer.TB_more .TB_box > p {width: 100vw; text-align: center; position: absolute; color: #000; line-height: 1.1;}
.iw_layer.TB_more .TB_box > p.title1,.iw_layer.TB_more .TB_box > p.title2 { font-size: 4.25vw; font-family: "spoqa B";}
.iw_layer.TB_more .TB_box > p.title1 {bottom: 17vw;}
.iw_layer.TB_more .TB_box > p.title2 {bottom: 12vw;}
.iw_layer.TB_more .TB_box > p.title3 {bottom: 6vw; font-size: 3.75vw; font-family: "spoqa M"; }

/* 추천키워드 팝업 */
.iw_layer.key_more .key_box {width: 100%; height: 343px; overflow-y: hidden; overflow-x: auto; background: #fff; border-bottom: 1px solid #ddd; margin-top: 52px; padding: 20px 0 30px;}
.iw_layer.key_more .key_box + div {border-top: 1px solid #ddd; margin-top: 10px;}
.iw_layer.key_more .key_box > p { font-size: 16px; color: #000; line-height: 1.2; font-family: "spoqa M"; padding-left: 15px;}
.iw_layer.key_more .key_box .iw_pd_ul_T {margin-top: 16px; width: max-content; font-size: 0; padding: 0 15px;}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li {width: 150px; height: 253px; display: inline-block; background: #fff; padding: 0; margin: 0; position: relative; }
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li + li {margin-left: 14px;}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li > a {width: 100%; display: block; height: 253px;}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li .thumb {width: 150px; height: 150px !important; margin-bottom: 6px; left: 0; transform: translateX(0);}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li .item { font-size: 12px; display:block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li .prd_price{ top: 178px; height: 50px; padding: 0;}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly {/* position: absolute; */ top: 25px; margin-top: 0;}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won .number {font-size: 19px;}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won .number + em {font-size: 16px;}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li .NBM_icon_box { bottom: 0; width: 100%;}

/* 아이웍스 전체 wrap */
.iw_wrap {width: 100vw; min-height: 100vh; background: #f2f2f2; position: relative; overflow: hidden;}
.iw_wrap * {margin: 0; padding: 0; box-sizing: border-box;}
.iw_wrap > div + div {width: 100%; margin-top: 0px;}
.iw_wrap .iw_S_wrap {margin-top: 10px;}
.iw_wrap .iw_key_wrap { background: rgba(215,25,215,0.5);}

/* 리스트 이동 버튼 */
.iw_L_btn {position: fixed; width: 54px; height: 54px; display: inline-block; right: 4px; bottom: 120px; color: #fff; font-size: 13px; font-family: "spoqa M"; text-align: center; padding-top: 15px; z-index: 2; transition: 0.5s; transform: scale(1); transform-origin: 50% 100%;}
.iw_L_btn:before {content: ''; position: absolute; top: 0; left: 0; border-radius: 50%; width: 54px; height: 54px; display: inline-block; background: rgba(241,58,15,0.75); z-index: -1; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.14);}
.iw_L_btn > i {position: absolute; bottom: 5px; left: 25px; font-style: normal; transform: rotate(90deg); font-family: "spoqa T"; font-size: 15px; color: #fff; display: inline-block;}

/* 메인배너 */
.iw_wrap .iw_TB_wrap { width: 100vw; height: 94.625vw; background: #fff; position: relative; overflow: hidden;}
.iw_TB_wrap .iw_main_bn {width: 100%; height: 100%; display: none;}
.iw_TB_wrap .iw_main_bn .wbn {width: 100%; height: 94.625vw; display: block;}
.iw_TB_wrap .iw_main_bn .wbn > img {width: 100%; height: 100%; display: block;}
.iw_TB_wrap .iw_main_bn .wbn > p {width: 100vw; text-align: center; position: absolute; color: #000; line-height: 1.1;}
.iw_TB_wrap .iw_main_bn .wbn > p.title1, .iw_TB_wrap .iw_main_bn .wbn > p.title2  { font-size: 6.25vw; font-family: "spoqa B"; letter-spacing: -0.5vw;}
.iw_TB_wrap .iw_main_bn .wbn > p.title1 {bottom: 31vw;}
.iw_TB_wrap .iw_main_bn .wbn > p.title2 {bottom: 23.625vw;}
.iw_TB_wrap .iw_main_bn .wbn > p.title3 {bottom: 15.75vw; font-size: 3.75vw; font-family: "spoqa M"; }
.iw_TB_wrap .TB_more_btn { position: absolute; width: 8.75vw; height: 8.75vw; bottom: 41vw; right: 0; background: #8b8b8b; cursor: pointer;}
.iw_TB_wrap .TB_more_btn:before, .iw_TB_wrap .TB_more_btn:after {content: ''; width: 1px; height: 4.5vw; display: inline-block; position: absolute; background: #e2e2e2; top: 50%; left: 50%;}
.iw_TB_wrap .TB_more_btn:after {transform: translate(-50%, -50%);}
.iw_TB_wrap .TB_more_btn:before {transform: translate(-50%, -50%) rotate(90deg);}
.iw_TB_wrap .pro_bar { position: absolute; width: 92.5vw; height: 1.125vw; bottom: 10vw; left: 3.75vw; background: #e9e9e9; display: none;}
.iw_TB_wrap .pro_bar .pro-ani { float: left; display: block; width: 0; height: 1.125vw; background: #111; transition: 0.5s;}

/* NEW, BEST, MD추천 아이콘 공용 CSS */
.NBM_icon_box { display: block; width: 100%; overflow: hidden;}
.NBM_icon_box > span { display: inline-block; float: left; padding: 2.5px 7px; font-size: 10px; line-height: 1; text-align: center; border-radius: 50px;}
.NBM_icon_box > span + span {margin-left: 4px;}
.NBM_icon_box .N_icon {background: #e5edff; color: #729eff;}
.NBM_icon_box .B_icon {background: #ffd4d4; color: #f27575;}
.NBM_icon_box .MD_icon {background: #ffe1b5; color: #d29c4c;}

/* 제품 리스트 CSS */
.iw_wrap .iw_L_wrap { background: #f2f2f2; padding-bottom: 10px;}
/* 리스트 타이틀 */
.iw_pd_title {width: 100vw; border: solid #ddd; border-width: 1px 0; background-color: #fff; padding: 15px; margin-bottom:15px;}
.iw_pd_title > p {font-family: "spoqa M"; line-height: 1;}
.iw_pd_title > p:nth-child(1) {color: #000; font-size: 16px;}
.iw_pd_title > p > b {font-family: "spoqa M"; color: #000; display: inline-block; font-size: 16px;}
.iw_pd_title > p:nth-child(2) {color: #717171; font-size: 14px; margin-top: 8px;}
/* 리스트형 제품 리스트 CSS */
.iw_pd_ul_L {width: 100%; padding: 10px 15px;}
.iw_pd_ul_L .iw_pd_li {width: 100%; list-style: none; position: relative; background: #fff; padding: 17px 10px 10px;}
.iw_pd_ul_L .iw_pd_li + li {margin-top: 10px;}
.iw_pd_ul_L .iw_pd_li > a {width: 100%; display: block;}
.iw_pd_ul_L .iw_pd_li > a:after {content: ''; display: block; clear: both; }
.iw_pd_ul_L .iw_pd_li > a > div { float: left;}
/* 제품이미지 */
.iw_pd_ul_L .iw_pd_li .lft { width: 127px; height: 127px; display: inline-block; vertical-align: top; margin-top: 7px; border: 0; border-radius: 10px; overflow: hidden; background: #FAFAFA;}
.iw_pd_ul_L .iw_pd_li .lft img { width: 100%; height: 100%; display: block;}
.iw_pd_ul_L .iw_pd_li .rgt { display: inline-block; vertical-align: top; margin-left: 8px; width: calc(100% - 135px); height: 139px; position: relative;}
/* 제품명 */
.iw_pd_ul_L .iw_pd_li .rgt .item { font-size: 14px; line-height: 1.3; color:#1b1b1b; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
/* 가격 */
.iw_pd_ul_L .iw_pd_li .rgt .prd_price{ /* position: relative; top: 5px; */ display: inline-block; width: 100%; padding: 0 !important;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .sale{display:block; margin-bottom: 0;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .sale .discount{font-size: 18px; font-weight:bold; letter-spacing:-0.5px; color:#ff4a4a; margin-right:7px;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .sale .under{font-size: 15px; text-decoration:line-through; color:#6b6b6b;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .prc_guide_ly {margin-top: 3px;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .prc_guide_ly .won {color:#434343; vertical-align:middle; letter-spacing:-0.5px; font-weight:bold; display: block;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .prc_guide_ly .won .number {font-size: 20px; line-height: 1;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .prc_guide_ly .won .number + em {font-size: 17px; display:inline-block; padding-right:5px; line-height: 1;}
.iw_pd_ul_L .iw_pd_li .rgt .rvNicon{ position: absolute; bottom: -5px; left: 0; display: inline-block; width: 100%;}
/* 리뷰 */
.iw_pd_ul_L .iw_pd_li .rgt .rvNicon .review { height:21px; display:block; margin-top: 6px; }
.iw_pd_ul_L .iw_pd_li .rgt .rvNicon .review .avgStar { width:70px; height:15px; display:inline-block; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') 0px -101px ; background-size: 202px auto; }
.iw_pd_ul_L .iw_pd_li .rgt .rvNicon .review .avgStar_dtl { height:15px; display:block; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') 0px -85px ; background-size:202px auto;  }
.iw_pd_ul_L .iw_pd_li .rgt .rvNicon .review .count { font-size: 12px; color:#666; font-family:dotum; vertical-align: middle; line-height: 1; display: inline-block;}
/* 제품사양 */
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box { display: block; width: 100%; position: relative; margin-top: 11px; padding-bottom: 7px;}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box > p { background: #fafafa; padding: 12px 50px 12px 15px; width: 100%; color: #565656; font-size: 13px; line-height: 20px; word-break: break-all; overflow: hidden; height: 60px; position: relative;	}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box > p:before {content: ''; position: absolute; bottom: 0; left: 0; background: #fafafa; width: 100%; height: 12px;}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box > p:after {content: ''; position: absolute; bottom: 12px; left: 0; background-image: linear-gradient( rgba(250,250,250,0), rgba(250,250,250,1) ); width: 100%; height: 20px;}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box > p.on { height: auto;}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box > p.on:after {background-image: linear-gradient( transparent, transparent); }
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box .iw_pd_txt_btn {width: 18px; height: 18px; display: inline-block; position: absolute; right: 15px; top: 21px; border:1px solid #888; cursor: pointer; z-index: 1;}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box .iw_pd_txt_btn:before, .iw_pd_ul_L .iw_pd_li .iw_pd_txt_box .iw_pd_txt_btn:after {content: ''; width: 1px; height: 10px; display: inline-block; position: absolute; background: #888; top: 50%; left: 50%;}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box .iw_pd_txt_btn:after {transform: translate(-50%, -50%);}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box .iw_pd_txt_btn:before {transform: translate(-50%, -50%) rotate(90deg);}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box .iw_pd_txt_btn.on { top: auto; bottom: 20px;}
.iw_pd_ul_L .iw_pd_li .iw_pd_txt_box .iw_pd_txt_btn.on:after {background: transparent;}

/* 이미지형 제품 리스트 */
.iw_pd_ul_T { width: 100%; padding: 5px 10px; overflow:hidden; }
.iw_pd_ul_T .iw_pd_li {width: calc(50% - 10px); display: inline-block; float: left; background: #fff; padding: 10px 10px 20px; margin: 5px; position: relative;}
.iw_pd_ul_T .iw_pd_li > a {width: 100%; display: block; height: 284px;}
/* 제품 이미지 */
.iw_pd_ul_T .iw_pd_li .thumb {width: 120px; height: 120px !important; border: 0; border-radius: 10px; overflow: hidden; display: inline-block; margin-bottom: 10px; background-size: contain; position: relative; left: 50%; transform: translateX(-50%);}
/* 제품명 */
.iw_pd_ul_T .iw_pd_li .item { font-size: 13px; line-height: 1.3; color:#1b1b1b; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
/* 가격 */
.iw_pd_ul_T .iw_pd_li .prd_price{ /* position: absolute; top: 185px; display: inline-block; */display: block; width: 100%; padding: 0 !important;}
.iw_pd_ul_T .iw_pd_li .prd_price .sale{display:block; margin-bottom: 0;}
.iw_pd_ul_T .iw_pd_li .prd_price .sale .discount{font-size: 16px; font-weight:bold; letter-spacing:-0.5px; color:#ff4a4a; margin-right:7px;}
.iw_pd_ul_T .iw_pd_li .prd_price .sale .under{font-size: 13px; text-decoration:line-through; color:#6b6b6b;}
.iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly {margin-top: 3px;}
.iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won {color:#434343; vertical-align:middle; letter-spacing:-0.5px; font-weight:bold; display: block;}
.iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won .number {font-size: 18px; line-height: 1;}
.iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won .number + em {font-size: 15px; display:inline-block; padding-right:5px; line-height: 1;}
/* 아이콘 */
.iw_pd_ul_T .iw_pd_li .NBM_icon_box { position: absolute; bottom: 43px; display: inline-block;}
/* 리뷰 */
.iw_pd_ul_T .iw_pd_li .review { position: absolute; bottom: 20px; display: inline-block; height: 14px; display:block;}
.iw_pd_ul_T .iw_pd_li .review .avgStar { width:70px; height:15px; display:inline-block; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') 0px -101px ; background-size: 202px auto; }
.iw_pd_ul_T .iw_pd_li .review .avgStar_dtl { height:15px; display:block; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') 0px -85px ; background-size:202px auto;  }
.iw_pd_ul_T .iw_pd_li .review .count { font-size: 12px; color:#666; font-family:dotum; vertical-align: top; float: right;	 line-height: 1; padding-top: 2px;}

/* 인기순위 리스트 - 리스트형을 변형해서 적용함. */
.iw_wrap .iw_popu_wrap { background: #fff;}
.iw_popu_wrap .popular_title {padding: 14px 20px; border-bottom: 0;}
.iw_popu_wrap .popular_title > p{display: flex; flex-direction: column-reverse; font-family: 'Noto-R'; color: #6C6C6C; font-size: 14px;}
.iw_popu_wrap .popular_title > p > b {font-family: "Noto-B"; letter-spacing: -1px; color: #1A1A1A; display: inline-block; font-size: 22px; margin-right: 0; vertical-align: bottom;}

.iw_popu_wrap .iw_pd_ul_L {padding: 0px 20px 30px;}
.iw_popu_wrap .iw_pd_ul_L .iw_pd_li {padding: 0;}
.iw_popu_wrap .iw_pd_ul_L .iw_pd_li + li {margin-top: 20px;}
.iw_popu_wrap .iw_pd_ul_L .iw_pd_li .lft {position: relative; width: 146px; height: 146px; margin-top: 0;}
.iw_popu_wrap .iw_pd_ul_L .iw_pd_li .lft::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.02); z-index: 2;}
.iw_popu_wrap .iw_pd_ul_L .iw_pd_li .rgt { height: 146px;}
.iw_popu_wrap .iw_pd_ul_L .iw_pd_li .popu_num { position: absolute; top: -8px; left: -15px; display: inline-block; width: 42px; height: 42px; line-height: 42px; color: #fff; font-size: 13px; text-align: center; z-index: 1; background: #4297ff; font-family: "spoqa M"; border-radius: 50%;}
.iw_popu_wrap .iw_pd_ul_L .iw_pd_li .popu_num > b { display: inline-block; color: #fff; font-size: 15px; line-height: 42px;}
.iw_popu_wrap .iw_pd_ul_L .iw_pd_li .rgt { margin-left: 8px; width: calc(100% - 154px);}

/* 추천 키워드 - 이미지형을 변형해서 적용함. */
.iw_wrap .iw_key_wrap { background: #fff;}
.iw_key_wrap .key_title {padding: 28px 20px 0; border-bottom: 0; width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between;}
.iw_key_wrap .key_title > b {position: relative; font-family: "Noto-B"; color: #1A1A1A; display: block; font-size: 22px; line-height: unset; left: unset; bottom: unset;}
.iw_key_wrap .key_title > a {position: relative; width: 30px; height: 30px; display: block; right: unset; bottom: unset;}
.iw_key_wrap .key_title > a img{width: 100%;}
.iw_key_wrap .iw_key_tap_wrap {width: 100%; height: 55px; margin-top: 16px; position: relative; overflow-x: auto;}
.iw_key_wrap .key_tap_ul {padding: 0 20px; font-size: 0; width: max-content;}
.iw_key_wrap .key_tap_ul > li {display: inline-block;}
.iw_key_wrap .key_tap_ul > li > a{display: block; height: 40px; line-height: 38px; text-align: center; margin-right: 5px; padding: 0 15px; border: 1px solid #d8d8d8; border-radius: 25px; font-size: 14px; color: #3a3a3a; box-sizing: border-box; transition: all 0.3s;}
.iw_key_wrap .key_tap_ul > li > a.on{background: #4297FF; border: 1px solid transparent; color: #fff;}
.iw_key_wrap .key_tap_ul > li + li {margin-left: 5px;}
.iw_key_wrap .iw_pd_ul_T_wrap {width: 100%; height: 303px; margin-top: -15px;}
.iw_key_wrap .iw_pd_ul_T_wrap > div {width: 100%; height: 303px; position: relative; overflow-x: auto; overflow-y: hidden;}
.iw_key_wrap .iw_pd_ul_T {padding: 20px 20px 30px; width: max-content; font-size: 0;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li {width: 150px; height: 253px; display: inline-block; background: #fff; padding: 0; margin: 0; position: relative;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li + li {margin-left: 14px;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li > a {width: 100%; display: block; height: 253px;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .thumb {position: relative; width: 150px; height: 150px !important; margin-bottom: 6px; left: 0; transform: translateX(0);}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .thumb::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.02); z-index: 2;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .item { font-size: 12px; display:block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .prd_price{/*  top: 178px;  */height: 50px; padding: 0 !important;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly {/* position: absolute; top: 25px; */ margin-top: 0;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won .number {font-size: 19px;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won .number + em {font-size: 16px;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .NBM_icon_box { bottom: 0; width: 100%;}

/* 검색 */
.iw_wrap .srch_area_bx { height:45px; background:#ffffff; position:relative; }
.iw_wrap .srch_area_bx .view {height:45px; text-align:center; border-left:#f3f3f4 1px solid; margin-left:-1px; font-size:13px; line-height:45px; position:absolute; top:0; left:0;}
.iw_wrap .srch_area_bx .view > a { width:45px; height:45px; display:inline-block; position:relative;}
.iw_wrap .srch_area_bx .view > a.viewstyle_list:before { width:16px; height:15px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -44px -77px ; background-size:238px auto; content:''; display:inline-block; position:absolute; top:15px; left:15px; }
.iw_wrap .srch_area_bx .view > a.viewstyle_box:before { width:16px; height:15px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -133px -77px ; background-size:238px auto; content:''; display:inline-block; position:absolute; top:15px; left:15px; }
.iw_wrap .srch_area_bx > ul { padding-left:45px; }
.iw_wrap .srch_area_bx > ul li { height:45px; float:left; text-align:center; border-left:#f3f3f4 1px solid; margin-left:-1px; line-height:45px;}
.iw_wrap .srch_area_bx > ul li { width:33.3%; }
.iw_wrap .srch_area_bx > ul li.line_h{line-height:20px;}
.iw_wrap .srch_area_bx > ul li > a { height:45px; display:inline-block; color:#000;font-size:15px; }
.iw_wrap .srch_area_bx > ul li.sort > a:before { width:20px; height:18px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -65px -75px ; background-size:238px auto; content:''; display:inline-block; vertical-align:sub; margin-right:3px; }
.iw_wrap .srch_area_bx > ul li.sort_select > a { height:45px; display:inline-block; color:#325fb4;font-size:15px; }
.iw_wrap .srch_area_bx > ul li.sort_select > a:before { width:20px; height:18px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -153px -75px ; background-size:238px auto; content:''; display:inline-block; vertical-align:sub; margin-right:3px; }
.iw_wrap .srch_area_bx > ul li.brand > a:before { width:20px; height:18px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -91px -78px ; background-size:247px auto; content:''; display:inline-block; vertical-align:sub; margin-right:3px; }
.iw_wrap .srch_area_bx > ul li.brand_select > a { height:45px; display:inline-block; color:#325fb4;font-size:15px; }
.iw_wrap .srch_area_bx > ul li.brand_select > a:before { width:20px; height:18px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -182px -78px ; background-size:247px auto; content:''; display:inline-block; vertical-align:sub; margin-right:3px; }
.iw_wrap .srch_area_bx > ul li.dtl > a:before { width:20px; height:18px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -110px -75px ; background-size:238px auto; content:''; display:inline-block; vertical-align:sub; margin-right:3px; }
.iw_wrap .srch_area_bx > ul li.dtl_select > a { height:45px; display:inline-block; color:#325fb4;font-size:15px; }
.iw_wrap .srch_area_bx > ul li.dtl_select > a:before { width:20px; height:18px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -198px -75px ; background-size:238px auto; content:''; display:inline-block; vertical-align:sub; margin-right:3px; }
.iw_wrap .srch_area_bx > ul li > a.on { color:#2d5bb2}
.iw_wrap .srch_area_bx.srch_bxN > ul li{width:32%;}
.iw_wrap .srch_area_bx.srch_bxN > ul li.sort_select > a, .srch_area_bx.srch_bxN > ul li > a {font-size:14px;}
.iw_wrap .srch_area_bx input.leftchk[type="checkbox"]{ display:none; vertical-align: middle;}
.iw_wrap .srch_area_bx input.leftchk[type="checkbox"] + label.leftchk > i {width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -87px -100px; background-size:200px auto; display:inline-block; margin-right:4px; vertical-align:middle; }
.iw_wrap .srch_area_bx input.leftchk[type="checkbox"]:checked + label.leftchk > i.cum_Chk{background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -69px -100px; background-size: 200px auto;}
.iw_wrap .srch_area_bx .custom_price .qu_over{background: url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -952px -340px; background-size: 250px auto; width:20px; height:20px !important; vertical-align:middle; display:inline-block;}
/* 비교하기 */
.iw_wrap .pd_compare_line { width: 100vw; height: 45px; background: #ffffff; position: relative; border-top: 1px solid #cdcdd2; padding: 7.5px 15px !important;}
.iw_wrap .pd_compare_line > .all_pd_num {float: left; color: #333; font-family: noto-R; font-size:14px; line-height: 30px;}
.iw_wrap .pd_compare_line > .all_pd_num > span {font-size:14px;}
.iw_wrap .pd_compare_line > .pd_cp_bt {float: right; width: 80px; height: 30px; background: #3775ff; text-align: center;} 
.iw_wrap .pd_compare_line > .pd_cp_bt > a { width: 100%; height: 100%; line-height: 30px; font-family: noto-R; color: #fff; font-size:14px;}

/* 중앙 수동 배너 */
.iw_wrap .iw_M_bnr { background: #fff; text-align: center; margin: 0 20px 30px; border-radius: 10px;}
.iw_M_bnr a.LineBnr_top { width: 100%; max-width: 460px; display: block; margin: 0 auto;}
.iw_M_bnr a.LineBnr_top > img {width: 100%; border-radius: 10px; display: block;}


/* 아이웍스 소개 */
.iw_wrap .iw_intro_wrap {background: #fff; padding-bottom: 30px;}
/* 아이웍스 소개 타이틀배너 */
.iw_intro_wrap .intro_title {display: block; width: 100vw; background-color: #4297ff; padding: 12px 0; text-align: center;}
.iw_intro_wrap .intro_title > p {font-family: "spoqa M"; line-height: 1; font-size: 18px; color: #fff; display: inline-block;}
.iw_intro_wrap .intro_title > p > b {font-family: "spoqa M"; font-size: 18px; color: #fff; display: inline-block;}
.iw_intro_wrap .intro_title > p > i {display: inline-block; margin-left: 14px; font-family: "spoqa T"; font-size: 18px; color: #fff; font-style: normal;}
/* 아이웍스 소개 슬라이드 */
.iw_intro_wrap .iw_intro_slide {margin-top: 0px; width: 100vw; clear: both; display: none;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner {width: 50%; height: 100%; float: left; position: relative; text-align: center; }
.iw_intro_wrap .iw_intro_slide .iw_intro_inner:nth-child(2n):after {content: ''; position: absolute; width: 1px; height: 94px; display: inline-block; top: 21px; left: 0; background: #ddd;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img {width: 80px; height: 80px; display: inline-block; background: #ddd; background: url("//image5.compuzone.co.kr/img/images/iworks_2020/iw_intro_img_mo.png") no-repeat; background-size: auto 80px;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img.img01 { background-position: 0 0;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img.img02 { background-position: -80px 0;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img.img03 { background-position: -160px 0;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img.img04 { background-position: -240px 0;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img.img05 { background-position: -320px 0;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img.img06 { background-position: -400px 0;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img.img07 { background-position: -480px 0;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_img.img08 { background-position: -560px 0;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner > p {font-family: "spoqa M"; line-height: 1; text-align: center;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_txt1 {color: #000; font-size: 16px; margin-top: 3px; font-weight: bold;}
.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_txt2 {color: #4297ff; font-size: 13px; margin-top: 7px;}
.iw_intro_wrap .iw_intro_slide .slick-list {padding: 30px 0 25px;}
.iw_intro_wrap .iw_intro_slide .slick-dots{position: relative; bottom: 0px; display: flex; justify-content: center;}
.iw_intro_wrap .iw_intro_slide .slick-dots li button:before{display: none;}
/* 아이웍스 소개 슬라이드 하단 점 */
.iw_intro_wrap .slick-dots li {display: inline-block; margin: 0 2px !important; width: 6px; height: 6px; border-radius: 10px; text-align: center; opacity: 1; background: #d8d8d8;}
.iw_intro_wrap .slick-dots li:hover {background: #ccc; border-radius: 50%;}
.iw_intro_wrap .slick-dots li button {width: 6px; height: 6px; padding: 0; border: 0; border-radius: 50%; box-sizing: border-box;}
.iw_intro_wrap .slick-dots li.slick-active{width: 30px; background: #1c8fed; transition: width 0.4s ease-in-out;}


/* 미디어쿼리 */
	@media screen and (max-width: 326px) {
	.iw_popu_wrap .iw_pd_ul_L {padding: 23px 14px 18px 20px;}
	}
	@media screen and (min-width: 340px) {
	.iw_pd_ul_L .iw_pd_li .lft { width: 147px; height: 147px; margin-top: 0;}
	.iw_pd_ul_L .iw_pd_li .rgt { margin-left: 8px; width: calc(100% - 155px); height: 147px; }
	.iw_pd_ul_L .iw_pd_li .rgt .rvNicon .review { margin-top: 10px; }
	.iw_pd_ul_T .iw_pd_li > a {height: 294px;}
	.iw_pd_ul_T .iw_pd_li .thumb {width: 130px; height: 130px !important;}
	.iw_pd_ul_T .iw_pd_li .prd_price{ top: 195px;}
	}
	@media screen and (min-width: 350px) {
	.iw_pd_ul_L .iw_pd_li .rgt { margin-left: 10px; width: calc(100% - 157px); }
	.iw_popu_wrap .iw_pd_ul_L .iw_pd_li .rgt { margin-left: 10px; width: calc(100% - 156px);}
	.iw_intro_wrap .iw_intro_slide .iw_intro_inner .iw_intro_txt2 {font-size: 14px;}
	}
	@media screen and (min-width: 360px) {
	.iw_pd_ul_T .iw_pd_li > a {height: 304px;}
	.iw_pd_ul_T .iw_pd_li .thumb {width: 140px; height: 140px !important;}
	.iw_pd_ul_T .iw_pd_li .prd_price{ top: 205px;}
	}
	@media screen and (min-width: 400px) {
	.iw_pd_ul_T .iw_pd_li {padding: 16px 16px 34px;}
	.iw_pd_ul_T .iw_pd_li > a {height: 324px;}
	.iw_pd_ul_T .iw_pd_li .thumb {width: 148px; height: 148px !important;}
	.iw_pd_ul_T .iw_pd_li .prd_price{ top: 224px;}
	.iw_pd_ul_T .iw_pd_li .NBM_icon_box {bottom: 59px;}
	.iw_pd_ul_T .iw_pd_li .review { bottom: 34px;}
	}
	@media screen and (min-width: 450px) {
	.iw_pd_ul_T .iw_pd_li .item { font-size: 15px;}
	.iw_pd_ul_T .iw_pd_li .prd_price .sale .discount{font-size: 18px;}
	.iw_pd_ul_T .iw_pd_li .prd_price .sale .under{font-size: 14px;}
	.iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won .number {font-size: 20px;}
	.iw_pd_ul_T .iw_pd_li .prd_price .prc_guide_ly .won .number + em {font-size: 17px;}
	.iw_pd_ul_T .iw_pd_li .review { height: 15px;}
	.iw_pd_ul_T .iw_pd_li .review .avgStar { width:84px; height:15px; background-position: 0px -123px; background-size: 245px auto; }
	.iw_pd_ul_T .iw_pd_li .review .avgStar_dtl { height: 16px; background-position: 0px -103px ; background-size:244px auto;  }
	.iw_pd_ul_T .iw_pd_li .review .count { font-size: 14px; vertical-align: 0; padding-top: 3px;}
	}
	@media screen and (min-width: 752px) {
	.iw_intro_wrap .iw_intro_slide .iw_intro_inner:nth-child(n):after {content: ''; position: absolute; width: 1px; height: 94px; display: inline-block; top: 21px; left: 0; background: #ddd;}
	}
	@media screen and (min-width: 767px) {
	.iw_pd_ul_L .iw_pd_li .rgt .item { font-size: 16px;}
	.iw_pd_ul_L .iw_pd_li .rgt .rvNicon{ top: 104px;}
	}
	@media screen and (min-width: 780px) {
	.iw_pd_ul_T .iw_pd_li {width: calc(25% - 10px);}
	}
/* 미디어쿼리// */

/* 빠른픽업 추가로 css 변경함 201123 JSA */
.iw_pd_ul_L .iw_pd_li .rgt .prd_price{margin-top: 3px;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .sale .discount{font-size: 16px;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .sale .under{font-size: 14px;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .prc_guide_ly {margin-top: 0;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .prc_guide_ly .won .number {font-size: 18px; line-height: 1;}
.iw_pd_ul_L .iw_pd_li .rgt .prd_price .prc_guide_ly .won .number + em {font-size: 16px;}
.iw_pd_ul_L .iw_pd_li .rgt .icon_box2 {margin-top: 5px; display: block;}
.iw_pd_ul_L .iw_pd_li .rgt .rvNicon .review {height: auto;}
.iw_pd_ul_L .iw_pd_li .rgt .rvNicon .review .avgStar {vertical-align: top;}
.iw_pd_ul_T .iw_pd_li .prd_price {margin-top: 3px;}
.iw_pd_ul_T .iw_pd_li .icon_box2 {margin-top: 7px; display: block;}

/* 리스트 재고없음 오류 수정 */ 
.iw_pd_ul_T > li .attbx { display:block; padding: 8px 0; white-space: nowrap; height: auto !important;}
.iw_pd_ul_T > li .attbx .attxt { font-size:13px; }
.iw_pd_ul_T > li .attbx .attxt > strong { color:#2d5bb2; }
.iw_pd_ul_T > li .attbx .attico {font-size:13px;margin-top:5px; padding:3px 6px; border:#c1c1c1 1px solid; display:inline-block;}
.iw_pd_ul_L > li .attbx { display:block; overflow:hidden; padding: 5px 0; white-space:nowrap; }
.iw_pd_ul_L > li .attbx .attxt { font-size:13px; }
.iw_pd_ul_L > li .attbx .attxt > strong { color:#2d5bb2; }
.iw_pd_ul_L > li .attbx .attico {margin-top:5px; padding:3px 6px; border:#c1c1c1 1px solid; display:inline-block;}
/* 리스트 L형 오류 수정 */ 
@media all and (max-width:320px) {
	*{font-size: 13px;}
}

/* 모바일 페이징 추가 210118 */
.iw_wrap .bottom_area { width:100%; background: #f2f2f2 !important; margin-top:0; padding-bottom: 15px;}
.iw_wrap .bottom_area * {box-sizing: initial; }
.m_page_area { text-align:center; padding:10px 0; }
.m_page_area > a {width:30px; height:30px; line-height:29px; display:inline-block; background:#fff; border:#d7d7d7 1px solid; vertical-align:middle; color:#333; cursor: pointer; }
.m_page_area > a.selected { background:#3c476e; border:#3c476e 1px solid; color:#fff !important; font-weight:bold; }
.m_page_area > a.prev { margin-right:10px; }
.m_page_area > a.next { margin-left:10px; }
.m_page_area > a > .is_arrow {position: relative; display:inline-block;  width:7px; height:7px; border: #888 solid; border-width: 0 2px 2px 0;}
/* 용도 아이콘 추가 210118 */
.iw_pd_ul_L .iw_pd_li .lft { position: relative;}
.iw_pd_ul_L .iw_pd_li .lft .purpose_box { position: absolute; display: inline-block; right: 0; bottom: 20%;}
.iw_pd_ul_L .iw_pd_li .lft .purpose_icon {width: 56px; height: 20px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 10px; line-height: 20px; text-align: center; margin-top: 2px;}
.iw_pd_ul_T .iw_pd_li .thumb {position: relative;}
.iw_pd_ul_T .iw_pd_li .thumb .purpose_box {position: absolute; display: inline-block; right: 0; bottom: 20%;}
.iw_pd_ul_T .iw_pd_li .thumb .purpose_icon {width: 56px; height: 20px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 10px; line-height: 20px; text-align: center; margin-top: 2px;}

/* 빠른픽업 추가 210421 */
.iw_key_wrap .iw_pd_ul_T_wrap,
.iw_key_wrap .iw_pd_ul_T_wrap > div { height: 270px;}
.iw_key_wrap .iw_pd_ul_T_wrap > div#tab05{height: 305px;}
.iw_key_wrap .iw_pd_ul_T .iw_pd_li,
.iw_key_wrap .iw_pd_ul_T .iw_pd_li > a,
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li,
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li > a {height: 264px;}
.iw_layer.key_more .key_box .iw_pd_ul_T .iw_pd_li .icon_box2,
.iw_key_wrap .iw_pd_ul_T .iw_pd_li .icon_box2 {margin-top: 0;}

/* 220919 조립PC 페이지 내 게이밍PC 탐색기 기능 추가 */
.gm_bat {margin-top:5px; overflow: hidden;}
.gm_bat span {display: inline-block; height:25px; margin-right:3px; line-height:27px; padding:0 8px; border-radius:5px; font-size:12px; font-family:'spoqa M'; box-sizing: border-box; }
.gm_bat span:last-child {margin:0;}
.gm_bat span.UHD {background:#eee3ff; color:#8433FF;}
.gm_bat span.FHD {background:#deebfb; color:#0D6DE3;}
.gm_bat span.QHD {background:#dcf7dc; color:#00C400;}
.gm_bat span.stanpre {background:#e0f0fc; color:#1C8FED;}

/* 230411 MO 부분 개선 */
.line_sec_thin{background: #F2F2F2; height: 8px; display: block; border-top: 0;}

/* 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;}