/* cscenter2019 CSS */
.cscenter a , .cscenter span .cscenter div .cscenter input  {font-family:spoqa R; font-size:14px;}

/* content */
.cs_centent {background-color:#e9ecef; padding-top:.8rem;}
.CS_contents { min-height: calc(100dvh - 301px);}
	
/* 상담내역 */
/* 검색폼 */
.cs_list_form {width:100%; padding:30px 16px 16px; background:#fff;}
.cs_list_form .rdo_list{width:100%; display:table; margin:0 0 12px;}
.rdo_list input.sch_radio[type="radio"] {display:none; vertical-align:middle;}
.rdo_list input.sch_radio[type="radio"] + label.sch_radio {vertical-align:middle; display:table-cell; width:25%; height:48px; font-size:14px; font-family:'noto-M'; text-align:center; color:#949494; border-bottom:1px solid #d8d8d8;}
.rdo_list input.sch_radio[type="radio"]:checked + label.sch_radio {border-bottom:2px solid #3a3a3a; color:#3a3a3a;}
/* 상담리스트 */
.cs_faq_area {width:100%; margin-bottom:60px; background-color:#fff; display:inline-block; border-top:1px solid #d8d8d8;}
.cs_faq_area .cs_faq_list {width:100%;}
.cs_faq_area .cs_faq_list .cs_faq {width:100%; display: inline-block; border-bottom:1px solid #d8d8d8; padding:16px; }
.cs_faq_area .cs_faq_list .cs_faq .flex {display:flex; align-items: flex-start; gap:8px; }
.cs_faq_area .cs_faq_list .cs_faq .flex-wrap {display: flex; flex-direction: column; gap:4px; width:100%;}
.cs_faq_area .cs_faq_list .cs_faq .flex-wrap .tit {width:calc(100% - 60px);}
/* 질문영역 */
.cs_faq_area .cs_faq_list .cs_faq dt.faq_Q {width:100%; position:relative;}
.cs_faq_area .cs_faq_list .cs_faq i {font-size:16px; font-family:'spoqa B'; color:#0D6DE3; font-style: normal; line-height:1;}
.cs_faq_area .cs_faq_list .cs_faq dt.faq_Q span, .cs_faq_area .cs_faq_list .cs_faq .faq_A span {word-break:keep-all;}
.cs_faq_area .cs_faq_list .cs_faq dt.faq_Q > span.state {margin:0; position:absolute; right:0; top:0; color: #1C8FED;}
.cs_faq_area .cs_faq_list .cs_faq dt.faq_Q > span.state.ok{color: #3a3a3a;}
/* 답변영역 */
.cs_faq_area .cs_faq_list .cs_faq .faq_A {padding:16px; width:100%; background: #f9f9f9; border-radius: 10px; font-size: 14px; font-family:'noto-R';}
.cs_faq_area .cs_faq_list .cs_faq .faq_A span.orange12B {color:#3a3a3a; font-family:'spoqa M'; font-size:14px;}
.cs_faq_area .cs_faq_list .cs_faq .faq_Q + .faq_A {margin-top:16px;}
.cs_faq_area .cs_faq_list .cs_faq .faq_A:last-child {padding:12px 16px 16px;}
.cs_faq_area .cs_faq_list .cs_faq .faq_A i {color:#1C8FED;}
.cs_faq_area .cs_faq_list .cs_faq .faq_A .faq_A_btn_wrap { display:flex; justify-content: center; gap:4px; margin-top:16px;}
.cs_faq_area .cs_faq_list .cs_faq .faq_A .stf_cho {display: flex; flex-direction: column; align-items: center; gap:4px;}
.cs_faq_area .cs_faq_list .change_counselorBox {margin:4px 0 0 16px;}
/* 답변영역-첨부파일 주문번호 등  */
.cs_faq_area .cs_faq_list .coz_order_info {display: flex; flex-direction: column; gap:8px; width:100%; background: #fff; border-radius: 5px; padding:12px; }
.cs_faq_area .cs_faq_list .coz_order_info li {display: flex; align-items: flex-start; line-height:28px;}
.cs_faq_area .cs_faq_list .coz_order_info .coz_infoTit {font-size:14px; font-family:'noto-M'; width:70px;}
.cs_faq_area .cs_faq_list .coz_order_info .coz_infoContent {display: flex; align-items: center; gap:8px; font-size:14px; font-family:'noto-R';}
.cs_faq_area .cs_faq_list .coz_order_info .flex_wrap {display: flex; flex-wrap: wrap; width:calc(100% - 70px); gap: 4px 20px;}
.cs_faq_area .cs_faq_list .coz_order_info + .a_content {margin:8px 0;}
.cs_faq_area .cs_faq_list .coz_order_info .file_inner {flex-direction: row; align-items: center; gap:20px;}
/* 상담내역-사양검토확인 */
.cs_faq_area .cs_faq_list .faq_A .con_B {font-family:'noto-M'; font-size:14px; margin-bottom:4px;}
.cs_faq_area .cs_faq_list .faq_A .con_N {font-size: 14px; margin-bottom:8px;}
.cs_faq_area .cs_faq_list .faq_A .right_btn_wrap .fl_right {display: flex; align-items: center; gap:4px; justify-content: flex-end; margin-bottom: 8px;}
.cs_faq_area .cs_faq_list .faq_A .prod_info_t { width:100%; margin:0 auto; border-collapse:collapse; border-spacing:0;}
.cs_faq_area .cs_faq_list .faq_A .prod_info_t tr {border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; text-align: center;}
.cs_faq_area .cs_faq_list .faq_A .prod_info_t th {background: #fff; font-family:'noto-M'; color: #3a3a3a; font-size: 14px; padding:8px;}
.cs_faq_area .cs_faq_list .faq_A .prod_info_t td {background: #fff; font-family:'noto-M'; color: #3a3a3a; font-size: 14px; padding:8px; border-right:1px solid #d8d8d8;}
.cs_faq_area .cs_faq_list .faq_A .prod_info_t td:last-child {border-right:0;}
.cs_faq_area .cs_faq_list .faq_A .prod_info_t td.align_L { text-align: left;}
.checkbox {position:relative; width:20px; height:20px; border:1px solid #d8d8d8; background:#fff; -webkit-appearance: none; appearance: none; border-radius: 0;}
input.checkbox[type="checkbox"]:checked:before {content:""; display:inline-block; width:100%; height:100%; position:absolute; left:50%;top:50%; transform:translate(-50% , -50%);  background:url("//image5.compuzone.co.kr/img/images/ask_estimate/estimate_mcheck.png") center no-repeat; background-size:contain;}
.cs_faq_area .cs_faq_list .faq_A .prod_info_t td .checkbox {background: #f1f1f1;}
.cs_faq_area .cs_faq_list .faq_A .prod_info_t td .pd_name {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-decoration: none !important; color:#6c6c6c; }
/* 상담내역 클릭시 */
.cs_faq_area .cs_faq_list .cs_faq .faq_A {display:none; }
.cs_faq_area .cs_faq_list .cs_faq.view .faq_A {display:inline-block;}
.cs_faq_area .cs_faq_list .cs_faq.view .faq_A .bulk_option_text{display: none;}
/* 상담내역 없을시 */
.cs_faq_area .cs_faq_list .no_list {display: flex; flex-direction: column; align-items: center; padding: 120px 0!important; border-color: #fff;}
.cs_faq_area .cs_faq_list .no_list > div {display: inline-block; width: 42px; height: 42px; margin:0 0 12px 0;}
.cs_faq_area .cs_faq_list .no_list div > img {width: 100%; display: block;}

/* 로그인 요청 영역 */
.login_go  {width:100%; display:inline-block; text-align:center; padding:130px 0;}
.login_go .txt {text-align:center; width:100%; display:inline-block; margin-bottom: 30px;}
.login_go .btn {display: flex; gap: 4px; width: 100%; justify-content: center;}

/* 오시는 길 :: 매장/서비스센터/  */
.map_wrap{padding: 20px 0; background: #fff;}
.mapimg{width: calc(100% - 32px); position: relative; margin: 0 16px; border-radius: 10px; overflow: hidden;}
.mapimg img{width: 100%; display: block;}
.mapimg .mapbtn{position: absolute; top: 16px; right: 16px; display: block; height: 28px; padding: 5px 8px; border-radius: 5px; font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: #949494; text-align: center; letter-spacing: -0.3px; box-sizing: border-box; background: #fff;}
.mapBox {display:block; width:100%;}
.mapinfo {display:block; width:100%; background:#fff;}
.mapinfo ul {padding: 16px; display: flex; flex-direction: column; gap: 4px;}
.mapinfo ul:not(:first-child) {border-top: 1px solid #F2F2F2;}
.mapinfo ul li {font-size: 14px; font-family: 'noto-R'; letter-spacing: -0.3px;}
.mapinfo ul li:first-child {font-size: 16px; font-family: 'noto-B'; color: #3A3A3A; padding-bottom: 8px;}
.map_wrap .cs_tab_menu{display:block; background-color:#fff; width:100%; border: 0; margin-bottom: 20px; padding: 0 16px;}
.map_wrap .cs_tab_menu ul{display: flex; justify-content: center; width: 100%; height: 45px; border-radius: 35px; background: #E8E8E8; position: relative;}
.map_wrap .cs_tab_menu ul li{display: block; width: 50%; height: 44px; line-height: 46px; text-align: center; font-size: 15px; font-family: 'noto-R'; color: #949494; position: relative; z-index: 2; transition: 0.3s; cursor: pointer;}
.map_wrap .cs_tab_menu ul li.on{color: #fff;}
.map_wrap .cs_tab_menu ul .btnbg{width: 50%; height: 45px; background: #1A1A1A; border-radius: 35px; position: absolute; left: 0; top: 0; transition: 0.4s; z-index: 1;}
.map_wrap .cs_tab_menu ul .btnbg.bt1{left: 0;}
.map_wrap .cs_tab_menu ul .btnbg.bt2{left: 50%;}
.compu_img_wrap {width: 100%; position: relative; padding: 20px 16px; border-top: 9px solid #F2F2F2;}
.compu_img_title {font-size: 16px; font-family: 'noto-B'; color: #3a3a3a; margin-bottom: 12px;}
.compu_img_large{max-width: 335px; width: 100%; margin: 0 auto; overflow: hidden;  border-radius: 10px; position: relative;}
.main_area_compu_img .compu_top{width: 100%; position: relative; margin: auto; z-index: 2; border-radius: 10px;}
.main_area_compu_img .compu_top>span {display: block; height: auto; margin: 0 auto; border-radius: 10px; overflow: hidden; position: relative; left: 50%; transform: translateX(-50%);}
.main_area_compu_img .compu_top span img {width: 100%; position: relative; left: 50%; transform: translateX(-50%); display: block;}
.compu_img_wrap .swiper-pagination{display: flex; justify-content: center; gap: 5px; bottom: 15px;}
.compu_img_wrap .swiper-pagination-bullet{width: 6px; height: 6px; background: #fff; opacity: 0.5; border-radius: 6px; transition: unset; margin: 0 !important;  border-radius: 6px; overflow: hidden;}
.compu_img_wrap .swiper-pagination-bullet-active{width: 20px; opacity: 1;}
.swiper_progSlidebar2_wrap{width: 100%; margin-top: 12px;}
.compu_img_wrap .swiper_progSlidebar2{bottom: 0px; position: relative; transform: unset; transition: unset; width: 100%; display: inline-flex; gap: 10px; justify-content: center;}
.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet {width: 60px; height: 60px; opacity: 1; box-sizing: border-box; float: left; margin-right: 0px !important;}
.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet-active{border: 2px solid #949494; box-sizing: border-box;} 
.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(1){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_1.jpg') center center/cover no-repeat;}
.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(2){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_2.jpg') center center/cover no-repeat;}
.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(3){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_3.jpg') center center/cover no-repeat;}
.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(4){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_4.jpg') center center/cover no-repeat;}
.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(5){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_5.jpg') center center/cover no-repeat;}
.swiper_progSlidebar4_wrap{width: 100%; margin-top: 12px;}
.compu_img_wrap .swiper_progSlidebar4{bottom: 0px; position: relative; transform: unset; transition: unset; width: 100%; display: inline-flex; gap: 10px; justify-content: center;}
.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet {width: 60px; height: 60px; opacity: 1; box-sizing: border-box; float: left; margin-right: 0px !important;}
.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet-active{border: 2px solid #949494; box-sizing: border-box;} 
.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(1){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_1.jpg') center center/cover no-repeat;}
.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(2){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_2.jpg') center center/cover no-repeat;}
.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(3){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_3.jpg') center center/cover no-repeat;}
.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(4){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_4.jpg') center center/cover no-repeat;}
.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(5){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_5.jpg') center center/cover no-repeat;}

/******  2021 상담센터 개편 ******/
.img100{display:block; width:100%; height:100%;}
.p30_bg {padding: 20px 16px 40px; background: #FFF;}
/* 페이지 상단 타이틀 */
.mene_layer{display:none; position:absolute; left:50%; top: 48px; transform:translateX(-50%); padding: 20px 16px; width: 100%; background:#fff; text-align:left; overflow:hidden; z-index:101; box-sizing: border-box;}
.mene_layer ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.mene_layer li a {text-indent: none; width: max-content; height: max-content; color: #3a3a3a;}
.mene_layer li a {display: block; width: 100%; height: 100%; font-size: 15px;}
.mene_layer li a.on{font-family: 'Noto-B';}
.mene_layer_dimm {display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.7); z-index: 11;}
.mene_layer_dimm.on {display: block;}
/* 상담센터 메인 - 자주 묻는 질문 검색 */
.cs_faq_blue{position:relative; padding:20px; background:#0D6DE3; }
.cs_faq_tit{padding-left:20px; margin:0 auto; width:100%; max-width:550px; color:#fff; font-size:15px; font-family:noto-B; font-weight:normal;}
.cs_faq_Bbox{position:relative; margin:10px auto 0; width:100%; max-width:550px; height:45px; line-height:45px; }
.cs_faq_Bbox .faq_input{display:block; margin:0 auto; padding: 10px 15px; width:100%; height:100%; border-radius:50px; background:#fff; border:none; overflow:hidden;}
.cs_faq_Bbox .faq_input::placeholder {color:#3A3A3A;}
.cs_faq_blue.cs_faq_white{padding: 16px; background:#fff;}
.cs_faq_white .mcpz_input_box{margin-top:0;}
.cs_faq_white .mcpz_input_box .faq_input{background:#F9F9F9; border:1px solid #F9F9F9;}
.cs_faq_blue .more_view{position:absolute; right:40px; top:20px; } 
.cs_faq_blue .more_view > a{color:#fff; font-size:13px; font-family:Noto-R; display: flex; align-items: center;}
.cs_faq_blue .more_view i{width: 12px; height: 12px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg") center/contain no-repeat; display: inline-block;}
.cs_faq_Bbox .faqS_btn {position: absolute; right: 16px; top: 10px; display: block; width:24px; height:24px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg") center/contain no-repeat;}
.squareTab_wrap > li {box-shadow: none; }
/* 상담센터 메인 - 상단메뉴 */
.squareTab_wrap{padding:30px 20px; background:#F7F7F7; text-align:center; font-size:0;}
.squareTab_wrap > li{position:relative; display:inline-block; width:calc((100% - 30px) / 2); max-width:165px; height:105px; border-radius:11px; background-color:#fff; box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.16); vertical-align:top;}
.squareTab_wrap > li > a{display:flex; width:100%; height:100%; text-align:center; align-items: center; justify-content: center; flex-direction: column;}
.squareTab_wrap > li:nth-child(even){margin-left: 15px;}
.squareTab_wrap > li:nth-child(3) , .squareTab_wrap > li:nth-child(4){margin-top:15px;}
.squareTab_wrap > li span {display:inline-block; width:36px; height:36px; margin-bottom:5px;}
.squareTab_wrap > li span > img {display:block; width:100%; height:100%;}
/* 상담센터 메인 - 서비스목록 */
.cs_service_list{display: flex; align-items: center; justify-content: center; gap:25px; padding:25px 0; text-align:center; font-size:0;}
.cs_service_list li{display:inline-block;}
.cs_service_list li a{display:block; width:100%; text-align:center;}
.cs_service_list li span {background: #EEF8FF; border-radius: 50%; display: flex; align-items: center; justify-content:center; width:65px; height:65px;}
.cs_service_list li span img {width: 32px; height: 32px;}
.cs_service_list li .ntRB13{margin-top:8px; color:#949494; line-height:1;}
/* 상담센터 메인 - 공지사항 */
.CS_ntc_wrap{padding:30px 20px; background:#F7F7F7;}
.cs_notice_box{margin:0 auto; width:100%; max-width:740px; border-radius:20px; background:#fff; overflow:hidden;}
.cs_notice_box .CS_box_Tit {display: flex; justify-content: space-between; position:relative; padding:12px 20px; width:100%; height:50px; border-bottom: 1px solid #D8D8D8;}
.cs_notice_box .CS_box_Tit > a{font-size: 0; width: 24px; height: 24px; display: inline-block; margin-top: 0; position: relative;
background: url('//image5.compuzone.co.kr/img/images/mypage22/icon_plus_48.png'); background-size: contain;}
.CS_box_contents{padding:17px 20px; background:#fff;}
.CS_box_contents .ntc_list{width:100%; font-size:0;}
.CS_box_contents li + li{margin-top:10px;}
.CS_box_contents .ntc_tit{float:left; width:80%; color:#595959; font-size:14px; font-family:noto-R; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; text-align:left;}
.CS_box_contents .ntc_date{float:right; color:#949494; font-size:14px; font-family:noto-R;}
/* 상담센터 메인 - 고객센터 연결가능 시간 */
.CS_openTime{padding:15px 20px; background:#E8E8E8; text-align:center;}
.CS_openTime > span{display:inline-block;}
.CS_openTime > span + span{position:relative; margin-left:50px;}
.CS_openTime > span + span:before{content:""; position:absolute; left:-25px; top:2px; width:1px; height:16px; background:#d8d8d8;}

/** 상담 페이지리스트 **/
.grayBox_infoT{padding: 16px; border-radius: 10px; background: #F9F9F9; text-align: center;}
.grayBox_infoT.left {text-align: left;}
.grayBox_infoT p {font-size: 14px; font-family: 'noto-M';}
.grayBox_infoT span {font-size: 13px; color: #949494;}
.grayBox_infoT h5 {display: flex; align-items: center; gap:8px;}
.grayBox_infoT h5 + h5 {margin-top:4px;}
.cs_listW {margin-top: 16px; background: #fff;}
.cs_list_wrap > li{margin-top: 16px;}
.cs_list_wrap > li:last-of-type{margin-bottom:0;}
.cs_list_wrap .cs_list_tit{margin-bottom:8px; width:100%; line-height:1; display: flex; justify-content: space-between; align-items: center;}
.cs_list_wrap h3{display:inline-block; line-height:1; font-weight:normal; vertical-align:top; font-size: 16px; line-height: 24px;}
.mcpz_input_box input.input_type2{display:inline-block; width: calc(100% - 61px); vertical-align:top;}
.mcpz_input_box .inputR_btn{position:absolute; right:0; top:0; display:inline-block; width:25%; height:40px; max-width:100px; border-left:1px solid #DEDEDE; background:#F9F9F9; border-radius:0 5px 5px 0; border:1px solid #d8d8d8; vertical-align:top; overflow:hidden;}
.mcpz_input_box input.input_type2 + .inputR_btn {width: 57px; height: 40px; border-radius: 5px; background: #F9F9F9; border: 1px solid #D8D8D8; overflow: hidden;}
.cs_list_wrap .mcpz_input_withBtn.addFile2 .addFileBtn:after{background: url("//image5.compuzone.co.kr/img/images/mypage21/mo_camera2.png") center no-repeat; background-size:contain;}
.cs_SGbtn{display:inline-block; min-width: 71px; padding: 0 10px; height: 28px; line-height: 1; background-color: #f9f9f9; border: #e8e8e8 solid 1px; border-radius: 2px; color:#1a1a1a; font-size:13px; font-family: noto-M;}
.cs_signUp{display:block; margin-top: 16px; padding:0 50px; width: 100%; font-size: 16px; max-width: unset;}
.cs_list_wrap textarea{display:block; font-size: 14px;}
.staff_praise button{padding:0 10px; width:45%; height:40px; line-height:40px; font-size:14px; font-family: 'noto-R';}
.staff_praise button.on{background:#1c8fed;}
.staff_praise button.AS_LGbtn{margin-left:10px;}
/* 구해줘PC 추가 */
.AS_LBLbtn.CS_LBLbtn{display:flex; justify-content: space-between; align-items: center; margin-top:20px; padding:12px 20px; border-radius: 10px; max-width:100%; line-height:1.5;}
.AS_LBLbtn.CS_LBLbtn > div{color:#fff;}
/* 셀렉박스 내 더보기 물음표 */
.select_more{position:absolute; top:8px; z-index:10;}
.select_more > a{display:block; width:24px; height:24px; background:url("//image5.compuzone.co.kr/img/images/mypage21/mo_question.png")  center no-repeat; background-size:cover;  font-size:0;}
/* input 리스트 하단 안내 문구 */
.gray_ntcT{margin-top:8px; position:relative; padding-left:13px; color:#949494; font-size:13px; font-family:noto-R; word-break:keep-all;}
.blue_ntcT{margin-top:8px; position:relative; padding-left:13px; color:#1C8FED; font-size:13px; line-height:1.4; font-family:noto-R; word-break:keep-all;}
.red_ntcT{margin-top:8px; position:relative; padding-left:13px; color:#F14738; font-size:13px; line-height:1.4; font-family:noto-R; word-break:keep-all;}
.gray_ntcT > i , .blue_ntcT > i , .red_ntcT > i{position:absolute; left:0; top:0; display:inline-block; font-size:13px; font-style:normal;}

/*** 담당자 선택 레이어 팝업 ***/
.cs_stf_layer {display:inline-block; position:absolute; left:50%; bottom:0; transform:TranslateX(-50%); padding: 20px 16px; width:100%; max-width:750px; height: 85vh; border-radius:20px 20px 0 0; background-color:#fff;}
.cs_stf_layer .layerPop_Tit {border-bottom: none; padding-bottom: 0;}
.cs_stf_layer .layerPop_Tit h2 {font-size: 18px;}
.responsibility_listWrap {margin-top: 20px; max-height: 68vh; overflow-y:auto; padding-bottom: 20px;}
.responsibility{position:relative; padding: 16px; width:100%; background:#F9F9F9; border:2px solid #F9F9F9; border-radius:15px;}
.responsibility.on{background:#fff; border:2px solid #135EBA;}
.responsibility + .responsibility{margin-top: 12px;}
.responsibility .day_off {position: absolute; right: 16px; top: 16px; padding: 0 8px; height: 24px; line-height: 24px; border-radius: 5px; background: #3A3A3A; color: #fff; z-index:1;}
.responsibility > .info_area{width: 100%; display: grid; grid-template-rows: repeat(1, 1fr); grid-template-columns: 75px 1fr; gap: 8px 12px;}
.info_area[class*="stfpf_area"] {display: block;}
.info_area[class*="stfpf_area"] .info_area {width: 100%; display: grid; grid-template-rows: repeat(1, 1fr); grid-template-columns: 75px 1fr; gap: 8px 12px;}
.responsibility input[type="radio"] {position: absolute; opacity: 0; pointer-events: none;}
.responsibility .img{position:relative; display:inline-block; width:75px; height:90px; vertical-align:middle;grid-area: 1 / 1 / 3 / 2; border-radius: 5px; overflow: hidden;}
.responsibility .name_about{position: relative;  width: 100%; grid-area: 1 / 2 / 2 / 3;}
.responsibility .name_about h3 {line-height: 24px; font-size: 16px; font-family: 'noto-B'; font-weight: 400;}
.hashTag_list {display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px;}
.hashTag_list li{padding: 4px 8px; border-radius: 5px; background: #fff; font-size: 12px;}
.responsibility.on .hashTag_list li{background:#EEF8FF; color: #0D6DE3;}
.responsibility .comment{grid-area: 2 / 2 / 3 / 3; line-height: 1;}
.responsibility .comment > span{color:#595959; font-size: 14px;}
.cs_stf_layer .btn_wrap {position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; background: #fff; padding: 16px;}
.cs_stf_layer .btn_wrap button {max-width: 100%; letter-spacing: -0.3px;}
/** 여신거래 , 원격 지원 안내 팝업 **/
.layer_conTit{position:relative; padding-left:13px; font-size:13px; line-height:18px; word-break:keep-all; text-align:left;}
.blue_square{position:absolute; left:0; top:7px; display:inline-block; width:4px; height:4px; background:#1C8FED;}
.layer_conTit + .notice_inner{margin-top:10px; border:none !important;}
.layerPop_contents dl + dl{margin-top:20px;} 
.step_grayLi li{padding:10px 15px; background-color:#f9f9f9; }
.step_grayLi li > b{margin-right:7px;}
.step_grayLi li + li{margin-top:1px;}
/** faq 이미지 팝업 **/
.img_dimmed{position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:10000;}
.answer_img{position:absolute; left:50%; top:50%; transform:translate(-50%,-45%); width:100%; text-align:center;}
.answer_img > img{width:100%; max-width:100%; max-height:100%; height:auto; overflow:hidden;}
.img_layerX{display:block; position:absolute; right:20px; top:20px; width:24px; height:24px; background:url("//image5.compuzone.co.kr/img/images/evt_2020/profile/profileBg_dim_X.png") center top no-repeat; background-size:cover;}

/**** 자주묻는 질문 ****/
.cs_RG_tab {height: 48px; padding: 0 16px; overflow-y:hidden; overflow-x:auto; white-space:nowrap; text-align:center; border-bottom: 1px solid #D8D8D8;}
.cs_RG_tab > ul {display: flex; height: 48px;}
.cs_RG_tab > ul > li {position: relative; display: flex; justify-content: center; align-items: center; color: #949494; letter-spacing: -0.4px; padding: 0 16px; cursor: pointer;}
.cs_RG_tab > ul > li h2 {font-family: 'noto-R'; font-size: 14px; font-weight: 400;}
.cs_RG_tab::-webkit-scrollbar {display: none;}
.cs_RG_btn.on {color: #1a1a1a;}
.cs_RG_btn.on h2 {font-weight: 700;}
.cs_RG_btn.on::after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #1a1a1a;}

/** 대분류 컨텐츠 박스 **/
.cs_RG_contents > div{display:none;}
.cs_RG_contents > div.on{display:block;}
/** 중분류 탭 **/
.cs_RG_inner_tab{overflow-y:hidden; overflow-x:auto; white-space:nowrap; text-align:center; background: #F9F9F9;}
.cs_RG_inner_tab > ul {padding: 12px 16px; display: flex; gap: 4px;}
.cs_RG_inner_btn > button {height: 32px; background: #fff; border: 1px solid #D8D8D8; border-radius: 30px; padding: 4px 12px; font-size: 12px;}
.cs_RG_inner_btn.on > button {background: #1A1A1A; color: #fff;}
.cs_RG_inner_tab::-webkit-scrollbar {display: none;}
/** 중분류 + qna 리스트 **/
.search_total{margin:30px 0 8px; font-weight:normal; padding: 0 16px;}
.cs_RG_inner_contents > li{display:none; background:#fff;}
.cs_RG_inner_contents > li.on{display:block;}
.qna_box .question{position:relative; padding: 16px; border-top: 1px solid #F2F2F2; display: flex; gap: 5px;}
.qna_box .question > p{font-family: 'noto-M';}
.qna_box .question .q{color:#0D6DE3; font-size: 16px; line-height:1; font-family:'spoqa B'; font-weight:bold; margin-top: -2px;}
.qna_box .answer{display:none; padding:15px; width: calc(100% - 32px); margin: 0 auto 16px; border-radius: 10px; background:#F9F9F9; line-height:1.5; word-break:break-all;}
.qna_box .answer img{display:block; margin:10px 0; max-width:100%;}
.qna_box .show_more_list {position: relative;}
.qna_box .show_more_list::before {content: ''; display: block; position: absolute; left: 0; top: -35px; width: 100%; height: 30px; background: linear-gradient(0deg, #fff 30%, transparent);}
/** 검색 결과 없을 경우 **/
.no_Results{padding:120px 0; color:#949494; font-size:14px; font-family: 'noto-M'; line-height:1.4; text-align:center; display: flex; flex-direction: column; gap: 8px; justify-content: center; align-items: center;}
.no_Results .exclam {display: block; width: 48px; height: 48px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_exclamation_mark_circle_48.svg") center no-repeat; background-size:cover;}
.no_Results p, .no_Results strong {font-weight: 500; font-family: 'noto-M';}

/* 요86545 여신거래 데이터 카테고리 추가 220713 */
.cs_list_wrap > li.staff_praise{margin-top: 8px;}
.cs_list_wrap > li.staff_praise>div {display: flex; justify-content: space-between; gap: 4px;}
.cs_list_wrap > li.staff_praise .AS_LGbtn{ margin: 0; width: calc(50% - 2px); max-width: none; border-radius: 5px;}
.cs_list_wrap > li.staff_praise button.on{border: 1px solid #0D6DE3; color: #0D6DE3; background: none;}
/* 팝업 */
.pop_box_wrap{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); padding: 0 25px;}
.pop_box_wrap .popup_mo {padding:0 15px 35px; width: 100%; max-width:750px; height: 85vh; position: absolute; bottom: 0; left: 50%; transform:translateX(-50%); background: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.pop_box_wrap .popup_tab {margin-bottom:20px;}
.pop_box_wrap .popup_tab ul {display: flex; width:100%; background:#e8e8e8; border-radius: 28px; overflow:hidden;}
.pop_box_wrap .popup_tab ul li {width:-webkit-fill-available; height:45px; line-height:45px; border-radius: 28px; text-align: center; font-size:15px; font-family:'noto-M'; font-weight: normal; color:#949494;}
.pop_box_wrap .popup_tab ul li.on {background:#1a1a1a; color:#fff;}
.pop_box_wrap .popup2_mo { background: #fff; border-radius: 10px; box-sizing: border-box; position: relative; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 325px; max-width: 400px; min-width: 270px;}	
.pop_box_wrap .bodytitle1 { font-size: 17px; font-family: 'noto-b'; font-weight: normal; }
.pop_box_wrap .bodytitle2 {font-size:14px; font-family:'noto-b'; font-weight: normal; color:#3a3a3a;}
.pop_box_wrap .bodytext1 { font-size: 15px; font-family: 'noto-R'; font-weight: normal; }
.pop_box_wrap .bodytext2 {font-size:14px; font-family:'noto-R'; font-weight: normal;}
.pop_box_wrap .color94 {color:#949494;}
.pop_box_wrap .detail {font-size:13px; font-family:'noto-D'; font-weight: normal;}
.pop_box_wrap .vertical_bar{ margin: 0 5px; font-size: 14px; color: #D8D8D8;}
.pop_box_wrap .txtleft {text-align:left;}
.pop_box_wrap .txtcenter {text-align:center;}
.pop_box_wrap .popup_tit {padding:20px 0 20px; border-bottom:1px solid #D8D8D8; box-sizing: border-box; }
.pop_box_wrap .popup_tit a {display: block; width:24px; height:24px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg') center center/contain no-repeat; position: Absolute; top: 20px; right: 16px;}
.pop_box_wrap .popup_tit .title {font-size:20px; font-family:'noto-b'; color:#3a3a3a; text-align: center;}
.pop_box_wrap .popup2_mo .popup_con {padding: 0 20px 20px; box-sizing: border-box;}
.pop_box_wrap .popup_mo .popup_con {width: 100%; height: calc(100% - 110px); position: relative; top: 0; left: 0; overflow-y: scroll; box-sizing: border-box;}
.pop_box_wrap .popup_mo .popup_con .ntRB14 + .ntRB14 {margin-top:4px;}
.pop_box_wrap .popup_con h2 {margin:15px 0 10px;}
.pop_box_wrap .popup_graybox {width:100%; margin:20px 0; padding:16px; background:#F9F9F9; border-radius:15px; box-sizing: border-box;}
.pop_box_wrap .popup_graybox.blue{background: #EEF8FF;}
.pop_box_wrap .popup_graybox h3 {margin-bottom:10px;}
.pop_box_wrap .popup_graybox p {margin-bottom:4px;}
.pop_box_wrap .popup_graybox p:last-child {margin-bottom:0px;}
.pop_box_wrap .popup_graybox p.detail {margin-top:15px;}
.pop_box_wrap .popup_noti {margin-top:15px;}
.pop_box_wrap .popup_noti p {margin-bottom:6px;}
.pop_box_wrap .popup_noti p:last-child {margin-bottom:0px;}
.pop_box_wrap .popup_graybox dl {overflow:hidden;}
.pop_box_wrap .popup_graybox dl dt {float:left;}
.pop_box_wrap .popup_graybox dl dd {float:right;}
.pop_box_wrap .popup_dot p {margin-bottom:6px; padding-left:10px; position:relative;}
.pop_box_wrap .popup_dot p:last-child {margin-bottom:0px;}
.pop_box_wrap .popup_dot p::before {content:''; width:2px; height:2px; background:#3a3a3a; position:absolute; top:10px; left:0px;}
.pop_box_wrap .popup_dot p.color6c::before {background:#6c6c6c;}
.pop_box_wrap .popup_btn {width:100%; background:#fff; position:relative; bottom:0;}
.pop_box_wrap .popup_btn a {display:block; width:100%; height:52px; line-height:50px; margin:15px auto 5px; text-align: center; background:#0d6de3; border-radius: 10px;
font-size:18px; font-family:'noto-M'; font-weight: normal; color:#fff;}
.credit_transaction_pop .popup_tit {border:none;}

/* 87995 FAQ 페이지 및 관리툴 개선  220819 */
.cs_faq_Bbox .faq_input{padding: 10px 16px; font-family: 'Noto-R';}
.CS_Tit .gray_arrow{background: url(//image5.compuzone.co.kr/img/images/mypage22/ico_downarrow_48x48.png) center no-repeat; background-size: cover;}
.blue_txt{color: #0D6DE3!important;}
.cs_RG_btn{border-radius:10px;}
.qna_box .show_more_list {font-size: 15px; color: #3a3a3a; width: 100%; display: flex; gap: 4px; justify-content: center; align-items: center; position: relative; font-family: 'noto-M';}
.qna_box .show_more_list i {width: 12px; height: 12px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_24.svg) center center/contain no-repeat; display: inline-block;}
.service_bookmark {border-top: 9px solid #F2F2F2; padding: 20px 16px;}
.service_bookmark .consult_service_txt { font-size: 16px; font-family: 'Noto-M'; color: #1A1A1A;}
.service_bookmark .service_icon_wrap {display: flex; gap: 8px; margin-top: 16px;}
.service_bookmark .service_icon { width: calc(100% / 2); text-align: center;}
.service_bookmark .service_icon:last-child{margin-right: 0;}
.service_bookmark .service_icon a {width: 100%; height: 96px; background: #F8F8F8; border-radius: 10px; display: flex; flex-direction: column; gap: 8px; align-items: center; padding: 16px; box-sizing: border-box; }
.service_bookmark .service_icon .icon {width: 36px; height: 36px; display: inline-block;}
.service_bookmark .service_icon .icon img { width: 100%; height: 100%;}
.service_bookmark .service_icon .txt {color: #3A3A3A; font-family: 'Noto-M'; font-size: 14px; }
.search_total { margin: 0 0 8px;}

/* 94315 상담센터 내 첨부파일 기능 개선 230307 */
.addFile_img_pop.pop_box_wrap .popup_mo .popup_con{height: calc(100% - 160px);}
.addFile_img_pop .popup_con p.bodytext1{margin-top: 20px;}
.addFile_img_pop .img_box_wrap{border-radius: 15px; border: 1px solid #D8D8D8; background: #ACACAC; position: relative; font-size: 0; max-height: 100%; height: calc(100% - 116px);}
.addFile_img_pop .img_box {border-radius: 15px; position: relative; font-size: 0; max-height: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.addFile_img_pop .img_box img{ height: auto; width: auto; max-width: 100%; max-height: 100%;}
.addFile_img_pop .img_box .red_box{position: absolute; left: 0; top: 0; width: 88px; height: 88px; border: 2px solid #FF0000; border-radius: 15px; background: transparent;}
.addFile_img_pop .more_box{ position: absolute; right: 0; top: -3px; border:1px solid #D8D8D8; font-size: 13px; padding: 5px 15px; border-radius: 2px; letter-spacing: -0.025em; line-height: 1.3em; }
.addFile_img_pop .AS_btn_wrap{margin-top: 30px;}
.addFile_img_pop .AS_btn_wrap .AS_LGbtn .reroad { display: inline-block; width: 30px; height: 16px; line-height: 0em; vertical-align: bottom; font-size: 0; }
.addFile_img_pop .AS_btn_wrap .AS_LGbtn .reroad img{ width: 100%; margin-top: -7px;}

.addFile_img ul {display: flex; gap: 8px;}
.addFile_img ul li {width: calc(100% / 3); max-width: 90px; aspect-ratio: 1/1;}
.add_img_file{display: inline-block; position: relative; font-size: 0;}
.add_img_file .file_img{display: inline-block; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; border: 1px solid #DEDEDE;}
.add_img_file .file_img img{width: 100%; height: 100%;}
.add_img_file .file_img.file_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_78.png')   center/ 39px 39px no-repeat ; background-color: #F9F9F9;}
.add_img_file .file_img.vd_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachVideo_78.png')   center/ 39px 39px no-repeat ; background-color: rgba(0, 0, 0, 0.7);}
.add_img_file .file_img.plus{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_plus60.png') center / 24px 24px no-repeat;}
.add_img_file .close_btn {position: absolute; display: inline-block; right: 4px; top: 4px; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/mypage22/attachClose_btn48.png') center no-repeat; background-size: 28px;}
.addFile_img .grey_box { border-radius: 10px; background: #F9F9F9; padding: 12px; text-align: center; font-size: 13px; color: #3A3A3A; margin-top: 15px; }

/* 230515 96704 딜러회원 본인인증 명의변경 프로세스 구축 요청 */
.transfer_bold{font-size: 13px; color: #333; font-family: 'noto-B'; margin-bottom: 5px; padding-left: 20px;}
.transfer_p{font-size: 13px; color: #333; font-family: 'noto-R'; padding-left: 20px;}
.header_back {width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg") center center/contain no-repeat; text-indent: -2500px; position: absolute; z-index: 2; left: 16px; top: 12px;}
.header_back .backbtn {display: block; width: 100%; height: 100%;}
.change_content *{box-sizing: border-box; letter-spacing: -0.5px;}
.change_content{padding: 20px 15px; min-height: calc(100vh - 350px);}
.change_content .title{margin-bottom: 10px;}
.change_content .title h3{font-weight: normal;}
.change_content .table_wrap table{width: 100%; border-collapse: collapse;}
.change_content .table_wrap thead tr{border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2;}
.change_content .table_wrap thead tr th{padding: 15px; text-align: center; border-right: 1px solid #F2F2F2; background: #F9F9F9; font-size: 14px; font-family: 'noto-B'; color: #3A3A3A;}
.change_content .table_wrap thead tr th:nth-child(1){width: 80px;}
.change_content .table_wrap thead tr th:nth-child(2){width: 155px;}
.change_content .table_wrap thead tr th:nth-child(3){width: 110px; border-right: 0;}
.change_content .table_wrap tbody tr{border-bottom: 1px solid #F2F2F2;}
.change_content .table_wrap tbody tr td{padding: 15px 14px; text-align: center; font-size: 14px; font-family: 'noto-R'; color: #3A3A3A; word-break: break-all;}
.change_content .table_wrap tbody tr td.bold{border-right: 1px solid #F2F2F2; background: #F9F9F9; font-size: 14px; font-family: 'noto-B'; color: #3A3A3A;}
.change_content .table_wrap tbody tr td.btn_td{border-left: 1px solid #F2F2F2; padding: 15px 8px;}
.change_content .table_wrap tbody .btn_box p{font-size: 14px; font-family: 'noto-R'; color: #3A3A3A;}
.change_content .table_wrap tbody .btn_box button{width: 80px; height: 35px; background: #6C6C6C; border-radius: 5px; color: #ffffff; margin-top: 10px;}
.shr_sns{padding: 0 35px;}
#pop_box.shareLyr .inner .cont .closeBtn{top: 9px;}
.layer_pop .sale_price_inner .basic p::before{display: none;}
.layer_pop .sale_price_inner .basic p{padding-left: 0;}

/* 240412 108097 개인정보 동의 */
.graybox { width:100%; height:120px; margin-top:10px; padding:12px 10px; border:1px solid #D8D8D8; border-radius:5px; box-sizing: border-box; overflow-y: auto; text-align: left; display: flex; flex-direction: column; gap: 4px;} 
.graybox p {font-size:13px; color:#6C6C6C;}
.mcpz_check input[type="checkbox"] {width: 100%; height: 100%; background: #fff; font-size: 15px; box-sizing: border-box; appearance: none; position: relative;}
.mcpz_check input[type="checkbox"]:checked {border: 0;}
.mcpz_check label.check {display: inline-block; font-size: 15px; font-family: 'noto-R'; color: #3a3a3a; }
.mcpz_check input[type="checkbox"] + label.check > span {display: inline-block; width: 24px; height: 24px; margin-right: 5px; vertical-align: -6px; border: 1px solid #D8D8D8; border-radius: 4px; box-sizing: border-box;}
.mcpz_check input[type="checkbox"]:checked + label.check > span {background: url(//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png) center center/contain no-repeat; border: none;}

/* 240730 112286 영상첨부 기능 추가 */
.notice_box {padding: 0 20px; box-sizing: border-box; margin-bottom: 24px;}
.notice_box .notice {display: flex; flex-direction: column; gap: 5px;}
.notice_box .notice li{padding-left: 5px; position: relative; color: #6c6c6c;}
.notice_box .notice li::before{content: '·'; position: absolute; top: 0; left: 0; width: 2px; height: 2px; color: #6c6c6c;}
.add_img_file2{display: inline-block; width: 88px; float: left; margin-right: 15px; position: relative; font-size: 0;}
.add_img_file2:last-of-type{margin-right: 0;}
.add_img_file2 .file_img{display: inline-block; width: 88px; height: 88px; overflow: hidden; border-radius: 8px; border: 1px solid #DEDEDE;}
.add_img_file2 .file_img img{width: 100%;}
.add_img_file2 .file_img.file_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_78.png')   center/ 39px 39px no-repeat ; background-color: #F9F9F9;}
.add_img_file2 .file_img.vd_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachVideo_78.png')   center/ 39px 39px no-repeat ; background-color: rgba(0, 0, 0, 0.7);}
.add_img_file2 .file_img.plus{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_plus60.png') center / 30px 30px no-repeat;}
.add_img_file2 .close_btn { position: absolute; display: inline-block; right: 6px; top: 6px; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/mypage22/attachClose_btn48.png') center no-repeat; background-size: contain;}

/** css 추가시 미디어쿼리위로  **/
@media all and (min-width:550px) { 
	.cs_faq_blue .more_view{right:inherit; left:50%; margin-left:214px;}
	.squareTab_wrap > li{margin-top:0 !important; width:calc((100% - 45px) / 4);}
	.squareTab_wrap > li + li{margin-left:15px;}
	.squareTab_wrap > li:nth-child(3) , .squareTab_wrap > li:nth-child(4){margin-top:0px;}
}

/* 122070 모바일 네비게이션 개선  */
.mw_wrap {margin-top: 48px;}

/*** 250509 117244 스타일 개선 ***/
.mcpz_select_box:before {right: 12px;}

/* 고객의소리 */
.mcpz_input_box input, .mcpz_select_box select {border-radius: 5px; font-size: 14px; letter-spacing: -0.4px;}
.mcpz_input_box.calender input {padding: 0 50px 0 10px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_calendar_24.svg') 94% center / 24px no-repeat; text-align: left;}
.mcpz_input_phone {display: flex; justify-content: space-between; gap: 4px;}
.mcpz_input_phone .mcpz_select_box, .mcpz_input_phone .mcpz_input_box {width: calc(33.33% - 4px);}
.mcpz_input_phone .mcpz_input_box {margin-left: 0;}
.mcpz_input_phone .mcpz_input_box:after {display: none;}
.AS_LBLbtn, .AS_LGbtn {border-radius: 10px; height: 50px; box-shadow: none;}
.cs_listW .addFileList {margin-top: 8px; border-radius: 0; background-color: transparent; display: flex; flex-direction: column; gap: 4px;}
.cs_listW .addFileList li {height: 40px; border-radius: 5px; background: #F9F9F9; font-size: 14px;}
.cs_listW .addFileList li + li {border-top: none;}
.cs_listW .addFileList em {line-height: 21px; color: #0D6DE3; display: inline-block; margin-right: 4px;}
.cs_listW .addFileList li span {line-height: 21px; color: #949494;}
.cs_listW .addFileList .DelBtn {width: 16px; height: 16px; right: 12px; top: 12px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg") center / contain no-repeat;}

#layerpop_right.cs_right_search_menu_new .popup_cont {width: calc(100% - 32px); height: calc(100% - 20px); padding: 16px; border-radius: 25px 0 0 0; box-sizing: border-box;}
#layerpop_right.cs_right_search_menu_new .tit {border-bottom: none; padding-bottom: 0;}
#layerpop_right .tit > span {padding: 0;}
#layerpop_right .tit .close {width: 24px; height: 24px; right: 0; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg") center no-repeat;}
#layerpop_right.cs_right_search_menu_new .cont {padding: 16px 0; height: 100%; box-sizing: border-box;}
#layerpop_right.cs_right_search_menu_new .tap_div > li {height: 44px; line-height: 44px;}
#layerpop_right.cs_right_search_menu_new input[type="radio"] + i {margin-right: 8px; flex-shrink: 0;}
#layerpop_right.cs_right_search_menu_new input[type="radio"] + i:before {width: 16px; height: 16px;}
#layerpop_right.cs_right_search_menu_new #OrderUserList > .inner > .OrderList_box > label,
#layerpop_right.cs_right_search_menu_new #PrUserList > .inner > .PrUserList_box > label {font-size: 14px;}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_date_layer > a {width: auto; min-width: 57px; height: 40px; background: #1a1a1a; font-size: 14px; font-family: 'noto-R';}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_cate_layer > a,
#layerpop_right.cs_right_search_menu_new #search_order_layer > a,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > a {background: #1a1a1a; font-family: 'noto-M'; margin-top: 12px;}
#layerpop_right.cs_right_search_menu_new #search_date_layer .sel_bx select {height: 40px;}
#layerpop_right.cs_right_search_menu_new #OrderUserList > .inner > .OrderList_box:first-child {gap: 12px; margin-bottom: 12px;}
#layerpop_right.cs_right_search_menu_new #PrUserList > .inner > .PrUserList_box:first-child {gap: 12px; margin-bottom: 12px;}
#layerpop_right.cs_right_search_menu_new #search_date_layer .sel_bx {width: calc(100% - 62px);}
#layerpop_right.cs_right_search_menu_new .cont .inner > div {margin-bottom: 16px;}
#layerpop_right.cs_right_search_menu_new .ulist {gap: 12px; padding-bottom: 10px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a {padding: 16px;}
#layerpop_right.cs_right_search_menu_new .ulist > li.on a {border: 2px solid #0D6DE3;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit {margin-bottom: 8px; flex-wrap: wrap; gap: 4px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .date {font-size: 12px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box > span {height: 12px; margin: 0 8px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .num,
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .num span {font-size: 12px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .state {font-size: 16px; font-family: 'noto-B';}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm {width: 80px; height: 80px; border-radius: 10px; flex-shrink: 0;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .box_tit {font-size: 14px; -webkit-line-clamp: 3;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .price {font-size: 13px; margin-top: 8px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .price span b {font-size: 16px; font-family: 'spoqa B'; padding-right: 2px;}
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx,
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx {width: 120px;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div input.ipt_txt,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div input.ipt_txt {width: calc(100% - 124px);}
#layerpop_right.cs_right_search_menu_new #search_cate_layer .sel_bx select,
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx select,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx select {font-size: 14px;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx select,
#layerpop_right.cs_right_search_menu_new #search_order_layer > div input.ipt_txt,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx select,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div input.ipt_txt {height: 40px;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .date_on {height: calc(90vh - 225px); padding-bottom: 0;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .order_on {height: calc(90vh - 280px); padding-bottom: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list {height: calc(90vh - 390px); padding-bottom: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list.code_on {height: calc(90vh - 290px); padding-bottom: 0;}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_list {height: calc(90vh - 225px);}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_list.on {height: calc(90vh - 270px);}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list {height: calc(90vh - 370px);}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list.on{height: calc(90vh - 275px);}
#layerpop_right.cs_right_search_menu_new #PrUserListTable {padding: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a {border-radius: 15px; border: 1px solid #d8d8d8; padding: 16px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .box_tit {font-size: 14px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price {font-size: 13px; display: flex; align-items: center; font-family: 'noto-R';}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price + .price {margin-top: 4px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price span {font-family: 'spoqa B'; font-size: 16px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price span i {font-size: 13px; display: inline-block; padding-left: 2px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li:last-child a {border-bottom: 1px solid #d8d8d8;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li.on a {border: 2px solid #0D6DE3;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap,
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap {right: 0; gap: 8px; width: calc(100% - 32px); padding: 16px; box-sizing: border-box;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap a,
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap a {font-size: 16px;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap::after,
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap::after {display: none;}

/* 검색 결과 없을 때 */
#layerpop_right.cs_right_search_menu_new .ulist > li.no_result {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; height: calc(100vh - 400px);}
#layerpop_right.cs_right_search_menu_new .ulist > li.no_result.on {display: flex;}
#layerpop_right.cs_right_search_menu_new .ulist > li.no_result .icon {width: 48px; height: 48px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_exclamation_mark_circle_48.svg") center no-repeat;}
#layerpop_right.cs_right_search_menu_new .ulist > li.no_result>p {text-align: center; font-family: 'noto-M'; font-size: 14px; letter-spacing: -0.4px; color: #949494; line-height: 1.5;}

/* 구매전문 상담 */
#CS_wrap .Mcom_PopUp_Box {background-color: rgba(0,0,0,0.7);}
#CS_wrap .Mcom_PopUp_Box .layerPop_X {background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg") center no-repeat; top: 20px; right: 16px;}

/* 자주묻는질문 */
.CS_faq_content {padding-bottom: 20px;}
.cs_RG_contents {padding-bottom: 20px;}

/* 118144 이의 신청 및 A/S·교환·반품 신청 */
.claim_wrap * {box-sizing: border-box;}
.claim_wrap {height: calc(100vh - 48px); box-sizing: border-box;}
.claim_wrap .mcpz_wrap, .claim_wrap .CS_contents {height: 100%;}
.claim_wrap .CS_contents {display: flex; flex-direction: column;}
.claim_wrap .btn_area {margin-top: auto;}
.claim_wrap textarea {resize: vertical;}
