@charset "utf-8";
.greeting {text-align:center;}
.greeting p {margin-top:var(--space-35); font-size:var(--font-size-22); color:#242424; font-weight:500; line-height:1.55em;}

.tb-1 table {border-top:2px solid #242424; border-collapse:collapse; width:100%;}
.tb-1 table th {font-size:var(--font-size-20); font-weight:600; color:#242424; border-right:1px solid #ddd; background-color:#f8f8f8; text-align:center;}
.tb-1 table td {padding:var(--space-25) 0 var(--space-25) var(--space-30); font-size:var(--font-size-18); line-height:1.5em;}
.tb-1 table th,.tb-1 table td {border-bottom:1px solid #ddd;}
.tb-1 table td.addr p {margin-bottom:13px;}
.tb-1 table td.addr p:last-child {margin-bottom:0;}
.tb-1 table td ul li {margin-bottom:13px;}
.tb-1 table td ul li:last-child {margin-bottom:0;}

.dot-item {padding-left:15px; position:relative;}
.dot-item:before {font-size:var(--font-size-18); top:-2px; font-weight:500; position:absolute; content:'•'; left:0; color:var(--color-primary);}

.mission .item {height:150px; border-radius:100px 0; margin-bottom:var(--space-40); align-items:center; display:flex; background-color:#fce8dd;}
.mission .item:last-child {margin-bottom:0;}
.mission .item strong {width:450px; padding-left:100px; font-size:var(--font-size-50); letter-spacing:-.03em; line-height:1.3em; color:var(--color-primary); display:block;}
.mission .item p {flex:1; font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.5em; font-weight:500; color:#242424;}

.sub-tab {margin-bottom:var(--space-60);}
.sub-tab ul {gap:0 var(--space-20); display:flex;justify-content:center;}
.sub-tab ul li a {min-width:180px; height:55px; font-weight:600; font-size:var(--font-size-20); border:1px solid #454545; display:flex; justify-content:center; border-radius:30px; align-items:center; text-align:center;}
.sub-tab ul li.active a {color:#fff; background-color:var(--color-primary); border-color:var(--color-primary);}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.case-title {max-width:940px; margin:0 auto var(--space-50); text-align:center;}
.case-title .tit {font-size:var(--font-size-44); font-weight:700; letter-spacing:-.03em; color:#242424; line-height:1.3em;}
.case-title p {font-size:var(--font-size-18); margin-top:var(--space-25);}

.slideshow {padding-bottom:var(--space-60); margin-bottom:var(--space-80); border-bottom:1px solid #ddd;}
.slideshow .slider {max-width:940px; margin:0 auto;}
.slideshow .slick-track {display:flex;}
.slideshow .slick-track:before,
.slideshow .slick-track:after {display:none;}
.slideshow .slick-slide {flex-shrink:0; width:100%;}
.slideshow .image {position:relative; overflow:hidden;}
.slideshow .image:before {content:''; display:block; padding-bottom:73%;}
.slideshow .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.slideshow .slider-for {margin-bottom:var(--space-40);}
.slideshow .slider-nav {position:relative;}
.slideshow .slider-nav .items {margin:0 -4px;}
.slideshow .slider-nav .item {padding:0 4px;}
.slideshow .slider-nav .image {cursor:pointer;}
.slideshow .slider-nav .slick-current .image:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:3px solid var(--color-primary);}
.slideshow .slick-arrow {width:35px; height:64px; background-color:unset; border:none; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; font-size:0; position:absolute; top:50%; transform:translateY(-50%); z-index:10;}
.slideshow .slick-prev {left:-130px; background-image:url('../images/sub/slideshow-prev.png');}
.slideshow .slick-next {right:-130px; background-image:url('../images/sub/slideshow-next.png');}
.slideshow .slick-prev:hover {background-image:url('../images/sub/slideshow-prev-on.png');}
.slideshow .slick-next:hover {background-image:url('../images/sub/slideshow-next-on.png');}

.doc-btn {text-align:center;}
.doc-btn .btn {width:160px; height:60px; border-radius:30px; position:relative; font-weight:500; margin:auto; font-size:var(--font-size-18); border:1px solid #454545; display:flex; align-items:center; justify-content:center; overflow:hidden; transition:.6s ease-in-out;}
.doc-btn .btn:before {right:-50px; border-right:50px solid transparent; border-bottom:65px solid var(--color-primary); content:""; position:absolute; top:0; left:0; transform:translateX(-100%); transition:.2s ease-in-out;}
.doc-btn .btn:hover {border:var(--color-primary);}
.doc-btn .btn:hover:before {transform:translateX(0);}
.doc-btn .btn:hover span {color:#fff; position:relative;}
.doc-btn button {background-color:#fff;}

.prd-etc {margin-bottom:var(--space-80); display:flex; text-align:center;}
.prd-etc .box {padding:50px 30px; min-height:380px; width:25%; border:1px solid #ddd; border-right:0;}
.prd-etc .box:last-child {border-right:1px solid #ddd;}
.prd-etc .box:nth-child(even) {background-color:#fefaf8;}
.prd-etc strong {margin:var(--space-35) 0 10px; font-size:var(--font-size-24); display:block; color:#242424; letter-spacing:-.03em; font-weight:600;}
.prd-etc p {line-height:1.63em; letter-spacing:-.03em;}

.slide-prd .slick-track {display:flex;}
.slide-prd .slick-track:before,
.slide-prd .slick-track:after {display:none;}
.slide-prd .slick-slide {flex-shrink:0; width:100%;}
.slide-prd .image {position:relative; overflow:hidden;}
.slide-prd .image:before {content:''; display:block; padding-bottom:57%;}
.slide-prd .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.slide-prd .slider-for {overflow:hidden; margin-bottom:var(--space-50);}
.slide-prd .slider-for .image:before {padding-bottom:50%;}
.slide-prd .slider-nav {position:relative; padding:0 50px;}
.slide-prd .slider-nav .items {margin:0 -5px;}
.slide-prd .slider-nav .item {padding:0 5px;}
.slide-prd .slider-nav .image {cursor:pointer;}
.slide-prd .slider-nav .slick-current .image:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid var(--color-primary);}
.slide-prd .slider-nav .slide-btn {width:15px; height:25px; background-color:unset; border:none; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; font-size:0; position:absolute; top:50%; transform:translateY(-50%); z-index:10;}
.slide-prd .slider-nav .slide-btn.prev {left:18px; background-image:url('../images/sub/slideprd-prev.png');}
.slide-prd .slider-nav .slide-btn.next {right:18px; background-image:url('../images/sub/slideprd-next.png');}
.slide-prd .slider-nav .slide-btn.prev:hover {background-image:url('../images/sub/slideprd-prev-on.png');}
.slide-prd .slider-nav .slide-btn.next:hover {background-image:url('../images/sub/slideprd-next-on.png');}

/* 주방기기폼 */
.business-area .sec {margin-bottom:var(--space-50);}
.business-area .sec:last-child {margin-bottom:0;}
.business-area .title {margin-bottom:var(--space-30); font-size:var(--font-size-32); color:#242424; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}

.business-area .sec1 .flex {gap:0 10px; display:flex;}
.business-area .sec1 .flex .item {width:20%;}
.business-area .sec1 label {height:80px; border-radius:15px; padding:0 25px; border:1px solid #ddd; display:flex; align-items:center; cursor:pointer;}
.business-area .sec1 label:before {width:32px; height:32px; border-radius:100%;}
.business-area .sec1 .item .checkbox {width:100%; border:none; border-radius:10px; font-size:var(--font-size-20); font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.business-area .sec1 .item .checkbox input:checked + label {border:1px solid var(--color-primary); font-weight:600;}
.business-area .sec1 .item .checkbox input:checked + label:before {background-size:13px 12px; background-image:url('/images/bbs/checkbox_x2.png');}

.business-area {position:relative; display:flex; justify-content:space-between;}
.business-area .left-content {width:1020px;}
.business-area .right-content {flex:1; margin-left:40px; position:-webkit-sticky; position:sticky; top:100px; right:0; block-size:fit-content;}

.cart-area {border-radius:20px;}
.cart-area .title-box {height:70px; padding:0 30px; border-radius:20px 20px 0 0; align-items:center; background-color:var(--color-primary); display:flex; color:#fff;}
.cart-area .title-box .ico {display:flex;}
.cart-area .title-box p {padding-left:13px; font-size:var(--font-size-20); font-weight:700; flex:1;}
.cart-area .prd-cont {height:975px; border-radius:0 0 20px 20px; overflow-y:scroll; border:1px solid #ddd;}

.cart-ul li {padding:25px 30px; border-bottom:1px solid #ddd; position:relative;}
.cart-ul li .name-tit {margin-bottom:12px; font-size:var(--font-size-18); font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.cart-ul li .cont {margin-bottom:15px; font-size:var(--font-size-14); color:#878787; letter-spacing:-.03em; line-height:1.57em;}
.cart-ul li .del {width:16px; height:16px; top:20px; right:20px; position:absolute; background-image:url('../images/bbs/cart-del.png'); background-position:50% 50%; background-repeat:no-repeat; display:inline-block; overflow:hidden;}

/* 수량 */
.quantity {display:inline-block; position:relative; vertical-align:middle; width:100px; padding:0 29px;}
.quantity .input {padding:3px 7px;display:block; width:100%; height:28px; text-align:center; color:#000; font-size:12px; border:1px solid #e5e5e5;}
.quantity .input[readonly] {background-color:#fff;}
.quantity .qty-bt {position:absolute; top:0; width:30px; height:28px; overflow:hidden; text-indent:-999em; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #e5e5e5;}
.quantity .qty-down {left:0; background-image:url("../images/bbs/icon_minus.png");}
.quantity .qty-up {right:0; background-image:url("../images/bbs/icon_plus.png");}

.prd-ul {margin:0 -8px -12px; display:flex; flex-wrap:wrap;}
.prd-ul li {padding:0 8px; margin-bottom:12px; width:25%;}
.prd-ul label {padding:0 20px 14px; border:1px solid #ddd; border-radius:20px; display:block; overflow:hidden; text-align:center; cursor:pointer;}
.prd-ul label:hover {border-color:var(--color-primary);}
.prd-ul label .img {margin-bottom:15px; position:relative; padding-bottom:71%; overflow:hidden; display:block;}
.prd-ul label .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

/* 모달팝업 */
.modal {padding:0; max-width:600px; box-shadow:none; border-radius:30px;}
.modal .title {text-align:center; margin-bottom:var(--space-25);}
.modal .title strong {height:70px; margin-bottom:var(--space-30); display:flex; font-size:var(--font-size-28); align-items:center; justify-content:center; font-weight:600; color:#fff; letter-spacing:-.03em; line-height:1.3em; text-align:center; background-color:#ec681d; border-radius:20px 20px 0 0;}
.layer_popup {display:none; width:100%; position:relative; z-index:100 !important;}
.modal a.close-modal {width:28px; height:28px; top:22px; right:22px; background-size:contain; background-image:url('../images/bbs/pop_cls.png');}
.modal .doc-btn {margin:var(--space-50) 0;}

.prd-slide .slick-arrow {width:20px; height:34px; position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.prd-slide .slick-prev {left:25px; background-image:url("../images/bbs/prdslide-prev.png");}
.prd-slide .slick-next {right:25px; background-image:url("../images/bbs/prdslide-next.png");}

.modal-flex {padding:30px 40px;}
.modal-flex .col-l {margin-bottom:40px;}
.modal-flex .col-l .img:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.modal-flex .col-l .img {position:relative; padding-bottom:67%; overflow:hidden;}
.modal-flex .col-l .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

/* .modal-flex .col-l .img {position:relative; padding-bottom:67%; overflow:hidden; display:block;}
.modal-flex .col-l .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;} */

.modal-flex .col-r {max-height:460px; overflow-y:scroll;}
.modal-flex .col-r .group {margin-bottom:var(--space-35);}
.modal-flex .col-r .group:last-child {margin-bottom:0;}
.modal-flex .col-r .tit {margin-bottom:var(--space-15); font-size:var(--font-size-18); font-weight:600; color:#242424; letter-spacing:-.03em;}
.modal-flex .col-r .radio-eyo {padding-right:15px; display:flex; flex-direction:column; gap:10px 0;}
.modal-flex .radiobox {margin:0; display:flex; align-items:center; justify-content:space-between;}

.all-prd {border-top:1px solid #242424;}
.all-prd > ul > li {border-bottom:1px solid #ddd;}
.all-prd > ul > li:last-child {margin-bottom:0;}
.all-prd .tit {color:#242424; font-size:var(--font-size-18); font-weight:600; line-height:1.5em;}
.all-prd .tit a {padding:17px 20px; position:relative; display:flex; align-items:center; text-decoration:none !important; transition:none;}
.all-prd .tit a:after {right:20px; top:22px; width:10px; height:10px; content:""; position:absolute; display:inline-block; border-right:2px solid #454545; border-bottom:2px solid #454545; transform:rotate(45deg);}
.all-prd .cnt {padding:20px 0; display:none; position:relative; color:#454545;}
.all-prd li.active {position:relative;}
.all-prd li.active .tit {border-bottom:1px solid #ddd;}
.all-prd li.active .tit a:after {transform:rotate(-135deg); margin-top:5px;}

.business-area .form-area {border-top:1px solid #242424; padding-top:var(--space-25);}
.business-area .form-area .tit {color:#242424; font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin-bottom:var(--space-20);}
.business-area .form-area .item {align-items:center; margin-bottom:var(--space-20); display:flex;}
.business-area .form-area .item p {width:115px; font-weight:500; color:#242424;}
.business-area .form-area .item:last-child {margin-bottom:0;}
.business-area .form-area .item .c-r {flex:1;}
.business-area .form-area .item .input {height:52px; border-radius:7px; max-width:320px;}
.business-area .form-area .item.last .input {width:100%; max-width:320px;}

.estimate {margin-bottom:var(--space-60);}
.estimate.ty1 table th {padding:var(--space-20) 0;}
.estimate.ty1 table td {padding-left:var(--space-20);}
.estimate.ty2 table th {padding:var(--space-20) 10px;}
.estimate.ty2 table td {padding:var(--space-20) 15px;}
.estimate table {border-top:2px solid #242424; border-collapse:collapse; width:100%;}
.estimate table th {text-align:center; color:#242424; background-color:#f8f8f8; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.3em;}
.estimate table th, .estimate table td {border-bottom:1px solid #ddd;}
.estimate table td.center {font-weight:600; text-align:center; padding-left:0;}
.estimate .flex {display:flex; align-items:center;}
.estimate .flex .image {width:80px;}
.estimate .flex .image .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.estimate .flex .image .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.estimate .flex .tit {padding-left:20px; font-weight:600;}

.estimate-wrap {max-width:450px; margin:auto;}
.estimate-wrap dl {margin-bottom:15px; gap:10px; justify-content:space-between; display:flex;}
.estimate-wrap .total {padding-top:var(--space-20); margin-bottom:0; margin-top:var(--space-20); border-top:1px solid #ddd; font-weight:700; color:#242424;}
.estimate-wrap .total dt {font-size:var(--font-size-18);}
.estimate-wrap .doc-btn {margin-top:var(--space-60);}

.prd-pop2 {top:210px; right:-430px; max-width:400px; width:100%; position:absolute; border-radius:20px; overflow:hidden; display:none; background-color:#fff;}
.prd-pop2.active {display:block;}
.prd-pop2 .top {height:60px; color:#fff; justify-content:center; align-items:center; font-size:var(--font-size-24); font-weight:600; background-color:#ec681d; display:flex; text-align:center;}
.prd-pop2 .inner {padding:var(--space-30);}
.prd-pop2 .image {margin-bottom:var(--space-25); position:relative; padding-bottom:67%; overflow:hidden; display:block;}
.prd-pop2 .image img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.prd-pop2 .closebtn {position:absolute; top:18px; right:30px;}
.prd-pop2 .closebtn img {height:22px;}
.prd-pop2 p {font-weight:500; letter-spacing:-.03em; line-height:1.6em;}

.q-mark {width:24px; height:24px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:var(--font-size-18); text-align:right; color:#fff; border-radius:100%; background-color:#ababab;}
.q-mark:hover {background-color:var(--color-primary);}