@charset "UTF-8";
button{cursor:pointer;background-color:transparent}
*:focus{outline:none !important}
/*제작안내*/
.ms-guide{padding:40px 0 0;}
.sub_tit{font-size:45px;line-height:1.25;margin: 60px 0 18px;font-weight:700;text-align:center;}
.ms-guide__notice{display:flex;align-items:center;gap:10px;background:#fefcf6;border-radius:10px;padding:19px 16px;margin:0 0 60px;justify-content:center;}
.ms-guide__noticeIco{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffe3a6;color:#8a5a00;font-weight:700}
.ms-guide__noticeTxt{font-size:18px;line-height:1.6;color:#2b2b2b}
.ms-guide__noticeTxt b{line-height:1;}
.ms-guide__noticeEm{font-style:normal;color:#e84a2e;font-weight:700;line-height:1;}
.ms-sec{padding:0 0 80px;}
.ms-sec__tit{text-align:center;font-size:28px;line-height:1.25;font-weight:700}
.ms-sec__sub{text-align:center;font-size:16px;margin:3px 0 26px;color:#777}
.ms-grid{display:grid;gap:22px;margin-top:25px;padding-bottom: 34px;}
.ms-grid--plating{grid-template-columns:repeat(6, minmax(0, 1fr))}
.ms-grid--plating .ms-card__img{aspect-ratio:1 / 1;}
.ms-grid--back, .ms-grid--pack{grid-template-columns:repeat(4, minmax(0, 1fr))}
.ms-grid--plating .ms-card__img{aspect-ratio:1 / 1;}
.ms-card{display:flex;flex-direction:column;color:inherit}
.ms-card__img{background:#fafafa;border:1px solid #ededed;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:18px;min-height: 196px;margin-bottom:20px;}
.ms-card--big .ms-card__img{min-height:150px}
.ms-card__img img{object-fit:contain;}
.ms-card--big .ms-card__img img{max-height:160px}
.ms-card__name{font-size:20px;line-height:1.3;text-align:center;color:#222;font-weight:600}
.ms-card__desc{text-align:center;opacity:0.8;}
.ms-grid--techOne{grid-template-columns:repeat(4, minmax(0, 1fr));}
.ms-grid--techOne .ms-card__img{border:none;background:none;}
.ms-oneimg{background:#fafafa;border:1px solid #ededed;border-radius:16px;padding:18px}
.ms-oneimg img{width:100%;height:auto;display:block}
@media (max-width:1200px){
	.ms-grid--plating{grid-template-columns:repeat(4, minmax(0, 1fr))}
}
@media (max-width:1024px){
	.sub_tit{font-size:32px;}
	.ms-grid--plating{grid-template-columns:repeat(3, minmax(0, 1fr))}
	.ms-grid--back, .ms-grid--pack{grid-template-columns:repeat(2, minmax(0, 1fr))}
	.ms-grid--techOne{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:767px){
	.ms-guide__pageTit{font-size:22px}
	.ms-grid--plating{grid-template-columns:repeat(2, minmax(0, 1fr))}
	.ms-grid--back, .ms-grid--pack{grid-template-columns:repeat(1, minmax(0, 1fr))}
	.ms-card__img{min-height:130px;margin-bottom:10px;padding:10px;}
	.ms-guide__noticeTxt{font-size:16px;line-height:1.4;}
	.ms-card__name{font-size:16px;}
}
/*주문방법*/
.ms-order{padding: 0px 0 34px;}
.ms-order__pageTit{text-align:center;font-size:44px;line-height:1.15;margin:0 0 26px;font-weight: 700;letter-spacing:-0.02em}
.ms-order__notice{margin:0 auto 54px;display:flex;align-items:center;justify-content:center;gap:14px;background:#fefcf6;padding:22px 26px}
.ms-order__noticeIco{width:34px;height:auto;display:block}
.ms-order__noticeTxt{margin:0;font-size:18px;line-height:1.7;color:#222;text-align:center}
.ms-order__noticeEm{color: #e8522e;font-weight: 700;line-height:1;}
.ms-order__steps{display:flex;align-items:stretch;justify-content:center;gap:7px;}
.ms-order__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;color:#c8c8c8;font-size:44px;line-height:1}
.ms-step{flex:1 1 0;min-width:240px;border-radius:12px;padding: 28px 22px 0 22px;text-align:center;display: flex;flex-direction: column;align-items: center;}
.ms-step__icoWrap{width:86px;height:86px;border-radius:50%;background: var(--color4);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.ms-step__ico{display:block}
.ms-step__title{font-size:25px;line-height:1.25;margin:0 0 14px;font-weight:700;color:#111;letter-spacing:-0.02em}
.ms-step__rows{}
.ms-step__row{font-size:18px;color:#555;display: flex;gap: 13px;justify-content: flex-start;}
.ms-step__k{font-weight:700;color:#111;min-width: auto;text-align:right}
.ms-step__v{color:#666;display: inline-block;text-align: left;}
.tel_txt, .mail_txt, .kakao_txt{}
.ms-step__desc{font-size:18px;color:#666;margin:0 0 14px;line-height:1.3;}
.ms-step__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ms-chip{display:inline-flex;align-items:center;justify-content:center;height:25px;padding:0 10px;border:1px solid #e2e2e2;border-radius:6px;background:#fff;color:#999;font-size:12px;font-weight:600;}
.ms-step--gold{}
.ms-step__icoWrap--gold{background: var(--color2);}
.ms-step__title--gold{}
.ms-step__desc--gold{}
.ms-step__ctaWrap{margin-top:16px}
.ms-step__cta{}
@media (max-width:1200px){
	.ms-step__title{font-size:23px;}
	.ms-step__row{/* font-size:16px; */}
	.ms-order__pageTit{font-size:34px}
	.ms-order__steps{gap:20px 8px;display:flex;flex-wrap:wrap;}
	.ms-order__arrow{font-size:36px;width:22px}
	.ms-order__arrow:nth-child(4){display:none;}
	.ms-step{min-width:0;width:calc(50% - 19px);flex:none;}
}
@media (max-width:767px){
	.ms-step__ico{max-width: 35px;}
	.ms-step{width:100%;}
	.ms-order__arrow{transform:rotate(90deg);}
	.ms-step__desc{font-size:16px;}
	.ms-step__title{font-size:21px;}
	.ms-order__noticeTxt{line-height:1.3;text-align:left;font-size:16px;}
	.ms-order{/* padding:60px 0 0px; */}
}
/*오시는길*/
.ms-way{
    margin-bottom: 100px;
}
.ms-way__pageTit{margin:0 0 38px;text-align:left;font-size:32px;font-weight:800}
.ms-way__content{display:grid;grid-template-columns:310px minmax(0,1fr);gap:42px;align-items:start}
.ms-way__info{margin:0;padding:0 0 0 2px}
.ms-way__company{margin:0 0 6px;color:#bbb;font-size:13px;line-height:1}
.ms-way__info h4{margin:0;padding:0 0 23px;border-bottom:1px solid #ededed;font-size:17px;font-weight:800;line-height:1.45}
.ms-way__details{margin:18px 0 0}
.ms-way__details>div{display:grid;grid-template-columns:60px 1fr;align-items:center;min-height:48px;border-bottom:1px solid #f1f1f1}
.ms-way__details>div:last-child{border-bottom:0}
.ms-way__details dt{display:flex;align-items:center;gap:8px;margin:0;color:#b7b7b7;font-size:13px;font-weight:400}
.ms-way__details dt i{width:13px;text-align:center;color:#c7c7c7;font-size:11px}
.ms-way__details dd{margin:0;color:#222;font-size:14px}
.ms-way__details dd a{color:#222;font-weight:800}
.ms-way__mapBox{margin:0;overflow:hidden;background:#f4f4f4}
#map{width:100%;height:480px}
.ms-way__mapBox iframe{display:block}
.section.section_address.lst{display:none;}
@media (max-width:1024px){
	.ms-way__content{grid-template-columns:260px minmax(0,1fr);gap:25px}
	#map{height:420px}
}
@media (max-width:768px){
	.ms-way{}
	.ms-way__pageTit{margin-bottom:25px;font-size:27px}
	.ms-way__content{grid-template-columns:1fr;gap:25px}
	.ms-way__info h4{font-size:16px}
	.ms-way__details>div{grid-template-columns:58px 1fr}
	#map{height:320px}
}
/*견적문의*/
.ms-inq{padding: 50px 0 80px;}
.ms-inq__pageTit{margin:0 0 26px;text-align:center}
.ms-inq__note{background: #f9fafb;padding:22px 18px;text-align:center;margin:0 0 34px;line-height:1;display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;}
.ms-inq__note .left_d{color: #e8522e;}
.ms-inq__note .left_d span{font-size: 24px;}
.ms-inq__note p{font-size:18px;line-height:1;color:#222}
.ms-inq__note .em{color: #e8522e;font-weight:600;line-height:1;}
.ms-inq__note .red{color: #e8522e;font-weight:700}
.ms-inq__form{}
.ms-inq__grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;margin:0 0 35px;}
.ms-inq__row{display:flex;flex-direction:column;gap:10px}
.ms-inq__label{font-size:18px;line-height:1.2;color:#222;font-weight:600;}
.ms-inq__label .req{color:#e23b2e}
.ms-inq__input, .ms-inq__select, .ms-inq__textarea{width:100%;border:1px solid #dcdcdc;padding:0 14px;font-size:18px;line-height:1;color:#111}
.ms-inq__input, .ms-inq__select{height:48px}
.ms-inq__textarea{min-height:210px;padding:14px;resize:vertical;line-height:1.6}
.ms-inq__phone{display:grid;grid-template-columns:120px 1fr 1fr;gap:12px}
.ms-inq__files{margin:26px 0 14px}
.ms-inq__filesTit{font-size:18px;color:#222;font-weight:600;margin:0 0 12px}
.ms-inq__fileLimit{margin:-4px 0 14px;color:#e8522e;font-size:14px;line-height:1.5}
.ms-inq__fileGrid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px}
.ms-inq__file{display:flex;align-items:center;gap:10px}
.ms-inq__file input[type='file']{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ms-inq__fileBtn{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:38px;border-radius: 0;background:#6f6f6f;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.ms-inq__fileName{font-size:14px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.ms-inq__captcha{margin:18px 0 26px}
.ms-inq__captcha .captcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ms-inq__captcha input{height:44px;border:1px solid #dcdcdc;padding:0 12px}
.ms-inq__submit{width:100%;height:65px;border-radius: 0;background: var(--color1);color:#fff;font-size: 21px;font-weight:600;letter-spacing:-0.2px;margin-top:30px;}
.ms-inq__submit:hover{background: var(--color2);}

/* 공간부식 리뉴얼 서브 페이지 */
.space-subvisual{height: 365px;background-image: var(--space-subvisual-image,url("../image/space/office.jpg"));background-repeat:no-repeat;background-position: center;}
.space-subvisual .wFix{height:100%;display:flex;justify-content:center;flex-direction:column}
.space-subvisual h2{/* color:var(--space-blue); */font-weight: 700;margin:0 0 12px}
.space-subvisual p{font-size: 21px;line-height: 1.4;margin:0}
.space-subvisual p b{font-weight: 700;color: #e8522e;}
.space-subnav{display:flex;gap:4px;border-bottom:1px solid #ddd;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;margin-bottom: 80px;}
.space-subnav::-webkit-scrollbar{display:none}
.space-subnav a{padding:12px 16px;color:#222;font-size: 18px;}
.space-subnav a:hover{font-weight:700;}
.space-subnav a.on{font-weight:800;border-bottom: 2px solid #222;}
.space-container{min-height:400px}
.space-container>.sub_wrap{display:none}
.sub_section{
}
.space-notice{background:#fafafa;padding:22px;text-align:center;margin:0 0 60px;font-size:16px}
.space-notice b,.space-notice strong{color:#e6432f}
.space-guide__section{text-align:center;margin-bottom:65px}
.space-guide__section h4,.space-guide__sizes h4{font-size: 28px;font-weight: 700;margin-bottom: 5px;}
.space-guide__section>p,.space-guide__sizes>p{color:#888;margin:0 0 25px;font-size: 18px;}
.space-guide__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.space-guide__grid article{display:flex;flex-direction:column}
.space-guide__grid img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:14px}
.space-guide__grid b{font-size:17px}
.space-guide__grid span{color:#888;font-size:14px}
.space-guide__sizes{text-align:center;padding-bottom: 34px;}
.space-guide__sizes>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:760px;margin:0 auto}
.space-guide__sizes span{padding: 12px;background:#fafafa;font-weight:700;font-size: 18px;}
.space-company__copy{min-height:500px;display:flex;justify-content: flex-end;gap:40px;border-bottom:1px solid #eee;flex-wrap: wrap;}
.space-company__copy .wrap{display:flex;width: 100%;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;gap: 40px;}
.space-company__copy .wrap figure{width: 416px;}
.space-company__copy h3{font-size: 44px;line-height: 1.1;margin:0 0 25px;font-weight: 700;}
.space-company__copy h3 b{color: var(--color2);font-weight: 700;}
.space-company__copy p{font-size: 18px;line-height: 1.9;margin:0 0 20px}
.space-company__copy p.txt1{font-size: 30px;font-weight:700;line-height: 1.5;}
.space-company__signature{align-self:flex-end;font-size: 21px;margin-bottom:45px;white-space:nowrap;font-weight: 600;}
.space-company__signature img{margin-left:20px;}
.space-company__works{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px;padding-bottom: 34px;}
.space-company__works figure{margin:0;aspect-ratio:1/1;overflow:hidden}
.space-company__works img{width:100%;height:100%;object-fit:cover}
.space-qna__intro{text-align:center;color:#777;margin:-5px 0 35px}
.space-qna__list{border-top:2px solid #222}
.space-qna details{border-bottom:1px solid #ddd}
.space-qna summary{list-style:none;cursor:pointer;padding:22px 55px 22px 22px;font-size:18px;font-weight:700;position:relative}
.space-qna summary::-webkit-details-marker{display:none}
.space-qna summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--space-blue)}
.space-qna details[open] summary:after{content:"−"}
.space-qna details p{background:#fafafa;margin:0;padding:22px;line-height:1.7;color:#555}
.space-qna__cta{display:flex;width:210px;height:54px;background:var(--space-blue);color:#fff;align-items:center;justify-content:center;margin:35px auto 0}
.space-policy article{margin: 0 auto 80px;border-top:2px solid #222;padding-top:15px}
.space-policy h4{font-size:18px;font-weight:800;margin:28px 0 8px}
.space-policy p{font-size:15px;line-height:1.8;color:#555;margin:0}

@media(max-width:1200px){
	.space-company__copy .wrap figure{width:100%;aspect-ratio: 1 / 0.4;overflow: hidden;}
	.space-company__copy .wrap figure img{object-fit:cover;width: 100%;height: 100%;object-position: center;}
	
}
@media(max-width:767px){
	.space-guide__section>p, .space-guide__sizes>p{font-size:16px;}
	.space-company__copy .wrap figure{height:auto;aspect-ratio: auto;}
	.space-company__signature img{width:100px;margin-left: 8px;}
	.space-subvisual{aspect-ratio: 600 / 472;height: auto;}
	.space-subvisual .wFix{
    display: flex;
    justify-content: flex-start;
    padding-top: 35px;
}
	.space-subvisual h2{font-size: 7vw !important;margin-bottom: 1%;}
	.space-subvisual p{font-size: 4vw;max-width: 100%;}
	.space-subnav{overflow-x:auto;padding: 22px 2vw 0!important;}
	.space-subnav a{white-space:nowrap;padding: 0 7px 8px;margin-right: 0;font-size: 14px;}
	.sub_section{}
	.sub_tit{font-size:30px}
	.space-notice{text-align:left;font-size:14px;line-height:1.6;margin-bottom:40px}
	.space-guide__grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}
	.space-guide__sizes>div{grid-template-columns:repeat(2,1fr);gap:8px}
	.space-company__copy{min-height:0;display:block;padding-bottom:30px}
	.space-company__copy h3{font-size:29px}
	.space-company__copy p{font-size:15px;line-height:1.75}
	.space-company__copy p.txt1{font-size:23px;}
	.space-company__signature{text-align:right;margin:30px 0 0;font-size: 18px;}
	.space-company__works{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:35px}
}
@media (max-width:1024px){
	.ms-inq__form{max-width:100%}
	.ms-inq__fileGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width:767px){
	.space-company__copy p br{display:none;}
	.ms-inq__submit{font-size:18px;height: 55px;margin-bottom: 40px;}
	.ms-inq__label{font-size:16px;}
	.ms-inq{padding:36px 0 0px;}
	.ms-inq__note p{font-size: 16px;line-height:1.2;text-align: center;}
	.ms-inq__note{padding:20px 17px;text-align:left;}
	.ms-inq__note p ~ p{margin-top:7px;}
	.ms-inq__note p b{line-height:1;}
	.ms-inq__grid{grid-template-columns:1fr;gap:18px}
	.ms-inq__phone{grid-template-columns:110px 1fr 1fr}
	.ms-inq__fileGrid{grid-template-columns:1fr}
}


/*오시는길*/
.ms-way{}
.ms-way__pageTit{margin:0 0 28px;text-align:center}
.ms-way__mapBox{margin:40px auto 0;border-radius:0;overflow:hidden;}
#map{width:100%;height:420px;}
.ms-way__info{margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ms-way__card{display:flex;align-items:center;gap:18px;border-radius:16px;}
.ms-way__card .img_box{width:53px;height:53px;border-radius:10px;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background: var(--color4);}
.ms-way__card .img_box span{color:var(--color2);font-size: 29px;}
.ms-way__card:nth-child(1) .img_box{}
.ms-way__card:nth-child(2) .img_box{background: #f1f9e3;}
.ms-way__card:nth-child(2) .img_box span{color: #5e9b32;}
.ms-way__ico{}
.ms-way__txt{min-width:0}
.ms-way__label{font-size: 21px;line-height:1;font-weight:700;color:#111;margin-bottom: 10px;}
.ms-way__desc{font-size:18px;color:#333;word-break:keep-all;opacity:0.8;}
.ms-way__banner{margin-top:40px;}
.ms-way__banner img{width:100%;height:auto;display:block}
.section.section_address.lst{display:none;}
@media (max-width:1024px){
	#map{height:420px}
}
@media (max-width:768px){
	.ms-way__desc{font-size:16px;line-height:1.2;margin-top:5px;}
	.ms-way{/* padding:30px 0 0px; */margin-bottom: 60px;}
	#map{height:320px}
	.ms-way__info{grid-template-columns:1fr}
	.ms-way__card{}
	.ms-way__ico{ /* width:48px; *//* height:48px; *//* flex-basis:48px; */}
	.ms-way__label{font-size:18px}
	.ms-way__banner{border-radius:10px;overflow:hidden;}
}