@charset "utf-8";

/* common */
.sub-visual { position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100dvh; z-index: -1;}
.sub-visual.hidden { width: 0; height: 0; }
.about .sub-visual {  background: url('/img/sub/about_visual.jpg') no-repeat center center/cover; }
.showroom.lanote .sub-visual { background: url('/img/showroom/lanote_visual_0.jpg') no-repeat center center/cover; }
.showroom.alvero .sub-visual { background: url('/img/showroom/alvero_visual_0.jpg') no-repeat center center/cover; }
.contact-visual { width: 100%; min-height:300px; max-height: 660px; aspect-ratio:2.90/1; background: url('/img/sub/contact_visual.jpg') no-repeat center center/cover; }
.content { margin-top: 100dvh; min-height:100dvh; background-color: #f6f6f6; }
.content.basic { padding-top: 70px; padding-bottom: 391px; margin-top: 0; }
.sub-bg.fixed-bg{ height: clamp(640px,40.1vw,770px); }

/* common - board */
.img_borad_list{display: flex; flex-wrap:wrap; gap:40px 30px;}
.img_borad_list .item{position: relative; width: calc((100%/3) - 20px);}
.img_borad_list .item a{position: absolute;top: 0; left: 0; right: 0;bottom: 0;}
.img_borad_list .item figure{position: relative; overflow: hidden; width: 100%; aspect-ratio:0.94/1; max-height:630px; }
.img_borad_list .item figure::after { content:""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); opacity:0; transition: 0.6s ease-out; }
.img_borad_list .item figure img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; min-height: 100%; object-fit:cover; transition: 0.6s ease-out;}
.img_borad_list .item .txt{padding-top: 10px;}
.img_borad_list .item .txt h2{font-weight: 300; font-size: 20px; line-height: 1.3; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* board - horizontal */
.img_borad_list.horizontal { gap:30px; }
.img_borad_list.horizontal .item{ display: flex; justify-content:space-between; width:100%; border-bottom:1px solid rgba(181,176,166,0.1); padding-bottom: 30px; }
.img_borad_list.horizontal .item a { position: static; display: block; width: 100%; }
.img_borad_list.horizontal .item a.img-link{ width: 54.84%; max-width:1020px; height: 100%; }
.img_borad_list.horizontal .item figure{ width: 100%;  aspect-ratio:2.217/1 }

.img_borad_list.horizontal .txt { display: flex; flex-direction:column; justify-content:space-between; padding: 30px 0;}
.img_borad_list.horizontal .txt>*{ font-weight: 300; line-height: 1.3; color: #B7AFA5; }
.img_borad_list.horizontal .txt .num { font-size: 30px; }
.img_borad_list.horizontal .txt h2 { font-size: 50px; color: #B7AFA5;}
.img_borad_list.horizontal .txt .link { font-size: 30px; }
.img_borad_list.horizontal .txt .link::after{ content:""; display: inline-block; width: 32px; height: 32px; background: url('/img/common/arrow_more.svg') no-repeat center center/contain; vertical-align: middle;}

/* board */
.board .img_borad_list .item { width: calc(20% - 24px); }
.board .img_borad_list .item figure { aspect-ratio:0.78/1; }
.board .img_borad_list .item figure::after { content:""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); opacity:0; transition: 0.6s ease-out; }
.board .img_borad_list .item .txt { padding-top: 20px; }
.board .img_borad_list .item .txt h2 { font-family: var(--font-pretendard); font-size: 18px; line-height: 1.3; font-weight: 300; }
.board .img_borad_list .item .txt p{ margin-top: 5px; font-size: 18px; line-height: 1.3; color: #666; }

/* board - hover */
.project .img_borad_list .item:hover figure img{transform: translate(-50%,-50%) scale(1.076);}
.project .img_borad_list .item:hover figure::after, .board .img_borad_list .item:hover figure::after { opacity:1; }
.showroom .img_borad_list figure:hover img {transform: translate(-50%,-50%) scale(1.057);}

/* common - paging */
.paging {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-top: 70px; column-gap:18px;}
.paging .arr {  display: -webkit-box;  display: -ms-flexbox;  display: flex;}
.paging .arr a { width: 20px; font-size: 16px; }
.paging .arr a.last,.paging .arr a.first {  letter-spacing: -10px;}
.paging .arr a.last i,.paging .arr a.first i {  -webkit-transform: translateX(-5px);  transform: translateX(-5px);}
.paging a {  width: 35px;  height: 35px; border-radius:50%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  font-size: 24px; font-weight: 300; line-height: 1.3; letter-spacing: -0.02em; color: #333;}
.paging ul { display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
.paging ul li:not(:last-child) {  margin-right: 10px;}
.paging ul li.on a {  color: #fff; background-color: #333; }



/* about */
.brand__wrap .top .inner { display:flex; justify-content: space-between; column-gap:40px; padding: 110px 0; }
.brand__wrap .top .img__box { width: min(36.5vw,700px); aspect-ratio: 0.7/1; background: url('/img/sub/about_img_01.jpg') no-repeat center center/cover; }
.brand__wrap .top .text__box { max-width: calc(100% - 36.5vw); }
.brand__wrap .bottom { width: 100%; aspect-ratio: 2.08/1; max-height: 920px; background: url('/img/sub/about_img_02.jpg') no-repeat center center/cover }
.about__title { font-size: 60px; line-height: 1.3; font-weight: 300; color: var(--font-title) ;}
.about__text { margin-top: 20px; word-break: keep-all; }
.about__text>p{ font-size: 25px; line-height: 1.3; font-weight: 300; color: var(--font-text); }
.about__text>p+p {margin-top: 20px;}
.about__text .kr { font-family: var(--font-pretendard); font-size:17px; line-height: 1.8; letter-spacing: -0.01em;}
.award { margin-top: 90px; }
.award>strong { font-size: 25px; line-height: 1.3; font-weight: 400; letter-spacing: -0.02em; color: var(--font-title);}
.award .list { margin-top: 10px; }
.award .list>li { font-family: var(--font-pretendard); font-size: 17px; line-height: 1.3; font-weight: 300; letter-spacing: -0.01em; color: var(--font-text);}
.award .list>li:fitst-child { letter-spacing: -0.01em }
.award .list>li:nth-child(2) { letter-spacing: -0.02em }
.award .list>li+li { margin-top: 8px; }
.about__text-2{ margin-top: 45px; font-family: var(--font-pretendard); font-size: 17px; line-height: 1.3; font-weight: 300; letter-spacing: -0.01em; color: var(--font-text); }

.factory__wrap .top .inner { display:flex; justify-content: space-between; column-gap:40px; padding: 110px 0; }
.factory__wrap .top .img__box { width: min(36.5vw,700px); aspect-ratio: 0.7/1; background: url('/img/sub/about_img_04.jpg') no-repeat center center/cover }
.factory__wrap .top .text__box { max-width: calc(100% - 36.5vw); }
.factory__wrap .top .text__box .img {width: min(47.82vw,918px); aspect-ratio: 1.99/1; margin-top: 296px; background: url('/img/sub/about_img_03.jpg') no-repeat center center/cover}
.factory__wrap .bottom { padding: 110px 0; background-color: #161616;}
.factory__wrap .about__text { width: 100%; max-width: 800px; }
.factory__wrap .img__list { display: flex; gap: 26px; }
.factory__wrap .img__item { overflow:hidden; flex:1; aspect-ratio:0.86; max-height:700px;}
.factory__wrap .img__item>img { width: 100%; height: 100%; object-position: center center; object-fit:cover; transition: 0.5s ease-out;}
.factory__wrap .img__item:hover>img{ transform: scale(1.063); }

.video__box { overflow:hidden; height: 100%; }
.video__box>video{ width: 100%; height: 100%; object-position: center center; object-fit:cover; }

/* project */
.project .inner{padding: 30px 0 50px;}
.img-detail__wrap{ padding-bottom: 80px; }
.thumb-swiper { height: clamp(400px,41.7vw,800px); margin-bottom: 20px; background-color: #DDDDDD; }
.thumb-swiper .swiper-wrapper { align-items:strech; }
.thumb-swiper .swiper-slide { display: flex; justify-content:center; align-items:stretch; width: 100%; height: 100%; }
.thumb-swiper .swiper-slide img { display: block; max-width: 100%; max-height: 100%; object-fit:contain;}
.img-swiper .swiper-slide { overflow:hidden; position: relative; width:calc((100% - 60px)/4); max-width:100px; aspect-ratio:1/1; cursor:pointer; }
.img-swiper .swiper-slide::after{ content:""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity:0; transition:0.3s ease-out; }
.img-swiper .swiper-slide img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit:cover; transform:translate(-50%, -50%); }
.img-swiper .swiper-slide.swiper-slide-thumb-active::after { opacity:1; }
.swiper-button-prev{ width: 50px; height: 50px; margin-top: 0; background: url('/img/common/swiper_prev.svg') no-repeat center center/contain;	 }
.swiper-button-next{ width: 50px; height: 50px; margin-top: 0; background: url('/img/common/swiper_next.svg') no-repeat center center/contain;	 }
.swiper-button-next:after, .swiper-button-prev:after {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
.content__bottom { margin-top: 70px; }
.content__bottom .img-title{ margin-bottom: 70px; font-size: 28px; font-weight: 300; color: #333; text-align: center; }

/* showroom */
.showroom .content{background-color: #161616;}
.showroom .inner {padding: 50px 0 130px;}
.showroom .detail { padding-bottom: 391px; }
.showroom .detail .inner { padding: 110px 0; }
.showroom .row-1 .inner, .showroom .row-3 .inner { display: flex; justify-content:space-between; gap:20px; }
.showroom .row-1 .inner	{ align-items:end; }
.showroom .row-3 .inner { padding-bottom: 130px; }

/* board */
.board .inner{padding: 50px 0 130px;}

/* view */
.content-title { font-size: 50px; font-weight: 300; line-height: 1.3; color:#222; }
.view__wrap { display: flex; justify-content:space-between; margin-top: 90px;}
.view__img{ position: relative; width: 32.26%; max-width:600px; }
.view__img img{ width: 100%; }
.view__content { width: calc(67.74% - 30px); max-width:1170px;}
.view__content .tit { display: flex; justify-content:space-between; align-items:center; gap:10px; padding: 30px 20px; border-top: 1px solid #B5B0A6; border-bottom: 1px solid rgba(181,176,166,0.3);}
.view__content .tit h3{ font-family: var(--font-pretendard); font-size: 20px; line-height: 1.3; font-weight: 300; }
.view__content .tit .date{ font-size: 20px; line-height: 1.3; font-weight: 300; color: #666; }
.view__content .info { font-family: var(--font-pretendard); padding: 30px 20px;  font-size: 17px; font-weight: 300; line-height: 1.5; color: #444;}
.view__content .link { padding: 20px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
.view__content .link dl { display: flex; align-items:baseline; column-gap:10px; }
.view__content .link dl>*{ font-family: var(--font-pretendard); }
.view__content .link dl dt{ font-size: 18px; font-weight: 600; line-height: 1.3; color: #999; }
.view__content .link dl dd{ max-width: calc(100% - 42px); }
.view__content .link dl dd>a { font-size: 18px; font-weight: 300; line-height: 1.3; color: #999; word-break:break-all; }
.view__content .button__wrap { margin-top: 100px; }

/* contact */
.contact__wrap { display: flex; justify-content:space-between;}
.contact .inner{padding-top:40px;}
.form__area { width:calc( 55.37% - 60px); max-width:900px; }
.form__area .button__wrap { margin-top: 100px; }
.form__item{ position:relative; display: flex; gap: 20px; min-height: 47px; padding-bottom:15px; border-bottom: 1px solid #CCC; }
.form__item:first-child{ min-height: 50px; padding-top: 0; }
.form__item+.form__item { margin-top: 34px; }
.form__item.col{ flex-direction:column; align-items:flex-start; padding-bottom: 0;}
.form__item.al-end { align-items:flex-end; }
.form__item .form__label { min-width:140px; }
.form__item .form__label .label { display: inline-block; font-size: 24px; line-height: 1.3; color: #222; }
.form__item .form__label .label.kr { font-family: var(--font-pretendard); font-size: 18px; }
.form__item .form__label .label.kr>span{ font-family: var(--font-beiruti); font-size: 24px; line-height: inherit; color: inherit; font-weight: inherit; }
.form__item .form__label .etc { margin-left: 6px; font-family: var(--font-pretendard); font-size: 18px; font-weight: 200; line-height: 1.3; color: #222; }
.input__box { width: 100%; }
.input__box.date { position: relative; }
.input__box.date::after { content:""; position: absolute; right:20px; top:50%; display: block; width: 34px; height: 34px; background: url('/img/common/icon_calendar.svg') no-repeat center center/contain; transform:translateY(-50%);}
.input__box.date .form__input{ padding-right: 40px; }
.input__box.file { display: flex; justify-content:space-between; align-items:center; height: 100%; padding-right: 150px; }
.input__box.file .btn-file { position: absolute; right:0; bottom: 15px;}
.input__box .file-name { overflow:hidden; font-family: var(--font-pretendard); font-size: 18px; font-weight: 300; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap ; }
.input__box.checkbox { display: flex; align-items:center; margin-left: 18px; gap:30px; }
.input__box .btn-text {  font-size: 18px; line-height: 1.3; color: #222; padding: 0; }
.check__box { display: inline-flex; align-items:center; column-gap:6px; cursor:pointer;}
.check__box.radio{ column-gap:10px; }
.check__box .text{ margin-top: 0.1em; font-size: 17px; font-weight: 300; line-height: 1.3; color: #222;}
.check__box.radio .text { margin-top: 0.03em; font-size: 18px; }
.check__box .form__checkbox+.text{ color: #3C3C3C; }
.input__box.terms {  position: absolute; right:0; bottom: 15px; display: flex; justify-content:right; align-items:center; width: fit-content; transform: translateY(-50%);}
.input__box.terms .btn-text { font-family: var(--font-pretendard); margin-right: 20px; border: none; font-size: 18px; font-weight: 300; line-height: 1.3; color: #222; text-decoration: underline; text-underline-offset:3px; background-color: transparent; cursor:pointer; }

.form__input { font-family: var(--font-pretendard); width: 100%; height: 31px; border:none; background-color: transparent;  font-size: 18px; font-weight: 300; }
.form__textarea {  font-family: var(--font-pretendard); width: 100%; height: 88px; border:none; background-color: transparent; font-size: 18px; font-weight: 300; line-height: 1.3; resize: vertical; }
.form__input::placeholder,
.form__textarea::placeholder { color: rgba(34,34,34,0.3); }
.form__radio { width: 14px; height: 14px; border:1px solid #222; border-radius:50%; background-color: transparent; cursor:pointer; }
.form__radio:checked { box-shadow:inset 0 0 0 2px #f6f6f6; background-color: #222; }
.form__checkbox { width: 20px; height: 20px; border:1px solid #222; border-radius:0;  background-color: transparent; cursor:pointer;}
.form__checkbox::before { display: block; font-size: 16px; font-weight: 700; line-height: 18px; text-align: center; color: #222; visibility:hidden; opacity:0; }
.form__checkbox:checked::before { visibility:visible; opacity:1; }

.kcaptcha-box { position: absolute; right:0; bottom: 15px; display: flex; justify-content:right; gap:8px; height: 50px; }
#txtCaptcha { border: 1px solid #BBBBBB; padding: 0 20px; width: 284px; height: 100%; font-size: 17px; font-weight: 300; line-height: 1.3; letter-spacing: -0.02em; background-color: transparent; }
#txtCaptcha::placeholder { color: #BBB; }
.kcaptcha-img { overflow:hidden; position: relative; width: 134px; height: 100%; }
#kcaptcha_image { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 134px; }
#btnKcaptcha { width: 50px; height: 100%; border:1px solid #BBB; background:url('/img/common/icon_refresh.svg') no-repeat center center/auto; cursor:pointer; }

.map__area { width: 44.63%; max-width:830px; height: 840px; transition:0.3s ease-out; }
.root_daum_roughmap { width: 100% !important; height: 100% !important;}
.root_daum_roughmap .wrap_map { height: 100% !important; }
.terms-mo { display: none; }
.terms-mo>dl+dl { margin-top: 10px; }
.terms-mo>dl>dt { padding: 10px; font-family: var(--font-pretendard); font-size: 16px; font-weight: 500; line-height: 1.3; border-bottom:1px solid #fff; background-color: #E4E4E4; }
.terms-mo>dl>dd { padding: 10px; font-family: var(--font-pretendard); font-size: 14px; line-height: 1.3; color: #444; background-color: #F8F8F8; }

.policy .inner{ padding: 80px 0 130px; }


@media screen and (max-width: 1600px) {
	.about__title { font-size: clamp(40px,3.75vw,60px); }
	.about__text>p { font-size: clamp(20px,1.57vw,25px); }
	.about__text .kr { font-size: clamp(14px,1.063vw,17px); }
	.award>strong { font-size: 24px;}
	.award .list>li { font-size: clamp(14px,1.063vw,17px); }
	.about__text-2{ font-size: clamp(14px,1.063vw,17px); }
	.brand__wrap .top .img__box, .factory__wrap .top .img__box {  width: calc(min(36.5vw,700px) - 40px);}
}
@media screen and (max-width: 1400px) {
	.form__item .form__label { min-width:120px; }
	.form__item .form__label .label { font-size: 20px; }
	.form__item .form__label .label.kr, .form__item .form__label .etc,.check__box.radio .text,.check__box .text,.input__box .file-name,.input__box.terms .btn-text, .form__input, .form__textarea { font-size: 16px; }
	.form__item .form__label .label.kr>span { font-size: 20px; }
	#txtCaptcha { width: 200px; }
	#txtCaptcha::placeholder{ font-size: 14px; }
}
@media screen and (max-width: 1200px) {
	.board .img_borad_list .item { width: calc(25% - 22.5px); }
	.view__content .tit h3,.view__content .tit .date { font-size: 18px; }
	.view__content .info, .view__content .link dl dt, .view__content .link dl dd>a { font-size: 16px; }
	.form__item+.form__item { margin-top: 20px; }
	.form__item { min-height: 40px; padding-bottom: 10px; }
	.input__box.date::after { width: 24px; height: 24px; right:10px; }
	.kcaptcha-box { height: 40px; }
	#txtCaptcha { width: 160px; padding:0 10px; }
	#btnKcaptcha { width: 40px; }
	.input__box.file .btn-file, .kcaptcha-box { bottom:10px; }
	.input__box.terms { bottom:0px; }
	.form__item .form__label .label { font-size: 18px; }
	.form__item .form__label .label.kr, .form__item .form__label .etc,.check__box.radio .text,.check__box .text,.input__box .file-name,.input__box.terms .btn-text, .form__input, .form__textarea { font-size: 14px; }
	.form__item .form__label .label.kr>span { font-size: 18px; }
	.map__area { height:600px; }
}
@media screen and (max-width: 1024px) {
	.content.basic { padding-top: 60px; padding-bottom: 456px; }
	.about__text br { display:none; }
	.award { margin-top: 40px; }
	.about__text-2 { margin-top: 20px; }
	.factory__wrap .top .text__box .img { margin-top: 40px; }

	.img_borad_list {gap: 30px 18px; }
	.img_borad_list .item { width: calc((100%/3) - 12px); }
	.img_borad_list:not(.horizontal) .item .txt h2 { font-size: 16px; }
	.img_borad_list.horizontal .item .txt h2 { font-size: 40px; }
	.img_borad_list.horizontal .txt { padding: 0; }
	.img_borad_list.horizontal .txt .num, .img_borad_list.horizontal .txt .link { font-size: 24px; }
	.img_borad_list.horizontal .txt .link::after { width: 24px; height: 24px; }
	.board .img_borad_list .item { width: calc(25% - 13.5px); }

	.content-title { font-size: 40px; }
	.view__wrap { flex-direction:column; gap: 40px; margin-top: 40px; }
	.view__img, .view__content { width: 100%; max-width:initial; }
	.view__img { aspect-ratio:0.795/1; max-height:500px;}
	.view__img img { width: 100%; height: 100%; object-fit:contain; object-position:center center; }

	.contact__wrap { flex-direction:column; gap:60px; }
	.form__area { width: 100%; max-width:initial; }
	.map__area { width: 100%; max-width:initial; height:400px; }
}
@media screen and (max-width: 768px) {
	.content.basic { padding-bottom: 477px; }
	.brand__wrap .top .inner { flex-direction: column; row-gap: 40px; }
	.brand__wrap .top .img__box, .brand__wrap .top .text__box { width: 100%; max-width: initial; }
	.factory__wrap .top .inner { flex-direction: column-reverse; row-gap: 40px; }
	.factory__wrap .top .img__box, .factory__wrap .top .text__box { width: 100%; max-width: initial; }
	.factory__wrap .img__list { flex-direction: column; row-gap: 40px; }
	.factory__wrap .top .text__box .img { width:100%; }
	.sub-bg.fixed-bg{ height: 560px; }

	.img_borad_list {gap: 30px 20px; }
	.img_borad_list .item { width: calc(50% - 10px); }
	.swiper-button-prev, .swiper-button-next { width: 30px; height: 30px;}
	.content__bottom { margin-top: 50px; }
	.content__bottom .img-title { font-size: 24px; }

	.img_borad_list.horizontal .item { flex-direction:column; gap:30px; }
	.img_borad_list.horizontal .item a.img-link { width: 100%; max-width:initial; }
	.img_borad_list.horizontal .item .txt h2 { font-size: 32px; }
	.img_borad_list.horizontal .txt .num, .img_borad_list.horizontal .txt .link { font-size: 20px; }
	.img_borad_list.horizontal .txt .link { margin-top: 20px; width: fit-content; }
	.img_borad_list.horizontal .txt .link::after { width: 20px; height: 20px; }

	.showroom .detail { padding-bottom: 477px; }
	.showroom .detail .inner { padding:80px 0; }
	.showroom.lanote .sub-visual, .showroom.alvero .sub-visual { height: 50dvh; }
	.showroom .detail { margin-top: 50dvh; }
	.showroom .row-1 .inner, .showroom .row-3 .inner { flex-direction:column; gap:40px;}
	.showroom .row-3 .inner { padding-bottom: 130px; }

	.board .img_borad_list .item { width: calc( 50% - 10px ); }

	.paging { margin-top: 40px; column-gap:12px; }
	.paging a { width: 22px; height: 22px; font-size: 18px; }
	.paging ul li:not(:last-child) { margin-right: 5px; }

	.content-title { font-size: 32px; }
	.view__content .tit { padding: 20px 10px; }
	.view__content .info { padding: 30px 10px; }
	.view__content .link { padding: 10px; }
	.view__content .tit h3,.view__content .tit .date { font-size: 16px; }
	.view__content .info, .view__content .link dl dt { font-size: 14px; }
	.view__content .button__wrap { margin-top: 60px; }

	.contact .inner { padding-top: 0; }
	.input__box.checkbox { margin-left: 0px; flex-direction:column; align-items:flex-start; gap:10px}
	.form__item.m-col { flex-direction: column; align-items: flex-start; padding-bottom: 10px;}
	.input__box.file { padding-right: 0; }
	.kcaptcha-box { position: static; }
	#txtCaptcha { width: calc(100% - 174px - 16px); }
	.input__box.terms { position: static; justify-content:space-between; transform:translateY(0); }
	.form__area .button__wrap { margin-top: 60px; }
	.check__box .text,.check__box.radio .text{ margin-top: 0.04em; }
	.terms-mo { display: block; }
	.map__area { height:300px; }

	.policy .inner { padding-top: 60px; }
}

@media screen and (max-width: 640px) {
	.img_borad_list {gap: 40px; }
	.img_borad_list .item { width: 100%; }
	.img_borad_list .item .txt h2 { font-size: 20px; }
	.board .img_borad_list .item { width: 100%; }
	.view__content .tit { flex-direction:column; align-items: flex-start; }
}