* {letter-spacing:-0.03em;word-spacing:-0.02em;}
img {max-width:100%;}



/*
html {overflow:visible !important;}
#ready {display:none !important;}
#busi {display:none;}
#beyo {display:none;}
*/





@keyframes visTxt {
	0% {transform:translate3d(0,30rem,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

@keyframes visTxt2 {
	0% {transform:translate3d(0,20px,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

#wrap {overflow:hidden;}

#header {position:absolute;left:0;top:0;width:100%;z-index:100;padding:0 80px;}
#header .inner {position:relative;height:100px;display:flex;justify-content:center;align-items:center;}
#header .logo {position:absolute;left:0;top:50%;transform:translateY(-50%);}
#header .logo a {display:block;width:187px;height:38px;background:url(../images/logo.svg) no-repeat 0 50% / contain;transition:0.2s;}
#header .gnb {display:flex;}
#header .gnb > li {position:relative;}
#header .gnb > li > a {display:flex;height:100px;align-items:center;font-size:18px;color:#000;padding:0 40px;}
#header .gnb > li > dl {position:absolute;left:50%;white-space:nowrap;transform:translate(-50%,10px);background:#141414;border-radius:30px;top:75px;padding:23px 35px 30px;opacity:0;visibility:hidden;transition:0.3s;}
#header .gnb > li > dl dt a {display:block;font-size:24px;font-weight:900;color:#fff;}
#header .gnb > li > dl dd {margin-top:20px;}
#header .gnb > li > dl dd li ~ li {margin-top:12px;}
#header .gnb > li > dl dd li a {font-size:18px;font-weight:600;color:#737373;}
#header .gnb > li > dl dd li a:hover {color:#fff;}
#header .gnb > li:hover > dl {opacity:1;transform:translate(-50%,0);visibility:visible;}
#header .mnu {width:34px;height:18px;background:url(../images/menu.svg) no-repeat 50% 50% / contain;position:absolute;right:0;top:50%;transform:translateY(-50%);}


@media (max-width:1200px){
	#header {position:absolute;left:0;top:0;width:100%;z-index:100;padding:0 30px;}
}

.ty1 #header .logo a {background-image:url(../images/logo3.svg);}
.ty1 #header .gnb > li > a  {color:#fff;}
.ty1 #header .mnu {background-image:url(../images/menu2.svg);}

/*
.ty1 #header:hover .logo a {background-image:url(../images/logo.svg);}
.ty1 #header:hover .gnb > li > a  {color:#000;}
.ty1 #header:hover .mnu {background-image:url(../images/menu.svg);}
*/


#nav {position:fixed;left:0;top:0;width:100%;height:100%;background:url(../images/full.png) no-repeat 50% 50%;z-index:1000;transition:0.5s;visibility:hidden;opacity:0;pointer-events:none;}
#nav .close {width:50px;height:50px;background:url(../images/close.svg) no-repeat;position:absolute;right:120px;top:75px;}
.navOn #nav {visibility:visible;opacity:1;pointer-events:auto;}


@keyframes visTxt {
	0% {transform:translate3d(0,20px,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

html {overflow:hidden;}
html.fin {overflow:visible;}

#ready {position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999;transition:2s;transition-delay:11s;}
#ready dl {display:flex;gap:25px;transition:2s;transition-delay:6.5s;}
#ready dl dt {font-size:43px;color:#0b318f;font-family:'Pretendard',sans-serif;line-height:1;font-weight:900;}
#ready dl dt > * {opacity:0;transform:translate3d(0,20px,0);display:inline-block;position:relative;}
#ready dl dt strong {font-size:50px;font-weight:normal;}
#ready dl .space {width:0;transition:2s;transition-delay:3s;position:relative;}
#ready dl .space:before {content:"";display:block;position:absolute;left:0;bottom:10px;width:100%;height:1px;background:#9F9F9F;}
#ready dl .word {font-size:24px;font-weight:400;color:#5F5F5F;line-height:1;padding-top:16px;width:0;transition-delay:1.5s;}
#ready dl .word > * {opacity:0;transform:translate3d(0,20px,0);display:inline-block;position:relative;}
#ready .logo {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.4);opacity:0;transition:2s;transition-delay:8s;}


@media (max-width:1200px){
	#ready dl {display:flex;gap:25px;transition:2s;transition-delay:6.5s;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: stretch;}
	#ready dl dt {font-size:35px;color:#0b318f;font-family:'Pretendard',sans-serif;line-height:1.1;font-weight:900;}
	#ready dl .word {font-size:22px;font-weight:400;color:#5F5F5F;line-height:1.3;padding-top:16px;width:0;transition-delay:1.5s;}

}


.load #ready dl dt > *:nth-child(1) {animation-delay:0s;}
.load #ready dl dt > *:nth-child(2) {animation-delay:0.05s;}
.load #ready dl dt > *:nth-child(3) {animation-delay:0.10s;}
.load #ready dl dt > *:nth-child(4) {animation-delay:0.15s;}
.load #ready dl dt > *:nth-child(5) {animation-delay:0.20s;}
.load #ready dl dt > *:nth-child(6) {animation-delay:0.25s;}
.load #ready dl dt > *:nth-child(7) {animation-delay:0.30s;}
.load #ready dl dt > *:nth-child(8) {animation-delay:0.35s;}
.load #ready dl dt > *:nth-child(9) {animation-delay:0.40s;}
.load #ready dl dt > *:nth-child(10){animation-delay:0.45s;}
.load #ready dl dt > *:nth-child(11){animation-delay:0.50s;}
.load #ready dl dt > *:nth-child(12){animation-delay:0.55s;}
.load #ready dl dt > *:nth-child(13){animation-delay:0.60s;}
.load #ready dl dt > *:nth-child(14){animation-delay:0.65s;}
.load #ready dl dt > *:nth-child(15){animation-delay:0.70s;}
.load #ready dl dt > *:nth-child(16){animation-delay:0.75s;}
.load #ready dl dt > *:nth-child(17){animation-delay:0.80s;}
.load #ready dl dt > *:nth-child(18){animation-delay:0.85s;}
.load #ready dl dt > *:nth-child(19){animation-delay:0.90s;}
.load #ready dl dt > *:nth-child(20){animation-delay:0.95s;}
.load #ready dl dt > *:nth-child(21){animation-delay:1.00s;}
.load #ready dl dt > *:nth-child(22){animation-delay:1.05s;}
.load #ready dl dt > *:nth-child(23){animation-delay:1.10s;}
.load #ready dl dt > *:nth-child(24){animation-delay:1.15s;}
.load #ready dl dt > *:nth-child(25){animation-delay:1.20s;}
.load #ready dl dt > *:nth-child(26){animation-delay:1.25s;}
.load #ready dl dt > *:nth-child(27){animation-delay:1.30s;}
.load #ready dl dt > *:nth-child(28){animation-delay:1.35s;}
.load #ready dl dt > *:nth-child(29){animation-delay:1.40s;}
.load #ready dl dt > *:nth-child(30){animation-delay:1.45s;}
.load #ready dl dt > *:nth-child(31){animation-delay:1.40s;}
.load #ready dl dt > *:nth-child(32){animation-delay:1.45s;}
.load #ready dl dt > *:nth-child(33){animation-delay:1.45s;}
.load #ready dl dt > *:nth-child(34){animation-delay:1.45s;}
.load #ready dl dt > *:nth-child(35){animation-delay:1.45s;}
.load #ready dl dt > *:nth-child(36){animation-delay:1.45s;}

.load #ready dl .space {width:300px;}

.load #ready dl .word {width:auto;}
.load #ready dl .word > *:nth-child(1) {animation-delay:1.50s;}
.load #ready dl .word > *:nth-child(2) {animation-delay:1.55s;}
.load #ready dl .word > *:nth-child(3) {animation-delay:1.60s;}
.load #ready dl .word > *:nth-child(4) {animation-delay:1.65s;}
.load #ready dl .word > *:nth-child(5) {animation-delay:1.70s;}
.load #ready dl .word > *:nth-child(6) {animation-delay:1.75s;}
.load #ready dl .word > *:nth-child(7) {animation-delay:1.80s;}
.load #ready dl .word > *:nth-child(8) {animation-delay:1.85s;}
.load #ready dl .word > *:nth-child(9) {animation-delay:1.90s;}
.load #ready dl .word > *:nth-child(10){animation-delay:1.95s;}
.load #ready dl .word > *:nth-child(11){animation-delay:2.00s;}
.load #ready dl .word > *:nth-child(12){animation-delay:2.05s;}
.load #ready dl .word > *:nth-child(13){animation-delay:2.10s;}
.load #ready dl .word > *:nth-child(14){animation-delay:2.15s;}
.load #ready dl .word > *:nth-child(15){animation-delay:2.20s;}
.load #ready dl .word > *:nth-child(16){animation-delay:2.25s;}
.load #ready dl .word > *:nth-child(17){animation-delay:2.30s;}
.load #ready dl .word > *:nth-child(18){animation-delay:2.35s;}
.load #ready dl .word > *:nth-child(19){animation-delay:2.40s;}
.load #ready dl .word > *:nth-child(20){animation-delay:2.45s;}
.load #ready dl .word > *:nth-child(21){animation-delay:2.45s;}
.load #ready dl .word > *:nth-child(22){animation-delay:2.45s;}
.load #ready dl .word > *:nth-child(23){animation-delay:2.45s;}
.load #ready dl .word > *:nth-child(24){animation-delay:2.45s;}
.load #ready dl .word > *:nth-child(25){animation-delay:2.45s;}

.load #ready dl dt > *,
.load #ready dl .word > * {animation:visTxt 0.2s;animation-fill-mode:forwards;}
.load #ready dl {transform:scale(0.8);opacity:0;}
.load #ready .logo {opacity:1;transform:translate(-50%,-50%) scale(1);}
.load #ready {opacity:0;pointer-events:none;visibility:hidden;transform:scale(0.8)}


@keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
#vis {background:#000;}
#vis,
#vis .vis {height:100vh;position:relative;overflow:hidden;}
#vis .vis video {display:block;width:100%;height:100%;object-fit:cover;}
#vis .scr {width:90px;height:90px;position:absolute;right:80px;bottom:60px;background:url(../images/scr-arr.svg) no-repeat 50% 50%;z-index:90;}
#vis .scr:before {content:"";animation:spin 5s linear infinite;background:url(../images/scr-txt.svg) no-repeat 50% 50% / contain;display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#vis .vis .txt {position:absolute;left:0;bottom:200px;width:100%;padding:0 80px;font-size:54px;font-weight:800;color:#fff;line-height:1.1;transform:translateY(20px);opacity:0;transition:1.5s;}
#vis .cont {position:absolute;left:0;bottom:100px;width:100%;display:flex;align-items:center;z-index:10;padding:0 80px;}
#vis .vis.active .txt {transform:translateY(0);opacity:1;}

#vis .cont .page {width:auto;display:flex;align-items:center;gap:20px;}
#vis .cont .page button {border:none;font-size:15px;font-weight:800;color:#fff;position:relative;transition:0.2s;width:20px;text-align:center;white-space:nowrap;}
#vis .cont .page button.progress {position:relative;width:260px;}
#vis .cont .page button.progress::before {content:"";display:block;position:absolute;left:0;top:0;height:3px;width:100%;margin-top:-1.5px;background:#D9D9D9A1;}
#vis .cont .page button.progress::after {content:"";display:block;position:absolute;left:0;top:0;height:3px;width:100%;margin-top:-1.5px;background:#fff;transform:sacleX(0);animation:progressAnim 12s linear forwards;transform-origin:0 50%;}

@keyframes progressAnim {
	from { transform:scaleX(0); }
	to { transform:scaleX(1); }
}

#vis .cont .bt {display:flex;margin-left:32px;align-items:center;gap:10px;}
#vis .cont .bt button {width:18px;height:18px;gap:18px;text-indent:-9999px;position:relative;}
#vis .cont .bt .prev {background:url(../images/vis-prev.svg) no-repeat 50% 50% / contain;}
#vis .cont .bt .next {background:url(../images/vis-next.svg) no-repeat 50% 50% / contain;top:1px;}



@media (max-width:1200px){
	#vis {background:#000;}
	#vis .scr {display:none !important;}
	#vis .vis .txt {position:absolute;left:0;bottom:200px;width:100%;padding:0 20px;font-size:36px;font-weight:600;color:#fff;line-height:1.0;transform:translateY(20px);opacity:0;transition:1.5s;}
	#vis .cont {position:absolute;left:0;bottom:100px;width:100%;display:flex;align-items:center;z-index:10;padding:0 20px;}
	#vis .vis.active .txt {transform:translateY(0);opacity:1;}

	#vis .cont .page {width:auto;display:flex;align-items:center;gap:20px;}
	#vis .cont .page button {border:none;font-size:15px;font-weight:800;color:#fff;position:relative;transition:0.2s;width:20px;text-align:center;white-space:nowrap;}
	#vis .cont .page button.progress {position:relative;width:160px;}
	#vis .cont .page button.progress::before {content:"";display:block;position:absolute;left:0;top:0;height:3px;width:100%;margin-top:-1.5px;background:#D9D9D9A1;}
	#vis .cont .page button.progress::after {content:"";display:block;position:absolute;left:0;top:0;height:3px;width:100%;margin-top:-1.5px;background:#fff;transform:sacleX(0);animation:progressAnim 12s linear forwards;transform-origin:0 50%;}

}






#beyo {text-align:center;position:relative;height:100vh;min-height:0px; margin-bottom:50px;}
#beyo .inner {width:1460px;margin:0 auto;}
#beyo .tit {position:absolute;left:0;top:120px;width:100%;z-index:10;}
#beyo .tit dt {font-size:20px;color:#B09076;font-weight:bold;}
#beyo .tit dd {font-size:70px;line-height:1.1;color:#000;margin-top:10px;font-weight:bold;}
#beyo .txt {position:absolute;left:0;top:310px;width:100%;color:#000;}
#beyo .txt p {font-size:17px;font-weight:400;line-height:1.3;}
#beyo .txt h4 {font-size:32px;font-weight:600;margin:10px 0;}
#beyo .txt .tt {opacity:0;transform:translateY(20px);}
#beyo .txt .bt {margin-top:185px;}
#beyo .txt .bt a {display:inline-flex;align-items:center;justify-content:space-between;width:165px;height:50px;border-radius:25px;border:1px solid #fff;font-size:13px;font-weight:600;color:#fff;padding:0 15px 0 25px;transition:0.2s;}
#beyo .txt .bt a:after {content:"";display:block;width:33px;height:33px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;}
#beyo .txt .bt a:hover {background:#004EA2;border-color:#004EA2;}
#beyo i {display:block;width:1460px;height:500px;left:50%;transform:translateX(-50%);bottom:0;position:absolute;background:url(../images/bg-beyo.png) no-repeat 50% 50% / auto 94vh; border-radius:25px;}


@media (max-width:1200px){
	#beyo .tit {position:absolute;left:0;top:60px;width:100%;z-index:10;}
	#beyo .tit dt {font-size:18px;color:#B09076;font-weight:bold;}
	#beyo .tit dd {font-size:40px;line-height:1.1;color:#000;margin-top:10px;font-weight:bold;}
	#beyo .txt {position:absolute;left:0;top:210px;width:100%;color:#000;}
	#beyo .txt p {font-size:17px;font-weight:400;line-height:1.3;}
	#beyo .txt h4 {font-size:32px;font-weight:600;margin:10px 0;}

}


#busi {position:relative;padding:75px 15px;overflow:hidden;background:#fff;z-index:5;}
#busi i {display:block;position:absolute;left:0;top:0;background:url(../images/bg-busi.png) no-repeat 50% 50% / cover;background-attachment:fixed;width:100%;height:100%;}
#busi .inner {max-width:1760px;margin:0 auto;position:relative;}
#busi .tit {color:#fff;}
#busi .tit dt {font-size:20px;font-weight:bold;color:#A2BADA;}
#busi .tit dd {font-size:50px;font-weight:bold;color:#fff;line-height:1.1;margin-top:5px;}
#busi .area {margin-top:55px;}
#busi .area .pin {perspective:300px; margin-bottom:35px; transform-origin:center top;position:relative;}
#busi .area .pin .box{filter:brightness(1);position:relative;}


#footer {background:#282828;padding:60rem 15rem;}
#footer .inner {max-width:1440rem;margin:0 auto;position:relative;}
#footer h2 {width:206rem;height:25rem;text-indent:-9999rem;background:url(../images/logo4.svg) no-repeat 0 50% / contain;}
#footer .slogan {margin-top:15rem;}
#footer .slogan dt {font-size:20rem;color:#fff;}
#footer .slogan dd {margin-top:5rem;font-size:16rem;color:rgba(255,255,255,0.42);}
#footer .copy {font-size:13rem;font-weight:500;color:#fff;margin-top:50rem;}
#footer .rig {position:absolute;right:0;top:35rem;display:flex;gap:45rem;}
#footer .add dl ~ dl {margin-top:24rem;}
#footer .add dl dt {font-size:18rem;font-weight:600;color:#fff;}
#footer .add dl dd {font-size:13rem;color:rgba(255,255,255,0.4);margin-top:7rem;}
#footer .rel {width:237rem;position:relative;}
#footer .rel button {display:block;width:100%;height:44rem;border-radius:4rem;border:1rem solid #9f9f9f;background:#3A3A3A;text-align:left;font-size:14rem;color:rgba(255,255,255,0.7);padding:0 20rem;position:relative;transition:0.2s;}
#footer .rel button i {display:block;font-size:18rem;position:absolute;right:12rem;top:50%;line-height:1;margin-top:-0.5em;transition:0.2s;}
#footer .rel .ov {display:none;position:absolute;left:0;bottom:100%;width:100%;background:#fff;border:1rem solid #9f9f9f;margin-bottom:-1rem;border-radius:4rem 4rem 0 0;padding:10rem 0;}
#footer .rel .ov a {display:block;font-size:14rem;padding:5rem 20rem;}
#footer .rel .ov a:hover {color:#333;text-decoration:underline;}

@media all and (min-width:1201px){
	#footer .rel:hover button {color:#fff;}
	#footer .rel:hover button i {transform:rotate(180deg);}
	#footer .rel:hover .ov {display:block;}
}

@media all and (max-width:1200px){
	#footer {padding:30rem 15rem;}
	#footer h2 {width:120rem;height:34rem;}
	#footer .slogan {margin-top:10rem;}
	#footer .slogan dt {font-size:18rem;}
	#footer .slogan dd {font-size:14rem;}
	#footer .copy {margin-top:25rem;}
	#footer .rig {position:relative;top:0;display:block;margin-top:15rem;}
	#footer .add dl ~ dl {margin-top:15rem;}
	#footer .add dl dt {font-size:18rem;font-weight:600;color:#fff;}
	#footer .add dl dd {font-size:13rem;color:rgba(255,255,255,0.4);margin-top:7rem;}
	#footer .rel {width:100%;margin-top:25rem;}
	#footer .rel button {padding:0 15rem;}
	#footer .rel .ov a {padding:5rem 15rem;}

	#footer .rel.active button {color:#fff;}
	#footer .rel.active button i {transform:rotate(180deg);}
	#footer .rel.active .ov {display:block;}
}



#site {padding:50px 15px 65px;}
#site .inner {max-width:1760px;margin:0 auto;display:flex;justify-content:space-between;}
#site .fam {width:214px;position:relative;}
#site .fam button {text-align:left;display:block;height:40px;border:1px solid #cacaca;border-radius:6px;padding-left:19px;font-size:13px;color:#858585;font-weight:600;position:relative;width:100%;}
#site .fam button:before {content:"";display:block;width:24px;height:24px;background:url(../images/ico-fam.svg) no-repeat 50% 50% / contain;position:absolute;right:13px;top:50%;margin-top:-12px;}
#site .fam ul {position:absolute;left:0;bottom:100%;width:100%;background:#fff;border:1px solid #cacaca;border-bottom:none;padding:15px;z-index:50;border-radius:6px 6px 0 0;display:none;}
#site .fam ul li a {display:block;padding:5px 0;font-size:13px;}
.famOn #site .fam button:before {transform:rotate(180deg);color:#000;}
.famOn #site .fam button {border-radius:0 0 6px 6px;}
.famOn #site .fam ul {display:block;}



#gotop {display:block;width:60px;height:60px;background:url(../images/gotop.svg) no-repeat 50% 50% / contain;position:fixed;right:80px;bottom:100px;transform:translateY(20px);transition:0.2s;z-index:50;visibility:hidden;opacity:0;}
.headFix #gotop {transform:translateY(0);opacity:1;visibility:visible;}

@media (max-width:1200px){
	#gotop {display:block;width:60px;height:60px;background:url(../images/gotop.svg) no-repeat 50% 50% / contain;position:fixed;right:20px;bottom:50px;transform:translateY(20px);transition:0.2s;z-index:50;visibility:hidden;opacity:0;} 


}


#brand {background:url(../images/bg-brand.png) no-repeat 50% 50% / cover;padding:75px 15px 120px;overflow:hidden;}
#brand .inner {max-width:1760px;margin:0 auto;position:relative;}
#brand .head {display:flex;gap:28px;align-items:flex-start;}
#brand .head .tit dt {font-size:20px;font-weight:500;color:#B09076;}
#brand .head .tit dd {font-size:48px;font-weight:700;color:#fff;line-height:1.1;margin-top:5px;}
#brand .head .slogan {font-family:'Times New Roman',sans-serif;font-size:24px;color:#B09076;padding-top:16px;}
#brand .head .slogan span {font-size:32px;}
#brand .head .bar {flex:1;position:relative;}
#brand .head .bar:before {content:"";display:block;position:absolute;left:0;top:110px;width:100%;height:1px;background:#AEAEAE;}
#brand .area {display:flex;margin-top:85px;justify-content:space-between;}
#brand .area .lef .txt {font-size:24px;line-height:1.2;color:#8c8c8c;font-weight:400;}
#brand .area .lef .log {margin-top:185px;}
#brand .area .lef .log dt {}
#brand .area .lef .log dd {font-family:'Times New Roman',sans-serif;font-size:16px;line-height:2;color:#484848;margin-top:10px;}
#brand .area .rig {width:1200px;}
#brand .area .rig .roll {width:1404px;}
#brand .area .rig .box {width:800px;transition:0.2s;opacity:0;}
#brand .area .rig .box .img img {display:block;box-shadow: 11px 24px 29.8px 0px rgba(0, 0, 0, 0.4);}
#brand .area .rig .box .info {padding:30px 20px 0;}
#brand .area .rig .box .info dl dt {font-size:20px;min-height:44px;line-height:22px;color:#000;font-weight:600;}
#brand .area .rig .box .info dl dd {margin-top:11px;font-size:15px;line-height:18px;color:#6d6d6d;}
#brand .area .rig .box .info p {font-family:'Times New Roman',sans-serif;font-size:20px;color:#FF8000;margin-top:24px;}
#brand .area .rig .box.swiper-slide-active,
#brand .area .rig .box.swiper-slide-active + .box,
#brand .area .rig .box.swiper-slide-active + .box + .box,
#brand .area .rig .box.swiper-slide-active + .box + .box + .box {opacity:1;}
#brand .bt {display:flex;gap:5px;position:absolute;right:0;top:143px;}
#brand .bt button {width:50px;height:50px;border:1px solid #fff;text-indent:-9999px;background:url(../images/ico-prev.svg) no-repeat 50% 50%;color:#fff;}
#brand .bt .next {background-image:url(../images/ico-next.svg);color:#fff;}


@media (max-width:1200px){
	#brand .head {display:flex;gap:28px;align-items:flex-start;}
	#brand .head .tit dt {font-size:20px;font-weight:500;color:#B09076;}
	#brand .head .tit dd {font-size:28px;font-weight:700;color:#fff;line-height:1.1;margin-top:5px;}
	#brand .head .bar {flex:1;position:relative;}
	#brand .head .bar:before {content:"";display:block;position:absolute;left:0;top:110px;width:100%;height:1px;background:#AEAEAE;}

}



#news {padding:75px 15px;}
#news .inner {max-width:1760px;margin:0 auto;position:relative;display:flex;justify-content:space-between;align-items:flex-start;}
#news .lef {}
#news .lef .tit dt {font-size:20px;font-weight:700;color:#B09076;}
#news .lef .tit dd {font-size:50px;font-weight:700;color:#000;line-height:1.1;margin-top:5px;}
#news .rig {width:1217px;}
#news .rig .roll {width:1510px;}
#news .rig .box {transition:0.2s;opacity:0;}
#news .rig .box .img img {display:block;}
#news .rig .box .info {padding:20px 0 0;}
#news .rig .box .info dl dt {font-size:22px;min-height:64px;line-height:32px;color:#000;font-weight:500;}
#news .rig .box .info dl dd {margin-top:10px;font-size:13px;line-height:1.5;color:#949494;}
#news .rig .box .info p {font-size:16px;color:#B6B6B6;margin-top:35px;}
#news .rig .box.swiper-slide-active,
#news .rig .box.swiper-slide-active + .box,
#news .rig .box.swiper-slide-active + .box + .box,
#news .rig .box.swiper-slide-active + .box + .box + .box {opacity:1;}
#news .bt {display:flex;gap:5px;position:absolute;left:354px;top:264px;z-index:10;}
#news .bt button {width:50px;height:50px;border:1px solid #a8a8a8;text-indent:-9999px;background:#fff url(../images/ico-prev.svg) no-repeat 50% 50%;}
#news .bt .next {background-image:url(../images/ico-next.svg);}


#esg {position:relative;overflow:hidden;padding:0 15px;}
#esg video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;}
#esg .inner {position:relative;z-index:10;max-width:1760px;margin:0 auto;height:100vh;padding-top:75px;}
#esg .top .tit dt {font-size:20px;font-weight:500;color:#fff;}
#esg .top .tit dd {font-size:50px;font-weight:700;color:#fff;line-height:1.1;margin-top:5px;}
#esg .top p {font-size:16px;font-weight:500;color:#fff;line-height:2;margin-top:85px;}
#esg .bot {position:absolute;right:0;bottom:130px;}
#esg .bot dl dt {font-size:50px;font-weight:700;color:#fff;line-height:1.1;}
#esg .bot dl dd {font-size:16px;font-weight:500;color:#fff;line-height:2;margin-top:42px;}
#esg .bot p {margin-top:45px;}
#esg .bot p a {display:inline-flex;align-items:center;justify-content:space-between;width:165px;height:50px;border-radius:25px;border:1px solid #fff;font-size:13px;font-weight:600;color:#fff;padding:0 15px 0 25px;transition:0.2s;}
#esg .bot p a:after {content:"";display:block;width:33px;height:33px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;}
#esg .bot p a:hover {background:#004EA2;border-color:#004EA2;}



@media (max-width:1200px){
	#esg {position:relative;overflow:hidden;padding:0 20px;}
	#esg video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;}
	#esg .inner {position:relative;z-index:10;max-width:1760px;margin:0 auto;height:100vh;padding-top:75px;}
	#esg .top .tit dt {font-size:20px;font-weight:500;color:#fff;}
	#esg .top .tit dd {font-size:28px;font-weight:700;color:#fff;line-height:1.1;margin-top:5px;}
	#esg .top p {font-size:16px;font-weight:400;color:#fff;line-height:1.5;margin-top:25px;}
	#esg .bot {position:absolute;right:0;bottom:130px;}
	#esg .bot dl dt {font-size:28px;font-weight:700;color:#fff;line-height:1.1;}
	#esg .bot dl dd {font-size:16px;font-weight:400;color:#fff;line-height:1.5;margin-top:22px;}



}




#ban {padding:60px 15px 0;}
#ban .inner {max-width:1760px;margin:0 auto;}