body {max-width:2560px; margin:0 auto;}

[data-aos^=fade][data-aos^=fade].aos-animate {opacity: 1 !important;}

.section__inner {position: relative; max-width:1440px; padding:0 60px; margin:auto; box-sizing: border-box;}
.ff-ms {font-family: 'MontserratSubrayada';}
.s-title {font-size: 22px; font-weight: 700; line-height: 1.4; font-family: 'MontserratSubrayada';} 
.title {font-size: 32px; font-weight: 700; line-height: 1.4; font-family: 'MontserratSubrayada';}
.dsec {font-size: 16px; font-weight: 400;}

header {position:fixed; width:100%; height: 100px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);z-index: 110; box-sizing: border-box; max-width:2560px;}
header .header__wrap {position: relative; max-width:1320px; height: 100%;	 margin: 0 auto; display: flex; justify-content: space-around; align-items: center;}
header .logo {display: inline-block; width:35px; height: 40px; background-image: url('../img/logo-w.svg'); background-repeat: repeat; background-position: center; cursor: pointer;}
header .menu-list {display: flex; justify-content: center; width:100%; align-items: center; gap:80px; cursor: pointer;} 
header .menu-list__item:first-child {display: none;}
header .menu-list__item button{ display: inline-block; font-size: 22px; line-height: 1.4; color:#fff; padding:34px 0; font-weight: 700;}
header .menu-list__item button:hover {text-decoration: underline;}
header .selected-menu__item {display:none;padding: 20px 40px 18px 24px;  font-size: 16px; line-height: 1.4; color:#fff; font-weight: 700; }
header .selected-menu__item.active {background: #93634F;}
header.brown {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
header.brown .menu-list__item button {color:#93634F}
header.brown .logo { background-image: url('../img/logo-b.svg');}

main {position: relative; z-index: 100;}

main .non-scroll__box section {position:relative;background-position: center top; background-repeat: no-repeat; min-height: 750px; padding-bottom: 100px; background-color: #fff;}
main .non-scroll__box .intro__section{ background-image: url('../img/bg-intro-1920.png'); background-color:#1B1E25; background-position: right top; background-size: cover; }
main .non-scroll__box .intro__section .section__inner {padding-top: 345px;}
main .non-scroll__box .intro__section .intro__inner {max-width:656px; word-break: break-word; text-align: left; color:#fff;}
main .non-scroll__box .intro__section .title {margin-top: 24px;}
main .non-scroll__box .intro__section .desc {margin-top: 60px;}

main .non-scroll__box .second__section .section__inner{min-height: 700px; padding-top:15vh; padding-bottom: 10vh;}
main .non-scroll__box .second__section .bar {position: absolute; left:40px; bottom:40px; width: 136px; height: 8px ; background: #93634F;}
main .non-scroll__box .second__section .text__box{width:100%; display: flex; gap:100px; text-align: left;}
main .non-scroll__box .second__section .text__box .s-title {min-width:123px; flex-shrink: 0}
main .non-scroll__box .second__section .text__box .title {position: relative; margin-bottom: 60px;}
main .non-scroll__box .second__section .text__box .title span{display: inline-block; background:linear-gradient(to bottom, transparent 60%, #FFB1B1 40%); font-size: 32px; font-weight: 700; line-height: 1.4; }
main .non-scroll__box .second__section .text__box .desc__box {display: flex; justify-content: space-between; gap:40px; }
main .non-scroll__box .second__section .text__box .desc__box-inner {max-width:40%;}
main .non-scroll__box .second__section .text__box .desc__box-inner .title {max-width:100%;font-family: 'Montserrat','roboto', sans-serif;}
main .non-scroll__box .second__section .text__box .desc__box .desc { margin-bottom: 24px;}
main .non-scroll__box .second__section .text__box .desc__box .img__box{margin-top: 140px;}


main .scroll__box {position:relative; width:100%;}
main .scroll__box.fixed {position:fixed; left:0; top:0;}
main .scroll__box .wrapper{display: flex; width:100%; height: 100vh; }
main .scroll__box .wrapper > section{ height: 100%; display: flex;align-items: center; justify-content: center; text-decoration: none; color:white; background-size:auto 100%; transition: all 1s; cursor: pointer;}
main .scroll__box .wrapper > section:hover {background-size:auto 115%;}
main .scroll__box .section__inner{display: flex; width:100%; max-width: 2560px;height: 100%; flex-direction: column; align-items: flex-start; justify-content: center; color:white; padding:0; }
main .scroll__box .title__box {width:100%; display: flex; margin-bottom: 80px; justify-content: center; align-content: center;}
main .scroll__box .title__box .intro-title {text-align: left; color:#fff;font-size: 22px; font-weight: 700; line-height: 1.4; font-family: 'MontserratSubrayada'; }
main .scroll__box .title__box button {height:0; width:0; transform: scaleY(0); font-family: 'MontserratSubrayada';font-weight: 700;font-size: 22px;line-height: 140%; color:#bbb; padding-right: 30px; background: url('../img/icon-arrow--grey.png') right center no-repeat; }
main .scroll__box .content__box ul {width:0; height:0; display: flex; justify-content: space-around; align-content: flex-start; gap:113px;}
main .scroll__box .content__box .list__item {text-align: left;}
main .scroll__box .content__box .img__box {width:96px; height: 96px; margin-bottom: 60px; display: flex; justify-content: center; align-items:center;  border: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box;border-radius: 8px; flex-shrink: 0;}
main .scroll__box .content__box .desc__box .desc__title {font-weight: 700;font-size: 18px;line-height: 1.4; margin-bottom: 24px;}


main .scroll__box .core-intro__wrap {width:50%; text-align: center; background: url('../img/bg-core.png') center top no-repeat;}
main .scroll__box .investment-intro__wrap {width:50%; text-align: center; background: url('../img/bg-investment.jpg') center top no-repeat;}

footer { position:sticky; left:0; bottom:0; width:100%; padding:10vh 0 20vh; background: url('../img/bg-footer.jpg') center top no-repeat; background-size: cover; color:#fff; z-index:0;}  
footer .section__inner{display: flex; flex:1 1 0; height: 100%; flex-direction: column; align-items: flex-start; justify-content: center; color:white; }
footer .section__inner > div {display: flex; justify-content: flex-start; gap:10em;}
footer .section__inner .etc-title__box {min-height: 125px; margin-bottom: 60px;}
footer .section__inner .etc-title__box .title {font-family:'Montserrat'; }
footer .section__inner .etc-title__box .s-title { margin-bottom: 24px;}
footer .section__inner .right__area .etc-title__box .title {font-size: 28px;}
footer .section__inner .right__area a {display:flex; justify-content: center; align-items: center; width: 180px;height: 60px;background: #fff; border-radius: 40px; font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: 0.02em;color: #000000; transition: all 1s;}
footer .section__inner .right__area a:hover {background: #ededed;}
footer:before {content:''; position: absolute; bottom:100px; left:0; width:100%; height: 1px; background: rgba(255,255,255,0.2); }
footer .copy-right {position: absolute; left:50%; margin-left:-660px; bottom:40px;}
footer .etc-desc__box .desc {margin-bottom: 24px;}


main .scroll__box .section__inner .intro-title
main .scroll__box .section__inner .title__box button
main .scroll__box .section__inner .list__item,
main .scroll__box .section__inner .list__item{position: relative; top:-40px; opacity: 0;}

main .scroll__box .section__inner .intro-title{transition:all .5s ease;}
main .scroll__box .section__inner .title__box button{transition:all .5s .5s ease;}
main .scroll__box .section__inner .list__item:nth-child(1){transition:all .5s 1s ease;}
main .scroll__box .section__inner .list__item:nth-child(2){transition:all .5s 1.5s ease;}
main .scroll__box .section__inner .list__item:nth-child(3){transition:all .5s 2s ease;}

/* animate */
main .scroll__box.first .core-intro__wrap {flex-shrink: 0; position: absolute; width: 100%; z-index: 1;background-size: auto 115%;}
main .scroll__box.first .core-intro__wrap .section__inner{opacity: 1; max-width:1440px;}
main .scroll__box.first .title__box {justify-content: space-between;}
main .scroll__box.first .core-intro__wrap .section__inner .intro-title,
main .scroll__box.first .core-intro__wrap .section__inner .title__box button,
main .scroll__box.first .core-intro__wrap .section__inner .list__item{ height: auto; opacity: 1; top:0; width:33.33%; }
main .scroll__box.first .title__box button{height:auto; width:auto; transform: scaleY(1); text-align: right; }
main .scroll__box.first ul{width:auto; height: auto;opacity: 1; top :0; }
main .scroll__box.second .core-intro__wrap {width:100%; transition: opacity 2s  ease; opacity: 0; }
main .scroll__box.second.first .core-intro__wrap {opacity: 1;}

main .scroll__box.second .investment-intro__wrap {flex-shrink: 0; position: absolute; right:0; width: 100%; z-index: 1;background-size: auto 115%;}
main .scroll__box.second .investment-intro__wrap .section__inner{opacity: 1;max-width:1440px;}
main .scroll__box.second .title__box {justify-content: space-between;}
main .scroll__box.second .investment-intro__wrap .section__inner .intro-title,
main .scroll__box.second .investment-intro__wrap .section__inner .title__box button,
main .scroll__box.second .investment-intro__wrap .section__inner .list__item{ height: auto; opacity: 1; top:0; }
main .scroll__box.second .investment-intro__wrap .section__inner .title__box button{height:auto; width:auto; transform: scaleY(1); }
main .scroll__box.second .investment-intro__wrap .section__inner ul{width:auto; height: auto;opacity: 1; top :0; }
main .scroll__box.first .investment-intro__wrap {transition: opacity 1s ease; transform-origin: right; opacity: 0; }
main .scroll__box.second.first .investment-intro__wrap {opacity: 1;}

main .scroll__box.first .section__inner,
main .scroll__box.second .section__inner{
	padding:0 60px;
}

@media screen and (max-width:1439px){
	.title {font-size: 28px;}
	.section__inner {max-width:100%; padding:0 43px;}
	header .header__wrap {max-width:100%; padding:0 43px;}
	header .menu-list {gap:40px;}
	header .menu-list__item button {font-size: 18px;}
	main .non-scroll__box .second__section .text__box .title span {font-size: 28px;}
	main .non-scroll__box .second__section .text__box .desc__box-inner {
		max-width:330px;
	}
	main .scroll__box.first .section__inner,
	main .scroll__box.second .section__inner{
		padding:0 43px;
	}
	footer .copy-right {left:43px; margin-left: auto;}
}

@media screen and (max-width:1024px){
	.title {font-size: 28px;}
	.s-title {font-size: 18px;}
	.section__inner {max-width:100%; padding:0 43px;}
	header .header__wrap {max-width:100%;}
	header .menu-list {gap:24px;}
	header .menu-list__item button {font-size: 14px;}
	main .non-scroll__box .second__section .text__box {display: block;}
	main .non-scroll__box .second__section .text__box .desc__box-inner {max-width:330px;margin-top: 24px;}
	main .non-scroll__box .second__section .text__box .desc__box .img__box {margin-top: 166px;}
	main .non-scroll__box .second__section .text__box .desc__box-inner .title {width:100%;}
	main .scroll__box .title__box button {font-size: 18px;}
	main .scroll__box .title__box .intro-title {font-size: 18px;}
	main .scroll__box .content__box ul {gap:40px;}
	
	footer {min-height: 100vh; padding:0;}
	footer:before {bottom:60px;}
	footer .copy-right { bottom:25px;}
}

@media screen and (max-width:767px){
	header {height: 60px;}
	header .logo {width:20px; background-size: 100% auto; background-repeat: no-repeat;}
	header .header__wrap {justify-content: flex-start;}
	header .menu-list {position: absolute; right: 0px; top:60px; width:auto; transform: scaleY(0); transform-origin: top; overflow: hidden;flex-direction: column;text-align: right; align-items: flex-end; transition: transform 0.3s ease-in-out; max-width:210px; gap:10px; background: #93634F;}
	header .menu-list .menu-list__item {display: block; width:100%;}
	header .menu-list__item button { padding:6px 0;width:100%; text-align: right; padding-right: 20px;}
	header .menu-list__item:first-child {display: inline-block;} 
	header .menu-list__item.active {background: #fff; color:#93634F;}
	header .menu-list__item.active button{color:#93634F; padding:10px 0; padding-right: 20px;}
	header .selected-menu__item { position: absolute; right: 0;top: 0;display:inline-block;}
	header .selected-menu__item:after {content:''; position:absolute; right:20px;  display: inline-block; width: 0px;   border-top: 8px solid #fff;border-left: 4px solid transparent;border-right: 4px solid transparent; margin-left:4px;top:30px;}
	header .selected-menu__item.active ~ .menu-list {display: flex; width:100%; max-width:230px;background: #93634F;  transform:scaleY(1)}

	header.brown .menu-list.active .menu-list__item button {color:#fff;}
	header .menu-list.active .menu-list__item.active button {color: #93634F; background: #fff;}
	header.brown .menu-list:after {border-top: 8px solid #93634F;}
	header.brown .menu-list.active:after {border-top: 8px solid #fff;}

	header.brown .menu-list__item button {color:#fff;}
	header.brown .menu-list__item.active button {color:#93634F;}
	header.brown .selected-menu__item {color:#93634F;}
	header.brown .selected-menu__item.active {color:#fff;}
	header.brown .selected-menu__item:after {border-top: 8px solid #93634F;}
	header.brown .selected-menu__item.active:after {color:#fff; border-top:8px solid #fff;}
	
	.s-title {font-size: 16px;}
	.title {font-size: 20px;}	
	.desc {font-size: 12px;}
	header .header__wrap,
	.section__inner,
	main .scroll__box .section__inner{padding:0 20px;}
	
	main .scroll__box .wrapper {flex-direction: column; height:auto;}
	main .scroll__box .wrapper > section {width:100%; padding:0px; min-height: 100vh; box-sizing: border-box;}
	main .non-scroll__box .intro__section {padding-bottom: 0; min-height: 550px;}
	main .non-scroll__box .intro__section .intro__inner {max-width:80%;}
	main .non-scroll__box .intro__section .section__inner {padding-top: 30%; padding-bottom: 30%;}
	main .non-scroll__box .second__section {position:relative; padding-bottom: 0px; max-height: inherit; padding-bottom: 15vh;}
	main .non-scroll__box .second__section .section__inner {position:initial;}
	main .non-scroll__box .second__section .text__box .desc__box .img__box {position: absolute; left:0; bottom:100px; width:100%; padding-bottom: 50%;
    height: 0;  margin-top: 0; overflow: hidden;}
	main .non-scroll__box .second__section .text__box .desc__box .img__box img{width: 100%;  position: absolute; left: 0; top: 50%;transform: translateY(-50%);}
	main .non-scroll__box .second__section .bar {width:96px; left:20px; bottom:60px;}
	
	main .scroll__box .core-intro__wrap {flex-shrink: 0; width: 100%; z-index: 1;}
	main .scroll__box .core-intro__wrap .section__inner{opacity: 1; max-width:1440px;}
	main .scroll__box .title__box {justify-content: space-between;}
/*
	main .scroll__box .core-intro__wrap .section__inner .intro-title,
	main .scroll__box .core-intro__wrap .section__inner .title__box button,
	main .scroll__box .core-intro__wrap .section__inner .list__item{ height: auto; opacity: 1; top:0;}
	main .scroll__box .title__box button{ display:none; height:auto; width:auto; transform: scaleY(1); text-align: right; }
	main .scroll__box ul{width:auto; height: auto;opacity: 1; top :0; }
	main .scroll__box .core-intro__wrap {width:100%;}
	main .scroll__box.second .core-intro__wrap.focus {opacity: 1; z-index: 0;}
*/
	main .scroll__box .section__inner .intro-title,
	main .scroll__box .section__inner .list__item:nth-child(1),
	main .scroll__box .section__inner .list__item:nth-child(2),
	main .scroll__box .section__inner .list__item:nth-child(3) {transition: all .6s ease}
	
	main .non-scroll__box section {position: relative; min-height:800px;}
	main .non-scroll__box .second__section .text__box .title span {font-size: 20px;}
	main .non-scroll__box .second__section .text__box .desc__box {display: block;}
	main .non-scroll__box .second__section .text__box .desc__box-inner {max-width:100%;}

	main .scroll__box .wrapper > section{position: relative !important; opacity: 1 !important;}
	main .scroll__box .wrapper > section:hover {background-size:auto 100%;}
	
	main .scroll__box .title__box .intro-title {font-size: 16px;}
	main .scroll__box .content__box ul{flex-direction: column; width:auto; height: auto; gap:80px;}
	main .scroll__box .section__inner .list__item {display: flex; width:100%; gap:16px; top:0;}
	
	main .scroll__box.first .core-intro__wrap .section__inner .title__box button,
	main .scroll__box.second .investment-intro__wrap .section__inner .title__box button {width:100%; display: none;}
	main .scroll__box.first .core-intro__wrap .section__inner .list__item,
	main .scroll__box.second .investment-intro__wrap .section__inner .list__item{display: flex; width:100%; gap:16px; }
	main .scroll__box.first .investment-intro__wrap .section__inner .intro-title,
	main .scroll__box.second .investment-intro__wrap .section__inner .intro-title{width:100%;}
	main .scroll__box .section__inner .list__item:nth-child(2){flex-direction: row-reverse; text-align: right;}
	
	main .scroll__box .content__box .img__box {width:40px; height: 40px;}
	main .scroll__box .content__box .img__box img {width:50%;}
	main .scroll__box .content__box .desc__box .desc__title {font-size: 14px;}
	main .scroll__box .content__box .desc__box .desc__text {font-size: 12px;}
	
	footer {min-height:650px;}
	footer .copy-right {font-size: 12px; left:20px; line-height: 1.4;}
	footer .section__inner {height:100vh;}
	footer .section__inner > div {display: block;}
	footer .section__inner .etc-title__box {margin-bottom: 0;}
	footer .section__inner .right__area .etc-title__box .title {font-size: 20px;}
	footer .section__inner .right__area a {width:140px; height: 50px; font-size: 14px;}
}


@media screen and (max-width:500px){
	main .non-scroll__box .second__section {padding-bottom: 0;}
	header .selected-menu__item {font-size: 14px; padding:20px 30px 20px 15px;}
	header .selected-menu__item:after {right:10px; top:25px;}
	header .selected-menu__item.active ~ .menu-list {max-width:200px;}
}