/* ==========================================
   서브 비주얼 - 
=============================================*/

.sub_bg_wrap{width: 100%;height:560px;}
.sub_bg_wrap1{background: url(/images/gallery/sub_bg_01_1920560.jpg) no-repeat center;}
.sub_bg_wrap2{background: url(/images/service/sub_bg_02_1920560.jpg) no-repeat center;}
.sub_bg_wrap3{background: url(/images/media/sub_bg_03_1920560.jpg) no-repeat center;}
.sub_bg_wrap4{background: url(/images/contactus/sub_bg_03_1920560.jpg) no-repeat center;}
.sub_bg_wrap5{background: url(/images/member/sub_bg_05_1920560.jpg) no-repeat center;}

.sub_bg_inner{width: 1280px;margin: 0 auto;position: relative;height: 560px;}
.sub_bg_title{position: absolute;left: 0;bottom: 100px;font-size: 24px;color: #fff;}
.sub_bg_con{padding-top: 30px;font-size: 20px;line-height: 28px;}
.sub_bg_title h2{font-size: 38px;font-weight: bold;color: #fff;margin-top: 10px;}
.sub_nav{width: 100%;background: #282828;height: 60px;}
.sub_nav .sub_nav_in{width: 1280px;margin: 0 auto;position: relative;color: #fff;line-height: 60px;font-size: 0;}
.sub_nav .sub_nav_in span{width: auto;display: inline-block;height: 60px;line-height: 60px;font-size: 18px;float: left;}
.sub_nav .sub_nav_in em{padding: 0 20px;background:url(/images/gallery/nav_rr_1860.png) no-repeat center;display: inline-block;height: 60px;
font-size: 18px;line-height: 60px;width: auto;float: left;}


.sub{width: 100%;padding:120px 0}
.sub_in{width: 100%;max-width:1280px;margin:0 auto; }
.sub_title{font-size: 36px;font-weight: 600;margin-top:80px;margin-bottom:40px;}
.sub_title:first-child{margin-top:0}

.pt{font-size: 20px;}
.pt span{color: #777777;}


.area{display:flex;flex-wrap:wrap;width: 100%;margin-top:40px;margin-bottom:70px;}
.area:last-child{margin-bottom:0px;}






@media screen and (min-width:1001px) and (max-width:1500px){

.sub_bg_wrap{width: 100%;height:460px;}
.sub_bg_wrap1{background: url(/images/gallery/sub_bg_01_1920560.jpg) no-repeat center;}
.sub_bg_wrap2{background: url(/images/service/sub_bg_02_1920560.jpg) no-repeat center;}
.sub_bg_wrap3{background: url(/images/media/sub_bg_03_1920560.jpg) no-repeat center;}
.sub_bg_wrap4{background: url(/images/contactus/sub_bg_03_1920560.jpg) no-repeat center;}
.sub_bg_wrap5{background: url(/images/member/sub_bg_05_1920560.jpg) no-repeat center;}

.sub_bg_inner{width: 1000px;margin: 0 auto;position: relative;height: 460px;}
.sub_bg_title{position: absolute;left: 0;bottom: 100px;font-size: 24px;color: #fff;}
.sub_bg_con{padding-top: 30px;font-size: 20px;line-height: 28px;}
.sub_bg_title h2{font-size: 38px;font-weight: bold;color: #fff;margin-top: 10px;}
.sub_nav{width: 100%;background: #282828;height: 60px;}
.sub_nav .sub_nav_in{width: 1000px;margin: 0 auto;position: relative;color: #fff;line-height: 60px;font-size: 0;}
.sub_nav .sub_nav_in span{width: auto;display: inline-block;height: 60px;line-height: 60px;font-size: 18px;float: left;}
.sub_nav .sub_nav_in em{padding: 0 20px;background:url(/images/gallery/nav_rr_1860.png) no-repeat center;display: inline-block;height: 60px;
font-size: 18px;line-height: 60px;width: auto;float: left;}


}






@media screen and (max-width:1000px) and (min-width:320px) {

.sub_bg_wrap{width: 100%;height:66.0000vw;background-size:cover !important}
.sub_bg_wrap1{background: url(/images/gallery/sub_bg_01_1920560.jpg) no-repeat center;}
.sub_bg_wrap2{background: url(/images/service/sub_bg_02_1920560.jpg) no-repeat center;}
.sub_bg_wrap3{background: url(/images/media/sub_bg_03_1920560.jpg) no-repeat center;}
.sub_bg_wrap4{background: url(/images/contactus/sub_bg_03_1920560.jpg) no-repeat center;}
.sub_bg_wrap5{background: url(/images/member/sub_bg_05_1920560.jpg) no-repeat center;}

.sub_bg_inner{width: 96.0000vw;margin: 0 auto;position: relative;height: 66.0000vw;}
.sub_bg_title{position: absolute;left: 0;bottom: 10.0000vw;font-size: 4.0000vw;color: #fff;}
.sub_bg_con{padding-top: 5vw;font-size: 3.8vw;line-height: 5.3vw;}
.sub_bg_title h2{font-size: 6.0000vw;font-weight: bold;color: #fff;margin-top: 1.0000vw;}
.sub_nav{width: 100%;background: #282828;height: 13.0000vw;}
.sub_nav .sub_nav_in{width: 96%;margin: 0 auto;position: relative;color: #fff;line-height: 13.0000vw;font-size: 0;}
.sub_nav .sub_nav_in span{width: auto;display: inline-block;height: 13.0000vw;line-height: 13.0000vw;font-size: 3.7000vw;float: left;}
.sub_nav .sub_nav_in em{padding: 0 4.0000vw;background:url(/images/gallery/nav_rr_1860.png) no-repeat center;display: inline-block;height: 13.0000vw;
font-size: 3.7000vw;line-height: 13.0000vw;width: auto;float: left;}


}





@media screen and (min-width: 1001px){



/* ==========================================
   Common
=============================================*/
.none2,.none3{display:none;}

.sub{width: 100%;padding:120px 0 200px}
.sub_in{width: 100%;max-width:1280px;margin:0 auto; }
.sub_title{font-size: 36px;font-weight: 600;margin-top:80px;margin-bottom:40px;}
.sub_title:first-child{margin-top:0}

.pt{font-size: 20px;}
.pt span{color: #777777;}


.area{display:flex;flex-wrap:wrap;width: 100%;margin-top:40px;margin-bottom:70px;}
.area:last-child{margin-bottom:0px;}

/* ==========================================

   gallery : introduction.php /  guide.php

=============================================*/

/* introduction.php */


.intro .ptt{font-size: 20px;line-height:32px;margin-bottom:70px;}

.intro .area1{justify-content:space-between;}
.intro .area1>div{width: 49%;}
.intro .area1>div img{width: 100%;border:1px solid #cccccc;}

.intro .area2{border:1px solid #cccccc;padding:60px 0;}
.intro .area2>div{width: 50%;display:flex;justify-content:center;gap:0 80px}
.intro .area2 .color{width: 120px;height: 120px;border-radius:50%;border:1px solid #a8a8a8}
.intro .area2 .color1{background: #000;}
.intro .area2 .color2{background: #fff;}

.intro .area2 .tt .title{font-size: 24px;font-weight: 600;margin-bottom:5px;}
.intro .area2 .tt .con{font-size: 20px;font-weight: 500;margin-bottom:15px;}

.intro .area3{justify-content:space-between;}
.intro .area3 .box{width: 32%;max-width:400px;border:1px solid #cccccc;border-top:1px solid #000;padding:70px 0;text-align:Center;}
.intro .area3 .box .title{font-size: 28px;font-weight: 700;margin-top:20px;}
.intro .area3 .box .con{font-size: 20px;color: #434343;margin-top:30px;line-height:32px;}
.intro .area3 .box .con span{font-weight: 600;}

.intro .area4 {flex-wrap:wrap;gap:40px}
.intro .area4 .box{position: relative;}
.intro .area4 .box img{width: 100%;}
.intro .area4 .box p{font-size: 28px;font-weight: 700;;color:#fff;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}


/* guide.php */


.guide .area1{gap:40px;}
.guide .area1 .box{width: 22.6%;padding:35px 36px 50px ;border-radius:10px;position: relative;}
.guide .area1 .box:nth-child(2n+1){border:1px solid #cccccc;}
.guide .area1 .box:nth-child(2n){background: #ebebeb;}

.guide .area1 .box:nth-child(5),.guide .area1 .box:nth-child(7){background: #ebebeb;border:none}
.guide .area1 .box:nth-child(6){background:#fff;border:1px solid #cccccc;}

.guide .area1 .box .title{font-size: 24px;font-weight: 700;}
.guide .area1 .box .con{font-size: 20px;color: #333;margin-top:20px;line-height:28px;margin-bottom:20px;}
.guide .area1 .box .icon{position: absolute;bottom:40px;right:40px;padding-top:20px;}


/* ==========================================
	guide.php , buy.php 맨 아래 담당자 부분
=============================================*/


.charge_area{padding:40px 80px;border:1px solid #ccc;margin-top:40px;display: flex;justify-content:space-between;align-items:Center;}
.charge_area .txt{display: flex;align-items:Center;}
.charge_area .txt .tt{margin-left:46px;color:#282828;font-size: 20px;}

.charge_area .txt:nth-child(2){margin:13px 0;}




/* =======================================================

  service : buy.php /  consignment.php / rental.php

==========================================================*/

/* buy.php */
.buy .area1{gap:0 40px;}
.buy .area1 .box{width: 22.6%;border:1px solid #cccccc ;padding:40px 0;text-align:center;	}
.buy .area1 .box .txt{font-size: 20px;font-weight: 700;margin-top:30px;}

.buy .area2{gap:0 40px}
.buy .area2 .box{width: 22.6%;border:1px solid #cccccc ;padding:80px 0;text-align:center;border-radius:10px;position: relative;}
.buy .area2 .box .tt1{font-size: 24px;font-weight: 700;color: #282828;}
.buy .area2 .box .tt2{ height: 50px;font-size: 20px;color: #333333;margin-top:16px;display: flex;align-items: center; justify-content: center;}

.buy .area2 .box:nth-child(2)::after{content:'*출장 방문서비스 가능';position:absolute;bottom:-30px;left:0;color:#777777;font-size: 18px;}




/* consignment.php */
.consign .consign_title{width: 230px;height: 60px;border-radius:50px;
background: linear-gradient(90deg, #28b66b 50% , #044027 100%);
display:flex;justify-content:center;align-items:center;}

.consign .consign_title1{margin-top:40px;}

.consign .consign_title span{font-size: 24px;font-weight: 700;color:#fff;}
.consign .area1{gap:0 40px;}
.consign .area1 .box{width: 31.2%;padding:40px 0 50px 34px;border:1px solid #cccccc ;border-radius:10px;position: relative;}
.consign .area1 .box .tt1{color: #282828;font-size: 20px;font-weight: 700;}
.consign .area1 .box .tt2{color: #333333;font-size: 20px;margin-top:20px;}


.consign .area1 .box::after{position:absolute;bottom:-30px;left:0;color:#777777;font-size: 18px;}
.consign .area1 .box:nth-child(2)::after{content:'* 접수 메일 : luartgallery@luartgallery.co.kr';}
.consign .area1 .box:nth-child(3)::after{content:'* 필요 시 추가 서류 부분 요청 드릴 수 있습니다.';}


.consign .area2{border:1px solid #cccccc ;justify-content:center;padding:50px 0}
.consign .area2 .box{text-align:center;}
.consign .area2 .box:nth-child(2){margin:0 140px;}
.consign .area2 .box .txt{font-size: 20px;font-weight: 700;color:#282828;}


.consign .area3{gap:0 20px;}
.consign .area3 .box{width: 18.7%;border:1px solid #cccccc ;padding:60px 0;text-align:center;border-radius:10px;}
.consign .area3 .box .tt1{font-size: 24px;font-weight: 700;color: #282828;}
.consign .area3 .box .tt2{ height: 50px;font-size: 20px;color: #333333;margin-top:16px;display: flex;align-items: center; justify-content: center;}



/* rental.php */
.rental .area1{width: 100%;height: 280px;background:url(/images/service/rental_bg.png) no-repeat;align-items:center;justify-content: space-around}
.rental .area1 .box{display: flex;align-items:Center;color:#fff;}
.rental .area1 .box .num{font-size:36px;font-weight: 800;}
.rental .area1 .box .txt{font-size: 20px;font-weight: 700;text-align:center;margin-left:30px;line-height:36px;}


.rental .area2_bg{border:1px solid #cccccc ;border-radius:10px;padding:40px 0;margin-top:40px}
.rental .area2_bg .area2{justify-content: space-evenly;}
.rental .area2_bg .area2 .box{width: auto;;text-align:center;position: relative;}
.rental .area2_bg .area2 .box .tt1{font-size: 24px;font-weight: 700;color:#282828;margin-top:30px;}
.rental .area2_bg .area2 .box .tt2{font-size: 20px;color: #383838;line-height:28px;margin-top:20px;}


.rental .area2_bg .area2 .box::after{content:'';position:Absolute;top:40px;right:-60px;
width: 30px;height: 33px;background: url(/images/service/rental_arrow.png) no-repeat;}

.rental .area2_bg .area2 .box:last-child::after{display:none}

.rental .area2_bg .btn_down a{display:block;width: 240px;height: 60px;line-height:60px;margin:0 auto;background: #282828;
font-size: 20px;color:#fff;text-align:center;}


.rental .area3{gap:0 40px;}
.rental .area3 .box{width: 22.6%;border:1px solid #cccccc ;padding:60px 0;text-align:center;border-radius:10px;}
.rental .area3 .box .tt1{font-size: 24px;font-weight: 700;color: #282828;}
.rental .area3 .box .tt2{ height: 50px;font-size: 20px;color: #333333;margin-top:16px;display: flex;align-items: center; justify-content: center;}


/* Export CSS */
.export .area1 {
  width: 100%;
  height: 280px;
  background:url('/images/service/rental_bg.png') no-repeat;
  align-items:center;
  justify-content: space-around;
}

.export .area1 .box{display: flex;align-items:Center;color:#fff;}
.export .area1 .box .num{font-size:36px;font-weight: 800;}
.export .area1 .box .txt{font-size: 20px;font-weight: 600;text-align:center;margin-left:30px;line-height:36px;}

.export .consig-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top:40px;
}

.export .consign_title {
  width: 230px;height: 60px;border-radius:50px;
  background: linear-gradient(90deg, #28b66b 50% , #044027 100%);
  display:flex;justify-content:center;align-items:center;
}

.export .consign_title span{font-size: 24px;font-weight: 700;color:#fff;}
.export .consign_download {
  width:240px; height:56px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color:#000;
  font-size:20px;
  color:#fff;
}

.export .area2{gap:0 40px; flex-wrap: nowrap;}
.export .area2 .box{width: 31.2%;padding:40px 0px 50px 34px;border:1px solid #cccccc ;border-radius:10px;position: relative;}
.export .area2 .box .tt1{color: #282828;font-size: 20px;font-weight: 700; line-height:28px;}
.export .area2 .box .tt2{color: #333333;font-size: 20px;margin-top:20px; line-height:28px;}


.export .area2 .box::after{position:absolute;bottom:-30px;left:0;color:#777777;font-size: 18px;}
.export .area2 .box:nth-child(2)::after{content:'* 접수 메일 : luart_jungsunghyun@outlook.kr';}


.export .area3{gap:0 20px; flex-wrap: nowrap;}
.export .area3 .box{width: 18.7%;border:1px solid #cccccc ;padding:60px 0;text-align:center;border-radius:10px;}
.export .area3 .box .tt1{font-size: 24px;font-weight: 700;color: #282828;}
.export .area3 .box .tt2{ height: 50px;font-size: 20px;color: #333333;margin-top:16px;display: flex;align-items: center; justify-content: center;}


}



/* ==========================================
   화면 틀어짐
=============================================*/


@media screen and (min-width:1001px) and (max-width:1300px){

	.sub_bg_inner{width: 94%;}
	.sub_nav .sub_nav_in{width: 94%;}


	.sub{width: 100%;padding-bottom:80px}
	.sub_in{width: 96%;max-width:100%;margin:0 auto; }

	/* introduction.php */
	
	.intro .area2>div{gap:0 40px}
	.intro .area3 .box{padding:40px 0}
	.intro .area3 .box .con{line-height:28px;}

	.intro .area4{gap:16px}
	.intro .area4 .box1, .intro .area4 .box2, .intro .area4 .box3{width: 32%;}
	.intro .area4 .box4, .intro .area4 .box5{width: 49%;}



	/* guide.php */
	.guide .area1{gap:30px}
	.guide .area1 .box{padding: 30px 25px 50px;}
	.guide .area1 .box:nth-child(5),.guide .area1 .box:nth-child(6),.guide .area1 .box:nth-child(7){width: 31%;}
	.guide .area1 .box .icon{right:30px;bottom:30px;}
	.guide .area1 .box .con .none{display:none}
	
	.charge_area{padding: 40px 50px;}
	.charge_area .txt .tt {margin-left:26px;}


	/* buy.php */
	.buy .area1{gap:0 30px;}
	.buy .area2 {gap:0 30px;}


	/* consignment.php */
	.consign .area1{gap:0 20px;    justify-content: space-between;}
	.consign .area1 .box {width: 31.5%;padding: 40px 20px 50px;}
	.consign .area1 .box::after{    bottom: -46px;}
	.consign .area3{gap:0 15px;}
	.consign .area3 .box{padding:50px 0}


	/* rental.php */
	.rental .area1 .box .txt{margin-left:20px}
	.rental .area2_bg .area2{margin-top:20px; margin-bottom: 40px;}
	.rental .area2_bg .area2 .box{width: 20%;}
	.rental .area2_bg .area2 .box::after{right:-15px}
	.rental .area3 {gap:0 30px}


  /* Export CSS */
.export .area1 {
  width: 100%;
  height: 280px;
  background:url('/images/service/rental_bg.png') no-repeat;
  align-items:center;
  justify-content: space-around;
}

.export .area1 .box{display: flex;align-items:Center;color:#fff;}
.export .area1 .box .num{font-size:36px;font-weight: 800;}
.export .area1 .box .txt{font-size: 20px;font-weight: 600;text-align:center;margin-left:30px;line-height:36px;}

.export .consig-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top:40px;
}

.export .consign_title {
  width: 230px;height: 60px;border-radius:50px;
  background: linear-gradient(90deg, #28b66b 50% , #044027 100%);
  display:flex;justify-content:center;align-items:center;
}

.export .consign_title span{font-size: 24px;font-weight: 700;color:#fff;}
.export .consign_download {
  width:240px; height:56px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color:#000;
  font-size:20px;
  color:#fff;
}

.export .area2{gap: 0 20px; justify-content: space-between;}
.export .area2 .box{width: 31.5%; padding: 40px 20px 50px}
/* .export .area2 .box .tt1{color: #282828;font-size: 20px;font-weight: 700; line-height:28px;}
.export .area2 .box .tt2{color: #333333;font-size: 20px;margin-top:20px; line-height:28px;} */


.export .area2 .box::after{position:absolute;bottom:-46px;left:0;color:#777777;font-size: 18px;}

.export .area3{gap:0 15px;}
	.export .area3 .box{padding:50px 0}

/* .export .area2 .box:nth-child(2)::after{content:'* 접수 메일 : luart_jungsunghyun@outlook.kr';}

.export .area3{gap:0 20px;}
.export .area3 .box{width: 18.7%;border:1px solid #cccccc ;padding:60px 0;text-align:center;border-radius:10px;}
.export .area3 .box .tt1{font-size: 24px;font-weight: 700;color: #282828;}
.export .area3 .box .tt2{ height: 50px;font-size: 20px;color: #333333;margin-top:16px;display: flex;align-items: center; justify-content: center;} */


}


/* ===================================================

	730px ~ 1000px

======================================================*/


@media screen and (min-width:730px) and (max-width:1000px){

	/* ==========================================
	   Common
	=============================================*/
	.none,.none3{display:none;}

	.sub{width: 100%;padding:12.0000vw 0 18.00vw;}
	.sub_in{width: 94%;margin:0 auto; }
	.sub_title{font-size: 4.6000vw;font-weight: 600;margin-top:8.0000vw;margin-bottom:4.0000vw;}
	.sub_title:first-child{margin-top:0}

	.pt{font-size: 3.5000vw;}
	.pt span{color: #777777;}


	.area{display:flex;flex-wrap:wrap;width: 100%;margin-top:4.0000vw;margin-bottom:7.0000vw;}
	.area:last-child{margin-bottom:0.0000vw;}



	/* ==========================================

	   gallery : introduction.php /  guide.php

	=============================================*/

	/* introduction.php */
	/* 적용 */
	.intro .ptt{font-size: 3.5000vw;line-height:4.2000vw;margin-bottom:7.0000vw;}

	.intro .area1{justify-content:space-between;}
	.intro .area1>div{width: 49%;}
	.intro .area1>div img{width: 100%;border:0.1000vw solid #cccccc;}

	.intro .area2{border:0.1000vw solid #cccccc;padding:6.0000vw 0;}
	.intro .area2>div{width: 50%;display:flex;justify-content:center;align-items: center;;gap:0 6.0000vw}
	.intro .area2 .color{width: 12.0000vw;height: 12.0000vw;border-radius:50%;border:0.1000vw solid #a8a8a8}
	.intro .area2 .color1{background: #000;}
	.intro .area2 .color2{background: #fff;}

	.intro .area2 .tt .title{font-size: 3.4000vw;font-weight: 600;margin-bottom:0.5000vw;}
	.intro .area2 .tt .con{font-size: 3.5000vw;font-weight: 500;margin-bottom:1.5000vw;}

	.intro .area3{justify-content:space-between;}
	.intro .area3 .box{width: 32%;max-width:40.0000vw;border:0.1000vw solid #cccccc;border-top:0.1000vw solid #000;padding:3.0000vw 0 5.0000vw;text-align:Center;}
	.intro .area3 .box .icon{width: 16.0000vw;margin:0 auto}
	.intro .area3 .box .icon img{width: 100%;}
	.intro .area3 .box .title{font-size: 3.8000vw;font-weight: 700;}
	.intro .area3 .box .con{font-size: 3.5000vw;color: #434343;margin-top:3.0000vw;line-height:4.2000vw;}
	.intro .area3 .box .con span{font-weight: 600;}

	.intro .area4 {flex-wrap:wrap;gap:2.0000vw;}
	.intro .area4 .box{position: relative;}
	.intro .area4 .box:nth-child(1),.intro .area4 .box:nth-child(2),.intro .area4 .box:nth-child(3){width: 31.8%;}
	.intro .area4 .box:nth-child(4),.intro .area4 .box:nth-child(5){width: 48.8%;}
	.intro .area4 .box img{width: 100%;}	
	.intro .area4 .box p{font-size: 3.8000vw;font-weight: 700;;color:#fff;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);
						width:100%;text-align:Center}


	/* guide.php */

	.guide .area1{gap:2.0000vw;}
	.guide .area1 .box{width: 31.8%;padding:3.5000vw 3.0000vw 5.0000vw ;border-radius:1.0000vw;position: relative;}
	.guide .area1 .box:nth-child(2n+1){border:0.1000vw solid #cccccc;}
	.guide .area1 .box:nth-child(2n){background: #ebebeb;}
	.guide .area1 .box:last-child{width: 38%;}
	.guide .area1 .box .title{font-size: 3.4000vw;font-weight: 700;}
	.guide .area1 .box .con{font-size: 3.0000vw;color: #333;margin-top:2.0000vw;line-height:3.8000vw;margin-bottom:2.0000vw;}
	.guide .area1 .box .icon{position: absolute;bottom:3.0000vw;right:3.0000vw;padding-top:2.0000vw;width: 3.5000vw;}
	.guide .area1 .box .icon img{width: 100%;}

	/* ==========================================
		guide.php , buy.php 맨 아래 담당자 부분
	=============================================*/

	.charge_area{padding:4.0000vw 2.0000vw;border:0.1000vw solid #ccc;margin-top:4.0000vw;display: flex;justify-content:space-between;align-items:Center;}
	.charge_area .txt{display: flex;align-items:Center;}
	.charge_area .txt .tt{margin-left:2.0000vw;color:#282828;font-size: 3.0000vw;}

	.charge_area .txt:nth-child(2){margin:1.3000vw 0;}

	.charge_area .right{width: 21.8000vw;}
	.charge_area .right img{width: 100%;}






	/* =======================================================

	  service : buy.php /  consignment.php / rental.php

	==========================================================*/

	/* 적용 */
	/* buy.php */
	.buy .area1{gap:0 2.0000vw;}
	.buy .area1 .box{width: 23.2%;border:0.1000vw solid #cccccc ;padding:3.0000vw 0;text-align:center;	}
	.buy .area1 .box .img{width: 12.0000vw;margin:0 auto}
	.buy .area1 .box .img img{width: 100%;}
	.buy .area1 .box .txt{font-size: 3.5000vw;font-weight: 700;margin-top:3.0000vw;}

	.buy .area2{gap:0 2.0000vw;margin-bottom:10.0000vw;}
	.buy .area2 .box{width: 23.2%;border:0.1000vw solid #cccccc ;padding:5.0000vw 0;text-align:center;border-radius:1.0000vw;position: relative;}
	.buy .area2 .box .tt1{font-size: 3.4000vw;font-weight: 700;color: #282828;}
	.buy .area2 .box .tt2{ height: 10.0000vw;font-size: 3.0000vw;color: #333333;margin-top:3.0000vw;display: flex;align-items: flex-start; justify-content: center;}

	.buy .area2 .box:nth-child(2)::after{content:'* 출장 방문서비스 가능';position:absolute;bottom:-6.2000vw;left:0;color:#777777;font-size: 2.8000vw;text-align:left;line-height:2.8000vw;}





	/* consignment.php */
	.consign .consign_title{width: 26.0000vw;height: 7.0000vw;border-radius:5.0000vw;
	background: linear-gradient(90deg, #28b66b 50% , #044027 100%);
	display:flex;justify-content:center;align-items:center;}

	.consign .consign_title1{margin-top:4.0000vw;}

	.consign .consign_title span{font-size: 3.4000vw;font-weight: 700;color:#fff;}
	.consign .area1{gap:0 4.0000vw;}
	.consign .area1 .box{width: 100%;padding:4.0000vw 0 5.0000vw 3.4000vw;border:0.1000vw solid #cccccc ;border-radius:1.0000vw;position: relative;margin-bottom:3.0000vw;}
	.consign .area1 .box .tt1{color: #282828;font-size: 3.0000vw;font-weight: 700;}
	.consign .area1 .box .tt2{color: #333333;font-size: 3.0000vw;margin-top:2.0000vw;}


	.consign .area1 .box::after{position:absolute;bottom:-4.0000vw;left:0;color:#777777;font-size: 2.8000vw;}
	.consign .area1 .box:nth-child(2), .consign .area1 .box:nth-child(3){margin-bottom:8.0000vw;}
	.consign .area1 .box:nth-child(2)::after{content:'* 접수 메일 : luartgallery@luartgallery.co.kr';}
	.consign .area1 .box:nth-child(3)::after{content:'* 필요 시 추가 서류 부분 요청 드릴 수 있습니다.';}

	.consign .area2{border:0.1000vw solid #cccccc ;justify-content:center;padding:5.0000vw 0}
	.consign .area2 .box{text-align:center;}
	.consign .area2 .box .icon{width: 12.0000vw;margin:0 auto}
	.consign .area2 .box .icon img{width: 100%;}
	.consign .area2 .box:nth-child(2){margin:0 14.0000vw;}
	.consign .area2 .box .txt{font-size: 3.0000vw;font-weight: 700;color:#282828;}


	.consign .area3{gap:4.0000vw;justify-content:center;}
	.consign .area3 .box{width: 25%;border:0.1000vw solid #cccccc ;padding:5.0000vw 0 2.5000vw;text-align:center;border-radius:1.0000vw;}
	.consign .area3 .box .tt1{font-size: 3.4000vw;font-weight: 700;color: #282828;}
	.consign .area3 .box .tt2{ height: 8.0000vw;font-size: 3.0000vw;color: #333333;display: flex;align-items:flex-start; justify-content: center;margin-top:3.0000vw;}




	/*적용*/
	/* rental.php */
	.rental .area1{width: 100%;height: 28.0000vw;background:url(/images/service/rental_bg.png) no-repeat;align-items:center;justify-content: flex-start;padding:4.0000vw 0}
	.rental .area1 .box{display: flex;align-items:flex-start;color:#fff;margin-left:3.0000vw;}
	.rental .area1 .box:nth-child(2){margin-left:8.0000vw;}
	.rental .area1 .box .num{font-size:4.6000vw;font-weight: 800;line-height:1;}
	.rental .area1 .box .txt{font-size: 3.0000vw;font-weight: 700;text-align:center;margin-left:3.0000vw;line-height:3.6000vw;}


	.rental .area2_bg{border:0.1000vw solid #cccccc ;border-radius:1.0000vw;padding:4.0000vw 0;margin-top:4.0000vw}
	.rental .area2_bg .area2{justify-content: center;margin-bottom:0}
	.rental .area2_bg .area2 .box{width: 28%;text-align:center;position: relative;margin-bottom:8.0000vw;}
	.rental .area2_bg .area2 .box .tt1{font-size: 3.4000vw;font-weight: 700;color:#282828;margin-top:3.0000vw;}
	.rental .area2_bg .area2 .box .tt2{font-size: 3.0000vw;color: #383838;line-height:3.8000vw;margin-top:2.0000vw;}


	.rental .area2_bg .area2 .box::after{content:'';position:Absolute;top:4.0000vw;right:0.0000vw;
	width: 3.0000vw;height: 3.3000vw;background: url(/images/service/rental_arrow.png) no-repeat;}

	.rental .area2_bg .area2 .box:last-child::after{display:none}

	.rental .area2_bg .btn_down a{display:block;width: 36.0000vw;height: 7.0000vw;line-height:7.0000vw;margin:0 auto;background: #282828;
	font-size: 3.0000vw;color:#fff;text-align:center;}


	.rental .area3{gap:0 2.0000vw;}
	.rental .area3 .box{width: 23.2%;border:0.1000vw solid #cccccc ;padding:6.0000vw 0;text-align:center;border-radius:1.0000vw;}
	.rental .area3 .box .tt1{font-size: 3.4000vw;font-weight: 700;color: #282828;}
	.rental .area3 .box .tt2{ height: 5.0000vw;font-size: 3.0000vw;color: #333333;margin-top:1.6000vw;display: flex;align-items: flex-start; justify-content: center;}



  /* Export CSS */
	.export .area1{width: 100%;height: 28.0000vw;background:url(/images/service/rental_bg.png) no-repeat;align-items:center;justify-content: flex-start;padding:4.0000vw 0}
	.export .area1 .box{display: flex;align-items:flex-start;color:#fff;margin-left:3.0000vw;}
	.export .area1 .box:nth-child(2){margin-left:8.0000vw;}
	.export .area1 .box .num{font-size:4.6000vw;font-weight: 800;line-height:1;}
	.export .area1 .box .txt{font-size: 3.0000vw;font-weight: 700;text-align:center;margin-left:3.0000vw;line-height:3.6000vw;}


.export .consig-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top:4.0000vw;
}

.export .consign_title{width: 26.0000vw;height: 7.0000vw;border-radius:5.0000vw;
	background: linear-gradient(90deg, #28b66b 50% , #044027 100%);
	display:flex;justify-content:center;align-items:center;
}

.export  .consign_title span{font-size: 3.4000vw;font-weight: 700;color:#fff;}
.export .consign_download {
  width: 28.0000vw;height: 7.0000vw;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color:#000;
  font-size: 3.4000vw;
  font-weight: 700;
  color:#fff;
}


.export .area2 {gap:0 4.0000vw;}
.export .area2 .box{width: 100%;padding:4.0000vw 0 5.0000vw 3.4000vw;border:0.1000vw solid #cccccc ;border-radius:1.0000vw;position: relative;margin-bottom:3.0000vw;}
.export .area2 .box .tt1{color: #282828;font-size: 3.0000vw;font-weight: 700;}
.export .area2 .box .tt2{color: #333333;font-size: 3.0000vw;margin-top:2.0000vw;}


.export .area2 .box::after{position:absolute;bottom:-4.0000vw;left:0;color:#777777;font-size: 2.8000vw;}
.export .area2 .box:nth-child(2) {margin-bottom:8.0000vw;}
.export .area2 .box:nth-child(2)::after{content:'* 접수 메일 : luart_jungsunghyun@outlook.kr';}

.export .area3{gap:4.0000vw;justify-content:center;}
	.export .area3 .box{width: 25%;border:0.1000vw solid #cccccc ;padding:5.0000vw 0 2.5000vw;text-align:center;border-radius:1.0000vw;}
	.export .area3 .box .tt1{font-size: 3.4000vw;font-weight: 700;color: #282828;}
	.export .area3 .box .tt2{ height: 16vw;font-size: 3.0000vw;color: #333333;display: flex;align-items:flex-start; justify-content: center;margin-top:3.0000vw;}

}


/* ===================================================

	~729px

======================================================*/


@media screen and (max-width:729px){


	/* ==========================================
	   Common
	=============================================*/
	.none,.none2{display:none;}

	.sub{width: 100%;padding:16.4609vw 0 15.00vw}
	.sub_in{width: 94%;margin:0 auto; }
	.sub_title{font-size: 6.3100vw;font-weight: 600;margin-top:10.9739vw;margin-bottom:5.4870vw;}
	.sub_title:first-child{margin-top:0}

	.pt{font-size: 3.5vw;}
	.pt span{color: #777777;}

	.area{display:flex;flex-wrap:wrap;width: 100%;margin-top:5.4870vw;margin-bottom:9.6022vw;}
	.area:last-child{margin-bottom:0.0000vw;}



	/* ==========================================

	   gallery : introduction.php /  guide.php

	=============================================*/

	/* introduction.php */

	/* _적용_ */
	.intro .ptt{font-size: 3.5vw;line-height:4.3896vw;margin-bottom:9.6022vw;}

	.intro .area1{justify-content:space-between;}
	.intro .area1>div{width: 49%;}
	.intro .area1>div img{width: 100%;border:0.1372vw solid #cccccc;}

	.intro .area2{border:0.1372vw solid #cccccc;padding:8.2305vw 0;}
	.intro .area2>div{width: 50%;display:flex;justify-content:center;align-items: center;gap:0 3.4294vw}
	.intro .area2 .color{width: 16.4609vw;height: 16.4609vw;border-radius:50%;border:0.1372vw solid #a8a8a8}
	.intro .area2 .color1{background: #000;}
	.intro .area2 .color2{background: #fff;}

	.intro .area2 .tt .title{font-size: 4.6639vw;font-weight: 600;margin-bottom:0.6859vw;}
	.intro .area2 .tt .con{font-size: 3.5vw;font-weight: 500;margin-bottom:2.0576vw;}

	.intro .area3{justify-content:space-between;}
	.intro .area3 .box{width: 100%;border:0.1372vw solid #cccccc;border-top:0.1372vw solid #000;padding:0.6859vw 0 5.4870vw;text-align:Center;}
	.intro .area3 .box:nth-child(2){margin:2.7435vw 0;}
	.intro .area3 .box .icon{width: 15.0892vw; margin: 0 auto;}
	.intro .area3 .box .icon img{width: 100%;}
	.intro .area3 .box .title{font-size: 5.2126vw;font-weight: 700;}
	.intro .area3 .box .con{font-size: 3.5vw;color: #434343;margin-top:2.0576vw;line-height:4.3896vw;}
	.intro .area3 .box .con span{font-weight: 600;}

	.intro .area4 {flex-wrap:wrap;gap:2.0576vw;}
	.intro .area4 .box{position: relative;}
	.intro .area4 .box:nth-child(1),.intro .area4 .box:nth-child(2),.intro .area4 .box:nth-child(3){width: 31.6%;}
	.intro .area4 .box:nth-child(4),.intro .area4 .box:nth-child(5){width: 48.6%;}
	.intro .area4 .box img{width: 100%;}
	.intro .area4 .box p{font-size: 4.9383vw;font-weight: 700;;color:#fff;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	width: 100%;text-align:center;}





	/* guide.php */
	.guide .area1{gap:2.7435vw;}
	.guide .area1 .box{width: 48.4%;padding:4.8011vw 3.0vw 6.8587vw ;border-radius:1.3717vw;position: relative;}
	.guide .area1 .box:nth-child(2n+1){border:0.1372vw solid #cccccc;}
	.guide .area1 .box:nth-child(2n){background: #ebebeb;}
	.guide .area1 .box .title{font-size: 4.6639vw;font-weight: 700;}
	.guide .area1 .box .con{font-size:3.5vw;color: #333;margin-top:2.7435vw;line-height:3.8409vw;margin-bottom:2.7435vw;}
	.guide .area1 .box .icon{width:5.5vw;position: absolute;bottom:2.7435vw;right:2.7435vw;padding-top:2.7435vw;}
	.guide .area1 .box .icon img{width: 100%;}

	/* ==========================================
		guide.php , buy.php 맨 아래 담당자 부분
	=============================================*/


	.charge_area{padding:4.1152vw 2.7435vw;border:0.1372vw solid #ccc;margin-top:5.4870vw;/*display: flex;flex-direction:column;justify-content:space-between;align-items:Center;*/}
	.charge_area .txt{display: flex;align-items:Center;}
	.charge_area .txt .icon{width:4.9383vw;}
	.charge_area .txt .icon img{width: 100%;}
	.charge_area .txt .tt{margin-left:3.5665vw;color:#282828;font-size: 3.5vw;}

	.charge_area .txt:nth-child(2){margin:1.2vw 0;}
	.charge_area .right{width:29.9040vw;margin-top:5.4870vw;}
	.charge_area .right img{width: 100%;}




	/* =======================================================

	  service : buy.php /  consignment.php / rental.php

	==========================================================*/

	/* 적용 */ 
	.buy .area1{gap:0 4.1152vw;}
	.buy .area1 .box{width: 47.4%;border:0.1372vw solid #cccccc ;padding:5.4870vw 0;text-align:center;margin-bottom:4.1152vw;	}
	.buy .area1 .box .img{width: 13.7174vw;margin:0 auto}
	.buy .area1 .box .img img{width: 100%;} 
	.buy .area1 .box .txt{font-size: 4.1152vw;font-weight: 700;margin-top:4.1152vw;}

	.buy .area2{gap:0 4.1152vw}
	.buy .area2 .box{width: 47.4%;border:0.1372vw solid #cccccc ;padding:8.0vw 0;text-align:center;border-radius:1.3717vw;position: relative;}
	.buy .area2 .box .tt1{font-size: 4.6639vw;font-weight: 700;color: #282828;}
	.buy .area2 .box .tt2{ height: auto;font-size: 3.5vw;color: #333333;margin-top:2.1948vw;display: flex;align-items: flex-start; justify-content: center;}

	.buy .area2 .box:nth-child(1),.buy .area2 .box:nth-child(2){margin-bottom:10.9739vw;}
	.buy .area2 .box:nth-child(2)::after{content:'*출장 방문서비스 가능';position:absolute;bottom:-5.3vw;left:0;color:#777777;font-size: 3.2vw;}




	/* consignment.php */



	/* 적용 ---*/
	.consign .consign_title{width: 35.6653vw;height: 10.2881vw;border-radius:6.8587vw;
	background: linear-gradient(90deg, #28b66b 50% , #044027 100%);
	display:flex;justify-content:center;align-items:center;}

	.consign .consign_title1{margin-top:5.4870vw;}

	.consign .consign_title span{font-size: 4.6639vw;font-weight: 700;color:#fff;}
	.consign .area1{gap:0 5.4870vw;}
	.consign .area1 .box{width:100%;padding:5.4870vw 0 4.5vw 4.6639vw;border:0.1372vw solid #cccccc ;border-radius:1.3717vw;position: relative;}
	.consign .area1 .box .tt1{color: #282828;font-size: 4.1152vw;font-weight: 700;}
	.consign .area1 .box .tt2{color: #333333;font-size: 3.5vw;margin-top:2.7435vw;    line-height: 5.2126vw;}

	.consign .area1 .box:nth-child(2){margin:5.4870vw 0 10.9739vw;}
	.consign .area1 .box:nth-child(3){margin-bottom:10.9739vw;}

	.consign .area1 .box::after{position:absolute;bottom:-5.7613vw;left:0;color:#777777;font-size: 3.2vw;}
	.consign .area1 .box:nth-child(2)::after{content:'* 접수 메일 : luartgallery@luartgallery.co.kr';}
	.consign .area1 .box:nth-child(3)::after{content:'* 필요 시 추가 서류 부분 요청 드릴 수 있습니다.';}

	.consign .area2{border:0.1372vw solid #cccccc ;justify-content:space-evenly;padding:6.8587vw 0}
	.consign .area2 .box{text-align:center;}
	.consign .area2 .box .icon{width: 16.4609vw;margin:0 auto}
	.consign .area2 .box .icon img{width: 100%;}
	.consign .area2 .box:nth-child(2){}
	.consign .area2 .box .txt{font-size: 4.1152vw;font-weight: 700;color:#282828;}

	.consign .area3{gap:2.7435vw;}
	.consign .area3 .box{width:31.2%;border:0.1372vw solid #cccccc ;padding:6.1728vw 0;text-align:center;border-radius:1.3717vw;}
	.consign .area3 .box .tt1{font-size: 4.6639vw;font-weight: 700;color: #282828;}
	.consign .area3 .box .tt2{ height: 6.8587vw;font-size: 3.5vw;color: #333333;margin-top:2.1948vw;display: flex;align-items: center; justify-content: center;}


	/* rental.php */
	.rental .area1{width: 100%;height: 38.4088vw;background:url(/images/service/rental_bg.png) no-repeat;
	flex-direction:column;align-items:flex-start;justify-content: space-evenly;padding:2.7435vw 5.4870vw;}
	.rental .area1 .box{display: flex;align-items:Center;color:#fff;}
	.rental .area1 .box .num{font-size:6.3100vw;font-weight: 800;}
	.rental .area1 .box .txt{font-size: 4.1152vw;font-weight: 700;text-align:center;margin-left:4.1152vw;line-height:4.9383vw;}


	.rental .area2_bg{border:0.1372vw solid #cccccc ;border-radius:1.3717vw;padding:5.4870vw 0;margin-top:5.4870vw}
	.rental .area2_bg .area2{justify-content:flex-start;}
	.rental .area2_bg .area2 .box{width:45%;text-align:center;position: relative;margin-bottom:6.8587vw}
	.rental .area2_bg .area2 .box .img{width: 13.0316vw;margin:0 auto;}
	.rental .area2_bg .area2 .box .img img{width: 100%;}
	.rental .area2_bg .area2 .box .tt1{font-size: 4.6639vw;font-weight: 700;color:#282828;margin-top:2.0vw;}
	.rental .area2_bg .area2 .box .tt2{font-size: 3.5vw;color: #383838;line-height:3.8409vw;margin-top:2.7435vw;}


	.rental .area2_bg .area2 .box::after{content:'';position:Absolute;top:5.4870vw;right:1.000vw;
	width: 4.1152vw;height: 4.5267vw;background: url(/images/service/rental_arrow.png) no-repeat;    background-size: contain;}

	.rental .area2_bg .area2 .box:last-child::after{display:none}

	.rental .area2_bg .btn_down a{display:block;width: 32.9218vw;height: 8.2305vw;line-height:8.2305vw;margin:0 auto;background: #282828;
	font-size: 4.1152vw;color:#fff;text-align:center;}

	.rental .area3{gap:0 2.7435vw;}
	.rental .area3 .box{width: 22.6%;border:0.1372vw solid #cccccc ;padding:4.8011vw 0;text-align:center;border-radius:1.3717vw;}
	.rental .area3 .box .tt1{font-size: 4.6639vw;font-weight: 700;color: #282828;}
	.rental .area3 .box .tt2{ height: 6.8587vw;font-size: 3.5vw;color: #333333;margin-top:2.1948vw;display: flex;align-items: center; justify-content: center;}

  /* Export CSS */
  .export .area1{width: 100%;height: 38.4088vw;background:url(/images/service/rental_bg.png) no-repeat;
    flex-direction:column;align-items:flex-start;justify-content: space-evenly;padding:2.7435vw 5.4870vw;}
    .export .area1 .box{display: flex;align-items:Center;color:#fff;}
    .export .area1 .box .num{font-size:6.3100vw;font-weight: 800;}
    .export .area1 .box .txt{font-size: 4.1152vw;font-weight: 700;text-align:left;margin-left:4.1152vw;line-height:4.9383vw;}

  .export .consig-wrap {
    display: flex;
    justify-content: space-between;
    margin-top:5.4870vw;
  }

  .export .consign_title{width: 35.6653vw;height: 10.2881vw;border-radius:6.8587vw;
	background: linear-gradient(90deg, #28b66b 50% , #044027 100%);
	display:flex;justify-content:center;align-items:center;}

	/*.export .consign_title1{margin-top:5.4870vw;}*/

	.export .consign_title span{font-size: 4.6639vw;font-weight: 700;color:#fff;}

  .export .consign_download {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 36vw;
    height: 10.2881vw;
    font-size: 4vw;font-weight: 700;color:#fff;
    background-color: #000;
  }

	.export .area2 {gap:0 5.4870vw;}
	.export .area2 .box{width:100%;padding:5.4870vw 0 4.5vw 4.6639vw;border:0.1372vw solid #cccccc ;border-radius:1.3717vw;position: relative;}
	.export .area2 .box .tt1{color: #282828;font-size: 4.1152vw;font-weight: 700;}
	.export .area2 .box .tt2{color: #333333;font-size: 3.5vw;margin-top:2.7435vw;    line-height: 5.2126vw;}

	.export .area2 .box:nth-child(2){margin:5.4870vw 0 10.9739vw;}

	.export .area2 .box::after{position:absolute;bottom:-5.7613vw;left:0;color:#777777;font-size: 3.2vw;}
	.export .area2 .box:nth-child(2)::after{content:'* 접수 메일 : luartgallery@luartgallery.co.kr';}

  .export .area3{gap:2.7435vw;}
	.export .area3 .box{width:100%;border:0.1372vw solid #cccccc ;padding:6.1728vw 0;text-align:center;border-radius:1.3717vw;}
	.export .area3 .box .tt1{font-size: 4.6639vw;font-weight: 700;color: #282828;}
	.export .area3 .box .tt2{ /*height: 6.8587vw;*/ font-size: 3.5vw;color: #333333;margin-top:2.1948vw;display: flex;align-items: center; justify-content: center;}

}


/* Find Modal */
.find-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  z-index: 9999999;
  padding:15px;
  display: none;
}

.find-modal .modal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin:10px auto;
  width: auto;
  height: 100%;
  min-height: calc(100% - 20px);
  max-height: calc(100% - 20px);
}

.find-modal .modal-inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 720px;
  width: 100%;
  max-height: none;
  background: #eeeeee;
  padding:40px;

}

.find-modal .modal_head {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #000000;
  padding-bottom:20px;
}

.find-modal .modal_head p {
  /* text-align: center; */
  font-size:36px;
  font-weight:600;
  color: #000;
}

.find-modal .modal_body {
  padding-top:20px;
}

.find-modal .modal_body .find-txt {
  font-size: 20px;
  line-height:32px;
  color:#000;
}

.find-modal .modal_body .find-mail {
  margin:40px 0px;
}

.find-modal .modal_body .find-mail input {
  max-width:100%;
  width:100%;
  height:56px;
  background-color: #fff;
  border:1px solid #c9c9c9;
  border-radius:10px;
  padding:0px 20px;
  font-size:18px;
}

.find-modal .modal_body .find-btns {
  display: flex;
  justify-content: center;
  max-width:340px;
  width: 100%;
  margin: 0 auto;
}

.find-modal .modal_body .find-btns .button {
  flex:1 1;
  height:56px;
  font-size:20px;
  font-weight:600;
  border-radius:10px;
  margin:0px 10px;
  border:0px;
  cursor: pointer;
  transition:all .15s ease;
}

.find-modal .modal_body .find-btns .button--ok {
  color:#fff;
  background-color: #292929;
}

.find-modal .modal_body .find-btns .button--close {
  color:#fff;
  background-color: #9c9c9c;
}

.find-modal.open {
  display:block;
  visibility: visible;
}

@media screen and (min-width:1025px){
  .find-modal .modal_body .find-btns .button--ok:hover {
    background-color: #000;
  }

  .find-modal .modal_body .find-btns .button--close:hover {
    background-color: #636363;
  }
}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1000px){
  .find-modal .modal_head {
    padding-bottom: 12px;
  }

  .find-modal .modal_head p {
    font-size:26px;
  }

  .find-modal .modal_body {
    padding-top:12px;
  }

  .find-modal .modal_body .find-txt {
    font-size:16px;
    line-height:24px;
  }

  .find-modal .modal_body .find-mail {
    margin:28px 0px;
  }

  .find-modal .modal_body .find-mail input {
    height:46px;
    font-size:15px;
  }

  .find-modal .modal_body .find-btns {
    max-width:280px;
  }

  .find-modal .modal_body .find-btns .button {
    height:46px;
    font-size:16px;
    margin:0px 6px;
  }
}
@media screen and (max-width:768px){
  .find-modal .modal-inner {
    padding:28px;
  }

  .find-modal .modal_head {
    padding-bottom: 8px;
  }

  .find-modal .modal_head p {
    font-size:20px;
  }

  .find-modal .modal_body {
    padding-top:8px;
  }

  .find-modal .modal_body .find-txt {
    font-size:14px;
    line-height:20px;
  }

  .find-modal .modal_body .find-mail {
    margin:22px 0px;
  }

  .find-modal .modal_body .find-mail input {
    height:40px;
    font-size:13px;
  }

  .find-modal .modal_body .find-btns {
    max-width:240px;
  }

  .find-modal .modal_body .find-btns .button {
    height:40px;
    font-size:14px;
    margin:0px 4px;
  }
}
@media screen and (max-width:500px){
  .find-modal .modal-inner {
    padding:20px;
  }

  .find-modal .modal_body .find-txt br {
    display: none;
  }
}