@charset "utf-8";

.cle-theday-receive{box-sizing: border-box; padding: 100px 0;max-width: 1030px;padding: 0 20px;margin: 0 auto;}
.cle-theday-receive .center{width: calc(100% - 30px); max-width: 1200px; margin: 0 auto;}

.cle-theday-receive .contact-btn-box{display: flex; align-items: center; justify-content: center; width: 100%; gap: 25px; margin-top: 35px;}
.cle-theday-receive .contact-btn-box a{display: flex; align-items: center; justify-content: center; gap: 15px; width: 280px; height: 50px; border-radius: 50px; font-size: 20px; color: #fff;}
.cle-theday-receive .contact-btn-box a .icon{}
.cle-theday-receive .contact-btn-box a .icon img{}
.cle-theday-receive .contact-btn-box .btn-landing06{background-color: #cf8596;}
.cle-theday-receive .contact-btn-box .btn-booking{background-color: #38b046;}

.cle-theday-receive .img-list{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 18rem;row-gap: 8.5rem;padding: 7.5rem 0 15.2rem;}
.cle-theday-receive .img-list li{}
.cle-theday-receive .img-list li .inner{display: flex; flex-direction: column; align-items: flex-start;}
.cle-theday-receive .img-list li .inner .num{font-size: 26px; font-size: 600; color: #faaf3d;}
.cle-theday-receive .img-list li .inner .bar{position: relative; width: 100%; height: 2px; background-color: #9b9b9b; margin-top: 15px;}
.cle-theday-receive .img-list li .inner .bar::before{content: ''; position: absolute; left: 0; top: 0; display: block; width: 40%; height: 2px; background-color: #faaf3d;}
.cle-theday-receive .img-list li .inner .tit{font-size: 26px; font-weight: 700; color: #faaf3d; margin: 15px 0;}
.cle-theday-receive .img-list li .inner .txt{font-size: 16px; font-weight: 400; color: #262626; line-height: 1.5;}
.cle-theday-receive .img-list li .inner .down-box{display: flex; width: 100%; align-items: center; justify-content: space-between; margin-top: 25px;}
.cle-theday-receive .img-list li .inner .down-box.dummy{position: relative; visibility: hidden; opacity: 0; z-index: -1;}
.cle-theday-receive .img-list li .inner .down-box.dummy .btn-down{pointer-events: none;}
.cle-theday-receive .img-list li .inner .down-box .btn-down{display: flex; width: calc(50% - 10px); height: 50px; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid #eee; border-radius: 5px;}
.cle-theday-receive .img-list li .inner .down-box .btn-down .icon{height: 50%;}
.cle-theday-receive .img-list li .inner .down-box .btn-down .icon img{display: block; height: 100%; width: auto;}
.cle-theday-receive .img-list li .inner .app-img{display: block; width: 100%; height: auto; margin-top: 30px;}
@media screen and (max-width:1023px){
    .cle-theday-receive .img-list{grid-template-columns: repeat(1, minmax(0, 421px));column-gap: 0;justify-content: center;padding: 5rem 0;}
	.cle-theday-receive .contact-btn-box{gap: 15px; margin-top: 25px;}
	.cle-theday-receive .contact-btn-box a{gap: 14px; width: 250px; height: 45px; font-size: 18px;}
	.cle-theday-receive .contact-btn-box a .icon{width: 23px;}
	.cle-theday-receive .img-list{row-gap: 5rem;}
	.cle-theday-receive .img-list li .inner .num{font-size: 22px;}
	.cle-theday-receive .img-list li .inner .bar{margin-top: 13px;}
	.cle-theday-receive .img-list li .inner .tit{font-size: 23px; margin: 13px 0;}
	.cle-theday-receive .img-list li .inner .txt{font-size: 15px;}
	.cle-theday-receive .img-list li .inner .down-box{margin-top: 20px;}
	.cle-theday-receive .img-list li .inner .down-box .btn-down{width: calc(50% - 8px); height: 45px;}
}

@media screen and (max-width:900px){
	.cle-theday-receive .img-list li .inner .down-box.dummy{display: none;}
}
@media screen and (max-width:639px){
	.cle-theday-receive{padding: 0;width: 80%;}
	.cle-theday-receive .contact-btn-box{flex-direction: column; margin-top: 15px;}
	.cle-theday-receive .contact-btn-box{gap: 10px;}
	.cle-theday-receive .contact-btn-box a{gap: 13px; width: 220px; height: 40px; font-size: 15px;}
	.cle-theday-receive .contact-btn-box a .icon{width: 21px;}
    .cle-theday-receive .img-list li .inner .app-img{width: 95%;margin: 30px auto 0;}
	.cle-theday-receive .img-list li .inner .num{font-size: 20px;}
	.cle-theday-receive .img-list li .inner .bar{margin-top: 10px;}
	.cle-theday-receive .img-list li .inner .tit{font-size: 20px; margin: 10px 0;}
	.cle-theday-receive .img-list li .inner .txt{font-size: 14px;}
	.cle-theday-receive .img-list li .inner .down-box{margin-top: 15px;}
	.cle-theday-receive .img-list li .inner .down-box .btn-down{width: calc(50% - 6px); height: 40px;}
}