/* 초기화 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0; font-weight:normal;}
body,input,textarea,select,button,table{font-family:'noto-R',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif;}
img,fieldset,button{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
button,label{cursor:pointer}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td{padding:0;}

/* 공통영역 */
.redtxt {color:#F14738!important;}
.bluetxt {color:#0D6DE3!important;}
.graytxt {color:#6C6C6C!important;}
.gray2txt {color:#949494!important;}
.sm_btn {display: flex; align-items: center; justify-content: center; height:28px; padding:0 8px; background:#fff; font-size:12px; font-family:'noto-R'; border-radius:5px;}
.md_btn {display: flex; align-items: center; justify-content: center; width:fit-content; height:40px; padding:0 16px; background:#fff; font-size:14px; font-family:'noto-R'; border-radius:5px;}
.wtbtn { background:#fff; border:1px solid #d8d8d8!important; color: var(--co3A)!important;}
.bkbtn {background: #1a1a1a!important; border:1px solid #1a1a1a!important; color:#fff!important;}
.blbtn {background: #0D6DE3!important; border:1px solid #0D6DE3!important; color:#fff!important;}
.grbtn {background: #6C6C6C!important; border:1px solid #6C6C6C!important; color:#fff!important;}

/* 모달팝업 */
.popup_Modal {width: 100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; bottom:0; left:0; z-index:1000;}
.popup_Modal .popup_inner {width: 100%; max-width:450px; height:auto; padding: 0 16px; background: #fff; border-radius: 20px 20px 0 0; box-sizing: border-box; overflow: hidden; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.popup_Modal .popup_tit {display: flex; align-items: center; justify-content: center; gap:2px; margin-bottom: 20px; padding: 20px 0 20px; text-align: center; border-bottom: 1px solid #D8D8D8; box-sizing: border-box; }
.popup_Modal .popup_tit .ques {display: block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_qna.png') center center/contain no-repeat;}
.popup_Modal .popup_tit a.close_X {display: block; width: 28px; height: 28px; 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;}
.popup_Modal .popup_tit a.back {display: block; width: 28px; height: 28px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg) center center / contain no-repeat; position: Absolute; top: 20px; left: 16px;}
/* 팝업최대높이 85vh 최소높이 55vh */
.popup_Modal .popup_con {max-height:calc(85dvh - 80px); min-height:calc(55dvh - 80px); height:100%; overflow-y:auto; box-sizing: border-box;}
.popup_Modal .slide_cont {height: 600px;}
/* 모달팝업-탭, 내용 */
.popup_Modal .popup_tab {margin-bottom:20px;}
.popup_Modal .popup_tab ul {display: flex; width:100%; background:#e8e8e8; border-radius: 28px; overflow:hidden;}
.popup_Modal .popup_tab ul li {width:-webkit-fill-available; height:45px; line-height:45px; border-radius: 28px; text-align: center; font-size:17px; font-family:'noto-M'; font-weight: normal; color:#949494;}
.popup_Modal .popup_tab ul li.on {background:#0d6de3; color:#fff;}
.popup_Modal .popup_tab_con {margin-bottom:35px; min-height:calc(100% - 232px); overflow-y: auto;} 
.popup_Modal .popup_tab_con h2 {margin:15px 0;}
.popup_Modal .popup_tab_con .ex {display: flex; align-items: center; gap:5px; margin-bottom:10px;}
.popup_Modal .popup_tab_con .ex span {display: block; padding:6px 10px; background:#F3FAFF; border-radius:20px; font-size:12px; font-family:'맑은고딕'; font-weight: normal; color:#3a3a3a;}
.popup_Modal .popup_tab_con ul li {display: none;}
.popup_Modal .popup_tab_con ul li.on {display: block;}
.popup_Modal .popup_dot p {padding-left:10px; position:relative; font-size:15px; font-family:'noto-R'; color:#3a3a3a;}
.popup_Modal .popup_dot p + p {margin-top:4px;}
.popup_Modal .popup_dot p::before {content:''; width:2px; height:2px; background:#3a3a3a; position:absolute; top:10px; left:0;}
/* 모달팝업-회색박스 */
.popup_Modal .gray_box {background:#FAFAFA; padding:20px 25px; margin-bottom:35px; border-radius: 10px;}
.popup_Modal .gray_box.popup_dot p {color:#949494; font-size:14px;}
.popup_Modal .gray_box.popup_dot p::before {background:#949494;}
/* 모달팝업-내용 없을때 느낌표 아이콘 */
.popup_Modal .nothing {text-align: center;}
.popup_Modal .nothing .imgbox {display: block; width:38px; height:38px; margin:0 auto 20px;}
/* 모달팝업-하단 버튼 */
.popup_Modal .popup_btn {display: flex; align-items: center; gap:10px; width:100%; max-width:450px; padding:20px 16px 40px; background:#fff; position:absolute; bottom:0; left:50%; transform:TranslateX(-50%); box-sizing: border-box;}
.popup_Modal .popup_btn button, .popup_Modal .popup_btn a {width:100%; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 10px; font-size:16px; font-family:'noto-M'; text-align: center;}
.popup_btn button.wtbg_btn {background:#fff; border:1px solid #d8d8d8; color:#3a3a3a;}
.popup_btn button.blbg_btn {background:#0D6DE3; border:1px solid transparent; color:#fff;}
.popup_btn button.blli_btn {background:transparent; border:1px solid #0D6DE3; color:#0D6DE3;}

/* 하단 fix 버튼 있을 때 팝업 레이아웃 */
.popup_btn.fix_btn {padding: 16px; border-radius: 20px 20px 0 0; box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.08);}
.popup_Modal:has(.fix_btn) .popup_con {height: 60dvh; padding-bottom: 114px;}
.popup_Modal:has(.fix_btn) .cont_inner>p:not(:first-child) {padding-top: 4px;}
.popup_Modal:has(.fix_btn) .cont_inner>span {display: block;}

/* 오늘그만보기 + 닫기일때 */
.popup_Modal .not_today a {width:auto; height:inherit; line-height:inherit; border-radius: 0; font-size:14px; font-family:'noto-R';}
.popup_Modal .not_today a:nth-child(2) {font-family:'noto-M';}

/* 레이어팝업 */
.popup_layer {width: 100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:1000;}
.popup_layer .popup_inner {width:calc(100% - 32px); max-width:450px; min-width:270px; background:#fff; border-radius:10px; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}
.popup_layer .popup_tit {padding:20px 35px; border-bottom:1px solid #d8d8d8; text-align: center; position:relative;}
.popup_layer .popup_tit h2 {font-size:20px; font-family:'noto-B'; font-weight:normal; color:#3a3a3a;}
.popup_layer .popup_tit .close_X {display: block; width: 28px; height: 28px; 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;}
.popup_layer .popup_cont {padding:16px;}
/* 앞에 점있는 안내사항일때 */
.popup_layer .dot p {padding-left:6px; position:relative; color:#3a3a3a; font-size:15px;}
.popup_layer .dot p::before {content:'·'; width:2px; height:2px; color:inherit; position:absolute; top: 0px; left:0;}
.popup_layer .popup_cont p + p {margin-top:4px;}
/* 레이어팝업-하단 버튼 */
.popup_layer .popup_btn {display: flex; align-items: center; gap:10px; width:100%; margin-top:30px;}
.popup_layer .popup_btn button {width:100%; height:50px; line-height:48px; border-radius:10px; font-size:16px; font-family:'noto-M'; font-weight: normal; background:#0D6DE3; color:#fff;}

/* 레이어팝업-하단 버튼(쿠키값들어가는 버튼) */
.popup_layer .outside_btn {position:absolute; bottom:-30px; right:0; z-index: 1;}
.popup_layer .outside_btn a {font-size:15px; font-family:'noto-R'; color:#fff;}
.popup_layer .outside_btn a:visited {background:none;}

/* 페이지팝업 */
.popup_Page {width:100%; height: 100%; overflow-y: auto;}
.popup_Page * {box-sizing: border-box;}

/* 페이지팝업 헤더 */
.popup_Page .popup_tit {display: flex; align-items: center; justify-content: center; width:100%; height:48px; padding:0 16px; background:#fff; border-bottom:1px solid #e8e8e8; box-sizing: border-box; overflow:hidden; position:fixed; top:0; z-index:2;}
.popup_Page .popup_tit .back_btn {position:absolute; top:50%; left:16px; transform:TranslateY(-50%); width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg') center center/24px no-repeat;}
.popup_Page .popup_tit .home_btn {position: absolute; top: 50%; right: 16px; transform: translateY(-50%); display: block; width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_home_24.svg") center / contain no-repeat;}

/* 페이지팝업 버튼 */
.popup_Page  .popup_btn {display: flex; align-items: center; gap:10px; width:100%; max-width:450px; padding:16px 16px 40px; background:#fff; position:fixed; bottom:0; left:50%; transform:TranslateX(-50%); box-sizing: border-box;}
.popup_Page .popup_btn button, .popup_Page .popup_btn a {width:100%; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 10px; font-size:16px; font-family:'noto-M'; text-align: center;}

/* 페이지팝업 내용 */
.popup_Page .popup_inner {margin-top:48px; padding:20px 16px 102px;}
.popup_Page .popup_inner .center {text-align: center;}

/* 페이지팝업 셀렉트 */
.pop_sub_con .select {display: inline-block; width:100%; height:40px; background:#fff; border:1px solid #d8d8d8; border-radius:5px; font-family:'noto-R'; letter-spacing:-0.5px; vertical-align:top; box-sizing: border-box; cursor: pointer;}
.pop_sub_con 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;}
.pop_sub_con .input {display: inline-block; width:100%; height:40px; background:#fff; border:1px solid #d8d8d8; border-radius:5px; font-family:'noto-R'; letter-spacing:-0.5px; box-sizing: border-box; overflow: hidden;}
.pop_sub_con .input input {width:100%; height:100%; padding:0 8px; box-sizing: border-box;}

/* 페이지팝업 체크박스 */
.pop_sub_con .pop_check {display:flex;}
.pop_sub_con input.pop_chk[type="checkbox"] {display: none;}
.pop_sub_con input.pop_chk[type="checkbox"] + label.pop_chk {display: flex; align-items: flex-start; gap:8px;}
.pop_sub_con input.pop_chk[type="checkbox"] + label.pop_chk > i {display:block; width:24px; height:24px; background:#fff; border: solid 1px #d8d8d8; border-radius: 4px;}
.pop_sub_con input.pop_chk[type="checkbox"]:checked + label.pop_chk > i { border:none; background: url('//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png') center center/contain no-repeat; }
.pop_sub_con input.pop_chk[type="checkbox"] + label.pop_chk > span {width:calc(100% - 32px);}

/* 페이지 팝업 안내사항 */
.popup_Page .popup_dot {display: flex; flex-direction: column; gap: 4px;}
.popup_Page .popup_dot p{padding-left: 6px; position: relative;}
.popup_Page .popup_dot p::before{content: '·'; width: 2px; height: 100%; position: absolute; top: 0px; left: 0; color: inherit;}

/* 페이지 팝업 - 회색박스 */
.popup_Page .gray_box {background:#FAFAFA; padding:20px 25px; margin-bottom:35px; border-radius: 10px;}
.popup_Page .gray_box.popup_dot p {color:#949494; font-size:14px;}

/* 검색 결과 없을때 노출 */
.no_result {display: flex; align-items: center; justify-content: center; flex-direction: column; gap:8px; padding:16px 0;}
.no_result .eximg {display:block; width:60px; height:60px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_exclamation_mark_circle_48.svg') center center/60px no-repeat;}

/* 읽기전용 스크롤 박스 스타일 */
.scroll_txt_box{border-radius: 5px; border: 1px solid #D8D8D8; margin-top: 8px;}
.scroll_txt_box_inner {height: auto; max-height: 120px; padding:16px; overflow-y: auto; box-sizing: border-box; color: #949494;}
.scroll_txt_box_inner p {font-size:13px; color:#6c6c6c; line-height:20px;}

/* 스낵바배너 */
.Snackbar_bnr {width:calc(100% - 50px); max-width:650px; padding:12px 20px; border-radius: 15px; background:rgba(0,0,0,0.9); position:fixed; bottom:110px; left:50%; transform:TranslateX(-50%);}
.Snackbar_bnr .flex {display: flex; justify-content: space-between; align-items: center; width:100%; height:100%;}
.Snackbar_bnr .flex a:nth-child(1) {width:calc(100% - 34px); font-size:14px; font-family:'noto-B'; color:#fff;}
.Snackbar_bnr .flex a.close_X {display: block; width:24px; height:24px; background:url(//image5.compuzone.co.kr/img/images/mypage22/icon_X_60.png) center center/contain no-repeat; position:relative; z-index:1;}

/* 팝업 테이블(공통)*/
.pro_table table {width:100%;}
.pro_table tr {border-top:1px solid #D8D8D8;}
.pro_table tr:last-child {border-bottom:1px solid #D8D8D8;}
.pro_table th {padding:12px 0; background:#F9F9F9; text-align: center; font-size:14px; font-family:'noto-R'; word-break: auto-phrase;}
.pro_table thead th {border-right:1px solid #D8D8D8;}
.pro_table thead th:last-child {border-right:0;}
.pro_table td {border-right:1px solid #D8D8D8; padding:12px; font-size:14px; font-family:'noto-R';}
.pro_table td:last-child {border-right:0;}
.pro_table td button {padding:6px 8px;}
.pro_table td p {display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; font-size:14px; font-family:'noto-R'; color:#6c6c6c;}
/* th진한텍스트 */
.pro_table.bold_table th {font-family:'noto-M';}
.pro_table.bold_table td {font-family:'noto-R';}
/* th 좌측정렬 */
.pro_table.type2 th {text-align: left; padding: 12px;}