@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@font-face {
	font-family : "Lora";
	font-optical-sizing: auto;
	font-weight : 400 700;
	font-style : normal;
}

.landing-txt-primary {color:#ea6a1f;}
.landing-txt-secondary {color:#fbf3ec;}
.landing-txt-gray01 {color:#6b6058;}
.landing-txt-gray02 {color:#9c9088;}
.landing-txt-gray03 {color:#f9f9f9;}
.landing-txt-brown {color:#e8d7c8;}
.landing-txt-red {color:#903c46;}
.landing-txt-white {color:#fff;}
.landing-bg-primary {background-color:#ea6a1f;}
.landing-bg-secondary {background-color:#fbf3ec;}
.landing-bg-gray01 {background-color:#6b6058;}
.landing-bg-gray02 {background-color:#9c9088;}
.landing-bg-gray03 {background-color:#f9f9f9;}
.landing-bg-brown {background-color:#e8d7c8;}
.landing-bg-red {background-color:#903c46;}
.landing-box-white {padding:30px; border-radius:20px; background-color:#fff;} 

/* °øÅë */
.landing-area * {line-height:1.5;}
.landing-area {background-color:#fffcf7;}
.landing-inner {width:100%; max-width:1360px; padding:0 20px; margin:0 auto;}
.landing-inner-deco-top {position:relative;}
.landing-inner-deco-top::before {content:""; position:absolute; top:15px; width:50%; max-width:666px; height:20px; margin:0 25%; background:url("/resources/images/sub/deco_list.png") center / 100% auto no-repeat;}
.landing-inner-deco-bottom {position:relative;}
.landing-inner-deco-bottom::before {content:""; position:absolute; bottom:15px; width:50%; max-width:666px; height:20px; margin:0 25%; background:url("/resources/images/sub/deco_list.png") center / 100% auto no-repeat;}

/* ŸÀÌƲ */
.landing-area .landing-tit.landing-round {display:inline-block; padding:2px 50px; margin:0 auto; border-radius:30px; text-align:center;}
.landing-area .landing-tit.landing-brown {background-color:#e8d7c8; color:#39201c;}
.landing-area .landing-tit.landing-red {background-color:#903c46; color:#fff;}
.landing-area .landing-tit.landing-gray {background-color:#797979; color:#fff;}

.landing-page-tit-area.landing-center {text-align:center;}
.landing-page-tit-area .landing-sub {margin-bottom:35px; font-size:20px; font-weight:700; letter-spacing:5px;}
.landing-page-tit-area .landing-sub-tit {font-size:36px; font-weight:500;}
.landing-page-tit-area .landing-tit {font-size:94px; font-weight:800;}
.landing-page-tit-area .landing-txt {margin-top:20px; font-size:26px; font-weight:500;}

.landing-tit-area.landing-center {text-align:center;}
.landing-tit-area .landing-sub {margin-bottom:35px; font-size:20px; font-weight:700; letter-spacing:5px;}
.landing-tit-area .landing-sub-tit {font-size:36px; font-weight:500;}
.landing-tit-area .landing-tit {font-size:70px; font-weight:800;}
.landing-tit-area .landing-txt {margin-top:40px; font-size:26px; font-weight:500; line-height:1.9;}

.landing-area .landing-treatment-area .landing-inner {padding-top:200px; padding-bottom:200px;}
.landing-area .landing-treatment-cont {margin-top:70px;}
.landing-area .landing-treatment-box {display:flex; flex-direction:row; gap:20px; width:100%;}
.landing-area .landing-treatment-box .landing-box {width:calc((100% - 40px) /3); padding:54px 20px; border-radius:20px; background-color:#fbf3ec; text-align:center;}
.landing-area .landing-treatment-box .landing-box .landing-num {margin-bottom:5px; color:#ea6a1f; font-family:"Lora"; font-size:24px; font-weight:700;}
.landing-area .landing-treatment-box .landing-box .landing-txt {font-size:26px; font-weight:700;}

.landing-area .landing-check-list > li {padding:30px 40px 30px 100px; border-radius:20px; background:url("/resources/images/sub/ico_check.png") center left 40px / 40px auto no-repeat #fbf3ec; font-size:26px; font-weight:700;}
.landing-area .landing-check-list > li:not(:last-child) {margin-bottom:25px;}

.landing-area .landing-step-list {display:flex; flex-wrap:wrap; flex-direction:row; gap:70px 50px; width:100%; margin:0 auto;}
.landing-area .landing-step-list > li {width:calc((100% - 50px) /2);}
.landing-area .landing-step-list .landing-img {position:relative; overflow:hidden; width:100%; padding-top:62%; border-radius:20px; line-height:0; box-shadow:0 30px 60px 1px rgba(234,106,31,0.1);}
.landing-area .landing-step-list .landing-img > img {position:absolute; top:0; left:0; right:0; width:100%;}
.landing-area .landing-step-list .landing-txt-area {margin-top:30px; text-align:center;}
.landing-area .landing-step-list .landing-txt-area .landing-num {display:inline-block; padding:8px 30px; margin:0 auto; border-radius:30px; background-color:#ea6a1f; color:#fff; font-family:"Lora"; font-size:20px; text-align:center;}
.landing-area .landing-step-list .landing-txt-area .landing-tit {margin-top:10px; font-size:26px; font-weight:600;} 

.landing-area .landing-before-after {margin-top:80px;}
.landing-area .landing-before-after .landing-box-white {display:flex; flex-direction:row; gap:15px; width:100%; padding:30px; text-align:center; box-shadow:0 30px 60px 1px rgba(234,106,31,0.1);}
.landing-area .landing-before-after .landing-tit {font-size:24px; font-weight:600;}
.landing-area .landing-before-after .landing-img {position:relative; width:100%; line-height:0;}
.landing-area .landing-before-after .landing-img > img {position:absolute; top:0; left:0; right:0; width:100%;}
.landing-area .landing-before-after .landing-txt {margin-top:50px; font-size:20px;}
.landing-area .landing-before-after .landing-before {width:50%; padding:80px 30px 90px; border-radius:20px 0 0 20px; background-color:#f9f9f9;}
.landing-area .landing-before-after .landing-after {width:50%; padding:80px 30px 90px; border-radius:0 20px 20px 0; background-color:#f9f9f9;}

.landing-area .landing-num-list {display:flex; flex-direction:column; border-top:1px solid rgba(121,121,121,0.2); border-bottom:1px solid rgba(121,121,121,0.2);}
.landing-area .landing-num-list > li {display:flex; flex-direction:row; align-items:center; width:100%; padding:40px 0;} 
.landing-area .landing-num-list > li:not(:last-child) {border-bottom:1px solid rgba(121,121,121,0.2);}
.landing-area .landing-num-list .landing-num {width:150px; color:#ea6a1f; font-family:"Lora"; font-size:36px; font-weight:600;}
.landing-area .landing-num-list .landing-txt {width:calc(100% - 150px); color:#222222; font-size:26px; font-weight:600;}

.landing-area .landing-faq-list {border-top:1px solid rgba(121,121,121,0.2); border-bottom:1px solid rgba(121,121,121,0.2);}
.landing-area .landing-faq-list > li {padding:50px 0 60px;}
.landing-area .landing-faq-list > li:not(:last-child) {border-bottom:1px solid rgba(121,121,121,0.2);}
.landing-area .landing-faq-list .landing-q {display:flex; flex-direction:row; align-items:center;}
.landing-area .landing-faq-list .landing-q .landing-ico-q {display:inline-block; position:relative; z-index:2; width:44px; height:44px; color:#fff; font-style:normal; font-size:28px; font-weight:600; text-align:center;}
.landing-area .landing-faq-list .landing-q .landing-ico-q::before {content:""; position:absolute; top:50%; left:50%; z-index:-1; width:100%; height:100%; border-radius:50%; background-color:#ea6a1f; transform:translate(-50%,-50%);}
.landing-area .landing-faq-list .landing-q .landing-txt {width:calc(100% - 44px); font-style:normal; padding-left:25px; font-size:28px; font-weight:600;} 
.landing-area .landing-faq-list .landing-a {display:flex; flex-direction:row; align-items:baseline; padding-left:70px; margin-top:20px;}
.landing-area .landing-faq-list .landing-a .landing-ico-a {display:inline-block; color:#ea6a1f; font-style:normal; font-size:22px; font-weight:700;}
.landing-area .landing-faq-list .landing-a .landing-txt {padding-left:40px; font-style:normal; color:#6b6058; font-size:24px; font-weight:400; line-height:1.8;}

.landing-page-area {background:linear-gradient(0deg,rgba(255,252,247,1)0%,rgba(255,215,169,1)15%,rgba(235,81,11,1)80%);}
.landing-page-area .landing-inner {padding-top:200px; padding-bottom:200px;}

.landing-point01-area .landing-inner {padding-top:00px; padding-bottom:100px;}
.landing-point01-area .landing-point01-cont {margin-top:50px;}
.landing-point01-area .landing-before-after .landing-img {padding-top:80%; margin-top:40px;}

.landing-point02-area .landing-inner {padding-top:100px; padding-bottom:100px;}
.landing-point02-area .landing-point02-cont {margin-top:70px;}

.landing-point03-area .landing-inner {padding-top:100px; padding-bottom:100px;}
.landing-point03-area .landing-point03-cont {margin-top:65px;}
.landing-point03-area .landing-before-after .landing-before {background-color:transparent;}
.landing-point03-area .landing-before-after .landing-after {background-color:transparent;}
.landing-point03-area .landing-before-after .landing-img {padding-top:48.4848%; margin-top:40px;}

.landing-point04-area .landing-inner {padding-top:100px; padding-bottom:100px;}
.landing-point04-area .landing-point04-cont {margin-top:65px;}
.landing-point04-area .landing-point04-box .landing-box-white {display:flex; flex-direction:row; justify-content:center; gap:20px; width:100%; text-align:center;}
.landing-point04-area .landing-point04-box .landing-box {width:calc((100% - 40px) /3); padding:20px 25px;}
.landing-point04-area .landing-point04-box .landing-box .landing-tit {font-size:20px;}
.landing-point04-area .landing-point04-box .landing-box .landing-txt {font-size:16px;}
.landing-point04-area .landing-point04-box .landing-box .landing-img {position:relative; width:100%; padding-top:88.5474%; line-height:0;}
.landing-point04-area .landing-point04-box .landing-box .landing-img > img {position:absolute; top:0; left:0; right:0; width:100%;}

.landing-before-area .landing-inner {padding-top:100px; padding-bottom:100px;}
.landing-before-area .landing-before-cont .landing-txt {margin-top:30px; color:#9c9088; font-size:18px; text-align:center;}
.landing-before-area .landing-before-after .landing-img {padding-top:90.2564%; margin-top:30px;}

.landing-recommend-area .landing-inner {padding-top:100px; padding-bottom:100px;}
.landing-recommend-area .landing-recommend-cont {margin-top:80px; color:#fff;}

.landing-faq-area {position:relative;}
.landing-faq-area::before {content:""; position:absolute; bottom:0; left:0; right:0; width:100%; height:400px; background:linear-gradient(0deg,rgba(255,225,198,1)0%,rgba(255,252,247,1)100%);}
.landing-faq-area .landing-inner {padding-top:100px; padding-bottom:500px;}
.landing-faq-area .landing-faq-cont {margin-top:80px;}
@media screen and (max-width:767px){
	.landing-box-white {padding:15px; border-radius:10px; background-color:#fff;} 

	/* °øÅë */
	.landing-inner-deco-top::before {top:10px; height:10px;}
	.landing-inner-deco-bottom::before {bottom:10px; height:10px;}

	/* ŸÀÌƲ */
	.landing-area .landing-tit.landing-round {padding:2px 25px; border-radius:20px;}

	.landing-page-tit-area .landing-sub {margin-bottom:20px; font-size:16px; letter-spacing:3px;}
	.landing-page-tit-area .landing-sub-tit {font-size:24px;}
	.landing-page-tit-area .landing-tit {font-size:46px;}
	.landing-page-tit-area .landing-txt {margin-top:10px; font-size:22px;}

	.landing-tit-area .landing-sub {margin-bottom:20px; font-size:16px; letter-spacing:3px;}
	.landing-tit-area .landing-sub-tit {font-size:24px;}
	.landing-tit-area .landing-tit {font-size:36px;}
	.landing-tit-area .landing-txt {margin-top:20px; font-size:20px;}

	.landing-area .landing-treatment-area .landing-inner {padding-top:50px; padding-bottom:50px;}
	.landing-area .landing-treatment-cont {margin-top:35px;}
	.landing-area .landing-treatment-box {flex-direction:column;}
	.landing-area .landing-treatment-box .landing-box {width:100%; padding:25px 10px; border-radius:10px;}
	.landing-area .landing-treatment-box .landing-box .landing-num {margin-bottom:5px; font-size:20px;}
	.landing-area .landing-treatment-box .landing-box .landing-txt {font-size:20px;}

	.landing-area .landing-check-list > li {padding:15px 20px 15px 50px; border-radius:10px; background:url("/resources/images/sub/ico_check.png") center left 20px / 20px auto no-repeat #fbf3ec; font-size:20px;}
	.landing-area .landing-check-list > li:not(:last-child) {margin-bottom:15px;}

	.landing-area .landing-step-list {flex-direction:column; gap:35px 20px;}
	.landing-area .landing-step-list > li {width:100%;}
	.landing-area .landing-step-list .landing-img {border-radius:10px;}
	.landing-area .landing-step-list .landing-txt-area {margin-top:15px;}
	.landing-area .landing-step-list .landing-txt-area .landing-num {padding:4px 15px; border-radius:20px; font-size:16px;}
	.landing-area .landing-step-list .landing-txt-area .landing-tit {font-size:20px; font-weight:600;}

	.landing-area .landing-before-after {margin-top:40px;}
	.landing-area .landing-before-after .landing-box-white {flex-direction:column; padding:15px; box-shadow:0 15px 30px 1px rgba(234,106,31,0.1);}
	.landing-area .landing-before-after .landing-tit {font-size:20px;}
	.landing-area .landing-before-after .landing-txt {margin-top:25px; font-size:16px;}
	.landing-area .landing-before-after .landing-before {width:100%; padding:40px 15px 45px; border-radius:10px 10px 0 0;}
	.landing-area .landing-before-after .landing-after {width:100%; padding:40px 15px 45px; border-radius:0 0 10px 10px;}

	.landing-area .landing-num-list > li {padding:20px 0;}
	.landing-area .landing-num-list .landing-num {width:60px; font-size:24px;}
	.landing-area .landing-num-list .landing-txt {width:calc(100% - 60px); font-size:20px;}

	.landing-area .landing-faq-list {}
	.landing-area .landing-faq-list > li {padding:25px 0 30px;}'
	.landing-area .landing-faq-list .landing-q .landing-ico-q {width:30px; height:30px; font-size:20px;}
	.landing-area .landing-faq-list .landing-q .landing-txt {width:calc(100% - 30px); font-style:normal; padding-left:15px; font-size:20px;} 
	.landing-area .landing-faq-list .landing-a {padding-left:35px; margin-top:10px;}
	.landing-area .landing-faq-list .landing-a .landing-ico-a {font-size:18px;}
	.landing-area .landing-faq-list .landing-a .landing-txt {width:calc(100% - 22px); padding-left:20px; font-size:18px;}

	.landing-page-area .landing-inner {padding-top:100px; padding-bottom:100px;}

	.landing-point01-area .landing-inner {padding-top:50px; padding-bottom:50px;}
	.landing-point01-area .landing-point01-cont {margin-top:25px;}
	.landing-point01-area .landing-before-after .landing-img {margin-top:20px;}

	.landing-point02-area .landing-inner {padding-top:50px; padding-bottom:50px;}
	.landing-point02-area .landing-point02-cont {margin-top:35px;}

	.landing-point03-area .landing-inner {padding-top:50px; padding-bottom:50px;}
	.landing-point03-area .landing-point03-cont {margin-top:35px;}
	.landing-point03-area .landing-before-after .landing-img {margin-top:20px;}

	.landing-point04-area .landing-inner {padding-top:50px; padding-bottom:50px;}
	.landing-point04-area .landing-point04-cont {margin-top:35px;}
	.landing-point04-area .landing-point04-box .landing-box-white {flex-direction:column; gap:10px;}
	.landing-point04-area .landing-point04-box .landing-box {width:100%; padding:10px 15px;}
	.landing-point04-area .landing-point04-box .landing-box .landing-tit {font-size:18px;}
	.landing-point04-area .landing-point04-box .landing-box .landing-txt {font-size:14px;}

	.landing-before-area .landing-inner {padding-top:50px; padding-bottom:50px;}
	.landing-before-area .landing-before-cont .landing-txt {margin-top:15px; font-size:16px;}
	.landing-before-area .landing-before-after .landing-img {margin-top:15px;}

	.landing-recommend-area .landing-inner {padding-top:50px; padding-bottom:50px;}
	.landing-recommend-area .landing-recommend-cont {margin-top:40px; color:#fff;}

	.landing-faq-area::before {height:200px;}
	.landing-faq-area .landing-inner {padding-top:50px; padding-bottom:250px;}
	.landing-faq-area .landing-faq-cont {margin-top:40px;}
}