* {padding:0;margin:0;}
html{height:100%;}
body{background:#fff; 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;}
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;}
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;}
/*** 폰트 ***/
/* noto-B */
.ntBB21{color:#3A3A3A; font-size:21px; font-family:noto-B;}
.ntBB20{color:#3A3A3A; font-size:20px; font-family:noto-B;}
.ntBB19{color:#3A3A3A; font-size:19px; font-family:noto-B;}
.ntBB18{color:#3A3A3A; font-size:18px; font-family:noto-B;}
.ntBB17{color:#3A3A3A; font-size:17px; font-family:noto-B;}
.ntBB16{color:#3A3A3A; font-size:16px; font-family:noto-B;}
.ntBB15{color:#3A3A3A; font-size:15px; font-family:noto-B;}
.ntBB14{color:#3A3A3A; font-size:14px; font-family:noto-B;}
.ntBB13{color:#3A3A3A; font-size:14px; font-family:noto-B;}
/* noto-M */
.ntMB16{color:#3A3A3A; font-size:16px; font-family:noto-M;}
.ntMB15{color:#3A3A3A; font-size:15px; font-family:noto-M;}
.ntMB14{color:#3A3A3A; font-size:14px; font-family:noto-M;}
.ntMB13{color:#3A3A3A; font-size:13px; font-family:noto-M;}
/* noto-R */
.ntRB16{color:#3A3A3A; font-size:16px; font-family:noto-R;}
.ntRB15{color:#3A3A3A; font-size:15px; font-family:noto-R;}
.ntRB14{color:#3A3A3A; font-size:14px; font-family:noto-R;}
.ntRB13{color:#3A3A3A; font-size:13px; font-family:noto-R;}
.ntRB12{color:#3A3A3A; font-size:12px; font-family:noto-R;}
/* spoqa B */
.spBB17 {color:#3A3A3A; font-size: 17px; font-family:'spoqa M'; font-weight: bold;}
/* spoqa M */
.spMB16 {color:#3A3A3A; font-size:16px; font-family:'spoqa M';}
.spMB15 {color:#3A3A3A; font-size:15px; font-family:'spoqa M';}
.spMB14 {color:#3A3A3A; font-size:14px; font-family:'spoqa M';}
.spMB13 {color:#3A3A3A; font-size:13px; font-family:'spoqa M';}
.spMB12 {color:#3A3A3A; font-size:12px; font-family:'spoqa M';}
/* 맑은고딕 12px, 13px */
.mg12 {font-size: 12px; letter-spacing: -1px; font-family: '맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans-serif;}
.mg13 {font-size: 13px; letter-spacing: -1px; font-family: '맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans-serif;}
/* 공통 색상 폰트 */
.red_txt {color:#f14738 !important;}
.blue_txt {color:#1c8fed !important;}
.gray_txt {color:#949494 !important;}
.bk_txt {color:#3a3a3a !important;}
/*** 폰트 ***/
/*** 버튼 ***/
/* 버튼 L */
.AS_LBLbtn,
.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);}
.AS_LBLbtn {background-color: #1c8fed; }
.AS_LGbtn {background-color: #949494;}
.AS_btn_wrap { width:100%; display: flex; gap:10px;}
.AS_btn_wrap.Width485 > button {width: 50%;}
.AS_btn_wrap.center {justify-content: center;}
/* --- */
.clfix:after{content:""; display:table; clear:both;}
.mcpz_wrap * {box-sizing: border-box;}
.mcpz_textarea_box *,
.mcpz_input_box *,
.mcpz_select_box *,
.mcpz_input_withBtn *,
.mcpz_input_More * {font-family: noto-R;}
/* 아이폰 기본 스타일 지우기 */
.mcpz_wrap textarea,
.mcpz_wrap input,
.mcpz_wrap select{outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff;}
.mcpz_wrap button {outline: 0; cursor: pointer; -webkit-appearance: none;}
/* 공용 셀렉박스 & input & textarea 박스 */
.mcpz_textarea_box,
.mcpz_input_box,
.mcpz_select_box { position: relative; display: block; box-sizing: border-box;}
/* 인풋 정렬 간격 */
.mcpz_input_wrap .mcpz_input_More + div,
.mcpz_input_wrap .mcpz_input_withBtn + div,
.mcpz_input_wrap .mcpz_textarea_box + div,
.mcpz_input_wrap .mcpz_input_box + div,
.mcpz_input_wrap .mcpz_select_box + div { margin-top: 13px;}
.mcpz_select_box:before {content: ''; display: block; width: 16px; height: 16px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_24.svg) center center / contain no-repeat; position: Absolute; top: 50%; right: 12px; transform: translateY(-50%);}
/* 셀렉박스 & input 박스:: 앱에서 글자 상단 1px 잘림, 폰트 system-ui로 변경 */
.mcpz_textarea_box textarea {width: 100%; height: 130px; border:#d8d8d8 1px solid; border-radius: 8px; background-color: #fff; color: #1a1a1a; font-size: 13px; line-height: 1.4; padding: 10px 15px; outline: none; font-family:'noto-R';}
.mcpz_input_box input,
.mcpz_select_box select {width: 100%; height: 40px; border:#d8d8d8 1px solid; border-radius: 8px; background-color: #fff; color: #1a1a1a; font-size: 13px; line-height: 1; font-family:'noto-R';}
.mcpz_select_box select.PH_select {color: #949494;}
/* 셀렉박스 & input 박스::사이즈 L */
.mcpz_input_box.sizeL,
.mcpz_select_box.sizeL {width: 100%;}
/* 셀렉박스 & input 박스::사이즈 M */
.mcpz_input_box.sizeM,
.mcpz_select_box.sizeM {width: 48%; min-width: 140px;}
/* 셀렉박스 & input 박스::사이즈 S */
.mcpz_input_box.sizeS,
.mcpz_select_box.sizeS {width: 28%; min-width: 85px;}
/* 셀렉박스 & input 박스:: 기본 셋팅 */
.mcpz_input_box input {padding: 0 14px;}
.mcpz_select_box select {padding: 0 40px 0 14px;}
.mcpz_select_box select option {color: #3a3a3a;}
.mcpz_textarea_box textarea::placeholder,
.mcpz_input_box input::placeholder {color: #949494; letter-spacing:-1px;}
.mcpz_input_box input:disabled,
.mcpz_select_box select:disabled {background-color: #f9f9f9; color: #949494; opacity: 1;}
.mcpz_select_box select:disabled > option {color: #949494;}
.mcpz_select_box select::-ms-expand { display:none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {.mcpz_select_box select {padding:0 40px 0 14px;}} /* for chrome */
@-moz-document url-prefix() { .mcpz_select_box select {padding: 0 40px 0 14px; } } /* for firefox */
_:-ms-input-placeholder, :root .mcpz_select_box select { padding: 0 40px 0 14px; } /* for IE10,11 */
/* 셀렉박스 + input + 문구 */
.mcpz_input_wrap .mcpz_input_More > div + div {margin-top: 0;}
.mcpz_input_wrap .mcpz_input_More > div + .sizeL {margin-top: 13px;}
.mcpz_input_More {width: 100%;}
.mcpz_input_More:after {content: ''; display: block; clear: both;}
.mcpz_input_More .mcpz_select_box,
.mcpz_input_More .mcpz_input_box {display: inline-block; float: left;}
.mcpz_input_More .mcpz_sideTxt { font-size:13px; margin-left: 8px; line-height: 40px; vertical-align: top; color: #949494;}
.mcpz_input_More .mcpz_select_box + .mcpz_select_box,
.mcpz_input_More .mcpz_input_box + .mcpz_input_box,
.mcpz_input_More .mcpz_select_box + .mcpz_input_box,
.mcpz_input_More .mcpz_input_box + .mcpz_select_box { margin-left: 3%;}
.mcpz_input_More .sizeL { margin-left: 0 !important;}
/* 셀렉박스 + input + 버튼 */
.mcpz_input_withBtn {width: 100%; height: 40px; border:#d8d8d8 1px solid; border-radius: 8px; background-color: #fff; font-size: 0; overflow: hidden;}
.mcpz_input_withBtn:after {content: ''; display: block; clear: both;}
.mcpz_input_withBtn .mcpz_input_box {display: inline-block; float: left;}
.mcpz_input_withBtn .mcpz_input_box input {border: 0; border-radius: 0; height: 38px;}
.mcpz_input_withBtn > button {display: inline-block; float: left; height: 38px; background-color: #707070; color: #fff; font-size: 13px; line-height: 1;}
/* 첨부파일 */
.mcpz_input_withBtn .DelBtn {position: absolute; display: inline-block; right: 10px; top: 7px; width: 24px; height: 24px; border-radius: 50%; background:#6C6C6C url("//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_close_24.svg") center/16px no-repeat;}
/* 첨부파일 폼2:: 210823 JSA */
.mcpz_input_withBtn.addFile2 .mcpz_input_box {width: calc(100% - 54px);}
.mcpz_input_withBtn.addFile2 .addFileBtn {position: relative; width: 54px; background-color: #fff;}
.mcpz_input_withBtn.addFile2 .addFileBtn:after {content: ''; position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; background: url("//image5.compuzone.co.kr/img/images/mypage21/mo_camera.png") center no-repeat; background-size: contain;}
.mcpz_input_withBtn.addFile2 .addVideoBtn:after {background: url("//image5.compuzone.co.kr/img/images/mypage21/mo_video_ico.png") center center / contain no-repeat; }
.addFileList {margin-top: 13px; width: 100%; border-radius: 8px; overflow: hidden; background-color: #f9f9f9;}
.addFileList li {list-style: none; position: relative; width: 100%; background-color: transparent; height: 42px; padding: 9px 50px 9px 15px; font-size:0;}
.addFileList li + li {border-top: 1px solid #fff;}
.addFileList li span {display: inline-block; line-height: 24px; vertical-align: top;}
.addFileList li .fileName {max-width: calc(100% - 30px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.addFileList li .DelBtn { position: absolute; display: inline-block; right: 15px; top: 9px; width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/mypage21/mo_circle_x.png) center no-repeat; background-size: contain; }
/* 날짜 선택 */
.mcpz_input_withBtn.sltCalender .mcpz_input_box {width: calc(100% - 54px);}
.mcpz_input_withBtn.sltCalender .CalenderBtn {position: relative; width: 54px; background-color: #fff;}
.mcpz_input_withBtn.sltCalender .CalenderBtn: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/mypage21/mo_calender.png") center no-repeat; background-size: contain;}
/* 영업소 검색 */
.mcpz_input_withBtn.SearchSO .mcpz_input_box {width: calc(100% - 39px);}
.mcpz_input_withBtn.SearchSO .mcpz_input_box input {padding-right: 40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#fff;}
.mcpz_input_withBtn.SearchSO .SearchBtn {position: relative; width: 39px; background-color: #fff;}
.mcpz_input_withBtn.SearchSO .SearchBtn:after {content: ''; position: absolute; display: inline-block; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg") center no-repeat;}
.mcpz_input_withBtn.SearchSO .DelBtn {.right: 5px;}
/* 연락처::select + input 폼 */
.mcpz_input_phone { width: 100%; font-size: 0;}
.mcpz_input_wrap .mcpz_input_phone > div + div,
.mcpz_input_phone > div + div {margin-top: 0;}
.mcpz_input_phone .mcpz_select_box,
.mcpz_input_phone .mcpz_input_box {width: 28%; display: inline-block; vertical-align:top;}
.mcpz_input_phone .mcpz_select_box select {color: #3a3a3a;}
.mcpz_input_phone .mcpz_input_box {position: relative; margin-left: 8%;}
.mcpz_input_phone .mcpz_input_box:after {content: '-'; position: absolute; display: inline-block; width: 28.6%; height: 40px; line-height: 40px; text-align: center; top: 0; left: -28.6%; color: #949494; font-size: 13px; font-family: noto-R;}
/* 체크박스 */
.mcpz_img_check,
.mcpz_check {display:inline-block; position:relative;}
input.mcpz_chk[type="checkbox"] {position:relative; width:24px; height:24px; background-color:#fff; border: solid 1px #d8d8d8; -webkit-border-radius:0; outline:none; }
input.mcpz_chk[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;}
input.mcpz_chk[type="checkbox"] + label.mcpz_chk {margin-left:5px; color:#949494; font-size:13px; line-height: 24px; font-weight:normal; vertical-align: top; font-family: noto-R;}
/* 이미지 체크박스 */
.mcpz_img_check {width: 100%; height: 65px; font-size:0; padding-left: 80px;}
input.mcpz_img_chk[type="checkbox"] {position: absolute; top: 0; left: 0; width: 24px; height: 24px; -webkit-border-radius:0; outline:none; }
input.mcpz_img_chk[type="checkbox"]:before {content:""; position:absolute; display:inline-block; z-index: 2; width:100%; height:100%; background-color:#fff; border: solid 1px #d8d8d8; left: 0; top: 0; box-sizing: border-box;}
input.mcpz_img_chk[type="checkbox"]:checked:before {background:url("//image5.compuzone.co.kr/img/images/ask_estimate/estimate_mcheck.png") center no-repeat; background-size:contain;}
input.mcpz_img_chk[type="checkbox"] + label.mcpz_img_chk {position: absolute; display: inline-block; top: 0; left: 0; width: 65px; height: 65px;}
input.mcpz_img_chk[type="checkbox"] + label.mcpz_img_chk > img {display: block; width: 100%; height: 100%;}
input.mcpz_img_chk[type="checkbox"] + label.mcpz_img_chk + .mcpz_img_chk_Txt {width: 100%; max-height: 40px; display: inline-block; vertical-align: top; color: #949494; font-size:14px; line-height: 20px; font-family: noto-R; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* 레이어 팝업 공통 css */
#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,
#pop_box * {box-sizing: border-box;}
/* 레이어 팝업 하단 버튼 */
.layerPop_Bbtn,
.layerPop_Wbtn {display:inline-block; width: 100%; height: 52px; border-radius:10px; border:1px solid; font-size:18px; font-family: noto-M; outline:none; cursor:pointer;}
.layerPop_Bbtn {background-color: #0d6de3; border-color: #0d6de3; color:#fff; }
.layerPop_Wbtn {background-color: #fff; border-color: #e8e8e8; color: #3a3a3a;}
.layerPop_btn_wrap { margin-top:15px; font-size:0; text-align: center;}
.layerPop_btn_wrap.Width50 > button {width: 50%;}
/* 레이어 팝업 타이틀 및 닫기 버튼 */
#pop_box .layerPop_X {position: absolute; display: inline-block; top: 15px; right: 15px; width: 30px; height: 30px; background:url("//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png") center no-repeat; background-size:contain;}
#pop_box .layerPop_Tit {padding: 20px 35px; text-align: center; border-bottom: 1px solid #d8d8d8;}
#pop_box .layerPop_Tit > p {line-height: 25px;}
#pop_box .layerPop_con {padding:0 20px; margin-top:20px;}
/* 레이어 팝업 흰 박스 */
#pop_box .layerPop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:calc(100% - 50px); background-color: #fff; border-radius:10px; text-align: center; overflow:hidden;}
/* 레이어 팝업 흰 박스 사이즈 */
#pop_box .layerPop.sizeL {max-width: 500px;}
/* 레이어 팝업 흰 박스 세로 스크롤 범위 */
#pop_box .layerPop .layerPop_contents {padding:20px 20px 25px; max-height: 55vh; overflow-y: auto;}
#pop_box .layerPop .layerPop_contents .ntBB14,
#pop_box .layerPop .layerPop_contents .ntMB14,
#pop_box .layerPop .layerPop_contents .ntRB14,
#pop_box .layerPop .layerPop_contents .spMB14 {line-height: 20px;}
#pop_box .layerPop .layerPop_contents .ntBB13,
#pop_box .layerPop .layerPop_contents .ntMB13,
#pop_box .layerPop .layerPop_contents .ntRB13,
#pop_box .layerPop .layerPop_contents .spMB13 {line-height: 19px;}
/* 레이어 팝업 흰 박스 내부 회색 박스 */
#pop_box .layerPop .layerPop_contents .grayTxtBox {text-align: left; padding: 17px 25px; background-color: #f9f9f9; border-radius: 15px; box-sizing: border-box;}
#pop_box .layerPop .layerPop_contents .grayTxtBox + .grayTxtBox {border-top: 0;}
#pop_box .layerPop .layerPop_contents .grayTxtBox p {color:#6c6c6c; margin-bottom:8px;}
#pop_box .layerPop .layerPop_contents .grayTxtBox p:last-child {margin-bottom:0px;}
/* 레이어 팝업 공통 css// */
/* 주의사항 레이어 팝업 */
/* ※ 들어가는 문구 */
#pop_box .notice_inner {text-align: left;}
.notice_inner .noticeTxt {position: relative; padding-left: 13px; font-size: 15px; word-break: keep-all; }
.notice_inner .noticeTxt > i { position: absolute; display: inline-block; font-size: 13px; top: 0; left: 0; font-style: normal;}
.notice_inner .noticeTxt + .noticeTxt {margin-top: 4px;}
/* ※ 안 들어가는 문구 */
.notice_inner .noticeTxt.noPL {padding-left: 0;}
/* 주의사항 레이어 팝업// */
/* 팝업 박스 클래스화 211117 */
.Mcom_PopUp_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); box-sizing: border-box;}
.Mcom_PopUp_Box * {box-sizing: border-box;}
/* 레이어 팝업 타이틀 및 닫기 버튼 */
.Mcom_PopUp_Box .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;}
.Mcom_PopUp_Box .layerPop_Tit {text-align: center; padding-bottom: 10px; border-bottom: 1px solid #3a3a3a;}
.Mcom_PopUp_Box .layerPop_Tit > p {line-height: 25px;}
.Mcom_PopUp_Box .layerPop_Tit + .layerPop_contents {margin-top: 20px;}
/* 레이어 팝업 흰 박스 */
.Mcom_PopUp_Box .layerPop {position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; padding: 20px; background-color: #fff; text-align: center;}
/* 레이어 팝업 흰 박스 사이즈 */
.Mcom_PopUp_Box .layerPop.sizeL {max-width: 500px;}
.Mcom_PopUp_Box .layerPop.sizeS {max-width: 350px;}
/* 레이어 팝업 흰 박스 세로 스크롤 범위 */
.Mcom_PopUp_Box .layerPop .layerPop_contents {max-height: 55vh; overflow-y: auto;}
.Mcom_PopUp_Box .layerPop .layerPop_contents .ntBB14,
.Mcom_PopUp_Box .layerPop .layerPop_contents .ntMB14,
.Mcom_PopUp_Box .layerPop .layerPop_contents .ntRB14,
.Mcom_PopUp_Box .layerPop .layerPop_contents .spMB14 {line-height: 20px;}
.Mcom_PopUp_Box .layerPop .layerPop_contents .ntBB13,
.Mcom_PopUp_Box .layerPop .layerPop_contents .ntMB13,
.Mcom_PopUp_Box .layerPop .layerPop_contents .ntRB13,
.Mcom_PopUp_Box .layerPop .layerPop_contents .spMB13 {line-height: 19px;}
/* 레이어 팝업 흰 박스 내부 회색 박스 */
.Mcom_PopUp_Box .layerPop .layerPop_contents .grayTxtBox {text-align: left; padding: 20px; background-color: #f9f9f9; border: solid #e8e8e8; border-width: 1px 0;}
.Mcom_PopUp_Box .layerPop .layerPop_contents .grayTxtBox + .grayTxtBox {border-top: 0;}
/* 레이어 팝업 공통 css// */
/* ※ 들어가는 문구 */
.Mcom_PopUp_Box .notice_inner {text-align: left;}
/* 팝업 박스 클래스화// */
/* 테이블 스타일 1 :: 폰트 사이즈나 내부 간격 및 글자정렬은 각 페이지에서 맞출 것 */
.mcpz_table {position: relative;}
.mcpz_table * {box-sizing: border-box; }
.mcpz_table:after {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #fff;}
.mcpz_table table {border-collapse: collapse; border-spacing: 0; border-top: 1px solid #e8e8e8;}
.mcpz_table th, .mcpz_table td { vertical-align: middle; border: solid #e8e8e8; border-width: 0 0 1px 1px;}
.mcpz_table th {background:#f9f9f9; font-weight: normal;}
.mcpz_table td {background-color: #fff;}
/* 요84588 빠른 환불 신규 서비스 0425 */
input.mcpz_img_chk[type="checkbox"] + label.mcpz_img_chk{ border-radius: 5px; overflow: hidden;}
.AS_LBLbtn, .AS_LGbtn { border-radius: 8px;}
.AS_LBLbtn{background: #0D6DE3;}
.AS_LGbtn{ background-color: #ffffff; color: #3A3A3A; border: 1px solid #D8D8D8; box-shadow: none;}
/* 팝업 */
#pop_box .layerPop_Tit > p{font-size: 20px; color:#3a3a3a;}
#pop_box.reception_pop .layerPop.sizeS{ border-radius: 10px; padding: 0;}
#pop_box .layerPop_Tit .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;}
#pop_box .layerPop_Tit{ padding-top: 20px;}
#pop_box.reception_pop .layerPop_btn_wrap button {box-sizing: border-box; width: 100%; border-radius: 10px; background: #0D6DE3; border: 1px solid #0D6DE3;}
#pop_box .layerPop_btn_wrap button.grey_btn{ background:#fff; border-color:#d8d8d8; color:#3a3a3a;}
#pop_box .layerPop_btn_wrap.btn_2 button{width: calc((100% - 10px)/2); margin-right: 10px;}
#pop_box .layerPop_btn_wrap.btn_2 button:last-child{margin-right: 0;}
#pop_box .as_list_opt .AS_btn_wrap .reroad{ display: inline-block; width: 30px; height: 16px; line-height: 0em; vertical-align: bottom;}
#pop_box .as_list_opt .AS_btn_wrap .reroad img{ width: 100%; margin-top: -7px;}
/* 90278 소프트웨어 라이선스 이메일 발송상품 221114 */
/* 팝업 */
#pop_box.shareLyr {background:rgba(0, 0, 0, 0.7); display:none;}
#pop_box.shareLyr.on {display:block;}
#pop_box.shareLyr .inner { padding:0 25px; box-sizing: border-box; text-align: left; overflow-y:scroll;}
#pop_box.shareLyr .inner .cont {width:100%; min-width:270px; border-radius:10px; position:relative;}
#pop_box.shareLyr .inner .cont .closeBtn {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;}
#pop_box.shareLyr .inner .cont2 {width:100%; max-width:400px; min-width:270px; margin:0 auto; padding:22px 20px; border-radius:10px; background: #fff; position:relative; box-sizing: border-box;}
#pop_box.shareLyr .inner .cont2 .pop_tit1 {text-align: center; font-size:15px; font-family: 'noto-B'; font-weight: normal; color:#3a3a3a;}
#pop_box.shareLyr .inner .cont2 .pop_tit2 {text-align: center; font-size:14px; font-family: 'noto-M'; font-weight: normal; color:#3a3a3a;}
#pop_box.shareLyr .inner .cont2 .graybox {margin:6px 0 11px; padding:15px; background:#f9f9f9; border-radius:10px; text-align: center; }
#pop_box.shareLyr .inner .cont2 .graybox h4 {background:#f9f9f9; text-align: center; font-size:16px; font-family: 'noto-M'; font-weight: normal; color:#3a3a3a;}
#pop_box.shareLyr .inner .cont2 .graybox h4 span {color:#f14738;}
#pop_box.shareLyr .inner .cont2 .graybox h5 {margin-top:2px; font-size:14px; font-family: 'noto-R'; font-weight: normal; color:#949494;}
#pop_box.shareLyr .inner .cont2 .pop_btn {width:100%; margin-top:20px; overflow:hidden;}
#pop_box.shareLyr .inner .cont2 .pop_btn a {float:left; display:block; width:calc(50% - 5px); text-align: center; font-size:18px; font-family: 'noto-M'; font-weight: normal; height:50px; line-height:48px; border-radius:10px; box-sizing: border-box;}
#pop_box.shareLyr .inner .cont2 .pop_btn a.whitebtn {margin-right:5px; border:2px solid #d8d8d8; background:#fff; color:#3a3a3a;}
#pop_box.shareLyr .inner .cont2 .pop_btn a.bluebtn {margin-left:5px; border:2px solid #0d6de3; background:#0d6de3; color:#fff;}
.shr_sns {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;}
.shr_sns span.eco {color:#10c981;}
.shr_sns_btn {padding:20px 20px 25px;}
.shr_sns_btn .shr {display: flex; }
.shr_sns_btn .shr li {width: 25%; text-align: center; -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.shr_sns_btn .shr a { font-size: 14px; font-family: 'noto-R'; font-weight: normal; color:#3a3a3a;}
.shr_sns_btn .shr a:before { content: ''; display: block; width: 60px; height:60px; margin: 0 auto 5px; background:url("//image5.compuzone.co.kr/img/images/m_compuzone/sns_icon.png") no-repeat 0 0; background-size: 420px 60px;}
.shr_sns_btn .shr .kt a:before { background-position: 0 0;}
#pop_box.shareLyr .layer_pop {width:auto; max-height:380px; padding:0; background:none; overflow:hidden; overflow-y:scroll;}
#pop_box.shareLyr .layer_pop .popup_table {width:100%; border:none; text-align: center;}
.popup_table tr {border-bottom:1px solid #f2f2f2;}
.popup_table tr:nth-child(1) {border-top: 1px solid #F2F2F2;}
.popup_table tr th {padding:15px 0; font-size:14px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a; background:#fafafa;}
.popup_table tr td {padding:15px 0; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; }
#pop_box.shareLyr10 .inner .cont {min-height:350px;}
.shareLyr10 .popup_table tr th:nth-child(1) {border-right:1px solid #f2f2f2;}
.shareLyr10 .popup_table tr td:nth-child(1) {border-right:1px solid #f2f2f2;}
.layer_pop .sale_price_inner {padding:20px 20px 25px;}
.layer_pop .sale_price_inner .list {overflow: hidden; padding: 0 0 10px; border-bottom:none;}
.layer_pop .sale_price_inner .list dt {float: left; font-size: 16px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a;}
.layer_pop .sale_price_inner .list dt p {margin:6px 0 0 0 ; font-size: 15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a;}
.layer_pop .sale_price_inner .list dt p b {font-family:'noto-B'; font-weight: normal;}
.layer_pop .sale_price_inner .list dt p.co_red {font-size: 15px;}
.layer_pop .sale_price_inner .list dt span.eco {color:#10c981;}
.layer_pop .sale_price_inner .list dd {float: right; font-size: 16px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a;}
.layer_pop .sale_price_inner .list .co_red {font-size:13px; color:#f14738;}
.layer_pop .sale_price_inner .bold {font-weight:bold; color:#000;}
.layer_pop .sale_price_inner .sale_detail {background: #f9f9f9; padding: 15px; border-radius: 10px; border-bottom:none;}
.layer_pop .sale_price_inner .sale_detail2 {margin-bottom:10px;}
.layer_pop .sale_price_inner .sale_detail dl {overflow: hidden; margin-bottom:4px;}
.layer_pop .sale_price_inner .sale_detail dl:last-child {margin-bottom:0px;}
.layer_pop .sale_price_inner .sale_detail dl dt {float: left; font-size: 13px; font-family:'noto-M'; color:#6c6c6c; }
.layer_pop .sale_price_inner .sale_detail dl dd {float: right; font-size: 13px; font-family:'noto-M'; color:#6c6c6c;}
.layer_pop .sale_price_inner .sale_detail p {margin-bottom:2px; font-size:16px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.layer_pop .sale_price_inner .sale_detail p:last-child {margin-bottom:0;}
.layer_pop .sale_price_inner .basic {overflow:hidden;}
.layer_pop .sale_price_inner .basic h5 {margin-bottom:7.5px; font-size: 15px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a;}
.layer_pop .sale_price_inner .basic h5.co_red {color:#f14738;}
.layer_pop .sale_price_inner .basic p {margin-bottom:7.5px; font-size: 15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; position:relative; padding-left:5px;}
.layer_pop .sale_price_inner .basic p span {display:block; font-size:15px; color:#949494;}
.layer_pop .sale_price_inner .basic p.centerp {text-align:center; padding-left:0; margin:0;}
.layer_pop .sale_price_inner .basic p.centerp::before {display:none;}
.layer_pop .sale_price_inner .basic p:last-child {margin-bottom:0;}
.layer_pop .sale_price_inner .basic p::before {content:''; width:2px; height:2px; background:#3a3a3a; border-radius: 50%; position:absolute; top:7px; left:0;}
.layer_pop .sale_price_inner .basic p.co_red {color:#f14738;}
.layer_pop .sale_price_inner .basic p.co_red::before {background:#f14738;}
.layer_pop .sale_price_inner .basic p.co_blue {color:#0d6de3;}
.layer_pop .sale_price_inner .basic p.co_blue::before {background:#0d6de3;}
.layer_pop .sale_price_inner .basic1 p {margin-top:25px; text-align:center; font-size: 15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a;}
.layer_pop .sale_price_inner .basic2 p {text-align:center; font-size: 14px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a;}
.layer_pop .sale_price_inner .basic3 p {margin-bottom:8px; font-size: 15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a;}
.layer_pop .sale_price_inner .search_box {width:100%; height:40px; margin-bottom:10px; border:1px solid #d8d8d8; border-radius: 5px; box-sizing: border-box; overflow:hidden; position:relative;}
.layer_pop .sale_price_inner .search_box input {width:100%; height:100%; padding:0 45px 0 15px; font-size:15px; font-family: 'noto-R'; font-weight: normal; color:#3a3a3a; box-sizing: border-box; }
.layer_pop .sale_price_inner .search_box a.searchbtn {display:inline-block; width:30px; height:30px; background:url('//image5.compuzone.co.kr/img/images/main/main2022/main_search.png') center center/contain no-repeat; position:Absolute; top:50%; right:10px; transform:TranslateY(-50%); text-indent: -5000px;}
.pop_btn {width:100%; height:52px; margin-top:20px; border-radius:10px; overflow:hidden;}
.pop_btn a.bluebtn {display:block; width:100%; height:100%; line-height:52px; background:#0d6de3; text-align: center; font-size:18px; font-family: 'noto-M'; font-weight:normal; color:#fff;}
/* 달력 */
.calender_popup{display: block; overflow-x: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100000; background-color: rgba(0,0,0,.6);}
.calender_datepicker{ width: 325px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 256px; }
.calender_popup .ui-datepicker-inline{display: block; position: relative; margin: 0; padding: 0; width: 100%; height: 100%; border: 0px; background: #fff; font-size: 0;
border-radius: 10px;}
.calender_popup .ui-datepicker-header{ background: #0D6DE3; padding: 0; margin: 0; border: 0; width: 100%; height: 58px;
border-radius: 0; border-radius: 10px 10px 0 0; width: calc(100% + 2px); margin-left: -1px; margin-top: -1px;}
.calender_popup .ui-datepicker-title{ font-family: 'Noto-B'; color: #fff; line-height: 57px; font-size: 17px;}
.calender_popup .ui-datepicker-title span{font-family: 'Noto-B'; color: #fff; line-height: 60px; font-size: 17px;}
.calender_popup .ui-datepicker-calendar{ width: 285px; margin: 20px;}
.calender_popup .ui-datepicker td{width: 35px; height: 35px; position: relative;}
.calender_popup .ui-datepicker th{border: 0; font-size: 15px; font-family: 'Noto-R'; font-weight: 400; color: #3A3A3A;}
.calender_popup .ui-datepicker th span{font-size: 15px; font-family: 'Noto-R'; font-weight: 400; color: #3A3A3A;}
.calender_popup .ui-datepicker tr th:first-child span, .calender_popup .ui-datepicker tr td:first-child a{color: #F14738;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
background: transparent; border: 0px; text-align: center; color:#3A3A3A; font-size: 15px; font-family: 'Noto-R';}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
color: #fff; border: 0;background: none;}
.calender_popup .ui-datepicker td span, .calender_popup .ui-datepicker td a{padding: 0; position: relative; z-index: 1; height: 35px; line-height: 35px;}
.calender_popup .ui-state-default, .calender_popup .ui-widget-content .ui-state-default, .calender_popup .ui-widget-header .ui-state-default{position: relative;}
.calender_popup .ui-datepicker-today::after{ content: ''; position: absolute; display: inline-block; border-radius: 50%; width: 35px; height: 35px; top: 50%; left: 50%;
transform: translate(-50%, -50%); background: #f3faff;}
.calender_popup .ui-datepicker-current-day::after, .calender_popup .ui-datepicker-current-day.ui-datepicker-today::after{content: ''; position: absolute;
display: inline-block; border-radius: 50%; width: 35px; height: 35px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #0D6DE3; }
.calender_popup .ui-datepicker .ui-datepicker-prev, .calender_popup .ui-datepicker .ui-datepicker-next{position: absolute; top: 0px; width: 36px; height: 58px; cursor: pointer;}
.calender_popup .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{width: 18px; height: 18px;}
.calender_popup .ui-datepicker-prev{left: 70px;}
.calender_popup .ui-datepicker-next{right: 70px;}
.calender_popup .ui-datepicker-prev .ui-icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/prev_arrow_w_36.png')center; background-size: contain; }
.calender_popup .ui-datepicker-next .ui-icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/next_arrow_w_36.png')center; background-size: contain; }
.calender_popup .layer_X {position: absolute; display: inline-block; top: 15px; right: 15px; width: 30px; height: 30px; z-index: 1;
/* css 최하단 미디어쿼리 모음(내림차순):: 접을 수 있게 들여쓰기 합니다. */
/* max-width */
@media all and (max-width: 360px) {
.mcpz_input_phone .mcpz_select_box select { padding: 0 25px 0 14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.mcpz_input_phone .mcpz_select_box select {padding:0 25px 0 14px;}} /* for chrome */
@-moz-document url-prefix() { .mcpz_input_phone .mcpz_select_box select {padding: 0 25px 0 14px; } } /* for firefox */
_:-ms-input-placeholder, :root .mcpz_input_phone .mcpz_select_box select { padding: 0 25px 0 14px; } /* for IE10,11 */
}
/* css 최하단 미디어쿼리 모음// */