#body .section-wrapper .section{ max-width: none !important; padding: 0; } #body:not(.mobile) .item-wrapper.blog.blogStack .blogWrapper{ max-width: none !important; } #item38873348{ padding: 0; } .blogPostTitleAndDateWrapper{ display: none !important; } @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap'); @font-face { font-family: 'NEXEN_TIRE_Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NEXEN_TIRE_Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } :root { --c1 : 260; --color1: hsl(var(--c1), 100%, 68%); --shadow: black; } */ .designSettingElement.text-body.blogPost.content .calc * :not(.btmdiv *){ letter-spacing: normal !important; } .designSettingElement.text-body.blogPost.content .calc * :not(.popup_bts div,.guideline,.guideline *){ line-height: normal !important; } body{ text-align:center; } .calc{ display: inline-block; color: black; } .calc .outtd{ vertical-align:top; } .calc .cate{ margin-bottom: 24px; position: relative; } .calc .bts{ display: inline-block; border-collapse:collapse; width: calc(100% - 190px); box-sizing: border-box; } .calc .cate_content{ margin-left: 20px; margin-top: 10px; font-family: 'NEXEN_TIRE_Regular'; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform:rotate(-0.03deg); } .calc .bt{ display: table-cell; width: 145px; height: 40px; border: 1px solid #919191; text-align: center; vertical-align: middle; } .calc .bt:has(input:checked){ border-color:rgb(170, 170, 170); } .calc .cate_title{ font-family: 'NEXEN_TIRE_Bold'; display: inline-block; vertical-align: top; width: 180px; font-size: 22px; align-items: center; padding-top: 10px; cursor: default; } .calc .bt_hover_photo{ display: none; position: absolute; min-width: 300px; min-height: 300px; background-color: white; border: 2px solid #B3B3B3; z-index: 99; left: -136px; top: 50px; } .calc .bt:hover .bt_hover_photo{ display: block; } .calc .info{ position: absolute; } .calc .tooltip{ display: none; position: absolute; top: 0; left: 18px; min-width: 560px; border: 2px solid #B3B3B3; z-index: 999; } .calc .info .tooltip_label{ display: inline-block; font-size: 13px; height: 22px; vertical-align: top; line-height: 9px; cursor: help; } .calc .info .tooltip_label input{ display: none; } .calc .info .bt_hover_photo{ display: none; } .calc .info:has(.tooltip_check:checked) .tooltip{ display: block; } .calc .tooltip .tooltip_title{ display: flex; padding: 2px; background-color: #B3B3B3; color:black; font-size: 16px; height: 30px; align-items: center; justify-content: center; } .calc .tooltip .tooltip_title::after{ position: absolute; content: '\d7'; color: #FFF; text-align: center; top: 3px; right: 3px; width: 20px; height: 20px; font-size: 20px; cursor: pointer; } .calc .tooltip .tooltip_contents{ padding: 15px; font-family: 'Noto Sans KR'; background-color: white; font-size: 12px; } .calc .label_disabled{ text-decoration:line-through; color: rgb(170, 170, 170); border-color: rgb(170, 170, 170) !important; } .calc ._radio{ font-family: 'Noto Sans KR'; display: flex; width: 100%; height:100%; box-sizing: border-box; overflow: hidden; font-size: 13px; text-align: center; justify-content: center; align-items : center; cursor: pointer; } .calc ._radio input{ display: none; } .calc ._radio.label_disabled:hover{ background-color: #dfdfdf; } .calc ._radio:hover:not(.label_disabled){ background-color: hsl(var(--c1), 100%, 90%); } .calc ._radio:has(input:checked){ font-family: 'Noto Sans KR'; background-color: hsl(var(--c1), 100%, 90%); border: 3px solid; border-color:hsl(var(--c1), 70%, 70%) hsl(var(--c1), 100%, 95%) hsl(var(--c1), 100%, 95%) hsl(var(--c1), 70%, 70%); font-weight: bold; font-size: 13px; /* text-shadow: var(--shadow) 0px 2px, var(--shadow) 2px 0px, var(--shadow) -2px 0px, var(--shadow) 0px -2px, var(--shadow) -1.4px -1.4px, var(--shadow) 1.4px 1.4px, var(--shadow) 1.4px -1.4px, var(--shadow) -1.4px 1.4px; text-shadow: -1px 0px var(--shadow), 0px 1px var(--shadow), 1px 0px var(--shadow), 0px -1px var(--shadow); */ } .calc .calc_main{ display: inline-block; max-width: 1130px; margin-bottom: 150px; } .calc .calc_photo{ vertical-align: top; display: inline-block; width: 400px; height: 500px; margin-right: 70px; margin-top: 36px; } .calc .calc_photo table{ width: 100%; border-spacing: 6px; } .calc .calc_photo td{ box-sizing: border-box; border: 5px solid; border-color:#2F2D2D #434040 #4F4C4C #434040; padding: 4px; color: white; text-align: center; box-shadow: inset 0 1px 2px rgb(0 0 0 / 30%), 0 2px 1px rgb(0 0 0 / 5%), 0 2px 4px rgb(0 0 0 / 50%); background-image: linear-gradient(#ffffff, #e1e1dd); position: relative; vertical-align:top; } .calc .calc_photo td.main{ height: 300px; padding: 14px; } .calc .calc_photo td.sub{ width: 125px; height: 126px; border-width: 4px; } .calc .calc_photo td img{ margin-top: 10px; box-sizing: border-box; width: 100%; border: 4px solid; border-color: #C7C7BF #e1e1dd #ffffff #e1e1dd; } .calc .calc_photo td span{ font-family: 'Noto Sans KR'; box-sizing: border-box; color: black; display: flex; position: absolute; width: 95%; text-align: center; bottom: 12px; left: 2.5%; } .calc .calc_photo td span:before, .calc .calc_photo td span:after { content: ""; flex: 1 1; border-bottom: 2px solid #444444; margin: auto 5px; } .calc .calc_photo td.sub span:before, .calc .calc_photo td.sub span:after { margin: auto 1px; } .calc .calc_photo td.sub span{ bottom: 10px; font-size: 11px; } .calc .calc_title{ font-family: 'NEXEN_TIRE_Regular'; border-bottom: 2px solid black; margin-bottom: 26px; font-size: 22px; padding-bottom: 6px; padding-left: 12px; color: var(--color1); padding-top: 33px; height: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform:rotate(-0.03deg); } .calc .guide_load{ position: absolute; display: flex; right: 0; top: 0; width: 124px; height: 44px; background-color: var(--color1); color: white; border-radius: 5px; font-size: 18px; text-align: center; justify-content: center; align-items : center; cursor: pointer; box-shadow: rgb(0 0 0 / 20%) 0 3px 1px -2px, rgb(0 0 0 / 14%) 0 2px 2px 0, rgb(0 0 0 / 12%) 0 1px 5px 0; } .calc .guide_load:hover{ box-shadow: rgb(0 0 0 / 20%) 0 2px 4px -1px, rgb(0 0 0 / 14%) 0 4px 5px 0, rgb(0 0 0 / 12%) 0 1px 10px 0; } .calc .btmdiv{ font-family: 'Noto Sans KR'; position: fixed; bottom: 0; left: 0; width: 100%; height: 114px; z-index: 9999; } .calc .viewoption{ transition: all 0.3s; position: fixed; width: 510px; height: 44px; box-sizing: border-box; color:white; text-align: center; bottom: 70px; left: calc(50% - 255px); } .calc .viewoption label{ cursor: pointer; } .calc .viewoption label{ display: block; width: 100%; height: 44px; box-sizing: border-box; background-color: var(--color1); border-radius: 25px 25px 0 0; padding-top: 5px; font-size: 22px; } .calc .viewoption:has(input:checked){ width: 800px; height: 600px; box-sizing: border-box; left: calc(50% - 400px); } .calc .viewoption:has(input:checked) label{ border-radius: 0; } .calc .viewoption_contents{ background-color: white; position: relative; width: 100%; height: 556px; box-sizing: border-box; border-left: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; overflow-y: scroll; } .calc .viewoption_contents>div{ box-sizing: border-box; padding: 50px; width: 100%; } .calc .viewoption_contents>div table{ display: inline-table; width: 100%; border-spacing: 0px; border-collapse: initial; border-top: 2px solid #9F9F9F; border-bottom: 2px solid #9F9F9F; } .calc .viewoption_contents #watermark{ font-family: 'NEXEN_TIRE_BOLD'; box-sizing: border-box; position:absolute; top: 50%; width: 670px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); font-size: 50px; color:white; opacity: 0.6; } .calc .viewoption_contents #watermark p{ text-align: center; } .calc .viewoption_contents #viewtable1{ border-bottom: none; } .calc .viewoption_contents>div table td{ color: black; font-family: 'Noto Sans KR'; font-size: 17px; font-weight: bold; width: 210px; height: 56px; box-sizing: border-box; vertical-align: middle; } .calc .viewoption_contents>div table tr td{ background-color: hsl(0deg 0% 93% / 43%); } .calc .viewoption_contents>div table tr td:first-child{ background-color: hsl(0deg 0% 85%); } .calc .viewoption_contents>div table tr td:nth-child(2){ color: hsl(var(--c1), 100%, 65%); border-right: 1px solid #9F9F9F; } .calc .viewoption_contents>div table tr td:nth-child(3){ text-align: right; padding-right: 40px; } .calc .viewoption label{ text-align: center; } .calc .viewoption label::before{ content: '상세 견적'; } .calc .viewoption label:has(input:checked)::before{ content: '상세 견적 내용'; } .calc .uparrow{ font-family: 'Noto Sans KR'; position: absolute; right: 20px; top: 20px; border: solid white; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .calc .viewoption:has(input:checked) .uparrow{ top: 14px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .calc .viewoption:has(input:checked) .uparrow{ transform: rotate(45deg); -webkit-transform: rotate(45deg); } .calc .valuediv{ position: fixed; padding-top: 16px; bottom: 0; width: 100%; height: 70px; box-sizing: border-box; background-color: #F2F2F2; text-align: center; } .calc .valuediv #valuebox{ font-family: 'Noto Sans KR'; width: 200px; height: 37px; font-size: 22px; color:#F7931E; border: none; background: none; text-align: right; padding-right: 20px; } .calc table{ display: inline-table; border-spacing: 4px 0px; border-collapse:initial; } .calc table td{ text-align: center; padding: 0; } .calc .valuebt{ font-size: 18px; width: 145px; height: 40px; background-color: white; color: var(--color1); font-weight: bold; vertical-align: middle; border: 3px solid; border-color: hsl(var(--c1), 100%, 90%) hsl(var(--c1), 70%, 70%) hsl(var(--c1), 70%, 70%) hsl(var(--c1), 100%, 90%); cursor: pointer; } .calc .valuebt:hover{ background-color: hsl(var(--c1), 100%, 99%); } .calc .order_print{ } .calc #date{ color:black; font-size: 13px; text-align: right; } .calc, .calc *:not(b){ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; box-sizing: initial; font-weight: normal; text-align: initial; } .calc .bt:has(input:checked) .popup{ display: flex; } .calc .popup{ z-index: 99999; display: none; position: fixed; top: 0; left: 0; background-color: rgb(0 0 0 / 64%); height: 100%; width: 100%; vertical-align: middle; text-align: center; } .calc .popup .popup_contents{ margin: auto; box-sizing: border-box; display: block; background-color: rgb(0 0 0 / 50%); height: 500px; width: 450px; padding: 20px; color: white; text-align: center; font-family: 'Noto Sans KR'; font-size: 20px; border: 5px solid; border-color:#111010 #1b1a1a #1b1a1a #111010; box-shadow: inset 0 1px 2px rgb(0 0 0 / 30%), 0 2px 1px rgb(0 0 0 / 5%), 0 2px 4px rgb(0 0 0 / 50%); } .calc .popup .popup_bts{ margin-top: 30px; text-align: center; } .designSettingElement.text-body.blogPost.content .calc .popup .popup_bts div, .calc .popup .popup_bts div{ display: block; font-family: 'Noto Sans KR'; font-size: 16px; width: 350px; height: 46px; margin: auto; margin-top: 10px; border-radius: 4px; border: none; cursor: pointer; vertical-align: middle; justify-content: center; text-align: center; line-height: 46px !important; border: 1px solid black; } .calc .popup .popup_bts div.ok{ font-weight: bold; color: white; background-image: linear-gradient(#1f70e9, #0d57c5); } .calc .popup .popup_bts div.ok:hover{ background-image: linear-gradient(#4e8db9, #4e8db9); } .calc .popup .popup_bts div.cancle{ color:black; background-image: linear-gradient(#ffffff, #ddddda); } .calc .popup .popup_bts div.cancle:hover{ background-image: linear-gradient(#d3d3d3, #d3d3d3); } .calc .popup .popup_contents img{ box-sizing: border-box; border: 4px solid ; border-image-source : linear-gradient(304deg, rgb(178 52 150) 0%, rgb(53 113 180) 100%); border-image-slice : 1; margin: auto; margin-bottom: 20px; display: block; width: 400px; } .guideline{ font-family: 'Noto Sans KR'; padding-left: 50px; line-height: 140%; } .guideline input{ margin-left: 20px; } 일체형 채널 네온아트 채널 에폭시형 채널 아크릴 면발광 채널 아크릴 채널 양산형 채널 서비스 이용 확인 사항 주문 가이드 견적의 금액은 "장비 구매 고객용"으로 해당 인원에게만 유효합니다. 이해하고 동의합니다. (견적금액을 확인하시려면 동의하셔야 합니다.) 기본 선택 사항 채널 종류 일체형 채널 네온아트 채널 에폭시형 채널 아크릴 면발광 채널 아크릴 채널 - 아크릴 채널 - 문의하기 나중에 양산형 채널 - 양산형 채널 - 문의하기 나중에 각수 ℹ️ 각수 ~10각(소형) ~15각(중형) ~20각(중형) ~30각(중형) ~40각(중형) ~50각(대형) ~60각(대형) ~75각(대형) 높이 ℹ️ 높이 ~20mm ~25mm ~30mm ~40mm ~50mm ~60mm 글자 형상 한글 영문 로고 외벽두께 ℹ️ 외벽두께 레벨1 (0.6~0.8mm) 레벨2 (1.2~1.4mm) 레벨3 (1.6~2.0mm) 레벨4 (2.2~2.4mm) 외벽형상 ℹ️ 외벽형상(입체 측면 타입) 일반형 라운드형 일반 경사형 꺽임형 이중 라운드형 이중 꺽임형 입체 색상 높이 1층 2층 3층 4층 이상 입체 색상 (1번) 불투명 반투명 투명 입체 색상 (2번) 불투명 반투명 투명 2층 이상 시 추가선택 조명 방식 전광 측광 전측광 후광 전후광 측후광 전면 표면 마감 3D 출력물 형 SMART UV 레진 SMART UV 레진 + SHINE UV 레진 네온아트 / 에폭시 / 아크릴면발광 용 추가 선택 사항 시트 작업 없음 기본 시트 3M 시트 스마트 UV 조색 없음 적용 외벽 도색 작업 없음 적용 색상 반투명/투명 선택시 적용 불가 LED 구매 없음 구매 LED 작업 없음(구매만) 작업 오성시스템(주) SMART CHANNEL 총 액 견적: 🖨️ 이미지로 상담신청 let l_dis = 'label_disabled'; //maketable; viewoption; function redate(){ document.querySelector('#date').innerText = '장비 구매 고객용 '+(new Date()).getFullYear()+'-'+((new Date()).getMonth()*1+1)+'-'+(new Date()).getDate()+ ' '+(new Date()).toString().split(' ')[4]; } document.querySelector('.calc_photo').addEventListener('click', function(e){ let td = e.target; if(!e.target.classList.contains('sub')){ td = e.target.closest('td.sub'); if(td == null) return; } if(td.classList.contains('main')){ }else if(td.classList.contains('sub')){ let main = document.querySelector('.calc_photo td.main'); let main_html = main.innerHTML; let clicked_html = td.innerHTML; td.innerHTML = main_html; main.innerHTML = clicked_html; } }); document.querySelector('.order_print').addEventListener('click', function(){ document.querySelector('#showQuot').checked = true; redate(); html2canvas(document.querySelector('.viewoption_contents>div')).then(canvas => { let link = document.createElement('a'); link.download = '오성시스템 채널 예상견적 '+document.querySelector('.calc #date').innerText; link.href = canvas.toDataURL('image/png'); link.click(); }); }); document.querySelector('#guidecheck').addEventListener('change', function(e){ if(e.target.checked == false){ location.reload(); } }); for(let ip of document.querySelectorAll('.signtype input[name="option0"]')){ ip.addEventListener('click', function(){ let phototd = document.querySelector('.calc_photo td span[value="'+this.value+'"]').closest('td').click(); }) } function settable(){ let cates = document.querySelectorAll('.calc .cate'); let x = 0; document.querySelector('.viewoption_contents #viewtable1').innerHTML = ''; for(let cate of cates){ cate.setAttribute('idn',x); let title = cate.querySelector('.cate_title').innerText.split('\n')[0]; let tr = document.createElement('tr'); tr.setAttribute('idn',x); // 1;; let td1 = document.createElement('td'); td1.innerText = title; tr.appendChild(td1); // 2;; let td2 = document.createElement('td'); td2.classList.add('title'); td2.innerText = '-'; tr.appendChild(td2); // 3;; let td3 = document.createElement('td'); td3.classList.add('value'); td3.innerText = '-'; tr.appendChild(td3); document.querySelector('.viewoption_contents #viewtable1').appendChild(tr); x++; } } function disabled_radio(text, n = null){ let r; if(n == null){ r = document.querySelector('input[content*="'+text+'"]'); }else{ r = document.querySelector('input[name="option'+n+'"][content*="'+text+'"]'); } if(r == null){ console.log('disabled err'); return; } r.checked = false; r.disabled = true; r.closest('label').classList.add(l_dis); } function enabled_radio(text, n = null){ let r; if(n == null){ r = document.querySelector('input[content*="'+text+'"]'); }else{ r = document.querySelector('input[name="option'+n+'"][content*="'+text+'"]'); } r.disabled = false; r.checked = false; if(r.closest('label').classList.contains(l_dis)) r.closest('label').classList.remove(l_dis); } function r_checked(x){ return document.querySelector('input[name="option'+x+'"]:checked') } function r_all(x){ return document.querySelectorAll('input[name="option'+x+'"]') } let radios = document.querySelectorAll('input[type="radio"]'); for(let r of radios){ r.onclick = function(){ valuebox.value = '0 원'; if(!document.querySelector('#guidecheck').checked) return false; if(this.name == 'option0'){ // 원복 settable(); let _r = document.querySelector('input.neon[name="option4"]').closest('label') if(_r.innerHTML.indexOf('20mm (고정)')>=0) _r.innerHTML = _r.innerHTML.replace('20mm (고정)', '~20mm'); let radios = document.querySelectorAll('input[type="radio"]'); for(let r of radios){ if(r.name != 'option0'){ if(r.closest('label').classList.contains(l_dis)) r.closest('label').classList.remove(l_dis); r.disabled = false; r.checked = false; } } } //버튼별 //외벽형상 if(this.name == 'option6'){ enabled_radio('1층'); if(this.getAttribute('content').indexOf('일반형') != 0){ disabled_radio('1층'); } } // 2층 이상 색상 if(this.name == 'option8'){ enabled_radio('2층_불투명'); enabled_radio('2층_반투명'); enabled_radio('2층_투명'); if(this.getAttribute('content').indexOf('1층') == 0){ disabled_radio('2층_불투명'); disabled_radio('2층_반투명'); disabled_radio('2층_투명'); } } // 외벽 도색 관련 if(this.name == 'option9' || this.name == 'option17'){ enabled_radio('도색적용'); if(this.value != 1){ disabled_radio('도색적용'); } } //led 구매 if(this.name == 'option14'){ if(this.value == 1){ disabled_radio('없음(구매만)'); disabled_radio('작업', 15); }else{ enabled_radio('없음(구매만)'); enabled_radio('작업', 15); } } if(r_checked(0) != null){ // 일체형 if(r_checked(0).value == '1'){ // 비활성화 for(let r of r_all(16)){ r.disabled = true; r.closest('label').classList.add(l_dis); } // 각선택 if(this.name == 'option3'){ let size = ''; for(let c of this.classList){ if(c.indexOf('size_')==0){ size = c; } } // 옵션 5 변경 let o5s = document.querySelectorAll('input[name="option5"]'); for(let o of o5s){ o.checked = false; if(o.closest('label').classList.contains(l_dis)) o.closest('label').classList.remove(l_dis); if(!o.classList.contains(size)){ o.disabled = true; o.closest('label').classList.add(l_dis); }else{ o.disabled = false; } } } } // 네온아트 else if(r_checked(0).value == '2'){ //비활성화 disabled_radio('~10각'); disabled_radio('이중 라운드형'); disabled_radio('이중 꺽임형'); let dontsel = document.querySelectorAll('input[name="option4"], input[name="option5"]'); for(let r of dontsel){ if(!r.classList.contains('neon')){ r.disabled = true; r.closest('label').classList.add(l_dis); } } //고정 document.querySelector('input.neon[name="option4"]').closest('label').innerHTML = document.querySelector('input.neon[name="option4"]').closest('label').innerHTML.replace('>~20mm','>20mm (고정)'); document.querySelector('input.neon[name="option4"]').checked = true; document.querySelector('input.neon[name="option5"]').checked = true; // 에폭시형 }else if(r_checked(0).value == '3'){ // 비활성화 disabled_radio('~50각'); disabled_radio('~60각'); disabled_radio('~75각'); disabled_radio('레벨4'); for(let r of r_all(16)){ if(r.value == "2nd_resin"){ r.checked = true; }else{ r.disabled = true; r.closest('label').classList.add(l_dis); } } // 각선택 if(this.name == 'option3'){ let size = ''; for(let c of this.classList){ if(c.indexOf('size_')==0){ size = c; } } // 옵션 5 변경 let o5s = document.querySelectorAll('input[name="option5"]'); for(let o of o5s){ o.checked = false; if(o.closest('label').classList.contains(l_dis)) o.closest('label').classList.remove(l_dis); if(!o.classList.contains(size)){ o.disabled = true; o.closest('label').classList.add(l_dis); }else{ o.disabled = false; } } } // 아크릴 면발광 }else if(r_checked(0).value == '4'){ // 비활성화 disabled_radio('~50각'); disabled_radio('~60각'); disabled_radio('~75각'); disabled_radio('레벨4'); for(let r of r_all(16)){ if(r.value == "2nd_resin"){ r.checked = true; }else{ r.disabled = true; r.closest('label').classList.add(l_dis); } } // 각선택 if(this.name == 'option3'){ let size = ''; for(let c of this.classList){ if(c.indexOf('size_')==0){ size = c; } } // 옵션 5 변경 let o5s = document.querySelectorAll('input[name="option5"]'); for(let o of o5s){ o.checked = false; if(o.closest('label').classList.contains(l_dis)) o.closest('label').classList.remove(l_dis); if(!o.classList.contains(size)){ o.disabled = true; o.closest('label').classList.add(l_dis); }else{ o.disabled = false; } } } } } // 가격넣기 let c_kak = document.querySelector('input[name="option3"]:checked'); let c_hi = document.querySelector('input[name="option4"]:checked'); if(c_kak != null && c_hi != null){ let v_kak = c_kak.value; let v_h = c_hi.value; let base_amount = value_talbe[v_kak][v_h]; let re = value_talbe[v_kak][v_h]; let re2 = re; document.querySelectorAll('.calc .viewoption_contents #viewtable1 tr')[0].querySelectorAll('td')[2].innerText = ''; document.querySelectorAll('.calc .viewoption_contents #viewtable1 tr')[1].querySelectorAll('td')[2].innerText = ''; document.querySelectorAll('.calc .viewoption_contents #viewtable1 tr')[2].querySelectorAll('td')[2].innerText = '기본금: ' + base_amount.toLocaleString() + '원'; (()=>{ let caten = document.querySelectorAll('.calc .cate'); for(i=0; i let opti = caten[i]; let ced = opti.querySelector('input:checked'); let idn = opti.getAttribute('idn'); if(!opti.classList.contains('opti')){ if(opti.hasAttribute('idn')){ document.querySelector('#viewtable1 tr[idn="'+idn+'"] .title').innerText = ced.closest('label').innerText; } }else{ let cate_title = opti.querySelector('.cate_title').innerText.split('\n')[0]; let ba = re; if(ced == null){ ba = 0; }else{ if(ced.value == 'led' && r_checked(3) != null){ if(r_checked(3).value == 10){ ba = re * 1.3 - re; }else if(r_checked(3).value>=50){ ba = re * 2.5 - re; }else{ ba = re * 1.5 - re; } }else if(ced.value == '2nd_resin' && r_checked(3) != null){ if(r_checked(3).value == 10){ ba = 3000; }else if(r_checked(3).value>=40){ ba = 10000; }else{ ba = 5000; } }else{ if(r_checked(0).value == 4 && ced.hasAttribute('value2')){ ba = re * (ced.getAttribute('value2') * 1) - re; }else{ ba = re * (ced.value * 1) - re; } } } ba = Math.ceil(ba); re = re + ba * 1; if(ced !== null){ if(opti.hasAttribute('idn')){ document.querySelector('#viewtable1 tr[idn="'+idn+'"] .value').innerText = ba.toLocaleString() + ' 원'; document.querySelector('#viewtable1 tr[idn="'+idn+'"] .title').innerText = ced.closest('label').innerText; } }else{ if(opti.hasAttribute('idn')){ document.querySelector('#viewtable1 tr[idn="'+idn+'"] .value').innerText = '-'; document.querySelector('#viewtable1 tr[idn="'+idn+'"] .title').innerText = '-'; } } } } })(); redate(); valuebox.value = re.toLocaleString() + ' 원'; valuebox2.innerText = re.toLocaleString() + ' 원'; } } }let value_talbe = { '10': { '20': 18000, '25': 19800, '30': 21600, '40': 23400, '50': 25200, '60': 28800 }, '15': { '20': 22000, '25': 24200, '30': 26400, '40': 28600, '50': 30800, '60': 35200 }, '20': { '20': 28000, '25': 30800, '30': 33600, '40': 36400, '50': 39200, '60': 44800 }, '30': { '20': 50000, '25': 55000, '30': 60000, '40': 65000, '50': 70000, '60': 80000 }, '40': { '20': 77000, '25': 84700, '30': 92400, '40': 100100, '50': 107800, '60': 123200 }, '50': { '20': 105000, '25': 115500, '30': 126000, '40': 136500, '50': 107800, '60': 123200 }, '60': { '20': 250000, '25': 275000, '30': 300000, '40': 325000, '50': 350000, '60': 400000 }, '70': { '20': 400000, '25': 440000, '30': 480000, '40': 520000, '50': 560000, '60': 640000 }}document.querySelectorAll('[name=option0]')[0].click();
