@charset 'utf-8';

/* 서브 공통 css */
.smallTxt{ display: inline-block; width: 100%; text-align: left; font-size: 1.5rem; line-height: 1.3; margin-top: 10px; }


/* preparing - 해당 페이지는 준비중입니다 */
#preparing{ padding-top: 100px; margin-bottom: 200px; }
#preparing .content{ width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #f7f7f7; padding: 110px 0; }
#preparing .content img{ max-width: 409px; margin-bottom: 20px; }
#preparing .content h1{ font-size: 5rem; font-weight: 700; color: #222; line-height: 1.7894; }
#preparing .content h3 {margin-bottom:2rem;font-size:clamp(2rem,1.875vw,3rem); font-weight: 700; color: #222; line-height: 1.5;letter-spacing:-1px; text-align:center;}
#preparing .content p{ font-size: 1.9rem; font-weight: 400; color: #666; line-height: 1.6842; }

@media screen (max-width: 1200px){
	/* preparing - 해당 페이지는 준비중입니다 */
	#preparing{ margin-bottom: 0px; }
}

@media screen and (max-width: 700px){
	/* preparing - 해당 페이지는 준비중입니다 */
	#preparing{ padding: 80px 0; }
	#preparing .content img{ width: 80%; }
	#preparing .content h1{ font-size: 3.5rem; text-align: center; }
	#preparing .content p{ font-size: 1.6rem; }
}


/* service - 서비스 소개 */
#service{ margin-bottom: 180px; }
#service .subText{ margin-bottom: 0; }
#service .subVisual .smallTxt{ margin: 10px 0 45px; }
#service .imgBox{ margin-bottom: 120px; }
#service .imgBox img{ width: 100%; }

#service .variety .tabMenu{ margin-bottom: 60px; }
#service .variety .tabMenu p{ display: none; }
#service .variety .tabMenu ul{ display: flex; } 
#service .variety .tabMenu ul.moblie{ display: none; }
#service .variety .tabMenu ul li{ font-size: 3.4rem; font-weight: 700; color: #dfdfdf; padding: 15px 0; cursor: pointer;}
#service .variety .tabMenu ul li:not(:last-of-type){ margin-right: 60px; }
#service .variety .tabMenu ul li.on{ color: #222; border-bottom: 3px solid #222; }

#service .variety .tabContent .content{ width: 100%;}
#service .variety .tabContent .content:not(:first-of-type){ display: none; }

#service .variety .tabContent .imageBox{ width: 50%; }
#service .variety .tabContent .flex_box{ display: flex; align-items: center; }
#service .variety .tabContent .image figure{ max-width: 750px; margin: 0; position: relative; padding: 33% 0; overflow: hidden; overflow: hidden; }
#service .variety .tabContent .image img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#service .variety .tabContent .slideBox{ display: flex; justify-content: space-between; align-items: center; margin: 25px 0 0; } 
#service .variety .tabContent .slideBox .bar_back{ width: calc(100% - 80px); height: 1px;  background-color: #ddd; }
#service .variety .tabContent .slideBox .progress-bar{ width: 0%; height:100%; background-color: #c6004d; }
#service .variety .tabContent .slideBox .slidePage span{ display: inline-block; font-size: 1.6rem; font-weight: 300; color: #ccc; }
#service .variety .tabContent .slideBox .slidePage span:nth-of-type(2){ margin: 0 10px; }
#service .variety .tabContent .slideBox .slidePage span.index{ font-weight: 700; color: #222; }

#service .variety .tabContent .iframeBox{ position: relative; width: 50%; height: 0; padding-bottom: 28.1%; }
#service .variety .tabContent .iframeBox .iframe{ position: absolute; width: 100%; height: 100%; }

#service .variety .tabContent .textBox{ width: 50%; padding-left: 75px; }
#service .variety .tabContent h2{ font-size: 5rem; font-weight: 700; color: #222; }
#service .variety .tabContent .textBox > p{ font-size: 1.9rem; font-weight: 400; color: #666; line-height: 1.6842; margin: 40px 0 30px; }
#service .variety .tabContent .textBox ul li:not(.price){ position: relative; margin-bottom: 20px; }
#service .variety .tabContent .textBox ul li:not(.price) p{ display: flex; }
#service .variety .tabContent .textBox ul li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#service .variety .tabContent .textBox ul li p{ font-size: 1.7rem; font-weight: 500; color: #222; }
#service .variety .tabContent .textBox ul li p span{ display: inline-block; padding: 0 5px; }
#service .variety .tabContent .textBox ul li .xi-library-books{ position: relative; top: -1px; }
#service .variety .tabContent .textBox ul li.price{ margin-top: 28px; }
#service .variety .tabContent .textBox ul li.price dl dt{ font-size: 1.6rem; font-weight: 500; color: #222; margin-bottom: 5px; }
#service .variety .tabContent .textBox ul li.price dl dd{ font-size: 3.2rem; font-weight: 700; color: #c6004d;  }
#service .variety .tabContent .textBox ul li.price dl dd span{ display: inline-block; font-size: 1.5rem; font-weight: 300; color: #666; margin-right: 8px; }

#service .variety .tabContent .process{ margin-top: 140px; text-align: center; }
#service .variety .tabContent .process h2{ text-align: left; }
#service .variety .tabContent .process ul{ display: flex; margin: 40px 0 0; }
#service .variety .tabContent .process ul li{ display: flex; flex-direction: column; align-items: center; }
#service .variety .tabContent .process ul li:not(:last-of-type){ margin-right: 35px; }
#service .variety .tabContent .process ul li figure{ display: flex; justify-content: center; align-items: center; width: 220px; height: 220px; background-color: #f5f5f5; border-radius: 50%; margin: 0; position: relative; }
#service .variety .tabContent .process ul li figure::after{ content: ""; width: 17px; height: 15px; background: url("/img/sub/introduce_arrow.png") no-repeat center center / auto; position: absolute; top: 50%; right: -25px; transform: translateY(-50%); }
#service .variety .tabContent .process ul li:last-of-type figure::after{ display: none; }
#service .variety .tabContent .process ul li span{ display: inline-block; font-size: 2.2rem; font-weight: 600; color: #222; line-height: 1.5454; text-align: center; margin-top: 35px; }

#service .variety .tabContent .guide{ display: flex; flex-direction: column; align-items: center; margin: 65px 0 145px; }
#service .variety .tabContent .guide p{ display: inline-block; font-size: 1.9rem; font-weight: 400; color: #666; line-height: 1.4;  position: relative; padding-left: 40px; margin-bottom: 10px; }
#service .variety .tabContent .guide p::before{ content: ""; width: 28px; height: 28px; background: url("/img/sub/kakao_talk_icon.png") no-repeat center center / auto; position: absolute; top: -1px; left: 0; }
#service .variety .tabContent .guide span{ font-size: 1.7rem; font-weight: 400; color: #c6004d; line-height: 1.2; }

#service .variety .tabContent .care h2{ margin-bottom: 40px; }
#service .variety .tabContent .care > p{ font-size: 1.9rem; font-weight: 400; color: #666; line-height: 1.6842; }
#service .variety .tabContent .care ul{ display: flex; flex-wrap: wrap; margin: 40px 0 20px; }
#service .variety .tabContent .care ul li{ width: calc((100% - 60px) / 4); margin-right: 20px; margin-bottom: 20px; }
#service .variety .tabContent .care ul li:nth-of-type(4n){ margin-right: 0; }
#service .variety .tabContent .care ul li figure{ display: inline-block; margin: 0; }
#service .variety .tabContent .care ul li div{ display: flex; margin-top: 1px; }
#service .variety .tabContent .care ul li span{ display: inline-block; width: 70px; height: 70px; background-color: #c6004d; text-align: center; line-height: 70px; font-size: 2.2rem; font-weight: 600; color: #fff; }
#service .variety .tabContent .care ul li p{ width: calc(100% - 70px); display: inline-block; height: 70px; background-color: #333; font-size: 2.2rem; font-weight: 500; color: #fff; line-height: 70px; padding: 0 30px; }

#service .variety .tabContent .btnBox{ display: flex; justify-content: space-between; align-items: center; margin-top: 90px; }
#service .variety .tabContent .btnBox a{ display: inline-block; padding: 25px 60px; background-color: #222; font-size: 2rem; font-weight: 500; color: #fff; border-radius: 60px; }
#service .variety .tabContent .btnBox a:not(:last-of-type){ margin-right: 30px; }
#service .variety .tabContent .btnBox a.first{ background-color: #c6004d; }
#service .variety .tabContent .cleaning{ display: flex; align-items: center; padding-bottom: 15px; border-bottom: 4px solid #c7034f; }
#service .variety .tabContent .cleaning ul{ display: inline-block; margin-left: 20px; margin-right: 60px; }
#service .variety .tabContent .cleaning ul li{ font-size: 1.6rem; font-weight: 300; color: #333; letter-spacing: 0; }
#service .variety .tabContent .cleaning ul li.point{ font-size: 2.2rem; font-weight: 700; color: #c7034f; letter-spacing: -0.045em; margin-bottom: 9px; }
#service .variety .tabContent .cleaning p{ font-size: 3.4rem; font-weight: 700; color: #333; line-height: 0.9411; margin-top: -14px; }
#service .variety .tabContent .cleaning p span{ font-size: 1.6rem; }

@media screen and (max-width: 1500px){
	/* service - 서비스 소개 */
	#service .variety .tabContent .process ul{ justify-content: center; }
	#service .variety .tabContent .process ul li figure{ width: 160px; height: 160px; }
}

@media screen and (max-width: 1350px){
	/* service - 서비스 소개 */
	#service .variety .tabContent .flex_box{ align-items: center; }
	#service .variety .tabContent .textBox{ padding: 0 40px; }
	#service .variety .tabContent .textBox > p{ margin: 35px 0; }
	#service .variety .tabContent .textBox > p br{ display: none; }

	#service .variety .tabContent .care ul li span{ width: 60px; height: 60px; line-height: 60px; font-size: 1.8rem; }
	#service .variety .tabContent .care ul li p{ width: calc(100% - 60px); height: 60px; font-size: 1.8rem; line-height: 60px; padding: 0 20px;  }
}

@media screen and (max-width: 1250px){
	/* service - 서비스 소개 */
	#service{ margin-bottom: 30px; }
	
	#service .variety .tabContent .flex_box{ flex-direction: column; margin-bottom: 10px; }
	#service .variety .tabContent .imageBox{ width: 100%; max-width: 750px; }
	#service .variety .tabContent .iframeBox{ width: 100%; padding-bottom: 56.25%; margin-bottom: 30px; }
	#service .variety .tabContent .textBox{ width: 100%; padding: 0; }

	#service .variety .tabContent .btnBox{ flex-direction: column-reverse; }
	#service .variety .tabContent .cleaning{ margin-top: 100px; }
	#service .variety .tabContent .cleaning ul li.point{ font-size: 2rem; }
	#service .variety .tabContent .cleaning p{ font-size: 3rem; }
}

@media screen and (max-width: 1200px){
	/* service - 서비스 소개 */
	/* #service{ margin-bottom: 100px; } */
	#service .variety .tabMenu{ margin-bottom: 30px; } 
	#service .variety .tabMenu ul li{ font-size: 2.5rem; padding: 10px 0; }
	#service .variety .tabContent h2{ font-size: 4rem; }

	#service .variety .tabContent .textBox > p{ font-size: 1.6rem; }
	#service .variety .tabContent .textBox ul li p{ font-size: 1.6rem; }
	#service .variety .tabContent .textBox ul li.price dl dd{ font-size: 2.8rem; }
	#service .variety .tabContent .btnBox{ margin-top: 40px; }
	#service .variety .tabContent .btnBox a{ font-size: 1.8rem; padding: 20px 35px; }

	#service .variety .tabContent .process{ margin-top: 80px; }
	#service .variety .tabContent .process ul{ flex-wrap: wrap; }
	#service .variety .tabContent .process ul li{ margin-bottom: 30px; }
	#service .variety .tabContent .process ul li:not(:last-of-type){ margin-right: 125px; }
	#service .variety .tabContent .process ul li:nth-of-type(3n){ margin-right: 0; }
	#service .variety .tabContent .process ul li figure{ width: 190px; height: 190px; }
	#service .variety .tabContent .process ul li figure::after{ right: -70px; }
	#service .variety .tabContent .process ul li:nth-of-type(3n) figure::after{ display: none; }
	#service .variety .tabContent .process ul li span{ margin-top: 15px; }

	#service .variety .tabContent .guide{ margin: 35px 0 130px; text-align: center; }
	#service .variety .tabContent .guide p{ padding-left: 0; padding-top: 40px; }
	#service .variety .tabContent .guide p::before{ left: 50%; transform: translateX(-50%); }
	
	#service .variety .tabContent .care ul li figure{ width: 100%; }
	#service .variety .tabContent .care ul li figure img{ width: 100%; }
	#service .variety .tabContent .care ul li{ width: calc((100% - 40px) / 3); }
	#service .variety .tabContent .care ul li:nth-of-type(4n){ margin-right: 20px; }
	#service .variety .tabContent .care ul li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 900px){
	/* service - 서비스 소개 */
	#service .variety .tabContent .process ul li:not(:last-of-type){ margin-right: 70px; }
	#service .variety .tabContent .process ul li:nth-of-type(3n){ margin-right: 0; }
	#service .variety .tabContent .process ul li figure::after{ right: -45px; }
	#service .imgBox{ margin-bottom: 50px; }
}

@media screen and (max-width: 800px){
	/* service - 서비스 소개 */
	#service .variety .tabContent .process ul li:not(:last-of-type){ margin-right: 35px; }
	#service .variety .tabContent .process ul li:nth-of-type(3n){ margin-right: 0; }
	#service .variety .tabContent .process ul li figure::after{ right: -27px; }

	#service .variety .tabContent .care ul li{ width: calc((100% - 20px) / 2); }
	#service .variety .tabContent .care ul li:nth-of-type(3n){ margin-right: 20px; }
	#service .variety .tabContent .care ul li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 700px){
	/* service - 서비스 소개 */
	#service .variety .tabContent h2{ font-size: 3.5rem; }
	#service .variety .tabMenu p{ display: block; position: relative; font-size: 2.5rem; font-weight: 700; color: #222; padding: 15px; border-bottom: 3px solid #222; }
	#service .variety .tabMenu p::after{ content:"\e935"; font-family: "xeicon"; font-weight: normal; font-style: normal; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
	#service .variety .tabMenu ul{ width: 100%; display: none; position: absolute; z-index: 5; background-color: #fff; left: 50%; transform: translateX(-50%); padding: 0 15px; }
	#service .variety .tabMenu ul.pc{ display: none; }
	#service .variety .tabMenu ul.moblie li{ padding: 20px 15px; }
	#service .variety .tabMenu ul.moblie li:not(:last-of-type){ margin-right: 0; }
	#service .variety .tabMenu ul.moblie li.on{ color: #dfdfdf; border-bottom: none; }

	#service .subVisual .subText br{ display: none; }
	#service .variety .tabContent .textBox > p{ margin: 15px 0 30px; }
	
	#service .variety .tabContent .process ul li{ width: 50%; }
	#service .variety .tabContent .process ul li:not(:last-of-type){ margin-right: 0; }
	#service .variety .tabContent .process ul li:nth-of-type(3n) figure::after{ display: block; }
	#service .variety .tabContent .process ul li:nth-of-type(2n) figure::after{ display: none; }
	#service .variety .tabContent .process ul li figure::after{ right: -35%; }
	#service .variety .tabContent .process ul li span{ font-size: 1.8rem; }
	#service .variety .tabContent .guide p{ font-size: 1.6rem; }
	#service .variety .tabContent .guide span{ font-size: 1.6rem; }
	#service .variety .tabContent .care h2{ margin-bottom: 20px; }
	#service .variety .tabContent .care > p{ font-size: 1.7rem; }
}

@media screen and (max-width: 650px){
	/* service - 서비스 소개 */
	#service .variety .tabContent .process ul li figure::after{ right: -30%; }
}

@media screen and (max-width: 600px){
	/* service - 서비스 소개 */
	#service .variety .tabContent .process ul li figure::after{ right: -25%; }
	#service .variety .tabContent .care ul{ justify-content: center; }
	#service .variety .tabContent .care ul li{ max-width: 423px; width: 100%; margin-right: 0; }
	#service .variety .tabContent .care ul li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 550px){
	/* service - 서비스 소개 */
	#service .variety .tabContent .process ul li figure::after{ right: -15%; }
	#service .variety .tabContent .cleaning ul{ margin-right: 20px; }
	#service .variety .tabContent .cleaning p{ font-size: 2.7rem; line-height: 1.1; margin-top: -10px; }
}

@media screen and (max-width: 500px){
	/* service - 서비스 소개 */
	#service .variety .tabContent .process ul li figure::after{ right: -25px; }

	#service .variety .tabContent .btnBox a{ padding: 20px 25px; }
	#service .variety .tabContent .btnBox a:not(:last-of-type){ margin-right: 15px; }

	.progress ul li::after{ width: 120%; right: -120%; }
	.progress ul li:not(:last-of-type){ margin-right: 40px; }
	.progress ul li:nth-of-type(2){ margin-right: 0; }
}

/* service - 서비스 소개( 준비 중 ) */
#service .variety .tabContent .ready{ border-bottom: 110px solid transparent; }
#service .variety .tabContent .readyBox{ display: flex; flex-direction: column; align-items: center; background-color: #f7f7f7; padding: 95px 0 140px;}
#service .variety .tabContent .readyBox img{ max-width: 286px; }
#service .variety .tabContent .readyBox h2{ font-size: 5rem; font-weight: 700; color: #222; margin: 45px 0 30px; }
#service .variety .tabContent .readyBox p{ font-size: 1.9rem; font-weight: 400; color: #666; }

@media screen and (max-width: 1200px){
	/* service - 서비스 소개( 준비 중 ) */
	#service .variety .tabContent .ready{ border-bottom: none; }
	#service .variety .tabContent .readyBox{ padding: 100px 10px; }
	#service .variety .tabContent .readyBox h2{ font-size: 4rem; margin: 20px 0; text-align: center; line-height: 1.3; }
	#service .variety .tabContent .readyBox p{ font-size: 1.6rem; text-align: center; }
}

/* service - 접수 완료 팝업 */
.popup-back{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; background: rgba(0, 0, 0, 0.25); display: none; }
.popup-back .clear{ width: 700px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; text-align: center; padding: 60px 0; }
.popup-back .clear button{ border: none; width: 200px; height: 55px; font-size: 2rem; font-weight: 500; color: #fff; background-color: #c6004d; border-radius: 60px; margin-bottom: 10px; -webkit-appearance: none; -webkit-border-radius: 60px; margin-top: 30px; }
.popup-back .clear h3{ font-size: 3.6rem; font-weight: 700; color: #333; line-height: 1.3; margin: 20px 0; }
.popup-back .clear h3 span{ color: #c6004d; }
.popup-back .clear p{ font-size: 1.8rem; font-weight: 300; color: #555; line-height: 1.3; }
.popup-back .clear ul{ display: flex; flex-direction: column; align-items: center; }
.popup-back .clear ul li{ display: inline-block; font-size: 1.8rem; font-weight: 300; color: #555; line-height: 1.3; padding-left: 10px; position: relative; }
.popup-back .clear ul li:not(:last-of-type){ margin-bottom: 5px; }
.popup-back .clear ul li::before{ content: ""; width: 4px; height: 4px; background: #c6004d; border-radius: 50%; position: absolute; top: 8px; left: 0; }
.popup-back .clear ul li span{ font-weight: 600; color: #333; }

@media screen and (max-width: 1200px){
	.popup-back .clear{ padding: 40px 0; }
	.popup-back .clear button{ width: 150px; height: 45px; font-size: 1.8rem; }
	.popup-back .clear h3{ font-size: 3rem; margin: 30px 0 25px; }
	.popup-back .clear p{ font-size: 1.7rem; }
	.popup-back .clear ul li{ font-size: 1.7rem; }
}

@media screen and (max-width: 900px){ 
	.popup-back .clear{ width: 90%; }
}

@media screen and (max-width: 700px){
	.popup-back .clear{ padding: 30px 0; }
	.popup-back .clear h3{ font-size: 2.5rem; }
}


/* service - 서비스/예약조회 */
#register .flex-box{ display: flex; justify-content: space-between; }

#register .essential{ max-width: 980px; width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; border: 1px solid #c6004d; padding: 30px 45px; }

#register .essential div{ display: flex; flex-direction: column; padding-left: 15px; }
#register .essential h6{ font-size: 1.8rem; font-weight: 300; color: #333; line-height: 1.5; margin-bottom: 5px; }
#register .essential h6 span{ font-weight: 700; color: #111; border-bottom: 1px solid #111; }
#register .essential p{ font-size: 2.2rem; font-weight: 700; color: #c6004d; }

/* 공통 css */
#register input[type="text"], #register input[type="tel"]{ width: 100%; border: none; border-bottom: 1px solid #ccc; padding: 15px 10px; font-size: 1.6rem; font-weight: 400; color: #555; }
#register input[type="text"]::placeholder{ color: #ccc; }
#register select{ border: none; border-bottom: 1px solid #ccc; padding: 15px 23px 15px 10px; font-size: 1.6rem; font-weight: 400; color: #555; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative; background: url("/img/sub/select_icon01.png") no-repeat center right 15px; }
#register .formBox{ max-width: 980px; margin-top: 75px; }
#register form .formBox { width: 100%; }
#register form .formBox > p{ font-size: 2.6rem; font-weight: 700; color: #222; margin-bottom: 50px; }
#register .formBox .line{ margin-bottom: 50px; }
#register .formBox .line p.title{ font-size: 1.9rem; font-weight: 600; color: #333; }
#register .formBox .line p.title span{ color: #c6004d; margin-left: 3px; }
/* #register .formBox .line .half{ width: calc((100% - 40px) / 2); } */
#register .formBox .line .input{ margin-top: 5px; }
#register .formBox .line button{ width: 200px; height: 50px; border: none; background-color: #333; font-size: 1.6rem; font-weight: 400; color: #fff; }
#register .formBox .line button.reset{ width: 50px; background: #fff; border: 1px solid #333; color: #333; }

#register .formBox input[type="radio"]{ display: none; }
#register .formBox input[type="checkbox"]{ display: none; }
#register .formBox label{ display: inline-block; }
#register .formBox input[type="radio"] + label, #register .formBox input[type="checkbox"] + label{ font-size: 1.8rem; font-weight: 400; color: #222; position: relative; cursor: pointer; padding: 16px 40px; }
#register .formBox input[type="radio"] + label::before, #register .formBox input[type="checkbox"] + label::before{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 20px; height: 20px; background: #ddd; border-radius: 50%; }
#register .formBox input[type="radio"]:checked + label::after, #register .formBox input[type="checkbox"]:checked + label::after{ content: ""; width: 20px; height: 20px; background: #c6004d url("/img/sub/check_icon01.png") no-repeat center center / 50%; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

@media screen and (max-width: 1500px){
	#register form .formBox{ width: calc( 100% - 500px ); }
}


/* line css */
#register .formBox ul.policy{ display: flex; padding-top: 25px; }
#register .formBox ul.policy li:first-of-type{ margin-right: 100px; }
#register .formBox ul.policy span{ font-size: 1.6rem; font-weight: 400; color: #aaa; cursor: pointer; }

#register .formBox .customer{ display: flex; justify-content: space-between; align-items: flex-end; }
#register .formBox .customer .half{ width: calc((100% - 290px) / 2); }

#register .formBox .careship .input{ margin-top: 25px; }

#register .formBox .birth .flex{ display: flex; align-items: flex-end; }
#register .formBox .birth select{ width: calc((100% - 40px) / 3); }
#register .formBox .birth .input{ width: 50%; }
#register .formBox .birth .input:first-of-type{ display: flex; justify-content: space-between; }
#register .formBox .birth .input:last-of-type{ padding-left: 50px; }

#register .formBox .phone .input{ width: 50%; }

#register .formBox .email .input{ display: flex; align-items: center; }
#register .formBox .email .input input[type="text"], #register .formBox .email .input select{ width: calc((100% - 60px) / 3); }
#register .formBox .email .input span{ display: inline-block; font-size: 1.6rem; font-weight: 400; color: #555; margin: 0 13px; } 
#register .formBox .email .input select{ margin-left: 20px; }

#register .formBox .address .half{ width: calc(50% + 22px); }
#register .formBox .address .half .input{ display: flex; justify-content: space-between; align-items: flex-end; }
#register .formBox .address .half .input input[type="text"]{ width: calc(100% - 220px); }
#register .formBox .address > .input input[type="text"]:first-of-type{ margin-bottom: 5px; }

#register .formBox .product .input{ display: flex; justify-content: space-between; }
#register .formBox .product .input select{ width: calc((100% - 60px) / 4); }

#register .formBox .date .half{ width: 50%; }
#register .formBox .date .input{ display: flex; justify-content: space-between; }
#register .formBox .date .input select{ width: calc((100% - 40px) / 3); }

#register .formBox .pay span.tit{ width: 70px; display: inline-block; font-size: 1.6rem; font-weight: 400; color: #333; }
#register .formBox .pay .card01{ display: flex; align-items: center; }
#register .formBox .pay .card01 .div{ display: flex; align-items: center; margin-right: 15px; }
#register .formBox .pay .card01 .period{ display: flex; align-items: center; margin-left: 14px; }
#register .formBox .pay .card01 select{ width: 250px; }
#register .formBox .pay .card01 .period select{ width: 100px; }
#register .formBox .pay .card01 .period select:first-of-type{ margin-right: 10px; }

#register .formBox .pay .card02{ display: flex; }
#register .formBox .pay .card02 .number{ display: flex; align-items: center; margin-top: 10px; }
#register .formBox .pay .card02 .number div{ width: calc(100% - 70px); }
#register .formBox .pay .card02 .number input[type="tel"]{ width: 120px; }
#register .formBox .pay .card02 .number div span{ margin: 0 10px; }
#register .formBox .pay .card02 button{ margin-left: 20px; position: relative; top: 10px; }

@media screen and (max-width: 1500px){
	#register .formBox .pay .card02{ flex-wrap: wrap; }
	#register .formBox .pay .card02 .number{ width: 100%; }
}

@media screen and (max-width: 1420px){
	#register .formBox .pay .card02{ flex-direction: column; }
	#register .formBox .pay .card02 button{ margin-left: 0; top: 0; margin-top: 25px; }
}

@media screen and (max-width: 1320px){
	#register .flex-box{ flex-direction: column; }
	#register .formBox{ max-width: 100%; }
	#register form .formBox{ width: 100%; }
}

@media screen and (max-width: 1200px){
	#register form .formBox{ margin-top: 30px; }
	#register .formBox input[type="radio"] + label, #register .formBox input[type="checkbox"] + label{ font-size: 1.6rem; }
	#register .formBox .line button{ width: 180px; height: 45px; font-size: 1.5rem; }
	#register .formBox .customer .half{ width: calc((100% - 270px) / 2); }
	/* #register .formBox .pay .card01 .div{ width: calc((100% - 200px) / 2); }
	#register .formBox .pay .card01 .div:last-of-type{ margin-top: 10px; } */
}

@media screen and (max-width: 900px){
	#register .formBox .customer{ flex-wrap: wrap; justify-content: flex-start; }
	#register .formBox .customer .half{ width: calc((100% - 20px) / 2); }
	#register .formBox .customer .half:first-of-type{ margin-right: 20px; }
	#register .formBox .customer button{ margin-top: 10px; }
	#register .formBox .customer button.reset{ margin-left: 10px; }
}

@media screen and (max-width: 850px){
	#register .formBox .product .input{ flex-wrap: wrap; margin-bottom: -10px; }
	#register .formBox .product .input select{ width: calc((100% - 20px) / 2); margin-bottom: 10px; }
}

@media screen and (max-width: 800px){
	#register .formBox ul.policy{ flex-direction: column; }
	#register .formBox ul.policy li{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
	#register .formBox ul.policy li:first-of-type{ margin-right: 0; }

	#register .essential{ padding: 20px 30px; }
	#register .essential div{ padding-left: 30px; }
	#register .essential h6{ font-size: 1.6rem; }
	#register .essential p{ font-size: 2rem; }
}

@media screen and (max-width: 700px){
	/* #register .formBox .line{ margin-bottom: 30px; } */
	#register .formBox ul.policy{ padding-top: 5px }
	#register .formBox .customer .half{ width: 100%; }
	#register .formBox .customer .half:last-of-type{ margin: 30px 0 20px; }
	#register .formBox .customer button{ margin-top: 0; }
	#register .formBox .phone .input{ width: 100%; }
	#register .formBox .careship .input{ margin-top: 5px; }
	#register .formBox .address .half{ width: 100%; }
	#register .formBox .address .half .input input[type="text"]{ width: calc(100% - 200px); }
	#register .formBox .date .half{ width: 100%; }
	#register .formBox .pay .card01{ flex-wrap: wrap; align-items: flex-end; }
	#register .formBox .pay .card01 .period{ margin-left: 0; margin-top: 10px; }
	#register .formBox .pay .card01 input[type="text"]{ width: 114px; }

	#register .formBox .pay .card02 .number input[type="tel"]{ width: calc((100% - 93px) / 4); }
}


@media screen and (max-width: 600px){
	#register .formBox .birth .flex{ flex-direction: column; align-items: flex-start; }  
	#register .formBox .birth .input{ width: 100%; } 
	#register .formBox .birth .input:last-of-type{ padding-left: 0; margin-top: 5px; }
	#register .formBox .email .input{ flex-wrap: wrap; }
	#register .formBox .email .input input[type="text"]{ width: calc((100% - 40px) / 2); }
	#register .formBox .email .input select{ width: 100%; margin-left: 0; margin-top: 5px; }
	#register .formBox .product .input{ flex-wrap: wrap; }
	#register .formBox .product .input select{ width: calc((100% - 20px) / 2); }
}

/* 서비스의 예상 비용 */
#register{ margin-bottom: 200px; }
#register .receipt{ width: 440px; height: 785px; position: sticky; top: 70px; background-color: #f9f9f9; padding: 50px; margin-top: 70px; }
#register .receipt h2{ font-size: 2.6rem; font-weight: 700; color: #222; text-align: center; margin-bottom: 10px; }
#register .receipt > ul > li{ padding: 40px 0; }
#register .receipt > ul > li:not(:last-of-type){ border-bottom: 1px solid #ddd; }
#register .receipt ul h3{ font-size: 2rem; font-weight: 600; color: #333; padding-left: 15px; position: relative; }
#register .receipt ul h3::before{ width: 5px; height: 5px; content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #c6004d; border-radius: 50%; }
#register .receipt > ul > li > ul{ padding: 0 15px; }
#register .receipt > ul > li > ul li{ font-size: 1.7rem; font-weight: 300; color: #555; }
#register .receipt > ul > li > ul li:not(last-of-type){ margin-top: 25px; }

#register .receipt ul.product{ display: flex; }
#register .receipt ul.product li{ margin-top: 20px; }
#register .receipt ul.product li:not(.name, .service){ padding: 0 15px; }

#register .receipt ul.price li{ display: flex; justify-content: space-between; align-items: center; }
#register .receipt ul.price li span b{ font-size: 1.7rem; font-weight: 500; color: #c6004d; margin-right: 3px; }

#register .receipt ul li.total{ padding: 25px 0 15px; }
#register .receipt ul li.total div{ display: flex; justify-content: space-between; align-items: center; font-size: 1.7rem; font-weight: 400; color: #333; }
#register .receipt ul li.total span{ font-size: 3.2rem; font-weight: 700; color: #c6004d; } 
#register .receipt ul li.total p{ font-size: 1.5rem; font-weight: 300; color: #666; text-align: right; margin-top: 10px; }
#register .receipt .smallTxt{ margin-bottom: 20px; }

#register .receipt .btn{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
#register .receipt .btn input[type="submit"], #register .receipt .btn #btnSubmit{ border: none; width: 340px; height: 60px; font-size: 2rem; font-weight: 500; color: #fff; background-color: #c6004d; border-radius: 60px; margin-bottom: 10px; -webkit-appearance: none;-webkit-border-radius: 60px; }
#register .receipt .btn button{ border: none; width: 340px; height: 60px; font-size: 2rem; font-weight: 500; color: #fff; background-color: #333; border-radius: 60px; margin-bottom: 10px; }
#register .receipt .btn button.close{ margin-bottom: 0; background-color: #ddd; color: #666; }

@media screen and (max-width: 1320px){
	#register .receipt{ width: 100%; height: auto; }
	#register .receipt ul.product{ justify-content: space-between; }
	#register .receipt .btn{ flex-direction: row; margin-top: 20px; }
	#register .receipt .btn button{ width: 250px; }
	#register .receipt .btn button:first-of-type{ margin-right: 20px; margin-bottom: 0; }
	#register .receipt .btn input[type="submit"], #register .receipt .btn #btnSubmit{ width: 250px; margin-right: 20px; margin-bottom: 0; }
}

@media screen and (max-width: 1200px){
	#register .receipt{ margin-top: 30px; }
	#register .receipt .btn input[type="submit"], #register .receipt .btn #btnSubmit{ width: 200px; font-size: 1.8rem; }
	#register .receipt .btn button{ width: 200px; font-size: 1.8rem; }
	#register{ margin-bottom: 100px; }
}

@media screen and (max-width: 800px){
	#register .receipt .btn{ flex-direction: column; }
	#register .receipt .btn input[type="submit"], #register .receipt .btn #btnSubmit{ width: 80%; margin-right: 0; margin-bottom: 10px; }
	#register .receipt .btn button{ width: 80%; }
	#register .receipt .btn button:first-of-type{ margin-right: 0; margin-bottom: 10px; }
}

@media screen and (max-width: 600px){
	#register .receipt ul.product{ justify-content: flex-start; }
	#register .receipt > ul > li{ padding: 25px 0; }
	#register .receipt .btn input[type="submit"], #register .receipt .btn #btnSubmit{ width: 100%; }
	#register .receipt .btn button{ width: 100%; }
}



/* 일회성 케어서비스 접수-popupBox 공통css */
.popupBox{ position: fixed; width: 100%; height: 100%; z-index: 20; background: rgba(0, 0, 0, 0.25); top: 0; left: 0; display: none; }
.popupBox .popup{ width: 960px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; }
.popupBox .popup .title{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #aaa; padding-bottom: 30px; }
.popupBox .popup .title h2{ font-size: 3.6rem; font-weight: 700; color: #333; }
.popupBox .popup .title button.close{ border: none; background: none; }
.popupBox .popup .title button.close i{ font-size: 3rem; color: #333; }
.popupBox .popup .content .policy{ overflow-y: scroll; }
.popupBox .popup .content .policy dl{font-size: 1.5rem; font-weight: 300; }
.popupBox .popup .content .policy dt{ color: #333; font-weight: 500; line-height: 1.6842; }
.popupBox .popup .check{ display: flex; }
.popupBox .popup .check label{ display: inline-block; }
.popupBox .popup .check input[type="checkbox"], .popupBox .popup .check input[type="radio"]{ display: none; }
.popupBox .popup .check label{ font-size: 1.6rem; font-weight: 500; color: #222; position: relative; }
.popupBox .popup .check input[type="checkbox"] + label::before, .popupBox .popup .check input[type="radio"] + label::before{ content: ""; width: 20px; height: 20px; background-color: #ddd; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.popupBox .popup .check input[type="checkbox"]:checked + label::after, .popupBox .popup .check input[type="radio"]:checked + label::after{ content: ""; width: 20px; height: 20px; background: #c6004d url("/img/sub/check_icon01.png") no-repeat center center / 50%; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }


/* 개인정보 수집 및 이용 동의 */
.popupBox .popup01{ padding: 45px 50px; display: none; }
.popupBox .popup01 .title{ border: none; }
.popupBox .popup.popup01 .content p.tit{ font-size: 2.2rem; font-weight: 600; color: #222; padding: 25px 0; }
.popupBox .popup.popup01 .content .policy{ /* height: 180px; */ max-height: 400px; height: 42vh; border: 1px solid #ddd; padding: 30px 35px; }
.popupBox .popup.popup01 .content .policy::-webkit-scrollbar{ width: 21px; }
.popupBox .popup.popup01 .content .policy::-webkit-scrollbar-thumb{ height: 20px; background: #777; border-radius: 60px; background-clip: padding-box; border: 9px solid transparent; }
.popupBox .popup.popup01 .content .policy::-webkit-scrollbar-track{ background: #f1f1f1; background-clip: padding-box; border: 10px; border: 10px solid transparent; }
.popupBox .popup.popup01 .content .policy p{ font-size: 1.6rem; font-weight: 400; line-height: 1.5; margin-bottom: 15px; }
.popupBox .popup.popup01 .content .policy dt span{ font-size: 1.8rem; }
.popupBox .popup.popup01 .content .policy dl ul{ margin-top: 5px; }
.popupBox .popup.popup01 .content .policy dl ul:not(.not){ padding-left: 15px; }
.popupBox .popup.popup01 .content .policy dl.small-dl dt{ margin-top: 20px; }
.popupBox .popup.popup01 .content .policy dd{ color: #666; line-height: 1.6842; }
.popupBox .popup.popup01 .content .policy dl.small-dl dd:not(:last-of-type){ margin-bottom: 10px; }
.popupBox .popup.popup01 .content .policy dl.small-dl ul li{ margin-bottom: 5px; }
.popupBox .popup.popup01 .content .policy dl.small-dl ul li span{ display: inline-block; width: 100%; padding-left: 15px; }

.popupBox .popup.popup01 table{ margin-top: 5px; margin-bottom: 15px; }
.popupBox .popup.popup01 table th, .popupBox .popup.popup01 table td{ padding: 10px; border: 1px solid #ddd; line-height: 1.3; }
.popupBox .popup.popup01 table th{ font-size: 1.6rem; font-weight: 500; background: #eee; }
.popupBox .popup.popup01 table td{ font-size: 1.5rem; font-weight: 300; text-align: center; }
.popupBox .popup.popup01 table td.bold{ font-size: 1.6rem; font-weight: 500; text-decoration: underline; }
.popupBox .popup.popup01 table.col colgroup col:first-of-type{ width: 25%; }
.popupBox .popup.popup01 table.col td:last-of-type{ text-align: left; }

.popupBox .popup.popup01 .btn_zip{ display: flex; justify-content: center; }
.popupBox .popup.popup01 .check label{ display: inline-block; padding: 15px 0 15px 30px; }
.popupBox .popup.popup01 .check label:not(:last-of-type){ margin-right: 15px; }
.popupBox .popup.popup01 .btn_zip button{ width: 200px; height: 55px; border: none; font-size: 2rem; font-weight: 500; color: #fff; border-radius: 60px; }
.popupBox .popup.popup01 .btn_zip button.reset{ background-color: #333; margin-right: 20px; }
.popupBox .popup.popup01 .btn_zip button.all{ background-color: #c6004d; }


/* 일회성서비스 계약서 확인 */
.popupBox .popup.popup02{ padding-top: 45px; display: none; }
.popupBox .popup.popup02 .title{ width: calc(100% - 80px); margin: 0 auto; }
.popupBox .popup.popup02 .policy{ width: calc(100% - 80px); margin: 30px auto;  height: 550px; padding: 0 30px 20px 0; }
.popupBox .popup.popup02 .content .policy::-webkit-scrollbar{ width: 3px; }
.popupBox .popup.popup02 .content .policy::-webkit-scrollbar-thumb{ height: 20px; background: #777; border-radius: 60px; }
.popupBox .popup.popup02 .content .policy::-webkit-scrollbar-track{ background: #f1f1f1; background-clip: padding-box; border: 1px solid transparent; }
.popupBox .popup.popup02 p{ font-size: 1.8rem; font-weight: 400; }
.popupBox .popup.popup02 p:not(:first-of-type){ margin-top: 40px; }
.popupBox .popup.popup02 dt{ margin: 20px 0 5px; }
.popupBox .popup.popup02 dd{ color: #555; line-height: 1.6; }
.popupBox .popup.popup02 dd:not(.not){ margin-bottom: 10px; }
.popupBox .popup.popup02 dl dd ul{ margin-top: 10px; margin-bottom: 10px; padding-left: 15px; }
.popupBox .popup.popup02 dl dd ul li{ line-height: 1.6842; }
.popupBox .popup.popup02 dl dd ul li:not(last-of-type){ margin-bottom: 5px; }
.popupBox .popup.popup02 .check{ padding: 35px 0; background-color: #f9f9f9; display: flex; justify-content: center; }
.popupBox .popup.popup02 .check label{ padding-left: 30px; font-size: 2.2rem; font-weight: 500; }

@media screen and (max-width: 1500px){
	/* 일회성 케어서비스 접수-popupBox 공통css */
	.popupBox .popup{ max-width: 92%; }
	.popupBox .popup .title{ padding-bottom: 15px; }

	/* 개인정보 수집 및 이용 동의 */
	.popupBox .popup.popup01 .content p.tit{ padding: 15px 0; }
	.popupBox .popup.popup01 .btn_zip button{ width: 180px; height: 50px; }

	/* 일회성서비스 계약서 확인 */
	.popupBox .popup.popup02 .policy{ height: 500px; }
	.popupBox .popup.popup02 .check{ padding: 25px 0; }
}

@media screen and (max-width: 1200px){
	/* 일회성 케어서비스 접수-popupBox 공통css */
	.popupBox .popup .title{ padding-bottom: 10px; }
	.popupBox .popup .title h2{ font-size: 2.3rem; }

	/* 개인정보 수집 및 이용 동의 */
	.popupBox .popup01{ padding: 30px 35px; }
	/* .popupBox .popup.popup01 .content .policy{ height: 130px; } */
	.popupBox .popup.popup01 .content p.tit{ font-size: 2rem; padding: 10px 0; }
	.popupBox .popup.popup01 .content .policy{ padding: 20px 25px; }
	.popupBox .popup.popup01 .check label{ font-size: 1.5rem; padding: 10px 0 10px 35px; }
	.popupBox .popup.popup01 .btn_zip button{ width: 160px; height: 40px; font-size: 1.6rem; }

	/* 일회성서비스 계약서 확인 */
	.popupBox .popup.popup02 .policy{ height: 50vh; }
	.popupBox .popup.popup02{ padding-top: 30px; }
	.popupBox .popup.popup02 .check{ padding: 20px 0; }
	.popupBox .popup.popup02 .check label{ font-size: 1.8rem; }
}

@media screen and (max-width: 900px){
	/* 일회성 케어서비스 접수-popupBox 공통css */
	.popupBox .popup.popup01 .content p.tit{ line-height: 1.3; }
}

@media screen and (max-width: 750px){
	.popupBox .popup01{ padding: 30px 25px; }
	.popupBox .popup.popup02 .title{ width: calc(100% - 40px); }
	.popupBox .popup.popup02 .policy{ width: calc(100% - 40px); margin-top: 15px; }
}

@media screen and (max-width: 700px){
	/* 개인정보 수집 및 이용 동의 */
	.popupBox .popup.popup01 .content .policy{ height: 50vh; }
	.popupBox .popup.popup01 .content p.tit{ font-size: 1.8rem; padding: 15px 0; }
	.popupBox .popup.popup01 .check label{ padding: 15px 0 15px 35px; }
}

/* service - 접수 완료 */
#register_ok{ margin-bottom: 200px; }
#register_ok .bg{ background-color: #f6f6f6; padding: 100px 100px 45px; margin-top: 70px; }
#register_ok .flex-box{ display: flex; justify-content: space-between; align-items: flex-start; }
#register_ok .half h2{ font-size: 4.4rem; font-weight: 300; color: #222; margin-bottom: 110px; line-height: 1.4; }
#register_ok .half h2 span{ font-weight: 600; color: #c6004d; }
#register_ok .half img.man{ max-width: 292px; }

#register_ok .half .step{ max-width: 590px; }
#register_ok .half .step li{ font-size: 1.8rem; font-weight: 300; color: #555; }
#register_ok .half .step .title{ display: flex; align-items: center; }
#register_ok .half .step .title span{ display: inline-block; width: 50px; height: 50px; background-color: #c6004d; font-size: 1.8rem; font-weight: 700; color: #fff; text-align: center; line-height: 50px; border-radius: 50%; margin-right: 35px; }
#register_ok .half .step .title h3{ font-size: 2.8rem; font-weight: 600; color: #333; }
#register_ok .half .step li.content{ position: relative; line-height: 1.5789; padding: 5px 0 70px 85px; }
#register_ok .half .step01 li.content::before{ content: ""; width: 8px; height: 60px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); background: url("/img/sub/register_ok_dot01.png") no-repeat center center; }
#register_ok .half .step02 li.content::before{ content: ""; width: 8px; height: 100px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); background: url("/img/sub/register_ok_dot02.png") no-repeat center center; }

@media (max-width: 1400px){
	/* service - 접수 완료 */
	#register_ok .half:first-of-type{ display: flex; flex-direction: column; align-items: center; }
	#register_ok .half h2{ margin-bottom: 50px; text-align: center; }
	#register_ok .half img.man{ margin-bottom: 80px; }
	#register_ok .half h2 br{ display: none; }  
	#register_ok .flex-box{ flex-direction: column; align-items: center; }
	#register_ok .half .step{ max-width: 100%; }
}

@media screen and (max-width: 1200px){
	/* service - 접수 완료 */
	#register_ok{ margin-bottom: 100px; }
	#register_ok .bg{ padding: 50px 50px 0; margin-top: 30px; }
	#register_ok .half h2{ font-size: 4rem; }
	#register_ok .half .step .title h3{ font-size: 2.5rem; }
	#register_ok .half .step .title span{ width: 45px; height: 45px; line-height: 45px; }
	#register_ok .half .step01 li.content::before{ left: 18px; }
	#register_ok .half .step02 li.content::before{ left: 18px; }
}

@media screen and (max-width: 900px){
	/* service - 접수 완료 */
	#result .tableBox table th{ width: 23%; }
}

@media screen and (max-width: 700px){
	/* service - 접수 완료 */
	#result .tableBox table th{ width: 28%; }
	#register_ok .half h2{ font-size: 3rem; }
	#register_ok .half .step .title h3{ font-size: 2.3rem; }
	#register_ok .half .step li.content{ font-size: 1.6rem; }
}

/* service - 케어서비스 조회 */
#inquiry{ margin-bottom: 180px; }
#inquiry .inquiryBox{ max-width: 800px; border: 1px solid #ccc; margin: 70px auto 0; padding: 100px 120px; }
#inquiry .inquiryBox form{ display: flex; flex-direction: column; align-items: center; }
#inquiry .inquiryBox > h2{ font-size: 4rem; font-weight: 700; color: #222; text-align: center; margin-bottom: 100px; }
#inquiry .inquiryBox ul li:first-of-type{ margin-bottom: 40px; }
#inquiry .inquiryBox ul li p{ font-size: 1.9rem; font-weight: 600; color: #333; margin-bottom: 10px; }
#inquiry .inquiryBox input[type="text"]{ width: 100%; border: none; border-bottom: 1px solid #ccc; padding: 15px 10px; font-size: 1.6rem; font-weight: 400; color: #555; }
#inquiry .inquiryBox input[type="text"]::placeholder{ color: #ccc; }
#inquiry .inquiryBox ul li div{ display: flex; font-size: 1.6rem; font-weight: 400; color: #c6004d; line-height: 1.2631; margin: 15px 0 110px; }
#inquiry .inquiryBox ul li div i{ margin-right: 5px; }
#inquiry .inquiryBox input[type="submit"]{ width: 340px; height: 70px; border: none; background-color: #c6004d; font-size: 2rem; font-weight: 500; color: #fff; border-radius: 60px; }

@media screen and (max-width: 1200px){
	/* service - 케어서비스 조회 */
	#inquiry{ margin-bottom: 100px; }
}

@media screen and (max-width: 900px){
	/* service - 케어서비스 조회 */
	#inquiry .inquiryBox{ padding: 80px 60px; margin: 50px auto 0 }
	#inquiry .inquiryBox br{ display: none; }
	#inquiry .inquiryBox > h2{ margin-bottom: 60px; }
	#inquiry .inquiryBox ul li div{ margin: 15px 0 50px; }
	#inquiry .inquiryBox input[type="submit"]{ width: 280px; height: 60px; }
}

@media screen and (max-width: 700px){
	#inquiry .inquiryBox > h2{ font-size: 3.5rem; }
}


/* service - 조회결과 */
#result{ margin-bottom: 200px; }
#result .progress{ margin: 70px 0 80px; }
#result .textBox{ background-color: #f6f6f6; margin: 25px 0 120px; padding: 45px 60px; }
#result .tableBox p.title{ font-size: 3.2rem; font-weight: 700; color: #222; margin-bottom: 40px; }
#result .tableBox table th{ width: 250px; }
#result .textBox p{ font-size: 1.6rem; font-weight: 300; color: #777; }
#result .textBox p:not(.bold){ padding: 0 0 0 10px; line-height: 1.7894; position: relative; }
#result .textBox p:not(.bold)::before{ content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #777; position: absolute; top: 12px; left: 0; }
#result .textBox p.bold{ font-size: 2rem; font-weight: 600; color: #c6004d; margin-bottom: 20px; }

@media screen and (max-width: 1500px){
	/* service - 조회결과 */
	.progress ul li:not(:last-of-type){ margin-right: 14%; }
}

@media screen and (max-width: 1350px){
	/* service - 조회결과 */
	.progress ul li:not(:last-of-type){ margin-right: 10%; }
}

@media screen and (max-width: 700px){
	#result .tableBox p.title{ font-size: 2.5rem; }
	#result .tableBox table th{ width: 150px; margin-bottom: 20px; }
}

/* 결제 진행율 css */
.progress ul{ display: flex; }
.progress ul li{ display: flex; align-items: center; width: 200px; background-color: #f6f6f6; border-radius: 60px; padding: 10px; position: relative; z-index: 5;  }
.progress ul li:not(:last-of-type){ margin-right: 16%; }
.progress ul li::after{ content: ""; width: 125%; height: 3px; background-color: #f6f6f6; position: absolute; top: 50%; right: -125%; z-index: -1; transform: translateY(-50%); }
.progress ul li:last-of-type::after{ display: none; }
.progress ul li span.title{ display: inline-block; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; text-align: center; line-height: 40px; font-size: 1.5rem; font-weight: 700; color: #333; }
.progress ul li img{ margin: 0 5px 0 18px; }
.progress ul li div span{ font-size: 1.8rem; font-weight: 600; color: #333; }
.progress ul li.on::after{ background-color: #c6004d; }

.progress ul li.clear{ background-color: #c6004d; }
.progress ul li.clear span.title{ color: #c6004d; }
.progress ul li.clear div span{ color: #fff; }

@media screen and (max-width: 1200px){
	/* 결제 진행율 css */
	.progress ul li:not(:last-of-type){ margin-right: 5%; }
	.progress ul li::after{ width: 100%; right: -100%; }

	#result{ margin-bottom: 100px; }
	#result .progress{ margin: 50px 0 60px; }
	#result .textBox{ padding: 25px 30px; margin: 15px 0 70px; }
	#result .textBox p.bold{ margin-bottom: 10px; }
}

@media screen and (max-width: 1000px){
	/* 결제 진행율 css */
	.progress ul li{ width: 180px; }
	.progress ul li:not(:last-of-type){ margin-right: 3%; }
	.progress ul li::after{ width: 50%; right: -50%; }
	.progress ul li span.title{ width: 35px; height: 35px; line-height: 35px; }
	.progress ul li img{ margin: 0 5px 0 10px; }
	.progress ul li div span{ font-size: 1.7rem; }
}

@media screen and (max-width: 800px){
	/* 결제 진행율 css */
	#result .progress{ margin: 30px 0; }
	.progress ul{ flex-wrap: wrap; justify-content: center; }
	.progress ul li{ margin: 10px 0; }
	.progress ul li:not(:last-of-type){ margin-right: calc(100% - 400px); }
	.progress ul li:nth-of-type(2){ margin-right: 0; }
	.progress ul li:nth-of-type(2)::after{ display: none; }
	.progress ul li::after{ width: 185%; right: -185%; }
}

@media screen and (max-width: 700px){
	/* 결제 진행율 css */
	.progress ul li::after{ width: 120%; right: -120%; }
}


/* table 공통 css */
.tableBox table{ border-bottom: 1px solid #ccc; }
.tableBox table tr{ border-top: 1px solid #ccc; }
.tableBox table th{ background-color: #f6f6f6; padding: 25px 0; font-size: 1.7rem; font-weight: 500; color: #333; }
.tableBox table td{ font-size: 1.7rem; font-weight: 300; color: #555; padding: 25px; }

/* 개인정보처리방침 */
#privacy{ padding-bottom: 180px; }
#privacy .policy{ color: #333; }
#privacy dl dt{ font-size: 1.8rem; font-weight: 500; margin-bottom: 10px;}
#privacy dt span{ font-size: 2rem; }
#privacy dl dd{ font-size: 1.6rem; }
#privacy dl ul{ margin-top: 5px; }
#privacy dl ul:not(.not){ padding-left: 15px; }
#privacy dl.small-dl dt{ margin-top: 30px; }
#privacy dd{ color: #666; line-height: 1.6842; }
#privacy dl.small-dl dd:not(:last-of-type){ margin-bottom: 15px; }
#privacy dl.small-dl ul li{ margin-bottom: 5px; }
#privacy dl.small-dl ul li span{ display: inline-block; width: 100%; padding-left: 15px; }

#privacy table{ margin-top: 5px; margin-bottom: 15px; }
#privacy table th, #privacy table td{ padding: 10px; border: 1px solid #ddd; line-height: 1.3; }
#privacy table th{ font-size: 1.6rem; font-weight: 500; background: #eee; }
#privacy table td{ font-size: 1.5rem; font-weight: 300; text-align: center; }
#privacy table td.bold{ font-size: 1.6rem; font-weight: 500; text-decoration: underline; }
#privacy table.col colgroup col:first-of-type{ width: 25%; }
#privacy table.col td:last-of-type{ text-align: left; }

@media screen and (max-width: 1200px){
	#privacy{ padding-bottom: 100px; }
}