/* °øÅë »ç¿ë css */
:root {
    --inner-width: 1204px;
    --co1E : #1E90FF;
    --coE5 : #0074E5;
}

a:visited, a:link {color: inherit;}
select { appearance: none;  outline: none;}

/* display */
.block {display: block;}
.inline-block {display: inline-block;}
.inline {display: inline;}

/* flex */
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.justify-center {justify-content: center;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.space-between {justify-content: space-between;}
.space-around {justify-content: space-around;}
.space-evenly {justify-content: space-evenly;}
.align-center {align-items: center;}
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.baseline {align-items: baseline;}
.flex-row {display: flex; flex-direction: row;}
.flex-col {display: flex; flex-direction: column;}

/* grid */
.grid {display: grid;}
.col2 {grid-template-columns: repeat(2, 1fr);}
.col3 {grid-template-columns: repeat(3, 1fr);}
.col4 {grid-template-columns: repeat(4, 1fr);}
.col5 {grid-template-columns: repeat(5, 1fr);}
.col6 {grid-template-columns: repeat(6, 1fr);}
.row2 {grid-template-rows: repeat(2, 1fr);}
.row3 {grid-template-rows: repeat(3, 1fr);}
.row4 {grid-template-rows: repeat(4, 1fr);}
.row5 {grid-template-rows: repeat(5, 1fr);}
.row6 {grid-template-rows: repeat(6, 1fr);}

/* gap - spacing */
.gap4 {gap: 4px;}
.gap8 {gap: 8px;}
.gap10 {gap: 10px;}
.gap12 {gap: 12px;}
.gap16 {gap: 16px;}
.gap20 {gap: 20px;}
.gap24 {gap: 24px;}
.gap30 {gap: 30px;}
.gap40 {gap: 40px;}
.gap48 {gap: 48px;}
.gap56 {gap: 56px;}
.gap60 {gap: 60px;}
.gap80 {gap: 80px;}
.gap100 {gap: 100px;}

/* ÅؽºÆ® °ü·Ã */
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.bold {font-weight: 700;}
.break-all {word-break: break-all;}
.keep-all {word-break: keep-all;}
.ellipsis {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;} 
.ellipsis.line2 {-webkit-line-clamp: 2;}
.ellipsis.line3 {-webkit-line-clamp: 3;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.co1E {color: var(--co1E);}

/* ¹öÆ°, ¹îÁö °ü·Ã*/
.btn_wrap {margin-top: 40px; display: flex; justify-content: center; gap: 20px;}
.btn_E5 {color:var(--coFF) !important; background:var(--coE5); border:1px solid var(--coE5); white-space: nowrap;} 
.num-badge {width: 24px; height: 24px; border-radius: 100px; color:var(--coFF); background:var(--coE5); font-size: 12px; font-family: '¸¼Àº°íµñ'; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center;}
.badge-xs {display: flex; align-items: center; justify-content: center; width:fit-content; height:24px; padding:0 8px; border-radius: 13px; font-size:12px; font-family:'¸¼Àº°íµñ',malgun gothic; font-weight: 700; letter-spacing: -1.44px; white-space: nowrap;}
.badge-xs.blur { border: 1px solid var(--co1E); background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(1.5px); color: var(--co1E);}

/* ¾ÆÀÌÄÜ */  
.heart16 { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_heart.svg') center/16px no-repeat; } 
.talk16 { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_talk.svg') center/16px no-repeat; }  

/* ÄÁÅÙÃ÷ °øÅë */
header.scroll, .right_fix_menu, .top_fix_head {display: none;}
.ask-estimate {position: relative; min-width: var(--inner-width); overflow: hidden;}
.ask-estimate * {letter-spacing: -0.56px; line-height: 1.5; box-sizing: border-box;}
.ask-estimate img {width: 100%; height: auto; object-fit: contain;}
.ask-estimate .wh-box {display: flex; align-items: center; background: var(--coFF); border-radius: 10px;padding: 40px 30px;} 
.ask-estimate .wh-box.top {padding: 14px 30px;  margin-bottom: 20px;} 

.ask-estimate .img_box {border-radius: 10px; position: relative; overflow: hidden; position: relative;}
.ask-estimate .img_box::before { content: ''; position: absolute;  left: 0;  top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.02);}
.ask-estimate .pasing a {border-radius: 2px;}
.ask-estimate .link {color: var(--co1C); text-decoration: underline;}

/* form °ü·Ã */
.ask-estimate .select-box { display: inline-block;  width: 150px; height: 40px; font-size: 14px; font-family: noto-R; cursor: pointer; border: 1px solid var(--coD8);  border-radius: 2px;}
.ask-estimate .select-box select { display: block; width: 100%; height: 100%; padding: 0 15px; background: #fff url(//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_down_12.svg) 93% center no-repeat; box-sizing: border-box; border: none;  font-size: 14px; font-family: 'noto-R'; color: var(--co1A); background-size: 20px; }
.ask-estimate .select-box select option{font-size:14px;}
.ask-estimate .input-box {height: 40px; position:relative; display:block; border-radius: 2px; border: 1px solid var(--coD8);  }
.ask-estimate input{ padding: 0 10px; width:100%; height: 100%; color: var(--co1A);font-size:14px; font-family:'noto-R';  outline:none;}
.ask-estimate input::placeholder{color:var(--co94); }
.ask-estimate .price-input {height: 40px; display:flex; align-items: center; align-items: center; border: 1px solid var(--coD8); gap: 15px; border-radius: 2px;}
.ask-estimate .price-input input{display:inline-block; width:130px; height: 100%; border: none;}
.ask-estimate .textarea-box {width: 100%;}
.ask-estimate .textarea-box textarea {width: 100%; height: 100%; padding: 10px 15px; color: var(--co1A); border: 1px solid var(--coD8); font-size:14px; font-family:'noto-R'; resize: none; border-radius: 2px; outline: none;}

/* section °ü·Ã */
.ask-estimate .section {width: 100%; position: relative;}
.ask-estimate .section .inner {position: relative; width: var(--inner-width); margin: 0 auto; height: 100%; padding: 80px 0;}
.section-wrap .section .inner  {padding-bottom: 80px}

/* À¯ÀÇ»çÇ× ¹Ú½º */
.noti-box {width: 100%; padding: 30px 40px; max-width: 1144px; display: flex; align-items: flex-start; gap: 80px; border-radius: 10px; background: var(--coF9); margin: 0 auto;}
.noti-box dl {display: flex; flex-direction: column; gap: 8px;}
.noti-box dd{padding-left: 6px; position: relative;}
.noti-box dd::before{content: '¡¤'; width: 2px; height: 100%; position: absolute; top: 0px; left: 0; color: inherit;}

/* Å°ºñÁÖ¾ó */
.ask-estimate .sc-intro {height: 540px; background: #031738; display: block;}
.sc-intro .inner {z-index: 1;}
.sc-intro .inner::before {content: ''; width: 1920px; height: 540px; background: url(//image5.compuzone.co.kr/img/images/ask_estimate/main-bg.jpg) center/ contain no-repeat; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: -1;}
.sc-intro .title {display: flex; flex-direction: column;  gap: 12px; width: max-content;}
.sc-intro .title div {opacity: 0.8;}

.sc-intro .obj-wrap {width: 100%; position: absolute; top: 0; left: 0}
.sc-intro .obj-wrap span {position: absolute;}
.sc-intro .obj-wrap span:nth-child(1) { top:110px; left: 670px; animation: obj1 0.4s ease-in-out both 0.8s;} 
.sc-intro .obj-wrap span:nth-child(2) { top:250px; left: 559px; animation: obj2 0.4s ease-in-out both 1.2s;}
.sc-intro .obj-wrap span:nth-child(3) { top:220px; right: 10px; animation: obj3 0.4s ease-in-out both 1.5s;}

@keyframes obj1 {
    0% {top:0; left: 550px; opacity: 0;}
    100% {top: 110px; left: 670px; opacity: 1;}
}
@keyframes obj2 {
    0% {left: 200px; opacity: 0;}
    100% {left: 559px; opacity: 1;}
}
@keyframes obj3 {
    0% {top:200px; right: -200px; opacity: 0;}
    100% {top:220px; right: 10px; opacity: 1;}
}

.sc-intro .grade-box {width: 420px; display: flex; padding: 30px 30px 26px; flex-direction: column; gap: 12px; border-radius: 15px 15px 0 0; background: linear-gradient(119deg, rgba(255, 255, 255, 0.10) 29.64%, rgba(255, 255, 255, 0.03) 82.19%);}
.sc-intro .grade-box {margin-top: 40px;}
.sc-intro .grade-box p {font-family: 'noto-L'; font-size: 14px;}
.sc-intro .grade-box i {width: 24px; height: 24px; display: inline-block;}
.sc-intro .grade-box a {width: 100%; height: 100%; padding: 4px 0;}

.sc-intro .link-box{ width: 1242px; height: 175px; position: absolute; position: absolute; top: 420px; left: 540px; clip-path: path('M 130 0 Q 122 0 110 20 L 0 180 L 1242 180 L 1242 0 Z'); background: linear-gradient(180deg, rgba(224, 238, 255, 0.5) 0%, transparent 2%,  rgba(224, 238, 255, 0.3) 30%,  transparent 70%); backdrop-filter: blur(6px); z-index: 1;}
.sc-intro .link-box-inner {width: 1242px; height: 180px; position: absolute; top: -4px; left: 5px;  z-index: 1; background: linear-gradient(0deg, rgb(4, 16, 28, 67%) 25.28%, rgba(0, 95, 187, 0.00) 100%), rgba(43, 89, 142, 0.30);   clip-path: path('M 130 0 Q 122 0 110 20 L 0 180 L 1242 180 L 1242 0 Z');}
.sc-intro .link-box-inner > div {width: 542px; height: 100%; margin-left: 114px; padding: 0 30px; justify-content: center; align-items: center; }
.sc-intro .link-box a {background: rgb(255, 255, 255, 0.1); color: var(--coFF); border: 1px solid var(--coFF);}

/* Ãßõ »óÇ° ¿µ¿ª */
.reco-prod-area {width: 100%; display: flex; gap: 24px; }
.reco-prod-area .tab { width: 100%; display: flex; flex-direction: column; gap: 4px; margin-top: 40px;}
.reco-prod-area .tab li {width: 100%; height: 44px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid; border-image: linear-gradient(90deg, rgba(235, 235, 235, 0.2), rgba(255, 255, 255, 0) 100%); border-image-slice: 1;}
.reco-prod-area .tab li p {color: var(--coFF); transition: all 0.3s;}
.reco-prod-area .tab li a {width: 100%;}
.reco-prod-area .img_box {width: 28px; height: 28px; display: block; border-radius: 50%;}
.reco-prod-area .tab li.on p, .reco-prod-area .tab li:hover p {font-weight: 700; color: var(--coE5);}
.reco-prod-area .left {width: 298px;}
.reco-prod-area .left .flex-col p {font-family: 'noto-L'; font-size: 16px; color: var(--coFF);}
.reco-prod-area .right ul {position: relative;}
.reco-prod-area .right li {position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.5s;}
.reco-prod-area .right li.on {opacity: 1; visibility: visible;}
.clip-img-box { width: 250px; height: 250px; clip-path: url(#roundedClip);  display: flex; align-items: center; justify-content: center;  background: var(--coFF); position: relative;}
.clip-img-box::before {content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(1, 17, 40, 0.00) 63.8%, rgba(1, 17, 40, 0.18) 83.71%, rgba(1, 17, 40, 0.18) 100%); position: absolute; top: 0; left: 0;z-index: 1;}
.clip-img-box span {width: 200px; height: 200px; display: block;}
.reco-prod-area .right .badge {display: flex; height: 32px; min-width: 32px; width: 87px; padding: 0 12px; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid var(--co1E); color: var(--co1E); background: #002B55; font-family: noto-M; font-size: 14px; position: absolute; top: 0; left: 0; white-space: nowrap;} 

/* Á¦Ç° ¸®½ºÆ® */
.sc-content {height: 100%; background: linear-gradient(to top, #0c335d 75%, #04172A 100%);
}
.sc-content h3 {margin-bottom: 30px;}
.ask-estimate .sc-content .inner {padding: 100px 0; display: flex; flex-direction: column;}
.sc-content .inner .pd_wrap {background: none; padding: 0;}
.sc-content .pd_wrap .chipbtn {width: max-content; margin:0 0 20px; }
.sc-content .pd_wrap .chipbtn ul li a {background: transparent; border: 1px solid rgba(216, 216, 216, 0.30); color: #EBF5FF;}
.sc-content .chipbtn ul li.on a, .sc-content .inner .chipbtn ul li:hover a  {background: var(--coE5);  border: 1px solid var(--coE5); color: var(--coFF);}
.sc-content .box-inner {width: 100%;}

.ask-estimate .prdlist_top {padding: 0 30px; min-height: 72px;}
.ask-estimate .pd_list .txt_box > .flex {margin-bottom: 12px;}
.ask-estimate .pd_list .tool .icon {filter: brightness(3) grayscale(1);}
.ask-estimate .pd_list .tool > div {display: flex; gap: 4px; align-items: center; }
.ask-estimate .pd_list .tool p {color: var(--co3A);}
.ask-estimate .iw_pd_wrap .pd_inner .pd_list ul.viewType_T .badge-xs {position: absolute; top: 30px; left: 30px; z-index: 5;}
.ask-estimate .pd_wrap .pd_inner .pd_list .txt_box .des {margin-bottom: 0;}
.ask-estimate .pd_wrap .pd_inner .pd_list .txt_box .des ul li {gap: 8px;}
.ask-estimate .pd_wrap .pd_inner .pd_list .txt_box .des ul li p {width: 40px; color: var(--co3A);}
.ask-estimate .pd_wrap .pd_inner .pd_list .txt_box .des ul li span {flex: 1;}
.ask-estimate .pd_wrap .pasing {margin: 40px 0;}
.ask-estimate .iw_pd_wrap .pd_inner .pd_list ul.viewType_T > li > .hover_box {background: linear-gradient(0deg, #061032 0%, #024489 100%);}
.ask-estimate .iw_pd_wrap .pd_inner .pd_list ul.viewType_T > li > .hover_box img {width: 24px;}

/* hover */
.ask-estimate .pd_wrap .pd_inner .pd_list ul.viewType_T > li:hover .txt_box p {color: var(--coFF);}
.ask-estimate .pd_wrap .pd_inner .pd_list ul.viewType_T > li:hover .badge-xs {background: var(--co1E); color: var(--coFF); border: 1px solid var(--co1E);} 
.ask-estimate .pd_wrap .pd_inner .pd_list ul.viewType_T > li:hover .tool .icon {filter: none;}
.ask-estimate .iw_pd_wrap .pd_inner .pd_list ul.viewType_T > li:hover > .hover_box {opacity: 0.9;}

/* Á¦Ç° »ó¼¼ */
.sc-content.detail .inner .pd_wrap {padding: 0;}
.sc-content.detail h4 {color: #00152A;}
.sc-content.detail .prdlist_top {padding: 30px 40px; align-items: flex-start;}
.sc-content.detail .prdlist_top .img_box {width: 160px; height: 160px;}
.sc-content.detail .pd_inner .pd_list {padding-bottom: 30p x;}
.sc-content.detail .pd_info {width: 400px ;}
.sc-content.detail .pd_info .bat_box {margin-bottom: 12px;}
.sc-content.detail .pd_info .spBB16 {margin-bottom: 8px;}
.sc-content.detail .pd_info .ntMB16 {margin-bottom: 4px;}
.sc-content.detail .box-inner {padding: 0 40px;}
.sc-content .total li { color: var(--co3A); cursor: pointer; display: flex; align-items: center; font-size: 14px; font-family: noto-R; position: relative;}
.sc-content .total li::before {content: ''; width: 1px;  height: 12px; background: var(--coD8); position: absolute; top: 50%; transform: translateY(-50%); right: -20px;}
.sc-content .total li:last-child:before {display: none;}

.ae_popup_info_btns {display: flex; gap: 14PX;}
.ae_popup_info_btns li { color: var(--co3A); cursor: pointer; display: flex; align-items: center; font-size: 14px; font-family: noto-R; position: relative;}
.ae_popup_info_btns li::before {content: ''; width: 1px;  height: 10px; background: var(--coD8); position: absolute; top: 5.5px; right: -8px;}
.ae_popup_info_btns li:last-child:before {display: none;}
.ae_popup_info_btns li  i {width: 16px; height: 16px; display: inline-block; margin-right: 4px;}
.ae_popup_info_btns li.c1 i {background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_new_open_24.svg") center/contain no-repeat;}
.ae_popup_info_btns li.c2 i {background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_share_24.svg") center/contain no-repeat;}
.ae_popup_info_btns li.c3 i {background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_heart_24.svg") center/contain no-repeat;}

/* Å×À̺í */
.table_wrap table {width: 100%;}
.table_wrap tr {border-bottom: 1px solid var(--coD8);}
.table_wrap tr:nth-child(1) {border-top: 1px solid var(--coD8);}
.table_wrap th {padding: 12px 20px; background: var(--coF9); height: 48px ;}
.table_wrap td {padding: 12px 20px; background: var(--coFF); text-align: center; height: 54px;}
.table_wrap .img_box {width: 80px; height: 80px; border-radius: 5px; flex-shrink: 0;}
.table_wrap .info_text {text-align: left; display: flex; flex-direction: column; gap: 4px;}
.ask-estimate .none { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; height: 220px;}

/* ´ñ±Ûµî·Ï */
.sc-comment {background: var(--coF9);}
.sc-comment .wh-box {display: block; margin-top: 30px;}
.sc-comment ul li {width: 100%;}
.sc-comment ul li .tit {margin-bottom: 16px; display: flex; gap: 4px;}
.sc-comment dl {margin-top: 8px;}
.sc-comment dt a {text-decoration: underline;}
.sc-comment .textarea-box textarea {height: 120px; resize: vertical;}
.sc-comment .table_wrap th, .sc-comment .table_wrap td {padding: 10px 15px;}
.sc-comment .table_wrap th {height: 40px;}
.sc-comment .table_wrap td {height: 44px;}
.sc-comment .comment {display: flex; align-items: center; gap: 8px;}
.sc-comment .comment p {width: 596px; flex-shrink: 0;}
.sc-comment .comment .badge-xs { border:1px solid var(--co6C); color: var(--co6C); margin: 0 auto;}
.sc-comment .comment .badge-xs.on { border:1px solid #0056AA;; color: #0056AA;}
.sc-comment .pasing {margin: 16px 0 0;}

/* PC µî·Ï */
.sc-content.register .badge-xs {border:1px solid var(--co1E); color: var(--co1E);}
.sc-content.register .badge-xs.opt {border:1px solid var(--co6C); color: var(--co6C);}
.sc-content.register .inner > div {position: relative;}
.est_registForm{width: 100%; display: flex; flex-direction: column; gap:28px;}
.est_registForm > li{width:100%; display: flex; gap: 20px; align-items: center; position: relative;}
.est_registForm > li:last-child {align-items: flex-start;}
.est_registFL {width:260px; flex-shrink: 0; display: flex; gap: 4px; align-items: center;}
.est_registFL {font-family: 'noto-M'; font-size: 16px; color: var(--co1A);}
.est_registTBB {display:inline-block; padding:10px; position: relative; background: #fff; border: 1px solid #1a1a1a; color:#1a1a1a; font-size:12px; font-family:'¸¼Àº°íµñ'; letter-spacing:-0.5px; position: absolute; top: 100%; left: 46px; z-index: 1; display: none;}
.est_registFL i:hover + .est_registTBB {display: block;}

.est_registFR {width: 100%;}
.est_registFR .input-box {width: 200px; display: flex; align-items: center; border-radius: 2px; border: 1px solid var(--coD8); padding: 0 15px; gap: 8px; color: var(--co1A); font-size: 14px; background: var(--coFF);}
.est_registFR .input-box  input {border: none; padding: 0;}
.est_registFR .textarea-box {width: 100%; height: 120px; display: block;}
.search_box{position:relative; display:inline-block; width:350px; height:40px; }
.search_box input{padding: 0 49px 0 15px; width:100%; height:100%; border:solid 1px var(--coD8); background: var(--coFF); color:var(--co1A); font-size:14px; font-family:noto-R; outline:none;}
.search_box .search_icon {width:24px; height:24px; background:transparent url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg') center /contain no-repeat; position:absolute; right:5px; top:50%; transform: translateY(-50%); background-color:#fff;}

/* Æ˾÷ °ü·Ã */
.ask-estimate .dimmed {width: 100%; height: 100%; position: fixed; top: 0; left: 0;
background: rgb(0, 0, 0, 0.7); z-index: 5; display: none;}
.ask-estimate .layer_popup.pop_l {z-index: 100; display: none;}

/* ³ªÀÇ ÆäÀÌ¹é ±Ý¾× Æ˾÷ */
.mypayback_popup .share24_3A { display: block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_share_24.svg') center/24px no-repeat; margin: 0 auto;} 

/* »óÇ° ºÒ·¯¿À±â, »óÇ° µî·Ï Æ˾÷  */
.layer_chip {display: flex; background:var(--coF9); border-radius: 20px;}
.layer_chip li {flex: 1; display: flex; align-items: center; justify-content: center; width:-webkit-fill-available; height:40px; border-radius: 20px; font-size:14px; font-family:'noto-R'; color:var(--co6C);}
.layer_chip li a {display: flex; align-items: center; justify-content: center; color:var(--co6C);}
.layer_chip li.on {background:var(--co1A);color: #fff;}
.layer_chip li.on a{ color:var(--coFF);}
.ask-estimate .layer_popup .tabcont {border-radius: 10px; overflow: hidden; border: 1px solid var(--coD8); height: 262px; }
.ask-estimate .layer_popup .scroll {width: 100%; max-height: 260px; padding: 20px; overflow-y: auto;}
.ask-estimate .layer_popup .tabcont .info_text {max-width: 334px; min-width:334px;}
.ask-estimate .layer_popup .tabcont .info_price {display: flex; flex-direction: column; align-items: center; gap: 4px; flex-shrink: 0;} 
.ask-estimate .layer_popup .tabcont .info_price .co94 {text-decoration: line-through; margin-left: 4px;}
.ask-estimate .layer_popup .table_wrap {display: flex; flex-direction: column; gap: 12px;}
.ask-estimate .layer_popup .table_wrap .btn_E5.off {background: var(--co6C); border-color:  var(--co6C);}
.ask-estimate .layer_popup .tabcont .pop_check {position: absolute; top: 4px; left: 4px;}
.layer_popup .search-top {display: flex; justify-content: space-between; margin: 24px 0 12px;}
.ask-estimate .layer_popup .search-top .select-box {height: 32px; border-radius: 0;}
.layer_popup .search-top .select-box select {padding: 0 10px; background-size: 16px;}
.layer_popup .search-top .search_box {height: 32px; border-radius: 0}
.layer_popup .search-top .search_box input {padding: 0 36px 0 10px;}
.layer_popup .search-top .search_icon {width: 16px; height: 16px;}
.ask-estimate .layer_popup .cate-box {border-radius: 10px; padding: 20px; border: 1px solid var(--coD8); display: flex; gap: 16px; align-items: center;}
.ask-estimate .layer_popup .cate-box p {width: 100px;}

/* °øÀ¯Çϱâ Æ˾÷ */
.share_inner .lst {display: flex; flex-wrap: wrap; gap: 36px;} 
.share_inner .lst li {width: 60px; text-align: center; } 
.share_inner .lst li button{padding: 0 !important; background: none;}
.share_inner .lst li .share i { display: block; width: 100%; color: #6C6C6C; white-space: nowrap; font-family: '¸¼Àº°íµñ'; font-style: normal; font-size: 13px; } 
.share_inner .lst li .share i:before { display: block!important; margin: 0 auto; margin-bottom: 7px; content: ""; width: 60px; height: 60px;} 
.share_inner .lst li .share i.kakao:before {background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_kakao_24.png') center center/cover no-repeat;} 
.share_inner .lst li .share i.facebook:before {background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_facebook_24.png') center center/cover no-repeat;} 
.share_inner .lst li .share i.twitter:before {background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_x_24.png') center center/cover no-repeat;} 
.share_inner .lst li .share i.url:before {background: url('//image5.compuzone.co.kr/img/images/product_detail/btn_url_24.png') center center/cover no-repeat;}