@charset "utf-8";

/* 공통 */
#sub_container{width: calc(100% - 210px); display: flex; flex-wrap:wrap; margin-left: auto; background: #fff; box-sizing: border-box;}
#sub_container .sub01{width: 100%; text-align: center; box-sizing: border-box;}

.text_color01{color: var(--point);}
.text_color02{background: linear-gradient(270deg, #57aef1, #90d0fc, #e295fd, #90d0fc); background-size: 300% 100%; background-clip: text;
-webkit-background-clip: text; color: transparent; animation: holo_ani02 7s linear infinite;}

.mobr{display: none;}
.enbr{display: none;}

/* 메인 */
#sub_container main{width: 100%; height: 500px; background:url(https://ora.linchpin.asia/img/sub_vi_bg.jpg) no-repeat 50% / cover; position: relative; border-radius: 0;}
#sub_container main .bg{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
#sub_container main .bg video{width: 100%; height: 100%; object-fit: cover; vertical-align: bottom;}

/* 탭 */
.tab_wrap01{width: 100%; margin: 0 auto;}
.tab_wrap01 .tab_title{color: var(--basic); margin: 3.5em 0 4.5em; padding: 0 3.5em;  box-sizing: border-box;}
.tab_wrap01 .tab_title span{font-weight: bold; color: var(--point);}
.tab_wrap01 .tab_title h1{font-weight: bold; font-size: clamp(60px, 4.16vw, 80px); margin: 10px 0 16px;}
.tab_wrap01 .tab_title p{font-weight:500; font-size: clamp(16px, 1.0416vw, 17px); line-height:1.65; color: #666;word-break: keep-all;}
.tab_wrap01 .tab ul{display: flex; align-items: center; flex-wrap: wrap; gap: 3.5em; row-gap: 2em; text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px; padding-inline: 3.5em;}
.tab_wrap01 .tab li.on{position: relative;}
.tab_wrap01 .tab li a{display: block; font-size: 20px; font-weight: 600;}
.tab_wrap01 .tab li.on::after{content: ""; position: absolute; left: 0; bottom: -15px; width: 100%; height: 4px;
background: linear-gradient(270deg, #57aef1, #90d0fc, #e295fd, #90d0fc);
background-size: 300% 100%; animation: holo_ani01 5s infinite alternate linear;}
@keyframes holo_ani01 {
	0%{background-position: 0% 50%;}
  100%{background-position: 100% 50%;}
}

/* 회사소개 */
#intro{width: 100%; padding: 7.5em 2em; box-sizing: border-box; text-align: center; margin: 0 auto; overflow: hidden;}
#intro .inner .about_wrap{display: flex; align-items: center; justify-content: center;}
#intro .inner .about_wrap .text_wrap{text-align: left;}
#intro .inner .about_wrap .text_wrap h2{font-size: clamp(22px, 1.4583333vw, 28px); font-weight: bold; line-height: 1.4; margin-bottom: 1em;}
#intro .inner .about_wrap .text_wrap p{font-size: 17px; line-height: 1.7; font-weight: 400;}
#intro .inner .intro_ctn{width: 500px; height: 350px; display: flex; justify-content: center; align-items: center; border-radius: 24px;}
#loader canvas{width: 700px; aspect-ratio: 1 / 1;}
#intro .inner .motion_wrap{width: 100%;}
#intro .inner .motion_wrap .motion_text{margin: 7.5em 0;}
#intro .inner .motion_wrap .motion_text span{font-size: 100px; font-weight: 600; text-transform: uppercase; white-space: nowrap; display: block;}
#intro .inner .motion_wrap h3{font-size: clamp(22px, 1.4583333vw, 28px); font-weight: bold; text-align: center; line-height: 1.5;}

@keyframes holo_ani02 {
  0% {
    background-position: 0% 50%;
    transform: rotate(0deg) scale(1);
  }
  50% {
    background-position: 100% 50%;
    transform: rotate(180deg) scale(1.05);
  }
  100% {
    background-position: 0% 50%;
    transform: rotate(360deg) scale(1);
  }
}

/* #intro .inner h1{font-size: clamp(36px, 2.5vw, 48px); line-height: 1.4; font-weight: bold;}
#intro .inner .text_wrap h1{font-size: clamp(60px, 4.166666vw, 80px); font-weight: bold; line-height: 1.5;}
#intro .inner .text_wrap h2{font-size: clamp(24px, 1.5625vw, 30px); font-weight: bold; line-height: 1.5;}
#intro .inner .text_wrap p{font-size: clamp(16px, 1.0416vw, 20px); line-height: 1.6; font-weight: 400; margin: 1em 0;} */

/* #intro .inner .about_wrap .ctn_wrap .ctn{width: 325px; height: 325px; border-radius: 50%; position: relative; z-index: 0; overflow: hidden;}
#intro .inner .about_wrap .ctn_wrap .ctn::after{content: "";  position: absolute; inset: 80px; border-radius: 50%; background: #fff;  z-index: 1;}
#intro .inner .about_wrap .ctn_wrap .ctn::before{content: ""; position: absolute; inset: 0; padding: 80px; border-radius: 50%;
 background: linear-gradient(270deg, #57aef1, #6a67da, #90d0fc, #e295fd, #90d0fc); background-size: 300% 100%; animation: holo_ani02 7s linear infinite;
-webkit-mask: radial-gradient(farthest-side, #000 98%, transparent 100%); -webkit-mask-composite: destination-out; z-index: -1; }
 */

/* 오시는 길 */
#info{padding: 7.5em 2em; box-sizing: border-box;}
#info .inner{max-width: 1280px; margin: 0 auto;}
#info .inner .text_wrap h1{font-size: clamp(28px, 1.875vw, 36px); font-weight: bold; line-height: 1.4;}
#info .inner .text_wrap p{font-size: 17px; line-height: 1.6; margin-top: 0.75em;}
#info .inner .map_wrap{width: 100%; margin: 4em auto 1em;}
#info .inner .map_wrap h2{font-size: clamp(28px, 1.875vw, 36px); font-weight: bold; text-align: left; margin-bottom: 1em;}
#info .inner .map_wrap .map{width: 100%; height: 550px; border-radius: 25px; overflow: hidden;}
#info .inner .info_wrap .list{display: flex; flex-direction: column; align-items: flex-start;}
#info .inner .info_wrap .list li{text-align: left; font-size: 16px; padding: 1em 0;  width: 100%;}
#info .inner .info_wrap .list li strong{font-size: 18px; display: inline-block; width: 150px;}

/* 자주묻는질문 */
#qna{padding: 7.5em 2em; box-sizing: border-box;}
#qna .inner{margin: 0 auto;}
#qna .inner .text_wrap{margin-bottom: 1.5em;}
#qna .inner .text_wrap h1{font-size: clamp(28px, 1.875vw, 36px); font-weight: bold; line-height: 1.5;}
#qna .inner .text_wrap p{font-size: 17px; line-height: 1.6;}
#qna .inner .list{max-width: 768px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 15px;}
#qna .inner .list li{height: 75px; overflow: hidden; border-radius: 16px; cursor: pointer;
padding: 0 25px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1);}
#qna .inner .list li.on{height: auto; padding-bottom: 20px;}
#qna .inner .list li.on i{transform: rotate(180deg);}
#qna .inner .list li .list_q{display: flex; align-items: center; height: 75px;}
#qna .inner .list li .list_q .q_title{display: flex; align-items: center; gap: 15px;}
#qna .inner .list li .list_q .q_title span{color: var(--point); font-size: clamp(24px, 1.5625vw, 30px); font-weight: bold;}
#qna .inner .list li .list_q .q_title h3{color: var(--basic); font-size: clamp(18px, 1.1979716vw, 21px); font-weight: 600; line-height: 1.2; text-align: left;}
#qna .inner .list li .list_q i{color: var(--basic); font-size: clamp(18px, 1.1979716vw, 23px); margin-left: auto;}
#qna .inner .list li .list_a p{color: var(--basic); text-align: left; font-size: 17px; line-height: 1.5; font-weight: 300; opacity: 0.8;}
#qna .inner .list li .list_a a{display: inline-block;margin-right:4px;border:1px solid #aaa; border-radius:100px; overflow: hidden; font-size:0.8em;padding: 4px 12px 4px 8px; font-weight:600; letter-spacing:-1px;}
#qna .inner .list li .list_a a.link_kakao{background: #ffe001; border:1px solid #ffe001}
#qna .inner .list li .list_a a.link_tel{background: #0043fe; border:1px solid #0043fe; color: #fff;}
#qna .inner .list li .list_a a i{margin-right: 2px;}
.copy-popup {
  position: fixed;
  left: 50%;
  bottom: -50px; /* 처음엔 화면 밖 */
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 16px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
  z-index: 9999;
}
.copy-popup.active {
  bottom: 15%;
  opacity: 1;
}


/* 파트너 */
#partner{padding: 7.5em 2em; box-sizing: border-box;}
#partner .inner{max-width: 1280px; margin: 0 auto;}
#partner .inner .text_wrap h1{font-size: clamp(28px, 1.875vw, 36px); font-weight: bold; line-height: 1.5;}
#partner .inner .text_wrap p{font-size: 17px; line-height: 1.6; margin-top: 0.5em;}
#partner .db_wrap{display: flex; gap: 2em; align-items: center;}
#partner .db_wrap .db_list{width: 55%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; gap: 2em;}
#partner .db_wrap .db_list li{width: 100%;}
#partner .db_wrap .db_list li h2{font-size: 20px; font-weight: bold; margin-bottom: 10px; text-align: left;}
#partner .db_wrap .db_list li input{width: 100%; height: 50px; border: none; box-sizing: border-box; background: #eef3f6; font-family: "Wanted Sans"; border-radius: 5px;}
#partner .db_wrap .db_list li input[type="text"]{font-size: 14px; font-weight: 600;  padding-left: 10px;}
#partner .db_wrap .db_list li input::placeholder{font-size: 14px; font-weight: 600;}
#partner .db_wrap .db_list li input:focus{outline: none;}
#partner .db_wrap .db_list li.text_area{width: 100%; height: 15vh;}
#partner .db_wrap .db_list li.text_area textarea{width: 100%; height: 100%; resize: none; border: none; border-radius: 5px;
font-family: "Wanted Sans"; font-weight: 600; font-size: 14px; background: #eef3f6; padding: 10px; box-sizing: border-box;}
#partner .db_wrap .db_list li.text_area textarea::placeholder{font-family: "Wanted Sans"; font-weight: 600; font-size: 14px;}
#partner .db_wrap .db_list li.text_area textarea:focus{outline: none;}
#partner .db_wrap .db_list li.agree{width: 100%; margin-top: 0.5em; display: flex; align-items: center; font-size: 14px;}
#partner .db_wrap .db_list li.agree a{cursor: pointer;}
#partner .db_wrap .db_list li.agree input{width: 17px; height: 17px; margin-right: 5px; cursor: pointer;}
#partner .db_wrap .db_list li.agree input[type="checkbox"]{accent-color: #111;}
#partner .db_wrap .db_list li.db_submit{width: 100%; margin-top: 5%;}
#partner .db_wrap .db_list li.db_submit input{height: 65px; border-bottom: none; background: var(--point); color: #fff; font-size: 24px; font-weight: 500;
cursor: pointer; border-radius: 50px;}
#partner .intro_ctn{width: 45%; display: flex; justify-content: center; align-items: center;}
#partner canvas{width: 800px;}

/* 레이어팝업 */
.layer{position:fixed; display:none; left:0; top: 50%; transform: translateY(-50%); z-index: 99999; width:100%; font-family: "Wanted Sans"; }
.layer h2{color: #fff !important;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0; background: var(--point); color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; background:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%; background: #231f20; margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #fff; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}

/* 브랜드 */
.sub_container03 main{width: 100%; text-align: center;}
.sub_container03 h1{font-size: clamp(28px, 1.875vw, 36px); font-weight: bold; position: relative; z-index: 1;}
#sub_container #brand{padding: 7.5em; width: 100%; box-sizing: border-box;}
#sub_container #brand .group{border-radius: 0; padding: 0; box-shadow: none; border: none; overflow: visible;}
#sub_container #brand .group .brand-swiper .swiper-wrapper{display: flex; flex-wrap: wrap; gap: 24px; row-gap: 48px;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide{width: calc(25% - 24px); display: flex; flex-direction: column;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide .gall_chk{position: absolute;}

/* 푸터 */
#sub_container footer{width: 100%;}
#sub_container footer .inner{display: flex; align-items: center; justify-content: center; gap: 25px; height: 150px; padding: 0 5%; box-sizing: border-box;}
#sub_container footer .inner .logo{width: clamp(100px, 6.875vw, 132px);}
#sub_container footer .inner .logo img{width: 100%;}
#sub_container footer .inner p{line-height: 1.5;}

/* 견적 상담신청 */
body.no-scroll{overflow: hidden;}

.estimate::-webkit-scrollbar{width: 2px;}
.estimate::-webkit-scrollbar-track{background:#fff;}
.estimate::-webkit-scrollbar-thumb{background-color: #d6e1ff; border-radius:100px;}

.esti_body .body_header::-webkit-scrollbar{width: 2px; height: 2px;}
.esti_body .body_header::-webkit-scrollbar-track{background:#fff;}
.esti_body .body_header::-webkit-scrollbar-thumb{background-color: #d6e1ff; border-radius:100px;}

.esti_body .body_con::-webkit-scrollbar{width: 2px;}
.esti_body .body_con::-webkit-scrollbar-track{background:#fff;}
.esti_body .body_con::-webkit-scrollbar-thumb{background-color: #d6e1ff; border-radius:100px;}

.esti_body .body_tail .tail_con::-webkit-scrollbar{width: 2px;}
.esti_body .body_tail .tail_con::-webkit-scrollbar-track{background:#fff;}
.esti_body .body_tail .tail_con::-webkit-scrollbar-thumb{background-color: #d6e1ff; border-radius:100px;}

.quick{width: 150px; margin: 0 auto; padding-bottom: 4em;}
.quick button img{width: 100%;} 
.quick button p{display: none;}

.estimate_wrap{position: fixed; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0, 0, 0, 0.7);
display: none;}

.estimate{background: #fff; max-width: 1024px; width: 100%; height: 700px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999;
border-radius: 16px; display: flex; flex-direction: column; overflow: hidden;}
.estimate h1{font-size: 18px; font-weight: 500; color: #1f1f1f;}
.estimate p{font-size: 15px; font-weight: 600;}
.estimate span{font-size: 13px;}

.esti_header{display: flex; justify-content: space-between; align-items: center;  height: 65px; padding: 0 25px; box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);} 
.esti_header h1{font-weight: bold;} 
.esti_header .close{font-size: 30px; opacity: 0.5; cursor: pointer;}
.esti_body{height: calc(100% - 65px); display: flex;}
.esti_body .body_header{width: 200px; height: 100%; overflow-Y: scroll; border-right: 1px solid rgba(0, 0, 0, 0.1);}

.esti_body .body_header ul{display: flex; flex-direction: column;}
.esti_body .body_header ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; transition: 0.3s;}
.esti_body .body_header ul li:hover{background: #ebf0ff;}
.esti_body .body_header ul li article{padding: 16px;}
.esti_body .body_header ul li article span{background: #d6e1ff; color: var(--point); padding: 2px 4px; border-radius: 4px; display: inline-block; margin-bottom: 5px;}

.esti_body .body_con{width: calc(100% - 475px); height: 100%; overflow-Y: scroll; padding: 16px; box-sizing: border-box;}
.esti_body .body_con .body_con_list{display: flex; flex-direction: column; gap: 16px;}
.esti_body .body_con .body_con_list li .list_header{display: flex; align-items: center; justify-content: space-between; cursor: pointer;
background: #eef3f6; padding: 12px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.esti_body .body_con .body_con_list li .list_header p{margin-bottom: 2.5px;}
.esti_body .body_con .body_con_list li .list_header i{font-size: 20px;}
.esti_body .body_con .body_con_list li .list_header.active i{transform: rotate(180deg); opacity: 0.5;}
.esti_body .body_con .body_con_list li ul{border: 1px solid rgba(0, 0, 0, 0.1); border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.esti_body .body_con .body_con_list li ul li{display: flex; align-items: center; justify-content: space-between; padding: 0 16px;}
.esti_body .body_con .body_con_list li ul li .li_check input[type="checkbox"]{width: 18px; height: 18px; margin-right: 10px; cursor: pointer;
 appearance: none; border: 2px solid #aaa; position: relative; border-radius: 4px;}
.esti_body .body_con .body_con_list li ul li .li_check input[type="checkbox"]:checked{background-color: var(--point); border-color: var(--point);}
.esti_body .body_con .body_con_list li ul li .li_check input[type="checkbox"]:checked::after{content: '✔';color: white;
position: absolute; top: -2px; left: 1.5px; font-size: 14px; line-height: 18px;}
.esti_body .body_con .body_con_list li ul li .li_name{flex: 1;}
.esti_body .body_con .body_con_list li ul li .li_name label{font-size: 16px; font-weight: 500;  cursor: pointer; width: 100%; height: 100%; display: block; padding: 24px 0;}
.esti_body .body_con .body_con_list li ul li .li_price{display: flex; align-items: flex-end; flex-direction: column; gap:5px;}
.esti_body .body_con .body_con_list li ul li .li_price del{font-size: 13px; font-weight: bold; opacity: 0.5;}
.esti_body .body_con .body_con_list li ul li .li_price p{font-size: 18px; font-weight:600 ;}

.esti_body .body_tail{width: 275px; display: flex; flex-direction: column; gap: 16px; border-left: 1px solid rgba(0, 0, 0, 0.1);  box-sizing: border-box;}
.esti_body .body_tail .tail_header{display: flex; justify-content: space-between; padding: 16px 16px 0; box-sizing: border-box;}
.esti_body .body_tail .tail_header p{font-size: 15px;}
.esti_body .body_tail .tail_header span{font-size: 13px; cursor: pointer;}
.esti_body .body_tail .tail_con{padding: 0 16px; overflow-Y: auto}
.esti_body .body_tail .tail_con ul{display: flex; flex-direction: column; gap: 8px;}
.esti_body .body_tail .tail_con ul li{display: flex; justify-content: space-between; background: #f5f5f5; border-radius: 10px; padding: 16px;}
.esti_body .body_tail .tail_con ul li .text_box h2{font-size: 13px; font-weight:500; margin-bottom: 5px;color: #555;}
.esti_body .body_tail .tail_con ul li .text_box p{font-size: 16px; color: var(--point); font-weight: 600;}
.esti_body .body_tail .tail_con ul li .text_box p del{font-size: 13px; font-weight: bold; color: var(--basic); opacity: 0.5;}
.esti_body .body_tail .tail_con ul li i{font-size: 20px; cursor: pointer;}
.esti_body .body_tail .tail_result{margin-top: auto;}
.esti_body .body_tail .tail_result .text_box{display: flex; justify-content: space-between; align-items: flex-end; padding: 16px; box-sizing: border-box;}
.esti_body .body_tail .tail_result .text_box p{font-size: 14px;}
.esti_body .body_tail .tail_result .text_box p span{font-size: 14px;}
.esti_body .body_tail .tail_result .text_box .price_box del{display: block; text-align: right; margin-bottom: 3px; font-weight: bold; opacity: 0.5;}
.esti_body .body_tail .tail_result .text_box .price_box .price{display: inline-block; font-size: 20px; font-weight: bold; color: var(--point);}
.esti_body .body_tail .tail_result .text_box .price_box span{font-size: 20px; font-weight: bold;}
.esti_body .body_tail .tail_result button{background: var(--point); width: 100%; text-align: center; padding: 20px 16px; box-sizing: border-box;
display: flex; justify-content: center; align-items: center; gap: 8px;}
.esti_body .body_tail .tail_result button p{font-size: 18px; color: #fff; font-weight: bold;}
.esti_body .body_tail .tail_result button span{width: 25px; height: 25px; background: #fff; border-radius: 50px;
display: flex; align-items: center; justify-content: center; color: var(--point); font-weight: bold;}

.estimate_input_wrap{display:none;}
.estimate_input_wrap .estimate{background: #fff;padding:32px; box-sizing:border-box; max-width:800px; width: 100%; height: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999;border-radius: 16px; display: flex; flex-direction: column; overflow: hidden;}
.estimate_input_wrap .estimate h1{font-size: 18px; font-weight: 500; color: #1f1f1f;}
.estimate_input_wrap .estimate p{font-size: 15px; font-weight: 600;}
.estimate_input_wrap .estimate span{font-size: 13px;}
.estimate_input_wrap .estimate .input_body{padding:24px;}
.estimate_input_wrap .estimate .input_body ul{display:flex; flex-wrap:wrap; font-size:1.3em;}
.estimate_input_wrap .estimate .input_body ul li{width:50%}
.estimate_input_wrap .estimate .input_body ul li.et_name_area{width:47%; margin-right:3%;}
.estimate_input_wrap .estimate .input_body ul li label{display: block;width:100%; margin-bottom:10px; font-weight: 600; letter-spacing:-0.05em;}
.estimate_input_wrap .estimate .input_body ul li label span{color: #f00;font-size:20px;}
.estimate_input_wrap .estimate .input_body ul li input{width:100%;height:50px; padding:0 8px; font-size:16px;}
.estimate_input_wrap .estimate .input_body ul li.et_memo_area{width:100%; margin-top:16px;}
.estimate_input_wrap .estimate .input_body ul li.et_memo_area textarea{width: 100%;height:150px; resize:none; box-sizing:border-box; padding:8px; font-size:16px; font-family:inherit;}
.estimate_input_wrap .estimate .input_body ul li.agree{display:flex; justify-content:center; align-content:center; align-items:center;  width: 100%;margin-top: 10px; text-align: left; color: #333; font-size:13px; letter-spacing:-1px;}
.estimate_input_wrap .estimate .input_body ul li.agree a{text-decoration:underline;}
.estimate_input_wrap .estimate .input_body ul li.agree label{margin-bottom: 0;}
.estimate_input_wrap .estimate .input_body ul li.agree input[type="checkbox"]{width:20px; height:20px; margin-right: 5px; vertical-align: middle;}
.estimate_input_wrap .estimate .input_body button{margin-top:24px;background:#111;color: #fff;width:100%; padding:24px 0;text-align: center;}

.layer{position:fixed; display:none; left:0; top:50%; transform: translateY(-50%); z-index:3000000; width:100%; }
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#aa0000; border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #fff;border-radius:3px; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}







/* 반응형 */
@media all and (max-width: 1600px){
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide{width: calc(33.3333% - 15px);}
}

@media all and (max-width: 1280px){
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide{width: calc(50% - 15px);}
}

@media all and (max-width: 1024px){
#sub_container{width: 100%; margin-top: 70px; gap:0;}

.tab_wrap01 .tab ul{width: 90%; margin: 0 auto; padding-inline: 0;}

#intro .inner .about_wrap{flex-direction: column; gap: 50px;}
#intro .inner .about_wrap .text_wrap{text-align: center;}
#intro .inner .intro_ctn{height: 300px;}
#intro .inner .motion_wrap .motion_text{margin: 4em 0;}
#intro .inner .motion_wrap .motion_text span{font-size: 80px;}
#loader canvas{width: 600px;}

.estimate{width: 85%; height: 700px;}
.esti_body{height: calc(100% - 150px); display: flex; flex-wrap: wrap;}
.esti_body .body_header{width: 100%; height: auto; overflow-Y: hidden; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.esti_body .body_header ul{flex-direction: row; align-items: center;}
.esti_body .body_header ul li{border-bottom: none;}
.esti_body .body_con{width: 70%;}
.esti_body .body_tail{width: 30%; height: 100%;}
.esti_body .body_tail .tail_con{padding: 0 16px; overflow-Y: scroll;}
.esti_body .body_tail .tail_result{margin-top: auto;}

#partner .db_wrap{flex-direction: column; gap:0}
#partner .db_wrap .db_list{width: 80%;}
#partner .intro_ctn{width: 100%; max-height: 400px;}
#partner canvas{width: 700px;}

.quick{position: fixed; width: 100%; bottom: 0; left: 0; height: 50px; color: #fff; display: flex; justify-content: center;
align-items: center; padding-bottom: 0; background: linear-gradient(270deg, #57aef1, #90d0fc, #e295fd, #90d0fc);
background-size: 300% 100%; animation: holo_ani01 5s infinite alternate linear;}
.quick button p{display: block; font-size: 18px; font-weight: 600;}
.quick img{display: none;}
}


@media all and (max-width: 768px){
br{display: none;}

.tab_wrap01 .tab li a{font-size: 18px;}
.tab_wrap02 .tab{overflow-x: scroll; scrollbar-width: none;}
.tab_wrap02 .tab ul{gap: 0; justify-content: space-evenly; flex-wrap: nowrap; width: 1200px;}

#sub_container .sub01{padding: 5em 1.5em;}
#sub_container #brand{padding: 5em 0em;}

#intro{padding: 5em 1.5em;}

#info{padding: 5em 1.5em;}

#qna .inner .list li .list_q .q_title span{display: none;}

#partner .db_wrap{flex-direction: column; gap:0}
#partner .db_wrap .db_list{width: 100%;}
#partner .intro_ctn{height: 300px;}
#partner canvas{width: 500px;}

#sub_container footer .inner{flex-direction: column; gap:0; row-gap: 15px; text-align: center;}

.estimate{width: 100%; height: 100%; overflow-Y: scroll; border-radius: 0;}
.estimate h1{font-size: 15px;} 
.estimate p{font-size: 14px;}
.estimate span{font-size: 12px;}

.esti_header{padding: 0 15px; height: 40px;}
.esti_header .close{font-size: 28px;}
.esti_body{height: calc(100% - 40px);}

.esti_body .body_header{height: auto;}
.esti_body .body_header ul li article{padding: 10px;}

.esti_body .body_con{width: 100%; height: calc(100% - 305px);}
.esti_body .body_con .body_con_list{gap:10px;}
.esti_body .body_con .body_con_list li .list_header{padding: 10px 16px;}
.esti_body .body_con .body_con_list li .list_header p{font-size: 13px;}
.esti_body .body_con .body_con_list li .list_header i{font-size: 16px;}
.esti_body .body_con .body_con_list li ul li .li_check input[type="checkbox"]{width: 15px; height: 15px; margin-right: 5px;}
.esti_body .body_con .body_con_list li ul li .li_check input[type="checkbox"]:checked::after {
top: -3.5px; left: 1px; font-size: 12px;}
.esti_body .body_con .body_con_list li ul li .li_name label{padding: 16px 0; font-size: 14px; padding-right: 10px; box-sizing: border-box;}
.esti_body .body_con .body_con_list li ul li .li_price p{font-size: 16px;} 
.esti_body .body_con .body_con_list li ul li .li_price del{font-size: 12px;}
 
.esti_body .body_tail{width: 100%; height: 250px; border-top: 1px solid rgba(0, 0, 0, 0.1); gap: 0;}
.esti_body .body_tail .tail_header{padding: 10px;}
.esti_body .body_tail .tail_result .text_box{padding: 10px;}
.esti_body .body_tail .tail_result button{padding: 15px 16px;}
.esti_body .body_tail .tail_con ul li{padding: 10px;}
}

@media all and (max-width: 500px){
.mobr{display: block;}
.enbr{display: block; margin: 0.5em 0;}
#sub_container{margin-top: 50px;} 
#sub_container main{width: 100%; height: 400px; margin: 0 auto;}

.tab_wrap01 .tab_title{margin: 4em 0; padding: 0 1em;}
.tab_wrap01 .tab_title h1{font-size: 54px;}
.tab_wrap01 .tab ul{gap: 2em; padding-bottom: 10px;}
.tab_wrap01 .tab li a{font-size: 15px;}
.tab_wrap01 .tab li.on::after{height: 3px; bottom: -10px;}
.tab_wrap02 .tab ul{width: 1000px;}

/* #intro .inner .about_wrap .ctn_wrap .ctn{width: 250px; height: 250px;}
#intro .inner .about_wrap .ctn_wrap .ctn::before{padding: 60px;}
#intro .inner .about_wrap .ctn_wrap .ctn::after{inset: 60px;} */
#intro .inner .motion_wrap .motion_text{margin: 2.5em 0;}
#intro .inner .motion_wrap .motion_text span{font-size: 60px;}
#intro .inner .intro_ctn{width: 100%; height: 250px;}
#loader canvas{width: 500px; aspect-ratio: 1 / 1;}
#intro .inner .motion_wrap h3{margin-top: 1em;}

#info .inner .map_wrap .map{height: 300px;}

#sub_container #brand{padding: 0 10px;}
#sub_container #brand .group .brand-swiper{width: 100%;}
#sub_container #brand .group .brand-swiper .swiper-wrapper{row-gap:0;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide{width: 100%; padding: 1.25em 0; border-radius: 0; border: none;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide+.swiper-slide{border-top: 1px solid rgba(0, 0, 0, 0.1);}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide a{display: flex; gap: 10px;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide a .img_wrap{width: 40%; height: 25vw;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide a .desc{width: 60%; padding-top: 4px; box-sizing: border-box;}

#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide .title_wrap{margin: 0em;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide .title_wrap h1{font-size: 18px;}

#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide .text_wrap h2{font-size: 14px; padding: 0.25em 0;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide .text_wrap p{font-size: 13px; margin-top: 0.25em;}

#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide .category_wrap{margin: 0.75em 0 0; gap:3px; row-gap: 6px;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide .category_wrap span{font-size: 11px; padding: 7px 13px;}
#sub_container #brand .group .brand-swiper .swiper-wrapper .swiper-slide .category_wrap span+span+span{display: none;}

#qna .inner .list li{height: 65px;}
#qna .inner .list li .list_q{height: 65px;}
/* #qna .inner .list li.list_v{height: 75px;} */
#qna .inner .list li.list_v .list_q{height: 75px;}

#partner .inner .text_wrap h1{font-size: 26px; line-height: 1.4;}
#partner .inner .text_wrap p{margin-top: 1em;}
#partner .db_wrap .db_list li.db_submit input{font-size: 22px;}
#partner .db_wrap{margin: 0;}

.quick{height: 45px;}
.quick button p{font-size: 17px;}





}

/* 공지사항 */
#notice{padding: 7.5em 2em; box-sizing: border-box;}