* {border:0;padding:0;margin:0;}
html{height:100%;}
body{background:#fff;color:#333;font-size:16px;letter-spacing:-1px;-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button{margin:0;padding:0;}
section,nav,header,footer{display:block;}
table{border-spacing:0;border-collapse:collapse;}
form,fieldset,img,a img{border:0 none;padding:0;margin:0;}
ul,ol,li{list-style:none outside;}
a{text-decoration:none;color:#3b3b3b;display:inline-block;border:0 none;padding:0;margin:0;}
em{font-style:normal;}
li,p,dt,dd,div,span{/*word-break:break-all; word-wrap:break-word;*/}
button:focus {outline:none;}
input:focus {outline:none;}
.clearfix:after { content: ""; display: block; clear: both; }
.floatL {float:left;}
.floatR {float:right;}

/* h1검색엔진 노출영역 */
.blind {width:1px; height:1px; text-indent: -9999px; position:absolute; top:-1px; overflow:hidden; margin:-1px; clip:rect(0,0,0,0);}

/************************
* font
*************************/
@font-face {
  font-family: 'spoqa B';
  font-weight: 700;
  src: local("Spoqa Han Sans Bold"), local("Spoqa Han Sans Bold"), url("/font/SpoqaHanSans/Spoqa%20Han%20Sans%20Bold.woff2") format("woff2"), url("/font/SpoqaHanSans/Spoqa%20Han%20Sans%20Bold.woff") format("woff"), url("../font/SpoqaHanSans/Spoqa%20Han%20Sans%20Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'spoqa M';
  font-weight: 400;
  src: local("Spoqa Han Sans Regular"), local("Spoqa Han Sans Bold"), url("/font/SpoqaHanSans/Spoqa%20Han%20Sans%20Regular.woff2") format("woff2"), url("/font/SpoqaHanSans/Spoqa%20Han%20Sans%20Regular.woff") format("woff"), url("../font/SpoqaHanSans/Spoqa%20Han%20Sans%20Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'spoqa R';
  font-weight: 300;
  src: local("Spoqa Han Sans Light"), local("Spoqa Han Sans Bold"), url("/font/SpoqaHanSans/Spoqa%20Han%20Sans%20Light.woff2") format("woff2"), url("/font/SpoqaHanSans/Spoqa%20Han%20Sans%20Light.woff") format("woff"), url("../font/SpoqaHanSans/Spoqa%20Han%20Sans%20Light.ttf") format("truetype");
}

@font-face {
  font-family: 'spoqa T';
  font-weight: 100;
  src: local("Spoqa Han Sans Thin"), local("Spoqa Han Sans Bold"), url("/font/SpoqaHanSans/Spoqa%20Han%20Sans%20Thin.woff2") format("woff2"), url("/font/SpoqaHanSans/Spoqa%20Han%20Sans%20Thin.woff") format("woff"), url("../font/SpoqaHanSans/Spoqa%20Han%20Sans%20Thin.ttf") format("truetype");
}

/* common */
#wrap {width:100%; min-height:100%; overflow:hidden; position:relative;}
#m_content {width:100%; height:100%; float:left;}
.contents2022 img {width: 100%;}

/* 하단 장바구니 액션아이콘 */
.cart_go_obj {position:fixed; top:30%; left:30%; width:40%; height:40%; max-width:500px; max-height:500px; display:block; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cart_obj.png') no-repeat; text-indent:-10000px; background-size:100% auto;}

/* 제품 상세페이지 및 추천조립상품 리스트 페이지의 비교 아이콘 CSS 200312   */
.compare_bt {width: 64px; height: 28px; border-radius: 50px; background: #e6e6e6; color: #999; float: right; text-align: center; cursor: pointer;}
.compare_bt.on {background:#3775ff; color: #fff;}
.compare_bt > p	 {display: inline-block; font-size:13px; line-height: 28px; font-family: 'spoqa M';}
.compare_img { display: inline-block;	 width: 12px; height: 12px; background-image:url(//image5.compuzone.co.kr/img/images/product_detail/ProductCompare_bts.png); background-position: -12px 0;}
.compare_bt.on .compare_img { background-position: 0 0;}
.no-drag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
/* //제품 상세페이지 및 아이웍스와 추천조립상품 리스트 페이지의 비교 아이콘*/

/* 비교 fixed 추가 */
.pd_cp_fixed { width: 100vw; height: 12vw; max-height: 55px; position: fixed; z-index: 10; padding: 0 4vw; box-sizing: border-box;	}
.pd_cp_fixed.pd_cp_cancel { background: #ffffff; position: fixed; top: 0; border-bottom: 1px solid #ccccd1; border-top: 1px solid #ccccd1;	}
.pd_cp_fixed.pd_cp_num_bt {  background: #3775ff; position: fixed; bottom: 0; text-align: center;}
.pd_cp_fixed_t { font-size: 3.467vw; line-height: 12vw;}
.pd_cp_fixed_t.text_blue { color: #3775ff; float: left;}
.pd_cp_fixed_t.text_gray { color: #333; float: right;} 
.pd_cp_fixed_t.text_gray > .cancel_img {width: 2.933vw; height: 2.933vw; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/pd_compare_close.png) no-repeat; background-size: auto 2.933vw; display: inline-block; margin-left: 1.867vw;}
.pd_cp_fixed.pd_cp_num_bt > .pd_cp_fixed_t {color: #fff; width: 100%; height: 100%;}
@media all and (max-width: 400px){ 
	.pd_cp_fixed { height: 48px; padding: 0 16px;}
	.pd_cp_fixed_t { font-size: 14px; line-height: 48px;}
	.pd_cp_fixed_t.text_gray > .cancel_img {width: 12px; height: 12px; background-size: auto 12px; margin-left: 7.5px;}
}
@media all and (min-width:460px){
	.pd_cp_fixed_t { font-size: 16px; line-height: 55px;}
	.pd_cp_fixed_t.text_gray > .cancel_img {width: 13.5px; height: 13.5px; background-size: auto 13.5px; margin-left: 8.5px;}
}

/* common :: sub */
.mw_wrap { display:inline-block; width:100%; position:relative; background:#fff;}
.mw_wrap .tp_subj { height:48px; line-height:48px; font-size:18px; font-family:'noto-B'; color:#3a3a3a; letter-spacing:-1px; padding:0 10px; font-weight:normal; text-align:left; position:relative;}
.mw_wrap .tp_subj > a { height:48px; line-height:48px; border-bottom:#e8e8e8 1px solid; font-size:17px; letter-spacing:-1px; font-weight:bold; text-align:left; position:relative;}
.mw_wrap .tp_subj .ico_arrow {border-width:1px 1px 0 0 !important;width:7px; height:7px; margin-top:-4px;border:1px solid #696969; -webkit-transform:rotate(45deg); transform:rotate(45deg); display:inline-block;vertical-align:middle;margin:-2px 4px 0 3px;}
.mw_wrap .tp_subj .btn { display:block; top:10px; right:10px; position:absolute; float:right; height:29px;}
.mw_wrap .tp_subj .btn button { padding:6px 10px; background:#FFF; border:#cdcdcd 1px solid; float:left; letter-spacing:-0.5px;}
.mw_wrap .tps_subj {display: flex; align-items: center; justify-content: center; height:48px; font-size:16px; font-family:'noto-B'; font-weight: normal; border-bottom:1px solid #d8d8d8;}
.mw_wrap .tps_subj .prevBtn {width: 36px; height: 36px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg) center center / 24px no-repeat; text-indent: -5000px; position:absolute; left:12px; z-index: 1;}
.mw_wrap .cont_wrap { padding:20px 16px 0; position:relative;}
.mw_wrap .cont_wrap .info>li {position:relative; padding:11px 0 10px 95px; font-size:13px; line-height:18px; color:#666; border-top: 1px solid #ebedf0; overflow:hidden; background:#fff}
.mw_wrap .cont_wrap .info>li .info_th {display:inline-block; position:absolute; left:10px; color:#222;line-height:35px; font-size:14px;}
.mw_wrap .cont_wrap .info>li .info_cont {position:relative; margin-right:10px; line-height:10px; text-align:left;}
.mw_wrap .cont_wrap .info>li .ipbx {display:block; width:auto; letter-spacing:-1px;}
.mw_wrap .cont_wrap .info>li .ipbx>input { height:33px; width:100%; border:#e9ecef 1px solid; text-indent:5px; border-radius:0; -webkit-appearance: none;letter-spacing:-0.5px;box-sizing:border-box;}
.mw_wrap .cont_wrap .info>li .ipbx>textarea { height:120px; width:100%; border:#e9ecef 1px solid; text-indent:5px; border-radius:0; -webkit-appearance: none;letter-spacing:-0.5px; padding:5px 0;}
.mw_wrap .cont_wrap .info>li .ipbxS>input { height:33px; width:40px; border:#e9ecef 1px solid; padding:0 5px; border-radius:0; -webkit-appearance: none;letter-spacing:-0.5px;}
.mw_wrap .cont_wrap .info>li .ipbxM_slc {width:35%; border:0 none;font-size:12px; line-height:17px; color:#222; vertical-align:top;letter-spacing:-0.5px;}
.mw_wrap .cont_wrap .info>li .ipbxM_slc select { width:90px; height:35px; border:1px solid #e9ecef; -webkit-appearance: none; border-radius:0; padding:0 0 0 5px;letter-spacing:-0.5px;}
.mw_wrap .cont {padding:20px 16px 0; position:relative; width:100%; box-sizing:border-box;}
.mw_wrap .addtxt { font-size:12px; color:#888888; padding:10px; }
.mw_wrap .ico_addtxt { width:16px; height:16px; display:inline-block; background:url("//image5.compuzone.co.kr/img/images/mypage21/mo_exclamation.png") center no-repeat; background-size:cover;  vertical-align:middle; margin-right:5px;}
.mw_wrap .detail_h { height:31px; line-height:34px; color:#333333; font-weight:bold; font-size:0.9rem; padding-top:10px; }
.mw_wrap .detail_cont { background:#ffffff;  border:#dbdbdb 1px solid;}
.mw_wrap .typeSelect { margin:10px 10px 0 10px; }
.mw_wrap .txtbox { margin:8px 0; padding:10px; border:1px solid #dbdbdb; font-size:0.9em; color:#7b7b7b; background:#fff; }
.mw_wrap .prdsearch_result > a {position:relative; display:inline-block;border:#e9ecef 1px solid; padding:8px 20px 8px 8px; margin-bottom:3px;}
.mw_wrap .prdsearch_result > a { position:relative; display:inline-block; border:#e9ecef 1px solid; padding:8px 20px 8px 8px; margin-bottom:3px; }
.mw_wrap .prdsearch_result > a:after { content:''; position:absolute; top:20px; right:6px; z-index:2; width:12px; height:6px; margin-top:-8px; border-width:1px 0 0 0; border-style:solid; border-color:#808080; -webkit-transform: rotate(45deg); }
.mw_wrap .prdsearch_result > a:before { content:''; position:absolute; top:16px; right:6px; z-index:2; width:12px; height:6px; margin-top:-8px; border-width:1px 0 0 0; border-style:solid; border-color:#808080; -webkit-transform: rotate(135deg); }
.mw_wrap .btm {display: flex; justify-content: center; gap:4px; margin-top:12px;}
.contbtm { text-align:center; padding:10px 0 20px; }

/* common :: 이벤트아이콘 */
.iconbx{ display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:22px; line-height:21px; padding:0 7px; border:1px solid #8d9ebd; background-color:#fff; font-size:12px; color:#8d9ebd; margin-left:2px; margin-bottom:3px;}
.evt_obj {font-size:12px; padding:2px 3px; margin-right:2px; letter-spacing:-0.1em; color:#fff; background:#a2b5c2; display:inline-block; min-width:32px; line-height:15px; text-align:center }
.evtIco_obj { display: inline-block; box-sizing: border-box; height: 22px; margin-right: 3px; padding: 0 5px; border: 1px solid #86b0a5; font-size: 12px; line-height: 20px; margin-bottom: 4px; overflow: hidden;}
_::-webkit-full-page-media, _:future, :root .evtIco_obj { line-height: 22px; }/* 사파리 핵 */

/* common :: button */
.btn_Bbk { width: calc(100% - 95px); height: 50px; line-height: 50px; text-align: center; margin: 0 auto; border: 1px solid #d8d8d8; border-radius: 25px; font-size: 15px; font-family: 'noto-B'; font-weight: normal; color: #3a3a3a; box-sizing: border-box; padding: 0;}
.btn_Bbks { display: inline-block !important; border: #333333 1px solid; padding:6px 34px; border-radius:25px; color:#333333 !important; font-size:15px; background:none; }
.btnBasic { display: inline-block !important; padding:0 8px; height:30px; line-height:30px; border-radius: 5px; border:1px solid #d8d8d8; text-align: center; font-size:12px; color:#949494; background:#fff;}
.btn_comm { display:inline-block !important; border:#d8d8d8 1px solid; padding:3px 4px 3px 7px; font-size:13px; position:relative; letter-spacing:-1px; }
.btn_comm:after { content:''; border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #888888; -webkit-transform:rotate(45deg); transform:rotate(45deg); display:inline-block;vertical-align:middle; margin:-3px 4px 0 4px; }
.btn_comm_white { display:inline-block !important; padding:3px 4px; font-size:0.9em; position:relative; color:#ffffff !important; }
.btn_comm_white:after { content:''; border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #ffffff; -webkit-transform:rotate(45deg); transform:rotate(45deg); display:inline-block;vertical-align:middle; margin:-3px 4px 0 4px; }
.btnBasic_black {background:#494949; border:#494949 1px solid; color:#fff;}
.btnBasic_white {background:#fff;}

/* common :: radiobutton */
input[type="radio"].radiobtn,input:checked[type="radio"].radiobtn{-webkit-appearance:none;appearance:none;-webkit-background-color:transparent;background-color:transparent; border:none !important;outline:none !important;background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png); background-size:220px auto;background-repeat: no-repeat;}
input[type="radio"].radiobtn{width:18px;height:18px;background-position:0 -132px;display:inline-block;vertical-align:text-top; }
input:checked[type="radio"].radiobtn{width:18px;height:18px;background-position:-19px -132px;}
/* common :: checkbox */
input[type="checkbox"].checkbx,input:checked[type="checkbox"].checkbx{-webkit-appearance:none;appearance:none;-webkit-background-color:transparent;background-color:transparent; -webkit-border-radius:0; border:none !important;outline:none !important;background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png); background-size:220px auto;background-repeat: no-repeat;}
input[type="checkbox"].checkbx{width:18px;height:18px;background-position:-57px -132px;display:inline-block;vertical-align:text-top; }
input:checked[type="checkbox"].checkbx{width:18px;height:18px;background-position:-39px -132px;}

/* common :: selectbox */
.sel_bx { position:relative; display:inline-block; border:1px solid #d8d8d8; border-radius:5px; font-family:'noto-R'; letter-spacing:-0.5px; vertical-align:top; box-sizing: border-box;}
.sel_bx.on {border: #d8d8d8 1px solid;}
.sel_bx select {display: block; width:100%; height:100%; line-height:38px; padding:0 30px 0 16px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_24.svg') calc(100% - 10px) center/16px no-repeat; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#949494; outline:none; border:none; box-sizing: border-box; appearance: none;}
.sel_bx select.no_select {background:#eee;}
.sel_100 { width:100%; box-sizing:border-box; }
.sel_55 { width:50%; padding:0 0 0 3px; box-sizing:border-box;}
.sel_55:first-child { padding:0 3px 0 0; }
.sel_35 { width:35%; padding:0 0 0 3px; box-sizing:border-box;}

/* textarea :: */
.textarea textarea { width: 100%; height: 80px; padding: 10px 16px; border: 1px solid #d8d8d8; border-radius: 5px; box-sizing: border-box; resize: none; outline: none;}

/* selectbox :: */
.sel_bx .select_opt {display: block;  overflow: hidden;  position: relative;  height: 38px;  width: 100%;  padding: 0 35px 0 10px;   letter-spacing:-1px; background: #fff; font-size: 14px; text-align: left; color:#666666;}
.sel_bx .select_opt:after { position:absolute; top:50%; right:7px; margin-top:-6px; width:17px; height:12px; content: ''; background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -52px -73px ; background-size:526px auto; }
.sel_bx .select_list_con li {position: relative; overflow: hidden; padding: 12px 30px 10px 10px; color: #666;  font-size: 13px; word-wrap: break-word; border-bottom: 1px solid #e5e5e5; background-color:#fff;}
.sel_bx .select_list_con li:last-child {border-bottom:none;}
.sel_bx .no_select {background:#eee;}
.sel_bx.on .select_opt {border-bottom: #dbdbdb 1px solid; }

/* common :: inputbox */
input.ipt_txt { height:38px; width:100%; border:#d8d8d8 1px solid; border-radius: 5px; text-indent:5px; -webkit-appearance:none; letter-spacing:-1px; box-sizing:border-box; }
input.ipt_txt2 {height:38px; width:28.2%; border:#d8d8d8 1px solid; border-radius: 5px; text-indent:5px; -webkit-appearance:none; letter-spacing:-1px; box-sizing:border-box;}
input.ipt_txt3 {height:38px; width:45%; border:#d8d8d8 1px solid; border-radius: 5px; text-indent:5px; -webkit-appearance:none; letter-spacing:-1px; box-sizing:border-box;}
input.ipt_txt4 {height:38px; width:100%; border:#d8d8d8 1px solid; border-radius: 5px; text-indent:5px; -webkit-appearance:none; letter-spacing:-1px; box-sizing:border-box;}
input.ipt_txt5 {height:38px; width:39.8%; border:#d8d8d8 1px solid; border-radius: 5px; text-indent:10px; -webkit-appearance:none; letter-spacing:-1px; box-sizing:border-box; color:#aaaaaa;text-align:center; }
textarea.txtarea_txt { width:100%; border:#d8d8d8 1px solid; padding:5px; border-radius:5px; -webkit-appearance:none; letter-spacing:-1px; box-sizing:border-box; }
.inp_phone { position:relative; display:flex; line-height:32px; }
.inp_phone .inp { height:38px; border:#d8d8d8 1px solid; text-indent:5px; border-radius:5px; -webkit-appearance:none; letter-spacing:-1px; box-sizing:border-box;}
.inp_mail { position:relative; display:flex;}
.inp_mail .userid {position:relative; float:left; width:150px; padding-right:20px;}
.inp_mail .userid:after { position:absolute; content:'@'; top:6px; right:5px; font-size:12px;}
.inp_mail .inp_domain { position:absolute; top:0; left:0; right:24px; }
.inp_mail .inp_domain > input { border:#dbdbdb 1px solid; border-right:none; }
.inp_address { position:relative; width:100%; }
.inp_address .postno { width:79px; margin-right:5px; }
.inp_address .post { margin-top:4px; }

/* common :: page */
.page_area {display: flex; align-items: center; justify-content: center; gap:4px; padding:20px 0 60px 0; }
.page_area > a { width:30px; height:30px; display:flex; align-items: center; justify-content: center; background:#fff; border:#d8d8d8 1px solid; font-size:14px; font-family:'spoqa M';}
.page_area > a.selected { background:#3a3a3a; border:#3a3a3a 1px solid; color:#fff !important; font-weight:bold; }
.page_area > a.prev { background:#fff url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_prev_24.svg') center/16px no-repeat;}
.page_area > a.next { background:#fff url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_next_24.svg') center/16px no-repeat;}

/* common :: layerpopup */
#pop_box { display:block; overflow-x: hidden; position:fixed; top: 0; left: 0; width:100%; height:100%; z-index:99999; background-color:rgba(0,0,0,.6);}
#pop_box .inner_bnr {width:calc(100% - 50px); background-color: #fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius: 10px; box-sizing: border-box;}
#pop_box .inner_bnr .tit { font-size:16px; text-align:center; position:relative; }
#pop_box .inner_bnr .tit .closebtn { width:20px; height:20px; background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -214px -58px ; background-size:455px auto; position:absolute; z-index:9999; top:8px; right:0px; }
#pop_box .inner_bnr .cont { width:100%; display:inline-block; overflow-x: hidden; overflow-y: auto; margin-bottom:5px;}
#pop_box .inner_bnr .txt_r { color:#ee3030; }
#pop_box .inner_bnr .btm { width:100%; margin:10px 0 5px; text-align:center; }
#pop_box .inner_bnr .closebtm { margin:5px 0 0 0;}
#pop_box .inner_bnr .closebtm .check{float:left;}
#pop_box .inner_bnr .closebtm .eks{float:right;}
#pop_box .inner {width:100%; position:fixed; top:50%; transform:translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box;}
#pop_box .inner .cont { width:100%; max-width:450px; margin:0 auto; background:#fff; border-radius: 10px; box-sizing: border-box;}
#pop_box .inner .cont .pop_tit {text-align:center; position: relative; padding: 20px 35px; border-bottom: 1px solid #d8d8d8; color: #3a3a3a; font-size: 20px; font-family: 'noto-B'; font-weight: normal; text-align: center; word-break: keep-all; height: auto; line-height: inherit;}
#pop_box .inner .cont .h { padding:20px 0; background:#f3f3f3; font-size:18px; font-weight:bold; }
#pop_box .inner .cont .box { padding:20px 20px 25px; }
#pop_box .inner .cont .box .subh { text-align:left; font-weight:bold; font-size:16px; }
#pop_box .inner .cont .box > p {font-size:15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; position:relative;}
#pop_box .inner .cont .box .layerPop_btn_wrap {display:flex; justify-content: space-between; margin-top:15px;}
#pop_box .inner .cont .box .layerPop_btn_wrap a {display:block; width:100%; height:52px; line-height:52px; border-radius: 10px; border:1px solid ; background:#0d6de3; color:#fff; border-color:#0d6de3; font-size:18px; font-family:'noto-M'; box-sizing: border-box;}
#pop_box .inner .cont .box .layerPop_btn_wrap a.gray_btn {background:#fff; color:#3a3a3a; border-color:#d8d8d8;}
#pop_box .inner .cont .box .layerPop_btn_wrap.btn_2 a {width: calc((100% - 10px)/2);}
#pop_box .inner .cont .btn { display:block; background:#000; padding:15px 0; color:#ffffff; font-size:15px; }
#pop_box .inner .cont .cont_pst {font-size:15px; letter-spacing: -1px;}
#pop_box .inner .cont .cont_pst b { font-weight:normal; font-size:1.1rem; color:#f74826; letter-spacing:-1px;}
#pop_box .inner .cont .c_sbox { display:inline-block; width:100%; background:#f5f5f5; box-sizing:border-box; padding:10px; text-align:center; margin:5px 0; letter-spacing:-1px;}
#pop_box .inner .cont .c_sbox dl {font-size:0.9rem; line-height:20px;}
#pop_box .inner .cont .c_sbox dl dt { color:#000;line-height:30px; font-weight:bold;}
#pop_box .inner .cont .c_sbox dl dd { color:#333;}
#pop_box .inner .cont .c_sbox dl .red_txt { color:#f74826 !important; font-size:0.8rem;}
#pop_box .inner .cont .pop_btn a {display: block; width: 100%; height: 100%; line-height: 52px; background: #0d6de3; border-radius:10px; text-align: center; font-size: 18px; font-family: 'noto-M'; font-weight: normal; color: #fff;}
#pop_box .inner .cont .btn2 { display:block; background:#000; padding:15px 0; color:#fff; font-size:1.1rem; text-align:center; width:50%; float:left; box-sizing:border-box; color:#fff !important;}
.close_Btn { width:15px; height:15px; display:inline-block; position:absolute; top:10px; right:15px; }
.close_Btn:after { content:''; width:15px; height:1px; background:#999; display:inline-block;transform: rotate(45deg); position:absolute; top:12px; right:0; }
.close_Btn:before { content:''; width:15px; height:1px; background:#999; display:inline-block;transform: rotate(135deg); position:absolute; top:12px; left:0; }
#pop_box .not_today {position:absolute; bottom:-30px; right:0;}
#pop_box .not_today a {color:#fff;}
#pop_box .s_close { 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; position: absolute; top: 15px; right: 15px;}

/*제품상세 레이어팝업*/
.layer_pop {margin: 0 auto; background: #fff; width:calc(100% - 50px); max-width:375px; position: relative; border-radius: 10px; box-sizing: border-box; overflow:hidden;}
.layer_pop h3 {font-size:30px; color:#383838; margin-bottom:30px; font-family: 'noto-B'; font-weight:normal;}
.layer_pop p {margin-bottom:10px; font-size: 15px; color:#3a3a3a; font-family:'noto-R';}
.layer_pop p:last-child {margin-bottom:0;}
.layer_pop .s_close { 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; position: absolute; top: 15px; right: 15px;}
.layer_pop .wt {background-position:-336px -157px; top:20px; right:20px;}
.layer_pop .title {padding:20px 35px; margin:0; font-size:20px; color:#3a3a3a; font-family: 'noto-B'; font-weight:normal; text-align: center; border-bottom: 1px solid #d8d8d8;}
.layer_pop .ico_qmark {background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -12px -38px; width: 17px; height: 17px; display: inline-block; margin-left: 3px; vertical-align: text-top; margin-top: 2px; cursor: pointer;}
.layer_pop .ico_arrow_r {background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -322px -8px; width: 7px; height: 11px; display: inline-block; margin-left: 6px; vertical-align: text-top; margin-top: 5px; cursor: pointer;}
.layer_pop .text_box {background: #f9fafa; padding: 20px; border-bottom: 1px solid #dbdddf; border-top: 1px solid #dbdddf; font-size:13px; margin-bottom:10px; text-align:left;}
.layer_pop .text_box p {color:#000; color:#ff4a4a;}
.layer_pop .info_box {font-size:13px; color:#4f4f4f; margin-bottom: 10px; display: inline-block;}
.layer_pop .btn_go {padding: 11px 0; width: auto; background: #fff; border: 1px solid #dee0e2;  display: block;  text-align: center;  font-size: 13px; text-decoration:none; margin-top:20px;}
.layer_pop .btn_go:hover {text-decoration:none;}
.layer_pop .co_red {color:#ff5555; }
.layer_pop .close_btn {display: block; padding:15PX 0; background: #0d6de3; color: #fff; font-size:18px; text-align: center; border-radius: 10px; box-sizing: border-box; margin-top:15px;}

/*맞춤가 레이어*/
.layer_pop .sale_price_inner .list {overflow: hidden; border-bottom: 1px solid #dbdddf; padding: 12px 0;}
.layer_pop .sale_price_inner .list dt {float: left; color:#4f4f4f; font-size: 14px;}
.layer_pop .sale_price_inner .list dd {float: right; font-size: 14px;}
.layer_pop .sale_price_inner .bold {font-weight:bold; color:#000;}
.layer_pop .sale_price_inner .sale_detail {background: #f9fafa; padding: 20px; border-bottom: 1px solid #dbdddf;}
.layer_pop .sale_price_inner .sale_detail dl {overflow: hidden;}
.layer_pop .sale_price_inner .sale_detail dl dt {float: left; color:#4f4f4f; font-size: 12px;}
.layer_pop .sale_price_inner .sale_detail dl dd {float: right; font-size: 12px;}
.layer_pop .sale_price_inner .total_price {overflow:hidden; margin-top:15px; font-size:16px;}
.layer_pop .sale_price_inner .total_price .txt {float:left; color:#000; font-family: 'noto-B'; font-weight:normal;}
.layer_pop .sale_price_inner .total_price .price {float:right; color:#ff5555; font-family: 'noto-B'; font-weight:bold;}
/* 팝업 버튼영역 */
.layer_pop .btn_area button { width: 50%; float: left; border: 1px solid #ccc; padding:15px 0; font-family: 'noto-R'; font-size:15px; }
.layer_pop .btn_area button.bk { width: 50%; float: left; border: 1px solid #000; background: #000; color: #fff;}
/* 팝업 탭영역 */
.layer_pop .tab_area {overflow:hidden;}
.layer_pop .tab_area button { width: 50%; float: left; border: 1px solid #ccc; padding:5px 0; font-family: 'noto-R'; font-size:14px; }
.layer_pop .tab_area button.on { width: 50%; float: left; border: 1px solid #000; background: #000; color: #fff;}
.layer_pop .qna_write {border-top:1px solid #000; padding:20px 0;}
.layer_pop .qna_write dl { overflow:hidden; padding:7px 0;}
.layer_pop .qna_write dl dt{float:left; text-align:left; font-size:14px;}
.layer_pop .qna_write dl dd{float:right; width:350px;}
/*쿠폰안내 레이어*/
.layer_pop .coupon_area {border: 1px solid #ddd; border-radius: 5px; position: relative; text-align:left; margin-bottom:0.5rem;}
.layer_pop .coupon_area .coupon {padding: 1.5rem 3rem 1.5rem 1.5rem; overflow: hidden;}
.layer_pop .coupon_area .coupon p {margin:0; padding-bottom:0.5rem; font-size:15px; font-weight:bold; color:#000; width: 100%;}
.layer_pop .coupon_area .coupon .co_blue {color:#2270d6;}
.layer_pop .coupon_area .coupon .s_txt {color:#282828; font-size:13px; width:100%; display:inline-block; float: left; margin-bottom:0.5rem;}
.layer_pop .coupon_area .coupon .id_txt {color:#595959; font-size:12px; float: left; width:100%; display:inline-block;}
.layer_pop .coupon_area .coupon .btn_detail {position:absolute; top:1.5rem; right:70px;}
.layer_pop .coupon_area .coupon .btn_detail:after{content: ''; position: absolute; right: -8px; top: 6px; width: 6px; height: 6px; border-bottom: solid 1px currentColor;
    border-right: solid 1px currentColor; transform: rotate(-45deg);}
.layer_pop .coupon_area .coupon_txt {position:absolute; top:0; right:0px; width:3rem; background:url('//image5.compuzone.co.kr/img/images/product_detail/coupon_txt_img.jpg') #2270d6 50% 50% no-repeat; height:100%;}

/*가로 테이블 스타일*/
.layer_pop .alm_box {font-size: 14px; color: #383838; font-family: 'noto-R'; font-weight: normal; text-align: center; background: #f9fafa; padding: 10px 0;}
.layer_pop .table_type1 {border:none; width:100%;}
.layer_pop .table_type1 th {border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background-color: #fbfbfb; padding:7px 0; color:#000; text-align:center;}
.layer_pop .table_type1 th.bo_no {border-right:none;}
.layer_pop .table_type1 td {line-height: 16px; text-align:center; padding:7px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.layer_pop .table_type1 td.bo_no {border-right:none;}
.layer_pop .table_type1 tr.em td {color:#ff5555;}
.layer_pop .info_txt {font-size:12px; color: #6B6B6B; padding-left:15px; position:relative; margin-top:15px;}
.layer_pop .info_txt i {position:absolute; top:0; left:0; font-style: normal;}

/* common :: layerpopup - 오른쪽펼침 :: 마이페이지 상담센터 문의상품 선택시 레이어, 조립pc 견적내기 사양검토 요청 레이어*/
#layerpop_right .popup_cont { position:fixed; top:0; right:0; width:270px; height:100%; background:#ffffff; z-index:13;}
#layerpop_right .tit { width:100%; height:50px; border-bottom:#c3c3c3 1px solid; line-height:50px;  position:absolute; top:0; right:0; z-index:20; background:#ffffff; }
#layerpop_right .tit > span { padding:0 15px; font-size:18px; font-family: 'noto-B';}
#layerpop_right .tit .close { width:21px; height:21px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -255px -36px; background-size:300px auto; border:0; position:absolute; top:14px; right:13px; }
#layerpop_right .popup_bg { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:12; }
#layerpop_right .cont { width:100%; overflow-y:auto; padding:50px 0; }
#layerpop_right .cont .inner { margin:0 15px; }
#layerpop_right .tap_div {border-right:1px solid #999; margin:15px 0; display:flex;}
#layerpop_right .tap_div > li{float:left;width:50%;position:relative;font-size:14px;color:#000;height:45px;line-height:45px;text-align:center;border:1px solid #999;border-right:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
#layerpop_right .tap_div > li.active {font-weight:bold;}
#layerpop_right .tap_div > li.active:before {content:"";position:absolute;left:-1px;top:-1px;z-index:100;width:100%;height:42px;display:block;border:1px solid #000;border-top:2px solid #000;border-bottom:1px solid #fff;}
#layerpop_right .tap_div > li.on {font-weight:bold; background:#ddd;}
#layerpop_right .ulist {border-top:2px solid #393c4b;}
#layerpop_right .ulist > li {padding:5px; border-top: #dbdbdb 1px solid;}
#layerpop_right .ulist > li:first-child {border-top:0;}
#layerpop_right .ulist > li p { margin:2px 0; }
#layerpop_right .ulist > li a { display:block; }
#layerpop_right .ulist > li.product_info { position:relative; padding:5px 5px 5px 55px; }
#layerpop_right .ulist > li.product_info img {width:50px; height:auto; position:absolute; top:10px; left:0;}
#layerpop_right .ulist > li.product_info .pricebx { display:block; overflow:hidden; padding:5px 0; }
#layerpop_right .ulist > li.product_info .price { color:#222222; line-height:15px; display:block;}
#layerpop_right .ulist > li.product_info .price .pric_info { font-size:11px; font-weight:normal; letter-spacing:-0.5px; color:#666; background:#ffffff; padding:1px 0; display:inline-block; vertical-align:text-bottom; margin-right:5px; }
#layerpop_right .ulist > li.product_info .price .pric_basic { font-size:13px; font-weight:bold; letter-spacing:-1px; color:#e0322b; font-family:dotum; display:inline-block; }
#layerpop_right .ulist > li.product_info .price .pric_basicS { font-size:13px; letter-spacing:-1px; text-decoration:line-through; color:#666; font-family:dotum; display:inline-block; }
#layerpop_right .ulist > li.product_info .price .pric_sale {font-size:13px; font-weight:bold; letter-spacing:-1px; color:#ed1c24; font-family:dotum; display:inline-block; }
#layerpop_right .ulist > li.product_info .price_sale { height:43px; }
#layerpop_right .ulist .morebtn { display:block; padding:10px 0; text-align:center;border:#e4e4e7 1px solid; }
#layerpop_right .ulist .morebtn:after { width:15px;height:15px;background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -109px -87px;display:inline-block;content:'';margin-left:3px;}
#layerpop_right .popup_cont .lst_btm { width:100%; position:absolute; right:0; bottom:0; overflow:hidden; }
#layerpop_right .popup_cont .lst_btm li { width:50%; border-left:#192f5a 1px solid; float:left; margin-left:-1px;  }
#layerpop_right .popup_cont .lst_btm li:first-child { border-left::none; }
#layerpop_right .popup_cont .lst_btm li a { text-align:center; overflow:hidden; display:block; height:50px; color: #fff; font-size:15px; letter-spacing:-1px; white-space: nowrap; text-overflow: ellipsis; line-height:50px; background:#325fb4; }
#layerpop_right .popup_cont .lst_btm li a.reset { background:#e4e4e7; color:#000; }

/* 제품리스트 커스텀pc */
.line_sec_thin { background:#e3e3e8; width:100%; height:10px; display:block; border-top:#d1d1d6 1px solid; }
.line_sec_thin_fixed { position: fixed; top:45px; left:0; right:0; z-index:2; }
.srch_area_bx { height:45px; background:#ffffff; position:relative; }
.srch_area_bx_fixed { position: fixed !important; top:0; left: 0; right: 0; z-index: 2;}
.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;}
.srch_area_bx .view > a { width:45px; height:45px; display:inline-block; position:relative;}
.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; }
.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; }
.srch_area_bx > ul { padding-left:45px; }
.srch_area_bx > ul li { height:45px; float:left; text-align:center; border-left:#f3f3f4 1px solid; margin-left:-1px; line-height:45px;}
.srch_area_bx > ul li { width:33.3%; }
.srch_area_bx > ul li.line_h{line-height:20px;}
.srch_area_bx > ul li > a { height:45px; display:inline-block; color:#000;font-size:15px; }
.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; }
.srch_area_bx > ul li.sort_select > a { height:45px; display:inline-block; color:#325fb4;font-size:15px; }
.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; }
.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; }
.srch_area_bx > ul li.brand_select > a { height:45px; display:inline-block; color:#325fb4;font-size:15px; }
.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; }
.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; }
.srch_area_bx > ul li.dtl_select > a { height:45px; display:inline-block; color:#325fb4;font-size:15px; }
.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; }
.srch_area_bx > ul li > a.on { color:#2d5bb2}
.bx2 > ul > li{height:50px; float:left; text-align:center; border-left:#f3f3f4 1px solid; margin-left:-1px; line-height:50px}
.bx2 > ul > li.line_h{height:50px; float:left; text-align:center; border-left:#f3f3f4 1px solid; margin-left:-1px; line-height:22px}

/* 제품리스트 :: 중소분류 */
#prdlst .list_area { width:100%; background:#e3e3e8; display:inline-block; }
#prdlst .adlist_area { background:#cfd9e0; padding-bottom:10px; }

/* 제품리스트 :: 중소분류 (가로형) */
#prdlst .list_prod { padding:0 10px; }
#prdlst .list_prod > li { width:100%; float:left; border-bottom: #d1d1d6 1px solid; background:#fff; position:relative; margin:5px 0 10px 0; overflow:hidden;}
#prdlst .list_prod > li:first-child { margin-top:0; }
#prdlst .list_prod > li a {position: relative; display:inline-block; width:100%; }
#prdlst .list_prod > li .lft { max-width:150px; border-right: #f3f3f4 1px solid; position:absolute; left:0; top:0; border-right: none;}
#prdlst .list_prod > li .rgt { padding-left:150px; height:185px; }
#prdlst .list_prod > li .thumb { width:150px; height:150px; float:left;}
#prdlst .list_prod > li .thumb img { width:100%; width:150px; height:auto; }
#prdlst .list_prod > li .review {padding:11px 10px 3px; height:21px; display:block; overflow:hidden; background:#fff;}
#prdlst .list_prod > 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;  }
#prdlst .list_prod > 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;  }
#prdlst .list_prod > li .review .count { font-size:12px; letter-spacing:-1px; color:#666; font-family:dotum; vertical-align:top; }
#prdlst .list_prod > li .icon { display:block; overflow:hidden; padding:5px 15px; }
#prdlst .list_prod > li .icon .rel_date { font-size: 0.9rem; margin-top: 5px;}
#prdlst .list_prod > li .icon .rel_date .co_red { color:red;}
#prdlst .list_prod > li .item { font-size:14px; line-height: 18px; color:#000000; padding:15px 15px 0 15px; 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;}

/* 브랜드관 가격형식 */
#prdlst .list_prod > li .pricebx { display:block; overflow:hidden; padding:15px; }
#prdlst .list_prod > li .price { color:#222222; line-height:15px; display:block; margin-bottom:3px; }
#prdlst .list_prod > li .price .pric_info { font-size:11px; font-weight:normal; letter-spacing:-0.5px; color:#666; background:#ffffff; padding:1px 0; display:inline-block; vertical-align:text-bottom; margin-right:5px; }
#prdlst .list_prod > li .price .pric_basic { font-size:15px; font-weight:bold; letter-spacing:-1px; color:#e0322b; font-family:dotum; display:inline-block; }
#prdlst .list_prod > li .price .pric_basicS { font-size:13px; letter-spacing:-1px; text-decoration:line-through; color:#666; font-family:dotum; display:inline-block; }
#prdlst .list_prod > li .price .pric_sale {font-size:15px; font-weight:bold; letter-spacing:-1px; color:#ed1c24; font-family:dotum; display:inline-block; }
#prdlst .list_prod > li .price_sale { height:43px; }
#prdlst .list_prod > li .attbx { display:block; overflow:hidden; padding:15px;white-space:nowrap; }
#prdlst .list_prod > li .attbx .attxt { font-size:13px; }
#prdlst .list_prod > li .attbx .attxt > strong { color:#2d5bb2; }
#prdlst .list_prod > li .attbx .attico {margin-top:5px; padding:3px 6px; border:#c1c1c1 1px solid; display:inline-block;}
#prdlst .list_prod .prd_bnr { width:100%; height:150px; overflow:hidden; float:left; margin-top:-1px; text-align:center; }
#prdlst .list_prod .prd_bnr img { max-height:150px; }

/* 제품리스트 :: 중소분류 (세로형) */
#prdlst .list_prod_box { padding:5px; }
#prdlst .list_prod_box ul { overflow:hidden }
#prdlst .list_prod_box > li { width:50%; float:left;  position:relative; padding:5px; box-sizing:border-box;}
#prdlst .list_prod_box > li a {position:relative; display:block; width:100%; min-height: calc(50vw + 220px); max-height: calc(50vw + 220px); background:#fff; border-bottom: #d1d1d6 1px solid;}
#prdlst .list_prod_box > li .thumb { width:100%; float:left; }
#prdlst .list_prod_box > li .thumb img { width:100%; height:auto; }
#prdlst .list_prod_box > li .review { padding:11px 10px 3px; height:21px; display:block; overflow:hidden; background:#f2f2f2;}
#prdlst .list_prod_box > 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;  }
#prdlst .list_prod_box > 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;  }
#prdlst .list_prod_box > li .review .count { font-size:12px; letter-spacing:-1px; color:#666; font-family:dotum; vertical-align:top; }
#prdlst .list_prod_box > li .icon {display:block; margin-bottom: 2px; padding: 5px 15px 0; max-height: 48px !important; height: auto; overflow:hidden;}
#prdlst .list_prod_box > li .item { height:37px; line-height: 18px; font-size:14px; color:#000000; padding: 25px 15px 0 15px; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}

/* 브랜드관 가격형식 */
#prdlst .list_prod_box > li .pricebx { display:block; overflow:hidden; padding:15px; height:auto; position: absolute; bottom:35px;}
#prdlst .list_prod_box > li .price { color:#222222; line-height:15px; display:block; }
#prdlst .list_prod_box > li .price .pric_info { font-size:11px; height:17px; font-weight:normal; letter-spacing:-0.5px; color:#666; background:#ffffff; padding:1px 0; display:inline-block; vertical-align:text-bottom; margin-right:5px; }
#prdlst .list_prod_box > li .price .pric_basic { font-size:15px; font-weight:bold; letter-spacing:-1px; color:#e0322b; font-family:dotum; display:block; }
#prdlst .list_prod_box > li .price .pric_basicS { font-size:13px; height:19px; letter-spacing:-1px; text-decoration:line-through; color:#666; font-family:dotum; display:block; }
#prdlst .list_prod_box > li .price .pric_sale {font-size:15px; font-weight:bold; letter-spacing:-1px; color:#ed1c24; font-family:dotum; display:block; }
#prdlst .list_prod_box > li .price_sale { height:43px; }
#prdlst .list_prod_box > li .attbx { display:block; overflow:hidden; padding:8px 15px;white-space: nowrap; min-height:50px; }
#prdlst .list_prod_box > li .attbx .attxt { font-size:13px; }
#prdlst .list_prod_box > li .attbx .attxt > strong { color:#2d5bb2; }
#prdlst .list_prod_box > li .attbx .attico {font-size:13px;margin-top:5px; padding:3px 6px; border:#c1c1c1 1px solid; display:inline-block;}
#prdlst .list_prod_box .prd_bnr { width:100%; height:150px; overflow:hidden; float:left; margin-top:-1px; text-align:center; }
#prdlst .list_prod_box .prd_bnr img { max-height:150px; }
@media screen and (max-width: 320px) {
	#prdlst .list_prod_box > li .price .pric_basic { font-size:13px;}
	#prdlst .list_prod_box > li .price .pric_sale {font-size:13px; }
}
@media screen and (min-width: 768px) {
	#prdlst .list_prod_box > li { width:25%; }
}

/* 제품리스트 (검색페이지에서 사용) */
#prdlst .lst_prod > li { width:100%; float:left; border-bottom: 1px solid #f0f0f0; padding-top:15px; position:relative;}
#prdlst .lst_prod > li a { display:inline-block; width:100%; }
#prdlst .lst_prod > li .thumb { width:150px; height:150px; padding-bottom:15px; float:left; }
#prdlst .lst_prod > li .thumb img { width:150px; height:150px; }
#prdlst .lst_prod > li .icon { display:block; overflow:hidden; padding:0 15px 2px; }
#prdlst .lst_prod > li .item { font-size:15px; color:#333333; padding:5px 15px 0px; display:block; overflow:hidden; font-size:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
#prdlst .lst_prod > li .pricebx { display:block; overflow:hidden; padding:15px 15px 2px; }
#prdlst .lst_prod > li .price { color:#222222; line-height:15px; display:block; margin-bottom:3px; }
#prdlst .lst_prod > li .price .pric_info { font-size:12px; font-weight:normal; letter-spacing:-1px; color:#999; background:#ffffff; padding:1px 0; display:inline-block; vertical-align:text-bottom; margin-right:5px; }
#prdlst .lst_prod > li .price .pric_basic { font-size:16px; font-weight:bold; letter-spacing:-1px; color:#e0322b; }
#prdlst .lst_prod > li .price .pric_sale { font-size:12px; letter-spacing:-1px; color:#696969; text-decoration:line-through; margin-right:5px; }
#prdlst .lst_prod > li .price_sale { height:43px; }
#prdlst .lst_prod > li .rv_count { position:absolute; padding:0 15px 0 20px; float:right; font-size: 13px; color:#888888; bottom:40px; right:5px; }
#prdlst .lst_prod > li .rv_count:before { width:20px; height:20px; display:inline-block; content:''; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -136px -27px ; background-size:230px auto; position:absolute; top:0; left:0; }
#prdlst .lst_prod > li .attbx { display:block; overflow:hidden; padding:15px;white-space:nowrap; }
#prdlst .lst_prod > li .attbx .attxt { font-size:13px; }
#prdlst .lst_prod > li .attbx .attxt > strong { color:#2d5bb2; }
#prdlst .lst_prod > li .attbx .attico {margin-top:5px; padding:3px 6px; border:#c1c1c1 1px solid; display:inline-block;}
#prdlst .lst_prod .prd_bnr { width:100%; height:150px; overflow:hidden; float:left; margin-top:-1px; text-align:center; }
#prdlst .lst_prod .prd_bnr img { max-height:150px; }
#prdlst .bottom_area { width:100%; display:inline-block; background:#e3e3e8; margin-top:-3px; }

/* 상세검색 :: */
#prdsrch_lyr .filter_lst { position:fixed; top:0; right:0; width:270px; height:100%; overflow-y:auto; background:#ffffff; z-index:13; border-top:1px solid #c3c3c3 ; }
#prdsrch_lyr .filter_lst .lst_h { width:inherit; height:50px; border-bottom:#c3c3c3 1px solid; line-height:50px;  position:fixed; top:0; right:0; z-index:20; background:#ffffff; }
#prdsrch_lyr .filter_lst .lst_h > span { padding:0 15px; font-size:18px; font-weight:bold; }
#prdsrch_lyr .filter_lst .lst_h .close { width:21px; height:21px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -255px -36px; background-size:300px auto; border:0; position:absolute; top:14px; right:13px; }
#prdsrch_lyr .filter_bg { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:12; }

/* 셀렉트박스 */
#prdsrch_lyr .filter_lst .sel_bx { position:relative; display:inline-block; border: 1px solid #D8D8D8; border-radius: 5px; box-sizing:border-box; top:50px; padding:0 15px; overflow:hidden;}
#prdsrch_lyr .filter_lst .sel_bx.on {border: #dbdbdb 1px solid;}
#prdsrch_lyr .filter_lst .sel_bx select { width:100%; height:40px; background:#fff; padding:0 15px; letter-spacing:-1px; color:#3a3a3a; box-sizing: border-box; font-size:15px;}
#prdsrch_lyr .filter_lst .sel_bx select.no_select {background:#eee;}
#prdsrch_lyr .filter_lst .sel_bx:after { position:absolute; top:50%; right:21px; margin-top:-6px; width:17px; height:12px; content: ''; background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -52px -73px ; background-size:526px auto; }
#prdsrch_lyr .filter_lst .sel_100 { width:100%; box-sizing:border-box; }
#prdsrch_lyr .filter_lst .sel_55 { width:50%; padding:0 0 0 3px; box-sizing:border-box;}
#prdsrch_lyr .filter_lst .sel_55:first-child { padding:0 3px 0 0; }
#prdsrch_lyr .filter_lst .sel_35 { width:35%; padding:0 0 0 3px; box-sizing:border-box;}

/* 추천조립PC상세 :: 상세보기 */
#prdsrch_lyr .filter_lst .prdlst { width:100%; overflow-y:auto; padding:50px 0 0; }
#prdsrch_lyr .filter_lst .prdlst .tabmn { width:100%;  }
#prdsrch_lyr .filter_lst .prdlst .tabmn > a { width:50%; height:50px; border-left:#192f5a 1px solid; float:left; margin-left:-1px; background:#e4e4e7; font-size:15px; letter-spacing:-1px; line-height:50px; text-align:center;}
#prdsrch_lyr .filter_lst .prdlst .tabmn > a.on { background:#325fb4; color:#ffffff; font-weight:bold; }
#prdsrch_lyr .filter_lst .prdlst .info { width:100%; float:left; }
#prdsrch_lyr .filter_lst .prdlst .info > .sel_bx { display:block; width:calc(100% - 30px); margin:0 15px;}
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdimg { padding:10px; display:block; border-bottom: #dbdbdb 1px solid; position:relative; text-align:center; }
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdimg img { width:100%; }
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdimg .viewbtn { background-color:#e8e8e8; padding:7px 11px; font-size:13px; }
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdimg .viewbtn:after { width:19px; height:16px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -262px -123px; background-size:290px auto; content:''; display:inline-block; vertical-align:sub; }
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdname { padding:10px; display:block; border-bottom: #dbdbdb 1px solid;}
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdname .tit { font-weight:bold; display:block; font-size:14px; margin-bottom:5px; }
#prdsrch_lyr .filter_lst .prdlst .sel_prod01 .prodgobtn{font-size: 14px;}
#prdsrch_lyr .prd_info { width:100%; border-bottom:#d9d9d9 1px solid; }
#prdsrch_lyr .prd_info .info_ul { width:100%;}
#prdsrch_lyr .prd_info .info_ul .info_li { width:100%; height:auto; border-top:#d9d9d9 1px solid; padding:11px 0; }
#prdsrch_lyr .prd_info .info_ul .info_li:first-child { border:0; }
#prdsrch_lyr .prd_info .info_ul .info_li .infot { padding:0 15px 0 95px; position:relative; }
#prdsrch_lyr .prd_info .info_ul .info_li .tit { display:inline-block; font-size:14px; vertical-align:middle; position:absolute; top:0; left:15px; }
#prdsrch_lyr .prd_info .info_ul .info_li .if { width:100%; display:inline-block; font-size:14px; vertical-align:top; position:relative; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .ot_link { position:absolute; font-size:13px; color:#999999; top:0; right:0; font-weight:normal; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .ot_link:after { content:''; border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #999999; -webkit-transform:rotate(45deg); transform:rotate(45deg); display:inline-block;vertical-align:middle;margin:-3px 0 0 3px; }
#prdsrch_lyr .prd_info .info_ul .info_li .textB { font-weight:bolder; font-size:14px; color:#000; }
#prdsrch_lyr .prd_info .info_ul .info_li .textR { font-weight:bolder; font-size:14px; color:#ee2929; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .info_btn { display:inline; border:1px solid #b2b2b2; padding:3px 7px; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .sel_bx { width:100%;}
#prdsrch_lyr .prd_info .info_ul .info_li .if select { width:100%; box-sizing:border-box; height:30px; border:1px solid #c6c6c6; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .sel_bx:after { top:8px !important; height:15px; background-position:-52px -71px; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .score { display:inline-block; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .score span.avgDetail_starN { width:75px; height:14px; background:url('//image5.compuzone.co.kr/img/images/product_detail/prdReview_2.png') -198px -212px;  float:left; margin-top:0px;}
#prdsrch_lyr .prd_info .info_ul .info_li .if .score span.avgDetail_star { height:14px;background:url('//image5.compuzone.co.kr/img/images/product_detail/prdReview_2.png') -198px -196px; float:left;}
#prdsrch_lyr .info_btmbtn { background:#e4e4e7; display:block; margin:10px; height:40px; line-height:40px; text-align:center; color:#000000; font-size:15px; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .numBx { display:inline-block; background:#ffffff; vertical-align:middle; margin-top:-4px;}
#prdsrch_lyr .prd_info .info_ul .info_li .if .numBx .minus { width:28px; height:28px; border:1px solid #c6c6c6; display:inline-block; position:relative; float:left; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .numBx .plus {  width:28px; height:28px; border:1px solid #c6c6c6; display:inline-block; margin-left:-1px; position:relative; float:left;}
#prdsrch_lyr .prd_info .info_ul .info_li .if .numBx .minus:before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background:#000; content: ''; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .numBx .plus:before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background:#000; content: ''; }
#prdsrch_lyr .prd_info .info_ul .info_li .if .numBx .plus:after { position:absolute; top:50%; left:50%; width:1px; height:14px; margin:-7px 0 0 -1px; background:#000; content: '';  }
#prdsrch_lyr .prd_info .info_ul .info_li .if .numBx .num { width:42px; height:28px; border:1px solid #c6c6c6; display:inline-block; margin-left:-1px;text-align:center; line-height:24px; font-size:15px; color:#000; -webkit-appearance:none; border-radius:0; background:none; float:left; }

/* 상품상세 > 구매정보 :: 상품 정보제공 고시 상세정보 */
.pro_info { padding:0 20px; border-top:#eee 1px solid; }
.pro_info a.tit { display:inline-block; width:100%; padding:10px 0; position:relative; color:#000; font-family:'spoqa M'; font-size: 15px;}
.pro_info a.tit .arrow_dw { border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #888888; -webkit-transform:rotate(135deg); transform:rotate(135deg); display:inline-block;vertical-align:middle;  position:absolute; top:14px; right:0; }
.pro_info a.tit .arrow_up { border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #888888; -webkit-transform:rotate(314deg); transform:rotate(314deg); display:inline-block;vertical-align:middle;  position:absolute; top:28px; right:1.429rem;  }
.pro_info .if_cont { padding:0 0 10px 0; }
.pro_info .if_cont .txt_sub { margin-bottom:5px; display:block; font-size:12px; }
.pro_info .if_cont table { border-top:#efefef 1px solid; border-bottom:#efefef 1px solid; border-left:#efefef 1px solid; }
.pro_info .if_cont table th { padding:5px 0 ; border-right:#e3e3e3 1px solid; text-align:left; padding:10px;}
.pro_info .if_cont table th strong, #prdDesc .desc_inf .if_ul > li .if_cont table td strong {font-size:12px;}
.pro_info .if_cont table td a.btn { border:1px solid #dbdbdb; font-size: 12px; border-radius: 3px; padding: 3px 13px; letter-spacing: -0.5px; color: #666;}
.icon_copy {display: inline-block; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/share_icon.png) -52px 0 no-repeat; background-size: auto 12px; width: 13px; height: 12px; margin-left: 5px;}
.pro_info2 { border-top:#eee 1px solid; }
.pro_info2 a.title { display:inline-block; width:100%; padding: 15px 15px 10px 15px; background: #f7f7fb; font-size: 16px; display: block; font-weight: 700;}
#prdDesc .desc_inf .info_tit { padding:15px 15px 10px 15px; background:#f7f7fb; font-size:16px; display:block; font-weight:700;}
#prdDesc .desc_inf .if_ul > li { padding:0 23px; border-top:#dbdbdb 1px solid; }
#prdDesc .desc_inf .if_ul > li a { display:inline-block; width:100%; padding:10px 0; position:relative; }
#prdDesc .desc_inf .if_ul > li a.slt { color:#000; font-weight:600; }
#prdDesc .desc_inf .if_ul > li .arrow_dw { border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #888888; -webkit-transform:rotate(135deg); transform:rotate(135deg); display:inline-block;vertical-align:middle;  position:absolute; top:14px; right:0; }
#prdDesc .desc_inf .if_ul > li .arrow_up { border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #888888; -webkit-transform:rotate(314deg); transform:rotate(314deg); display:inline-block;vertical-align:middle;  position:absolute; top:14px; right:0; }
#prdDesc .desc_inf .if_ul > li .if_cont { padding:0 0 10px 0; }
#prdDesc .desc_inf .if_ul > li .if_cont .txt_sub { margin-bottom:5px; display:block; font-size:12px; }
#prdDesc .desc_inf .if_ul > li .if_cont table { border-top:#efefef 1px solid; border-bottom:#efefef 1px solid; border-left:#efefef 1px solid; }
#prdDesc .desc_inf .if_ul > li .if_cont table th { padding:5px 0 ; text-align:center; border-right:#e3e3e3 1px solid; }
#prdDesc .desc_inf .if_ul > li .if_cont table th strong, #prdDesc .desc_inf .if_ul > li .if_cont table td strong {font-size:12px;}
#prdDesc .desc_inf .if_ul > li .if_cont table .txt_p { display:block; margin:5px 0; }
#prdDesc .desc_inf .if_ul > li .if_cont table .txt_p dt { font-weight:600; color:#000; }
#prdDesc .desc_inf .if_ul > li .if_cont .if_lst_p { font-size:12px; text-align:left; }
#prdDesc .desc_inf .if_ul > li .if_cont .if_lst_p_inner {font-size:12px; text-align:left; background:#f7f7fb; padding:10px; }
/*상품 더보기 버튼*/
.pro_info a.btn_more { display:inline-block; width:100%; padding:10px 0; position:relative; text-align:center; color:#ff4a4a; font-family:'spoqa M'; font-size: 15px;}
.pro_info a.btn_more .arrow_dw { border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #ff4a4a; -webkit-transform:rotate(135deg); transform:rotate(135deg); display:inline-block;vertical-align:middle; margin:-7px 0 0 6px;}
.pro_info a.btn_more .arrow_up { border-width:1px 1px 0 0 !important; width:7px; height:7px; border:1px solid #ff4a4a; -webkit-transform:rotate(314deg); transform:rotate(314deg); display:inline-block;vertical-align:middle; margin:-7px 0 0 6px; }

/* 제품상세 :: 추가옵션상품레이어 */
#prddtl .add_wrap { width:100%; background:#fff; border-top:#d9d9d9 1px solid; position:fixed; bottom:0; z-index:9997; }
#prddtl .add_wrap_inner { height: calc(100% - 13.4rem); overflow-x:auto; }
#prddtl .single { width:100%; height:425px; background:#fff; border-top:#d9d9d9 1px solid; position:fixed; bottom:0; z-index:9998;  margin-bottom: constant(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom); }
#prddtl .single .add_wrap_inner { overflow-x:auto; }
#prddtl .add_wrap .btn_option_close { border-bottom:25px solid #d9d9d9; border-left:10px solid transparent; border-right:10px solid transparent; height:0; width:60px; display:block; position:absolute; left:50%; top:-25px; margin-left:-40px; }
#prddtl .add_wrap .btn_option_close:before { content:''; border-bottom:25px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; height:0; width:58px; display:block; position:absolute; left:50%; top:1px; margin-left:-39px; }
#prddtl .add_wrap .option_arrow_down { content:''; height:10px; width:10px;	border:1px solid #2d5bb2; border-width:1px 1px 0 0; transform:rotate(135deg); position:absolute; left:24px; top:4px;}
#prddtl .add_wrap .option_arrow_up { content:''; height:10px; width:10px;	border:1px solid #2d5bb2; border-width:1px 1px 0 0; transform:rotate(315deg); position:absolute; left:24px; top:10px;}
#prddtl .add_wrap .sc { margin:10px 10px 0 10px; background:#ffffff;}
#prddtl .add_wrap .plus_pd { padding: 13px 10px; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; margin-top: -1px; font-weight:bold; position:relative;}
#prddtl .add_wrap .plus_pd > a {width:100%;}
#prddtl .add_wrap .plus_pd.fst{margin-top: 10px;}
#prddtl .add_wrap .plus_pd .s_txt {color:#737373; margin-left:8px; font-weight:normal;}
#prddtl .add_wrap .plus_pd .ico_plus {width: 14px; height: 14px; display: inline-block; position: absolute; top: 15px; right: 15px; background: #fff;}
#prddtl .add_wrap .plus_pd .ico_plus:before {content: ''; position: absolute; width: 15px; height: 1px; background-color: currentColor; top: 6px;}
#prddtl .add_wrap .plus_pd .ico_plus:after {content: ''; position: absolute; width: 15px; height: 1px; background-color: currentColor; transform: rotate(90deg); top: 6px;}
#prddtl .add_wrap .plus_pd.select {background:#f8f8f8;}
#prddtl .add_wrap .plus_pd .ico_minus {width: 14px; height: 14px; display: inline-block; position: absolute; top: 15px; right: 15px; background: #f8f8f8;}
#prddtl .add_wrap .plus_pd .ico_minus:before {content: ''; position: absolute; width: 15px; height: 1px; background-color: currentColor; top: 6px;}
#prddtl .add_wrap .titT { display:block; font-size:1.1rem; font-weight:bold; margin-bottom:5px; }
#prddtl .add_wrap .titT .qmark {width:17px; height:17px;background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -322px -548px;background-size:435px auto;display:inline-block;vertical-align:text-top; }
#prddtl .add_wrap .titT .plus {width:25px; height:25px; display:inline-block; position:relative; float:right;}
#prddtl .add_wrap .titT .plus:before { position: absolute; top: 50%; right: 6px;  margin-top: -10px;  width: 17px;  height: 16px;  content: ''; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -278px -326px;
    background-size: 526px auto;  border: 1px solid #d9d9d9;}
#prddtl .add_wrap .titT .minus {width:25px; height:25px; display:inline-block; position:relative; float:right;}
#prddtl .add_wrap .titT .minus:before { position: absolute; top: 50%; right: 6px;  margin-top: -10px;  width: 17px;  height: 16px;  content: ''; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -299px -326px;
    background-size: 526px auto;  border: 1px solid #d9d9d9;}
#prddtl .add_wrap .titM { padding:0 0 0 27px; display:inline-block; position:relative; }
#prddtl .add_wrap .titM .checkbx { position:absolute; top:1px; left:2px; }
#prddtl .add_wrap .item_wrap { background:#ffffff; height:290px; overflow-y:auto; border: #e7e7e7 1px solid; margin: 10px 0 0 0; }
#prddtl .add_wrap .item_wrap > a { padding:10px; display:block; position:relative; font-size:13px; color:#666666; }
#prddtl .add_wrap .item_wrap > a:before { position:absolute; top:50%; right:7px; margin-top:-6px; width:17px; height:12px; content: ''; background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -52px -73px ; background-size:526px auto; background-color:#ffffff;}
#prddtl .add_wrap .item_wrap > a.openSele:before { position:absolute; top:50%; right:7px; margin-top:-6px; width:17px; height:12px; content: ''; background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -31px -73px ; background-size:526px auto; background-color:#F8F8F8;}
#prddtl .add_wrap .item_wrap ul li { padding:10px;border-bottom:#eeeeee 1px solid;}
#prddtl .add_wrap .item_wrap ul li:last-child { border-bottom:none;}
#prddtl .add_wrap .item_wrap ul li.sold_out {opacity:0.5; background: #eee;}
#prddtl .add_wrap .item_wrap ul li > a {display:block;}
#prddtl .add_wrap .item_wrap ul li .list_item { display:block; min-height:50px; padding:0 0 0 60px; position:relative; }
#prddtl .add_wrap .item_wrap ul li .list_item .thumb { width:50px; height:50px; position:absolute;border:#eeeeee 1px solid; left:0; }
#prddtl .add_wrap .item_wrap ul li .list_item .thumb img { width:50px; height:50px; }
#prddtl .add_wrap .item_wrap ul li .list_item .thumb img.logo_img { height: 25px; padding-top:23%; }
#prddtl .add_wrap .item_wrap ul li .list_item .name { display:block;}
#prddtl .add_wrap .item_wrap ul li .list_item .price { font-weight:bold; }
#prddtl .add_wrap .item_wrap ul li .list_nopad {padding:0; min-height: 30px; line-height:29px;}
#prddtl .add_wrap .item_wrap ul.lyr_ul_cls {border-top: 1px solid #d6d6d6; background: #fff;}
#prddtl .add_wrap .opbx { margin:10px 10px 0 10px; background:#ffffff;}
#prddtl .add_wrap .opbx > li { position:relative; border:#e7e7e7 1px solid; padding:10px; background: #f2f2f2; margin:10px 0;}
#prddtl .add_wrap .opbx > li .nm { padding-right:24px; display:block; margin-bottom:15px; font-size:14px; }
#prddtl .add_wrap .opbx > li .price { display:inline-block; float:right; font-weight:bold; color:#000; margin-top:5px; font-size:1rem; }
#prddtl .add_wrap .opbx > li .close_btn { display:inline-block; position:relative; width:25px; height:25px; }
#prddtl .add_wrap .opbx > li .close_btn:before {content:''; position:absolute; left:50%; top:50%; width:1px; height:20px; margin:-11px 0 0 0; background:#000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform: rotate(45deg); transform:rotate(45deg);}
#prddtl .add_wrap .opbx > li .close_btn:after {content: ''; position:absolute; left:50%; top:50%; width:1px; height:20px; margin:-11px 0 0 0; background: #000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform: rotate(45deg); transform:rotate(45deg);width:20px; height:1px; margin:-1px 0 0 -10px; }
#prddtl .add_wrap .opbx > li .clsbtn { display:inline-block; position:absolute; top:10px; right:10px; }
#prddtl .add_wrap .opbx > li .select_qmark { margin-left: 5px; margin-top: -1px; display: inline-block; width: 23px; height: 21px; text-align: center; vertical-align: top; background: url(//image5.compuzone.co.kr/img/images/mypage21/mo_question.png)no-repeat; background-size: contain;}
#prddtl .add_wrap .opbx > li .sc_add { padding: 0 0 5px 15px; display: block;}
#prddtl .add_wrap .selected_item .numBx { display:inline-block; background:#ffffff; vertical-align:middle; margin-top:-4px;}
#prddtl .add_wrap .selected_item .numBx .minus { width:28px; height:28px; border:1px solid #c6c6c6; display:inline-block; position:relative; float:left; }
#prddtl .add_wrap .selected_item .numBx .plus {  width:28px; height:28px; border:1px solid #c6c6c6; display:inline-block; margin-left:-1px; position:relative; float:left;}
#prddtl .add_wrap .selected_item .numBx .minus:before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background:#000; content: ''; }
#prddtl .add_wrap .selected_item .numBx .plus:before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background:#000; content: ''; }
#prddtl .add_wrap .selected_item .numBx .plus:after { position:absolute; top:50%; left:50%; width:1px; height:14px; margin:-7px 0 0 -1px; background:#000; content: '';  }
#prddtl .add_wrap .selected_item .numBx .num { width:42px; height:28px; border:1px solid #c6c6c6; display:inline-block; margin-left:-1px;text-align:center; line-height:24px; font-size:15px; color:#000; -webkit-appearance:none; border-radius:0; background:none; float:left; }
#prddtl .add_wrap .totalp { padding:10px 10px 5px; display:list-item; }
#prddtl .add_wrap .totalp .prc_txt { font-weight:bold; color:#000; font-size:14px; float:left; }
#prddtl .add_wrap .totalp .prc { font-weight:bold; color:#ee2929; font-size:1.3rem; float:right; }
#prddtl .add_wrap .notice { font-size:12px; color:#2d5bb2;padding: 0 0 5px 10px;}
#prddtl .add_wrap .btm_btn { width:100%; background:#fff; margin-bottom: constant(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom); border-top:1px dotted #dbdbdb; padding:10px 0;}
#prddtl .add_wrap .btm_btn .prd_btn {padding:10px;}
#prddtl .add_wrap .btm_btn .prd_btn .pb { width:100%; display:inline-block; }
#prddtl .add_wrap .btm_btn .prd_btn .pb > li { width:50%; float:left; }
#prddtl .add_wrap .btm_btn .prd_btn .pb .bt { margin:0 0 0 5px; background:#fff; display:block; text-align:center; padding:13px 0; font-size:16px; font-weight:bold; }
#prddtl .add_wrap .btm_btn .prd_btn .pb .bt_cart { background:#ffffff; color:#2d5bb2; border:#2d5bb2 1px solid; }
#prddtl .add_wrap .btm_btn .prd_btn .pb .bt_buy { background:#2d5bb2; color:#fff; border:#1f4da4 1px solid; }
#prddtl .add_wrap .btm_btn .prd_btn .bt_wish { background:#fff; color:#000; border:#d5d5d5 1px solid; position:absolute; padding:13px 17px; font-size:16px; font-weight:bold; left:10px; }
#prddtl .add_wrap .btm_btn .prd_btn_mm { position:relative; padding:10px; }
#prddtl .add_wrap_layer { z-index:9999; }
#prddtl .add_wrap .viewmore_btn { color: #888; border: #ccc 1px solid; background: #fff; display: block; text-align: center; padding: 13px 0; font-size: 16px; font-weight: bold;}
#prddtl .fix_wrap {position:fixed; width:100%; bottom:0;}

/* 제품상세 :: 레이어 열었을때 */
#prddtl .add_wrap .on { border: #3a65b7 1px solid; }
#prddtl .add_wrap .on > a {background-color: #f8f8f8;}
#prddtl .add_wrap .on > a:before {background-color: transparent;}

 /* 공유하기 찜하기 버튼 */
.info_li .Btn_area {display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox;  display: flex;  background: #fff;   -webkit-transform: translateZ(0); transform: translateZ(0);}
.info_li .Btn_area button{ display: block; position: relative; height: 43px; padding: 0 16px; background: none; border: none; color: #333; font-size: 14px; -webkit-box-flex: 1;  -webkit-flex: 1; -ms-flex: 1;   flex: 1; outline: none;}
.info_li .Btn_area button+button {border-left: 1px solid #f1f1f1;}
.info_li .Btn_area .share:before {background: url('//image5.compuzone.co.kr/img/images/m_compuzone/share_icon.png') 0 0 no-repeat; width: 19px; height: 22px; background-size: auto 19px; content: ''; display: inline-block; margin-right: 4px;  vertical-align: -8px;}
.info_li .Btn_area .love:before {background: url('//image5.compuzone.co.kr/img/images/m_compuzone/share_icon.png') -23px 0 no-repeat; width: 21px; height: 17px; background-size: auto 17px; content: ''; display: inline-block; margin-right: 4px;  vertical-align: -4px;}
.info_li .Btn_area .on:before {background: url('//image5.compuzone.co.kr/img/images/m_compuzone/share_icon.png') -48px 0 no-repeat; width: 21px; height: 17px; background-size: auto 17px; content: ''; display: inline-block; margin-right: 4px;  vertical-align: -4px;}

/* 당일배송 팝업 */
.top22 {width: 100%; padding: 20px 20px 25px; box-sizing: border-box;}
.top22 > p {text-align: left; font-size: 15px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a;}
.top22 > a {display: block; width: 100%; height: 100%; line-height: 52px; background: #0d6de3; border-radius: 10px; text-align: center; font-size: 18px; font-family: 'noto-M'; font-weight: normal; color: #fff;}
.top22 table {margin: 15px 0 20px; border: unset; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;}
.th_titst{ background-color:#fafafa; font-size:14px; font-family: 'noto-M'; font-weight:normal; color:#3a3a3a; letter-spacing:-1px; text-align:center; padding:15px 0;}
.td_bst2{font-size:14px; font-family: 'noto-R'; font-weight:normal; color:#3a3a3a; letter-spacing:-1px; text-align:center; padding: 15px 10px!important; border-left: 1px solid #f2f2f2;}
.btd_bst{border:#cccccc 1px solid; border-right:none; text-align:center; padding:12px 0; letter-spacing:-1px; font-size:13px; color:#06F; font-weight:600}
td>span{ font-family:Malgun Gothic, dotum, verdana; font-size:13px; letter-spacing:0px;}
#pop_box.b2b_layer .inner{padding: 0 25px;}
#pop_box .inner .cont33 { margin:0 auto; background:#fff; max-width:450px; width:100%; border-radius: 10px; overflow: hidden;}
#pop_box .inner .cont33 .h {font-size: 20px; font-family: 'noto-B'; font-weight: normal; text-align: center; position: relative; padding: 20px 35px; border-bottom: 1px solid #d8d8d8; color: #3a3a3a;}
#pop_box .inner .cont33 .h > 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; position: absolute; top: 15px; right: 15px;}
.top22 .roundstep11 { display:inline; }
.roundstep11 a { display:inline-block; width:105px; height:93px; overflow:hidden; background:url('http://image5.compuzone.co.kr/img/images/popup/Tdeliver_1step.png') no-repeat; text-decoration:none; font-size:14px; color:#6b6b6b; text-indent:-9px; line-height:90px; letter-spacing:-0.5px;}
.roundstep11 a.day_on {background:url('http://image5.compuzone.co.kr/img/images/popup/Tdeliver_1step.png') no-repeat; background-position:0 -93px; color:#ffffff !important; font-weight:800;}
.top { width:362px; height:122px; padding-left:48px; padding-top:20px; }
.top li { list-style:none; display:inline; }
.step a { display:inline-block; width:105px; height:93px; overflow:hidden; background:url('http://image5.compuzone.co.kr/img/images/popup/Tdeliver_1step.png') no-repeat; text-decoration:none; font-size:14px; color:#6b6b6b; text-indent:17px; line-height:90px; letter-spacing:-0.5px;}
.step a:hover { background-position:0 -93px; color:#ffffff; font-weight:800; }

/* 제품상세 :: 찜목록팝업 */
.likeBox_layer { position:absolute; width:280px; background:#fff; z-index:100; top:50px; left:50%; margin-left:-139px; }
.likeBox_layer .likeBoxArea { width:100%; border:#555555 1px solid; box-shadow:0 2px 5px gray;}
.likeBox_layer .likeBoxArea .tit { border-bottom:#dddddd 1px solid; padding:10px; }
.likeBox_layer .likeBoxArea .tit>span { font-size:15px; font-weight:bold;}
.likeBox_layer .likeBoxArea .tit>a { display:inline-block; float:right; font-weight:bold; color:#000; margin-right:10px; font-size:16px; position:relative; width:15px; height:15px; margin-top:2px;}
.likeBox_layer .likeBoxArea .tit .closeBtn:before { position:absolute; top:50%; left:50%; width:20px; height:1px; margin:-1px 0 0 -10px; background:#000; content: ''; -webkit-transform: rotate(315deg); transform: rotate(315deg);}
.likeBox_layer .likeBoxArea .tit .closeBtn:after { position:absolute; top:50%; left:50%; width:1px; height:20px; margin:-10px 0 0 -1px; background:#000; content: ''; -webkit-transform: rotate(315deg); transform: rotate(315deg);}
.likeBox_layer .likeBoxArea .cont { padding: 10px 10px; }
.likeBox_layer .likeBoxArea .cont .subject { margin-bottom:10px; }
.likeBox_layer .likeBoxArea .cont .subBox_none { border:0; padding:0; background:#fff;}
.likeBox_layer .likeBoxArea .cont .subBox { border:1px solid #d8d8d8; background:#fff; }
.likeBox_layer .likeBoxArea .cont .subBox p { padding:10px; border-bottom:#dddddd 1px solid;}
.likeBox_layer .likeBoxArea .cont .subBox p a { float:right;}
.likeBox_layer .likeBoxArea .cont .ipbx {display:block; width:auto; letter-spacing:-1px;}
.likeBox_layer .likeBoxArea .cont .ipbx>input { height:33px; width:100%;border:1px solid #d8d8d8; text-indent:5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px;}
.likeBox_layer .likeBoxArea .cont > p { text-align:center;}
.likeBox_layer .likeBoxArea .btmBtn { padding:0; margin-top:30px; border-top:none; font-size:0; text-align:center;}
.likeBox_layer .likeBoxArea .sBtn { padding:5px; margin-top: -6px;  display:inline-block; border-radius:3px; float:right;}
.likeBox_layer .likeBoxArea .sBtnGray { border:#979797 1px solid; color:#272727; background:#E2E2E2; }
.likeBox_layer .likeBoxArea .btnDel { width:14px; height:14px; display:inline-block; float:right;position:relative; margin-top:2px;}
.likeBox_layer .likeBoxArea .btnDel:before { position:absolute; top:50%; left:50%; width:14px; height:1px; margin:-1px 0 0 -7px; background:#a2a2a2; content: ''; -webkit-transform: rotate(315deg); transform: rotate(315deg);}
.likeBox_layer .likeBoxArea .btnDel:after { position:absolute; top:50%; left:50%; width:1px; height:14px; margin:-7px 0 0 -1px; background:#a2a2a2; content: ''; -webkit-transform: rotate(315deg); transform: rotate(315deg);}

/* 검색결과페이지 */
#srchlst .srch_h { height:50px; position:relative;}
#srchlst .srch_h .keyword_area { height:50px; line-height:50px; border-bottom:#b7b7b7 1px solid; padding:0 10px; }
#srchlst .srch_h .keyword_area .keyword { max-width:30%; height:20px; line-height:20px; font-size:15px; display:inline-block; background:#1c4086; color:#ffffff; padding:5px 10px; border-radius:15px; letter-spacing:-2px; margin:10px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#srchlst .srch_h .ctgr_btn { height:50px; line-height:50px; position:absolute; display:inline-block; top:0; right:0; background:#fafafc; padding:0 5%; border-left:#d9d9d9 1px solid; color:#868686; }
#srchlst .srch_h .ctgr_btn .on { color:#143a82; font-weight:bold; position:relative; display:inline-block; font-size:15px; }
#srchlst .srch_h .ctgr_btn .on:after {width:4px; height:4px; border-radius:4px; background:#143a82; display:inline-block; content: ''; position:absolute; top:14px; margin-left:2px;font-size:15px; }
#srchlst .srch_h .keyword_area .result_txt { font-size:16px; display:inline-block; vertical-align:top; }
#srchlst .srch_h .keyword_area .result_txt .st {font-size:16px; font-weight:bold; color:#ff3334; }

/* 마이페이지&상담센터 :: common */
.ctbox { width:100%;}
.ctbox + .ctbox {margin-top:16px;}
.ctbox .tit { width:100%; font-family:'noto-B'; font-size:16px; margin-bottom: 8px;}
.ctbox .tit .date { font-weight:normal; float:right; }
.prd_box {display:flex; gap:12px;}
.prd_box .prd_img {width: 100px; height: 100px; overflow: hidden; border-radius: 5px; background: #fafafa; flex-shrink: 0;}
.prd_box .prd_img img {width:100%; height:100%; mix-blend-mode: multiply;}
.prd_box .prd_name {display: flex; flex-direction: column; gap:4px;}
.prd_inf {margin-top:16px;}
.mypoint { width:100%; padding:10px 0; float:left; list-style:none; font-size:13px;}
.mypoint li { width:33%; border-left:#e1e1e1 1px solid; float:left; text-align:center; }
.mypoint li em { font-weight:bold; font-style:normal; color:#df3100; font-size:14px; }
.mypoint li em.bk { color:#000;}
.mypoint li:first-child {border-left:0;}

/* 마이페이지 :: 보유쿠폰 */
.coupon_wrap{background: #F9F9F9;}
.coupon_wrap_none{background: #ffffff;}
.coupon_wrap *{box-sizing: border-box;}
.coupon_wrap .tp_subj{height: 50px; background: #fff; font-size: 18px; font-family: 'Noto-B'; text-align: center; line-height: 50px; color: #3A3A3A; border-bottom: 1px solid #D8D8D8; position: relative;}
.coupon_wrap .couponlst{padding: 20px 15px 30px; min-height: calc(100vh - 350px);}
.coupon_wrap .couponlst .couponArea{width: 100%; border: 1px solid #D8D8D8; border-radius: 15px; background: #fff; margin-bottom: 15px; overflow: hidden;}
.coupon_wrap .couponlst .couponArea:last-of-type{margin-bottom: 0;}
.coupon_wrap .couponlst .couponArea.prev{display: flex; align-items: center; justify-content: space-between; padding: 35px 20px; gap: 20px;}
.coupon_wrap .couponlst .couponArea.prev .txt_box{width: 200px;}
.coupon_wrap .couponlst .couponArea.prev a{width: 70px; height: 35px; border: 1px solid #D8D8D8; background: #ffffff; font-family: 'noto-M'; font-size: 13px; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.coupon_wrap .couponlst .couponArea .txt_box h3{font-family: 'noto-M'; font-size: 15px; font-weight: normal; margin-bottom: 5px;}
.coupon_wrap .couponlst .couponArea .txt_box p{font-size: 13px; color: #949494;}
.coupon_wrap .couponlst .couponArea.next .txt_box{padding: 20px 20px 15px;}
.coupon_wrap .couponlst .couponArea.next .data_box{padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; background: #EEF8FF;}
.coupon_wrap .couponlst .couponArea.next .data_box p{color: #6C6C6C; font-size: 13px;}
.coupon_wrap .couponlst .couponArea.next .data_box span{color: #F14738; font-size: 15px; font-family: 'noto-M';}
.couponArea_none {display: flex; flex-direction: column; gap: 15px; align-items: center; justify-content: center; height: calc(100vh - 400px); width: 100%; padding: 20px 0 30px;}
.couponArea_none img {width: 38px; height: 38px;}
.couponArea_none p {font-size: 14px; color: #6C6C6C;}

/* 마이페이지 :: 찜목록 */
.wishlist { width:100%; overflow:hidden; text-align:center; float:left}
.wishlist .u_cdtbox { padding:10px 0; text-align:left; }
.wishlist .u_cdtbox .tit { margin-bottom:10px; padding:0 10px; font-size:15px;}
.wishlist .wish_prd {  overflow:hidden; text-align:left;}
.wishlist .wish_prd>ul { width:100%;}
.wishlist .wish_prd>ul>li { width:100%; margin-bottom:10px; overflow:hidden;list-style:none; background:#fff; border-bottom: #dddddd 1px solid; position:relative; float:left;}
.wishlist .wish_prd>ul>li .info { padding:10px; }
.wishlist .wish_prd>ul>li .info .name { font-size:1em; margin-bottom:10px; position:relative; }
.wishlist .wish_prd>ul>li .info .name:after {content:''; position:absolute; top:50%; display:inline-block; right:10px; width:10px; height:10px; margin-top:-4px; padding: 0; border: 1px solid #a4a4a4; border-width: 0 1px 1px 0; background: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease;}
.wishlist .wish_prd>ul>li .info .name>a { display:block !important; }
.wishlist .wish_prd>ul>li .box { border:#e4e4e4 1px solid; background:#F8F8F8; padding:5px; }
.wishlist .wish_prd>ul>li .wishprdprice {  font-size:0.9em; color:#8B8B8B; }
.wishlist .wish_prd>ul>li .wishprdInfo { font-size:0.9em; color:#8B8B8B; }
.wishlist .wish_prd_detail_c_prd {  overflow:hidden; text-align:left;}
.wishlist .wish_prd_detail_c_prd ul { width:100%; float:left;}
.wishlist .wish_prd_detail_c_prd ul li { width:99.4%; margin-bottom:10px; overflow:hidden;list-style:none; background:#fff; border-top:#efefef 1px solid; border-left:#efefef 1px solid; border-right:#d1d1d1 1px solid; border-bottom:#d1d1d1 1px solid; position:relative;  float:left}
.wishlist .wish_prd_detail_c_prd ul li .close_btn { width:19px; height:19px; top:0px; right:0px; position:absolute;}
.wishlist .wish_prd_detail_c_prd ul li .close_btn a { width:19px; height:19px;  display:block; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/sicon_v1.png') -181px -9px;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_t { width:100%; padding:10px 0;overflow:hidden; float:left;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_t .chck_box { height:39px; margin:22px 6px 0 10px; float:left;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_t .prdimg { margin:0 8px 0 0px; float:left;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_t .prdimg img { width:60px; height:60px; border:#efefef 1px solid;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_t .prdname { padding:7px 10px 0 0; font-size:0.8em;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b { width:100%; padding:10px 0;overflow:hidden; float:left;   border-top:#bababa 1px dashed;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b > p { font-size:13px;margin: 0 10px; }
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b > p .evtxt {  display:inline-block; vertical-align: bottom; margin-top:6px;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .optionSelec { float:left; }
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .optionSelec > select {height: 30px; width: 120px; border:#d6d6d6 1px solid; margin: 0 10px;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .addmin {margin:0 10px; }
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .addmin a { width:8px; height:17px;  border:#e0e0e0 1px solid; font-weight:bold; text-align:center; display:block; float:left;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .addmin a.left_min {border-radius: 5px 0px 0px 5px;  }
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .addmin a.right_add {border-radius: 0px 5px 5px 0px;  }
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .addmin span { width:42px; height:29px; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; float:left; }
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .btn { display:inline-block;  margin:0 10px; float: right;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .btn button { font-size:0.8em; padding:7px 10px; background:#EEE; border:#cdcdcd 1px solid; border-radius: 2px; float:right;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .prdprice { margin:5px 10px 0 0; float:right;}
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .prdprice .prdprice1 { color:#656566; font-size:0.8em; margin-right:10px; font-weight:bold; }
.wishlist .wish_prd_detail_c_prd ul li .cart_prd_b .prdprice .prdprice2 { color:#fe1e38; font-size:1.0em; font-weight:bold; }
.wishlist .totalPrice { overflow:hidden; margin: 0 10px 10px;padding-bottom: 10px; border-bottom:#dedede 1px solid; text-align:center;}
.wishlist .totalPrice .subject { float:left; font-size:1.2em;}
.wishlist .totalPrice .rightP { float:right;  text-align:right; font-size:1em;}
.wishlist .infoBox_red { padding:3px; border-radius:3px; background:#AF1F0B; color:#fff; font-size:12px; display: inline-block; margin-bottom:2px;}
.wishlist .infoBox_blue { padding:3px; border-radius:3px; background:#0765BB; color:#fff; font-size:12px; display: inline-block; margin-bottom:2px;}
.wishlist .cart_prd_b .btmBtn { width:100%; text-align:center; }
.wishlist .cart_prd_b .btmBtn button { padding:6px 5px !important; font-size:0.8em; letter-spacing:-1px;}

/* 마이페이지 :: 배송주소록관리 */
.addlist .u_ctbox { margin:0 auto; }
.addlist .u_ctbox .tit { font-weight:bold; padding:10px; font-size:17px; overflow:hidden;line-height: 25px; border-bottom:#dddddd 1px solid;}
.addlist .u_ctbox .tit .btnw{ font-size:0.9em; padding:4px 10px; background:#fff; border:#c4c4c4 1px solid; letter-spacing:-1px; color:#636363; float:left;}
.addlist .u_ctbox .tit .btng { font-size:0.9em; padding:4px 10px; background:#e1e1e1; border:#c1c1c1 1px solid; letter-spacing:-1px; color:#636363; float:right;}
.addlist .cdtbox { position:relative;}
.addlist .addinfobx { margin:0 0 10px 0; padding:10px; background:#fff;}
.addlist .addinfobx dt { background:#fff; color:#666666; margin-bottom:5px;}
.addlist .addinfobx dt .subname { display:inline-block; padding:0 0 0 3px; font-weight:bold; font-size:16px; }
.addlist .addinfobx dt .subaddress { padding:0 0 0 20px; display:block; font-size:15px; }
.addlist .addinfobx dd { padding-left:22px;}
.addlist .btn_close { position:absolute; top:0; right:0; }
.addlist .info>li{position:relative; padding:11px 5px 10px 15px; font-size:13px; line-height:18px; color:#666; border-top: 1px solid #ebedf0; overflow:hidden; background:#fff}
.addlist .info>li .info_th {display:inline-block; position:absolute; left:10px; color:#222;line-height:35px; font-size:14px;}
.addlist .info>li .info_cont {position:relative; margin-right:10px; line-height:10px; text-align:left;}
.addlist .info>li .ipbx {display:block; width:auto; letter-spacing:-1px;}
.addlist .info>li .ipbx>input { height:33px; width:100%; border:#e9ecef 1px solid; text-indent:5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px;}
.addlist .info>li .ipbxS>input { height:33px; width:40px; border:#e9ecef 1px solid; padding:0 5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px;}
.addlist .addbtn {font-size:0.9em; height:35px; padding:4px 10px; background:#a4abb9; border:0; letter-spacing:-1px; color:#fff; line-height:15px; vertical-align:top;}
.addlist .btm { display: flex; gap:4px; justify-content: center; margin-top:30px;}
.addlist .btm button {width:50%;}
.list_type .info>li{position:relative; padding:11px 5px 10px 15px; font-size:13px; line-height:18px; color:#666; border-top: 1px solid #ebedf0; overflow:hidden; background:#fff;min-height: 30px;}
.list_type .info>li .info_th {display:inline-block; position:absolute; left:10px; color:#222;line-height:35px; font-size:1.15rem;    margin-left: 2%;}
.list_type .info>li .info_cont {position:relative; margin-right:10px; line-height:30px; text-align:left; padding-left:30%; font-size:1.15rem;}
.list_type .info>li .ipbx {display:block; width:auto; letter-spacing:-1px;}
.list_type .info>li .ipbx>input { height:33px; width:100%; border:#e9ecef 1px solid; text-indent:5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px; font-size:1.15rem;}
.list_type .info>li .ipbxS>input { height:33px; width:40px; border:#e9ecef 1px solid; padding:0 5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px;font-size:1.15rem;}
.list_type .addbtn {font-size:0.9em; height:35px; padding:4px 10px; background:#a4abb9; border:0; letter-spacing:-1px; color:#fff; line-height:15px; vertical-align:top;}
.list_type .btm { width:100%; text-align:center; padding:10px 0 20px;}
.list_type .btm>button{ background:#e9ecef; }

/* 마이페이지 :: 개인정보수정 */
.myinfo .u_ctbox { margin:0 auto; }
.myinfo .u_ctbox .tit { padding:10px; font-size:14px; overflow:hidden;line-height: 25px; border-bottom:#dddddd 1px solid;}
.myinfo .cdtbox { position:relative;}
.myinfo .btn_close { position:absolute; top:0; right:0; }
.myinfo .infobx { padding:10px; }
.myinfo .infobx>li{position:relative; width:calc(100% - 20px); padding:10px 0 10px 10px; font-size:13px; line-height:18px; color:#666; border-top: 1px solid #ebedf0; overflow:hidden; background:#fff} /* 0729 width 추가 11px 0 10px 95px 수정 */
.myinfo .infobx>li .info_th {display:inline-block; position:absolute; left:10px; color:#222;line-height:35px; font-size:14px;}
.myinfo .infobx>li .info_cont {position:relative; margin-right:10px; text-align:left; min-height:33px; padding-left:30%;}
.myinfo .infobx>li .info_cont .ipbxN { padding:9px 0; display:inline-block;}
.myinfo .infobx>li .ipbx {display:block; width:auto; letter-spacing:-1px;}
.myinfo .infobx>li .ipbx>input { height:33px; width:100%; border:#e9ecef 1px solid; text-indent:5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px;}
.myinfo .infobx>li .ipbxS>input { height:33px; width:40px; border:#e9ecef 1px solid; padding:0 5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px;}
.myinfo .infobx>li.ckbx { padding:10px 0 10px 30px; width:calc(100% - 40px); } /* 0729 메일수신/마케팅동의 영역 수정*/
.myinfo .infobx>li.ckbx .ckbx_th { display:inline-block; position:absolute; left:10px; font-weight:bold; color:#222;}
.myinfo .infobx>li.ckbx .ckbx_cont { position:relative; margin-right:10px; text-align:left; line-height:17px;}
.myinfo .addbtn {font-size:0.9em; height:35px; padding:4px 10px; background:#a4abb9; border:0; letter-spacing:-1px; color:#fff; line-height:15px; vertical-align:top;}
.myinfo .btm { width:100%; text-align:center; padding:10px 0 20px; display:inline-block; } /* 0729 display 추가 */
.myinfo .btm>button{ background:#e9ecef; }
.myinfo .info_pw { border-bottom:#DADADA 1px solid; text-align:center; padding:0 !important;}
.myinfo .info_pw>ul { padding:0;}

/* 마이페이지 :: 회원탈퇴 */
.myout .u_ctbox { margin:0 auto; }
.myout .u_ctbox .tit { padding:10px; font-size:14px; overflow:hidden;line-height: 25px;}
.myout .cdtbox { position:relative; padding:0 10px;}
.myout .infobx { background:#fff; }
.myout .infobx li{position:relative; padding:10px; font-size:14px; line-height:18px; color:#666; border-top: 1px solid #ebedf0; overflow:hidden; background:#fff}
.myout .infobx li:first-child { border-top:0; }
.myout .infobx>textarea { width:100%; height:70px; border:0; }

/* 마이페이지 :: 환불계좌관리 */
.wishlist .u_cdtbox { margin:0 auto;}
.wishlist .u_cdtbox .cdtbox {position:relative;}
.wishlist .u_cdtbox .cdtbox .info {padding:10px; padding-top:0;}
.wishlist .u_cdtbox .cdtbox .info .ckbx{padding-left:8px;}
.wishlist .u_cdtbox .cdtbox .info>li {position:relative; padding:11px 0 10px 95px; font-size:13px; line-height:18px; color:#666; border-top:1px solid #ebedf0; overflow:hidden; background:#fff;}
.wishlist .u_cdtbox .cdtbox .info>li .info_th {display:inline-block; position:absolute; left:10px; color:#222; font-size:14px; line-height:35px;}
.wishlist .u_cdtbox .cdtbox .info>li .info_cont {position:relative; margin-right:10px; line-height:35px; text-align:left;}
.wishlist .u_cdtbox .cdtbox .info>li .btnBasic_Gry{ display:inline-block !important; font-size:0.9em; padding:6px 13px; margin-bottom:3px; background:#d9d9d9; color:#a5a5a5; border:1px solid #d9d9d9; letter-spacing:-1px; }
.wishlist .u_cdtbox .cdtbox .info>li .info_cont .info_icon{font-size:11px; color:#fff; background-color:#9cb1c0; padding:1px 5px; border-radius:2px; height:16px; line-height:16px; margin-right:5px; display:inline-block;}
.wishlist .info>li .ipbx {display:block; width:auto; letter-spacing:-1px;}
.wishlist .info>li .ipbx>input {height:33px; width:100%; border:#e9ecef 1px solid; text-indent:5px; border-radius:0; -webkit-appearance:none; letter-spacing:-1px;}
.wishlist .info>li .btnB1{ width:70px; display:inline-block !important; position:absolute; height:35px; vertical-align:top; padding:0 15px; font-size:0.9em; margin-bottom:3px; background:#fff; border:1px solid #c4c4c4; letter-spacing:-1px; color:#636363;}
.wishlist .info>li .btnGry{width:70px; display:inline-block !important; position:absolute; height:35px; vertical-align:top; padding:0 15px; font-size:0.9em; margin-bottom:3px; border:1px solid #d9d9d9; letter-spacing:-1px; color:#a5a5a5; background:#d9d9d9;}
.wishlist .u_cdtbox .btm {width:100%; text-align:center; padding:10px 0 20px;}

/* 마이페이지 환불계좌 인증 로딩 */
.M_loading{width:100%; height:100%; top:0; left:0; position:fixed; background-color:rgba(255, 255, 255, 0.4); z-index:99; text-align:center;}
.M_loading>img{position:absolute; top:50%; left:50%; z-index:100; width:90px; margin-top:-45px; margin-left:-45px;}

/* table_basic */
.table_basic { width:100%; table-layout:fixed }
.table_basic td, .table_basic th, .table_basic div { color: #3a3a3a; font-size:14px; font-weight: normal;  box-sizing: border-box;}
.table_basic th {padding:15px; font-family:'noto-M'; background:#fafafa;}
.table_basic td { padding:12px 8px; font-family:'noto-R'; border-right:1px solid #f2f2f2;}
.table_basic td:last-child {border-right:none;}
.table_basic .bd_top { border-top: 1px solid #F2F2F2;}
.table_basic tr { border-top: 1px solid #F2F2F2;}
.table_basic tr:last-child {border-bottom:1px solid #f2f2f2;}

/* https header :: 로그인 */
#s_header { height:60px; text-align:center; background:#353953;}
.s_logo { display:inline-block; margin-top:22px;}
.pwinfo { width:100%; margin:20px 0; text-align:center;}
.pwinfo span { width:100%; text-align:center; display:inline-block; margin-bottom:20px; }
.pwinfo .inputbx { display:inline-block; overflow:hidden; width:60%; padding: 5px 0; line-height:18px; border:1px solid #ccc; letter-spacing:-1px; background:#fff; margin-right:5px;}
.pwinfo input {width:100%; height:30px; border:0 none; background:#fff; font-size:12px; line-height:17px; color:#222; vertical-align:top; text-align:center;}
.pw_inputbx { list-style:none;  }
.inp_pw {  border-bottom:#DADADA 1px solid; text-align:center;}
.inp_pw li {position:relative; padding:11px 0 10px 95px; font-size:13px;line-height:18px; color:#666; overflow:hidden;}

/* https 로그인 & 아이디비밀번호 찾기 */
.loginbox { border:#bfbfbf 1px solid; width:100%; background:#fff; margin-bottom: 15px; position:relative; box-sizing:border-box;}
.loginbox dl{ width:100%;  width:100%; position:relative; margin-bottom:5px;}
.loginbox dt{ position:relative; padding-top:12px; font-weight:bold; margin-left:10px; position:absolute;}
.loginbox dd{ position:relative; float: left;  margin-right:10px; }
.login_tab{height:40px; width:100%; background-color:#CCC;}
.login_tab > a { display:inherit; }
.logintabL{ width:50%; height:27px; padding-top:12px; float:left; background-color:#f2f2f2; text-align:center; color:#8e8f94; font-size:13px; }
.logintabR{ width:50%; height:27px; padding-top:12px; float:right; background-color:#f2f2f2; text-align:center; color:#8e8f94; font-size:13px; }
.logintabL_on{ width:50%; height:28px; padding-top:12px; float:right; background-color:#fff; margin-right:1px; position:absolute; top:0; left:0px; border-right:1px #ccc solid; color:#000; font-weight:bold; font-size:15px; text-align:center;}
.logintabR_on{ width:50%; height:28px; padding-top:12px; float:right; background-color:#fff; margin-left:1px; position:absolute; top:0; right:0px; border-left:1px #ccc solid; color:#000; font-weight:bold; font-size:15px; text-align:center;}
.login_ctn{width:100%; position:relative;}
.login_btn{width:100%; text-align:center; position:relative; margin:15px 0 0;}
.login_btn > button { font-size:13px !important; }
.inp_login_info{ list-style:none; padding:20px 0 20px 0;}
.inp_login{position:relative; padding:6px 0 5px 95px; font-size:13px;line-height:18px; color:#666; overflow:hidden;}
.inp_login1{position:relative; padding:4px 25px; font-size:13px;line-height:18px; color:#666; overflow:hidden;}
.inp_login_th{display:inline-block; position:absolute; left:20px; font-weight:bold; color:#222; line-height:35px;}
.inp_login_cont {position:relative; margin-right:10px; line-height:10px; text-align:left;}
.inp_login_cont1 {position:relative; margin-right:91px; line-height:10px; text-align:left;}
.naverlogin {overflow:hidden;}
.naverlogin > a {border:#bfbfbf 1px solid; display:block; text-align:center; position:relative; height:50px; line-height:50px; font-family:Noto-R; font-size:14px; color:#3c3c3c; background:#ffffff; text-align: center;}
.naverlogin > a img {border-right:#bfbfbf 1px solid; position:absolute; top:0; left:0;}
.naverlogin .ico {background:url('https://www.compuzone.co.kr/member/img/join_social_ico.gif') no-repeat 0 0; width:50px; height:50px; display:inline-block; float:left; border-right:#bfbfbf 1px solid;}
.naverlogin .kakao { background-position:-55px 0; }
.inpbx_login{ padding:0 8px; display:block; overflow:hidden; width:auto; height:18px ;padding: 8px 8px 7px; line-height:18px; border:1px solid #ccc; letter-spacing:-1px; background-color:#f9f9f9;}
.findID_box{ position:relative; margin:0px 20px 20px 20px; line-height:10px; text-align:left;}
.findID_bg{padding:0 8px; display:block; overflow:hidden; width:auto; height:auto; padding:15px; line-height:18px; letter-spacing:-1px; background-color:#f2f2f2;}
.findID_tx{text-align:center; margin:0 auto; border-bottom:1px solid #CCC ; padding:10px 0 20px 0; margin-bottom:15px;}
.findID_bg ul{ margin-top:10px; width:100%; float:left;}
.findID_bg li{ list-style:none;}
.inp_login_cont1 > .inpbx {position:relative;}
.inl { position:absolute; z-index:8; color:#999;}
.loginbtn_white {font-size:0.9em; padding:6px 0px; text-align:center; background:#fff; border:#c1c1c1 1px solid; letter-spacing:-1px; color:#636363; margin-right:5px; display:block;} 
.loginbtn_gray {font-size:0.9em; padding:6px 0px; text-align:center; background:#f6f6f6; border:#e9e9e9 1px solid; letter-spacing:-1px; color:#636363; margin-right:5px;}
.btn_login_blue { font-size:18px; padding:25px 15px 25px; background:#1379b7; border:#0e5b89 1px solid; letter-spacing:-1px; color:#fff;}
.btn_mb_txt{font-size:0.9em; padding:6px 10px; letter-spacing:-1px; color:#636363; margin-right:5px; background:none; border:none;}
.membox { padding:10px !important; display:inline-block; }
.membox .u_ctbox { margin:0 auto; }
.membox .ipbx {display:block; width:auto; letter-spacing:-1px;}
.membox .ipbx>input { height:33px; width:100%; border:#e9ecef 1px solid; text-indent:5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px;}
.membox .ipbxM>input { height:33px; width:35%; border:#e9ecef 1px solid; padding:0 5px; border-radius:0; -webkit-appearance: none; float:left;letter-spacing:-1px;}
.membox .ipbxM_slc {width:35%; float:left; border:0 none;font-size:12px; line-height:17px; color:#222; vertical-align:top;letter-spacing:-1px;}
.membox .ipbxM_slc select { width:90px; height:35px; border:1px solid #e9ecef; -webkit-appearance: none; border-radius:0; padding:0 0 0 5px}
.membox .ipbxS>input { height:33px; width:40px; border:#e9ecef 1px solid; padding:0 5px; border-radius:0; -webkit-appearance: none;letter-spacing:-1px;}
.membox .inp_phone { position:relative; padding-left:75px; }
.membox .info>li{position:relative; width: calc(100% - 20px); padding:10px 0 10px 10px; font-size:13px; line-height:18px; color:#666; border:none; border-top: 1px solid #ebedf0; overflow:hidden; background:#fff}
.membox .info>li .info_th {display:inline-block; position:absolute; left:10px; color:#222;line-height:35px; font-size:14px;}
.membox .info>li .info_cont {position:relative; margin-right:10px; text-align:left;}
.membox .info_pw { padding:0 !important; border:none !important; }
.membox .info_pw >ul{ padding:0 !important; }
.membox .ckbx {position:relative; padding:11px 0 10px 35px; font-size:13px;line-height:18px; color:#666; border-bottom:#DADADA 1px solid; overflow:hidden;}
.membox .ckbx p{float:left; width:95%}
.membox .ckbx_th {display:inline-block; position:absolute; left:10px; font-weight:bold; color:#222; line-height:35px;}
.membox .ckbx_cont {position:relative; margin-right:10px; line-height:10px; text-align:left;}

/* 버튼 CSS */
button.blue { background:#137ab7;}
button.red { background:#f50347}
button.black { background:#393939;}
button.white { background:#fff;}
button.gray {background:#7d7d7d !important; color:#fff;}
button.btn_basic { font-size:0.9em; padding:2px 7px; background:#fff; border:#cdcdcd 1px solid; border-radius:3px; letter-spacing:-1px;}
button.btn_gray { font-size:0.9em; padding:2px 7px; background:#f4f4f4; border:#cdcdcd 1px solid; border-radius:3px; letter-spacing:-1px;}
button.btn_sq_white { font-size:0.9em; padding:4px 10px; background:#fff; border:#c4c4c4 1px solid; letter-spacing:-1px; color:#636363;}
button.btn_mb_txt{font-size:0.9em; padding:6px 10px; letter-spacing:-1px; color:#636363; margin-right:5px; background:none; border:none;} /* bom */

/* 사업자전용 노출가격 :: 제품리스트, 제품상세 */
.prd_price_dealer dt { color:#f74826 !important; letter-spacing:-1px !important; border:#f74826 1px solid; padding:2px 5px; height:initial !important; line-height:initial !important; display:inline-block; font-size:14px; line-height:25px; }
.prd_price_dealer dd { float:right; color:#434343; font-weight:bold; }
.prd_price_dealer_h dt { color:#f74826 !important; letter-spacing:-1px !important; border:#f74826 1px solid; padding:2px 5px; height:initial !important; line-height:initial !important; display:inline-block; font-size:14px; line-height:25px; float:left;line-height:25px; }
.prd_price_dealer_h dd { float:right; color:#434343; font-weight:bold; float:left; line-height:25px; margin-left:10px; }
.gradation_gray{color:#4B4B4B !important; padding:6px 10px; background:#FFF; border:#979797 1px solid; border-radius: 3px 3px 3px 3px;}

/* 휴면계정관련 css*/
.oldid_area { background:#fff; width:100%; position:relative; text-align:center;}
.oldid_area .oldid_txtbox { background:#fff; width:100%; position:relative; box-sizing:border-box; padding:45px 25px 45px; }
.oldid_area .oldid_txtbox>span{ display:inline-block; width:100%; letter-spacing:-0.5px; text-align:left;}
.oldid_area .oldid_txtbox .oldid_tit { color:#000; font-family:noto-R; font-size:2rem;}
.oldid_area .oldid_txtbox .oldid_tit>b{ font-family:noto-B; font-size:2rem;}
.oldid_area .oldid_txtbox .oldid_tit>i { font-style:normal; color:#1454a5; font-size:2rem;}
.g_line {border:0.5px solid #c2c2c2; width:100px; margin:20px 0; display:block;}
.oldid_area .oldid_txtbox .oldid_stit {  color:#000; font-family:noto-R; font-size:1.5rem; padding-bottom:10px;}
.oldid_area .oldid_txtbox .oldid_stit>b{ font-family:noto-B; font-size:1.5rem;}
.oldid_area .oldid_txtbox .oldid_extxt{ font-family:noto-R; font-size:1.17rem; color:#666; line-height:1.7rem; letter-spacing:-1px;}
.oldid_area .oldid_txtbox .pw_infobtn { margin:17px 0 5px;}
.oldid_area .oldid_txtbox .pw_infobtn>a { position:relative; box-sizing:border-box; border-radius:21px; padding:7px 33px 6px 22px; letter-spacing:-1px; font-family:noto-R; display:inline-block; line-height:21.5px; font-size:1rem; color:#fff !important; background:#838383;}
.oldid_area .oldid_txtbox .pw_infobtn>a:hover { text-decoration:none;}
.oldid_area .oldid_txtbox .pw_infobtn>a:after{content:''; position:absolute; top:20.5px; right:24px; z-index:2; width:6px; height:6px; margin-top:-8px; border-width:1px 1px 0 0; border-style:solid; border-color:#fff; -webkit-transform:rotate(45deg);}
.oldid_area .oldid_txtbox .input_area .input_tit{ font-size:1.17rem; color:#2c2f33; margin-bottom:3px;}
.oldid_area .oldid_txtbox .oldid_btnarea{ width:100%; box-sizing:border-box;  display:inline-block; position:relative;}
.oldid_area .oldid_txtbox .oldid_btnarea a {width:49.5%; padding:12px; box-sizing:border-box; color:#fff !important; float:left; text-align:center; font-size:1.15rem; letter-spacing:1px; margin-top:25px;}

/* 배송조회 페이지*/
.info_table {width: 100%; background:#fff;}
.info_table tr {border-top: 1px solid #d8d8d8;}
.info_table tr:last-child {border-bottom:1px solid #d8d8d8;}
.info_table th {text-align: left; vertical-align: text-top; white-space: nowrap; width: 70px; line-height: 35px; font-size: 14px; font-family:'noto-M';font-weight: normal; padding: 5px 12px;     background: #fafafa;}
.info_table td {padding: 5px 0; vertical-align: text-top; word-break: break-all; font-size: 14px; font-family:'noto-R';font-weight: normal; color:#3a3a3a;}
.info_table.center th {text-align:center;}
.info_table.center td {text-align:center; vertical-align: middle;}

.dimmed {width: 100%; height: 100%; display: inline-block; position: fixed; top: 0; left: 0; z-index: 99; background-color: #000; opacity: .7;}

/* 경품수령 정보 영역*/
.addlist > ul .infotxt .blue_box {width:100%;padding:1rem 0 1rem 0; background-color:#f7f7fb; display:inline-block; text-align:center; position:relative; color:#333; font-size:1rem; line-height:1.5rem; font-family:spoqa M; letter-spacing:-.05rem;     margin: 0.5rem 0 1rem 0;}
.addlist > ul .infotxt .blue_box > i {position: absolute;width: 1.1rem; height: 1.1rem;line-height: 1.1rem;font-family: spoqa B; font-size:0.95rem;border-radius: 50%; color: #a1a1a4; border: 2px solid #c6c6c9; display: inline-block;font-style: normal; position: absolute;top: 16%; left: 1.1rem;}
.addlist > ul .infotxt .blue_box > p { letter-spacing: -0.125rem; color: #000000; text-align: left;  top: 12%;left: 11%; padding-right: 0.85rem; font-size:14px; display:inline-block;    padding-left: 2.7rem;}

/* 가격노출NEW - 2019.11.07 - sjy */
.prd_price{display:block; overflow:hidden; padding:15px !important;}
.prd_price.prd_price_dealer_h{padding:0; width:100%;}
.raffle_detail_page .prd_price{padding: 0 !important;}

/* 이미지형 제품리스트  가격영역 높이값 지정 */ 
.list_prod_box .prd_price {height:3.5rem;}
.prd_info_name{ display:inline-block; width:100%; line-height:18px; font-size:14px; white-space: normal; word-break: break-all; color: #6b6b6b;}
.prd_price .sale{display:block; margin-bottom:5px;}
.prd_price .sale .discount{font-size:18px; font-weight:bold; letter-spacing:-0.5px; color:#ff4a4a; margin-right:7px;}
.prd_price .sale .under{font-size:15px; text-decoration:line-through; color:#6b6b6b;}
.prd_info_name .prc_guide_ly{ position: relative; display:inline-block;}
.prd_price .won{color:#434343; vertical-align:middle; letter-spacing:-0.5px; font-weight:bold;}
.prd_price .won .number{font-size:20px;}
.prd_price .won>em{font-size:17px; display:inline-block; padding-right:5px;}

/* 맞춤가 정렬 - 2019.11.07 */
.srch_area_bx.srch_bxN > ul li{width:32%;}
.srch_area_bx.srch_bxN > ul li.sort_select > a, .srch_area_bx.srch_bxN > ul li > a{font-size:14px;}
input.leftchk[type="checkbox"]{ display:none; vertical-align: middle;}
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; }
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;}

/*옵션개편 상세페이지 :: 레이어팝업 영역*/
#pop_box .inner_bnr .add_wrap .wrap_it { position: relative;    background: #ffffff;  overflow-y: auto; margin:0;}
#pop_box .inner_bnr .add_wrap .wrap_it ul li {border-bottom: #dbdbdb 1px solid !important;    padding: 10px;}
#pop_box .inner_bnr .add_wrap .wrap_it ul li .list_item{display: block; min-height: 50px; padding: 0 0 0 60px;position: relative;}
#pop_box .inner_bnr .add_wrap .wrap_it ul li .list_item .thumb { width: 50px; height: 50px;position: absolute;left: 0;}
#pop_box .inner_bnr .add_wrap .wrap_it ul li .list_item .name {display: block;}
#pop_box .inner_bnr .add_wrap .wrap_it ul li .list_item .price { font-weight: bold;}
.new_input { margin-top: 5px; border: 1px solid #e7e7e7;height: 38px;}
.new_input >input{width:92%; height:100%; padding:0 4%;letter-spacing: -1px;color: #666666;}
.btn_compt{background:#000000;width: 100%; height: 45px; margin-top: 15px; color: #fff !important; font-weight: bold; text-align: center; line-height: 45px; font-size: 1.1rem;    margin-bottom: 10px;}
.closebtn2{width: 30px; height: 30px;display: inline-block; border: 0;float: right; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_header.png) -281px -4px; background-size: auto 38px;position:absolute;top:0;right:0;}
.prti{text-align: center; margin-top: 15px;font-size: 1.1rem; padding: 0 10px; margin-bottom:15px;letter-spacing: -1px; color:#333;}
.prti02{color:#2d5bb2; font-size:1rem; margin-top:15px; margin-bottom:30px; padding: 0 10px;}
.prti03{margin-bottom:30px; padding: 0 10px;}

/*옵션 선택 내역*/
.inbox .info_th {position: relative; padding: 11px 5px 10px 15px; font-size: 13px; line-height: 18px;color: #666;  border-top: 1px solid #ebedf0; overflow: hidden; background: #fff;}
.inbox .info_th { display: inline-block; position: absolute; left: 10px; color: #222; line-height: 35px;font-size: 14px;}
.inbox > li .info_cont { position: relative;margin-top: 5px; line-height: 10px; text-align: left;}
.inbox > li .ipbx {display: block;width: auto;letter-spacing: -1px;}
.inbox > li .ipbx>input {  height: 33px;width: 100%; border: #e9ecef 1px solid; text-indent: 5px; border-radius: 0;-webkit-appearance: none; letter-spacing: -1px;}
.check_option .opbx .numBx{display: inline-block; background: #ffffff;vertical-align: middle; margin-top:5px;}
.check_option .opbx .numBx .minus { width: 28px;height: 28px; border: 1px solid #c6c6c6; display: inline-block; position: relative;float: left;}
.check_option .opbx .numBx .minus:before {position: absolute;top: 50%; left: 50%; width: 14px; height: 1px; margin: -1px 0 0 -7px; background: #000;content: '';}
.check_option .opbx .numBx .num { width: 42px; height: 28px; border: 1px solid #c6c6c6; display: inline-block; margin-left: -1px; text-align: center;line-height: 24px; font-size: 15px; color: #000; -webkit-appearance: none; border-radius: 0; background: none;float: left;}
.check_option .opbx .numBx .plus { width: 28px; height: 28px;  border: 1px solid #c6c6c6;   display: inline-block;  margin-left: -1px; position: relative; float: left;}
.check_option .opbx .numBx .plus:before { position: absolute; top: 50%;left: 50%;width: 14px;height: 1px;  margin: -1px 0 0 -7px; background: #000;content: '';}
.check_option .opbx .numBx .plus:after { position: absolute;   top: 50%;left: 50%; width: 1px; height: 14px; margin: -7px 0 0 -1px; background: #000; content: '';}
.col_fo{font-size:0.95rem;}
.col_fo .col_cc{color:#fc1f1f;}
.col_fo  .qmark { width: 17px;height: 17px; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -322px -548px; background-size: 435px auto; display: inline-block;  vertical-align: text-top;}
#prddtl .add_wrap .chbxpo .checkbx{top: 7px;}
#prddtl .add_wrap .chbxpo{padding-top:6px; display:block;    border-top: 1px dotted #d6d6d6;padding-bottom: 5px;}
#prddtl .add_wrap .fir{border:0;border-top: 1px solid #d6d6d6;}
.ma_non{margin-bottom:0 !important;}
.adprice{color:#196fc6; font-weight:normal;}
.sel_500{margin-top: 5px; width: 100%; height: 38px;  background: #fff;  box-shadow: none; padding: 0 10px; letter-spacing: -1px; color: #666666; -webkit-border-radius: 0; -webkit-appearance: none; box-shadow: 0;
    -webkit-box-shadow: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px;}
.sel_500 > p{width: 100%; height: 38px;line-height:38px; box-shadow: none; letter-spacing: -1px; color: #666666; -webkit-border-radius: 0;-webkit-appearance: none;box-shadow: 0; -webkit-box-shadow: 0; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }

/*상품리스트*/
#prddtl .add_wrap .item_wrap > a{background:#eee;}
#prddtl .add_wrap .item_wrap ul li .list_item .thumbBO{ border:0;}
#prddtl .add_wrap_inner{overflow-y: auto; height: max-content; max-height: 650px;  margin-top: 10px;}
#prddtl .add_wrap .opbxnone{margin:0 !important;}
#prddtl .add_wrap .opbx >li.bgnone{background:#fff;}
#prddtl .add_wrap .ma_n > li{border: unset;border-bottom: #e7e7e7 1px solid; margin:0;padding: 5px 10px 10px 10px;}
.check_option .btbx > li{min-width: 5rem; padding: 0 2%; border:1px solid #e7e7e7; font-size:14px;display: inline-block;     margin: 10px 0 0 5px;    text-align: center;    height: 36px; line-height: 36px;}
.check_option .btbx > li > a{width: 100%; display: block !important; background:#fff;}
.check_option .btbx > li.on >a{background:#fff !important; color:#333 !important;}
.check_option .btbx > li:first-child{margin-left:10px ;}
.check_option .btbx > li.on{border:1px solid #333 !important; color:#333;}
#prddtl .add_wrap .addbx{margin:10px 0px 0 0px !important;}

@media (max-width:320px) {
	#prddtl .add_wrap_inner{    max-height: 140px;}
	.border_bx{    max-height: 178px !important;}
	.btn_option_close2{margin-top:-50px;}
}
@media (min-width:321px) and (max-width:399px) {
	#prddtl .add_wrap_inner{max-height: 190px;}
	.border_bx{max-height: 177px !important;}
	.btn_option_close2{margin-top:-50px;}
}
@media (min-width:400px) and (max-width:480px) {
	#prddtl .add_wrap_inner{max-height: 280px;}
	.border_bx{ max-height: 180px !important;}
	.btn_option_close2{margin-top:-50px;}
}
@media (min-width:481px) and (max-width:780px) {
	.btn_option_close2{margin-top:-50px;}
}

@media all and (min-width:768px) and (max-width:859px){
	#prddtl .add_wrap_inner{ max-height: 310px;}
	.border_bx{max-height: 170px !important;}
	#prddtl .add_height{max-height:50px;}
}

@media all and (min-width:860px){
	#prddtl .add_wrap_inner{max-height: 540px;}
	.border_bx{max-height: 168px !important;}
	#prddtl .add_height{max-height:50px;}
}
#prddtl .add_wrap .item_wrap02 > a:before{background:unset;}
#prddtl .add_wrap .item_wrap02 .clsbtn{display: inline-block; position: absolute;top: 0; right: 0;background: transparent;}
#prddtl .add_wrap .item_wrap02 .clsbtn .close_btn {display: inline-block; position: relative;width: 18px; height: 18px;}
#prddtl .add_wrap .item_wrap02 .clsbtn .close_btn:before {content: ''; position: absolute;left: 50%; top: 50%; width: 1px; height: 20px; margin: -11px 0 0 0;background: #666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#prddtl .add_wrap .item_wrap02 .clsbtn .close_btn:after {content: '';position: absolute; left: 50%; top: 50%; width: 1px; height: 20px; margin: -11px 0 0 0;  background: #666; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 20px; height: 1px; margin: -1px 0 0 -10px;}
#prddtl .add_wrap .item_wrap > a.font_size_L{font-size: 1.15rem;}
#prddtl .add_wrap .wrap_it{position:relative;}
#prddtl .add_wrap .item_wrap02 .clsbtn .it_bar{display:inline-block; width:1px; height:18px; background:#c5c5c5;margin-right: 7px;}
#prddtl .add_wrap .item_wrap02 ul li{border-bottom: #eeeeee 1px solid !important;}
#prddtl .add_wrap .item_wrap03 ul li{padding:10px;}
#prddtl .add_wrap .item_wrap03 ul li .list_item{padding:5px 5px 0 5px;  min-height:25px;}
#prddtl .add_wrap .item_wrap03 ul li .name_c{color:#2d5bb2; }

 /*옵션 개편 :: 버튼*/
.bo_bt{border-bottom: 1px solid #e7e7e7;}
.bo_bt02{border:0;}
.check_option .addbx > li { background:#fff !important;border:0 !important; padding:2px 10px !important;}
.check_option .addbx > li > .titT > .tits_01{ color:#666666;    font-weight: normal; font-size: 0.9rem; }
#prddtl .add_wrap .addbx > li .close_btn{position:relative; top:-0.6rem; right:0.3rem;}
#prddtl .add_wrap .addbx > li .close_btn:before{content: ''; position: absolute;left: 50%; top: 50%;width: 1px;height: 17px;margin: -9px 0 0 0; background: #000; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(90deg);}
#prddtl .add_wrap .addbx > li .close_btn:after{content: ''; position: absolute; left: 50%;top: 50%;width: 1px; height: 20px; margin: -11px 0 0 0; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(90deg);  width: 17px;height: 1px; margin: -1px 0 0 -8px;}
#prddtl .add_wrap .addbx > li .extend .close_btn:after{display:none;}
.check_option .addbx > li > .titT > .tits_02{ color:#3e74d9;    font-weight: normal; font-size: 0.9rem; border:1px solid #3e74d9; padding: 0.1rem 0.35rem;  border-radius: 3px; margin-left:0.3rem; }
.border_bx{  max-height: 220px; overflow: scroll; height: max-content; width: 100%; background: #fff; border-top: 1px solid #dbdbdb;}
#prddtl .add_wrap .Mnon{padding:0; width:100%;}
#prddtl .add_wrap .Snon{color:#666;    padding: 5px 0 5px 20px;font-size: 0.95rem;}
#prddtl .add_wrap .Snon .arr:before{  content: ''; position: absolute;left: 9px; top:10px;width: 1px;height: 9px;margin: 0 0 0 0; background: #666; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(90deg);}
#prddtl .add_wrap .Snon .arr:after{content: ''; position: absolute; left:1px;top: 10px; margin: -11px 0 0 0; background: #666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(90deg);  width: 9px;height: 1px; margin:0;}

/*옵션개편 사양변경 :: 카운트박스 // 추천조립 좌측 레이어*/
.prdname02 .prod_name_03 .numBx { display: block; background: #ffffff; vertical-align: middle; margin-top: 0.5rem;    position: relative; }
.prdname02 .prod_name_03 .numBx .minus {  width: 20px;height: 20px; border: 1px solid #c6c6c6; display: inline-block; position: relative; float: left;}
.prdname02 .prod_name_03  .numBx .minus:before { position: absolute;top: 50%;left: 50%; width: 14px;  height: 1px; margin: -1px 0 0 -7px; background: #000; content: '';}
.prdname02 .prod_name_03 .numBx .num { width: 35px; height: 20px; border: 1px solid #c6c6c6; display: inline-block;margin-left: -1px;text-align: center; line-height: 24px;font-size: 15px;  color: #000; -webkit-appearance: none;border-radius: 0; background: none; float: left;}
.prdname02 .prod_name_03 .numBx .plus { width: 20px;height:20px;border: 1px solid #c6c6c6;  display: inline-block; margin-left: -1px; position: relative;  float: left;}
.prdname02 .prod_name_03 .numBx .plus:before {position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; margin: -1px 0 0 -7px; background: #000; content: '';}
.prdname02 .prod_name_03 .numBx .plus:after { position: absolute; top: 50%; left: 50%; width: 1px; height: 14px;margin: -7px 0 0 -1px; background: #000;content: '';}

/*옵션개편 사양변경 썸네일영역*/
#prdsrch_lyr .filter_lst .lst_h {display: flex; justify-content: space-between; align-items: center; width:auto; height:unset; line-height:unset; padding:17px 0 15px; position:unset;}
#prdsrch_lyr .filter_lst .lst_h p {padding-left:15px;}
#prdsrch_lyr .filter_lst .lst_h .close {right:14px;}
.prdname02{padding:15px 10px !important;}
.prod_name_02 {margin-bottom:15px;}
.prdname02 .prod_name_03{display: flex; align-items:flex-start; gap:10px; margin-bottom:15px;}
.prdname02 .prod_name_03 .prod_t_01 {width:65px; height:65px;}
.prdname02 .prod_name_03 > a {display: block; min-height: 50px;padding: 0 0 0 60px; position: relative;}
.prod_t_01 > a.list_item .thumbBO{ display:inline-block; width:65px; height:65px; border-radius: 5px; position:relative; box-sizing:border-box; overflow:hidden;}
.prod_t_01 > a.list_item .thumbBO::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.06); position:absolute; top:0; left:0;}
.prod_t_01 > a.list_item .thumbBO >img {display:block; width:100%; height:100%;}
#prdsrch_lyr.RecomPrdDetailViewLayer .rgt_area {width:calc(100% - 75px);}
#prdsrch_lyr.RecomPrdDetailViewLayer .rgt_area .name {height:38px; margin-bottom:2px; line-height:19px; font-size:14px; font-family:'noto-R'; color:#3a3a3a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
#prdsrch_lyr.RecomPrdDetailViewLayer .rgt_area .name b {color:#0D6DE3; font-weight:normal;}
#prdsrch_lyr.RecomPrdDetailViewLayer .rgt_area .flex {display: flex; justify-content: space-between;}
#prdsrch_lyr.RecomPrdDetailViewLayer .rgt_area .price{ display:block; font-size:1rem; color:#666; font-size:16px; font-family:'spoqa M'; font-weight: bold; color:#3a3a3a;}
.mo_btn{display:block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_rightbtn.png') center center/contain no-repeat; transform:rotate(90deg); transition:all 0.2s;}
.mo_btn.on {transform:rotate(270deg);}
#prdsrch_lyr.RecomPrdDetailViewLayer .rgt_area .support {width:100%; height:35px; line-height:35px; background:#F9F9F9; color:#0D6DE3; position:absolute; bottom:0; left:0; }
#prdsrch_lyr.RecomPrdDetailViewLayer .filter_lst {width:calc(100% - 40px); margin-top:20px; border-radius: 20px 0 0 0; padding:0; box-sizing: border-box; overflow:hidden;}
#prdsrch_lyr .filter_lst .prdlst {padding:0; margin-top:15px; overflow:hidden;}
#prdsrch_lyr .filter_lst .prdlst .prddtl {width:calc(100% - 30px); margin:15px 15px 0; padding:15px 15px 0; border:1px solid #D8D8D8; border-radius: 15px; box-sizing: border-box; position:Relative;}
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdimg {padding:0; background:none; border:none; font-size:14px; font-family:'noto-M'; color:#3A3A3A;}
#prdsrch_lyr .filter_lst .prdlst .non_b_1 {width:100%; border:0; margin:15px 0 0; padding:15px 15px 250px; border-top:8px solid #f2f2f2; border-radius: 0; height:calc(100vh - 150px); overflow-y:auto;}
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdnone01{border-bottom:none; margin:15px 0; padding:0!important;}
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdnone01 .clearbtn {height:24px; line-height:22px; padding:0 13px; border-radius: 12px; background:#F9F9F9; box-sizing: border-box; position:absolute; top:15px; right:15px;}
#prdsrch_lyr .filter_lst .prdlst .prddtl .prdnone01 .clearbtn span {font-size:12px; font-family:'맑은고딕'; font-weight: normal; color:#949494;}
#prdsrch_lyr .filter_lst .prdlst .non_b_1 .prdnone01 {border-bottom:none; margin:0 0 12px; border:1px solid transparent; outline: 1px solid #d8d8d8; border-radius: 10px; padding:15px 15px 0!important; box-sizing: border-box; overflow:hidden;}
#prdsrch_lyr .filter_lst .prdlst .non_b_1 .prdnone01 .support {display: block; width:calc(100% + 30px); height:35px; margin-left:-15px; line-height:35px; background:#F9F9F9; text-align: center; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#0D6DE3;}
#prdsrch_lyr .filter_lst .prdlst .prddtl .bor_11 {outline:2px solid #0D6DE3;}
#prdsrch_lyr .btn_area {width:calc(100% - 30px); position:absolute; bottom:20px; left:15px; margin:0 0 20px!important;}
#prdsrch_lyr .btn_area::before {content:''; width:calc(100% + 30px); height:120px; background:linear-gradient(to top, #fff 66%, transparent); position:absolute; bottom:-20px; left:-15px; z-index:0;}
#prdsrch_lyr .btn_area a {width:100%; height:52px; background: #0D6DE3; color:#fff; line-height:50px; border-radius:10px; text-align: center; font-size:16px; font-family:'noto-M'; font-weight: normal; position:relative;}
.no_product .no_pro {display: block; color:#6c6c6c; padding:35px 0 20px; text-align:center; box-sizing: border-box; font-size:14px; font-family:'noto-R';}

/*옵션개편 사양변경 셀렉트박스*/
.sel_prod01{width:100%; position:relative; border-top:1px solid #d8d8d8;}
.sel_prod01 .name01 {display:block; width:100%; margin-bottom:5px; padding-top:15px; font-size:13px; font-family:'맑은고딕'; font-weight: normal; color:#3a3a3a;}
.sel_prod01 .if01{width: 100%; display: flex; align-items: center; gap:5px; font-size: 14px; vertical-align: top; position: relative; margin-bottom:10px;}
.sel_prod01 .if01 .score {display: inline-block;}
.sel_prod01 .if01 .score span.avgDetail_starN {display: inline-block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/mypage22/post_star23.svg') center center/contain no-repeat; filter:invert(30%) sepia(100%) saturate(453%) hue-rotate(359deg) brightness(100%) contrast(100%);}
.sel_prod01 .if01 .txtR01 {display: flex; align-items: center; gap:10px; font-family:'spoqa M';}
.sel_prod01 .if01 .txtR01 .bar {width:1px; height:10px; background:#d8d8d8; }
.prodgobtn{display: block; width:100%; height:35px; line-height:33px; text-align: center; border:1px solid #DBDBDB; border-radius: 5px; font-size:14px; font-family:'noto-M'; font-weight: normal; color:#3A3A3A; margin-bottom:15px;}
.info_btmbtn2{background:#0D6DE3 !important; color:#fff !important; margin-bottom:5rem !important;}
/*옵션개편 ::  구매하기 영역*/
.opt_selbx{margin-top:5px; border:0;}
.opt_numBx{display:inline-block; float:left; margin-top:0 !important;}
/*변경 가능 상품 없음*/
.non_pd_1{font-size:1rem; color:#666; text-align:center;}
/*구매하기 버튼*/
.buy_button_area2 .btn_cart{width:15%;}
.buy_button_area2 .btn_Npay{width:25%;}
.buy_button_area2 .btn_buy{width:30%;}
.buy_button_area2 .btn_chng{background:#fff; color:#000;}
@media (max-width:320px) {
	#prdDesc .info_prd .tbbox > dl dd.rebtn:after{right: -5px !important;}
	}
@media (min-width:321px) and (max-width:399px) {
	#prdDesc .info_prd .tbbox > dl dd.rebtn:after{right: -5px !important;}
	}
@media all and (min-width:768px) and (max-width:859px){
	#prdDesc .info_prd .tbbox > dl dd.rebtn:after{right: 20% !important;}}
@media all and (min-width:860px){
	#prdDesc .info_prd .tbbox > dl dd.rebtn:after{right: 23% !important;}}
/*옵션개편 인기추가상품 영역 // 추천조립 좌측 레이어 */
.opt_ati{display: block; text-align: center; margin:0.5rem 0 1rem 0;}
.tabmn > ul li{width:20%;}
.btn_comm2:after{width:15px; height:15px; background:red; display:inline-block;    transform: unset; background:url(//image5.compuzone.co.kr/img/images/product/cmn_aside5.png) no-repeat center top; background-size:15px; border:0;margin-left: 5px;}

/*모바일 로더*/
.loader {display: inline-flex; align-items: center; justify-content: center; position: fixed; top:0; width:100%; height:100%;}
.loader div {width:38px; height:38px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.30);}
.loader div img {width:100%;}

/*모바일 상품 리스트 결과 없음 안내*/
.no_search {text-align: center; font-size: 14px; font-family: 'noto-R'; color: #959595;}
.no_search:before {content:''; display:block; margin: 0 auto; width:42px; height:42px; background: url('//image5.compuzone.co.kr/img/images/mypage21/mo_exclamation_big.png'); background-size: auto 42px; background-position: 0px 0px;}

/* 공통 태그 아이콘*/
.tagicon span.tag_dry {color:#d95927; border-color:#d95927;}
.tagicon span.tag_new { color:#6464d0; border-color:#6464d0;}
.tagicon span.tag_sale {color:#ff4a4a; border-color:#ff4a4a;}
.tagicon span.tag_time {color:#249f78; border-color:#249f78;}
.tagicon span.tag_busnis {color:#135EBA; border-color:#135EBA;}
@media (max-width:320px) {
	* {font-size:13px;}
	.hd_banner_close { right: 48px; width: 34px; height: 100%;  background-position:10px 9px;  background-size: 15px 15px;}
	.prddtl_area .prd_thumb { height:380px !important;}
}
@media (min-width:321px) and (max-width:399px) {
	.prddtl_area .prd_thumb { height:380px !important;}
}

/* AMD 팝업 20200212 */
/*PC주요부품안내_아이웍스모바일*/
#amd.order_read_popup{position:absolute; top:100px; left:50%; transform:translateX(-50%); width:100%; max-width:80%; margin:0 auto; background:#fff;}
#amd.order_read_popup .title{position:relative; padding:0 8%; height:15vw; }
#amd.order_read_popup .title h2{height:100%; line-height:16vw; font-size:4vw; color:#333; border-bottom:1px solid #000; box-sizing:border-box;}
#amd.order_read_popup .title .x_btn{position:absolute; right:8%; top:50%; transform:translateY(-50%); width:4.7vw; height:4.7vw;}
#amd.order_read_popup .title .x_btn a{position:relative; display:block; width:4.7vw; height:4.7vw;}
#amd.order_read_popup .title .x_btn a:before{content:""; margin-top:2vw; display:block; transform:rotate(45deg); width:100%; height:1px; background:#000;}
#amd.order_read_popup .title .x_btn a:after{content:""; margin-top:-0.13vw; display:block; transform:rotate(-45deg); width:100%; height:1px; background:#000;}
#amd.order_read_popup .popup_content{padding:0 7.1vw 8%; margin-top:4.7vw;}
#amd.order_read_popup .popup_content h3{font-size:3.5vw; color:#4e4e4e; font-weight:normal; word-break:break-all;}
#amd.order_read_popup .popup_content .option_list{width:100%; margin-top:4.7vw; max-height:75.31vw; overflow-x:hidden;}
#amd.order_read_popup .popup_content .option_list li:first-child{ border-top:1px solid #ccc; }
#amd.order_read_popup .popup_content .option_list li{border:1px solid #ccc; text-align:center; border-top:none; }
#amd.order_read_popup .popup_content .option_list li.option_title{height:10vw; line-height:10vw; background-color:#efefef; color:#333; font-size:4vw; }
#amd.order_read_popup .popup_content .option_list li.option_text{display:table; width:100%; height:13vw; box-sizing:border-box;}
#amd.order_read_popup .popup_content .option_list li.option_text > div{display:table-cell; vertical-align:middle; font-size:3vw; color:#535353;}
#amd.order_read_popup .popup_content .option_list li.option_text .option_text_info{text-align:left; padding:0 5%; width:87%;   border-right:1px solid #ccc;}
#amd.order_read_popup .popup_content .option_list li.option_text .option_text_count{width:13%;}
#amd.order_read_img .popup_content .option_list li.option_text{height:17vw;}
#amd.order_read_img .popup_content .option_list li.option_text .option_text_info{width:63%;}
#amd.order_read_img .popup_content .option_list li.option_text .option_img{width:24%; border-right:1px solid #ccc;}
#amd.order_read_img .popup_content .option_list li.option_text .option_img img{display:inline-block; max-width:100%; max-height:100%;}
/* 가격변동안내 popup */
#amd.order_price_ch .popup_content{margin-top:2.7vw;}
#amd.order_price_ch .popup_content h3{font-size:3.5vw;}
#amd.order_price_ch .popup_content > p{margin-top:2.7vw; text-decoration: underline}
#amd.order_price_ch .popup_content .option_list{margin-top:1.5vw;}
#amd.order_price_ch .popup_content .option_list li.option_text .option_img{width:13%; border-right:1px solid #ccc; }
#amd.order_price_ch .popup_content .option_list li.option_text .option_img img{vertical-align:middle; text-align:center; display:inline-block; max-width:100%; max-height:100%;}
#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info{width:86%; border-right:none;}
#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info > p{margin-top:0.5vw; font-size:3.5vw; font-weight:bold; color:#ff5555;}
#amd.order_price_ch .popup_content .option_list li.option_text{height:18vw;}
#amd.order_price_ch .popup_content .check_text{margin-top:2vw; font-size:3.5vw;}
#amd.order_price_ch .check_btn{display:table; width:100%; height:10vw; border-top:1px solid #ccc;}
#amd.order_price_ch .check_btn a{display:table-cell; width:50%; text-align:center; vertical-align:middle; background-color:#f5f5f5; font-size:3.5vw;}
#amd.order_price_ch .check_btn a + a{border-left:1px solid #ccc; }
#amd.order_price_ch .popup_content .option_list{max-height:40vw;}
@media all and (min-width:321px) and (max-width:520px){
	#amd.order_read_popup{max-width:80%;}
}
@media all and (min-width:521px) and (max-width:767px){
	#amd.order_read_popup{max-width:80%;}
	#amd.order_read_popup .title{height:70px;}
	#amd.order_read_popup .title h2{line-height:70px; font-size:20px;}
	#amd.order_read_popup .title .x_btn a{width:25px; height:25px;}
	#amd.order_read_popup .popup_content h3{font-size:16px;}
	#amd.order_read_popup .popup_content .option_list{max-height:47vw;}
	#amd.order_read_popup .popup_content .option_list li.option_title{height:50px; line-height:50px; font-size:18px;}
	#amd.order_read_popup .popup_content .option_list li.option_text{height:60px;}
	#amd.order_read_popup .popup_content .option_list li.option_text > div{font-size:15px;}
	/* 가격변동안내 popup */
	#amd.order_price_ch .popup_content .option_list li.option_text .option_img{width:17%;}
	#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info{width:83%; font-size:16px;}
	#amd.order_price_ch .popup_content h3{font-size:15px;}
	#amd.order_read_popup .popup_content .option_list li.option_text{height:85px;}
	#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info > p{font-size:15px;}
	#amd.order_read_popup .popup_content .check_text{font-size:15px;}
	#amd.order_price_ch .popup_content .option_list{max-height:40vw;}
	#amd.order_price_ch .check_btn a{font-size:3vw;}
}
@media all and (min-width:768px) and (max-width:859px){
	#amd.order_read_popup{max-width:750px;}
	#amd.order_read_popup .title{height:90px; padding:0 30px;}
	#amd.order_read_popup .title h2{line-height:90px; font-size:20px;}
	#amd.order_read_popup .title .x_btn{position:absolute; right:30px; top:50%; transform:translateY(-50%); width:30px; height:30px;}
	#amd.order_read_popup .title .x_btn a{width:30px; height:30px;}
	#amd.order_read_popup .title .x_btn a:before{margin-top:15px;}
	#amd.order_read_popup .popup_content{margin-top:40px; padding:0 30px 30px;}
	#amd.order_read_popup .popup_content h3{font-size:16px;}
	#amd.order_read_popup .popup_content .option_list{margin-top:40px; max-height:47vw;}
	#amd.order_read_popup .popup_content .option_list li.option_title{height:73px; line-height:73px; font-size:18px; }
	#amd.order_read_popup .popup_content .option_list li.option_text{height:90px;}
	#amd.order_read_popup .popup_content .option_list li.option_text .option_text_info{padding:0 30px;}
	#amd.order_read_popup .popup_content .option_list li.option_text > div{font-size:15px; }
	#amd.order_price_ch .popup_content .option_list{margin-top:10px; max-height:24vw;}
	#amd.order_price_ch .popup_content .check_text{font-size:16px;}
	#amd.order_price_ch .check_btn a{font-size:16px;}
}
@media all and (min-width:860px) and (max-width:1365px){
	#amd.order_read_popup{top:110px; max-width:750px;}
	#amd.order_read_popup .title{height:90px; padding:0 30px;}
	#amd.order_read_popup .title h2{line-height:90px; font-size:20px;}
	#amd.order_read_popup .title .x_btn{position:absolute; right:30px; top:50%; transform:translateY(-50%); width:30px; height:30px;}
	#amd.order_read_popup .title .x_btn a{width:30px; height:30px;}
	#amd.order_read_popup .title .x_btn a:before{margin-top:15px;}
	#amd.order_read_popup .title .x_btn a:after{margin-top:-1px;}
	#amd.order_read_popup .popup_content{margin-top:30px; padding:0 30px 30px;}
	#amd.order_read_popup .popup_content h3{font-size:16px;}
	#amd.order_read_popup .popup_content .option_list{margin-top:30px; max-height:400px;}
	#amd.order_read_popup .popup_content .option_list li.option_title{height:65px; line-height:65px; font-size:18px; }
	#amd.order_read_popup .popup_content .option_list li.option_text{height:75px;}
	#amd.order_read_popup .popup_content .option_list li.option_text .option_text_info{padding:0 30px;}
	#amd.order_read_popup .popup_content .option_list li.option_text > div{font-size:15px; }
	/* 가격변동안내 popup */
	#amd.order_price_ch .popup_content .option_list{max-height:200px; margin-top:10px;}
	#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info{font-size:16px;}
	#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info > p{margin-top:10px; font-size:16px;}
	#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info > p > span{font-size:18px;}
	#amd.order_price_ch .popup_content .check_text{font-size:18px;}
	#amd.order_price_ch .check_btn{height:70px;}
	#amd.order_price_ch .check_btn a{font-size:18px;}
	#amd.order_price_ch .check_btn a{font-size:16px;}
}
@media all and (min-width:1366px){
	#amd.order_read_popup{top:110px; max-width:750px;}
	#amd.order_read_popup .title{height:90px; padding:0 30px;}
	#amd.order_read_popup .title h2{line-height:90px; font-size:20px;}
	#amd.order_read_popup .title .x_btn{position:absolute; right:30px; top:50%; transform:translateY(-50%); width:30px; height:30px;}
	#amd.order_read_popup .title .x_btn a{width:30px; height:30px;}
	#amd.order_read_popup .title .x_btn a:before{margin-top:15px;}
	#amd.order_read_popup .title .x_btn a:after{margin-top:-1px;}
	#amd.order_read_popup .popup_content{margin-top:30px; padding:0 30px 30px;}
	#amd.order_read_popup .popup_content h3{font-size:18px;}
	#amd.order_read_popup .popup_content .option_list{margin-top:30px; max-height:400px;}
	#amd.order_read_popup .popup_content .option_list li.option_title{height:65px; line-height:65px; font-size:18px; }
	#amd.order_read_popup .popup_content .option_list li.option_text{height:75px;}
	#amd.order_read_popup .popup_content .option_list li.option_text .option_text_info{padding:0 30px;}
	#amd.order_read_popup .popup_content .option_list li.option_text > div{font-size:15px; }
	/* 가격변동안내 popup */
	#amd.order_price_ch .popup_content .option_list{max-height:200px; margin-top:10px;}
	#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info{font-size:16px;}
	#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info > p{margin-top:10px; font-size:16px;}
	#amd.order_price_ch .popup_content .option_list li.option_text .option_text_info > p > span{font-size:18px;}
	#amd.order_price_ch .popup_content .check_text{font-size:18px;}
	#amd.order_price_ch .check_btn{height:70px;}
	#amd.order_price_ch .check_btn a{font-size:16px;}
}

/* 직배송 변경 팝업 200416 */
#pop_box.bdeli_pop .inner_bnr{padding:30px 20px; max-width:500px; margin:0; transform:translate(-50%,-50%);}
.bdeli_pop .titlebar{position:relative; }
.bdeli_pop .titlebar .titletxt{padding-top:20px; font-family:noto-B; color:#232323; line-height:1.4; text-align:center;}
.bdeli_pop .layer_pop .sub_text{margin:30px 0; font-size:18px; color:#4f4f4f; text-align:center;}
.bdeli_pop .closebtn{position:absolute; right:0; top:-5px; width:20px; height:20px; z-index:100; font-size:0;}
.bdeli_pop .closebtn:before , .bdeli_pop .closebtn:after{content:""; display:inline-block; position:Absolute; left:0; top:10px; width:20px; height:1px; background-color:#232323;}
.bdeli_pop .closebtn:before{transform:rotate(45deg);}
.bdeli_pop .closebtn:after{transform:rotate(-45deg);}
@media all and (max-width:750px) {
	#pop_box.bdeli_pop .inner_bnr{max-width:70%;}
	.bdeli_pop .titlebar .titletxt{font-size:3.66vw;}
	.bdeli_pop .layer_pop .sub_text{margin:4vw 0; font-size:3vw;}
	.layer_pop .btn_area button{padding:2vw 0;}
}
/*배송 구매수량 관련 팝업 200416*/
.bdeli_pop .layer_pop{padding:50px 25px; overflow:hidden;}
.bdeli_pop .layer_pop .check_btn{width:100%; margin-top:20px;}
.bdeli_pop .layer_pop .check_btn > a{float:left; display:inline-block; padding:10px 0; font-size:15px; width:calc(100% / 2); border:1px solid #ccc; color:#000; box-sizing:border-box;}
.bdeli_pop .layer_pop .check_btn > a.bk{border: 1px solid #000; background-color:#000; color:#fff;}
@media all and (max-width:360px) {
	.bdeli_pop .layer_pop .title{font-size:5vw;}
}
.bdeli_pop .bdeli_w{max-height:250px; overflow-y:auto;}
.bdeli_pop .layer_pop .title{border:none; margin-bottom:25px; padding-bottom:0;}
.bdeli_pop .layer_pop .text_box{margin-bottom:0; padding:10px; display:table; width:100%; text-align:left; color:#232323; letter-spacing:0;  border-right:none; border-bottom:none;  box-sizing:border-box; }
.bdeli_pop .layer_pop .text_box > div{display:table-cell;}
.bdeli_pop .layer_pop .text_box .text_TboxImg{width:80px; height:80px; overflow:hidden;}
.bdeli_pop .layer_pop .text_box .text_TboxImg span{position:relative; display:inline-block; width:80px; height:80px; overflow:hidden;}
.bdeli_pop .layer_pop .text_box .text_TboxImg img{position:absolute; left:50%; top:50%; transform:translate(-50% , -50%); max-width:100%; max-height:100%; }
.bdeli_pop .layer_pop .text_box .text_TboxTxt{padding-left:15px; vertical-align:middle;}
.bdeli_pop .layer_pop .text_box .text_TboxTxt > h4{font-size:15px; color:#333; letter-spacing:-1px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.bdeli_pop .layer_pop .bdeli_infoTxt{margin:0; padding:15px 0;  font-size:18px; color:#333; line-height:1; font-family:'noto-M'; text-align:center; border-bottom:1px solid #dbdddf; word-break:keep-all;}
.bdeli_pop .layer_pop .bdeli_infoTxt > span{display:inline-block; color:#3879cd; font-weight:bold; letter-spacing:-2px; }
.bdeli_pop .layer_pop .btn_area{font-size:15px; overflow:hidden;}
/*배송구매수량 장바구니 안내문구*/
@media all and (max-width:750px) {
	.bdeli_pop .layer_pop{padding:35px 20px;}
	.bdeli_pop .layer_pop .title{margin-bottom:20px; font-size:17px; font-family:'noto-B'; font-weight:bold;}
	.bdeli_pop .layer_pop .bdeli_w{max-height:57.333vw;}
	.bdeli_pop > .layer_pop > .text_box{padding:15px 10px; }
	.bdeli_pop > .layer_pop > .text_box .text_TboxTxt {padding-left:4vw;}
	.bdeli_pop .layer_pop .bdeli_infoTxt{ font-size:16px;}
	.bdeli_pop .layer_pop .bdeli_infoTxt > span{letter-spacing:-1px;}
}
@media all and (max-width:340px) {
	.bdeli_pop .layer_pop .title{font-size:14px;}
	.bdeli_pop .layer_pop .bdeli_w{max-height:68vw;}
	.bdeli_pop .layer_pop .text_box .text_TboxTxt > h4{font-size:13px;}
	.bdeli_pop .layer_pop .bdeli_infoTxt{font-size:14px;}
}

/* 상품선택 > 재입고 버튼 */
#prddtl .add_wrap .item_wrap ul li.sold_out {opacity: 1; background: #f6f6f6;}
#prddtl .add_wrap .item_wrap ul li.sold_out .thumb,
#prddtl .add_wrap .item_wrap ul li.sold_out .name,
#prddtl .add_wrap .item_wrap ul li.sold_out .price  {opacity: 0.6;}
#prddtl .add_wrap .item_wrap ul li .list_item .price_wrap {padding-top: 5px; height: 22px; display: flex; justify-content: flex-end; gap: 4px;}
#prddtl .add_wrap .item_wrap ul li .list_item .price_wrap .flex {display: flex; gap:4px;}
#prddtl .add_wrap .item_wrap ul li .list_item .price { font-weight: bold; display: inline-block; vertical-align: middle;}
#prddtl .add_wrap .item_wrap ul li .list_item .return_order_btn { font-weight: bold; display: inline-block; height: 20px; padding:0 8px; border:1px solid #ff5555; background: #fff; color: #ff5555; vertical-align: middle; float: right; font-size: 11.5px; line-height: 19.5px; text-align: center; font-family: "spoqa R";}
#prddtl .add_wrap .item_wrap ul li .list_item .similar_btn { font-weight: bold; display: inline-block; height: 20px; padding:0 8px; border:1px solid #0D6DE3; background: #fff; color: #0D6DE3; vertical-align: middle; float: right; font-size: 11.5px; line-height: 19.5px; text-align: center; font-family: "spoqa R";}
#prddtl .add_wrap .item_wrap ul li .list_item .return_order_btn > i { width: 12px; height: 12px; display: inline-block; background:url(//image5.compuzone.co.kr/img/images/product_detail/return_order_200520.png) 42px 0; background-size: 74px; vertical-align: -2px;}

/* 옵션상품 레이어 얼럿 200605  */
#new_option_alert {position: fixed; left: 50%; transform: translateX(-50%); width: 88%; max-width: 324px; height: 88px; z-index: 10000; background: rgba(0,0,0,0.8); border-radius: 15px;}
#new_option_alert.pd_page {bottom: 107px;}
#new_option_alert.bsk_page {bottom: 188px;}
#new_option_alert p.noa_text {width: 100%; color: #fff; font-size: 14px; font-family: "spoqa M"; line-height: 20px; text-align: center; letter-spacing: -0.2px; position: absolute; top:50%; transform: translateY(-50%);}

/* 200610  버튼 옵션에 재입고 추가 CSS */
.check_option .btbx {overflow: hidden; width: calc( 100% - 20px ); margin-left: 10px; text-align: center;}
.check_option .btbx > li{ min-width: 32%; padding: 0; border: 0; margin: 0; height: 45px; position: relative;}
.check_option .btbx > li:first-child {margin-left: 0;}
.check_option .btbx > li {float: left; margin-right: 1.2vw;}
.check_option .btbx > li > a{ width: calc( 100% - 5px ); height: 38px; box-sizing: border-box;  padding: 10px 0; text-align: center; display: inline-block; background:#fff; font-size: 14px; line-height: 14px; font-family: "spoqa M"; color: #3b3b3b; position: absolute; left: 0; bottom: 0; border:1px solid #d9d9d9;}
.check_option .btbx > li.on > a {background:#fff !important; color:#3b3b3b !important;}
.check_option .btbx > li.on {border: 0 !important; }
.check_option .btbx > li.sold_out > a {color: #a0a0a0; background:#f2f2f2;}
.retrun_order_info {margin: 10px 0 10px 10px; height: 22px; font-size: 13px; color:#3b3b3b; line-height: 22px; font-family: "spoqa M";}
.retrun_order_info .retrun_order_circle_btn {vertical-align: top; cursor: default; margin-right: 5px; position: relative; }
.retrun_order_circle_btn {width: 22px; height: 22px; border:1px solid #ff5555; border-radius: 50%; display: inline-block; box-sizing: border-box; background: #fff; cursor: pointer; position: absolute; top: 0; right: 0;}
.retrun_order_circle_btn .return_order_bell_img {margin: 4px 4px 4px 3.5px; background:url(//image5.compuzone.co.kr/img/images/product_detail/return_order_200520.png) 42px 0; background-size: 72px; width: 13px; height: 12px; display: block;}
#contents .pdtl_row_top .pdtl_col_rgt .opt_Box .sold_out .retrun_order_circle_btn {position: absolute; top: 0; right: 7px;}
@media all and (max-width: 340px) {
	.check_option .btbx > li > a{ font-size: 13px;}
}
@media all and (min-width: 500px) {
	.check_option .btbx {text-align: left;}
	.check_option .btbx > li{ min-width: 149px; float: left; margin-right: 10px;}
}
#prddtl .add_wrap .item_wrap ul li.sold_out > a {position: relative;}
#prddtl .add_wrap .item_wrap ul li.sold_out .name { width: calc( 100% - 32px ); display: inline-block; line-height: 1.2; word-break: break-all; }
#prddtl .add_wrap .item_wrap ul li.sold_out > a > .retrun_order_circle_btn {position: absolute; top: 50%; transform: translateY(-50%);}
/* 200610  버튼 옵션에 재입고 추가 CSS */

/* 구해줘 견적 200624 */
.est_paybak{margin-top:3px; color:#000; font-size:14px; font-family: "spoqa M";}
.est_paybak > em{display:inline-block; margin-right:5px; color:#008dd6;}
.est_paybakRe{margin:-15px 0 10px;}

/* amd 배너 200717  */
.bnr_bottom_are {position: fixed; left: 50%; transform: translateX(-50%); width: 88%; max-width: 324px; z-index: 99; background: rgba(0,0,0,0.8); border-radius: 15px; bottom: 107px; padding: 17px;}
.bnr_bottom_are p.noa_text {width: 90%; color: #fff; font-size: 17px; font-family: "spoqa M"; line-height: 17px; letter-spacing: -0.2px; text-align: left; display: inline-block; cursor: pointer;}
.bnr_bottom_are p.noa_text > span { color: #ff8a32; font-size: 17px; font-family: "spoqa M"; line-height: 17px; letter-spacing: -0.2px;}
.bnr_bottom_are svg { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); cursor: pointer;}

/* 카테고리 */
.tagicon{float:left;}
.prd_ccTit{padding-bottom: 2px;font-size: 13px;font-weight:bold;}

/*배송유형 필터기능 200813*/
.switch_box{text-align:right;}
.switch_box > span{display:inline-block; color:#333; font-size:12px; vertical-align:middle;}
.switch-ui {position: relative; display: inline-block; margin-left:5px; width:45px; height:21px; vertical-align: middle;}
.switch-ui .switch-ui-inner {
transition: margin-left 0.2s ease-in-out; -webkit-transition: margin-left 0.2s ease-in-out; -moz-transition: margin-left 0.2s ease-in-out;
transition-property: margin-left, background-color, color; 
-webkit-transition-property: margin-left, background-color, color; 
-moz-transition-property: margin-left, background-color, color;
transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;}
.switch-ui .switch-ui-switch {transition: left 0.2s ease-in-out; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; }
.switch-ui .switch-ui-checkbox {display: none;}
.switch-ui .switch-ui-checkbox:disabled + .switch-ui-label {opacity: 0.6;}
.switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {margin-left: 0; background-color:#6fb5fe; color:#fefefe;}
.switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-switch {left:26px;}
.switch-ui .switch-ui-label {display: block; overflow: hidden; border-radius:24px; height:100%;}
.switch-ui .switch-ui-label .switch-ui-inner {width:200%; height:100%; margin-left:-100%; background-color:#cfcfcf; color:#999999;}
.switch-ui .switch-ui-label .switch-ui-inner:before, .switch-ui .switch-ui-label .switch-ui-inner:after {
float: left; width:50%; height:100%; line-height:21px; padding: 0;  color:#fff; font-family:'spoqa M'; font-size:11px; box-sizing:border-box;}
.switch-ui .switch-ui-label .switch-ui-inner:before {content:"ON"; padding-left:5px; text-align:left; }
.switch-ui .switch-ui-label .switch-ui-inner:after {content: "OFF"; padding-right:5px; text-align: right;}
.switch-ui .switch-ui-label .switch-ui-switch {position: absolute; width:16px; height:17px; background: #fefefe; border-radius:50%; top:2px; left:2px;  box-shadow:4px 4px 8px rgba(0,0,0,0.2);}
/* 당일택배 이원화 SHW 200814 */
#prdDesc .desc_inf .if_ul > li .if_cont table th .Eblack11{color:#979797; font-size:12px;}

/* 버튼 button */
.btnBig,.btnMedium,.btnSmall { cursor:pointer; text-align:center; font-family:Noto-D; border-radius:2px; display:inline-block; letter-spacing:0.1px;}
.btnSmall { font-size:12px;  padding:4px 10px; line-height:12px;}
.btnBlue { background-color:#3262c1; border:1px solid #2b5ab6; color:#fff; }

/* 구입문의 200821 */
#prddtl .add_wrap .item_wrap ul li .list_item .op_list_bt {font-weight: bold; display: inline-block; width: 82px; height: 20px; border: 1px solid #d6d8dc; background: #f5f5f5; color: #000; vertical-align: middle; float: right; font-size: 11.5px; line-height: 19.5px; text-align: center;}
#prdlst .list_prod_box > li .review {position: absolute; width: 100%; bottom: 0; left: 0; box-sizing: border-box; height: 35px;}

/* 견적 메일 보내기 팝업 200901 */
.mail_popup {width: 100vw; height: 100vh; background: #fff; position: fixed; top: 0; left: 0; z-index: 100000; overflow-x: hidden; overflow-y: auto;}
.mail_popup * {box-sizing: border-box; font-family: "spoqa M"; }
.mail_popup input, .mail_popup button, .mail_popup select {appearance:none; border-radius: 0; -webkit-appearance:none; -webkit-border-radius: 0; box-shadow: none;}
.mail_popup .fixed_title, .mail_popup .fixed_bottom {position: fixed; left: 0; width: 100%; z-index: 1;}
.mail_popup .fixed_title { top: 0; height: 12.875vw; border-bottom: 1px solid #000; background: #fff;}
.mail_popup .fixed_title .fixed_title_inner {margin: 0 auto; width: 100%; height: 100%; padding: 0 3.75vw; font-family: "spoqa B"; letter-spacing: -0.338vw; font-size: 4.5vw; line-height: 12.875vw; text-align: center;}
.mail_popup .fixed_title_inner > i { display: inline-block; font-style: normal; font-weight: normal; font-size: 5vw; height: 5vw; line-height: 5vw; color: #c4c4c4; position: relative; top: 50%; transform: translateY(-50%); cursor: pointer; float: left;}
.mail_popup .fixed_bottom { bottom: 0; height: 13.25vw;}
.mail_popup .fixed_bottom button { bottom: 0; height: 13.25vw; border-radius: 0; outline: none; width: 50%; float: left; font-size: 15px; cursor: pointer;}
.mail_popup .fixed_bottom .em_cancel { border:1px solid #ccc; background-color: #fff; color: #000;}
.mail_popup .fixed_bottom .em_send { border: none; background-color: #000; color: #fff;}
.mail_popup .mail_pop_body {width: 100%; margin: 0 auto; padding: 18.375vw 3.75vw;}
.mail_popup .mail_pop_body .mail_box {width: 100%;}
.mail_popup .mail_pop_body .mail_box .mail_box_title {font-size:17px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a;}
.mail_popup .mail_pop_body .mail_box .mail_area {margin-top:12px; display:flex;}
.mail_popup .mail_pop_body .mail_box .mail_area input {width:35%; height:40px; padding:0 15px; border: 1px solid #d8d8d8; border-radius:5px; font-size:13px; font-family:'noto-R'; font-weight: normal; color:#6c6c6c;}
.mail_popup .mail_pop_body .mail_box .mail_area i {width:27px; padding-top: 5px; font-style: normal; color:#d8d8d8; line-height: 30px; font-size:15px;}
.mail_popup .mail_pop_body .mail_box .mail_area .mail_write {width: calc(100% - (35% + 27px)); height: 40px; border: 1px solid #d8d8d8; border-radius:5px; position:relative; overflow: hidden;}
.mail_popup .mail_pop_body .mail_box .mail_area .mail_write input {width:80%; background:#fff; border:none; position:absolute; top:0; z-index:1;}
.mail_popup .mail_pop_body .mail_box .mail_area .mail_write select {display:block; width:100%; height:100%; padding:0 15px; font-size:13px; font-family:'noto-R'; font-weight: normal; color:#6c6c6c; background: transparent; outline: none; border:none; position:absolute; top:0; left:0;}
.mail_popup .mail_pop_body .mail_box .mail_area .mail_write:before { content: ""; width: 12px; height: 12px; background: url(//image5.compuzone.co.kr/img/images/product_detail22/detail_quasarbtn.png) center center/contain no-repeat; position: absolute; right: 10px; top: 13px; transform: rotate(90deg);}

/* 비교하기 css 추가 */
.NBM_icon_box + .prd_price.pd_compare { padding: 4px 15px !important;}
.list_prod_box .prd_price { height: 85px; position: relative;}
.list_prod_box .compare_bt { position: absolute; right: 15px; bottom: 15px;}
#recom_compare_list .list_area .list_prod_box .prd_price { width: 100%; padding: 5px 15px 53px !important;}
.productBgImg {position: relative; height: 200px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain;}

/* 비교상품 페이지의 fixed를 위한 값 */
.srch_area_bx.pd_compare {margin-top: 12vw;}
@media all and (max-width: 400px){
	.srch_area_bx.pd_compare {margin-top: 48px;}
}
@media all and (min-width: 460px){
	.srch_area_bx.pd_compare {margin-top: 55px;}
}

/* 인텔 등급 수동 배너 레이어 팝업 (추천조립pc + 아이웍스)  */
#pop_box.itpp_layer_pop {display: none; }
#pop_box.itpp_layer_pop * {box-sizing: initial;}
#pop_box.itpp_layer_pop .inner {height: 100%;}
#pop_box.itpp_layer_pop .layer_pop .s_close {cursor: pointer;}
#pop_box.itpp_layer_pop .layer_pop {position: relative; top: 50%; transform: translateY(-50%); height: 450px; margin: 0 auto !important; padding: 20px 20px 25px!important;}
#pop_box.itpp_layer_pop .layer_pop .contents {width: 100%; padding-top:25px; overflow-y: auto; text-align:left;}
#pop_box.itpp_layer_pop .layer_pop .contents p b {font-family:'noto-B'; font-weight: normal; font-size:15px;}
#pop_box.itpp_layer_pop .layer_pop .contents > img {display: block; width: 100%; margin-bottom:10px;}
#pop_box.itpp_layer_pop .contents .txt_box {display: inline-block; position: absolute; width: 100%; height: auto; right: 0; top: 46.6vw;}
#pop_box.itpp_layer_pop .contents .txt_box > p { margin-bottom: 3vw; font-family: "spoqa M"; font-weight: normal;}
#pop_box.itpp_layer_pop .contents .txt_box > p > b {font-family: "spoqa B";}
#pop_box.itpp_layer_pop .contents .txt_box > p , #pop_box.itpp_layer_pop .contents .txt_box > p > b { font-size: 3.1vw; line-height: 1.4; color: #333;}
#pop_box.itpp_layer_pop .contents .txt_box > p + p + p , #pop_box.itpp_layer_pop .contents .txt_box > p + p + p > b { color: #1a75d2;}

/* 출장 설치 , as 개선 201013 */
#prddtl .add_wrap .btm_btn {position: relative;}
.num_over_dimmed_popup {position: absolute; background: rgba(0,0,0,0.8); width: calc(100% - 32px); height: 42px; border-radius: 10px; color: #fff; line-height: 42px; text-align: center; font-size: 14px; font-family: 'noto-R';}
#prddtl .add_wrap .btm_btn .num_over_dimmed_popup {top: -80px; left: 50%; transform: translateX(-50%);}
.col_fo * {line-height: 17px;}
.col_fo .qmark { vertical-align: top;}
/* 네고하기 201103*/
.nego_layer{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); padding:65px 0 50px; width:89%; background:#fff; text-align:center;}
.nego_layer .nego_pt1{display:block; color:#000; font-size:1rem;}
.nego_layer .nego_pt2{display:block; margin-top:0.857rem; color:#000; font-size:1rem;}
.nego_layer .ok_btn{display:inline-block; margin-top:1.643rem; padding:0 2.857rem; height:3.429rem; line-height:3.429rem; background:#000; color:#fff; font-size:1rem;}
.nego_layer .close_btn{position:absolute; right:1.142rem; top:0.857rem; display:inline-block;  width:1.429rem; height:1.429rem; z-index:100; text-indent:-9999px; }
.nego_layer .close_btn:before , .nego_layer .close_btn:after{content:""; position:absolute; right:0; top:0.857rem; width:1.429rem; height:1px; background:#000;}
.nego_layer .close_btn:before{transform:rotate(45deg); }
.nego_layer .close_btn:after{transform:rotate(-45deg); }
@media screen and (min-width: 500px) {
	#pop_box.itpp_layer_pop .contents .txt_box > p { margin-bottom: 12px;}
	#pop_box.itpp_layer_pop .contents .txt_box > p, #pop_box.itpp_layer_pop .contents .txt_box > p > b {font-size: 15px;}
	#pop_box.itpp_layer_pop .contents .txt_box { top: 237px;}
	.nego_layer{width:335px;}
}

/* 카테고리 리스트일 때 패딩값 추가 */
#prdlst .list_area > .list_prod { padding: 10px;}
/* 빠른 픽업 추가 및 리스트 이미지 사이즈 & 높이값 반응형으로 수정  */
.list_prod_box .icon_box2 { min-height: 27px; box-sizing: border-box; padding: 5px 15px; display: block;}
.list_prod_box .item + .icon_box2 {padding: 10px 15px 5px;}
.list_prod_box .prd_price { height: auto; box-sizing: border-box; padding: 5px 15px 10px !important; position: absolute; bottom: 35px;}
.list_prod .prd_price { height: auto; box-sizing: border-box; padding: 5px 15px 10px !important;}
.list_prod .icon_box2 {min-height: 27px; box-sizing: border-box; padding: 5px 15px; display: block;}
#prdlst .list_prod > li .icon { max-height: 50px; padding: 5px 15px 0; margin-bottom: 2px;}
.productBgImg{height: calc(50vw - 15px) !important;}
#recom_compare_list .productBgImg{height: calc(50vw - 20px) !important;}
.tagicon > span {float: left;}

/* 이벤트 페이지 제품 리스트에 빠른픽업 */
#evtdtl .evtdtl_prd .prd_lst .lst_prod > li .icon_box2 { min-height: 27px; box-sizing: border-box; padding: 5px 15px; display: inline-block;}
@media screen and (max-width: 500px) {
	#prdlst .list_prod > li .tagicon span { padding: 0 4px; font-size: 11px; line-height: 18px; margin-bottom: 2px;}
	#prdlst .list_prod > li .icon {max-height: 44px;}
	.list_prod .icon_box2 {min-height: 17px; padding: 5px 15px 0;}
}
@media screen and (min-width: 768px) {
	#prdlst .list_prod_box > li a{min-height: calc(25vw + 223px); max-height: calc(25vw + 223px);}
	.productBgImg{height: calc(25vw - 12.5px) !important;}
	#recom_compare_list .productBgImg{height: calc(25vw - 15px) !important;}
}
/* 빠른 픽업 레이어 팝업 */
#pop_box.quick_pickUP_pop .info {padding: 16px; font-size: 15px; color: #3a3a3a; font-family: "noto-M"; line-height: 18px; text-align: left; word-break: keep-all; text-align: center;}
#pop_box.quick_pickUP_pop .info > em { font-style: normal; font-size: 15px; color: #F14738; font-family: "noto-M"; line-height: 22px; word-break: keep-all; }
.quick_pickUP_pop .layer_pop .gasanGo {display: block; background: #0d6de3; padding: 15px 0; color: #fff; font-family: "noto-M"; font-size: 18px; text-align: center; border-radius: 10px; box-sizing: border-box; margin-top: 30px;}
#pop_box.quick_pickUP_pop .info ul {text-align: left; margin-top: 12px;}

/* 상세페이지 빠른 픽업 */
.layer_pop .text_box > div{line-height: 1.4; margin-bottom:10px;}
.layer_pop .text_box em {line-height: 1.4; font-style: normal; color: #F14738;}
#pop_box .quick_pickUP_icon {font-size: 13px; cursor: pointer;}
/* 상세페이지 DB 빠른픽업 */
.desc_info .quick_pickUP {width: 100%; padding: 35px 0; text-align: center; background-color: #e2f1fc; box-sizing: border-box; }
.desc_info .quick_pickUP > button {width: 265px; height: 50px; background-color: #2e2e2e; color: #fff; font-family: "noto-M"; font-size: 15px; border-radius: 0; border: 0; outline: 0; cursor: pointer; -webkit-appearance: none;}
.desc_info .quick_pickUP > button > i {font-style: normal; color: #fff; font-family: "spoqa T"; font-size: 18px; line-height: 50px; display: inline-block; margin-left: 10px;}
.desc_info .quick_pickUP > h2 {color: #121212; font-size: 20px; font-family: "spoqa B"; font-weight: normal; display: inline-block; line-height: 1; margin-bottom: 0;}
.desc_info .quick_pickUP > h2 > b {color: #1a81df; font-size: 20px; font-family: "spoqa B"; font-style: italic; font-weight: normal; padding-left: 15px; display: inline-block; position: relative; line-height: 1; margin-right: 10px;}
.desc_info .quick_pickUP > h2 > b:before {content: ''; position: absolute; width: 15px; height: 22.5px; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/mo_evt28221_icon_L.png) top center no-repeat; background-size: contain; display: inline-block; left: 0; top: 0;}
.desc_info .quick_pickUP > p {color: #262626; font-family: "noto-M"; font-size: 14px; line-height: 1.4; margin: 15px 0 20px; letter-spacing: -1px;}
.desc_info .quick_pickUP > p > em {color: #F14738; font-family: "noto-M"; font-size: 14px; line-height: 1.4; letter-spacing: -1px; font-style: normal;}
/* 주문/결제 빠른픽업 */
.font_EblackM .quick_pickUP_icon { font-weight: normal; margin: 0 5px;}
.font_EblackM.qpup_txt * { line-height: 17px; font-family: "spoqa M";}
/* 당일택배 참고사항 추가 201207 */
.message_area .gBox {width: 100%; padding: 10px; background-color: #f7f7fb; box-sizing: border-box; margin-bottom: 10px; }
.message_area .gBox .gBox_tit_R { font-size: 14px; letter-spacing: -1px; color: #ff0000; display: block; font-weight: bold; line-height: 25px;}
.message_area .gBox .gBox_tit_R .ico_notice { background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -14px -16px; width: 14px; height: 14px; display: inline-block; margin-right: 3px; vertical-align: -2px; position: relative; transform: rotate(180deg);}
.message_area .gBox > p { font-size: 14px; letter-spacing: -1px; color: #6b6b6b; line-height: 20px; word-break: keep-all; }
.message_area .gBox > p > b { font-size: 14px; letter-spacing: -1px; color: #ff0000; line-height: 20px; font-weight: normal;}

/*pc견적 회원등급별맞춤가*/
.shr_priInfo_txt{margin-top:20px; }
.shr_priInfo_txt label{font-size:15px; font-family:'noto-R'; color:#3a3a3a; }
.share_chk{display:none;}
.share_chk + i {display: inline-block; width: 24px; height: 24px; margin-right:5px; background: #fff; border: solid 1px #d8d8d8; border-radius: 4px; vertical-align: top; box-sizing: border-box;}
input.share_chk:checked + i {border: none; background: url('//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png') center center/contain no-repeat;}
.likeBox_layer .shr_priInfo_txt dt{margin-bottom:6px;}
.shr_priInfo_txt dd{ font-size:14px; font-family:'noto-R'; color:#949494; word-break: keep-all;}
.shr_priInfo_txt dd > span {font-size:15px; font-family:'noto-R'; color:#0D6DE3; }
.likeBox_layer.mail_popup{left:0; top:0; margin-left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.likeBox_layer.mail_popup .likeBoxArea {width:100%; padding:0 20px; border-radius:20px 20px 0 0; border:none; box-sizing:border-box; box-shadow: none; position:absolute; bottom:0; }
.likeBox_layer.mail_popup .likeBoxArea .tit{padding:30px 0 20px; border-bottom:1px solid #d8d8d8; text-align:center; position:relative;}
.likeBox_layer.mail_popup .likeBoxArea .tit h2{font-size:20px; font-family:'noto-b'; font-weight: normal; color:#3a3a3a; }
.likeBox_layer.mail_popup .likeBoxArea .tit a { display: block; width: 30px; height: 30px; margin:0 ;background: url('//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png') center center/contain no-repeat; position: Absolute; top: 26px; right: 0;}
.likeBox_layer.mail_popup .likeBoxArea .cont{padding:0 25px;}
.likeBox_layer.mail_popup .mail_pop_body{padding:20px 0 40px;}
.likeBox_layer .likeBoxArea .btmBtn a {display:block; width:100%; height:52px; line-height:50px; background:#0D6DE3; border-radius:10px; font-size:18px; font-family:'noto-M'; font-weight: normal; color:#fff;}

/*상세페이지 할인률 스타일 210215*/
.discnt{color: #ff4a4a;font-weight: bold; vertical-align: middle; margin-right: 5px; display: inline-block; font-size: 14px;}
/* 상세페이지 - 배송비 절약 상품 버튼 */
.if .deli_saving_btn { text-decoration: none !important; width: auto; height: 36px; display: inline-block; background-color: #135dba; border-radius: 4px; color: #fff !important; font-size:15px; font-family: malgun gothic; font-weight: bold; letter-spacing: -1px; line-height: 36px; text-align: right; box-sizing: border-box; padding: 0 20px 0 50px; position: relative; margin-top: 12px;}
.if .deli_saving_btn:after {content: ''; position: absolute; display: inline-block; width: 54px; height: 40px; top: -8px; left: -7px; background: url("http://image5.compuzone.co.kr/img/images/product_detail/mo_deli_price_bnr_img.png") top center no-repeat; background-size: contain;}
.if .deli_saving_btn > i { display: inline-block; font-style: normal; color: #fff; font-family: "spoqa R"; font-weight: normal; font-size: 15px; line-height: 36px; margin-left: 3px;}

/*상품명 두줄까지만 나타나게 추가 210318 */
#prddtl .add_wrap .item_wrap ul li .list_item .name {max-height: 39px;overflow: hidden; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}

/* 고정 width 이벤트 태그 클래스 추가. 210323 */
.evtFix_tag { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49px; text-align: center; height: 22px; line-height: 22px; padding: 0 7px; border: 1px solid #8d9ebd; background-color: #fff; font-size: 12px; color: #8d9ebd; margin-left: 2px; margin-bottom: 3px; }
.temevent_img_area .temevent_con .temevent_con_bottom .prd_event ul li .evtFix_tag { position: absolute; top: 50% !important; left: 0; text-align: center; transform: translateY(-50%); max-width: 50px; width: 100%; display: inline-block; }

 /* 구매 가능 수량 제한 얼럿 수정. 210118 */
.max_num_pd {padding: 6.25vw 3.75vw 8.75vw; overflow: hidden; box-sizing: border-box; width: 92.5vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; text-align: center; background: #fff;}
.max_num_pd * {box-sizing: border-box; letter-spacing: -1px; }
.max_num_pd .max_num_pd_title { font-weight: bold; color: #000; font-size: 4.5vw; line-height: 4.5vw; padding-bottom: 2.5vw; border-bottom: 1px solid #000;}
.max_num_pd .max_num_pd_inpo { font-family: noto-M; color: #333; font-size: 3.5vw; line-height: 4.5vw; margin-top: 1.875vw; word-break: keep-all;}
.max_num_pd_ul {width: 100%; max-height: 71.75vw; overflow-x: hidden; overflow-y: auto; margin: 5vw 0;}
.max_num_pd_ul li {width: 100%; list-style: none; border-bottom: 1px solid #ccc; }
.max_num_pd_ul li:nth-child(1) { border-top: 1px solid #ccc;}
.max_num_pd_ul li > div { text-align: center;}
.max_num_pd .max_num_pd_1, .max_num_pd .max_num_pd_2 {width: 85vw; }
.max_num_pd .max_num_pd_1 {text-align: left; padding: 1.875vw; height: 22.5vw; background: #f9fafa;}	
.max_num_pd .max_num_pd_1 > div { float: left;}
.max_num_pd .max_num_pd_1 .max_num_pd_1_img {width: 18.75vw; height: 18.75vw; margin-right: 1.875vw; display: inline-block;}
.max_num_pd .max_num_pd_1 .max_num_pd_1_img > img {width: 100%; height: 100%; display: block;}
.max_num_pd .max_num_pd_1 .max_num_pd_name {width: 60vw; display: inline-block; font-size: 3.25vw; line-height: 4vw; word-break: break-all; color: #484848; position: relative; top: 50%; transform: translateY(-50%);}
.max_num_pd .max_num_pd_2 {padding: 3vw 7.5vw;}
.max_num_pd .max_num_pd_2:after {content: ''; display: block; clear: both;}
.max_num_pd_ul li .max_num_pd_2 > div { width: 23.3vw; display: inline-block; text-align: center; float: left; }
.max_num_pd_ul li .max_num_pd_2 > p { width: 100%; text-align: center; font-size: 2.8vw; color: #6c6c6c; line-height: 4vw; margin-bottom: 2vw; float: left; word-break: keep-all;}
.max_num_pd_ul li .max_num_pd_2 > div > b { color: #050505; font-size: 4.5vw; line-height: 5.5vw; display: block;}
.max_num_pd_ul li .max_num_pd_2 > div > p { color: #4d4d4d; font-size: 3vw; line-height: 3vw; margin-bottom: 1.5vw;}
.max_num_pd_ul li .max_num_pd_2 > div:nth-child(3) * { color: #1a75d2;}
.max_num_pd_btns {width: 100%; height: 10vw; overflow: hidden; text-align: center;}
.max_num_pd_btns > a {width: 50%; height: 100%; display: inline-block; text-align: center; line-height: 10vw; font-size: 3.75vw; background: #fff; color: #000; text-decoration: none !important; border:1px solid #ccc; }
.max_num_pd_btns > a.num_change {background: #000; color: #fff; border:1px solid #000; float: right;}

@media all and (min-width: 400px) {
	.max_num_pd .max_num_pd_title { font-size: 18px; line-height: 18px;}
	.max_num_pd .max_num_pd_inpo {font-size: 14px; line-height: 18px;}
	.max_num_pd .max_num_pd_1 .max_num_pd_name { font-size: 13px; line-height: 16px;}
	.max_num_pd_ul li .max_num_pd_2 > div > b { font-size: 18px; line-height: 22px;}
	.max_num_pd_ul li .max_num_pd_2 > div > p { font-size: 12px; line-height: 12px; margin-bottom: 6px;}
	.max_num_pd_btns > a {font-size: 15px;}
}
@media all and (min-width: 500px) {
	.max_num_pd {padding: 31px 19px 44px; width: 463px;}
	.max_num_pd .max_num_pd_title { font-size: 23px; line-height: 23px; padding-bottom: 13px;}
	.max_num_pd .max_num_pd_inpo { font-size: 17.5px; line-height: 23px; margin-top: 9px;}
	.max_num_pd_ul {max-height: 359px; margin: 25px 0;}
	.max_num_pd .max_num_pd_1, .max_num_pd .max_num_pd_2 {width: 425px; }
	.max_num_pd .max_num_pd_1 { padding: 9px; height: 113px; background: #f9fafa;}	
	.max_num_pd .max_num_pd_1 .max_num_pd_1_img {width: 94px; height: 94px; margin-right: 9px;}
	.max_num_pd .max_num_pd_1 .max_num_pd_name {width: 300px; font-size: 16px; line-height: 20px;}
	.max_num_pd .max_num_pd_2 {padding: 15px 38px;}
	.max_num_pd_ul li .max_num_pd_2 > p {font-size: 14px; line-height: 20px; margin-bottom: 10px;}
	.max_num_pd_ul li .max_num_pd_2 > div { width: 116px; }
	.max_num_pd_ul li .max_num_pd_2 > div > b {  font-size: 23px; line-height: 28px; }
	.max_num_pd_ul li .max_num_pd_2 > div > p {  font-size: 15px; line-height: 15px; margin-bottom: 8px;}
	.max_num_pd_btns {height: 50px; }
	.max_num_pd_btns > a { line-height: 50px; font-size: 19px;}
}

#pop_box .same { text-align: center; width: 100%; position: fixed;  bottom: 60%; transform: translateY(50%);}
#pop_box .same .layer_pop {padding: 8.75vw 3.75vw; overflow-y: auto; box-sizing: border-box; width: 92.5vw;}
#pop_box .same .layer_pop * { box-sizing: border-box; letter-spacing: -1px; font-family: "Malgun Gothic", "Apple-Gothic", "애플고딕", "gulim", "굴림", "sans-serif";}
#pop_box .same .layer_pop p {font-weight: 500; margin: 0;}
#pop_box .same .layer_pop .pd_name { color: #5a5959; font-size: 15px; line-height: 20px; margin-bottom: 5vw;}
#pop_box .same .layer_pop .info_text_box { display: inline-block;	 width: 100%; padding: 4vw; margin-bottom: 6.75vw; background: #f9fafa;}
#pop_box .same .layer_pop .info_text { color: #000;  font-size: 18px; line-height: 22px; margin-bottom: 8px;}
#pop_box .same .layer_pop .info_text > b { color: #dc1515; font-size: 18px; line-height: 22px;}
#pop_box .same .layer_pop .info_sub_text { font-size: 14px; line-height: 14px; color: #a8a8a8; word-break: keep-all; }
#pop_box .same .layer_pop .check_btn { width: 100%; margin-top: 0;}
#pop_box .same .layer_pop .check_btn > a { float: left; display: inline-block; padding: 3.25vw 0; font-size: 15px; line-height: 15px; width: calc(100% / 2); border: 1px solid #ccc; color: #000;}
#pop_box .same .layer_pop .check_btn > a.bk { border: 1px solid #000; background-color: #000; color: #fff; }
#pop_box .login_go .layer_pop .info_text > b { color: #000;}
#pop_box .login_go .layer_pop .info_text { margin-bottom: 7.5vw;}
#pop_box .max_num .layer_pop .check_btn {text-align: center; }
#pop_box .max_num .layer_pop .check_btn > a.bk { float: none; width: 55.25vw;}
#pop_box .max_num_bsk .layer_pop .info_bsk_text { color: #000; font-size: 15px; line-height: 18px; margin-bottom: 6.75vw;}
@media all and (max-width: 350px) { 
#pop_box .same .layer_pop .check_btn > a { font-size: 14px; line-height: 14px;}
}
@media all and (min-width: 400px) {
#pop_box .same .layer_pop {padding: 35px 15px; width: 370px;}
#pop_box .same .layer_pop .pd_name { margin-bottom: 20px;}
#pop_box .same .layer_pop .info_text_box { padding: 16px; margin-bottom: 27px;}
#pop_box .same .layer_pop .check_btn > a { padding: 13px 0;}
#pop_box .login_go .layer_pop .info_text { margin-bottom: 30px;}
#pop_box .max_num .layer_pop .check_btn > a.bk {  width: 221px;}
#pop_box .max_num_bsk .layer_pop .info_bsk_text { margin-bottom: 27px;}
}
/* 구매 가능 수량 제한 얼럿 얼럿 수정// */

/*이벤트당첨자발표 개인정보 수집 이용 및 위탁에 대한 동의 추가  */
input.agree_chk[type="checkbox"]{vertical-align:middle; display:none;}
input.agree_chk[type="checkbox"] + label.agree_chk{margin-top: -5px;display: inline-block;vertical-align: middle; color:#3a3a3a;font-size: 15px;line-height: 1;font-family:'spoqa R';cursor: pointer;}
input.agree_chk[type="checkbox"] + label.agree_chk > i{display: inline-block; width: 17px; height: 17px; background:#fff; cursor: pointer;vertical-align: middle; border: solid 1px #ddd; -webkit-appearance: none;-webkit-border-radius: 0; outline: none; margin: -2px 6px 0 0; position: relative;}
input.agree_chk[type="checkbox"]:checked + label.agree_chk > i:before {position: absolute; content: ''; left: 3px;top: 2px;display: block; width: 10px;height: 7px; border-width: 0 0 2px 2px; border-style: solid; -webkit-transform: rotate(-45deg); border-color: #1a75d2;}
.pev_txt{display:inline-block; }
.pev_txt label{vertical-aligh:middle;}	

/* 컴튜브 컨텐츠 */
.comtube_btn{display:block; position:absolute; left: 0; top: -15px; right: 0; bottom: 0; margin: auto; width:57px; height:57px; background:url("//image5.compuzone.co.kr/img/images/product_detail/prdPlay_btn_hoverM.png") center no-repeat; background-size:cover; font-size:0; z-index:10;}
#prdlst .list_prod > li .thumb{position:relative;}
@media all and (max-width:500px) { 
	.comtube_btn{ width:11.40vw; height:11.40vw; background-size:cover;}
	.lft .comtube_btn{transform:translate(-50% , -70%)}
}

/* 주소검색 스타일 깨짐 수정 210528 */
.basket_popup_wrap #SchAddress {vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.basket_popup_wrap #SchAddress + a.info_btn {vertical-align: top; display: inline-block; line-height: 39px;}

/* 리스트형 태그 아이콘 최대 높이값 */
#prddtl .prd_detail .inner .tag > span,
#prdlst .list_prod_box > li .icon > span,
#prdlst .list_prod > li .icon > span {float: left;}
/* 컴퓨존인증 아이콘:: 검색영역까지 추가 */
.prd_info_new_icon_box > span {position: relative; top: 6px; display: inline-block; float: left; height: 15px; padding: 2px 7px; font-size: 10px; line-height: 12px; text-align: center; border-radius: 50px; box-sizing: border-box; }
.prd_info_new_icon_box .cpzcct_icon {background: #67a7ff; color: #fff;}
.prd_info_new_icon_box .cpzcct_icon .emojiIcon { display: inline-block; vertical-align: top; font-style: normal; font-size: 10px;}
_::-webkit-full-page-media, _:future, :root .prd_info_new_icon_box .cpzcct_icon .emojiIcon {margin-top: 0.5px;}/* 사파리 핵 */
/* 이미지형 */
#prdlst .list_prod_box > li .prd_info_new_icon_box {position: relative; float: left; font-size:0; height: 0; width: 100%; padding: 0 15px; box-sizing: border-box; }
/* 리스트형 */
#prdlst .list_prod > li .prd_info_new_icon_box {position: relative; top: 9px; display: block; font-size:0; width: 100%; padding: 0 15px; box-sizing: border-box;}
#prdlst .list_prod > li .prd_info_new_icon_box:after {content: ''; display: block; clear: both;}
#prdlst .list_prod > li .prd_info_new_icon_box > span {top: 0;}

/* 인증 팝업 */
#pop_box.this_prd_stock_wrap .info {padding:20px; font-size: 15px; color: #3a3a3a; font-family: "noto-R"; text-align: center; word-break: keep-all; }

/* 알림아이콘 영역 */
.right_btn .float_alarm_btn {bottom: 60px;}
.float_alarm_btn{position: absolute; 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: 12px; z-index: 2; transition: 0.5s; transform: scale(1); transform-origin: 50% 100%; box-sizing: border-box;}	
.float_alarm_btn:before{content: '';  position: absolute; top: 0; left: 0; border-radius: 50%; width: 54px; height: 54px; display: inline-block; background-color: #409CFF;
z-index: -1; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.14);}
.float_alarm_btn span{display: inline-block; width: 31px;}
.float_alarm_btn span img{width: 100%; height: auto;  animation: shake 0.85s  0.5s cubic-bezier(.36,.07,.19,.97) both 3;}
@keyframes shake { 
	0%, 100% {transform: rotate(0);}
	10%, 90% {transform: rotate(0);}
	20%, 80% {transform: rotate(10deg);}
	30%, 50%, 70% {transform: rotate(-10deg);}
	40%, 60% {transform: rotate(10deg);}
}

/* 조립PC 구성팝업 */
.assemb_orderPop .assemb_orderTable th{padding:10px 0; color:#3a3a3a; font-size:14px; line-height:1;}
.assemb_orderPop .assemb_orderTable td{padding:8px 10px; color:#333; font-size:13px;}
.assemb_orderPop .assemb_orderTable td:first-child{text-align:left;}
.assemb_orderPop .mcpz_select_box{margin:20px 0; }
.assemb_orderPop .mcpz_select_box select{appearance:none; -webkit-appearance:none; outline:none;}

/* 노트북 업그레이드 서비스 추가 요청 작업 */
.opbx .bgnone .select_qmark{margin-left: 5px; display: inline-block; width: 23px; height: 21px; text-align: center; vertical-align: top;
background: url('//image5.compuzone.co.kr/img/images/mypage21/mo_question.png')no-repeat; background-size: contain;}
.opbx .bgnone .sel_bx_UpTit{font-size: 16px; margin-top: 15px;margin-bottom: 7px;}
.opbx .bgnone .sel_bx.arrow_R::after{height: 14px;  background-position: -223px -73px;}

/* 버튼 css */
#Blayer_pop_box .big_layer_pop .AS_MGbtn {display:inline-block; width: 100%; min-width: auto; height: 35px; line-height: 1; border: solid 1px; border-radius: 8px; color:#3a3a3a; font-size:13px; font-family: noto-M;border-color: #e8e8e8; background-color: #e8e8e8; color: #949494; padding: 0 5px;}
#Blayer_pop_box .big_layer_pop .AS_MGbtn.on { background-color: #fff; border-color: #0D6DE3; color: #0D6DE3;}
#Blayer_pop_box .big_layer_pop .AS_LBLbtn, #Blayer_pop_box .big_layer_pop .AS_LGbtn {display:inline-block; width: 100%; max-width: 335px; height: 52px; line-height: 1; border: 0; border-radius: 100px; color:#fff; font-size:16px; font-family: noto-M; outline:none; cursor:pointer; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.16); border-radius: 8px;}
#Blayer_pop_box .big_layer_pop .AS_LBLbtn {background-color: #0D6DE3; }
#Blayer_pop_box .big_layer_pop .AS_LGbtn {background-color: #ffffff; color: #3A3A3A; border: 1px solid #D8D8D8; box-shadow: none;}
/* 하단 고정 버튼 */
#Blayer_pop_box .big_layer_pop .AS_btn_wrap { font-size: 0; width: 100%; max-width: 400px; text-align: center; margin: 40px auto; padding: 0 20px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); box-sizing: border-box;}
#Blayer_pop_box .big_layer_pop .AS_btn_wrap.Width485 > button {width: 48.5%;}
#Blayer_pop_box .big_layer_pop .AS_btn_wrap.Width485 > button + button {margin-left: 3%;}
#Blayer_pop_box .big_layer_pop .AS_btn_wrap .reroad{ display: inline-block; width: 30px; height: 16px; line-height: 0em; vertical-align: bottom;}
#Blayer_pop_box .big_layer_pop .AS_btn_wrap .reroad img{ width: 100%; margin-top: -7px;}
/* 팝업 내부 */
#Blayer_pop_box { display: block; overflow-x: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99999; background-color: rgba(0,0,0,.6); }
#Blayer_pop_box, #Blayer_pop_box * {box-sizing: border-box;}
#Blayer_pop_box .big_layer_pop {position: fixed; display: inline-block; bottom: 0; left: 0; width: 100%; height: auto; padding: 30px 20px 132px; border-radius: 20px 20px 0 0; background-color: #fff;text-align: center; max-height: calc(100vh - 95px); font-size: 0;}
#Blayer_pop_box .big_layer_pop .layerPop_X {position: absolute; display: inline-block; top: 15px; right: 15px; width: 24px; height: 24px; background:url("//image5.compuzone.co.kr/img/images/mypage21/mo_popup_X.png") center no-repeat; background-size:contain;}
#Blayer_pop_box .big_layer_pop .layerPop_Tit {text-align: center; padding-bottom: 20px; border-bottom: 1px solid #D8D8D8;}
#Blayer_pop_box .big_layer_pop .layerPop_Tit > p { color:#3a3a3a; font-family: noto-B;font-size: 20px; line-height: 29px; }
#Blayer_pop_box .big_layer_pop .layerPop_contents{    width: 100%; max-width: 400px; display: inline-block; overflow-y: scroll;max-height: calc(100vh - 306px);}
#Blayer_pop_box .big_layer_pop .layerPop_contents .con_tit{text-align: left; font-size: 17px; font-family: 'Noto-B'; letter-spacing: -0.05em; line-height: 1em; margin-top: 25px; margin-bottom: 15px;}
#Blayer_pop_box .big_layer_pop .layerPop_contents > ul { font-size:0; width: 100%; text-align: left; margin-top: -10px;}
#Blayer_pop_box .big_layer_pop .layerPop_contents li { display: inline-block; width: calc((100% - 30px)/4); margin-top: 10px; margin-right: 10px;}
#Blayer_pop_box .big_layer_pop .layerPop_contents li:nth-child(4n){margin-right: 0;}
#Blayer_pop_box .big_layer_pop .layerPop_contents > ul.btn_wrap_2 li{width: calc((100% - 10px)/2);}
#Blayer_pop_box .big_layer_pop .layerPop_contents > ul.btn_wrap_2 li:nth-child(4n){margin-right: 10px;}
#Blayer_pop_box .big_layer_pop .layerPop_contents > ul.btn_wrap_2 li:nth-child(2n){margin-right: 0;}
/* 팝업 캘린더 */
#Blayer_pop_box .big_layer_pop .calender2_wrap{margin-top: 10px;}
#Blayer_pop_box .big_layer_pop .calender2_wrap .calender_box{margin-left: 10px; width: calc((100% - 10px) / 2); float: left;height: 40px; border: #d8d8d8 1px solid; border-radius: 8px;background-color: #fff; font-size: 0; overflow: hidden;}
#Blayer_pop_box .big_layer_pop .calender2_wrap .calender_box:first-child{margin-left: 0;}
#Blayer_pop_box .big_layer_pop .calender2_wrap .cal_input_box{position: relative; display: inline-block; float: left; width: calc(100% - 48px);}
#Blayer_pop_box .big_layer_pop .calender2_wrap .cal_input_box input{outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background-color: #fff; color: #949494; font-size: 13px; line-height: 1; padding: 0 14px; border: 0; border-radius: 0; height: 38px;}
#Blayer_pop_box .big_layer_pop .calender2_wrap .calender_box button{outline: 0; cursor: pointer; -webkit-appearance: none; display: inline-block; float: left; height: 38px; background-color: #707070; color: #fff; font-size: 13px; line-height: 1;position: relative; width: 48px; background-color: #fff;}
#Blayer_pop_box .big_layer_pop .calender2_wrap .calender_box button::after{content: ''; position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/mypage22/calender_icon_48.png') center no-repeat; background-size: contain;}
/* 팝업 검색영역 */
#Blayer_pop_box .big_layer_pop .search_wrap{width: 100%; height: 40px; border: #d8d8d8 1px solid; border-radius: 8px; background-color: #fff; font-size: 0; overflow: hidden; margin-top: 10px;}
#Blayer_pop_box .big_layer_pop .search_wrap .search_box{width: calc(100% - 39px); position: relative; display: inline-block; float: left;}
#Blayer_pop_box .big_layer_pop .search_wrap .search_box input{width: 100%; background-color: #fff; color: #949494; font-size: 15px; line-height: 1; padding: 0 40px 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 0; border-radius: 0; height: 38px; text-align: left;}
#Blayer_pop_box .big_layer_pop .search_wrap .search_box button{position: absolute; display: inline-block; right: 5px; top: 7px; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/mypage22/icon_circleX_48.png') center no-repeat; background-size: contain;}
#Blayer_pop_box .search_wrap .SearchBtn{outline: 0; cursor: pointer; -webkit-appearance: none; display: inline-block; float: left; height: 38px; color: #fff; font-size: 13px; line-height: 1; position: relative; width: 39px; background-color: #fff;}
#Blayer_pop_box .big_layer_pop .search_wrap .SearchBtn:after{content: ''; position: absolute; display: inline-block; top: 50%; left: 0; transform: translateY(-50%); width: 30px; height: 30px; background: url('//image5.compuzone.co.kr/img/images/mypage22/icon_magnifier_60.png') center no-repeat; background-size: contain;}
#Blayer_pop_box .big_layer_pop .layerPop_contents{padding-top: 25px; max-width: 440px; margin: 0 auto;}
#Blayer_pop_box .big_layer_pop .con_NB15{ font-size: 15px; font-family: 'Noto-B'; letter-spacing: -0.025em; line-height: 1.2em; margin-bottom: 10px;}
#Blayer_pop_box .big_layer_pop .con_NR15{ font-size: 15px; font-family: 'Noto-R'; letter-spacing: -0.025em; line-height: 1.2em; margin-bottom: 10px;}
#Blayer_pop_box .big_layer_pop .con_NB17{font-size: 17px; font-family: 'Noto-B'; letter-spacing: -0.025em; line-height: 1.2em; }
#Blayer_pop_box .big_layer_pop .con_NR14{font-size: 14px; font-family: 'Noto-R'; letter-spacing: -0.025em; line-height: 1.2em; }
#Blayer_pop_box *{color: #3A3A3A;}
#Blayer_pop_box .big_layer_pop .ta_l{text-align: left;}
#Blayer_pop_box .big_layer_pop .layerPop_contents strong{ font-family: 'Noto-B'; font-size: inherit;}
#Blayer_pop_box .big_layer_pop .grey_box{background-color: #F9F9F9; border-radius: 15px; padding: 15px;}
#Blayer_pop_box .big_layer_pop .AS_btn_wrap{max-width: 440px;}
#Blayer_pop_box .big_layer_pop .AS_LBLbtn, #Blayer_pop_box .big_layer_pop .AS_LGbtn{max-width:none;}
#Blayer_pop_box .big_layer_pop img{width: 100%;}

/* 220704 첫 주문고객 대상 무료배송 쿠폰 발급 시스템 구축 */
.popup_2022 {display:none; padding:0 25px; overflow-x:hidden; position:fixed; top:0; left:0; width:100%; height:100%; z-index:5; background:rgba(0,0,0,0.7); box-sizing: border-box;}
.popup_2022 .popup_mo {width:100%; padding:0 15px 35px; background:#fff; border-radius:20px; box-sizing:border-box; overflow:hidden; position:relative; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  box-sizing: border-box;}
.popup_2022 .popup_tit {margin-bottom:25px; padding:30px 0 20px; border-bottom:1px solid #D8D8D8; box-sizing: border-box; }
.popup_2022 .popup_tit a {display: block; width:30px; height:30px; background: url('//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png') center center/contain no-repeat; position: Absolute; top: 26px; right:15px; text-indent: -9999px;}
.popup_2022 .popup_tit .title {font-size:20px; font-family:'noto-b'; color:#3a3a3a; text-align: center;}
.popup_2022 .popup_con {padding:0 5px; max-height:300px; overflow-y:scroll; box-sizing: border-box;}
.popup_2022 .popup_con h2 {margin:15px 0;}
.popup_2022 .popup_con h2:nth-child(1) {margin-top:0;}
.popup_2022 .bodytitle1 {font-size:17px; font-family:'noto-b'; font-weight: normal;}
.popup_2022 .bodytext1 {font-size:15px; font-family:'noto-R'; font-weight: normal;}
.popup_2022 .detail {font-size:13px; font-family:'noto-D'; font-weight: normal;}
.popup_2022 .Button1 {font-size:13px; font-family:'noto-M'; font-weight: normal;}
.popup_2022 .Button2 {font-size:15px; font-family:'noto-M'; font-weight: normal;}
.popup_2022 .Button3 {font-size:18px; font-family:'noto-M'; font-weight: normal;}
.popup_2022 .inputtext {font-size:15px; font-family:'noto-b'; font-weight: normal;}
.color3a {color:#3a3a3a;}
.color0d {color:#0D6DE3;}
.color6c {color:#6C6C6C;}
.color94 {color:#949494;}
.colorf1 {color:#F14738;}
.popup_2022 .txtleft {text-align:left;}
.popup_2022 .popup_graybox {width:100%; margin:20px 0; padding:17px 25px; background:#F9F9F9; border-radius:15px; box-sizing: border-box;}
.popup_2022 .popup_graybox:last-child {margin-bottom:0;}
.popup_2022 .popup_graybox h3 {margin-bottom:10px;}
.popup_2022 .popup_graybox p {margin-bottom:8px;}
.popup_2022 .popup_graybox p:last-child {margin-bottom:0px;}
.popup_2022 .popup_graybox p.detail {margin-top:15px;}

/* 94191 간편결제 로딩팝업 230220 */
#pop_box.PayLoading_pop .inner .cont .box{padding: 20px 20px 25px;}
#pop_box.PayLoading_pop .inner .cont .box .ntB20{ font-size: 20px; font-family: 'noto-B'; font-weight: normal; text-align: center; }
#pop_box.PayLoading_pop .inner .cont .box .grey_p { font-size: 15px; font-family: 'Noto-R'; color: #949494; text-align: center; word-break: keep-all; margin-top: 5px; }
#pop_box.PayLoading_pop .prePage_btn{ text-align: center; margin-top: 60px;}
#pop_box.PayLoading_pop .prePage_btn a{font-size: 15px; color: #949494;}
.loading_motion  { margin: 100px auto; font-size: 10px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load5 1s infinite ease; animation: load5 1s infinite ease; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
  @-webkit-keyframes load5 {
	0%,
	100% {
	  box-shadow: 0em -2.6em 0em 0em #105eed, 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.5), -1.8em -1.8em 0 0em rgba(16,94,237, 0.7);
	}
	12.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.7), 1.8em -1.8em 0 0em #105eed, 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.5);
	}
	25% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.5), 1.8em -1.8em 0 0em rgba(16,94,237, 0.7), 2.5em 0em 0 0em #105eed, 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	37.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.5), 2.5em 0em 0 0em rgba(16,94,237, 0.7), 1.75em 1.75em 0 0em #105eed, 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	50% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.5), 1.75em 1.75em 0 0em rgba(16,94,237, 0.7), 0em 2.5em 0 0em #105eed, -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	62.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.5), 0em 2.5em 0 0em rgba(16,94,237, 0.7), -1.8em 1.8em 0 0em #105eed, -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	75% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.5), -1.8em 1.8em 0 0em rgba(16,94,237, 0.7), -2.6em 0em 0 0em #105eed, -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	87.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.5), -2.6em 0em 0 0em rgba(16,94,237, 0.7), -1.8em -1.8em 0 0em #105eed;
	}
  }
  @keyframes load5 {
	0%,
	100% {
	  box-shadow: 0em -2.6em 0em 0em #105eed, 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.5), -1.8em -1.8em 0 0em rgba(16,94,237, 0.7);
	}
	12.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.7), 1.8em -1.8em 0 0em #105eed, 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.5);
	}
	25% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.5), 1.8em -1.8em 0 0em rgba(16,94,237, 0.7), 2.5em 0em 0 0em #105eed, 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	37.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.5), 2.5em 0em 0 0em rgba(16,94,237, 0.7), 1.75em 1.75em 0 0em #105eed, 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	50% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.5), 1.75em 1.75em 0 0em rgba(16,94,237, 0.7), 0em 2.5em 0 0em #105eed, -1.8em 1.8em 0 0em rgba(16,94,237, 0.2), -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	62.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.5), 0em 2.5em 0 0em rgba(16,94,237, 0.7), -1.8em 1.8em 0 0em #105eed, -2.6em 0em 0 0em rgba(16,94,237, 0.2), -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	75% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.5), -1.8em 1.8em 0 0em rgba(16,94,237, 0.7), -2.6em 0em 0 0em #105eed, -1.8em -1.8em 0 0em rgba(16,94,237, 0.2);
	}
	87.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(16,94,237, 0.2), 1.8em -1.8em 0 0em rgba(16,94,237, 0.2), 2.5em 0em 0 0em rgba(16,94,237, 0.2), 1.75em 1.75em 0 0em rgba(16,94,237, 0.2), 0em 2.5em 0 0em rgba(16,94,237, 0.2), -1.8em 1.8em 0 0em rgba(16,94,237, 0.5), -2.6em 0em 0 0em rgba(16,94,237, 0.7), -1.8em -1.8em 0 0em #105eed;
	}
  }
  
/* 모바일페이지 오류 수정 230222 */
.list_prod_box .compare_bt{box-sizing: border-box;}
#pop_box.itpp_layer_pop .inner{ box-sizing: border-box;}
#pop_box.itpp_layer_pop .layer_pop { display: flex; flex-direction: column; max-width: 400px; box-sizing: border-box;}
#pop_box.itpp_layer_pop .layer_pop .title{padding:5px 20px 20px; word-break: keep-all;}
#pop_box.itpp_layer_pop .contents .txt_box{ top: 39vw;}
@media screen and (min-width: 500px) {
	#pop_box.itpp_layer_pop .contents .txt_box { top: 195px;}
}
.rgt_area .red_txt { color: #ff4a4a; font-size: 14px; }
.plus_discnt { color:#ff4a4a; font-family: 'noto-M'; font-style: normal; margin-right: 0;} 

/* 230802 99409 맞춤형 콘텐츠 */
.mw_wrap .tp_subj .bloo {width:max-content; padding: 13px 20px 12px; background: #fff; position: absolute; top: 45px; right:15px; border-radius: 15px; box-shadow: 3px 3px 10px rgba(0,0,0,0.16); box-sizing: border-box; z-index: 10;}
.mw_wrap .tp_subj .bloo::before {content: ''; width: 15px; height: 15px; background: #fff; position: absolute; top: -7px; right:20px; transform: rotate(45deg); box-shadow: -10px -5px 10px rgba(0,0,0,0.06);}
.mw_wrap .tp_subj .bloo a {display: flex; align-items: center; line-height:initial; font-size: 14px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a; text-align: center; word-break: keep-all;}
.mw_wrap .tp_subj .bloo a img {display:inline-block; width:12px; height:12px; margin:-1px 0 0 5px;}

/* 231212 104583 모바일 팝업 개선관련 부서 협조 요청 */
#layerpop_right.cs_right_search_menu_new .popup_cont {position: fixed; top: unset; bottom: 0; right: 0; width: calc(100% - 77px); height: calc(100% - 80px); background: #ffffff; z-index: 13;	border-radius: 15px 0 0 0; overflow: hidden; padding: 20px 15px;}
#layerpop_right.cs_right_search_menu_new .tit {width: 100%; height: unset; border-bottom: 1px solid #E8E8E8; line-height: unset; position: relative; top: 0; right: 0; z-index: 20; background: #ffffff; padding-bottom: 15px;}
#layerpop_right.cs_right_search_menu_new .tit .close{top: 0;}
#layerpop_right.cs_right_search_menu_new .cont {width: 100%; overflow-y: unset; padding: 15px 0;}
#layerpop_right.cs_right_search_menu_new .tap_div {border-right: 0; margin: 0 0 15px; display: flex;	background: #E8E8E8;	border-radius: 28px;}
#layerpop_right.cs_right_search_menu_new .tap_div > li {float: unset; width: 50%; position: relative; color: #000; height: 40px; line-height: 40px; text-align: center; border: 0; border-right: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#layerpop_right.cs_right_search_menu_new .tap_div > li.active {font-weight: unset;	background: #0D6DE3;	border-radius: 28px;}
#layerpop_right.cs_right_search_menu_new .tap_div > li a{font-size: 15px; font-family: 'noto-M'; color: #949494;}
#layerpop_right.cs_right_search_menu_new .tap_div > li.active a{color: #ffffff;}
#layerpop_right.cs_right_search_menu_new .tap_div > li.active:before{display: none;}
#layerpop_right.cs_right_search_menu_new input[type="radio"]{display: none;}
#layerpop_right.cs_right_search_menu_new input[type="radio"] + i {position: relative; display: inline-block; width: 24px; height: 24px; background: #fff; border: 1px solid #d8d8d8; border-radius: 50%; cursor: pointer; vertical-align: top; box-sizing: border-box; margin-right: 10px;}
#layerpop_right.cs_right_search_menu_new input[type="radio"] + i:before {content: ''; position: absolute; display: inline-block; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 14px; height: 14px; border-radius: 50%; background-color: #fff;}
#layerpop_right.cs_right_search_menu_new input[type="radio"]:checked + i {border: 2px solid #0D6DE3;}
#layerpop_right.cs_right_search_menu_new input[type="radio"]:checked + i:before {background-color: #0D6DE3;}
#layerpop_right.cs_right_search_menu_new .cont .inner{margin: 0;}
#layerpop_right.cs_right_search_menu_new .cont .inner > div{margin-bottom: 15px;}
#layerpop_right.cs_right_search_menu_new .cont .inner label{font-size: 15px; color: #3a3a3a; line-height: 24px;}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_date_layer{gap: 5px;}
#layerpop_right.cs_right_search_menu_new #search_date_layer .sel_bx{border: 0;}
#layerpop_right.cs_right_search_menu_new #search_date_layer .sel_bx select{border: 1px solid #D8D8D8; border-radius: 5px; color: #949494;}
#layerpop_right.cs_right_search_menu_new .ulist{border: 0; display: flex; flex-direction: column; gap: 15px;}
#layerpop_right.cs_right_search_menu_new .ulist > li{padding: 0; border-top: 0;}
#layerpop_right.cs_right_search_menu_new .ulist > li p{margin: 0;}
#layerpop_right.cs_right_search_menu_new .ulist > li a{border: 1px solid #D8D8D8; border-radius: 15px; padding: 18px 15px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit{display: flex; justify-content: space-between; margin-bottom: 14px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box{display: flex; align-items: center;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .date{font-size: 11px; font-family: 'noto-M'; color: #3a3a3a;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box > span{display: block; margin: 0 8px; width: 1px; height: 11px; background: #DBDBDB;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .num{font-size: 10px; font-family: 'noto-R'; color: #949494;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .num span{font-size: 10px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .state{font-size: 14px; font-family: 'noto-M'; color: #3a3a3a;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main{display: flex; gap: 14px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm{width: 65px; height: 65px; border-radius: 5px; overflow: hidden; position: relative;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm::before{content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm img{width: 100%;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm .basket_check_box{position: absolute; top: 1px; left: 1px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm .basket_check_box input[type="checkbox"] {display: none;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm .basket_check_box input[type="checkbox"] + label.basket_check > span {display: inline-block; width: 24px; height: 24px; background: #fff; border: solid 1px #d8d8d8; border-radius: 4px; box-sizing: border-box;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm .basket_check_box input[type="checkbox"]:checked + label.basket_check > span {border: none; background: url(//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png) center center/contain no-repeat;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box{width: 70%;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .box_tit{font-size: 11px; font-family: 'noto-R'; color: #3a3a3a; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .price{font-family: 'noto-M'; font-size: 12px; color: #949494;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .price span{color: #3a3a3a; margin-left: 5px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .price span b{font-size: 17px; font-family: 'spoqa M';}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_date_layer > a{width: 92px; height: 38px; display: flex; align-items: center; justify-content: center; color: #fff; background: #0D6DE3; border-radius: 5px; font-size: 15px; font-family: 'noto-M';}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap{width: calc(100% - 75px); display: flex; gap: 7px; position: fixed; bottom: 0; right: 3px; background: #fff; padding: 10px 10px 10px 14px; box-sizing: content-box;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap::after{content: ""; position: absolute; top: -50px; left: 0; width: 100%; height: 50px; background: linear-gradient(0deg, #fff 40%, transparent);}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap a{display: flex; align-items: center; justify-content: center; width: 50%; height: 52px; font-size: 18px; font-family: 'noto-M';}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap .reset{border: 1px solid #D8D8D8; border-radius: 10px; color: #3a3a3a;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap .submit{background: #0D6DE3; border-radius: 10px; color: #fff;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div{display: flex; gap: 5px;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx{width: 110px; height: 40px; border: 0;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx select{border: 1px solid #D8D8D8; border-radius: 5px; color: #949494; font-size: 15px;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div input.ipt_txt{border: 1px solid #D8D8D8; border-radius: 5px; width: 63%; height: 38px; padding: 0 5px;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > a{width: 100%; height: 40px; margin-top: 10px; display: flex; align-items: center; justify-content: center; background: #0D6DE3; border-radius: 5px; font-family: 'noto-M'; font-size: 15px; color: #fff;}
#layerpop_right.cs_right_search_menu_new .OrderUserList,
#layerpop_right.cs_right_search_menu_new .PrUserList{display: none;}
#layerpop_right.cs_right_search_menu_new .OrderUserList.on,
#layerpop_right.cs_right_search_menu_new .PrUserList.on{display: block;}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_date_layer,
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_order_layer{display: none;}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_date_layer.on{display: flex;}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_order_layer.on{display: block;}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_list{overflow-y: scroll;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .date_on{height: calc(90vh - 355px); padding-bottom: 80px;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .order_on{height: calc(90vh - 410px); padding-bottom: 80px;}
#layerpop_right.cs_right_search_menu_new #OrderUserList > .inner > .OrderList_box:first-child {margin-bottom: 15px; display: flex; align-items: center;}
#layerpop_right.cs_right_search_menu_new #OrderUserList > .inner > .OrderList_box > label{font-size: 15px; display: flex; align-items: center;}
#layerpop_right.cs_right_search_menu_new #PrUserList > .inner > .PrUserList_box:first-child {margin-bottom: 15px; display: flex; align-items: center;}
#layerpop_right.cs_right_search_menu_new #PrUserList > .inner > .PrUserList_box > label{font-size: 15px; display: flex; align-items: center;}
#layerpop_right.cs_right_search_menu_new #search_cate_layer .sel_bx{border: 0; border-radius: 5px;}
#layerpop_right.cs_right_search_menu_new #search_cate_layer .sel_bx select{border: 1px solid #D8D8D8; border-radius: 5px; color: #949494; font-size: 15px; height: 40px;}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_cate_layer > a{width: 100%; height: 40px; margin-top: 10px; display: flex; align-items: center; justify-content: center; background: #0D6DE3; border-radius: 5px; font-size: 'noto-M'; font-size: 15px; color: #fff;}
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap{width: calc(100% - 75px); display: flex; gap: 7px; position: fixed; bottom: 0; right: 3px; background: #fff; padding: 10px 10px 10px 14px; box-sizing: content-box; margin-bottom: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap::after{content: ""; position: absolute; top: -50px; left: 0; width: 100%; height: 50px; background: linear-gradient(0deg, #fff 40%, transparent);}
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap a{display: flex; align-items: center; justify-content: center; width: 50%; height: 52px; font-size: 18px; font-family: 'noto-M';}
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap .reset{border: 1px solid #D8D8D8; border-radius: 10px; color: #3a3a3a;}
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap .submit{background: #0D6DE3; border-radius: 10px; color: #fff;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable{padding: 0 15px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a{border-radius: 0; border: 0; border-bottom: 1px solid #D8D8D8; padding: 15px 0;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li:last-child a{border-bottom: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .box_tit{font-size: 13px; font-family: 'noto-R'; color: #3a3a3a;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price{font-size: 12px; font-family: 'noto-M'; color: #949494;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price span{font-size: 13px; font-family: 'spoqa M'; color: #3a3a3a; font-weight: bold;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price span.red{color: #F14738;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price span i{font-style: normal; font-family: 'noto-M'; font-weight: normal;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .enteronly{display: inline-block; padding: 4px 8px; border-radius: 5px; background: #3a3a3a; font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: #fff; margin-top: 5px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .enteronly02{display: inline-block; padding: 4px 8px; border-radius: 5px; background: #6C6C6C; font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: #fff; margin-top: 5px;}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list {overflow-y: scroll; height: calc(90vh - 490px); padding-bottom: 80px; margin: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list.code_on{height: calc(90vh - 405px); padding-bottom: 80px; margin: 0;}
#layerpop_right.cs_right_search_menu_new #search_cate_layer,
#layerpop_right.cs_right_search_menu_new #search_pno_layer{display: none;}
#layerpop_right.cs_right_search_menu_new #search_cate_layer.on,
#layerpop_right.cs_right_search_menu_new #search_pno_layer.on{display: block;}
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div{display: flex; gap: 5px;}
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx{width: 110px; height: 40px; border: 0;}
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx select{border: 1px solid #D8D8D8; border-radius: 5px; color: #949494; font-size: 15px;}
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div input.ipt_txt{border: 1px solid #D8D8D8; border-radius: 5px; width: 63%; height: 38px; padding: 0 5px;}
#layerpop_right.cs_right_search_menu_new #search_pno_layer > a{width: 100%; height: 40px; margin-top: 10px; display: flex; align-items: center; justify-content: center; background: #0D6DE3; border-radius: 5px; font-family: 'noto-M'; font-size: 15px; color: #fff;}

/* 124917 공통수동배너 영역 */
.bnr_wrap {margin:0 auto; padding:0 0 20px;}
.bnr_wrap a {display: block; max-width:650px; margin:0 auto;}
.bnr_wrap a img {display: block; width:100%;}

/* 123887 품절상품 비슷한상품 팝업 */
.info_popzone.similar_popzone {z-index: 1000;}
.similar_popzone * {box-sizing: border-box; letter-spacing: -1px; line-height: 1.5;}
.similar_popzone .info_slide_popup {display: flex; flex-direction: column; gap: 16px;}
.similar_popzone .info_popup_tit {padding: 20px 48px 23px; margin: 0 16px;}
.similar_popzone .info_popup_tit h2 {font-family: 'noto-R'; font-weight: 700;}
.similar_popzone .info_popup_tit a {top: 20px; right: 16px; width: 28px; height: 28px; background-image: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg");}
.similar_popzone .info_pop_fixbtn {height: 84px; padding: 16px; border-radius: 20px 20px 0 0; box-shadow: 0px -5px 10px #00000014;}
.similar_popzone .info_pop_fixbtn button {font-size: 16px; letter-spacing: -0.4px;}
.similar_popzone .info_cont {width: 100%; height: calc(100% - 88px);}

.product_container {height: 100%; display: flex; flex-direction: column; gap: 16px;}
.container_top {display: flex; align-items: center; justify-content: space-between; padding: 0 16px;}
.container_top > p {font-weight: 700; font-size: 16px;}
.container_top .btn_box {display: flex; align-items: center; gap: 12px;}
.container_top .btn_box > span {font-size: 14px; letter-spacing: -0.4px; display: block; flex-shrink: 0;}
.btn_toggle {width: 48px; height: 24px; border-radius: 12px; background: #D8D8D8; position: relative; cursor: pointer; transition: .3s;}
.btn_toggle > i {display: inline-block; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 1px 1px 4px #00000033; transition: .3s;}
.btn_toggle.on {background: #1C8FED;}
.btn_toggle.on > i {left: calc(100% - 21px);}
.container_inner.scroll {height: calc(100% - 124px); overflow-y: auto; overscroll-behavior: contain; padding-bottom: 24px;}

.similar_product_list {display: flex; flex-direction: column;}
.similar_product_list>li {display: grid; grid-template-columns: 100px 1fr; grid-template-rows: auto; gap: 8px 12px; padding: 6px 16px;}
.similar_product_list>li:first-child {padding-top: 0;}
.similar_product_list .img_box {width: 100px; height: 100px; position: relative; border-radius: 5px; overflow: hidden;}
.similar_product_list .img_box >  img {width: 100%; height: 100px;}
.similar_product_list .img_box::after {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.02);}
.similar_product_list .info_box {position: relative;}
.similar_product_list .name {margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; text-overflow: ellipsis; overflow: hidden; font-size: 15px;}
.similar_product_list .price {display: flex; gap: 8px;}
.similar_product_list .discount {font-family: 'spoqa B'; font-size: 16px; color: #F14738}
.similar_product_list .total {font-size: 12px;}
.similar_product_list .total strong {font-family: 'spoqa B'; font-size: 16px; padding-right: 2px;}
.btn_add_cart {position: absolute; right: 0; bottom: 4px; width: 36px; height: 36px; border: 1px solid #D8D8D8; background: #fff url("//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_basket_24.svg") center no-repeat; border-radius: 50%; cursor: pointer;}
.similar_product_list .tag_wrap {display: flex; flex-wrap: wrap; gap: 4px; background: #EEF8FF; border-radius: 10px; padding: 16px; grid-area: 2 / 1 / 3 / 3; }
.similar_product_list .tag_wrap .tag {padding: 4px 8px; background: #fff; border-radius: 5px; display: inline-flex; justify-content: center; align-items: center; font-size: 12px; letter-spacing: -0.6px; gap: 2px;}
.similar_product_list .tag > p {font-family: 'noto-M';}
.similar_product_list .tag > span {color: #0D6DE3;  font-family: 'noto-M';}