@charset "utf-8";

.section { position: relative; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; }
.section > div { padding-top:100px; }
#homepageBottom.section > div { padding-top: 0 }

@media all and (max-width:1380px) {
	.section > div { padding-top:75px; }
}
@media all and (max-width:1024px) {
    .section { min-height: auto !important;  height: auto !important; }
    .section .fp-tableCell {height:auto !important; }
    .section > div { padding:100px 0; }

    #homepageBottom  {display:none}

}
@media all and (max-width:768px) {
	.section > div { padding-top:8rem; }
}



br.br1280{display: none;}
br.br980{display: none;}
br.br768{display: none;}
br.mo{display: none;}

.p-Part{padding: 160px 0;}

@media all and (max-width:1280px){
    br.br1280{display: block !important;}
    .p-Part{padding: 140px 0;}
}
@media all and (max-width:980px) {
    br.br980{display: block !important;}
    .p-Part{padding: 120px 0;}
}
@media all and (max-width:768px) {
    br.br768{display: block !important;}
    .p-Part{padding: 100px 0;}
}
@media all and (max-width:480px) {
    br.mo{display: block !important;}
    .p-Part{padding: 8rem 0;}
}



#mVisual{ position:relative; width:100%; height:100vh; overflow:hidden; }
#mVisual.section > div{padding:0 !important;}
.main_visual_slider,
.main_visual_slider .slick-list,
.main_visual_slider .slick-track,
.mv_slide{height:100vh;}
.mv_slide{position:relative;overflow:hidden;}
.mv_slide video,
.mv_slide .bg{ position:absolute; left:0; top:0; width:100%; height:100vh; object-fit:cover; }
.mv_slide .bg{background-position:center;background-size:cover;background-repeat:no-repeat;}
.mv-txt{ position:relative; display:flex; align-items:center; width:90%; max-width:1600px; margin:0 auto; height:100vh; z-index:15; flex-wrap:wrap; align-content:center; color:#000; }
.mv-txt h4{width:100%;font-size:2.5rem;font-weight:normal;}
.mv-txt img{margin: 5rem 0 1rem;}
.mv-txt h3{ width:100%; font-size:5.5rem; font-weight:600; }
.mv-txt p{ width:100%; font-size:2rem; font-weight:500; margin-top:4rem; line-height: 3rem;}
.mv-txt p.eng{margin-top: 0.5rem;}

.main_visual_slider .slick-dots{ position:absolute; left:calc((100% - min(90%, 1600px)) / 2); top:77%; z-index:30; display:flex; align-items:center; gap:1rem; width:auto; padding:1.5rem 2rem; margin:0; list-style:none; background:#f3f3f3; border-radius:50px; height: fit-content; }
.main_visual_slider .slick-dots li{ width:1rem; height:1rem; margin:0; background: #ccc; }
.main_visual_slider .slick-dots li button{ width:1rem; height:1rem; padding:0; border:0; border-radius:50%; background:#ccc; font-size:0; cursor:pointer; }
.main_visual_slider .slick-dots li button:before{display:none;}
.main_visual_slider .slick-dots li.slick-active button{background:#ef5b2a;}
.scroll-dw{ position:absolute; bottom:3em; left:50%; transform:translate(-50%, 0); z-index:101; text-align:center; }
.scroll-dw p{ font-size:1.6rem; color:#fff; font-weight:500; }
.scroll-dw span{ display:inline-block; margin-top:0.5rem; font-size:2rem; font-family:'suit'; color:var(--color1); font-weight:bold; }
#mv-vod { position: absolute; left: 0; top:0; width: 100%; height: 100vh; object-fit: cover; }

@media all and (max-width:1280px){
    .mv-txt h3{font-size:6rem;}
    .mv-txt p{font-size:2rem;}
}

@media all and (max-width:768px){
    .mv-txt h4{font-size:2rem;}
    .mv-txt img{margin: 4rem 0 1rem; width: 13rem;}
    .mv-txt h3{font-size:5rem;}
    .mv-txt p{font-size:1.8rem;}
    
    .main_visual_slider .slick-dots{ left:5%; padding:1rem 1.5rem; }
    
    .scroll-dw p{font-size:1.4rem;}
    .scroll-dw span{font-size:1.8rem;}
}

@media all and (max-width:480px){
    .mv-txt img{margin: 3rem 0 0; width: 12rem;}
    .mv-txt h3{ font-size:4rem; line-height:5rem; margin-top:1rem; }
    .mv-txt p{ font-size:1.6rem; line-height:2.6rem; }
    .mv-txt p.eng{font-size: 1.4rem; margin-top: 0;}

    .scroll-dw span{font-size:1.6rem;}
}



.m_txt h3{font-size: 5.6rem; color: #222;}
.m_txt h4{font-size: 2.4rem; color: var(--color1); margin-top: 3rem;}
.m_txt p{font-size: 1.8rem; font-weight: 500; color: #666; line-height: 3rem; margin-top: 3rem;}
.m_txt a{display: inline-block; font-size: 1.8rem; color: #000; font-weight: 500; margin-top: 7rem;}
.m_txt a:hover{color: var(--color1); }
.m_txt a span{color: var(--color1); font-family: 'suit'; font-weight: bold;margin-left: 1rem;}

@media all and (max-width:1280px) {
    .m_txt h3{font-size: 5rem;}
    .m_txt h4{font-size: 2rem;}
    .m_txt p{font-size: 1.6rem;}
    .m_txt a{font-size: 1.6rem; margin-top: 5rem;}
}
@media all and (max-width:1024px) {
    .m_txt h3{font-size: 4.5rem;}
    .m_txt h4{font-size: 1.8rem;}
}
@media all and (max-width:480px) {
    .m_txt h3{font-size: 4rem;}
    .m_txt h4{margin-top: 3rem;}
    .m_txt p{margin-top: 3rem;}
    .m_txt a{margin-top: 3rem;}
}


#m_pep .inner{display: flex; align-items: center;}
#m_pep .lt{width: 56rem;}
#m_pep .rt{width: calc(100% - 56rem);}
#m_pep .rt .img{display: flex; gap: 2rem;}
#m_pep .rt .img img{border-radius: 2rem; overflow: hidden;}


@media all and (max-width:1280px) {
    #m_pep .lt{width: 48rem;}
    #m_pep .rt{width: calc(100% - 48rem);}
}
@media all and (max-width:1024px) {
    #m_pep .inner{flex-wrap: wrap; gap: 5rem;}
    #m_pep .lt{width: 100%;}
    #m_pep .rt{width: 100%;}
}
@media all and (max-width:768px) {
    #m_pep .rt .img{gap: 1rem;}
    #m_pep .rt .img img{border-radius: 1rem;}
}


#m_syl{text-align: center; position: relative;}
#m_syl h3{ line-height: 7.8rem; padding-bottom: 100px;}
#m_syl h3 span{color: var(--color1);}
a.more{position: absolute; bottom: 8rem; display: inline-block; font-size: 1.8rem; color: #000; font-weight: 500;left: 50%; transform: translateX(-50%);}
a.more:hover{color: var(--color1); }
a.more span{color: var(--color1); font-family: 'suit'; font-weight: bold;margin-left: 1rem;}

@media all and (max-width:1280px) {
    a.more{font-size: 1.6rem;}
    #m_syl h3{ line-height: 6.5rem; padding-bottom: 75px;}
}
@media all and (max-width:1024px) {
    a.more{bottom: 12rem;}
    #m_syl #mv-vod{height: 100% !important;}
    #m_syl h3{ line-height: 6.5rem; padding-bottom:10rem;letter-spacing: -0.07em;}
}
@media all and (max-width:768px) {
    #m_syl h3{line-height: 6rem; font-size: 4rem;}
}
@media all and (max-width:480px) {
    a.more{bottom: 9rem;}
    #m_syl h3{line-height: 5rem; font-size: 3.5rem; padding-bottom: 6rem;}
}


#m_rnd{text-align: center;}
.rnd_slider{position: relative; margin-bottom: 8rem;}

.rnd_slider:before{ content:''; position:absolute; left:0; top:0; width:220px; height:100%; z-index:5; pointer-events:none; background: linear-gradient( to right, #fff 0%, rgba(255,255,255,0.95) 20%, rgba(255,255,255,0) 100%);}
.rnd_slider:after{ content:''; position:absolute; right:0; top:0; width:220px; height:100%; z-index:5; pointer-events:none; background: linear-gradient( to left, #fff 0%, rgba(255,255,255,0.95) 20%, rgba(255,255,255,0) 100% );}

.rnd_slider .item{ transition: 0.4s;}
.rnd_slider .rnd_box{ height: 34rem; border-radius: 2rem; background: #f3f3f3; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: 0.4s ease; }
.rnd_slider .img{ width: 20rem; display: flex; align-items: center; justify-content: center; }
.rnd_slider .img img{width: 100%;object-fit: contain;}

.rnd_slider .slick-slide {margin: 0 3rem;}
.rnd_slider .slick-list {margin: 0 -3rem; padding-top: 12rem !important;}

.rnd_slider h4{ margin-top: 30px; font-size: 2.4rem; font-weight: 700; color: #111; transition: 0.3s; }
.rnd_slider .slick-center{margin-top: -3rem;}
.rnd_slider .slick-center .rnd_box{ background: var(--color1); }
.rnd_slider .slick-center h4{color: #fff;}
#m_rnd .more{position: relative; bottom: auto; left: auto; transform: translateX(0);}


@media all and (max-width:1680px){
    .rnd_slider{position: relative; margin-bottom: 6rem;}
    .rnd_slider .slick-slide {margin: 0 2rem;}
    .rnd_slider .slick-list {margin: 0 -2rem; padding-top: 10rem !important;}
    .rnd_slider .slick-center{margin-top: -3rem;}
}
@media all and (max-width:1480px){
    .rnd_slider .rnd_box{ height: 30rem;}
    .rnd_slider h4{font-size: 2rem;}
}
@media all and (max-width:1280px){
    .rnd_slider .rnd_box{ height: auto; padding: 4rem 1rem;}
    .rnd_slider .img{ width: 18rem;}
}
@media all and (max-width:768px){
    .rnd_slider:before{width:20%;}
    .rnd_slider:after{width: 20%;}
    .rnd_slider .slick-slide {margin: 0 1rem;}
    .rnd_slider .slick-list {margin: 0 -1rem; padding-top: 8rem !important;}
    .rnd_slider .slick-center{margin-top: -3rem;}
}
@media all and (max-width:480px){
    .rnd_slider:before{width:0%;}
    .rnd_slider:after{width: 0%;}
}


#m_news{background: url('/images/main/m_news_bg.jpg') center center / cover no-repeat;}
#m_news .inner{display: flex;}
#m_news .lt{width: 50%;padding-right: 1.5rem;}
#m_news .rt{width: 50%; padding-left: 6rem;}
#m_news .m_txt{display: flex; justify-content: space-between; align-items: end;}
#m_news .m_txt a{margin-top: 0;}
#m_news .m_news_wrap{margin-top: 5rem;}
#m_news .m_news_wrap ul{display: flex;gap: 3rem;}
#m_news .m_news_wrap ul li{width: calc(100%/2 - 3rem/2); border-radius: 1rem; padding: 5rem 4rem; background: rgba(255,255,255,0.15); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(20px); display: flex; flex-direction: column; justify-content: space-between; gap: 13.5rem; transition: 0.3s;}
#m_news .m_news_wrap ul li:hover{background: #fff; transition: 0.3s;}
#m_news .m_news_wrap ul li .txt span{color: #888; font-size: 1.6rem; font-weight: 500;}
#m_news .m_news_wrap ul li .txt h3{font-size: 2.2rem; color: #222; margin: 2rem 0;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 3rem;}
#m_news .m_news_wrap ul li .txt p{font-size: 1.8rem; font-weight: 500; opacity: 0.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;line-height: 2.4rem;}
#m_news .m_news_wrap ul li a{display: flex; padding: 2rem 4rem; border-radius: 100px; font-size: 1.6rem; border: 1px solid rgba(0,0,0,0.15); justify-content: space-between; color: #222; font-weight: bold;}
#m_news .m_news_wrap ul li:hover a{background: var(--color1); color: #fff; border: 1px solid transparent;}
#m_news .inq{margin-top: 5rem; border-radius: 1rem; padding: 5rem 4rem; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(20px); transition: 0.3s;}
#m_news .inq h3{font-size: 2.2rem; color: #222;}
#m_news .inq .img{margin: 2.5rem 0; position: relative; height: 23rem;}
#m_news .inq .img img{border-radius: 1rem; overflow: hidden; width: 100%; height: 100%; object-fit: cover;}
#m_news .inq .img a{position: absolute;display: flex; padding: 2rem 4rem; border-radius: 100px; font-size: 1.6rem; background: var(--color1); justify-content: space-between; color: #fff; font-weight: bold; gap: 3rem; bottom: -3rem;right: 0;}
#m_news .inq p{color: #666; font-size: 1.8rem; font-weight: 500; line-height: 3rem;}

@media all and (max-width:1280px){
    #m_news .rt{padding-left: 2rem;}
    #m_news .m_news_wrap ul li{padding: 3rem 2rem; gap: 10rem;}
    #m_news .m_news_wrap ul li .txt h3{font-size: 2rem;}
    #m_news .m_news_wrap ul li .txt p{font-size: 1.6rem;}
    #m_news .m_news_wrap ul li a{padding: 1.5rem 3rem;}
    #m_news .inq .img{height: 14rem;}
    #m_news .inq .img a{padding: 1.5rem 3rem; bottom: -2.5rem;}
    #m_news .inq p{ font-size: 1.6rem;}
}

@media all and (max-width:1024px){
    #m_news .inner{flex-wrap: wrap;gap: 5rem;}
    #m_news .lt{width: 100%;padding-right: 0rem;}
    #m_news .rt{width: 100%; padding-left: 0rem;}
    #m_news .inq .img{height: 30rem;}
}
@media all and (max-width:980px){
    #m_news .m_news_wrap ul{flex-wrap: wrap; gap: 2rem;}
    #m_news .m_news_wrap ul li{width: calc(100%/2 - 1rem); gap: 5rem;}
}
@media all and (max-width:480px){
    #m_news .m_txt{flex-direction: column; align-items: start;gap: 3rem;}
    #m_news .m_news_wrap ul li{width: 100%; gap: 3rem;}
    #m_news .m_news_wrap ul li .txt span{font-size: 1.4rem;}
    #m_news .m_news_wrap ul li .txt h3{font-size: 1.8rem;}
    #m_news .m_news_wrap ul li a{font-size: 1.4rem;}
    #m_news .inq {padding: 3rem 2rem;}
    #m_news .inq .img a{font-size: 1.4rem;}
    #m_news .inq .img{height: 14rem; margin: 2.5rem 0 5rem;}
}

#homepageBottom {
    height: auto !important;
}

#footer_clone {
    display: block;
}