@charset "utf-8";

#mVisual { position:relative; width:100%; height:100vh; overflow:hidden; }
#mVisual .mv{width: 100%; height: 100%; background: no-repeat center center/cover;}
#mVisual .mv1{background-image: url('/images/main/mv1.jpg');}
#mVisual .mv2{background-image: url('/images/main/mv2.jpg');}
#mv-vod { position: relative; width: 100%; height: 100%; object-fit: cover }
#mv-vod::before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.35);
					position: absolute; left:0; bottom:0; display: block; z-index:10; } 
#mv-vod iframe { position: absolute; left: 50%; bottom:0; width: 222vh; height: 115.2vh; object-fit: cover; transform:translateX(-50%)}


.mv-txt {padding-top:7%; padding-bottom: 150px; width:50%;
			display:flex; justify-content:space-between; align-content: flex-end;  align-items: flex-end; flex-wrap:wrap; 		
			margin:0 0 0 auto; height:100vh; z-index:15; color:#FFF; transition: opacity 1s ease;  }
.mv-txt h3 { width:100%; font-size:7.0rem; line-height:1.22em; }
.mv-txt br.br976 {display:none}
.mv-txt .t1  {width:100%; margin-bottom:4rem;  font-size:2.4rem; line-height:1.6em;   font-weight: 600; }
@media all and (max-width:1280px) {
    .mv-txt{width: 90%; margin: 0 auto;}
    .mv-txt h3 {font-size: 6.0rem;}

}

@media all and (max-width:976px) {
    .mv-txt{align-content: center; padding-bottom: 0; padding-top: 0;}
	.mv-txt br.br976 {display:block}
	.mv-txt h3 {font-size:6.2rem;}
    .mv-txt .t1  {font-size: 2.2rem; margin-bottom: 3rem;}
}
@media all and (max-width:768px) {
    #mVisual .mv2{background-image: url('/images/main/mv2_mo.jpg');}
    .mv-txt{text-align: center;}
	.mv-txt h3 {font-size:5.6rem;}
}
@media all and (max-width:480px) {
	.mv-txt h3 {font-size:5.0rem;}
	.mv-txt .t1 { font-size:2.0rem;} 
}




.mp-Part {padding:150px 0}
.mm-Part {margin:150px 0}
@media all and (max-width:976px){
    .mp-Part {padding:120px 0}
    .mm-Part {margin:120px 0}
}
@media all and (max-width:767px){
    .mp-Part {padding:100px 0}
    .mm-Part {margin:100px 0}
}
@media all and (max-width:568px){
    .mp-Part {padding:70px 0}
    .mm-Part {margin:70px 0}
}

.mbtn{position: relative; padding: 0 24px; display: inline-flex; justify-content: space-between; align-items: center; min-width: 180px; height: 60px; font-size: 1.8rem; font-weight: 600; color: #202c3a; border:1px solid #202c3a; border-radius: 30px;}
.mbtn:after{content: ''; display: inline-block; width: 17px; height: 24px; background: url('/images/main/mbtn.png')no-repeat right center/contain;}

.mbtn-wh{position: relative; padding: 0 24px; display: inline-flex; justify-content: space-between; align-items: center; min-width: 180px; height: 60px; font-size: 1.8rem; font-weight: 600; color: #fff; border:1px solid #fff; border-radius: 30px;}
.mbtn-wh:after{content: ''; display: inline-block; width: 17px; height: 24px; background: url('/images/main/mbtn_on.png')no-repeat right center/contain;}

@media all and (max-width:976px) {
    .mbtn{height: 50px;}
    .mbtn-wh{height: 50px;}
}

.m_tit {}
.m_tit h3{font-size: 5.0rem; color: #111; line-height: 1.4;}
.m_tit p.t1{margin-top: 3.0rem; font-size: 1.8rem; line-height: 1.77; opacity: 0.7; color: #111;}
.m_tit p.t2{margin-top: 2.0rem; font-size: 1.8rem; line-height: 1.77; opacity: 0.7; color: #111;}
@media all and (max-width:1280px) {
    .m_tit h3{font-size: 4.5rem;}
    .m_tit p.t1{margin-top: 2.5rem;}
    .m_tit p.t2{margin-top: 1.8rem;}
}
@media all and (max-width:976px) {
    .m_tit h3{font-size: 3.6rem;}
    .m_tit p.t1{margin-top: 2rem;}
    .m_tit p.t2{margin-top: 1.4rem;}
}

#msec1{background-color: #f0f0f0;}
#msec1 .m-inner.flex{display: flex; justify-content: space-between; align-items: flex-start;}
#msec1 .m-inner{position: relative;}
#msec1 .l_cont {width: 55%; max-height: 85vh; overflow-y: scroll; padding-right: 0px;}
#msec1 .l_cont p.t1{}
#msec1 .l_cont dl{padding-top: 2em; display: flex; padding-right: 10%; flex-wrap: wrap;}
#msec1 .l_cont dl dt{padding: 10px 0; border-top: 1px solid #111; flex:0 0 auto; width: 120px; font-weight: 600; color: #111;}
#msec1 .l_cont dl dd{padding: 10px 0; width: calc(100% - 120px); border-top: 1px solid #999; font-size: 1.5rem;}
#msec1 .l_cont dl dd p{padding-top: 5px; font-size: 1.2rem; color: #3a2028; font-weight: 500; opacity: 0.6;}
#msec1 .r_cont{position: sticky; top: 100px; clear:both; width: 45%; padding: 0 0 5% 5%;}
#msec1 .mbtn{margin-top: 8.0rem;}
#msec1 img{max-width: 100%;}
#msec1 .mo{display: none;}
#msec1 .dlWrap{margin-right: -20px; margin-top: 4em; display: flex; flex-wrap: wrap; gap: 1.4em; }
#msec1 .dlWrap .slick-track{display: flex !important; align-items: stretch; height: 100%;}
#msec1 .dlWrap dl{margin-right: 20px; width: calc((100% - 1.4em*3)/4); border:1px solid #bdbdbd;background-color: #fff; float: none;}
#msec1 .dlWrap dl dt{line-height: 50px; font-weight: 700; color: #fff; background-color: #322f31; font-size: 2.0rem; text-align: center;}
#msec1 .dlWrap dl ul{ padding: 1em;}
#msec1 .dlWrap dl ul li{position: relative; display: flex; gap: 4px;}
#msec1 .dlWrap dl ul li + li{margin-top: 0.7em; padding-top: 0.7em; border-top: 1px dotted #bdbdbd;}
#msec1 .dlWrap dl ul li:before{content: '-';}
#msec1 .dlWrap dl dd{padding: 1em;  color: #a83435; text-align: center;}
#msec1 .dtxt{margin-top: 3%; color: #111; font-size: 1.8rem; font-weight: 500; text-align: center;}
@media all and (max-width:1400px) {
    #msec1 .dlWrap dl{width: calc((100% - 1.4em*1)/2); }
}
@media all and (max-width:976px) {
    #msec1 .m-inner.flex{flex-direction: column-reverse; gap: 30px;}
    #msec1 .r_cont{position: static; width: 100%; padding: 0;}
    #msec1 .l_cont{ width: 100%;}
    #msec1 .l_cont dl{text-align: left; padding-right: 0;}
    #msec1 .mo{display: block;}
    #msec1 .mbtn.mo{display: inline-flex;}
    #msec1 .pc{display: none !important;}
    #msec1 .mbtn{margin: 4.0rem 0;}
}
@media all and (max-width:568px) {
    #msec1 .dlWrap dl{width: 100% }
    #msec1 .dtxt br{display: none;}
}


#msec1-2{background-color: #f0f0f0;}
#msec1-2 .m-inner.flex{display: flex; justify-content: space-between; align-items: flex-start;}
#msec1-2 .m-inner{position: relative;}
#msec1-2 .l_cont {width: 55%; }
#msec1-2 .l_cont p.t1{}
#msec1-2 .l_cont dl{padding-top: 2em; display: flex; padding-right: 10%; flex-wrap: wrap;}
#msec1-2 .l_cont dl dt{padding: 10px 0; border-top: 1px solid #111; flex:0 0 auto; width: 120px; font-weight: 600; color: #111;}
#msec1-2 .l_cont dl dd{padding: 10px 0; width: calc(100% - 120px); border-top: 1px solid #999; font-size: 1.5rem;}
#msec1-2 .l_cont dl dd p{padding-top: 5px; font-size: 1.2rem; color: #3a2028; font-weight: 500; opacity: 0.6;}
#msec1-2 .r_cont{position: sticky; top: 100px; clear:both; width: 45%; padding: 0 0 5% 5%;}
#msec1-2 .mbtn{margin-top: 8.0rem;}
#msec1-2 img{max-width: 100%;}
#msec1-2 .mo{display: none;}
#msec1-2 .dlWrap{margin-right: -20px; margin-top: 4em; display: flex; flex-wrap: wrap; gap: 1.4em; }
#msec1-2 .dlWrap .slick-track{display: flex !important; align-items: stretch; height: 100%;}
#msec1-2 .dlWrap dl{margin-right: 20px; width: calc((100% - 1.4em*3)/4); border:1px solid #bdbdbd;background-color: #fff; float: none;}
#msec1-2 .dlWrap dl dt{line-height: 50px; font-weight: 700; color: #fff; background-color: #322f31; font-size: 2.0rem; text-align: center;}
#msec1-2 .dlWrap dl ul{ padding: 1em;}
#msec1-2 .dlWrap dl ul li{position: relative; display: flex; gap: 4px;}
#msec1-2 .dlWrap dl ul li + li{margin-top: 0.7em; padding-top: 0.7em; border-top: 1px dotted #bdbdbd;}
#msec1-2 .dlWrap dl ul li:before{content: '-';}
#msec1-2 .dlWrap dl dd{padding: 1em;  color: #a83435; text-align: center;}
#msec1-2 .dtxt{margin-top: 3%; color: #111; font-size: 1.8rem; font-weight: 500; text-align: center;}
@media all and (max-width:1400px) {
    #msec1-2 .dlWrap dl{width: calc((100% - 1.4em*1)/2); }
}
@media all and (max-width:976px) {
    #msec1-2 .m-inner.flex{flex-direction: column-reverse; gap: 30px;}
    #msec1-2 .r_cont{position: static; width: 100%; padding: 0;}
    #msec1-2 .l_cont{ width: 100%;}
    #msec1-2 .l_cont dl{text-align: left; padding-right: 0;}
    #msec1-2 .mo{display: block;}
    #msec1-2 .mbtn.mo{display: inline-flex;}
    #msec1-2 .pc{display: none !important;}
    #msec1-2 .mbtn{margin: 4.0rem 0;}
}
@media all and (max-width:568px) {
    #msec1-2 .dlWrap dl{width: 100% }
    #msec1-2 .dtxt br{display: none;}
}


#msec2 .m_tit{text-align: center;}
#msec2 .m-inner{text-align: center;}
.pagenation {margin: 55px 0; padding: 10px; border-radius: 50px; background:#f0f0f0; display: inline-block;}
.pagenation .slick-dots{position: static; display: flex; justify-content: center;}
.pagenation .slick-dots li{width: auto; padding: 0 30px; height: auto; border-radius: 30px; line-height: 60px; color: #a8999e; background-color: transparent; font-size: 1.8rem; font-weight: 600;;}
.pagenation .slick-dots li.slick-active{color: #fff; background-color: #322f31;}

#msec2 .thumbnail { margin: 0 auto; position: relative;}
#msec2 .thumbnail .visual{ text-align: center; }
#msec2 .thumbnail .visual li {position: relative; margin: 0 0.4%; border-radius: 5px; overflow: hidden;;}
#msec2 .thumbnail .visual li .img{width: 100%; height: 560px; background:no-repeat center center/cover;}
#msec2 .prev{position: absolute; left: 8.5%; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; cursor: pointer; border:1px solid #202c3a; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#msec2 .next{position: absolute; right: 8.5%; top: 50%; transform: translateY(-50%); cursor: pointer; width: 60px; height: 60px; border:1px solid #202c3a; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#msec2 .thumbnail .visual li.li1 .img{background-image: url('/images/main/sec2-img1.jpg');}
#msec2 .thumbnail .visual li.li2 .img{background-image: url('/images/main/sec2-img2_251111.jpg');}
#msec2 .thumbnail .visual li.li3 .img{background-image: url('/images/main/sec2-img3_251031.jpg');}
#msec2 .thumbnail .visual li.li4 .img{background-image: url('/images/main/sec2-img4.jpg');}
#msec2 .thumbnail .visual li.li5 .img{background-image: url('/images/main/sec2-img5.jpg');}
#msec2 .thumbnail .visual li.li6 .img{background-image: url('/images/main/sec2-img6.jpg?v=1');}
#msec2 .thumbnail .visual li.li7 .img{background-image: url('/images/main/sec2-img7.jpg');}
#msec2 .thumbnail .visual li.li8 .img{background-image: url('/images/main/sec2-img8.jpg');}

#msec2 .thumbnail .visual li .txt{position: absolute; right: 0; top: 0; height: 100%; color: #fff; text-align: left; background-color: rgb(50, 45, 46, 0.9); padding-inline: 55px; display: flex; align-items: center;}
#msec2 .thumbnail .visual li .txt h3{margin-bottom: 20px; font-size: 3.6rem; }
#msec2 .thumbnail .visual li .txt .dotP{font-size: 1.8rem; opacity: 0.7; line-height: 1.8;}
#msec2 .thumbnail .visual li .txt dl{margin-top: 36px;}
#msec2 .thumbnail .visual li .txt dl dt{display: inline-block; padding:6px 2.6rem; font-size: 2.2rem; font-weight: 600; background-color: #804041; color: #fff; border-radius: 50px;}
#msec2 .thumbnail .visual li .txt dl dd{margin-top: 1.5rem; color: #f3c3c4; opacity: 0.7; line-height: 1.5;}

@media all and (max-width:1280px) {
    .pagenation .slick-dots li{padding: 0 30px;}
    #msec2 .prev{left: 7.5%; width: 50px; height: 50px;}
    #msec2 .next{right: 7.5%;  width: 50px; height: 50px;}
}
@media all and (max-width:976px) {
    .pagenation{margin: 40px 0;}
    .pagenation .slick-dots li{padding: 0 15px; line-height: 45px;}
    #msec2 .prev{width: 40px; height: 40px;}
    #msec2 .next{width: 40px; height: 40px;}
    #msec2 .thumbnail .visual li .img{height: 640px;}
    #msec2 .thumbnail .visual li .txt{padding: 2rem; right: auto; top: auto; width: 100%; height: auto; left: 0; bottom: 0; ;}
    #msec2 .thumbnail .visual li .txt h3{margin-bottom: 1rem; font-size: 3.0rem;}
    #msec2 .thumbnail .visual li .txt .dotP{font-size: 1.6rem;}
    #msec2 .thumbnail .visual li .txt dl{margin-top: 1.5rem;}
    #msec2 .thumbnail .visual li .txt dl dt{font-size: 1.8rem;}
}
@media all and (max-width:767px) {
    .pagenation{margin: 30px 0;}
    .pagenation .slick-dots li{font-size: 1.7rem; line-height: 1.2em; height: 45px; display: flex; justify-content: center; align-items: center; padding: 0 1em;}
    #msec2 .arrows{margin-top: 40px; display: flex; justify-content: center; align-items: center; gap: 6px;}
    #msec2 .prev{position: static;}
    #msec2 .next{position: static;}
    #msec2 .thumbnail .visual .slick-track{display: flex !important; align-items: stretch;}
    #msec2 .thumbnail .visual li{background-color: rgb(50, 45, 46, 1); height: auto; flex:1;}
    #msec2 .thumbnail .visual li .img{height: auto; aspect-ratio:1280/560 ;}
    #msec2 .thumbnail .visual li .txt {position: static;    background-color: rgb(50, 45, 46, 1);}
    #msec2 .thumbnail .visual li .txt h3{font-size: 2.4rem;}
}
@media all and (max-width:568px) {
    .pagenation{margin: 15px 0; padding: 0.4em; background-color: #fff;}
    .pagenation .slick-dots{flex-wrap: wrap; gap: 0; }
    .pagenation .slick-dots li{width: 40%; padding: 0 0.4em; height: 35px; line-height: 1; color: #322f31; border:1px solid #eaeaea;}
    #msec2 .thumbnail .visual li {margin: 0 0.2%;}
}

#msec3{position: relative; background: url('/images/main/sec3-bg_251001.jpg')no-repeat left bottom/953px 100%; width: 100%; overflow-x: hidden;}
#msec3 .slide-wrap{display: flex; padding: 140px 0 160px;}
#msec3 .slide-wrap .slide-header{ width: 670px; flex: 0 0 auto;}
#msec3 .slide-wrap .slide-header .m_tit{padding-top: 40px; padding-bottom: 70px; text-align: left;}
#msec3 .slide-wrap .slide-header .m_tit h4{margin-bottom: 70px;  opacity: 1;}
#msec3 .slide-wrap .slide-header .m_tit h3{color: #fff;}
#msec3 .slide-wrap .slide-header .m_tit p{margin-bottom: 70px; color: #fff;}
#msec3 .slide-wrap .slide-body{width: calc(100% - 470px); position: relative;}
#msec3 .slide-wrap #equipSlide{width: 1200px; position: absolute;}
#msec3 .slide-wrap #equipSlide .slick-list,
#msec3 .slide-wrap #equipSlide .slick-track{width: 100%;}
#msec3 .slide-wrap #equipSlide li{position: relative; margin-right: 20px; border-radius: 5px; overflow: hidden;}
#msec3 .slide-wrap #equipSlide li:before{content: ''; width: 100%; height: 33%; bottom: 0; position: absolute; left: 0; background:linear-gradient(to bottom, transparent, rgb(0, 0, 0, 0.8))}
#msec3 .slide-wrap #equipSlide li.slick-current:before{background:linear-gradient(to bottom, transparent, rgb(168, 52, 53, 0.95))}
#msec3 .slide-wrap #equipSlide li img{width: 100%;}
#msec3 .slide-wrap #equipSlide li .txt{position: absolute; bottom: 0;; text-align: left; padding: 50px 35px;}
#msec3 .slide-wrap #equipSlide li .txt dt{display: inline-block; padding: 4px 10px; background-color: #202c3a; color: #fff; font-size: 1.8rem; border-radius: 5px;}
#msec3 .slide-wrap #equipSlide li .txt dd{padding-top: 10px; font-size: 3.2rem;color: #222; font-weight: 300;}
#msec3 .slide-wrap #equipSlide li .txt dd b{font-weight: 700;}
#msec3 .slide-wrap #equipSlide li p{position: absolute; bottom: 30px; left: 30px; color: #fff; font-weight: 500; font-size: 2.0rem; line-height: 1.3em;}
#msec3 .slide-wrap .slide-body #slideBar{position: absolute; margin-top: 40px; width: 100%; height: 3px; background-color: #e9e9e9; border-radius: 5px; overflow: hidden; bottom: 0;}
#msec3 .slide-wrap .slide-body #slideBar div{position: absolute; left: 0; bottom: 0; width: 0; height: 100%; background-color: #3a2028;}
#msec3 .slide-wrap .slide-body #slideBar div.active{animation: bar-anim 3s 1;}
/* #msec3 .slide-wrap #equipSlide:hover + #slideBar div{ animation-play-state: paused; }  */
@keyframes bar-anim {
    0%{width: 0%;}
    100%{width: 100%;}
}
@media all and (max-width:1280px){
    #msec3{background-size: cover;}
    #msec3 .slide-wrap .slide-header{width: 450px;}
    #msec3 .slide-wrap .slide-body{width: calc(100% - 450px);}

}
@media all and (max-width:976px){
    #msec3{background-position:0 bottom}
    #msec3 .slide-wrap{flex-direction: column; padding: 40px 0 80px;}
    #msec3 .slide-wrap .slide-header{display: flex; width: 100%;}
    #msec3 .slide-wrap .slide-header .block1280{display: none;}

    #msec3 .slide-wrap .slide-header .m_tit{padding-bottom: 25px;}
    #msec3 .slide-wrap .slide-header .m_tit p{margin:5px 0 25px; word-break: keep-all;}
    #msec3 .slide-wrap .slide-header .m_tit p br{display: none;}

    #msec3 .slide-wrap #equipSlide{position: relative; left: 0;}
    #msec3 .slide-wrap .slide-body{width: 100%;}
    #msec3 .slide-wrap .slide-body #slideBar{position: relative;}
    #msec3 .slick-track{margin-left: 0;}

    #msec3 .slide-wrap #equipSlide li .txt{padding: 1rem;}
    #msec3 .slide-wrap #equipSlide li .txt dt{font-size: 1.2rem;}
    #msec3 .slide-wrap #equipSlide li .txt dd{padding-top: 0.4rem; font-size: 2.0rem;}
    #msec3 .slide-wrap #equipSlide li p{font-size:2rem;}

}
@media all and (max-width:768px){
    #msec3 .slide-wrap #equipSlide{width: 900px;}
}
@media all and (max-width:568px){
    #msec3 .slide-wrap #equipSlide li p{left: 20px; bottom:25px; }
}


#msec6{position: relative; background: url('/images/main/sec6-bg.jpg') no-repeat right bottom;
    background-size: max(50%, 950px) 100%;; width: 100%; overflow-x: hidden;}
#msec6 .slide-wrap{display: flex; flex-direction: row-reverse; padding: 140px 0 160px;}
#msec6 .slide-wrap .slide-header{margin-left: auto; width: 670px; padding-left: 5%; flex: 0 0 auto;}
#msec6 .slide-wrap .slide-header .m_tit{padding-top: 40px; padding-bottom: 70px; text-align: left;}
#msec6 .slide-wrap .slide-header .m_tit h4{margin-bottom: 70px;  opacity: 1;}
#msec6 .slide-wrap .slide-header .m_tit h3{color: #fff;}
#msec6 .slide-wrap .slide-header .m_tit p{margin-bottom: 70px; color: #fff;}
#msec6 .slide-wrap .slide-body{width: calc(100% - 470px); position: relative;}
#msec6 .slide-wrap #equipSlide{width: 1200px; position: absolute; right: 0;}
#msec6 .slide-wrap #equipSlide .slick-list,
#msec6 .slide-wrap #equipSlide .slick-track{width: 100%; padding: 10px;}
#msec6 .slide-wrap #equipSlide li{position: relative; margin-left: 20px; height: 500px; border-radius: 5px; overflow: hidden; text-align: center; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); background-size: cover;}
/* #msec6 .slide-wrap #equipSlide li:before{content: ''; width: 100%; height: 33%; bottom: 0; position: absolute; left: 0; background:linear-gradient(to bottom, transparent, rgb(0, 0, 0, 0.8))} */
#msec6 .slide-wrap #equipSlide li.bg1{background-image: url('/images/main/sec6-img1.png');}
#msec6 .slide-wrap #equipSlide li.bg2{background-image: url('/images/main/sec6-img2.png');}
#msec6 .slide-wrap #equipSlide li.bg3{background-image: url('/images/main/sec6-img3.png');}
#msec6 .slide-wrap #equipSlide li.bg4{background-image: url('/images/main/sec6-img4.png');}
#msec6 .slide-wrap #equipSlide li.bg5{background-image: url('/images/main/sec6-img5.png');}
#msec6 .slide-wrap #equipSlide li.slick-current{}
#msec6 .slide-wrap #equipSlide li .img{padding:3em 2em; overflow: hidden;}
#msec6 .slide-wrap #equipSlide li .img h3{padding-bottom: 0.8em; color: #000; font-size: 3rem;}
#msec6 .slide-wrap #equipSlide li .img h3 span{display: inline-block; padding: 0.1em 1em; background-color: #a83435; color: #fff; border-radius: 60px;}
#msec6 .slide-wrap #equipSlide li img{display: inline-block; max-width: 100%;}
#msec6 .slide-wrap #equipSlide li .txt{}
#msec6 .slide-wrap #equipSlide li .txt p{display: inline-block; padding-top: 10px; width: 90%; font-size: 1.8rem; line-height: 1.6em; color: #222; font-weight: 500;}
#msec6 .slide-wrap .slide-body #slideBar{position: absolute; margin-top: 40px; width: 100%; height: 3px; background-color: #e9e9e9; border-radius: 5px; overflow: hidden; bottom: 0;}
#msec6 .slide-wrap .slide-body #slideBar div{position: absolute; left: 0; bottom: 0; width: 0; height: 100%; background-color: #3a2028;}
#msec6 .slide-wrap .slide-body #slideBar div.active{animation: bar-anim 3s 1;}
/* #msec6 .slide-wrap #equipSlide:hover + #slideBar div{ animation-play-state: paused; }  */
@keyframes bar-anim {
    0%{width: 0%;}
    100%{width: 100%;}
}
@media all and (max-width:1280px){
    #msec6{background-size: cover }
    #msec6 .slide-wrap .slide-header{width: 450px;}
    #msec6 .slide-wrap .slide-body{width: calc(100% - 450px);}

}
@media all and (max-width:976px){
    #msec6{background-position:0 bottom}
    #msec6 .slide-wrap{flex-direction: column; padding: 40px 0 80px;}
    #msec6 .slide-wrap .slide-header{display: flex; width: 100%;}
    #msec6 .slide-wrap .slide-header .block1280{display: none;}

    #msec6 .slide-wrap .slide-header .m_tit{padding-bottom: 25px;}
    #msec6 .slide-wrap .slide-header .m_tit p{margin:5px 0 25px; word-break: keep-all;}
    #msec6 .slide-wrap .slide-header .m_tit p br{display: none;}

    #msec6 .slide-wrap #equipSlide{position: relative; left: 0;}
    #msec6 .slide-wrap .slide-body{width: 100%;}
    #msec6 .slide-wrap .slide-body #slideBar{position: relative;}
    #msec6 .slick-track{margin-left: 0;}

    #msec6 .slide-wrap #equipSlide .slick-track{display: flex !important;}
    #msec6 .slide-wrap #equipSlide li{height: auto;}
    #msec6 .slide-wrap #equipSlide li .img {padding: 1em;}
    #msec6 .slide-wrap #equipSlide li .img h3{font-size: 2.4rem;}
    #msec6 .slide-wrap #equipSlide li .txt{padding: 1rem;}
    #msec6 .slide-wrap #equipSlide li .txt dt{font-size: 1.2rem;}
    #msec6 .slide-wrap #equipSlide li .txt dd{padding-top: 0.4rem; font-size: 2.0rem;}
    #msec6 .slide-wrap #equipSlide li p{font-size:2rem; padding-bottom: 1em;}

}
@media all and (max-width:768px){
    #msec6 .slide-wrap #equipSlide{width: 900px;}
}
@media all and (max-width:568px){
    #msec6 .slide-wrap #equipSlide li p{left: 20px; bottom:25px; }
}





#msec4{background: url('/images/main/sec4-bg.jpg?v=2')no-repeat center center/cover;}
#msec4 .m-inner{display: flex;justify-content: space-between; align-items: center;}
#msec4 .l_cont {width: 670px;;}
#msec4 .m_tit{margin-bottom: 45px;}
#msec4 .m_tit dl{position: relative; padding-bottom: 35px; margin-bottom: 30px; border-bottom: 1px dashed #dddddd5b;}
#msec4 .m_tit dl dt{font-size: 5.3rem; font-weight: 700; font-family: 'Noto Serif KR', Serif; color: #fff;}
#msec4 .m_tit dl dd{margin-top: 10px; font-size: 3.0rem; color: #fff;}
#msec4 .m_tit h3{color: #fff;}
#msec4 .m_tit .img{margin-top: 2em;}
#msec4 .img{width: 100%;}
#msec4 .img img{width: 90%;}
#msec4 .m_tit p.t1{color: #fff;}
#msec4 .l_cont .menu_tabs{max-width: 400px;}
#msec4 .l_cont .menu_tabs li a{display: flex; justify-content: space-between ; align-items: center; padding: 15px 0; color: #fff; border-bottom: 1px solid rgb(255, 255, 255, 0.15); font-size: 2.0rem;}
#msec4 .l_cont .menu_tabs li a:after{content: ''; display: inline-block; width: 9px; height: 14px; background:url('/images/main/sec4-arrow.png')no-repeat;}
#msec4 .l_cont .menu_tabs li.active a{color: #e66e70;}
#msec4 .l_cont .menu_tabs li.active a:after{background:url('/images/main/sec4-arrow-on.png')no-repeat;}
#msec4 .r_cont{width: calc(100% - 670px); }
#msec4 .r_cont .img_wrap{display: flex; overflow: hidden; align-items: stretch;}
#msec4 .r_cont .big_img{width: 620px; margin-right: 30px;}
#msec4 .r_cont .small_img{}
#msec4 .r_cont .small_img img{width: 200px;}
#msec4 .r_cont .small_img .slick-list{}
#msec4 .r_cont .small_img .slick-track{}
#msec4 .r_cont .small_img .img{margin-bottom: 5px; } 
#msec4 .r_cont .small_img .img img{cursor: pointer;}
@media all and (max-width:1599px){
    #msec4 .l_cont {width: 540px;;}
    #msec4 .r_cont{width: calc(100% - 640px); margin-left: 100px; }
    #msec4 .r_cont .img_wrap{ flex-direction: column; align-items:stretch;}
    #msec4 .r_cont .big_img{width: auto; margin-right: 0; margin-bottom: 10px;}
    #msec4 .r_cont .big_img img{width: 100%;}
    #msec4 .r_cont .small_img .slick-track {display: flex; gap: 5px;}
    #msec4 .r_cont .small_img img{width: 100%;}

}
@media all and (max-width:1280px){
    #msec4 .m_tit dl dt{font-size: 4.5rem;}
    #msec4 .m_tit dl dd{font-size: 2.4rem;}
    #msec4 .r_cont{width: calc(100% - 540px); margin-left: 0;}
}
@media all and (max-width:976px){
    #msec4 .m-inner{display: block;}    
    #msec4 .l_cont{width: 100%;}
    #msec4 .m_tit{margin-bottom: 10px;}
    #msec4 .l_cont .menu_tabs{max-width: 100%;}
    #msec4 .l_cont .menu_tabs ul{display: flex; flex-wrap: wrap; gap: 10px;}
    #msec4 .l_cont .menu_tabs ul li{width: calc((100% - 10px)/2); }
    #msec4 .l_cont .menu_tabs ul li a{padding: 10px 0;}
    #msec4 .r_cont{width: 100%; margin-top: 35px; margin-inline:auto; max-width: 640px;}
}
@media all and (max-width:568px){
     #msec4 .m_tit dl dt{font-size: 4.0rem;}
     #msec4 .m_tit dl dd{font-size: 2.2rem;}
}


#msec5{background-color: #f0f0f0; }
#msec5 .m_tit{position: relative; margin-bottom: 100px; display: flex; align-items: flex-end; gap: 50px;}
#msec5 .list li{margin-right: 30px;}
#msec5 .list li a{display: block;}
#msec5 .list li .img{position: relative;}
#msec5 .list li .img img{width: 100%;}
#msec5 .list li .img p{position: absolute; left: 0; bottom: 0; padding-left: 1.3rem; min-width: 116px; line-height: 40px; font-size: 1.8rem; font-weight: 500;; background-color: #322f31; color: #fff;}
#msec5 .list li:nth-child(even){margin-top: 55px;}
#msec5 .list li a > p{padding: 1em; background-color: #fff;font-size: 1.8rem; line-height: 1.5; font-weight: 500; color: #111;}
#msec5 .btnbox{position: absolute; right: 0; bottom:  0;; display: flex; flex-wrap: wrap; gap: 8px;}
@media all and (max-width:1480px){
    #msec5 .m_tit{display: block;}
}
@media all and (max-width:976px){
    #msec5 .m_tit{text-align: center; margin-bottom: 40px;}
    #msec5 .btnbox{margin-top: 25px; position: static; justify-content: center;}
}




#mAbout { background:url('/images/main/mabout-bg.png') no-repeat left bottom; background-attachment: fixed;}
#mAbout .inner {display:flex;  align-items: start;}
#mAbout .m_tit {width: 720px; position:sticky; top:0; max-height:950px;}
#mAbout .m_tit,
#mAbout .history .boxs {padding-top:130px}
#mAbout .mbtn{margin-top: 75px; margin-bottom: 130px;}
#mAbout .slick-dots{transform: translateX(-50%);}

#mAbout .history {width: calc(100% - 720px);  position: relative;}
#mAbout .history .line{ width: 2px; background-color:#f3dfdf; height: 100%; position: absolute; left: 50%; transform: translate(-1px);}
#mAbout .history .line .bar{position: sticky; width: 2px; height: 0%; top: 0; background:#a83435; display: block; max-height:100vh; transition: .4s;}
#mAbout .history .boxs{display: flex; flex-wrap: wrap; justify-content: space-between;}
#mAbout .history .boxs .box{position: relative; padding-bottom:100px; width: 48%;}
#mAbout .history .boxs .box:nth-child(even){margin-top: 300px; }
#mAbout .history .boxs .box img{border-radius: 5px; width: 100%; max-width: 100%;}
#mAbout .history .boxs .box .txt {position: relative;}
#mAbout .history .boxs .box .txt h3{ font-size:10rem; font-family: 'Roboto'; font-weight: 900;}
#mAbout .history .boxs .box .txt .t1 {padding-top: 0px; font-size: 2.2rem; font-weight: 700; color: #111;}
#mAbout .history .boxs .box .txt .t1 .bar1{padding-inline:5px; color: #d7d6d6; font-weight: 300;}

@media all and (max-width:1599px) {
    #mAbout .m_tit {width: 600px;}
    #mAbout .history {width: calc(100% - 600px);}
    #mAbout .history .boxs .box{padding-right: 20px;}
    #mAbout .history .boxs .box:nth-child(even){padding-left: 20px; margin-top: 200px;}
    #mAbout .history .boxs .box .txt h3{font-size: 5rem;}
    #mAbout .history .boxs .box .txt .t1{font-size: 1.8rem;}
}
@media all and (max-width:1280px) {
	#mAbout {  background-attachment: unset; background-size:cover}
	#mAbout .m_tit {width:50%;}
	#mAbout .m_tit {padding-top:130px}
    #mAbout .history {width: 50%;}
    #mAbout .history .line{left: 0; transform: none;}
	#mAbout .history .boxs {padding-top:130px; margin-left: 40px;}
    #mAbout .history .boxs .box:nth-child(even){padding-left: 0; margin-top: 0;}
	#mAbout .history .boxs .box{ width: 100%; padding-bottom:70px; padding-right: 0;}
	#mAbout .history .boxs .box .txt {padding-left:30px;}
}
@media all and (max-width:680px) {
    #mAbout .inner{display: block;}
    #mAbout .m_tit{width: 100%;  position:unset}
	#mAbout .m_tit .txt {text-align:left; }
    #mAbout .mbtn{margin: 25px 0;}
    #mAbout .history {width: 100%;}
    #mAbout .history .boxs{padding-top: 0;}
    #mAbout .history .boxs .box img{width: 100%;}
    #mAbout .history .boxs .box .txt{gap: 15px;}
}
@media all and (max-width:480px) {
	#mAbout .m_tit {padding-top:15vw}
	#mAbout .history .boxs {padding-top:10vw; margin-left: 15px;}
	#mAbout .history .boxs .box{  padding-bottom:7vw}
	#mAbout .history .boxs .box .txt {padding-left:5vw;}
}



#msec7{overflow: hidden; text-align: center; background: url('/images/main/sec7-bg.png?v=1')no-repeat center bottom/100% auto;}
#msec7 .m_tit{margin-bottom: 50px;}
#msec7 .list{margin-right: -20px; display: flex; padding: 0 3%; justify-content: center; gap: 4%;}
#msec7 .list li {margin-right: 20px;}
#msec7 .list li .img{}
#msec7 .list li .img img{max-width: 100%;}
#msec7 .list li dl{margin-top: 25px;}
#msec7 .list li dt{font-weight: 700; font-size: 2.5rem; color: #111;}
#msec7 .list li dd{position: relative; padding-top: 17px; margin-top: 20px;; font-size: 1.7rem;line-height: 1.5em; color: #333;}
#msec7 .list li dd:before{content: ''; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); width: 27px; height: 2px; background-color: #333; opacity: 0.7;}
@media all and (max-width:1400px) {
    #msec7 .list li dd br{display: none;}
}
@media all and (max-width:976px) {
    #msec7 .list li dt{font-size: 2.0rem;}
}
@media all and (max-width:768px) {
    #msec7 .m_tit{padding: 0 2em; margin-bottom: 40px;}
    #msec7 .list{flex-wrap: wrap; gap: 2em 0;}
}
@media all and (max-width:568px) {
    #msec7 .m_tit{margin-bottom: 8vw;}
    #msec7 .m_tit p.t1 br{display: none;}
    #msec7 .list li dl{margin-top: 15px;}
    #msec7 .list li dd{padding-top: 10px; margin-top: 13px;;}
    #msec7 .list li dd:before{width: 15px;}
}


#msec8{position: relative; background: url('/images/main/sec8-bg.jpg')no-repeat right top/100% auto;}
#msec8 .m_tit{position: relative; margin-bottom: 50px;}
#msec8 .m_tit .mbtn-wh{position: absolute; right: 0; bottom: 0;;;}
#msec8 .list {margin-right: -20px;}
#msec8 .list li{position: relative; margin-right: 20px;}
#msec8 .list li img{width: 100%; border-radius: 5px;}
#msec8 .list li dl{position: absolute; bottom: 30px; left: 30px;}
#msec8 .list li dl dt{padding-bottom: 5px; color: #a83435; font-weight: 500;}
#msec8 .list li dl dd{font-size: 2.2rem; color: #111;}
@media all and (max-width:976px) {
    #msec8{background-size: auto 400px;}
}
@media all and (max-width:768px) {
    #msec8 .m_tit .mbtn-wh{position: static; margin-top: 30px;}
}
@media all and (max-width:480px) {
    #msec8{background-size: auto 500px;}
    #msec8 .m_tit {text-align: center;}
    #msec8 .m_tit p.t2 br{display: none;}
}


#msec9{}
#msec9 .m_tit{margin-bottom: 60px;}
#msec9 .contWrap{border:10px solid #eaeaea; padding: 40px;}
#msec9 .contWrap .imgCont{max-width: 100%;}
#msec9 .contWrap .pc{}
#msec9 .contWrap .mo{display: none;}
@media all and (max-width:768px) {
    #msec9 .m_tit{margin-bottom: 30px;}
    #msec9 .contWrap .pc{display: none;}
    #msec9 .contWrap .mo{display: block;}
}


#mMap{position: relative; width: 100%;}
#mMap img{width: 100%;}
#mMap .map-txt{position: absolute; z-index: 2; width: 100%;}
#mMap .map-arrow{position: absolute; z-index: 1; width: 100%;}


#mequip{background-color: #f0f0f0;}
#mequip .m-inner{}
#mequip .m-inner .m_tit{text-align: center; margin-bottom: 40px;}
#mequip .m-inner .r_cont{}
#mequip .m-inner .r_cont ul{margin-right: -20px;}
#mequip .m-inner .r_cont ul li{margin-right: 20px;}
#mequip .m-inner .r_cont img{border-radius: 10px; max-width: 100%;}
#mequip .m-inner .r_cont dl{padding: 1em;}
#mequip .m-inner .r_cont dl dt{color: #a83435; font-family: 'Bebas Neue', 'Suit'; font-weight: 700; letter-spacing: 0; font-size: 3.6rem;}
#mequip .m-inner .r_cont dl dd{font-size:2.0rem; font-weight: 700; color: #111;}
@media all and (max-width:1280px) {
    #mequip .m-inner .r_cont{gap: 30px;}
    #mequip .m-inner .r_cont ul:nth-child(2){margin-top:60px;}
    #mequip .m-inner .r_cont img{border-radius: 6px;}
    #mequip .m-inner .r_cont dl dt{font-size: 3rem;}
    #mequip .m-inner .r_cont dl dd{font-size: 1.9rem;}
}
@media all and (max-width:1024px) {
    #mequip .m-inner .r_cont{gap: 20px;}
    #mequip .m-inner .r_cont ul li{margin-bottom: 30px;}
    #mequip .m-inner .r_cont dl dt{font-size: 2.6rem;}
    #mequip .m-inner .r_cont dl dd{font-size: 1.8rem;}
}
@media all and (max-width:768px) {
    #mequip .m-inner .r_cont{width: 100%;}
    #mequip .m-inner .r_cont ul:nth-child(2){margin-top:0px;}
}
@media all and (max-width:568px) {
    #mequip .m-inner .r_cont{gap: 1em;}
}