@media(max-width: 991px){
	#footer .right{
		max-width: 100%;
		text-align: center;
	}
	.container{
		padding: 0 40px;
	}
	.journey .item p{
		font-size: 14px;
	}
	#footer .box{
		justify-content: center;
		gap: 50px;
	}
	#header .btn{
		margin-right: 0;
	}
	.curious .item{
		padding: 60px 0;
	}
}
@media(max-width: 767px){
	.container{
		padding: 0 20px;
	}
	#header{
		padding: 13px 0;
	}
	.logo{
		height: 36px;
	}
	.btn{
		padding:9px 12px;
		font-size: 11px;
		font-family: "Open Sans";
		font-weight: 800;
		letter-spacing: 2.2px;
	}
	.banner{
		padding-top: 62px;
		padding-bottom: 17px;
	}
	.banner .top img{
		height: 66px;
	}
	.banner .top h3{
		font-size: 11px;
		letter-spacing: 0.47em;
		margin-top: -2px;
	}
	.banner .top{
		margin-bottom: 13px;
	}
	.banner .banner-logo{
		height: auto;
		width: 100%;
		max-width: 367px;
		margin-bottom: 7px;
	}
	.banner .slogan{
		font-size: 24px;
		letter-spacing: 0.07em;
		margin-bottom: 112px;
	}
	.banner .bottom p{
		font-size: 16px;
		margin-bottom: 14px;
		letter-spacing: 0.01em;
		line-height: 1.6;
		font-weight: 400;
	}
	.banner .bottom p br{
		display: none;
	}
	.btn-white{
		padding: 12px 8px;
		border-radius: 6px;
	}
	.banner .bottom img{
		margin-top: 12px;
		height: 82px;
	}
	.crowhollow .top{
		padding: 57px 0 0;
	}
	.crowhollow h2{
		margin-bottom: 24px;
		padding-top: 27px;
		position: relative;
		font-variant: small-caps;
		text-transform: none;
		letter-spacing: 0.18em;
	}
	.crowhollow h2:before{
		background: #EFEBD6;
		width: 64px;
		height: 2px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		content: "";
	}
	h2{
		font-size: 24px;
		letter-spacing: 1.92px;
	}
	p{
		font-size: 17px;
		line-height: 155%;
	}
	.crowhollow .box{
		margin: 68px 4px;
	}
	.crowhollow .box li{
		font-size: 17px;
		line-height: 155%;
		font-family: "Inter", sans-serif;
		letter-spacing: 0.005em;
		font-variant: normal;
		margin-bottom: 7px;
	}
	.crowhollow .box ul{
		border: none;
	}
	.journey{
		padding: 59px 4px 50px;
	}
	.journey h3{
		font-size: 24px;
		letter-spacing: 1.92px;
		padding-top: 26px;
		position: relative;
		text-align: left;
		margin-bottom: 24px;
	}
	.journey h3:before{
		background: #B66D3A;
		width: 64px;
		height: 2px;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
	}
	.journey .list{
		gap: 24px;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.journey .item{
		width: 100%;
		gap: 0;
		padding: 63px 32px 63px;
	}
	.journey .item .bottom{
		min-height: 100%;
		margin-top: 12px;
	}
	.journey .item h4{
		font-size: 18px;
		margin-bottom: 16px;
		letter-spacing: 1.08px;
	}
	.journey .item p{
		line-height: 155%;
		font-size: 17px;
	}
	.journey .note p{
		font-size: 12px;
		margin-bottom: 18px;
	}
	.journey .btn-white{
		border-radius: 4px;
		background: #FFF;
		padding: 12px 28px;
	}
	.curious{
		padding: 0px 0 50px;
		background: none;
	}
	.curious-top{
		padding-top: 32px;
	}
	.curious .title-top{
		padding-bottom: 24px;
		padding-top: 8px;
		border-top: 1px solid rgba(91, 134, 255, 0.30);;
	}
	.curious .title-top h4{
		font-size: 12px;
		color: #C9D4F2CC;
	}
	.curious .title-top img{
		height: 58px;
	}
	.mobile{
		display: block;
	}
	.pc{
		display: none;
	}
	.curious .bottom{
		padding-top: 43px;
	}
	.curious .bottom p{
		color: #CFCBC1;
		opacity: 0.7;
		font-size: 12px;
		margin-bottom: 16px;
	}
	.curious .bottom .btn-white{
		background: #FFF;
		padding: 12px 12.5px;
	}
	#footer{
		border-top: 1px solid rgba(51, 51, 51, 0.70);
		padding: 32px 4px;
	}
	#footer:before{
		display: none;
	}
	#footer .left{
		gap: 12px;
	}
	.ft-logo{
		height: 28px;
	}
	#footer .left p{
		font-size: 12px;
		font-style: italic;
	}
	#footer .box{
		gap: 16px;
	}
	.ft-menu{
		margin-bottom: 16px;
		display: flex;
		justify-content: center;
		gap: 39px;
	}
	#footer .right a{
		font-size: 11px;
		color: #fff;
		opacity: 0.8;
	}
	#footer .right p{
		color: #CFCBC1B2;
		font-size: 11px;
		padding: 18px 26px;
		margin-bottom: 24px;
		line-height: 1.21;
		letter-spacing: 0.09em;
	}
	#footer .right p.copyright{
		margin: 0;
		padding: 0;
		color: #666666;
		font-size: 10px;
		opacity: 0.8;
		letter-spacing: 0;
	}
	.curious .title{
		padding: 18px 0;
		margin-bottom: 21px;
	}
	.curious .title img{
		display: block;
		height: 44px;
		margin: 0 auto 10px;
	}
	.curious .title p{
		font-size: 12px;
		color: #CFCBC1;
		opacity: 0.7;
	}
	.curious .item{
		padding: 0 ;
		margin-bottom: 24px;
	}
	.curious .item .box{
		padding: 0 !important;
		border-radius: 10px;
		border: 1px solid rgba(91, 134, 255, 0.15);
		box-shadow: none;
	}
	.curious .item img{
		display: none;
	}
	.curious .item h3{
		margin-bottom: 0;
		padding: 16px 42px 16px 16px;
		letter-spacing: 0.16em;
		font-size: 20px;
		border-radius: 10px;
		border: 1px solid rgba(180, 45, 39, 0.15);
		cursor: pointer;
		text-align: left !important;
		font-variant: small-caps;
		text-transform: none;
		position: relative;
	}
	.curious .item h3:after{
		width: 19px;
		height: 16px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 17px;
		content: "";
		background: url(../images/down-red.svg) no-repeat center center/100% auto;
		transition: all 0.3s;
	}
	.curious .item .box.active h3:after{
		transform: translateY(-50%) rotate(180deg);
	}
	.curious .item .description{
		padding: 18px 16px 12px;
	}
	.curious .item .description-toggle{
		display: none;
	}
	.curious .item p{
		font-size: 18px;
		line-height: 155%;
		margin-bottom: 29px;
		letter-spacing: 0.01em;
	}
	.modal .modal-box{
		max-width: 343px;
		padding: 24px;
	}
	.modal-title h2{
		font-size: 24px;
		letter-spacing: 1.92px;
	}
	.modal-title h4{
		font-size: 12px;
	}
	.modal-title p{
		font-size: 17px;
		text-align: left;
	}
	.modal-title{
		margin-bottom: 24px;
	}
	.modal-form .input-it label{
		margin-bottom: 12px;
	}
	.option-it{
		margin-top: 24px;
	}
	.option-title{
		padding: 12px 20px 12px 0;
	}
	.option-content p.note-sent{
		font-style: italic;
	}
	#modal-success .modal-title h2{
		margin-bottom: 24px;
	}
	#modal-success .modal-title{
		margin-bottom: 24px;
	}
	#modal-success .modal-content li{
		font-size: 17px;
		line-height: 155%;
	}
	.link-list{
		margin-top: 24px;
	}
	#modal-success .modal-box{
		padding: 24px;
	}
	.crowhollow .description p{
		margin-bottom: 24px;
	}
	.journey .item:nth-child(2) .bottom{
    		margin-top: 20px;
	}
	.journey .item:nth-child(2) .bottom p{
		font-size: 12px;
		font-style: italic;
	}
	.journey .item p strong{
		font-weight: 400;
	}
	.journey .item:last-child h4{
		margin-bottom: 9px;
	}
	.journey .item:last-child p{
		line-height: 1.52;
	}
	.journey .item:last-child{
		padding-bottom: 55px;
	}
	.curious .title h2{
		margin-bottom: 6px;
	}
	.curious .item:last-child h3{
	    margin: 0;
		padding: 9px 42px 11px 16px;
	}
	.curious .item:last-child p{
		line-height: 1.55;
		margin-bottom: 28px;
	}
	.curious .item:last-child p i{
		color: #CFCBC1;
	}
	.journey .item .bottom p span{
		color: #38BDF8;
	}
	body.modal-open{
	  overflow: hidden;
	}
	.curious .title-top:after{
		display: none;
	}
}