/* 공통 */
.Paperlogy{
	font-family: 'Paperlogy';
}

.layout{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.title-box{
	text-align: center;
}

.title-box .deco{
	font-size: 24px;
	font-weight: var(--fw-600);
	padding: 10px 20px;
	border-radius: 5px;
	background: var(--white);
}

.title-box h2{
	font-size: 80px;
	font-weight: var(--fw-800);
	font-family: inherit;
	margin-top: 30px;
}

.title-box h2 span{
	font-size: 65px;
	font-weight: var(--fw-600);
}

.white{
	color: var(--white);
}

.orange{
	color: var(--orange);
}

.black{
	color:var(--black);
}

/***************** 타이머 *****************/
.time .layout{
position: relative;
background: url(/img/landing/time.png) no-repeat;
background-position: center top;
}

.time{
	background:url(/img/landing/sec04_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}

.time .time_bg img{
	position:absolute;
}

.time_01{
	top: 15%;
    left: 14%;
}

.time_02{
	bottom:34%;
	right:19%;
}


.time .time_atteck{
	display:flex;
	flex-direction:column;/* 
	background:url(/img/landing/time.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center; */
	align-items:center;
	padding:243px 0 110px 0;
}

.time .time_atteck figure{
	margin:0;
	padding:0;
}

.time_atteck h3{
	font-size:4.0625rem;
	text-align:center;
}

.time_atteck h3 strong{
	font-size:5rem;
	font-weight:800;
}

.time_clock h5{
	font-size:2.5rem;
	font-weight:700;
	margin:60px 0 30px 0;
	text-align:center;
}

.timer {
  font:inherit;
  font-size: 20px;
  color: var(--white);
  font-weight:700;
  letter-spacing: -1px;
}

.timer span {
  font-size:6.25rem;
  color: var(--black);
  margin:0 10px;
  padding:20px 12px;
  display:inline-flex;
  border-radius:10px;
  background:var(--white);
  font-weight:700;
}

.timer span:first-child {
  margin-left: 0;
}

.button span{
	font-size:2.5rem;
}

.button a{
	padding:20px 30px;
}

.time_text{
	font-size:1.875rem;
	font-weight:600;
	text-align:center;
	line-height:1.5;
}

.time_text strong{
	color:var(--orange);
}

.time .button{
	display: flex;
    justify-content: center;
	margin: 0 0 60px 0;
}

.time .button a{
	border-radius:40px;
}

.time .button a i{
	filter: invert(97%) sepia(39%) saturate(4%) hue-rotate(233deg) brightness(114%) contrast(100%);
}

.time_atteck{
	position:relative;
}

.atteck_bg_img{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.siren{
	position:absolute;
	top:-105px;
	left:50%;
	transform:translateX(-50%);
}

.clock {
  width: 650px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}


.time h4{
	font-size:2.5rem;
	font-weight:700;
	color:var(--white);
	text-align:center;
	margin-top:60px;
}

.counterWrap {
  width: 989px;
  margin: 30px auto;
}

.counter, .labelsq {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.counter ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.counter > ul:nth-child(1):after {
  content: "일";
  color: var(--white);
  font-family:inherit;
  font-size: 2.5rem;
  text-align: center;
  display: flex;
  align-items:center;
}

.counter > ul:nth-child(2):after {
  content: "시";
  color: var(--white);
  font-family:inherit;
  font-size: 2.5rem;
  text-align: center;
  display: flex;
  align-items:center;
}

.counter > ul:nth-child(3):after {
  content: "분";
  color: var(--white);
  font-family:inherit;
  font-size: 2.5rem;
  text-align: center;
  display: flex;
  align-items:center;
}

.counter > ul:nth-child(4):after {
  content: "초";
  color: var(--white);
  font-family:inherit;
  font-size: 2.5rem;
  text-align: center;
  display: flex;
  align-items:center;
}





.counter li {
  background: var(--white);
  margin: 0 5px;
  width: 90px;
  height: 140px;
  text-align: center;
  font-size: 6.25rem;
  line-height: 1.4;
  color: var(--black);
  border-radius:10px;
  font-weight:700;
}
.counter li:last-child {
      margin: 0 10px 0 5px;
}

.counter ul:first-child li:first-child{
	margin-left:0;
}

.labelsq ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* .labelsq li {
  flex: 0 0 141px;
  max-width: 141px;
  text-align: center;
  font-size: 20px;
  line-height: 25px;
  color: white;
} */



@media screen and (max-width:1300px){
	.siren{
		top:0;
		width:60%;
	}

	.siren img{
		width:100%;
	}

	.time .layout{
		background-size:70%;
	}

	.time .time_attack{
		padding: 160px 0 100px 0;
	}

	.time_01{
		width:20%;
		top:10%;
		left:10%;
	}

	.time_02 {
		bottom: 33%;
		right: 15%;
		width: 15%;
	}

	.time_atteck h3{
		font-size:3.4375rem;
	}

	.time_atteck h3 strong{
		font-size:4.0625rem;
	}

	.time_text{
		font-size: 1.5rem;
	}

	.counterWrap{
		width:900px;
		}

	.counter li{
		width:80px;
		height:130px;
		font-size:5rem;
		line-height:1.6
	}

	.time h4{
		font-size:2.1875rem;
	}

	.counter > ul:nth-child(1):after,
	.counter > ul:nth-child(2):after,
	.counter > ul:nth-child(3):after,
	.counter > ul:nth-child(4):after{
		font-size:2.1875rem;
	}

	.time .time_atteck{
		padding:214px 0 110px 0;
	}
}

@media screen and (max-width:1100px){
	 .time_atteck h3 {
        font-size: 2.8125rem;
    }

	.time_atteck h3 strong {
        font-size: 3.4375rem;
    }

	.time .time_atteck{
		padding: 155px 0 95px 0;
	}

	.time h4{
		font-size:1.875rem;
		margin-top:40px;
	}

	 .counterWrap {
        width: 700px;
    }

	.counter li{
		width:60px;
		height:90px;
		font-size:3.75rem;
		line-height:1.5;
	}

	 .counter > ul:nth-child(1):after, 
	 .counter > ul:nth-child(2):after, 
	 .counter > ul:nth-child(3):after, 
	 .counter > ul:nth-child(4):after {
        font-size: 1.875rem;
		transform: translateX(-3px);
    }

	 .time .layout {
        background-size: 66%;
    }
}

@media screen and (max-width:900px){
	.time_atteck h3 {
        font-size: 2.1875rem;
    }

	.time_atteck h3 strong {
        font-size: 2.8125rem;
    }

	 .time_text {
        font-size: 1.25rem;
    }

	.time .time_atteck{
		padding: 129px 0 110px 0;
	}

	.time .button{
		margin:0 0 40px 0;
	}

	.time h4 {
        font-size: 1.75rem;
        margin-top: 30px;
    }

	 .counterWrap {
        width: 500px;
    }

	 .counter li {
        width: 43px;
        height: 60px;
        font-size: 2.5rem;
        line-height: 1.5;
        border-radius: 5px;
        margin: 0 5px 0 0;
    }

	  .counter > ul:nth-child(1):after, 
	  .counter > ul:nth-child(2):after, 
	  .counter > ul:nth-child(3):after, 
	  .counter > ul:nth-child(4):after {
        font-size: 1.125rem;
        transform: translateX(-5px);
    }

	.button a {
		padding: 15px 20px;
	}

	.time .layout {
        background-size: 70%;
    }

	.counterWrap{
		margin:20px auto;
	}
}

@media screen and (max-width:767px){
	 .time .layout {
        background-size: 80%;
    }

	.time .time_atteck {
        padding: 129px 0 77px 0;
    }

}

@media screen and (max-width:640px){
	.time .time_atteck {
        padding: 89px 0 77px 0;
    }

	 .counterWrap {
        width: 450px;
    }

	.time_01{
		top:10%;
		left:4%;
	}

	 .time .button {
        margin: 0 0 30px 0;
    }
}

@media screen and (max-width:540px){
	.time_atteck h3 {
        font-size: 1.875rem;
    }

	 .time_atteck h3 strong {
        font-size: 2.1875rem;
    }

	.time .button a.link {
		padding: 15px 20px;
	}

	 .time_text {
        font-size: 1rem;
    }

	.time h4{
		font-size:1.5rem;
		margin-top:30px;
	}

	 .counterWrap {
        width: 400px;
    }

	.counter li{
		width:35px;
		height:50px;
		font-size:2rem;
		line-height:1.6;
	}

	.counter > ul:nth-child(1):after, 
	  .counter > ul:nth-child(2):after, 
	  .counter > ul:nth-child(3):after, 
	  .counter > ul:nth-child(4):after {
        font-size: 1rem;
    }

	 .time .time_atteck {
        padding: 89px 0 77px 0;
    }

	 .siren {
        top: 0;
        width: 78%;
    }

	 .time .layout {
        background-size: 90%;
    }

}

@media screen and (max-width:460px){
	.time .time_atteck{
		padding:68px 0 110px 0;
	}

	 .time_atteck h3 {
        font-size: 1.5rem;
    }

	.time_atteck h3 strong{
		font-size:1.875rem;
	}

	 .time_text {
        font-size: 0.875rem;
    }

	.time h4{
		font-size:1.125rem;
		margin-top:20px;
	}

	.counterWrap{
		width:350px;
	}

    .counter li {
        width: 28px;
        height: 40px;
        font-size: 1.75rem;
        line-height: 1.5;
        border-radius: 3px;
        margin: 0;
    }

	 .counter > ul:nth-child(1):after, 
	 .counter > ul:nth-child(2):after, 
	 .counter > ul:nth-child(3):after, 
	 .counter > ul:nth-child(4):after {
        font-size: 0.875rem;
        transform: translateX(-7px);
    }

	 .time .time_atteck {
        padding: 90px 0 72px 0;
    }

	.time .button a.link {
        padding: 10px 15px;
    }
}

@media screen and (max-width:400px){
	 .time .layout {
        background-size: 95%;
    }

	 .time .time_atteck {
        padding: 90px 0 35px 0;
    }

	 .counterWrap {
        width: 300px;
    }

	.counter li {
        width: 25px;
        height: 35px;
        font-size: 1.25rem;
        line-height: 1.7;
    }

	.counter > ul:nth-child(1):after, 
	 .counter > ul:nth-child(2):after, 
	 .counter > ul:nth-child(3):after, 
	 .counter > ul:nth-child(4):after {
        font-size: 0.75rem;
    }
}

@media screen and (max-width:360px){
	 .time_text {
        font-size: 0.75rem;
    }

	 .time_atteck h3 {
        font-size: 1.125rem;
    }

	 .time_atteck h3 strong {
        font-size: 1.25rem;
    }
}

@media screen and (max-width:320px){
	.time h4 {
        font-size: 1rem;
        margin-top: 15px;
    }

	.counterWrap {
        width: 260px;
        margin: 10px auto;
    }

	 .counter li {
        width: 21px;
        height: 31px;
        font-size: 1.125rem;
        line-height: 1.7;
    }

	.counter > ul:nth-child(1):after, 
	 .counter > ul:nth-child(2):after, 
	 .counter > ul:nth-child(3):after, 
	 .counter > ul:nth-child(4):after {
        font-size: 0.625rem;
    }

	 .time .time_atteck {
        padding: 86px 0 35px 0;
    }

	.siren {
        top: 0;
        width: 93%;
    }
}


/***************** 선택이유01 *****************/
.reason{
	overflow:hidden;
	position:relative;
	width:100%;
	box-sizing:border-box;
	background:var(--orange);
}

.reason .title-box h2 span{
	color:var(--black);
}

.reason .layout{
	max-width:1920px;
	width:100%;
}

.res-img{
	position:relative;
	height:583px;
	z-index:1;
}

.res-img img{
	position:absolute;
}

.img01{
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

.img02{
	top:16%;
	left:58%;
}

.img03{
	top:35%;
	left:75%;
}

.img04{
	top:57%;
	left:25%;
}

.img05{
	top:0%;
	left:29%;
}

.img06{
	top:69%;
	left:16%;
}

.img07{
	top:68%;
	left:64%;
}

.img08{
	top:2%;
	left:66%;
}

.img09{
	top:30%;
	left:14%;
}

.img10{
	top:51%;
	left:69%;
}

.slide-box{
	width:100%;
	overflow:hidden;
	position:absolute;
	top:43%;
}

.res_slider .swiper-wrapper{
	align-items: center;
	transition-timing-function: linear !important;
}

.res{
	width:400px;
	padding:20px 20px 120px;
	background:rgba(255,255,255,.2);
	border-radius:20px;
}

.res p{
	font-size:2.8125rem;
	font-weight:800;
	color:var(--orange);
	margin-top:20px;
}

.res figure{
	padding:0;
	margin:0;
	height:50px;
	display:flex;
	justify-content:center;
	width:50px;
	align-items:center;
}

.res figure img{
	width:100%;
}

@media screen and (max-width:1300px){
	.res-img{
		height:450px;
	}

	.img01{
		width:45%;
	}

	.img02 {
	    top: 4%;
	    left: 58%;
	    width: 9%;
	}

	.img03 {
	    width: 6%;
	}

	.img04{
		width:10%;
	}

	.img05{
		width:15%;
		left:20%;
	}

	.img06{
		top:69%;
		left:16%;
	}
	
	.img07 {
	    top: 71%;
	    left: 64%;
	    width: 25%;
	}

	.img08{
		width:25%;
	}

	.img09{
		width:25%;
		top:29%;
		left:4%;
	}

	.img10 {
		top: 53%;
		left: 72%;
		width: 25%;
	}
}

@media screen and (max-width:1200px){
	.res p{
		font-size:1.875rem;
	}

	.res{
		padding:20px 20px 80px;
	}

}

@media screen and (max-width:900px){
	.res{
		padding:15px 15px  50px;
	}

	.res figure{
		width:40px;
		height:40px;
	}

	 .res-img {
        height: 350px;
    }

}

@media screen and (max-width:767px){
	.res-img {
        height: 300px;
    }

	.res figure{
		width:25px;
		height:25px;
	}

	.res p{
		font-size:1.25rem;
		margin-top:10px;
	}
}

@media screen and (max-width:640px){
	 .res-img {
        height: 230px;
    }
}

@media screen and (max-width:540px){
	.res-img {
        height: 200px;
    }
}

@media screen and (max-width:460px){
	.res {
        padding: 10px 10px 30px;
		border-radius:10px;
    }

	 .res figure {
        width: 20px;
        height: 20px;
    }

	.res p{
		font-size:1rem;
		margin-top:5px;
	}

	.slide-box{
		top:53%;
	}

	 .res-img {
        height: 160px;
    }
}


@media screen and (max-width:400px){
	.res p{
		font-size:0.875rem;
	}	 
}

@media screen and (max-width:360px){
	.res-img {
        height: 115px;
    }

	 .slide-box {
        top: 65%;
    }
}


/***************** 선택이유02 *****************/

.res_cont_ul{
	display:flex;
	flex-flow:column;
	gap:200px;
}

.reason_02 .res_cont_ul li{
	display:flex;
	justify-content:space-between;
	align-items: center;
}

.reason_02 .res_cont_ul .left{
	width:57%;
}

.reason_02 .res_cont_ul .right {
	width:43%;
	border-radius:20px;
	height:500px;
	background-color:#fff9f3;
	overflow:hidden;
	position:relative;
}

.reason_02 .title-box{
	text-align:left;
}

.reason_02 .title-box p{
	font-size:1.875rem;
	margin-top:30px;
	line-height:1.5;
	word-break: keep-all;
}

.reason_02 .title-box p strong{
	font-weight:600;
	color:var(--orange);
}

.reason_02 .title-box .link {
    background: var(--orange);
    margin-top: 40px;
	font-size:1.5rem;
}

.reason_02 .title-box .link i img{
	filter:invert(97%) sepia(39%) saturate(4%) hue-rotate(233deg) brightness(114%) contrast(100%);
}

.link i {
    display: inline-block;
    margin-left: 30px;
}

.reason_02 .title-box .deco {
    background-color: var(--orange);
}

.res_right_01{
	background-image:url(/img/landing/sec06_01_bg.png);
	background-position:113% 38%;
	background-repeat:no-repeat;
}

.right img{
	position:absolute;
}

.res_right_01 img{
	left:1%;
	top:21%;
}

.contact_01{
	right:5%;
	bottom:0;
}

.contact_02{
	left:5%;
	bottom:0;
}

.contact_03{
	right: 3%;
    top: 4%;
}

.contact_04{
	top: 3%;
    left: 14%;
}

.contact_05{
    top: 60%;
    right: 1%;
}

.contact_06{
    bottom: 7%;
    right: 12%;
}

.switch{
	flex-direction: row-reverse;
}

.reason_02 .res_cont_ul .switch .left{
	width:43%;
}

.res_right_03 img{
	bottom: -15%;
	left:5%;
}



@media screen and (max-width:1400px){
	.reason_02 .title-box p{
		font-size:1.5rem;
	}

	.res_right_01{
		background-position:200% 38%;
	}

	
}

@media screen and (max-width:1300px){
	.res_cont_ul{
		gap:100px;
	}

	.reason_02 .res_cont_ul li{
		flex-direction:column;
	}

	.reason_02 .res_cont_ul .left{
		width:100%;
	}

	.reason_02 .title-box{
		text-align:center;
	}

	.reason_02 .res_cont_ul .right{
		width:80%;
		margin-top:60px;
	}

	.res_right_01 {
        background-position: 90% 38%;
    }

	.switch p strong br{
		display:none;
	}

	.reason_02 .res_cont_ul .switch .left{
		width:100%;
	}
	
	.contact_01{
		width:29%;
		right:17%;
	}

	.contact_02{
		width:38%;
		left:17%;
	}

	.contact_03{
		right:12%;
	}

	.contact_04{
		top:6%;
		left:24%;
		width:25%;
	}

	.contact_05{
		top:60%;
		right:6%;
	}

	.contact_06{
		bottom:12%;
		right:29%;
	}

	.res_right_03 img{
		left:9%;
	}

	

}



@media screen and (max-width:900px){
	
	.reason_02 .res_cont_ul .right{
		width:100%;
	}

	.reason_02 .title-box p{
		font-size:1.25rem;
	}
}

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

	.reason_02 .res_cont_ul .right{
		height:400px;
		background-position: 107% center;
	}

	.res_right_01 img{
		left:1.5%;
		width:98%;
	}

	.contact_04{
		left:17%;
	}

	 .contact_03 {
        right: 9%;
    }

	.contact_01{
		right:19%;
	}

	.contact_02{
		left:15%;
	}

	.contact_03 {
        right: 9%;
    }

	.contact_04{
		left:17%;
	}

	.contact_05{
		right:8%;
	}

	.contact_06{
		right:21%;
	}

	.res_right_03 img{
		left: 11%;
        width: 89%;
		bottom:0;
	}

	.reason_02 .res_cont_ul .right{
		margin-top:40px;
	}
}

@media screen and (max-width:640px){
	.reason_02 .res_cont_ul .right{
		height:350px;
	}

	.reason_02 .title-box p{
		font-size:1.125rem;
	}

	.contact_03{
		width:60%;
	}

	.reason_02 .res_cont_ul .right{
		background-position: 104% center;
        background-size: 75%;
	}

	.res_cont_ul {
        gap: 60px;
    }
}

@media screen and (max-width:540px){
	.reason_02 .res_cont_ul .right {
        height: 300px;
    }
	
	.res_right_01 img{
		top:23%;
	}

	.contact_04{
		width:30%;
	}
	
	.contact_06{
		width:45%;
	}

	.contact_02{
		left:9%;
		width:44%;
	}

	.contact_01{
		width:35%;
		right:13%;
	}

	.contact_03 {
        right: 4%;
    }

	 .contact_05 {
        right: 6%;
        width: 36%;
    }

	.res_right_01 img{
		top:25%;
		width:96%;
	}

	
}

@media screen and (max-width:460px){
	.res_right_01 img{
		top:31%;
	}

    .reason_02 .title-box p {
        font-size: 0.875rem;
    }

	.reason_02 .title-box .link{
		margin-top:30px;
	}

	.reason_02 .res_cont_ul .right {
        height: 250px;
		border-radius: 10px;
    }

	.res_right_01 img {
        top: 23%;
    }
}



@media screen and (max-width:360px){
	.reason_02 .res_cont_ul .right{
		height:210px;
	}
}

/***************** 서비스 *****************/

.service{
	background: linear-gradient(180deg, rgba(1, 1, 1, 1) 0%, rgba(1, 1, 1, 1) 83%, rgba(96, 33, 1, 1) 100%);
	position:relative;
	overflow: hidden;
}

.service .serv_bg{
	height:100%;
}

.bg00, .bg01, .bg02, .bg03, .bg04, .bg05, .bg06{
	position:absolute;
}

.bg00{
	top:46%;
	left:0;
}

.bg01{
	top:49%;
	right:0;
}

.bg02{
	top:8%;
	right:1%;
}

.bg03{
	top:22%;
	left:0;
}

.bg04{
	top:61%;
	left:4%;
}

.bg05{
	top:32%;
	right:15%;
}

.bg06{
	top:12%;
	left:20%;
}

.layout_serv{
	width:900px;
	background-image:url(/img/landing/sec07_receipt.png);
	background-position:95% top;
	background-repeat:no-repeat;
	background-size:96% auto;
	margin:0 auto;
	padding-bottom:300px;
	position:relative;
}

.layout_serv .title-box{
	padding-top:40px;
}

.layout_serv .title-box .deco{
	background-color:var(--orange);
}

.bg_or{
	margin-left:30px;
	background-image:url(/img/landing/sec07_title_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:var(--orange);
}

.receipt{
	border-top:2px solid var(--orange);
	width:80%;
	margin:35px auto 0 auto;
}

.receipt li{
	padding:15px 20px;
	display:flex;
	border-bottom:1px solid var(--gray03);
}

.receipt li .rec_img{
	width:4%;
	vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

.receipt li p{
	width:51%;
	font-size:1.875rem;
	font-weight:600;
	padding-left: 20px;
}

.receipt li span{
	width:45%;
	color:var(--gray);
	font-size:1.25rem;
	display: flex;
    align-items: center;
    justify-content: flex-end;
}

.layout_serv .receipt .all_ser{
	padding:30px 20px;
	border-top:1px dashed var(--black);
	border-bottom:0;
}

.layout_serv .receipt .all_ser p{
	display: block;
    width: 100%;
	font-size:3.125rem;
	font-weight:700;
	padding: 0;
    color: var(--orange);
}

.layout_serv .receipt .code{
	padding:0 20px;
	border:0;
}

.layout_serv .receipt .code img{
	width:100%;
}

.rec_zero, .cart{
	position:absolute;
}

.rec_zero{
	width:555px;
	display:flex;
	justify-content:center;
	align-items: center;
    position: absolute;
    top: 40%;
    left: 52%;
}

.cart{
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

@media screen and (max-width:1300px){
	.layout_serv{
		padding-bottom:210px;
	}

	.cart{
		width:90%;
	}

	.cart img{
		width:100%;
	}

	.rec_zero{
		width:450px;
		top:43%;
		left:53%;
	}

	.rec_zero img{
		width:100%;
	}

	.bg02 {
		top: 14%;
		right: 0%;
	}

	.bg00{
		width:100%;
	}

	.bg04{
		width:20%;
		left:3%;
	}


}

@media screen and (max-width:1100px){
	.layout_serv{
		width:800px;
	}

	.receipt{
		width:78%;
	}

	.receipt li{
		padding:10px 15px;
	}

	.receipt li p{
		font-size:1.5rem;
	}

	.receipt li span{
		font-size:1rem;
	}

	.rec_zero{
		width:400px;
	}

	.layout_serv .receipt .all_ser p{
		font-size:2.5rem;
	}

	.layout_serv .receipt .all_ser{
		padding:30px 10px;
	}

	.layout_serv .receipt .code{
		padding:0 10px;
	}
}

@media screen and (max-width:900px){
	.layout_serv {
        width: 70%;
    }

	.receipt li p{
		width:96%;
	}

	.receipt li span{
		display:none;
	}

	.receipt{
		margin:20px auto 0 auto;
	}

	.layout_serv .receipt .all_ser{
		padding:20px 10px;
	}

	.receipt li p {
        font-size: 1.25rem;
    }

	 .layout_serv {
        padding-bottom: 58px;
    }

	.bg01{
		width:20%;
	}

	.bg03{
		width:30%;
	}

	.bg02{
		width:20%;
	}

	.rec_zero{
		top:44%;
		left:50%;
	}

	.bg_or{
		margin-left:0;
	}
}

@media screen and (max-width:767px){
	.rec_zero{
		width:380px;
		top:45%;
		left:47%;
	}

	.layout_serv {
        width: 90%;
		background-image: url(/img/landing/sec07_receipt_m.png);
    }

	.cart {
        width: 94%;
    }
}

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

	.layout_serv{
		padding-bottom:78px;
	}

	 .rec_zero {
        width: 320px;
        top: 49%;
        left: 49%;
    }

	 .layout_serv {
        width: 94%;
    }

	.service .serv_bg{
		display:none;
	}

	.cart{
		bottom:-14px;
		width:96%;
	}

	.layout_serv .receipt .all_ser p {
        font-size: 2.1875rem;
    }
}

@media screen and (max-width:540px){
	.receipt li .rec_img{
		width: 6%;
	}
	
	.receipt li .rec_img img{
		width:100%;
	}

	.receipt li {
        padding: 7px 5px;
    }

	.layout_serv {
        width: 95%;
    }

	 .layout_serv .receipt .all_ser p {
        font-size: 1.875rem;
    }

	.rec_zero {
        width: 250px;
        top: 54%;
        left: 50%;
    }

	
}

@media screen and (max-width:460px){
	.receipt li p {
        font-size: 1rem;
        padding-left: 10px;
    }

	.layout_serv .title-box {
		padding-top: 20px;
	}

	 .layout_serv .receipt .all_ser p {
        font-size: 1.125rem;
    }

	.rec_zero{
		width:200px;
		top:55%;
	}

	 .layout_serv {
        padding-bottom: 29px;
    }

	 .reason_02 .title-box p {
        font-size: 1rem;
    }

	 .layout_serv .receipt .all_ser {
        padding: 10px 10px;
    }

	 .receipt {
        margin: 15px auto 0 auto;
    }
}

@media screen and (max-width:400px){
	 .rec_zero {
        width: 185px;
        top: 59%;
		left:52%;
    }

	.layout_serv .receipt .code{
		display:none;
	}
}

@media screen and (max-width:360px){
	.receipt li p {
        font-size: 0.875rem;
    }
}

/***************** 문의하기 *****************/
.contact{
	background: var(--orange);
}

.contact .form-box{
	width: 100%;
	padding: 30px 30px 30px 465px;
	border-radius: 30px;
	background-color: var(--white);
	background-image: url('../img/landing/contact.png');
	background-position: -5% 135%;
	background-repeat: no-repeat;


}

/* 인풋기본스타일  */
.contact input:focus,
.contact select:focus{
	outline: none !important;
	box-shadow: none !important;	
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.contact input[type=text]:focus,
.contact select:focus{
    border: 1px solid #767676 !important;
}

.contact input[type="number"] {
    -moz-appearance: textfield !important;
}

.contact input::-webkit-outer-spin-button,
.contact input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin : 0 !important;
}
/* //인풋기본스타일 */

.contact .form-box input,
.contact .form-box select{
	width: 100%;
	border: 1px solid #767676;
    border-radius: 10px;
	background: #f1f1f1;
	padding: 18px 22px !important;
	margin-top: 20px !important;
}

.contact .form-box input::placeholder,
.contact .form-box select,
.contact .form-box input[type=text],
.contact .form-box input[type="number"]{
	font-size: 20px !important;
	font-family: Paperlogy !important;
	color: var(--gray) !important;
}

.contact .form-box label{
	font-size: 28px !important;
	font-weight: var(--fw-600);
	color: var(--orange);
	background-image: none !important;
}

.contact .form-box .input-flex{
	display: flex;
	gap: 30px;
	margin-top: 30px;
}

.contact .form-box .input-flex .input-box{
	width: 50%;
}

.contact .form-box .input-agree{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 40px;
	position: relative;
}

.contact .form-box .input-agree input{
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-top: 0 !important;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.contact .form-box .input-agree input:checked+i {
    background-position: center bottom;
}

.contact .form-box .input-agree i{
	display: block;
    width: 30px;
    height: 30px;
    background: url(/img/landing/agree.png) no-repeat;
    background-position: center top;
    background-size: cover;
}

.contact .form-box .input-agree label{
	font-weight: var(--fw-400);
	color: var(--gray02);
	cursor: pointer;
}

.contact .form-box .input-agree label span{
	color: var(--orange);
}

.contact .form-box .input-agree .policy{
	font-size: 20px;
	color: var(--orange);
	padding: 6px 18px;
	border: 1px solid var(--orange);
	border-radius: 20px;
}



.contact .form-box .contact-btn{
	width: 100%;
	font-size: 60px;
	font-weight: var(--fw-700);
	font-family: inherit;
	color: var(--white);
	border-radius: 50px;
	background: var(--orange);
	padding: 23px;
	margin-top: 60px;
}

/*선영 추가*/

.contact select.select_in{
	padding:15.5px 22px !important;
	background-image:url(/img/landing/cont_arr.png);
	background-repeat: no-repeat;
    background-position: 96% center;
}


@media screen and (max-width:1100px){
	.contact .form-box{
		padding:30px !important;
		background-image:none !important;
	}
}

@media screen and (max-width:900px){
	.contact .form-box label{
		font-size:24px !important;
	}

	.contact .form-box .contact-btn{
		font-size:2.8125rem;
	}
}

@media screen and (max-width:767px){
	 .contact .form-box label {
        font-size: 1.25rem !important;
    }

	.contact .form-box input, .contact .form-box select{
		padding:15px !important;
		margin-top:15px !important;
	}

	.contact .form-box input::placeholder, 
	.contact .form-box select, .contact .form-box input[type=text], 
	.contact .form-box input[type="number"]{
		font-size:1.125rem !important;
	}

	.contact .form-box .input-agree .policy{
		font-size:1rem;
	}

	.contact .form-box .contact-btn{
		font-size:2.5rem;
		padding: 18px;
	}
	
}

@media screen and (max-width:640px){
	.contact .form-box .input-flex{
		flex-direction:column;
		gap:15px;
		margin-top:15px;
	}

	.contact .form-box .input-flex .input-box{
		width:100%;
	}

	.contact .form-box .contact-btn{
		margin-top:40px;
	}
}

@media screen and (max-width:540px){
	.contact .form-box label {
        font-size: 1.125rem !important;
    }

	.contact .form-box .input-agree input{
		width:20px;
		height:20px;
	}

	.contact .form-box .input-agree i{
		width:20px;
		height:20px;
	}

	.contact .form-box .input-agree .policy{
		font-size:0.875rem;
		padding:4px 10px;
	}

	.contact .form-box .input-agree{
		margin-top:30px;
	}

	 .contact .form-box input::placeholder, 
	 .contact .form-box select, 
	 .contact .form-box input[type=text], 
	 .contact .form-box input[type="number"] {
        font-size: 1rem !important;
    }

	 .contact .form-box input, .contact .form-box select {
        padding: 15px !important;
        margin-top: 10px !important;
    }

	.contact .form-box .contact-btn{
		margin-top:30px;
		font-size:1.875rem;
	}
}

@media screen and (max-width:460px){
	 .contact .form-box label {
        font-size: 1rem !important;
    }

	 .contact .form-box .contact-btn {
        margin-top: 30px;
        font-size: 1.5rem;
    }

	.contact .form-box{
		border-radius:20px;
		padding: 20px !important;
	}

	.contact .form-box .input-agree{
		flex-flow:wrap;
	}
}

@media screen and (max-width:400px){
	 .contact .form-box input::placeholder, 
	 .contact .form-box select, 
	 .contact .form-box input[type=text], 
	 .contact .form-box input[type="number"] {
        font-size: 0.875rem !important;
    }
	
}